通道设置优化

src/views/realTimeMonitor/components/setChannel/setChannelDialog.vue

@@ -7,12 +7,7 @@
     width="870px"
     @close="handleclose"
   >
-    <div class="zzinfo">
+    <div class="zzinfo">装置编号：{{ areaData.name }}</div>
-      装置编号：{{ areaData.name
-      }}<el-button type="text" icon="el-icon-refresh" @click="searchBtn"
-        >刷新</el-button
-      >
-    </div>
     <div class="channelsetBox" v-loading="channelsetLoading">
       <!-- 通道设置 -->
       <div class="channelList">
@@ -280,6 +275,8 @@
           </el-option>
         </el-select>
       </div>
+      <el-divider></el-divider>
+      <!-- 水印 -->
       <div class="textAreabox">
         <div class="lt">
           <h4>左上osd</h4>
@@ -410,13 +407,14 @@
           </el-popover>
         </div>
       </div>
+      <el-divider></el-divider>
       <div class="moreParams">
         <div class="parambox" v-for="(val, index) in moreForm" :key="index">
-          <h4>name</h4>
+          <h4>属性名</h4>
           <el-input v-model="val.parmasName" size="mini"></el-input>
-          <h4>value</h4>
+          <h4>属性值</h4>
           <el-input v-model="val.parmasValue" size="mini"></el-input>
-          <h4>type</h4>
+          <h4>属性类型</h4>
           <el-select size="mini" v-model="val.parmasType" placeholder="请选择">
             <el-option
               v-for="item in typeOption"
@@ -446,6 +444,10 @@
       </div>
     </div>
     <div slot="footer" class="dialog-footer">
+      <div class="btnleft">
+        <el-button type="text" icon="el-icon-refresh" @click="searchBtn"
+          >刷新</el-button
+        >
         <div class="jsonBox" v-if="resultJson !== ''">
           <el-popover
             placement="right"
@@ -454,11 +456,16 @@
             popper-class="jsonclass"
           >
             <pre>{{ resultJson }}</pre>
-          <el-button type="text" slot="reference" :disabled="channelsetLoading"
+            <el-button
+              type="text"
+              slot="reference"
+              :disabled="channelsetLoading"
               >展示JSON</el-button
             >
           </el-popover>
         </div>
+      </div>
+
       <div class="btngrop">
         <el-button @click="handleclose" :disabled="channelsetLoading"
           >取 消</el-button
@@ -1644,9 +1651,13 @@ export default {
     display: grid;
     grid-template-columns: 1fr auto;
     // justify-content: space-between;
+    .btnleft {
+      display: flex;
       .jsonBox {
         text-align: left;
       }
+    }
+
     .btngrop {
       .el-button--default,
       .el-button--primary {