Prechádzať zdrojové kódy

refactor(inspectionTemplate): 重构参数输入布局并调整单位选择位置

yusheng 2 dní pred
rodič
commit
4d805d7e58
1 zmenil súbory, kde vykonal 25 pridanie a 33 odobranie
  1. 25 33
      src/views/inspectionTemplate/AddorUpdate.vue

+ 25 - 33
src/views/inspectionTemplate/AddorUpdate.vue

@@ -244,26 +244,9 @@
                 (row.textType == 3 ? '.minValue' : '.defaultValue')
               "
             >
-              <div style="width: 100%; display: flex">
-                <DictSelection
-                  style="width: 85px"
-                  clearable
-                  dictName="数学字符"
-                  v-model="row.symbol"
-                  v-if="row.textType != 8"
-                ></DictSelection>
+              <div style="width: 100%; display: flex;justify-content: center;">
                 <div v-if="row.textType == 3 || row.textType == 8">
-                  <el-input
-                    v-model="row.minValue"
-                    style="width: 80px"
-                  ></el-input>
-                  <span v-if="row.textType == 3">-</span>
-
-                  <el-input
-                    v-else
-                    v-model="row.defaultValue"
-                    style="width: 200px"
-                  >
+                  <el-input v-model="row.defaultValue" style="width: 200px">
                     <template slot="append">
                       <DictSelection
                         dictName="工艺参数单位"
@@ -275,25 +258,34 @@
                       </DictSelection
                     ></template>
                   </el-input>
+                  <el-input
+                    v-model="row.minValue"
+                    style="width: 80px"
+                  ></el-input>
+                  <span>-</span>
+
                   <el-input v-model="row.maxValue" style="width: 80px">
                   </el-input>
                 </div>
 
-                <div v-else style="width: 100%">
-                  <!-- <el-input v-model="row.defaultValue"></el-input> -->
+                <div v-else style="width: 100%;display: flex;justify-content: center;">
+                  <DictSelection
+                    style="width: 85px"
+                    clearable
+                    dictName="数学字符"
+                    v-model="row.symbol"
+                  ></DictSelection>
                   <el-input type="textarea" autosize v-model="row.defaultValue">
                   </el-input>
+                  <DictSelection
+                    dictName="工艺参数单位"
+                    clearable
+                    filterable
+                    v-model="row.unitName"
+                    style="width: 100px"
+                  >
+                  </DictSelection>
                 </div>
-
-                <DictSelection
-                  dictName="工艺参数单位"
-                  clearable
-                  v-if="row.textType != 8"
-                  filterable
-                  v-model="row.unitName"
-                  style="width: 100px"
-                >
-                </DictSelection>
               </div>
             </el-form-item>
           </template>
@@ -784,9 +776,9 @@
       handleClose() {
         this.visible = false;
         this.templateCategoryList = [];
-        this.dataForm={
+        this.dataForm = {
           ...dataForm
-        }
+        };
       },
       selectionChange(selection) {
         console.log(selection, 'selection');