修改样式

yudao-ui-admin-vue3/src/views/pressure2/boilertaskorder/detail.vue

@@ -169,11 +169,18 @@
         <el-row class="form-group" :gutter="24">
           <el-col :span="24">
             <!-- 定期检查&超年限检查 -->
-            <el-form-item label="检验性质" prop="checkType" label-width="120px" v-if="orderDetail?.checkType">
-              <span>{{ PressurePipeCheckTypeMap[orderDetail.checkType] }}</span>
+            <el-form-item label="检验性质" prop="checkType" label-width="120px">
+              <el-select disabled v-model="formData.checkType" placeholder="请选择检验性质" clearable class="!w-120px">
+                <el-option
+                  v-for="(item, key) in checkStatusMap"
+                  :key="key"
+                  :label="item"
+                  :value="key"
+                />
+              </el-select>
             </el-form-item>
             <!-- 收费性质 feeNature -->
-            <el-form-item prop="feeNature" >
+            <el-form-item prop="feeNature"  label-width="120px">
               <template #label>
                 <div class="flex flex-col text-right">
                   <span>收费性质</span>
@@ -187,7 +194,7 @@
           </el-col>
           <el-col :span="24">
             <!-- 收费形式 feeType -->
-            <el-form-item label="收费形式" prop="feeType">
+            <el-form-item label="收费形式" prop="feeType" label-width="120px">
               <el-radio-group v-model="formData.feeType">
                 <el-radio v-for="(item, key) in PressureFeeTypeMap" :key="key" :value="key" :label="item"/>
               </el-radio-group>
@@ -584,6 +591,11 @@ const formData = ref({
   useInputUnitName: false,
   useInputUseUnitName: false
 })
+const checkStatusMap = {
+  '100': '内检',
+  '200': '外检',
+  '300': '耐压检',
+}
 
 const batchEditFormRef = ref()
 const boilerTypeOptions = getStrDictOptions(DICT_TYPE.SYSTEM_EQUIP_BOILER_TYPE)
@@ -1312,7 +1324,9 @@ const handleChangeUseUnit = async (unitInfo:any) => {
     margin-bottom: 12px;
 
     &__label {
+      height: auto;
       font-size: 13px;
+      line-height: 20px;
       color: #606266;
       padding-right: 8px;
     }

yudao-ui-admin-vue3/src/views/pressure2/pipetaskorder/detail.vue

@@ -169,11 +169,18 @@
         <el-row class="form-group" :gutter="24">
           <el-col :span="24">
             <!-- 定期检查&超年限检查 -->
-            <el-form-item label="检验性质" prop="checkType" label-width="120px" v-if="orderDetail?.checkType">
-              <span>{{ PressurePipeCheckTypeMap[orderDetail.checkType] }}</span>
+            <el-form-item label="检验性质" prop="checkType" label-width="120px">
+              <el-select disabled v-model="formData.checkType" placeholder="请选择检验性质" clearable class="!w-120px">
+                <el-option
+                  v-for="(item, key) in checkStatusMap"
+                  :key="key"
+                  :label="item"
+                  :value="key"
+                />
+              </el-select>
             </el-form-item>
             <!-- 收费性质 feeNature -->
-            <el-form-item prop="feeNature" >
+            <el-form-item prop="feeNature"  label-width="120px">
               <template #label>
                 <div class="flex flex-col text-right">
                   <span>收费性质</span>
@@ -187,7 +194,7 @@
           </el-col>
           <el-col :span="24">
             <!-- 收费形式 feeType -->
-            <el-form-item label="收费形式" prop="feeType">
+            <el-form-item label="收费形式" prop="feeType" label-width="120px">
               <el-radio-group v-model="formData.feeType">
                 <el-radio v-for="(item, key) in PressureFeeTypeMap" :key="key" :value="key" :label="item"/>
               </el-radio-group>
@@ -673,7 +680,10 @@ const equipQueryParams = ref({
   nextDate: [] as string[],
   useStatus: [] as string[],
 })
-
+const checkStatusMap = {
+  '100': '定期检验',
+  '200': '年度检查',
+}
 const equipQueryFormRef = ref()
 const equipLoading = ref(false)
 const equipList = ref<any[]>([])
@@ -1487,7 +1497,9 @@ const handleChangeUseUnit = async (unitInfo:any) => {
     margin-bottom: 12px;
 
     &__label {
+      height: auto;
       font-size: 13px;
+      line-height: 20px;
       color: #606266;
       padding-right: 8px;
     }