From d4d34a9b730ac328068f936598d4138ac2635e57 Mon Sep 17 00:00:00 2001
From: 吴羡 <16976746+Xian-TT3@user.noreply.gitee.com>
Date: 星期四, 15 十月 2026 11:21:08 +0800
Subject: [PATCH] 质量监督计划:新增计划下发(列表下发状态列与下发按钮,仅已批准未下发的可下发),导出弹窗改卡片式并拦截导出错误响应避免下载损坏文件,日常监督检查记录单按纸质表重做(受监督人多选、监督员下拉、监督内容多选、监督记录、存在问题、整改意见),各表单人员列表改为全实验室不按部门筛选;方法验证:表单新增数据处理、质量控制方法、方法结果验证、验证结论及评审、审批意见字段并新增详情入口,迁移原标准方法变更的设备、检测记录、校准文件、工作证等查看组件,标准方法变更模块下线;设备档案、设备管理编辑弹窗改版为图片与基本信息左右布局、表单行式排列

---
 src/views/CNAS/resourceDemand/device/component/files.vue |  411 ++++++++++++++++++++++++++++++++++++----------------------
 1 files changed, 254 insertions(+), 157 deletions(-)

diff --git a/src/views/CNAS/resourceDemand/device/component/files.vue b/src/views/CNAS/resourceDemand/device/component/files.vue
index e2ce9f1..4228c5f 100644
--- a/src/views/CNAS/resourceDemand/device/component/files.vue
+++ b/src/views/CNAS/resourceDemand/device/component/files.vue
@@ -180,176 +180,199 @@
     <!-- 淇 -->
     <el-dialog title="妗f淇" top="5vh" v-model="dialogVisible" width="70%" @open="openFileRevisionDialog"
       :before-close="handleClose">
-      <el-row style="display:flex;justify-content: space-around;max-height: 75vh;overflow-y: auto;">
-        <!-- 宸﹁竟甯冨眬 -->
-        <el-col :span="7">
-          <el-col>
-            <!-- 鍥剧墖 -->
-            <el-image class="img" style="width:100%;height: 320px;margin-bottom:16px"
-              :src="javaApi + '/img/' + editData.imageUpload">
-              <template #error><div  class="image-error" style="width: calc(100% - 2px);
+      <div style="max-height: 75vh;overflow-y: auto;">
+      <!-- 椤堕儴锛氬浘鐗� + 鍩烘湰淇℃伅 -->
+      <el-row>
+        <el-col :span="7" style="padding-right: 20px;">
+          <!-- 鍥剧墖 -->
+          <el-image class="img" style="width:100%;height: 320px;"
+            :src="javaApi + '/img/' + editData.imageUpload">
+            <template #error><div  class="image-error" style="width: calc(100% - 2px);
             height: 318px;
             border-radius: 16px;
             display: flex;
             align-items: center;
             justify-content: center;
             border: 1px solid var(--lims-divider);">
-                <lims-icon name="el-icon-picture-outline" style="font-size:60px;color:var(--lims-text-2);"></lims-icon>
-              </div></template>
-            </el-image>
-            <!-- 琛ㄥ崟 -->
-            <el-form :model="editData" label-width="120px" ref="rules1" :rules="rules1">
+              <lims-icon name="el-icon-picture-outline" style="font-size:60px;color:var(--lims-text-2);"></lims-icon>
+            </div></template>
+          </el-image>
+          <!-- 鍥剧墖涓婁紶 -->
+          <div style="margin-top: 12px;text-align: center;">
+            <div v-show="editData.imageName" class="picName">{{ editData.imageName }}</div>
+            <el-upload :action="action" :on-success="handleSuccessUpImg2" :show-file-list="false"
+              accept='image/jpg,image/jpeg,image/png' :headers="uploadHeader" :on-change="beforeUpload"
+              :on-error="onError" ref='upload' class="avatar-uploader">
+              <img v-if="editData.imageUpload" :src="javaApi + '/img/' + editData.imageUpload" class="avatar">
+              <lims-icon name="el-icon-plus" v-else class="avatar-uploader-icon"></lims-icon>
+            </el-upload>
+          </div>
+        </el-col>
+        <el-col :span="17">
+          <!-- 鍩烘湰淇℃伅 -->
+          <div class="section-title" style="margin-top: 0;">鍩烘湰淇℃伅</div>
+          <el-form :model="editData" label-width="120px" ref="rules1" :rules="rules1">
+            <div class="form-row">
               <el-form-item label="浠櫒鍚嶇О:" prop="deviceName">
                 <el-input v-model="editData.deviceName" size="small"></el-input>
               </el-form-item>
               <el-form-item label="浠櫒鍚嶇ОEN:" prop="enDeviceName">
                 <el-input v-model="editData.enDeviceName" size="small"></el-input>
               </el-form-item>
+            </div>
+            <div class="form-row">
               <el-form-item label="瑙勬牸鍨嬪彿:" prop="specificationModel">
                 <el-input v-model="editData.specificationModel" size="small"></el-input>
               </el-form-item>
               <el-form-item label="鐢熶骇鍘傚:">
                 <el-input v-model="editData.manufacturer" size="small"></el-input>
               </el-form-item>
-            </el-form>
-          </el-col>
-        </el-col>
-        <!-- 涓棿甯冨眬 -->
-        <el-col :span="7">
-          <el-form :model="editData" label-width="116px" ref="rules2" :rules="rules1">
-            <el-form-item label="鏍″噯鏈嶅姟鏈烘瀯:">
-              <el-select v-model="editData.calibrationServices" clearable filterable size="small" style="width: 100%">
-                <el-option v-for="name in calibrationServiceOptions" :key="name" :label="name" :value="name"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="璧勪骇缂栫爜:">
-              <el-input v-model="editData.assetCode" size="small"></el-input>
-            </el-form-item>
-            <el-form-item label="浜у湴:">
-              <el-input v-model="editData.origin" size="small"></el-input>
-            </el-form-item>
-            <el-form-item label="鍑哄巶缂栧彿:">
-              <el-input v-model="editData.factoryNo" size="small"></el-input>
-            </el-form-item>
-            <el-form-item label="绠$悊缂栧彿:" prop="managementNumber">
-              <el-input v-model="editData.managementNumber" size="small"></el-input>
-            </el-form-item>
-            <el-form-item label="璐疆鏃ユ湡:">
-              <el-date-picker style="width:100%" v-model="editData.acquisitionDate" type="date" format="YYYY-MM-DD"
-                value-format="YYYY-MM-DD HH:mm:ss" size="small" placeholder="閫夋嫨鏃ユ湡">
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item label="鏍″噯鏈夋晥鏈�:" prop="activationDate">
-              <el-date-picker style="width:100%" v-model="editData.activationDate" type="date" format="YYYY-MM-DD"
-                value-format="YYYY-MM-DD HH:mm:ss" size="small" placeholder="閫夋嫨鏃ユ湡">
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item label="璐熻矗浜�:">
-              <el-select v-model="editData.equipmentManager" placeholder="璇烽�夋嫨" size="small" style="width:100%">
-                <el-option v-for="item in responsiblePersonList" :key="item.name" :label="item.name" :value="item.id">
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="瀛樻斁鐐�:">
-              <el-input v-model="editData.storagePoint" size="small"></el-input>
-            </el-form-item>
-            <el-form-item label="鎶�鏈寚鏍�:">
-              <el-input v-model="editData.technicalIndicators" :rows="7" type="textarea" size="small"></el-input>
-            </el-form-item>
-          </el-form>
-        </el-col>
-        <!-- 鍙宠竟甯冨眬 -->
-        <el-col :span="7">
-          <el-form :model="editData" label-width="140px" ref="ruleForm" :rules="rules1">
-            <el-form-item label="妫�娴嬮」鐩�:">
-              <el-cascader v-model="editData.insProductIds" :options="options" :show-all-levels="false" :props="props"
-                placeholder="璇烽�夋嫨" size="small" style="width:100%;" :collapse-tags="true" separator="," filterable
-                clearable></el-cascader>
-            </el-form-item>
-            <el-form-item label="鏈�杩戞牎鍑嗘棩鏈�:">
-              <el-date-picker style="width:100%" v-model="editData.lastCalibrationDate" format="YYYY-MM-DD"
-                value-format="YYYY-MM-DD HH:mm:ss" type="date" size="small" placeholder="閫夋嫨鏃ユ湡">
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item label="涓嬫鏍″噯鏃ユ湡:">
-              <el-date-picker style="width:100%" v-model="editData.nextCalibrationDate" format="YYYY-MM-DD"
-                value-format="YYYY-MM-DD HH:mm:ss" type="date" size="small" placeholder="閫夋嫨鏃ユ湡">
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item label="璁惧绫诲瀷:">
-              <el-select v-model="editData.largeCategory" placeholder="璇烽�夋嫨" size="small" style="width:100%">
-                <el-option v-for="item in equipmentList" :key="item.value" :label="item.label" :value="item.value">
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="鍗曚环(涓囧厓):">
-              <el-input v-model="editData.unitPrice" size="small"></el-input>
-            </el-form-item>
-            <el-form-item label="褰撳墠鐘舵��:" prop="deviceStatus">
-              <el-select v-model="editData.deviceStatus" placeholder="璇烽�夋嫨" size="small" style="width:100%">
-                <el-option v-for="item in deviceStatusList" :key="item.value" :label="item.label" :value="item.value">
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="鏍″噯鍛ㄦ湡锛堟湀锛�:" prop="calibrationDate">
-              <el-input v-model="editData.calibrationDate" size="small"></el-input>
-            </el-form-item>
-            <el-form-item label="鏈�杩戜繚鍏绘棩鏈�:">
-              <el-date-picker style="width:100%" v-model="editData.lastMaintenanceDate" @change="calcNextDate(editData)"
-                format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" size="small" placeholder="閫夋嫨鏃ユ湡">
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item label="涓嬫淇濆吇鏃ユ湡:">
-              <el-date-picker :disabled="true" style="width:100%" v-model="editData.nextMaintenanceDate"
-                format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" size="small" placeholder="閫夋嫨鏃ユ湡">
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item label="淇濆吇鍛ㄦ湡锛堟湀锛�:">
-              <el-input v-model="editData.maintenanceCycle" size="small" @change="calcNextDate(editData)"></el-input>
-            </el-form-item>
-            <el-form-item label="鏈�杩戞牳鏌ユ棩鏈�:">
-              <el-date-picker style="width:100%" v-model="editData.lastExamineDate" @change="calcNextDate(editData)"
-                format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" size="small" placeholder="閫夋嫨鏃ユ湡">
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item label="涓嬫鏍告煡鏃ユ湡:">
-              <el-date-picker :disabled="true" style="width:100%" v-model="editData.nextExamineDate"
-                format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" size="small" placeholder="閫夋嫨鏃ユ湡">
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item label="鏍告煡鍛ㄦ湡锛堟湀锛�:">
-              <el-input v-model="editData.examineCycle" size="small" @change="calcNextDate(editData)"></el-input>
-            </el-form-item>
-            <el-form-item label="琚巿鏉冧汉:">
-              <el-select v-model="editData.authorizedPerson" multiple placeholder="璇烽�夋嫨" size="small" style="width:100%">
-                <el-option v-for="item in inspectorList" :key="item.name" :label="item.name" :value="item.id">
-                </el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="鍥剧墖:">
-              <!-- <div
-                style="border: 1px solid var(--el-border-color);border-radius:4px;height:32px;lineHeight:32px;display:flex;justify-content: space-around;font-size: 13px;">
-                <div v-show="Mdata.imageName" class="picName">{{ Mdata.imageName }}</div>
-                <el-upload :action="action" :on-success="handleSuccessUpImg2" :show-file-list="false"
-                  accept='image/jpg,image/jpeg,image/png' :headers="headers" :on-change="beforeUpload"
-                  :on-error="onError" ref='upload'>
-                  <el-button type="text" style="height:30px;padding-top:8px"><span v-if="Mdata.imageName"></span></el-button>
-                </el-upload>
-              </div> -->
-
-              <div>
-                <div v-show="editData.imageName" class="picName">{{ editData.imageName }}</div>
-                <el-upload :action="action" :on-success="handleSuccessUpImg2" :show-file-list="false"
-                  accept='image/jpg,image/jpeg,image/png' :headers="uploadHeader" :on-change="beforeUpload"
-                  :on-error="onError" ref='upload' class="avatar-uploader">
-                  <img v-if="editData.imageUpload" :src="javaApi + '/img/' + editData.imageUpload" class="avatar">
-                  <lims-icon name="el-icon-plus" v-else class="avatar-uploader-icon"></lims-icon>
-                </el-upload>
-              </div>
-            </el-form-item>
+            </div>
+            <div class="form-row">
+              <el-form-item label="浜у湴:">
+                <el-input v-model="editData.origin" size="small"></el-input>
+              </el-form-item>
+              <el-form-item label="鍑哄巶缂栧彿:">
+                <el-input v-model="editData.factoryNo" size="small"></el-input>
+              </el-form-item>
+            </div>
+            <div class="form-row">
+              <el-form-item label="璧勪骇缂栫爜:">
+                <el-input v-model="editData.assetCode" size="small"></el-input>
+              </el-form-item>
+              <el-form-item label="绠$悊缂栧彿:" prop="managementNumber">
+                <el-input v-model="editData.managementNumber" size="small"></el-input>
+              </el-form-item>
+            </div>
+            <div class="form-row">
+              <el-form-item label="璐疆鏃ユ湡:">
+                <el-date-picker style="width:100%" v-model="editData.acquisitionDate" type="date" format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD HH:mm:ss" size="small" placeholder="閫夋嫨鏃ユ湡">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="鏍″噯鏈夋晥鏈�:" prop="activationDate">
+                <el-date-picker style="width:100%" v-model="editData.activationDate" type="date" format="YYYY-MM-DD"
+                  value-format="YYYY-MM-DD HH:mm:ss" size="small" placeholder="閫夋嫨鏃ユ湡">
+                </el-date-picker>
+              </el-form-item>
+            </div>
+            <div class="form-row">
+              <el-form-item label="鏍″噯鏈嶅姟鏈烘瀯:">
+                <el-select v-model="editData.calibrationServices" clearable filterable size="small" style="width: 100%">
+                  <el-option v-for="name in calibrationServiceOptions" :key="name" :label="name" :value="name"></el-option>
+                </el-select>
+              </el-form-item>
+              <div style="flex: 1;"></div>
+            </div>
           </el-form>
         </el-col>
       </el-row>
+      <!-- 璁惧绠$悊 -->
+      <div class="section-title">璁惧绠$悊</div>
+      <el-form :model="editData" label-width="120px" ref="rules2" :rules="rules1">
+        <div class="form-row">
+          <el-form-item label="妫�娴嬮」鐩�:">
+            <el-cascader v-model="editData.insProductIds" :options="options" :show-all-levels="false" :props="props"
+              placeholder="璇烽�夋嫨" size="small" style="width:100%;" :collapse-tags="true" separator="," filterable
+              clearable></el-cascader>
+          </el-form-item>
+          <el-form-item label="璁惧绫诲瀷:">
+            <el-select v-model="editData.largeCategory" placeholder="璇烽�夋嫨" size="small" style="width:100%">
+              <el-option v-for="item in equipmentList" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="鍗曚环(涓囧厓):">
+            <el-input v-model="editData.unitPrice" size="small"></el-input>
+          </el-form-item>
+        </div>
+        <div class="form-row">
+          <el-form-item label="褰撳墠鐘舵��:" prop="deviceStatus">
+            <el-select v-model="editData.deviceStatus" placeholder="璇烽�夋嫨" size="small" style="width:100%">
+              <el-option v-for="item in deviceStatusList" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="璐熻矗浜�:">
+            <el-select v-model="editData.equipmentManager" placeholder="璇烽�夋嫨" size="small" style="width:100%">
+              <el-option v-for="item in responsiblePersonList" :key="item.name" :label="item.name" :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="琚巿鏉冧汉:">
+            <el-select v-model="editData.authorizedPerson" multiple placeholder="璇烽�夋嫨" size="small" style="width:100%">
+              <el-option v-for="item in inspectorList" :key="item.name" :label="item.name" :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </div>
+        <div class="form-row">
+          <el-form-item label="瀛樻斁鐐�:">
+            <el-input v-model="editData.storagePoint" size="small"></el-input>
+          </el-form-item>
+          <div style="flex: 1;"></div>
+        </div>
+      </el-form>
+      <!-- 鏍″噯/淇濆吇/鏍告煡 鍛ㄦ湡淇℃伅 -->
+      <el-form :model="editData" :rules="rules1" ref="cycleForm" label-width="140px"
+        style="margin-top: 12px;border-top: 1px solid var(--lims-divider);padding-top: 4px;">
+        <div class="cycle-row">
+          <span class="cycle-title">鏍″噯淇℃伅</span>
+          <el-form-item label="鏈�杩戞牎鍑嗘棩鏈�:" class="cycle-item">
+            <el-date-picker style="width:100%" v-model="editData.lastCalibrationDate" format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD HH:mm:ss" type="date" size="small" placeholder="閫夋嫨鏃ユ湡">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="涓嬫鏍″噯鏃ユ湡:" class="cycle-item">
+            <el-date-picker style="width:100%" v-model="editData.nextCalibrationDate" format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD HH:mm:ss" type="date" size="small" placeholder="閫夋嫨鏃ユ湡">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="鏍″噯鍛ㄦ湡锛堟湀锛�:" prop="calibrationDate" class="cycle-item">
+            <el-input v-model="editData.calibrationDate" size="small"></el-input>
+          </el-form-item>
+        </div>
+        <div class="cycle-row">
+          <span class="cycle-title">淇濆吇淇℃伅</span>
+          <el-form-item label="鏈�杩戜繚鍏绘棩鏈�:" class="cycle-item">
+            <el-date-picker style="width:100%" v-model="editData.lastMaintenanceDate" @change="calcNextDate(editData)"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" size="small" placeholder="閫夋嫨鏃ユ湡">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="涓嬫淇濆吇鏃ユ湡:" class="cycle-item">
+            <el-date-picker :disabled="true" style="width:100%" v-model="editData.nextMaintenanceDate"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" size="small" placeholder="閫夋嫨鏃ユ湡">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="淇濆吇鍛ㄦ湡锛堟湀锛�:" class="cycle-item">
+            <el-input v-model="editData.maintenanceCycle" size="small" @change="calcNextDate(editData)"></el-input>
+          </el-form-item>
+        </div>
+        <div class="cycle-row">
+          <span class="cycle-title">鏍告煡淇℃伅</span>
+          <el-form-item label="鏈�杩戞牳鏌ユ棩鏈�:" class="cycle-item">
+            <el-date-picker style="width:100%" v-model="editData.lastExamineDate" @change="calcNextDate(editData)"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" size="small" placeholder="閫夋嫨鏃ユ湡">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="涓嬫鏍告煡鏃ユ湡:" class="cycle-item">
+            <el-date-picker :disabled="true" style="width:100%" v-model="editData.nextExamineDate"
+              format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" type="date" size="small" placeholder="閫夋嫨鏃ユ湡">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="鏍告煡鍛ㄦ湡锛堟湀锛�:" class="cycle-item">
+            <el-input v-model="editData.examineCycle" size="small" @change="calcNextDate(editData)"></el-input>
+          </el-form-item>
+        </div>
+      </el-form>
+      <!-- 鎶�鏈寚鏍� -->
+      <div class="section-title">鎶�鏈寚鏍�</div>
+      <el-form :model="editData" ref="ruleForm" :rules="rules1">
+        <el-form-item>
+          <el-input v-model="editData.technicalIndicators" :rows="7" type="textarea" size="small"></el-input>
+        </el-form-item>
+      </el-form>
+      </div>
       <template #footer><span  class="dialog-footer">
         <el-row>
           <el-button @click="handleClose">鍙� 娑�</el-button>
@@ -734,6 +757,27 @@
           this.tableDataA = res.data
       })
     },
+    // 琚巿鏉冧汉鍘嗗彶鍊煎彲鑳芥槸琚弽澶嶈浆涔夌殑澶氬眰 JSON 瀛楃涓诧紝閫愬眰瑙f瀽杩樺師鎴愭暟缁�
+    normalizeAuthorizedPerson(val) {
+      let v = val
+      for (let i = 0; i < 10; i++) {
+        if (typeof v !== 'string') break
+        if (v === '') {
+          v = []
+          break
+        }
+        try {
+          v = JSON.parse(v)
+        } catch (e) {
+          v = []
+          break
+        }
+      }
+      if (!Array.isArray(v)) {
+        v = v === '' || v === null || v === undefined ? [] : [v]
+      }
+      return v.filter(x => x !== '' && x !== null && x !== undefined)
+    },
     // 鏀堕泦鏁版嵁
     getList(id) {
       selectDeviceByCode({ id }).then(res => {
@@ -741,9 +785,7 @@
         if (res.code == 200) {
           this.Mdata = res.data;
           this.Mdata.insProductIds = this.Mdata.insProductIds.split(',')
-          if (this.Mdata.authorizedPerson) {
-            this.Mdata.authorizedPerson = JSON.parse(this.Mdata.authorizedPerson)
-          }
+          this.Mdata.authorizedPerson = this.normalizeAuthorizedPerson(this.Mdata.authorizedPerson)
         }
       });
     },
@@ -809,6 +851,12 @@
           return false;
         }
       });
+      this.$refs['cycleForm'].validate((valid) => {
+        if (!valid) {
+          flag = false;
+          return false;
+        }
+      });
       if (!flag) {
         return;
       }
@@ -820,11 +868,9 @@
       const formData = this.HaveJson(this.editData)
       formData.userAllow = this.equipmentManager.toString();
       formData.insProductIds = Array.isArray(formData.insProductIds) ? formData.insProductIds.join(',') : '';
-      if (formData.authorizedPerson.length === 0) {
-        formData.authorizedPerson = ''
-      } else {
-        formData.authorizedPerson = JSON.stringify(formData.authorizedPerson)
-      }
+      formData.authorizedPerson = Array.isArray(formData.authorizedPerson) && formData.authorizedPerson.length
+        ? JSON.stringify(formData.authorizedPerson)
+        : ''
       this.upLoad = true;
       upDeviceParameter(formData).then(res => {
         this.$message.success('淇敼鎴愬姛')
@@ -974,6 +1020,57 @@
   width: 100%;
 }
 
+.cycle-row {
+  display: flex;
+  align-items: center;
+}
+
+.cycle-title {
+  width: 68px;
+  flex-shrink: 0;
+  font-size: 13px;
+  color: var(--lims-text-2, #909399);
+}
+
+.cycle-item {
+  flex: 1;
+  margin-bottom: 6px;
+  margin-right: 10px;
+}
+
+.cycle-item:last-child {
+  margin-right: 0;
+}
+
+.form-row {
+  display: flex;
+  gap: 16px;
+}
+
+.form-row > .el-form-item {
+  flex: 1;
+}
+
+.section-title {
+  position: relative;
+  padding-left: 10px;
+  margin: 14px 0 12px;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--lims-text-1, #303133);
+}
+
+.section-title::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 3px;
+  bottom: 3px;
+  width: 3px;
+  border-radius: 2px;
+  background: var(--el-color-primary, #409eff);
+}
+
 .el-image {
   position: relative;
 }

--
Gitblit v1.9.3