feat(blockingData): 添加筛选参数传递和漏检物品树形选择功能

- 在各模块组件中添加filterParams参数接收
- 将漏检物品输入框改为树形选择组件
- 重构筛选参数结构，使用标准ID字段
- 添加API接口文件支持数据大屏功能

src/api/blockingData/blockingDataScreen.js

@@ -0,0 +1,382 @@
+import request from '@/utils/request'
+
+
+//查询查堵总数
+export function totalCount(query) {
+    return request({
+        url: '/blocked/dashboard/totalCount',
+        method: 'get',
+        params: query
+    })
+}
+
+// 查询查堵总数柱状图
+export function brigadeChart(query) {
+    return request({
+        url: '/blocked/dashboard/brigadeChart',
+        method: 'get',
+        params: query
+    })
+}
+
+//查询总查堵万分率
+export function totalRate(query) {
+    return request({
+        url: '/blocked/dashboard/totalRate',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵万分率条形图
+export function brigadeRateChart(query) {
+    return request({
+        url: '/blocked/dashboard/brigadeRateChart',
+        method: 'get',
+        params: query
+    })
+}
+//每日查堵数量(总表)
+export function dailyTrend(query) {
+    return request({
+        url: '/blocked/dashboard/dailyTrend',
+        method: 'get',
+        params: query
+    })
+}
+//每日查堵数量(大队对比)
+export function dailyBrigadeComparison(query) {
+    return request({
+        url: '/blocked/dashboard/dailyBrigadeComparison',
+        method: 'get',
+        params: query
+    })
+}
+//每日查堵万分率(总表)
+export function dailyRateTrend(query) {
+    return request({
+        url: '/blocked/dashboard/dailyRateTrend',
+        method: 'get',
+        params: query
+    })
+}
+//每日查堵万分率(大队对比)
+export function dailyBrigadeRateComparison(query) {
+    return request({
+        url: '/blocked/dashboard/dailyBrigadeRateComparison',
+        method: 'get',
+        params: query
+    })
+}
+//每日过检图像数(行检+旅检总表)
+export function dailyLuggageTrend(query) {
+    return request({
+        url: '/blocked/dashboard/dailyLuggageTrend',
+        method: 'get',
+        params: query
+    })
+}
+
+//每日过检图像数(行检+旅检 大队对比)
+export function dailyBrigadeLuggageComparison(query) {
+    return request({
+        url: '/blocked/dashboard/dailyBrigadeLuggageComparison',
+        method: 'get',
+        params: query
+    })
+}
+//查堵物品分布
+export function itemDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/itemDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//区域查堵数量分布
+export function areaDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/areaDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查堵类型分布
+export function discriminationDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/discriminationDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查堵时间段过检行李数及万分率
+export function timePeriodStats(query) {
+    return request({
+        url: '/blocked/dashboard/timePeriodStats',
+        method: 'get',
+        params: query
+    })
+}
+//每日过检行李数及万分率
+export function dailyLuggageAndRate(query) {
+    return request({
+        url: '/blocked/dashboard/dailyLuggageAndRate',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-AI复查图像总数
+export function aiImageStats(query) {
+    return request({
+        url: '/blocked/dashboard/aiImageStats',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-AI漏判图像总数
+export function aiMissImageStats(query) {
+    return request({
+        url: '/blocked/dashboard/aiMissImageStats',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-AI误判图像总数
+export function aiErrorImageStats(query) {
+    return request({
+        url: '/blocked/dashboard/aiErrorImageStats',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-主管排行榜
+export function supervisorRanking(query) {
+    return request({
+        url: '/blocked/dashboard/supervisorRanking',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-班组排行榜
+export function teamLeaderRanking(query) {
+    return request({
+        url: '/blocked/dashboard/teamLeaderRanking',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-人员排行榜
+export function reviewedUserRanking(query) {
+    return request({
+        url: '/blocked/dashboard/reviewedUserRanking',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-物品位置分布
+export function itemLocationDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/itemLocationDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-原因分类分布
+export function missCheckReasonDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/missCheckReasonDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-图像难易程度分布
+export function difficultyDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/difficultyDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-开机人员持证比例
+export function certificateDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/certificateDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//大队开机人员证书分布
+export function brigadeCertificateDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigadeCertificateDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//T1速率统计数据
+export function t1RateStats(query) {
+    return request({
+        url: '/blocked/rate/screen/t1',
+        method: 'get',
+        params: query
+    })
+}
+//T2速率统计数据
+export function t2RateStats(query) {
+    return request({
+        url: '/blocked/rate/screen/t2',
+        method: 'get',
+        params: query
+    })
+}
+//国内速率统计数据
+export function insideRateStats(query) {
+    return request({
+        url: '/blocked/rate/screen/domestic',
+        method: 'get',
+        params: query
+    })
+}
+//国际速率统计数据
+export function outsideRateStats(query) {
+    return request({
+        url: '/blocked/rate/screen/international',
+        method: 'get',
+        params: query
+    })
+}
+//查询两楼每日查堵走势
+export function dailyTerminalTrend(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/dailyTerminalTrend',
+        method: 'get',
+        params: query
+    })
+}
+//查询两楼每日过检图像数
+export function dailyTerminalLuggageTrend(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/dailyTerminalLuggageTrend',
+        method: 'get',
+        params: query
+    })
+}
+//查询两楼查堵数（包含行检）
+export function terminalBlockedStats(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/terminalBlockedStats',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵时间段过检行李数
+export function timePeriodLuggageStats(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/timePeriodLuggageStats',
+        method: 'get',
+        params: query
+    })
+}
+//查询两楼每日查堵万分率
+export function dailyTerminalRateTrend(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/dailyTerminalRateTrend',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵物品分布
+export function brigadeItemDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/itemDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-主管排行榜
+export function brigadeSupervisorRanking(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/supervisorRanking',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-班组排行榜
+export function brigadeTeamLeaderRanking(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/teamLeaderRanking',
+        method: 'get',
+        params: query
+    })
+}
+//查堵-人员排行榜
+export function brigadeReviewedUserRanking(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/reviewedUserRanking',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵男女比例
+export function brigadeGenderDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/genderDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵人员证书级别分布
+export function brigadeCertificateDistributionDetail(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/certificateLevelDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查询证书级别人员基数
+export function personnelCertificateBase(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/personnelCertificateBase',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵物品位置分布
+export function brigadeItemLocationDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/itemLocationDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵-简单/困难图像数
+export function brigadeDifficultyDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/difficultyDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵-主管分管次数分布
+export function brigadeSupervisorDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/supervisorDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵原因分类分布
+export function brigadeMissCheckReasonDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/missCheckReasonDistribution',
+        method: 'get',
+        params: query
+    })
+}
+//查询查堵人员开机年限分布
+export function brigadeOperatingYearsDistribution(query) {
+    return request({
+        url: '/blocked/dashboard/brigade/operatingYearsDistribution',
+        method: 'get',
+        params: query
+    })
+}

src/views/blockingData/blockingDataScreen/components/ModuleBrigadeOne.vue

@@ -52,6 +52,14 @@ import * as echarts from 'echarts'
 import ModuleContainer from './ModuleContainer.vue'
 import { useEcharts } from '@/hooks/chart.js'
 
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
 const chart1 = ref(null)
 const chart2 = ref(null)
 const chart3 = ref(null)

src/views/blockingData/blockingDataScreen/components/ModuleBrigadeThree.vue

@@ -21,6 +21,14 @@ import * as echarts from 'echarts'
 import ModuleContainer from './ModuleContainer.vue'
 import { useEcharts } from '@/hooks/chart.js'
 
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
 const chart1 = ref(null)
 const chart2 = ref(null)
 

src/views/blockingData/blockingDataScreen/components/ModuleBrigadeTwo.vue

@@ -84,6 +84,14 @@ import ModuleContainer from './ModuleContainer.vue'
 import RankList from './RankList.vue'
 import { useEcharts } from '@/hooks/chart.js'
 
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
 const chart4 = ref(null)
 const chart5 = ref(null)
 const chart6 = ref(null)

src/views/blockingData/blockingDataScreen/components/ModuleFour.vue

@@ -31,6 +31,14 @@ import * as echarts from 'echarts'
 import ModuleContainer from './ModuleContainer.vue'
 import { useEcharts } from '@/hooks/chart.js'
 
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
 const chart1 = ref(null)
 const chart2 = ref(null)
 const chart3 = ref(null)

src/views/blockingData/blockingDataScreen/components/ModuleOne.vue

@@ -130,6 +130,14 @@ import * as echarts from 'echarts'
 import ModuleContainer from './ModuleContainer.vue'
 import { useEcharts } from '@/hooks/chart.js'
 
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
 // 图表引用
 const chart0a = ref(null)
 const chart0b = ref(null)

src/views/blockingData/blockingDataScreen/components/ModuleThree.vue

@@ -19,6 +19,14 @@ import * as echarts from 'echarts'
 import ModuleContainer from './ModuleContainer.vue'
 import { useEcharts } from '@/hooks/chart.js'
 
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
 const chart1 = ref(null)
 const chart2 = ref(null)
 

src/views/blockingData/blockingDataScreen/components/ModuleTwo.vue

@@ -63,6 +63,14 @@ import ModuleContainer from './ModuleContainer.vue'
 import RankList from './RankList.vue'
 import { useEcharts } from '@/hooks/chart.js'
 
+// 接收筛选参数
+const props = defineProps({
+  filterParams: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
 const chart1 = ref(null)
 const chart2 = ref(null)
 const chart3 = ref(null)

src/views/blockingData/blockingDataScreen/index.vue

@@ -15,39 +15,40 @@
 
         <div class="filter-item">
           <span class="filter-label">分管主管：</span>
-          <el-select v-model="filterParams.supervisor" placeholder="请选择主管" filterable clearable style="width: 200px">
+          <el-select v-model="filterParams.supervisorId" placeholder="请选择主管" filterable clearable style="width: 200px">
             <el-option v-for="item in supervisorOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </div>
 
         <div class="filter-item">
           <span class="filter-label">分管班组长：</span>
-          <el-select v-model="filterParams.teamLeader" placeholder="请选择班组长" filterable clearable style="width: 200px">
+          <el-select v-model="filterParams.teamLeaderId" placeholder="请选择班组长" filterable clearable style="width: 200px">
             <el-option v-for="item in teamLeaderOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </div>
         <div class="filter-item">
-          <span class="filter-label">区域：</span>
-          <el-select v-model="filterParams.area" placeholder="请选择区域" clearable style="width: 200px">
-            <el-option label="整体" value="整体" />
-            <el-option label="T1" value="T1" />
-            <el-option label="T2" value="T2" />
+          <span class="filter-label">航站楼：</span>
+          <el-select v-model="filterParams.terminal" placeholder="请选择区域" clearable style="width: 200px">
+            <el-option v-for="item in terminalOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </div>
 
         <div class="filter-item">
           <span class="filter-label">漏检物品：</span>
-          <el-select v-model="filterParams.missedItem" placeholder="请选择漏检物品" clearable style="width: 200px">
-            <el-option v-for="item in missedItemOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
+          <el-tree-select
+            v-model="filterParams.missCheckItem"
+            :data="missedItemOptions"
+            :props="{ value: 'id', label: 'name', children: 'children' }"
+            value-key="id"
+            placeholder="请选择漏检物品"
+            check-strictly
+            style="width: 200px"
+          />
         </div>
         <div class="filter-item">
           <span class="filter-label">分大队：</span>
-          <el-select v-model="filterParams.brigade" placeholder="请选择大队" clearable style="width: 200px">
-            <el-option label="全站" value="全站" />
-            <el-option label="安检一大队" value="安检一大队" />
-            <el-option label="安检二大队" value="安检二大队" />
-            <el-option label="安检三大队" value="安检三大队" />
+          <el-select v-model="filterParams.brigadeId" placeholder="请选择大队" clearable style="width: 200px">
+            <el-option v-for="item in brigadeOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </div>
         <div class="filter-actions">
@@ -60,29 +61,29 @@
     </div>
 
     <div class="screen-content">
-      <div v-if="filterParams.brigade === '全站'" class="grid-layout">
+      <div v-if="filterParams.brigadeId" class="grid-layout">
         <div class="grid-item">
-          <module-one />
+          <module-one :filter-params="filterParams" />
         </div>
         <div class="grid-item">
-          <module-two />
+          <module-two :filter-params="filterParams" />
         </div>
         <div class="grid-item">
-          <module-three />
+          <module-three :filter-params="filterParams" />
         </div>
         <div class="grid-item">
-          <module-four />
+          <module-four :filter-params="filterParams" />
         </div>
       </div>
       <div v-else class="grid-layout">
         <div class="grid-item">
-          <module-brigade-one />
+          <module-brigade-one :filter-params="filterParams" />
         </div>
         <div class="grid-item">
-          <module-brigade-two />
+          <module-brigade-two :filter-params="filterParams" />
         </div>
         <div class="grid-item">
-          <module-brigade-three />
+          <module-brigade-three :filter-params="filterParams" />
         </div>
       </div>
     </div>
@@ -92,6 +93,9 @@
 <script setup>
 import { ref, reactive, onMounted } from 'vue'
 import { listDept } from '@/api/system/dept'
+import { selectUserLeaderListByCondition } from '@/api/system/user'
+import { listCategory } from '@/api/system/category'
+import { listPosition } from '@/api/system/position'
 import ModuleOne from './components/ModuleOne.vue'
 import ModuleTwo from './components/ModuleTwo.vue'
 import ModuleThree from './components/ModuleThree.vue'
@@ -109,43 +113,91 @@ const defaultTime = [
 // 筛选参数
 const filterParams = reactive({
   dateRange: [],
-  supervisor: '',
-  teamLeader: '',
-  area: '',
-  missedItem: '',
-  brigade: '全站'
+  supervisorId: '',
+  teamLeaderId: '',
+  terminal: '',
+  missCheckItem: '',
+  brigadeId: '全站'
 })
 
 // 选项数据
 const supervisorOptions = ref([])
 const teamLeaderOptions = ref([])
-const missedItemOptions = ref([
-  { label: '物品A', value: '1' },
-  { label: '物品B', value: '2' },
-  { label: '物品C', value: '3' }
-])
-
-// 获取所有用户数据并筛选主管和班组长
-const fetchUserData = async () => {
-  try {
-    listDept({}).then(response => {
-      const deptList = response.data || []
-     
-      teamLeaderOptions.value = deptList.filter(item => item.deptType === 'TEAMS').map(item => ({
-        value: item.deptId,
-        label: item.deptName
-      }))
-      supervisorOptions.value = deptList.filter(item => item.deptType === 'MANAGER').map(item => ({
-        value: item.deptId,
-        label: item.deptName
-      }))
-    })
-  } catch (error) {
-    console.error('获取用户数据失败:', error)
-  }
+const brigadeOptions = ref([])
+const missedItemOptions = ref([])
+const terminalOptions = ref([])
+
+// 获取漏检物品树状选项
+function getMissedItemOptions() {
+  listCategory().then(response => {
+    missedItemOptions.value = handleTree(response.data, "id", "parentId")
+  })
+}
+
+// 树形数据处理函数
+function handleTree(data, id, parentId) {
+  const result = []
+  const map = {}
+  
+  data.forEach(item => {
+    map[item[id]] = { ...item, children: [] }
+  })
+  
+  data.forEach(item => {
+    const parent = map[item[parentId]]
+    if (parent) {
+      parent.children.push(map[item[id]])
+    } else {
+      result.push(map[item[id]])
+    }
+  })
+  
+  return result
+}
+
+// 获取航站楼选项
+function getTerminalOptions() {
+  listPosition({ positionType: 'TERMINL' }).then(response => {
+    terminalOptions.value = (response.data || []).map(item => ({
+      value: item.id,
+      label: item.name
+    }))
+    // 添加"整体"选项到最前面
+    terminalOptions.value.unshift({ label: '整体', value: null })
+  })
+}
+function getTeamLeaderOptions() {
+  selectUserLeaderListByCondition({ roleKeyList: ['banzuzhang'] }).then(response => {
+    teamLeaderOptions.value = (response.data || []).map(item => ({
+      value: item.userId,
+      label: item.nickName
+    }))
+  })
 }
 
-// 设置默认日期范围（从年初1月1日到现在）
+// 获取主管选项
+function getSupervisorOptions() {
+  selectUserLeaderListByCondition({ roleKeyList: ['kezhang'] }).then(response => {
+    supervisorOptions.value = (response.data || []).map(item => ({
+      value: item.userId,
+      label: item.nickName
+    }))
+  })
+}
+
+// 获取大队选项
+function getBrigadeOptions() {
+  listDept({}).then(response => {
+    const deptList = response.data || []
+    // 筛选类型为 BRIGADE 的部门，并过滤特定的大队ID
+    brigadeOptions.value = deptList.filter(item => item.deptType === 'BRIGADE' && [311, 314, 315].includes(item.deptId)).map(item => ({
+      value: item.deptId,
+      label: item.deptName
+    }))
+    // 添加"全站"选项到最前面
+    brigadeOptions.value.unshift({ label: '全站', value: null })
+  })
+}
 const setDefaultDateRange = () => {
   const now = new Date()
   const startOfYear = new Date(now.getFullYear(), 0, 1, 0, 0, 0)
@@ -164,11 +216,11 @@ const handleFilter = () => {
 const resetFilter = () => {
   Object.assign(filterParams, {
     dateRange: [],
-    supervisor: '',
-    teamLeader: '',
-    area: '',
-    missedItem: '',
-    brigade: '全站'
+    supervisorId: '',
+    teamLeaderId: '',
+    terminal: '',
+    missCheckItem: '',
+    brigadeId: '全站'
   })
   setDefaultDateRange()
 }
@@ -176,7 +228,11 @@ const resetFilter = () => {
 // 组件挂载时设置默认日期和获取用户数据
 onMounted(() => {
   setDefaultDateRange()
-  fetchUserData()
+  getTeamLeaderOptions()
+  getSupervisorOptions()
+  getBrigadeOptions()
+  getMissedItemOptions()
+  getTerminalOptions()
 })
 </script>
 

src/views/blockingData/missedInspectionList/index.vue

@@ -163,7 +163,15 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="漏检物品" prop="missCheckItem">
-              <el-input v-model="form.missCheckItem" placeholder="请输入漏检物品" />
+              <el-tree-select
+                v-model="form.missCheckItem"
+                :data="missCheckItemOptions"
+                :props="{ value: 'name', label: 'name', children: 'children' }"
+                value-key="name"
+                placeholder="请选择漏检物品"
+                check-strictly
+                style="width: 100%"
+              />
             </el-form-item>
           </el-col>
 
@@ -335,6 +343,7 @@ import { listPosition } from '@/api/system/position'
 import { listMissedInspection, getMissedInspection, delMissedInspection, addMissedInspection, updateMissedInspection, exportMissedInspection, downloadTemplate } from '@/api/blockingData/missedInspection'
 import { listDept } from '@/api/system/dept'
 import { listUser, selectUserLeaderListByCondition } from '@/api/system/user'
+import { listCategory } from '@/api/system/category'
 import { useDict } from '@/utils/dict'
 import { getToken } from '@/utils/auth'
 import { UploadFilled } from '@element-plus/icons-vue'
@@ -361,6 +370,8 @@ const title = ref('')
 const open = ref(false)
 // 日期范围
 const dateRange = ref([])
+// 漏检物品树状选项
+const missCheckItemOptions = ref([])
 
 const upload = reactive({
   open: false,
@@ -481,7 +492,12 @@ function getDeptList() {
   })
 }
 
-/** 获取班组长选项 */
+/** 获取漏检物品树状选项 */
+function getMissCheckItemOptions() {
+  listCategory().then(response => {
+    missCheckItemOptions.value = proxy.handleTree(response.data, "id", "parentId")
+  })
+}
 function getTeamLeaderOptions() {
   selectUserLeaderListByCondition({ roleKeyList: ['banzuzhang'] }).then(response => {
     teamLeaderOptions.value = (response.data || []).map(item => ({
@@ -743,6 +759,7 @@ onMounted(() => {
   getPositionList()
   getTeamLeaderOptions()
   getSupervisorOptions()
+  getMissCheckItemOptions()
 })
 </script>