修改

src/api/dashboard.ts

@@ -0,0 +1,46 @@
+import { request } from '@/utils/request'
+
+
+
+//工单统计
+export function getorders() {
+    return request({ 
+        url: '/biz/dashboard/total-orders', 
+        method: 'get'
+    })
+}
+
+export function getsctotal(params:any) {
+    return request({ 
+        url: '/biz/dashboard/stats', 
+        method: 'get',
+        params
+    })
+}
+
+//获取产能达成率
+export function getachievement(params:any) {
+    return request({ 
+        url: '/biz/dashboard/achievement-rate', 
+        method: 'get',
+        params
+    })
+}
+
+// 累计质检异常列表
+export function getquality(params:any) {
+    return request({ 
+        url: '/biz/dashboard/total-quality-list', 
+        method: 'get',
+        params
+    })
+}
+
+// 未关闭质检异常列表
+export function getopenquality(params:any) {
+    return request({ 
+        url: 'biz/dashboard/open-quality-list', 
+        method: 'get',
+        params
+    })
+}

src/api/errorNotification.ts

@@ -79,5 +79,9 @@ export const errorNotificationApi = {
     // 下载导入模板
     downloadTemplate() {
         return request({ url: `/biz/errorNotification/template`, method: 'get', responseType: 'blob' })
+    },
+    //获取检查项
+    getopt() {
+        return request({ url: `/biz/errorNotification/options`, method: 'get' })
     }
 }

src/views/NCcode/index.vue

@@ -860,7 +860,7 @@ function issuehand(row:any) {
   issueModel.value = true
   issarr = []
   ncid = row.id
-  ncCode.value = row.code
+  ncCode.value = row.ncCode
 }
 
 

src/views/biz/errorNotification/index.vue

@@ -4,6 +4,9 @@
       <!-- 搜索表单 -->
       <div class="search-form">
         <n-form inline :model="searchForm" label-placement="left">
+          <n-form-item label="订阅的异常">
+            <n-input v-model:value="searchForm.subscriptionKey" placeholder="请输入订阅的异常" />
+          </n-form-item>
           <n-form-item>
             <n-space>
               <n-button type="primary" @click="handleSearch">
@@ -26,7 +29,7 @@
             <template #icon><n-icon><AddOutline /></n-icon></template>
             新增
           </n-button>
-          <n-button @click="importModalVisible = true">
+          <!-- <n-button @click="importModalVisible = true">
             <template #icon><n-icon><CloudUploadOutline /></n-icon></template>
             导入
           </n-button>
@@ -37,7 +40,7 @@
           <n-button type="error" :disabled="selectedIds.length === 0" @click="handleBatchDelete">
             <template #icon><n-icon><TrashOutline /></n-icon></template>
             删除
-          </n-button>
+          </n-button> -->
         </n-space>
       </div>
 
@@ -46,9 +49,11 @@
         :columns="columns"
         :data="tableData"
         :loading="loading"
+        :bordere="false"
+        striped
+        remote
         :pagination="pagination"
-        :row-key="(row) => row.id"
+        :row-key="(row:any) => row.id"
-        :scroll-x="1200"
         @update:page="handlePageChange"
         @update:page-size="handlePageSizeChange"
         @update:checked-row-keys="handleCheck"
@@ -56,46 +61,105 @@
     </n-card>
 
     <!-- 新增/编辑弹窗 -->
-    <n-modal v-model:show="modalVisible" preset="card" :title="modalTitle" style="width: 600px">
+    <n-modal 
-      <n-form ref="formRef" :model="formData" :rules="formRules" label-placement="left" label-width="100px">
+      v-model:show="modalVisible" 
-        <n-form-item label="订阅的异常key" path="subscriptionKey">
+      preset="card" 
-          <n-select v-model:value="formData.subscriptionKey" placeholder="请选择订阅的异常key" :options="[]" />
+      :title="modalTitle" 
+      style="width: 900px"
+    >
+      <n-form ref="formRef" :model="formData" :rules="formRules" label-placement="left" label-width="120px">
+        <n-grid :cols="2" :x-gap="24">
+          <n-gi>
+            <n-form-item label="订阅的异常" path="subscriptionKey">
+              <n-select 
+                remote
+                v-model:value="formData.subscriptionKey" 
+                placeholder="请选择订阅的异常" 
+                :options="keyopt"
+                @update:value="keyupdate" 
+              />
             </n-form-item>
+          </n-gi>
+          <n-gi>
+            <n-form-item label="订阅的异常字段" path="subscriptionDiscoverField">
+              <n-select v-model:value="formData.subscriptionDiscoverField" placeholder="请选择订阅的异常字段" :options="yiczdopt" />
+            </n-form-item>
+          </n-gi>
+          <n-gi>
             <n-form-item label="异常名称" path="title">
               <n-input v-model:value="formData.title" placeholder="请输入异常名称" />
             </n-form-item>
-        <n-form-item label="订阅的设备集合" path="subscriptionDeviceIds">
+          </n-gi>
-          <n-input v-model:value="formData.subscriptionDeviceIds" placeholder="请输入订阅的设备集合" />
+          <n-gi>
+            <n-form-item label="订阅的设备" path="subscriptionDeviceIds">
+              <!-- <n-input v-model:value="formData.subscriptionDeviceIds" placeholder="请输入订阅的设备集合" /> -->
+               <n-select 
+                remote
+                multiple
+                v-model:value="formData.subscriptionDeviceIds" 
+                placeholder="请选择订阅的设备" 
+                :options="deviclist"
+              />
             </n-form-item>
-        <n-form-item label="订阅的异常字段" path="subscriptionDiscoverField">
+          </n-gi>
-          <n-select v-model:value="formData.subscriptionDiscoverField" placeholder="请选择订阅的异常字段" :options="[]" />
+          
-        </n-form-item>
+          <n-gi>
-        <n-form-item label="发送方式, 多选 1站内信 2终端推送 3APP 4第三方" path="sendingMethod">
+            <n-form-item label="发送方式" path="sendingMethod"> <!--, 多选 1站内信 2终端推送 3APP 4第三方-->
               <n-checkbox-group v-model:value="formData.sendingMethod">
                 <n-space>
                   <n-checkbox v-for="opt in sendingMethodOptions" :key="opt.value" :value="opt.value">{{ opt.label }}</n-checkbox>
                 </n-space>
               </n-checkbox-group>
             </n-form-item>
+          </n-gi>
+          <n-gi>
             <n-form-item label="检验值" path="discoverValue">
               <n-input v-model:value="formData.discoverValue" placeholder="请输入检验值" />
             </n-form-item>
-        <n-form-item label="检测方法, 1大于 2大于等于 3小于 4小于等于 5不等" path="detectionMethod">
+          </n-gi>
-          <n-select v-model:value="formData.detectionMethod" placeholder="请选择检测方法, 1大于 2大于等于 3小于 4小于等于 5不等" :options="detectionMethodOptions" />
+          <n-gi>
+            <n-form-item label="检测方法" path="detectionMethod"> <!--1大于 2大于等于 3小于 4小于等于 5不等-->
+              <n-select v-model:value="formData.detectionMethod" placeholder="请选择检测方法" :options="detectionMethodOptions" />  <!--1大于 2大于等于 3小于 4小于等于 5不等-->
             </n-form-item>
-        <n-form-item label="通知人集合" path="notifier">
+          </n-gi>
-          <n-input v-model:value="formData.notifier" placeholder="请输入通知人集合" />
+          <n-gi>
-        </n-form-item>
+            <n-form-item label="是否异常填报" path="abnormalReporting">
-        <n-form-item label="通知内容" path="notifierContent">
-          <n-input v-model:value="formData.notifierContent" type="textarea" placeholder="请输入通知内容" />
-        </n-form-item>
-        <n-form-item label="是否需要异常填报" path="abnormalReporting">
               <n-radio-group v-model:value="formData.abnormalReporting">
                 <n-space>
                   <n-radio v-for="opt in abnormalReportingOptions" :key="opt.value" :value="opt.value">{{ opt.label }}</n-radio>
                 </n-space>
               </n-radio-group>
             </n-form-item>
+          </n-gi>
+          <n-gi>
+            <n-form-item label="通知人方式" path="notifierMethod">
+              <n-radio-group v-model:value="formData.notifierMethod">
+                <n-space>
+                  <n-radio :key="1" :value="1">操作人</n-radio>
+                  <n-radio :key="2" :value="2">设备负责人</n-radio>
+                  <n-radio :key="3" :value="3">指定人员</n-radio>
+                </n-space>
+              </n-radio-group>
+            </n-form-item>
+          </n-gi>
+          <n-gi>
+            <n-form-item label="通知人" path="notifier">
+              <n-select
+                :disabled="formData.notifierMethod != 3"
+                remote
+                multiple
+                v-model:value="formData.notifier" 
+                placeholder="请选择通知人" 
+                :options="userlist"
+              />
+            </n-form-item>
+          </n-gi>
+          <n-gi span="24">
+            <n-form-item label="通知内容" path="notifierContent">
+              <n-input v-model:value="formData.notifierContent" type="textarea" placeholder="请输入通知内容" />
+            </n-form-item>
+          </n-gi>
+        </n-grid>
       </n-form>
       <template #footer>
         <n-space justify="end">
@@ -145,13 +209,19 @@ import { SearchOutline, RefreshOutline, AddOutline, TrashOutline, CreateOutline,
 import { errorNotificationApi, type ErrorNotification } from '@/api/errorNotification'
 import { dictDataApi } from '@/api/org'
 
+import { deviceApi } from '@/api/device'
+
+import { userApi } from '@/api/system'
+
 const message = useMessage()
 const dialog = useDialog()
 
 // 搜索表单
 const searchForm = reactive({
+  subscriptionKey:''
 })
 
+
 // 表格数据
 const tableData = ref<ErrorNotification[]>([])
 const loading = ref(false)
@@ -169,11 +239,12 @@ const modalVisible = ref(false)
 const modalTitle = ref('')
 const importModalVisible = ref(false)
 const formRef = ref()
-const defaultFormData: ErrorNotification = {
+const defaultFormData = {
   subscriptionKey: '',
   title: '',
   subscriptionDeviceIds: '',
   subscriptionDiscoverField: '',
+  notifierMethod:1,
   sendingMethod: [],
   discoverValue: '',
   detectionMethod: '',
@@ -181,43 +252,164 @@ const defaultFormData: ErrorNotification = {
   notifierContent: '',
   abnormalReporting: undefined,
 }
-const formData = reactive<ErrorNotification>({ ...defaultFormData })
+let formData = reactive<any>({ ...defaultFormData })
 
 // 字典选项（下拉框/单选框/复选框关联字典时使用）
 const sendingMethodOptions = ref<{ label: string; value: any }[]>([])
 const detectionMethodOptions = ref<{ label: string; value: any }[]>([])
 const abnormalReportingOptions = ref<{ label: string; value: any }[]>([])
 
+//查询异常项
+let keyopt = ref<any>([])
+//异常子项
+let yclist = ref<any>([])
+//选中异常子项
+let yiczdopt = ref<any>({})
+errorNotificationApi.getopt().then(rps => {
+  keyopt.value = rps
+  rps.forEach((n:any) => {
+    yclist.value[n.value] = n.childList
+  })
+  // keyopt.value = rps.map((n:any) => ({
+  //   label: n.label,
+  //   value: n.value
+  // }))
+})
+
+//获取设备列表
+let deviclist = ref<any>([]) 
+deviceApi.page({
+    page: 1,
+    pageSize: 100,
+    deviceCode:'',
+    deviceFlag: 'mes_equipment'
+}).then(rps => {
+  if(rps.list && rps.list.length > 0){
+    deviclist.value = rps.list.map((n:any) => ({
+        label:n.deviceName,
+        value:n.id
+      }))
+  }
+})
+
+//获取员工列表
+let userlist = ref<any>([])
+
+userApi.getPathList().then(rps => {
+  userlist.value = rps.map((n:any) =>{
+      return {
+        label: n.username,
+        value: n.id
+      }
+    }
+  )
+})
+
+
+
+function keyupdate(v:any,n:any) {
+  formData.subscriptionDiscoverField = ''
+  yiczdopt.value = n.childList
+  console.log(v)
+  console.log(n)
+}
+
 // 表单校验规则
 const formRules = {
 }
 
 // 表格列
 const columns: DataTableColumns<ErrorNotification> = [
-  { type: 'selection' },
+  // { 
-  { title: '订阅的异常key', key: 'subscriptionKey' },
+  //   type: 'selection' 
-  { title: '异常名称', key: 'title' },
+  // },
-  { title: '订阅的设备集合', key: 'subscriptionDeviceIds' },
+  { 
-  { title: '订阅的异常字段', key: 'subscriptionDiscoverField' },
+    align:"center",
-  { title: '发送方式, 多选 1站内信 2终端推送 3APP 4第三方', key: 'sendingMethod',
+    title: '订阅的异常', 
+    key: 'subscriptionName',
+    minWidth:200,
+  },
+  { 
+    align:"center",
+    title: '订阅的异常字段', 
+    key: 'subscriptionDiscoverFieldNames',
+    minWidth:150 
+  },
+  { 
+    align:"center",
+    title: '异常名称', 
+    key: 'title',
+    minWidth:150 
+  },
+  { 
+    align:"center",
+    title: '订阅的设备', 
+    key: 'subscriptionDeviceIds' ,
+    minWidth:150,
+    render(row) {
+      const vals = Array.isArray(row.subscriptionDeviceIds) ? row.subscriptionDeviceIds : (row.subscriptionDeviceIds ? String(row.subscriptionDeviceIds).split(',') : [])
+      return vals.map(v => deviclist.value.find(o => String(o.value) === String(v))?.label ?? v).filter(Boolean).join(', ') || '-'
+    },
+  },
+  
+  { 
+    align:"center",
+    title: '发送方式',  // 1站内信 2终端推送 3APP 4第三方 
+    key: 'sendingMethod',
     render(row) {
       const vals = Array.isArray(row.sendingMethod) ? row.sendingMethod : (row.sendingMethod ? String(row.sendingMethod).split(',') : [])
       return vals.map(v => sendingMethodOptions.value.find(o => String(o.value) === String(v))?.label ?? v).filter(Boolean).join(', ') || '-'
-    }
     },
-  { title: '检验值', key: 'discoverValue' },
+    minWidth:150
-  { title: '检测方法, 1大于 2大于等于 3小于 4小于等于 5不等', key: 'detectionMethod',
+  },
+  { 
+    title: '检验值', 
+    key: 'discoverValue',
+    align:"center",
+    minWidth:150, 
+  },
+  { 
+    align:"center",
+    title: '检测方法',          //, 1大于 2大于等于 3小于 4小于等于 5不等
+    key: 'detectionMethod',
+    minWidth:150,
     render(row) {
       const val = row.detectionMethod
       const opt = detectionMethodOptions.value.find(o => o.value === val || String(o.value) === String(val))
       return opt ? opt.label : (val ?? '-')
     }
   },
-  { title: '通知人集合', key: 'notifier' },
+  { 
-  { title: '创建人', key: 'createBy' },
+    title: '通知人', 
-  { title: '创建时间', key: 'crateTime' },
+    key: 'notifier',
-  { title: '通知内容', key: 'notifierContent' },
+    align:"center",
-  { title: '是否需要异常填报', key: 'abnormalReporting',
+    minWidth:150,
+    render(row) {
+      const vals = Array.isArray(row.notifier) ? row.notifier : (row.notifier ? String(row.notifier).split(',') : [])
+      return vals.map(v => userlist.value.find(o => String(o.value) === String(v))?.label ?? v).filter(Boolean).join(', ') || '-'
+    },
+  },
+  { 
+    title: '创建人', 
+    key: 'createBy',
+    minWidth:150
+  },
+  { 
+    title: '创建时间', 
+    key: 'crateTime',
+    minWidth:150 
+  },
+  { 
+    title: '通知内容', 
+    key: 'notifierContent',
+    minWidth:150,
+    align:"center", 
+  },
+  { 
+    title: '是否需要异常填报', 
+    key: 'abnormalReporting',
+    minWidth:150,
+    align:"center",
     render(row) {
       const val = row.abnormalReporting
       const opt = abnormalReportingOptions.value.find(o => o.value === val || String(o.value) === String(val))
@@ -229,6 +421,7 @@ const columns: DataTableColumns<ErrorNotification> = [
     key: 'actions',
     width: 140,
     fixed: 'right',
+    align:"center",
     render(row) {
       return h('div', { style: { display: 'flex', alignItems: 'center', gap: '8px', flexWrap: 'nowrap' } }, [
         h(NButton, { size: 'small', quaternary: true, onClick: () => handleEdit(row) }, {
@@ -247,6 +440,7 @@ async function loadData() {
   loading.value = true
   try {
     const res = await errorNotificationApi.page({
+      ...searchForm,
       page: pagination.page,
       pageSize: pagination.pageSize,
     })
@@ -258,6 +452,7 @@ async function loadData() {
 }
 
 // 搜索
+
 function handleSearch() {
   pagination.page = 1
   loadData()
@@ -265,6 +460,7 @@ function handleSearch() {
 
 // 重置
 function handleReset() {
+  searchForm.subscriptionKey = ''
   handleSearch()
 }
 
@@ -287,18 +483,46 @@ function handleCheck(keys: Array<string | number>) {
 
 // 新增
 function handleAdd() {
-  modalTitle.value = '新增ErrorNotification'
+  modalTitle.value = '新增'
   Object.assign(formData, defaultFormData)
+  yiczdopt.value = []
   modalVisible.value = true
+  formData.abnormalReporting = 1
 }
 
 // 编辑
 function handleEdit(row: ErrorNotification) {
-  modalTitle.value = '编辑ErrorNotification'
+  modalTitle.value = '编辑'
   Object.assign(formData, row)
   if (formData.crateTime && typeof formData.crateTime === 'string') {
     formData.crateTime = new Date(formData.crateTime.replace(' ', 'T')).getTime()
   }
+
+  //异常字段回显
+  if(row.subscriptionKey){
+    yiczdopt.value = yclist.value[row.subscriptionKey]
+  }
+  
+  //发送方式
+  if(row.sendingMethod){
+    formData.sendingMethod = formData.sendingMethod.split(',')
+    //formData.sendingMethod = formData.sendingMethod.map((n:any) => n*1)
+  }
+  
+
+  //设备回显
+  if(row.subscriptionDeviceIds){
+    formData.subscriptionDeviceIds = formData.subscriptionDeviceIds.split(',')
+    formData.subscriptionDeviceIds = formData.subscriptionDeviceIds.map((n:any) => n*1)
+  }
+  
+  //通知人回显
+  if(formData.notifierMethod == 3 && row.notifier){
+    formData.notifier = formData.notifier.split(',')
+    formData.notifier = formData.notifier.map((n:any) => n*1)
+  }
+  
+
   modalVisible.value = true
 }
 
@@ -310,6 +534,20 @@ async function handleSubmit() {
     if (typeof submitData.crateTime === 'number') {
       submitData.crateTime = new Date(submitData.crateTime).toISOString().slice(0, 19).replace('T', ' ')
     }
+
+    if(Array.isArray(submitData.sendingMethod)){
+      submitData.sendingMethod = submitData.sendingMethod.join(',')
+    }
+
+    if(Array.isArray(submitData.subscriptionDeviceIds)){
+      submitData.subscriptionDeviceIds = submitData.subscriptionDeviceIds.join(',')
+    }
+
+    if(Array.isArray(submitData.notifier)){
+      submitData.notifier = submitData.notifier.join(',')
+    }
+    
+
     if (submitData.id) {
       await errorNotificationApi.update(submitData)
       message.success('修改成功')
@@ -432,6 +670,7 @@ async function loadDictOptions() {
   } catch {}
 }
 
+
 onMounted(() => {
   loadData()
   loadDictOptions()

src/views/dashboard/index.vue

@@ -4,10 +4,10 @@
       <n-gi :span="19">
         <n-grid x-gap="20">
           <n-gi :span="3" style="padding:10px;border-radius: 10px;box-shadow: 0 0 20px -5px rgba(84, 151, 232, 0.5);background: #fff;">
-            <n-button type="success" style="width: 100%;margin:10px 0 30px;">今天</n-button>
+            <n-button :type="tabindex == 1?'success':'tertiary'" style="width: 100%;margin:10px 0 30px;" @click="gettotal(1)">今天</n-button>
-            <n-button type="tertiary" style="width: 100%; margin-bottom: 30px;">昨天</n-button>
+            <n-button :type="tabindex == 2?'success':'tertiary'" style="width: 100%; margin-bottom: 30px;" @click="gettotal(2)">昨天</n-button>
-            <n-button type="tertiary" style="width: 100%; margin-bottom: 30px;">近7天</n-button>
+            <n-button :type="tabindex == 3?'success':'tertiary'" style="width: 100%; margin-bottom: 30px;" @click="gettotal(3)">近7天</n-button>
-            <n-button type="tertiary" style="width: 100%; margin-bottom: 20px;">近30天</n-button>
+            <n-button :type="tabindex == 4?'success':'tertiary'" style="width: 100%; margin-bottom: 20px;" @click="gettotal(4)">近30天</n-button>
           </n-gi>
           <n-gi :span="21">
 
@@ -22,16 +22,16 @@
                   </div>
 
                   <div style="color: #1890ff;">
-                    <span style="font-size: 36px;font-weight: bold;">890</span>
+                    <span style="font-size: 36px;font-weight: bold;">{{totalobj.totalOrders}}</span>
                     <span style="padding-left: 5px;">单</span>
                   </div>
                   <div style="font-size: 12px;">所选时间范围内全部工单</div>
                 </div>
                 <div style="padding-left: 20px;border-left:1px solid #e1e0e0;">
                   <div>已完成</div>
-                  <div style="padding-bottom: 20px;color: #161718;">260单</div>
+                  <div style="padding-bottom: 20px;color: #161718;">{{totalobj.completedOrders}}单</div>
                   <div>进行中</div>
-                  <div style="color: #161718;">5800单</div>
+                  <div style="color: #161718;">{{ totalobj.inProgressOrders }}单</div>
                 </div>
               </n-gi>
               <n-gi :span="8" style="display: flex;align-items: center;justify-content: space-between;padding:10px;border-radius: 10px;box-shadow: 0 0 20px -5px rgba(84, 151, 232, 0.5);background: #fff;">
@@ -44,16 +44,16 @@
                   </div>
 
                   <div style="color: #0891b2;">
-                    <span style="font-size: 36px;font-weight: bold;">560</span>
+                    <span style="font-size: 36px;font-weight: bold;">{{ totalobj.inProgressOrders }}</span>
                     <span style="padding-left: 5px;">单</span>
                   </div>
-                  <div style="font-size: 12px;">当前正在执行的工单数里</div>
+                  <div style="font-size: 12px;">当前正在执行的工单数量</div>
                 </div>
                 <div style="padding-left: 20px;border-left:1px solid #e1e0e0;">
                   <div>已完成</div>
-                  <div style="padding-bottom: 20px;color: #161718;">260单</div>
+                  <div style="padding-bottom: 20px;color: #161718;">{{totalobj.completedOrders}}单</div>
                   <div>工单完成率</div>
-                  <div style="color: #161718;">68%</div>
+                  <div style="color: #161718;">{{totalobj.achievementRate}}%</div>
                 </div>
               </n-gi>
               <n-gi :span="8" style="display: flex;align-items: center;justify-content: space-between;padding:10px;border-radius: 10px;box-shadow: 0 0 20px -5px rgba(84, 151, 232, 0.5);background: #fff;">
@@ -66,16 +66,16 @@
                     <div style="padding-left: 8px;">工单完成率</div>
                   </div>
                   <div style="color: #18181b;">
-                    <span style="font-size: 36px;font-weight: bold;">65</span>
+                    <span style="font-size: 36px;font-weight: bold;">{{totalobj.achievementRate}}</span>
                     <span style="padding-left: 5px;">%</span>
                   </div>
                   <div style="font-size: 12px;">按工单数量统计的完成比例</div>
                 </div>
                 <div style="padding-left: 20px;border-left:1px solid #e1e0e0;">
                   <div>已结工单</div>
-                  <div style="padding-bottom: 20px;color: #161718;">260单</div>
+                  <div style="padding-bottom: 20px;color: #161718;">{{totalobj.completedOrders}}单</div>
                   <div>工单总数</div>
-                  <div style="color: #161718;">5800单</div>
+                  <div style="color: #161718;">{{totalobj.totalOrders}}单</div>
                 </div>
               </n-gi>
               <n-gi :span="8" style="display: flex;align-items: center;justify-content: space-between;margin-top: 20px;padding:10px;border-radius: 10px;box-shadow: 0 0 20px -5px rgba(84, 151, 232, 0.5);background: #fff;">
@@ -88,16 +88,16 @@
                   </div>
 
                   <div style="color: #15803d;">
-                    <span style="font-size: 36px;font-weight: bold;">560</span>
+                    <span style="font-size: 36px;font-weight: bold;">{{totalobj.completedTotal}}</span>
                     <span style="padding-left: 5px;">件</span>
                   </div>
                   <div style="font-size: 12px;">所选时间范围内合格完工产量</div>
                 </div>
                 <div style="padding-left: 20px;border-left:1px solid #e1e0e0;">
                   <div>产能达成率</div>
-                  <div style="padding-bottom: 20px;color: #161718;">26%</div>
+                  <div style="padding-bottom: 20px;color: #161718;">{{totalobj.rate}}%</div>
                   <div>已结工单</div>
-                  <div style="color: #161718;">46单</div>
+                  <div style="color: #161718;">{{totalobj.completedOrders}}单</div>
                 </div>
               </n-gi>
               <n-gi :span="8" style="display: flex;align-items: center;justify-content: space-between;margin-top: 20px;padding:10px;border-radius: 10px;box-shadow: 0 0 20px -5px rgba(84, 151, 232, 0.5);background: #fff;">
@@ -140,9 +140,9 @@
                 </div>
                 <div style="padding-left: 20px;border-left:1px solid #e1e0e0;">
                   <div>未关闭异常</div>
-                  <div style="padding-bottom: 20px;color: #161718;">0</div>
+                  <div style="padding-bottom: 20px;color: #161718;">{{ totalobj.openexcepttotal }}</div>
                   <div>累计异常</div>
-                  <div style="color: #161718;">75</div>
+                  <div style="color: #161718;">{{totalobj.exceptiontotal}}</div>
                 </div>
               </n-gi>
             </n-grid>
@@ -215,32 +215,83 @@ import {
   LayersOutline,
   DiceOutline,
   ChevronForward,
-  //MenuOutline,
   GitNetworkOutline,
-  GameControllerOutline,
-  //ShieldCheckmarkOutline,
   ListOutline,
   IdCardOutline,
-  // LogoWechat,
+ 
-  // Globe,
-  // Mail,
-  // Star,
-  // Refresh,
-  // DocumentText,
-  // SettingsOutline,
-  // TimerOutline,
-  // ServerOutline,
-  // RocketOutline,
-  // SparklesOutline,
-  // CodeSlashOutline,
-  // CloudOutline,
-  // ChatbubbleOutline
 } from '@vicons/ionicons5'
 
+import { 
+  getorders,
+  getsctotal,
+  getachievement,
+  getquality,
+  getopenquality 
+} from '@/api/dashboard'
 
+function getDateBeforeToday(days:any, format:any = 'YYYY-MM-DD') {
+  const date = new Date()
+  date.setDate(date.getDate() - days)
+  if (format === 'YYYY-MM-DD') {
+    const year = date.getFullYear()
+    const month = String(date.getMonth() + 1).padStart(2, '0')
+    const day = String(date.getDate()).padStart(2, '0')
+    return `${year}-${month}-${day}`
+  }
+  return date;
+}
+
+let tabindex = ref(1)
+let totalobj = ref<any>({})
+let dateRange:any = ''
+function gettotal(index:any) {
+  tabindex.value = index
+  if(index == 1){
+    dateRange = getDateBeforeToday(0)
+  }else if(index == 2){
+    dateRange = getDateBeforeToday(1)
+  }else if(index == 3){
+    dateRange = getDateBeforeToday(7)
+  }else{
+    dateRange = getDateBeforeToday(30)
+  }
+  //getorders()
+  getsctotal({dateRange}).then(rps => {
+    totalobj.value = {
+      ...totalobj.value,
+      ...rps
+    }
+  })
+
+  //产能达成率
+  getachievement({dateRange}).then(rps => {
+    totalobj.value = {
+      ...totalobj.value,
+      ...rps
+    }
+  })
+
+  //累计质检异常
+  getquality({dateRange}).then(rps => {
+    totalobj.value = {
+      ...totalobj.value,
+      exceptiontotal:rps.total
+    }
+  })
+
+  //未关闭异常 
+  getopenquality({dateRange}).then(rps => {
+    totalobj.value = {
+      ...totalobj.value,
+      openexcepttotal:rps.total
+    }
+  })
+}
 
 const router = useRouter()
 
+gettotal(1)
+
 function topage(path:any) {
   router.push(path)
 }

vite.config.ts

@@ -20,8 +20,8 @@ export default defineConfig({
     port: 3000,
     proxy: {
       '/api': {
-        target:'http://192.168.12.12:8888/', //'http://192.168.5.230:8888',
+        //target:'http://192.168.12.230:8888/', //'http://192.168.5.230:8888',
-        //target:'http://192.168.12.4:8888/',
+        target:'http://192.168.12.4:8888/',
         //target:'http://192.168.12.230:8888',
         //target:'http://192.168.5.230:8888',
         //target:'http://192.168.5.232:8888/',