1
lzhe
2024-04-02 513eeed9693dd43930b49dfb7599874486546e6c
src/views/console/soam/oss-system.vue
@@ -49,12 +49,53 @@
                     <div class="domain">http://192.168.1.199</div>
                  </div>
               </li>
               <li>2</li>
               <li>3</li>
               <li>
                  <div class="edit">编辑</div>
                  <div class="logo">
                     <img src="http://116.63.155.153:83/api/static/images/vision.png">
                  </div>
                  <div class="content">
                     <div class="name">大屏</div>
                     <div class="domain">http://192.168.1.199:31005</div>
                  </div>
               </li>
               <li>
                  <div class="edit">编辑</div>
                  <div class="logo">
                     <img src="http://116.63.155.153:83/api/static/images/hmi.png">
                  </div>
                  <div class="content">
                     <div class="name">HMI</div>
                     <div class="domain"></div>
                  </div>
               </li>
            </ul>
            <el-form label-width="80px">
            </el-form>
            <el-card class="system-content">
                <template #header>
                  <div class="card-header">
                    <span>应用详情</span>
                  </div>
                </template>
                <el-form :model="searchData" abel-width="120px">
                  <el-form-item label="系统展示">
                     <el-switch v-model="searchData.value1" />
                  </el-form-item>
                  <el-form-item label="应用名称">
                     <div>{{searchData.value2}}</div>
                  </el-form-item>
                  <el-form-item label="应用标识">
                     <div>{{searchData.value2}}</div>
                  </el-form-item>
                  <el-form-item label="网页地址">
                     <div>{{searchData.value2}}</div>
                  </el-form-item>
                  <el-form-item label="上传图标">
                     <div>
                        <img src="http://116.63.155.153:83/api/static/images/hmi.png" style="width:66px;height:66px;">
                     </div>
                  </el-form-item>
               </el-form>
             </el-card>
         </el-tab-pane>
      </el-tabs>
   </div>
@@ -65,6 +106,10 @@
      name: "oss-main",
      data(){
         return {
            searchData: {
               value1: false,
               value2: "HMI"
            },
            ossForm: {
               endpoint: "",
               acceskey: "",
@@ -158,4 +203,15 @@
    word-wrap: break-word;
    word-break: break-all;
}
.system-content /deep/ .el-card__header{
   padding: 0px;
}
.system-content .card-header{
   border-bottom: 1px solid #ebeef5;
   padding: 6px 18px!important;
}
.system-content .card-header span{
   font-size:13px;
   font-weight: 400px;
}
</style>