feature

src/pages/missedInspectionList/index.vue

@@ -1,142 +1,137 @@
 <template>
-  <home-container>
-  
-
-      <scroll-view class="form-scroll" scroll-y>
-        <view class="form-container">
-          <uni-forms ref="formRef" :rules="rules" :modelValue="formData" label-position="left" err-show-type="modal" :label-width="100">
-            <view class="form-row">
-              <uni-forms-item label="大队" name="brigadeId" required>
-                <uni-data-picker :localdata="brigadeOptions" popup-title="请选择大队" 
-                  v-model="formData.brigadeId" @change="handleFormBrigadeChange" />
-              </uni-forms-item>
+    <home-container :customStyle="{ background: 'none' }" :customHomeStyle="{ overflow: 'hidden' }">
+        <scroll-view scroll-y class="form-scroll">
+            <view class="form-container">
+                <uni-forms ref="formRef" :rules="rules" :modelValue="formData" label-position="left" err-show-type="modal"
+                    :label-width="150">
+                    <view class="form-row">
+                        <uni-forms-item label="大队" name="brigadeId" required>
+                            <uni-data-picker :localdata="brigadeOptions" popup-title="请选择大队" v-model="formData.brigadeId"
+                                @change="handleFormBrigadeChange" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="被回查人" name="reviewedUserId" required>
+                            <uni-data-picker :localdata="personOptions" popup-title="请选择被回查人" v-model="formData.reviewedUserId"
+                                @change="handleReviewedUserChange" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="回查日期" name="reviewDate" required>
+                            <uni-datetime-picker type="date" v-model="formData.reviewDate" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="漏检时间" name="missCheckTime" required>
+                            <uni-datetime-picker type="datetime" v-model="formData.missCheckTime" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="漏检时间段" name="missCheckTimePeriod" required>
+                            <uni-data-picker :localdata="blockedTimePeriodOptions" popup-title="请选择漏检时间段"
+                                v-model="formData.missCheckTimePeriod" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="上岗位置" name="channelId" required>
+                            <uni-data-picker :localdata="areaOptions" popup-title="请选择上岗位置" v-model="formData.channelId" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="漏检物品" name="missCheckItem" required>
+                            <uni-data-picker :localdata="missCheckItemOptions" popup-title="请选择漏检物品"
+                                v-model="formData.missCheckItem" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="分管主管" name="supervisorId" required>
+                            <uni-data-picker :localdata="supervisorOptions" popup-title="请选择分管主管"
+                                v-model="formData.supervisorId" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="代管主管" name="actingSupervisorId">
+                            <uni-data-picker :localdata="supervisorOptions" popup-title="请选择代管主管"
+                                v-model="formData.actingSupervisorId" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="分管班组长" name="teamLeaderId" required>
+                            <uni-data-picker :localdata="teamLeaderOptions" popup-title="请选择分管班组长"
+                                v-model="formData.teamLeaderId" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="物品位置" name="itemLocation" required>
+                            <uni-data-picker :localdata="blockedItemPositionOptions" popup-title="请选择物品位置"
+                                v-model="formData.itemLocation" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="简单/难" name="difficultyLevel" required>
+                            <uni-data-picker :localdata="difficultyLevelOptions" popup-title="请选择难度"
+                                v-model="formData.difficultyLevel" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="回查人" name="reviewUserId" required>
+                            <uni-data-picker :localdata="personOptions" popup-title="请选择回查人" v-model="formData.reviewUserId" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="判别类型" name="discriminationType" required>
+                            <uni-data-picker :localdata="discriminationTypeOptions" popup-title="请选择判别类型"
+                                v-model="formData.discriminationType" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="是否追回" name="isRecovered" required>
+                            <uni-data-picker :localdata="isRecoveredOptions" popup-title="请选择是否追回"
+                                v-model="formData.isRecovered" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="开机年限" name="machineOperatingYears" required>
+                            <uni-data-picker :localdata="blockedOperatingYearsOptions" popup-title="请选择开机年限"
+                                v-model="formData.machineOperatingYears" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="证书级别" name="certificateLevel" required>
+                            <uni-data-picker :localdata="certificateLevelOptions" popup-title="请选择证书级别"
+                                v-model="formData.certificateLevel" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="人员性别" name="gender" required>
+                            <uni-data-picker :localdata="genderOptions" popup-title="请选择人员性别" v-model="formData.gender" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="漏检原因分类" name="missCheckReasonCategory" required>
+                            <uni-data-picker :localdata="blockedMissCheckReasonOptions" popup-title="请选择漏检原因分类"
+                                v-model="formData.missCheckReasonCategory" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="月考成绩" name="monthlyAssessment" required>
+                            <uni-data-picker :localdata="blockedMonthlyExamResultOptions" popup-title="请选择月考成绩"
+                                v-model="formData.monthlyAssessment" />
+                        </uni-forms-item>
+                    </view>
+                    <view class="form-row">
+                        <uni-forms-item label="本月自测有无漏检（请输入0-2的整数）" name="selfTestHasMissCheck" required>
+                            <uni-number-box :min="0" :max="2" v-model="formData.selfTestHasMissCheck"  ></uni-number-box>
+                        </uni-forms-item>
+                    </view>
+                </uni-forms>
             </view>
-            <view class="form-row">
-              <uni-forms-item label="被回查人" name="reviewedUserId" required>
-                <uni-data-picker :localdata="personOptions" popup-title="请选择被回查人" 
-                  v-model="formData.reviewedUserId" @change="handleReviewedUserChange" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="回查日期" name="reviewDate" required>
-                <uni-datetime-picker type="date" v-model="formData.reviewDate" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="漏检时间" name="missCheckTime" required>
-                <uni-datetime-picker type="datetime" v-model="formData.missCheckTime" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="漏检时间段" name="missCheckTimePeriod" required>
-                <uni-data-picker :localdata="blockedTimePeriodOptions" popup-title="请选择漏检时间段" 
-                  v-model="formData.missCheckTimePeriod" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="上岗位置" name="channelId" required>
-                <uni-data-picker :localdata="areaOptions" popup-title="请选择上岗位置" 
-                  v-model="formData.channelId" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="漏检物品" name="missCheckItem" required>
-                <uni-data-picker :localdata="missCheckItemOptions" popup-title="请选择漏检物品" 
-                  v-model="formData.missCheckItem" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="分管主管" name="supervisorId" required>
-                <uni-data-picker :localdata="supervisorOptions" popup-title="请选择分管主管" 
-                  v-model="formData.supervisorId" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="代管主管" name="actingSupervisorId">
-                <uni-data-picker :localdata="supervisorOptions" popup-title="请选择代管主管" 
-                  v-model="formData.actingSupervisorId" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="分管班组长" name="teamLeaderId" required>
-                <uni-data-picker :localdata="teamLeaderOptions" popup-title="请选择分管班组长" 
-                  v-model="formData.teamLeaderId" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="物品位置" name="itemLocation" required>
-                <uni-data-picker :localdata="blockedItemPositionOptions" popup-title="请选择物品位置" 
-                  v-model="formData.itemLocation" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="简单/难" name="difficultyLevel" required>
-                <uni-data-picker :localdata="difficultyLevelOptions" popup-title="请选择难度" 
-                  v-model="formData.difficultyLevel" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="回查人" name="reviewUserId" required>
-                <uni-data-picker :localdata="personOptions" popup-title="请选择回查人" 
-                  v-model="formData.reviewUserId" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="判别类型" name="discriminationType" required>
-                <uni-data-picker :localdata="discriminationTypeOptions" popup-title="请选择判别类型" 
-                  v-model="formData.discriminationType" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="是否追回" name="isRecovered" required>
-                <uni-data-picker :localdata="isRecoveredOptions" popup-title="请选择是否追回" 
-                  v-model="formData.isRecovered" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="开机年限" name="machineOperatingYears" required>
-                <uni-data-picker :localdata="blockedOperatingYearsOptions" popup-title="请选择开机年限" 
-                  v-model="formData.machineOperatingYears" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="证书级别" name="certificateLevel" required>
-                <uni-data-picker :localdata="certificateLevelOptions" popup-title="请选择证书级别" 
-                  v-model="formData.certificateLevel" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="人员性别" name="gender" required>
-                <uni-data-picker :localdata="genderOptions" popup-title="请选择人员性别" 
-                  v-model="formData.gender" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="漏检原因分类" name="missCheckReasonCategory" required>
-                <uni-data-picker :localdata="blockedMissCheckReasonOptions" popup-title="请选择漏检原因分类" 
-                  v-model="formData.missCheckReasonCategory" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="月考成绩" name="monthlyAssessment" required>
-                <uni-data-picker :localdata="blockedMonthlyExamResultOptions" popup-title="请选择月考成绩" 
-                  v-model="formData.monthlyAssessment" />
-              </uni-forms-item>
-            </view>
-            <view class="form-row">
-              <uni-forms-item label="本月自测有无漏检" name="selfTestHasMissCheck" required>
-                <uni-easyinput type="number" v-model="formData.selfTestHasMissCheck" placeholder="请输入0-2的整数" />
-              </uni-forms-item>
-            </view>
-          </uni-forms>
-        </view>
-      </scroll-view>
+        </scroll-view>
 
-      <view class="submit-bar">
-        <view class="submit-btn" @click="submitForm">提交</view>
-      </view>
-  
-  </home-container>
+        <view class="submit-bar">
+            <view class="submit-btn" @click="submitForm">提交</view>
+        </view>
+    </home-container>
 </template>
 
 <script>
@@ -150,360 +145,380 @@ import { formatTime } from '@/utils/formatUtils';
 import useDictMixin from '@/utils/dict';
 
 export default {
-  name: 'MissedInspectionAdd',
-  components: {
-    HomeContainer
-  },
-  mixins: [useDictMixin],
-  data() {
-    return {
-      formData: {
-        id: null,
-        brigadeId: null,
-        brigadeName: null,
-        reviewedUserId: null,
-        reviewedUserName: null,
-        reviewDate: '',
-        missCheckTime: '',
-        missCheckTimePeriod: null,
-        channelId: null,
-        channelName: null,
-        missCheckItem: null,
-        supervisorId: null,
-        supervisorName: null,
-        actingSupervisorId: null,
-        actingSupervisorName: null,
-        teamLeaderId: null,
-        teamLeaderName: null,
-        itemLocation: null,
-        difficultyLevel: null,
-        reviewUserId: null,
-        reviewUserName: null,
-        discriminationType: null,
-        isRecovered: null,
-        machineOperatingYears: null,
-        certificateLevel: null,
-        gender: null,
-        missCheckReasonCategory: null,
-        monthlyAssessment: null,
-        selfTestHasMissCheck: 0
-      },
-      
-      rules: {
-        brigadeId: [{ required: true, errorMessage: '大队不能为空' }],
-        reviewedUserId: [{ required: true, errorMessage: '被回查人不能为空' }],
-        reviewDate: [{ required: true, errorMessage: '回查日期不能为空' }],
-        missCheckTime: [{ required: true, errorMessage: '漏检时间不能为空' }],
-        missCheckTimePeriod: [{ required: true, errorMessage: '漏检时间段不能为空' }],
-        channelId: [{ required: true, errorMessage: '上岗位置不能为空' }],
-        missCheckItem: [{ required: true, errorMessage: '漏检物品不能为空' }],
-        supervisorId: [{ required: true, errorMessage: '分管主管不能为空' }],
-        teamLeaderId: [{ required: true, errorMessage: '分管班组长不能为空' }],
-        itemLocation: [{ required: true, errorMessage: '物品位置不能为空' }],
-        difficultyLevel: [{ required: true, errorMessage: '简单/难不能为空' }],
-        reviewUserId: [{ required: true, errorMessage: '回查人不能为空' }],
-        discriminationType: [{ required: true, errorMessage: '判别类型不能为空' }],
-        isRecovered: [{ required: true, errorMessage: '是否追回不能为空' }],
-        machineOperatingYears: [{ required: true, errorMessage: '开机年限不能为空' }],
-        certificateLevel: [{ required: true, errorMessage: '证书级别不能为空' }],
-        gender: [{ required: true, errorMessage: '人员性别不能为空' }],
-        missCheckReasonCategory: [{ required: true, errorMessage: '漏检原因分类不能为空' }],
-        monthlyAssessment: [{ required: true, errorMessage: '月考成绩不能为空' }],
-        selfTestHasMissCheck: [{ required: true, errorMessage: '本月自测有无漏检不能为空' }]
-      },
-      
-      brigadeOptions: [],
-      personOptions: [],
-      teamLeaderOptions: [],
-      supervisorOptions: [],
-      areaOptions: [],
-      missCheckItemOptions: [],
-      
-      discriminationTypeOptions: [],
-      blockedTimePeriodOptions: [],
-      blockedItemPositionOptions: [],
-      blockedMonthlyExamResultOptions: [],
-      blockedOperatingYearsOptions: [],
-      blockedMissCheckReasonOptions: [],
-      difficultyLevelOptions: [
-        { text: '简单', value: '简单' },
-        { text: '难', value: '难' }
-      ],
-      isRecoveredOptions: [
-        { text: '是', value: 1 },
-        { text: '否', value: 0 }
-      ],
-      certificateLevelOptions: [
-        { text: '高级', value: '高级' },
-        { text: '中级', value: '中级' },
-        { text: '初级', value: '初级' }
-      ],
-      genderOptions: [
-        { text: '男', value: '男' },
-        { text: '女', value: '女' }
-      ]
-    }
-  },
-  onLoad() {
-    this.initData();
-  },
-  methods: {
-    initData() {
-      this.getUserAll();
-      this.getDeptList();
-      this.getPositionList();
-      this.getTeamLeaderOptions();
-      this.getSupervisorOptions();
-      this.getMissCheckItemOptions();
-      this.getDictData();
-      this.formData.missCheckTime = formatTime(new Date(), 'YYYY-MM-DD hh:mm');
-      this.formData.reviewDate = formatTime(new Date(), 'YYYY-MM-DD');
-    },
-    
-    async getDictData() {
-      const dict = await this.useDict(
-        'discrimination_type',
-        'blocked_time_period',
-        'blocked_item_position',
-        'blocked_monthly_exam_result',
-        'blocked_operating_years',
-        'blocked_miss_check_reason'
-      );
-      
-      const formatDict = (options) => {
-        return (options || []).map(item => ({
-          value: item.value,
-          text: item.label || item.text
-        }));
-      };
-      
-      this.discriminationTypeOptions = formatDict(dict.discrimination_type);
-      this.blockedTimePeriodOptions = formatDict(dict.blocked_time_period);
-      this.blockedItemPositionOptions = formatDict(dict.blocked_item_position);
-      this.blockedMonthlyExamResultOptions = formatDict(dict.blocked_monthly_exam_result);
-      this.blockedOperatingYearsOptions = formatDict(dict.blocked_operating_years);
-      this.blockedMissCheckReasonOptions = formatDict(dict.blocked_miss_check_reason);
-    },
-    
-    getDeptList() {
-      listDept({}).then(res => {
-        const deptList = res.data || [];
-        this.brigadeOptions = deptList.filter(item => item.deptType === 'BRIGADE' && [311, 314, 315].includes(item.deptId)).map(item => ({
-          value: item.deptId,
-          text: item.deptName
-        }));
-      });
-    },
-    
-    getUserAll() {
-      getUserList({ pageNum: 1, pageSize: 1000 }).then(res => {
-        this.personOptions = (res.rows || []).map(item => ({
-          value: item.userId,
-          text: item.nickName
-        }));
-      });
+    name: 'MissedInspectionAdd',
+    components: {
+        HomeContainer
     },
-    
-    getPositionList() {
-      listPosition({ positionType: 'CHANNEL' }).then(res => {
-        this.areaOptions = (res.data || []).map(item => ({
-          value: item.id,
-          text: item.name
-        }));
-      });
-    },
-    
-    getTeamLeaderOptions() {
-      selectUserLeaderListByCondition({ roleKeyList: ['banzuzhang'] }).then(res => {
-        this.teamLeaderOptions = (res.data || []).map(item => ({
-          value: item.userId,
-          text: item.nickName
-        }));
-      });
-    },
-    
-    getSupervisorOptions() {
-      selectUserLeaderListByCondition({ roleKeyList: ['kezhang'] }).then(res => {
-        this.supervisorOptions = (res.data || []).map(item => ({
-          value: item.userId,
-          text: item.nickName
-        }));
-      });
-    },
-    
-    getMissCheckItemOptions() {
-      listCategory().then(res => {
-        const data = res.data || [];
-        this.missCheckItemOptions = this.flattenTree(data);
-      });
-    },
-    
-    flattenTree(data, parentLabel = '') {
-      const result = [];
-      data.forEach(item => {
-        const label = parentLabel ? `${parentLabel} / ${item.name}` : item.name;
-        if (item.children && item.children.length > 0) {
-          result.push(...this.flattenTree(item.children, label));
-        } else {
-          result.push({
-            value: item.name,
-            text: label
-          });
+    mixins: [useDictMixin],
+    data() {
+        return {
+            formData: {
+                id: null,
+                brigadeId: null,
+                brigadeName: null,
+                reviewedUserId: null,
+                reviewedUserName: null,
+                reviewDate: '',
+                missCheckTime: '',
+                missCheckTimePeriod: null,
+                channelId: null,
+                channelName: null,
+                missCheckItem: null,
+                supervisorId: null,
+                supervisorName: null,
+                actingSupervisorId: null,
+                actingSupervisorName: null,
+                teamLeaderId: null,
+                teamLeaderName: null,
+                itemLocation: null,
+                difficultyLevel: null,
+                reviewUserId: null,
+                reviewUserName: null,
+                discriminationType: null,
+                isRecovered: null,
+                machineOperatingYears: null,
+                certificateLevel: null,
+                gender: null,
+                missCheckReasonCategory: null,
+                monthlyAssessment: null,
+                selfTestHasMissCheck: 0
+            },
+
+            rules: {
+                brigadeId: [{ required: true, errorMessage: '大队不能为空' }],
+                reviewedUserId: [{ required: true, errorMessage: '被回查人不能为空' }],
+                reviewDate: [{ required: true, errorMessage: '回查日期不能为空' }],
+                missCheckTime: [{ required: true, errorMessage: '漏检时间不能为空' }],
+                missCheckTimePeriod: [{ required: true, errorMessage: '漏检时间段不能为空' }],
+                channelId: [{ required: true, errorMessage: '上岗位置不能为空' }],
+                missCheckItem: [{ required: true, errorMessage: '漏检物品不能为空' }],
+                supervisorId: [{ required: true, errorMessage: '分管主管不能为空' }],
+                teamLeaderId: [{ required: true, errorMessage: '分管班组长不能为空' }],
+                itemLocation: [{ required: true, errorMessage: '物品位置不能为空' }],
+                difficultyLevel: [{ required: true, errorMessage: '简单/难不能为空' }],
+                reviewUserId: [{ required: true, errorMessage: '回查人不能为空' }],
+                discriminationType: [{ required: true, errorMessage: '判别类型不能为空' }],
+                isRecovered: [{ 
+                    validateFunction: function(rule, value, data, callback) {
+                        if (value === null || value === undefined || value === '') {
+                            callback('是否追回不能为空');
+                        }
+                        callback();
+                    }
+                }],
+                machineOperatingYears: [{ required: true, errorMessage: '开机年限不能为空' }],
+                certificateLevel: [{ required: true, errorMessage: '证书级别不能为空' }],
+                gender: [{ required: true, errorMessage: '人员性别不能为空' }],
+                missCheckReasonCategory: [{ required: true, errorMessage: '漏检原因分类不能为空' }],
+                monthlyAssessment: [{ required: true, errorMessage: '月考成绩不能为空' }],
+                selfTestHasMissCheck: [{ required: true, errorMessage: '本月自测有无漏检不能为空' }]
+            },
+
+            brigadeOptions: [],
+            personOptions: [],
+            teamLeaderOptions: [],
+            supervisorOptions: [],
+            areaOptions: [],
+            missCheckItemOptions: [],
+
+            discriminationTypeOptions: [],
+            blockedTimePeriodOptions: [],
+            blockedItemPositionOptions: [],
+            blockedMonthlyExamResultOptions: [],
+            blockedOperatingYearsOptions: [],
+            blockedMissCheckReasonOptions: [],
+            difficultyLevelOptions: [
+                { text: '简单', value: '简单' },
+                { text: '难', value: '难' }
+            ],
+            isRecoveredOptions: [
+                { text: '是', value: 1 },
+                { text: '否', value: 0 }
+            ],
+            certificateLevelOptions: [
+                { text: '高级', value: '高级' },
+                { text: '中级', value: '中级' },
+                { text: '初级', value: '初级' }
+            ],
+            genderOptions: [
+                { text: '男', value: '男' },
+                { text: '女', value: '女' }
+            ]
         }
-      });
-      return result;
-    },
-    
-    handleReviewedUserChange(e) {
-      let userId = e.detail.value;
-      if (Array.isArray(userId)) {
-        userId = userId[0]?.value;
-      } else if (userId && typeof userId === 'object') {
-        userId = userId.value;
-      }
-      if (userId) {
-        selectUserLeaderListByCondition({ userId: userId, roleKeyList: ['banzuzhang'] }).then(res => {
-          if (res.data && res.data.length > 0) {
-            this.formData.teamLeaderId = res.data[0].userId;
-          }
-        });
-        selectUserLeaderListByCondition({ userId: userId, roleKeyList: ['kezhang'] }).then(res => {
-          if (res.data && res.data.length > 0) {
-            this.formData.supervisorId = res.data[0].userId;
-          }
-        });
-        getUserInfoById(userId).then(res => {
-          const data = res?.data;
-          if (data) {
-            this.formData.gender = data.sex === '0' ? '男' : '女';
-          }
-        });
-      } else {
-        this.formData.supervisorId = null;
-        this.formData.teamLeaderId = null;
-        this.formData.gender = null;
-      }
     },
-    
-    handleFormBrigadeChange(e) {
-      const brigadeId = e.detail.value;
-      const brigade = this.brigadeOptions.find(item => item.value === brigadeId);
-      this.formData.brigadeName = brigade ? brigade.label : null;
+    onLoad() {
+        this.initData();
     },
+    methods: {
+        initData() {
+            this.getUserAll();
+            this.getDeptList();
+            this.getPositionList();
+            this.getTeamLeaderOptions();
+            this.getSupervisorOptions();
+            this.getMissCheckItemOptions();
+            this.getDictData();
+            this.formData.missCheckTime = formatTime(new Date(), 'YYYY-MM-DD hh:mm');
+            this.formData.reviewDate = formatTime(new Date(), 'YYYY-MM-DD');
+        },
+
+        async getDictData() {
+            const dict = await this.useDict(
+                'discrimination_type',
+                'blocked_time_period',
+                'blocked_item_position',
+                'blocked_monthly_exam_result',
+                'blocked_operating_years',
+                'blocked_miss_check_reason'
+            );
+
+            const formatDict = (options) => {
+                return (options || []).map(item => ({
+                    value: item.value,
+                    text: item.label || item.text
+                }));
+            };
+
+            this.discriminationTypeOptions = formatDict(dict.discrimination_type);
+            this.blockedTimePeriodOptions = formatDict(dict.blocked_time_period);
+            this.blockedItemPositionOptions = formatDict(dict.blocked_item_position);
+            this.blockedMonthlyExamResultOptions = formatDict(dict.blocked_monthly_exam_result);
+            this.blockedOperatingYearsOptions = formatDict(dict.blocked_operating_years);
+            this.blockedMissCheckReasonOptions = formatDict(dict.blocked_miss_check_reason);
+        },
+
+        getDeptList() {
+            listDept({}).then(res => {
+                const deptList = res.data || [];
+                this.brigadeOptions = deptList.filter(item => item.deptType === 'BRIGADE' && [311, 314, 315].includes(item.deptId)).map(item => ({
+                    value: item.deptId,
+                    text: item.deptName
+                }));
+            });
+        },
+
+        getUserAll() {
+            getUserList({ pageNum: 1, pageSize: 1000 }).then(res => {
+                this.personOptions = (res.rows || []).map(item => ({
+                    value: item.userId,
+                    text: item.nickName
+                }));
+            });
+        },
+
+        getPositionList() {
+            listPosition({ positionType: 'CHANNEL' }).then(res => {
+                this.areaOptions = (res.data || []).map(item => ({
+                    value: item.id,
+                    text: item.name
+                }));
+            });
+        },
+
+        getTeamLeaderOptions() {
+            selectUserLeaderListByCondition({ roleKeyList: ['banzuzhang'] }).then(res => {
+                this.teamLeaderOptions = (res.data || []).map(item => ({
+                    value: item.userId,
+                    text: item.nickName
+                }));
+            });
+        },
+
+        getSupervisorOptions() {
+            selectUserLeaderListByCondition({ roleKeyList: ['kezhang'] }).then(res => {
+                this.supervisorOptions = (res.data || []).map(item => ({
+                    value: item.userId,
+                    text: item.nickName
+                }));
+            });
+        },
+
+        getMissCheckItemOptions() {
+            listCategory().then(res => {
+                const data = res.data || [];
+                this.missCheckItemOptions = this.flattenTree(data);
+            });
+        },
+
+        flattenTree(data, parentLabel = '') {
+            const result = [];
+            data.forEach(item => {
+                const label = parentLabel ? `${parentLabel} / ${item.name}` : item.name;
+                if (item.children && item.children.length > 0) {
+                    result.push(...this.flattenTree(item.children, label));
+                } else {
+                    result.push({
+                        value: item.name,
+                        text: label
+                    });
+                }
+            });
+            return result;
+        },
+
+        handleReviewedUserChange(e) {
+            let userId = e.detail.value;
+            if (Array.isArray(userId)) {
+                userId = userId[0]?.value;
+            } else if (userId && typeof userId === 'object') {
+                userId = userId.value;
+            }
+            if (userId) {
+                selectUserLeaderListByCondition({ userId: userId, roleKeyList: ['banzuzhang'] }).then(res => {
+                    if (res.data && res.data.length > 0) {
+                        this.formData.teamLeaderId = res.data[0].userId;
+                    }
+                });
+                selectUserLeaderListByCondition({ userId: userId, roleKeyList: ['kezhang'] }).then(res => {
+                    if (res.data && res.data.length > 0) {
+                        this.formData.supervisorId = res.data[0].userId;
+                    }
+                });
+                getUserInfoById(userId).then(res => {
+                    const data = res?.data;
+                    if (data) {
+                        this.formData.gender = data.sex === '0' ? '男' : '女';
+                    }
+                });
+            } else {
+                this.formData.supervisorId = null;
+                this.formData.teamLeaderId = null;
+                this.formData.gender = null;
+            }
+        },
+
+        handleFormBrigadeChange(e) {
+            const brigadeId = e.detail.value;
+            const brigade = this.brigadeOptions.find(item => item.value === brigadeId);
+            this.formData.brigadeName = brigade ? brigade.label : null;
+        },
+
+        submitForm() {
+       
+
+            const requiredFields = [
+                { key: 'brigadeId', label: '大队' },
+                { key: 'reviewedUserId', label: '被回查人' },
+                { key: 'reviewDate', label: '回查日期' },
+                { key: 'missCheckTime', label: '漏检时间' },
+                { key: 'missCheckTimePeriod', label: '漏检时间段' },
+                { key: 'channelId', label: '上岗位置' },
+                { key: 'missCheckItem', label: '漏检物品' },
+                { key: 'supervisorId', label: '分管主管' },
+                { key: 'teamLeaderId', label: '分管班组长' },
+                { key: 'itemLocation', label: '物品位置' },
+                { key: 'difficultyLevel', label: '简单/难' },
+                { key: 'reviewUserId', label: '回查人' },
+                { key: 'discriminationType', label: '判别类型' },
+                { key: 'isRecovered', label: '是否追回' },
+                { key: 'machineOperatingYears', label: '开机年限' },
+                { key: 'certificateLevel', label: '证书级别' },
+                { key: 'gender', label: '人员性别' },
+                { key: 'missCheckReasonCategory', label: '漏检原因分类' },
+                { key: 'monthlyAssessment', label: '月考成绩' },
+                { key: 'selfTestHasMissCheck', label: '本月自测有无漏检' }
+            ];
+
+            for (const field of requiredFields) {
+                const value = this.formData[field.key];
+                if (value === null || value === undefined || value === '') {
+                    uni.showToast({ title: `${field.label}不能为空`, icon: 'none' });
+                    return;
+                }
+            }
+
+            this.mapNames();
+            console.log(this.formData);
+            addMissedInspection(this.formData).then(() => {
+                uni.showToast({ title: '新增成功', icon: 'success' });
+                
+                setTimeout(() => {
+                    uni.navigateBack();
+                }, 1500);
+            }).catch(() => {
+                uni.showToast({ title: '新增失败', icon: 'none' });
+            });
+        },
+        
     
-    submitForm() {
-      this.$refs.formRef.validate((valid) => {
-        if (valid) {
-          this.mapNames();
-          
-          addMissedInspection(this.formData).then(() => {
-            uni.showToast({ title: '新增成功', icon: 'success' });
-            setTimeout(() => {
-              uni.navigateBack();
-            }, 1500);
-          }).catch(() => {
-            uni.showToast({ title: '新增失败', icon: 'none' });
-          });
+
+        mapNames() {
+            if (this.formData.brigadeId) {
+                console.log(this.formData.brigadeId,this.brigadeOptions,11);
+                const brigade = this.brigadeOptions.find(item => item.value === this.formData.brigadeId);
+                this.formData.brigadeName = brigade ? brigade.text : null;
+            }
+
+            if (this.formData.reviewedUserId) {
+                const reviewedUser = this.personOptions.find(item => item.value === this.formData.reviewedUserId);
+                this.formData.reviewedUserName = reviewedUser ? reviewedUser.text : null;
+            }
+
+            if (this.formData.channelId) {
+                const channel = this.areaOptions.find(item => item.value === this.formData.channelId);
+                this.formData.channelName = channel ? channel.text : null;
+            }
+
+            if (this.formData.supervisorId) {
+                const supervisor = this.supervisorOptions.find(item => item.value === this.formData.supervisorId);
+                this.formData.supervisorName = supervisor ? supervisor.text : null;
+            }
+
+            if (this.formData.actingSupervisorId) {
+                const actingSupervisor = this.supervisorOptions.find(item => item.value === this.formData.actingSupervisorId);
+                this.formData.actingSupervisorName = actingSupervisor ? actingSupervisor.text : null;
+            }
+
+            if (this.formData.teamLeaderId) {
+                const teamLeader = this.teamLeaderOptions.find(item => item.value === this.formData.teamLeaderId);
+                this.formData.teamLeaderName = teamLeader ? teamLeader.text : null;
+            }
+
+            if (this.formData.reviewUserId) {
+                const reviewUser = this.personOptions.find(item => item.value === this.formData.reviewUserId);
+                this.formData.reviewUserName = reviewUser ? reviewUser.text : null;
+            }
         }
-      });
-    },
-    
-    mapNames() {
-      if (this.formData.brigadeId) {
-        const brigade = this.brigadeOptions.find(item => item.value === this.formData.brigadeId);
-        this.formData.brigadeName = brigade ? brigade.text : null;
-      }
-      
-      if (this.formData.reviewedUserId) {
-        const reviewedUser = this.personOptions.find(item => item.value === this.formData.reviewedUserId);
-        this.formData.reviewedUserName = reviewedUser ? reviewedUser.text : null;
-      }
-      
-      if (this.formData.channelId) {
-        const channel = this.areaOptions.find(item => item.value === this.formData.channelId);
-        this.formData.channelName = channel ? channel.text : null;
-      }
-      
-      if (this.formData.supervisorId) {
-        const supervisor = this.supervisorOptions.find(item => item.value === this.formData.supervisorId);
-        this.formData.supervisorName = supervisor ? supervisor.text : null;
-      }
-      
-      if (this.formData.actingSupervisorId) {
-        const actingSupervisor = this.supervisorOptions.find(item => item.value === this.formData.actingSupervisorId);
-        this.formData.actingSupervisorName = actingSupervisor ? actingSupervisor.text : null;
-      }
-      
-      if (this.formData.teamLeaderId) {
-        const teamLeader = this.teamLeaderOptions.find(item => item.value === this.formData.teamLeaderId);
-        this.formData.teamLeaderName = teamLeader ? teamLeader.text : null;
-      }
-      
-      if (this.formData.reviewUserId) {
-        const reviewUser = this.personOptions.find(item => item.value === this.formData.reviewUserId);
-        this.formData.reviewUserName = reviewUser ? reviewUser.text : null;
-      }
     }
-  }
 }
 </script>
 
 <style scoped>
-.missed-inspection-page {
-  width: 100%;
-  min-height: 100vh;
-  background-color: #f5f7fa;
-  display: flex;
-  flex-direction: column;
-}
-
-.page-header {
-  background-color: #fff;
-  padding: 16px;
-  border-bottom: 1px solid #f0f0f0;
-}
-
-.page-title {
-  font-size: 18px;
-  font-weight: bold;
-  color: #333;
-}
-
 .form-scroll {
-  flex: 1;
-  
+    height: calc(100vh - 160rpx);
+    width: 100%;
+    box-sizing: border-box;
 }
 
 .form-container {
-  background-color: #fff;
-  border-radius: 12px;
-  padding: 16px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    padding: 20rpx;
+    background-color: #fff;
 }
 
 .form-row {
-  margin-bottom: 16px;
+    margin-bottom: 20rpx;
 }
 
 .submit-bar {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: #fff;
-  padding: 12px 16px;
-  border-top: 1px solid #f0f0f0;
-  padding-bottom: calc(12px + env(safe-area-inset-bottom));
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background-color: #fff;
+    padding: 15rpx 20rpx;
+    border-top: 1px solid #f0f0f0;
+    padding-bottom: calc(15rpx + env(safe-area-inset-bottom));
+    box-sizing: border-box;
 }
 
 .submit-btn {
-  height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-  font-size: 16px;
-  color: #fff;
-  background-color: #409EFF;
+    height: 88rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 8rpx;
+    font-size: 32rpx;
+    color: #fff;
+    background-color: #409EFF;
 }
 </style>