检验性质配置

yudao-ui-admin-vue3/src/views/pressure2/inspectionNature/index.vue

@@ -111,44 +111,53 @@
     v-model="inspectionNatureCreateOrEditDialog"
     :title="(editType === 'edit' ? '编辑' : '添加') + '检验性质'"
     width="1200px"
+    style="padding-right: 40px;"
     :showFooter="false"
     @cancel="handleInspectionNatureDialogClose"
   >
     <el-form ref="inspectionNatureFormRef" :model="inspectionNatureForm"
-             :rules="inspectionNatureFormRules" style="width: 400px;" width="400px"
+             :rules="inspectionNatureFormRules"
              label-width="110px">
-      <el-form-item label="所属设备" prop="equipmentCategory">
-        <el-select v-model="inspectionNatureForm.equipmentCategory" placeholder="请选择所属设备"
-                   @change="handleEquipmentCategoryChange">
-          <el-option
-            v-for="item in getPressureEquipmentCategory[0].children"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="检验性质" prop="inspectionNature">
-        <el-select v-model="inspectionNatureForm.inspectionNature" placeholder="请选择检验性质">
-          <el-option
-            v-for="item in getPressureInspectionNature"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="设备类型" prop="equipmentType">
-        <el-select v-model="inspectionNatureForm.equipmentType" placeholder="请选择设备类型">
-          <el-option
-            v-for="item in getPressureEquipContainerType"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="关联报告模板" prop="templateSaveReqVOList">
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <el-form-item label="所属设备" prop="equipmentCategory">
+            <el-select v-model="inspectionNatureForm.equipmentCategory" placeholder="请选择所属设备"
+                       @change="handleEquipmentCategoryChange">
+              <el-option
+                v-for="item in getPressureEquipmentCategory[0].children"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="检验性质" prop="inspectionNature" >
+            <el-select v-model="inspectionNatureForm.inspectionNature" placeholder="请选择检验性质">
+              <el-option
+                v-for="item in getPressureInspectionNature"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="设备类型" prop="equipmentType">
+            <el-select v-model="inspectionNatureForm.equipmentType" placeholder="请选择设备类型">
+              <el-option
+                v-for="item in getPressureEquipContainerType"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="检验项目" prop="templateSaveReqVOList">
         <!-- <el-select readonly placeholder="请选择关联报告模板" @click.stop.prevent="handleShowReportList"/> -->
         <el-select
           :model-value="getTemplateNames"
@@ -157,7 +166,7 @@
           @remove-tag="handleRemoveTag"
           @click.stop.prevent="() => handleShowReportList()"
           @clear="handleClearSelectedItem"
-          placeholder="请选择关联报告模板"
+          placeholder="请选择检验项目"
         />
         <!-- <div class="custom-select" @click.stop.prevent="handleShowReportList">
           <el-input readonly placeholder="请选择关联报告模板"/>
@@ -174,7 +183,7 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column label="是否默认" prop="isDefault">
+      <el-table-column label="是否默认" prop="isDefault"  width="100">
         <template #default="scope">
           <el-switch v-model="scope.row.isDefault" active-value="1" inactive-value="0"
                      style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"/>
@@ -198,7 +207,7 @@
           </el-select>
         </template>
       </el-table-column>
-      <el-table-column label="操作">
+      <el-table-column label="操作" width="100" align="center">
         <template #default="scope">
           <el-button link type="primary" @click="() => handleDeleteReport(scope.row, scope.$index)">
             解除关联