From b10d61337f207fbdbea2c44f4f270d83c845cbf9 Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期五, 29 十一月 2024 13:28:06 +0800
Subject: [PATCH] 检查类型  条码显示控制

---
 src/views/ecg/devmanage/index.vue |  295 ++++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 212 insertions(+), 83 deletions(-)

diff --git a/src/views/ecg/devmanage/index.vue b/src/views/ecg/devmanage/index.vue
index 42bffdc..8229feb 100644
--- a/src/views/ecg/devmanage/index.vue
+++ b/src/views/ecg/devmanage/index.vue
@@ -2,67 +2,112 @@
   <ContentWrap>
     <!-- 鎼滅储宸ヤ綔鏍� -->
     <el-form
-      class="-mb-15px"
-      :model="queryParams"
-      ref="queryFormRef"
-      :inline="true"
-      label-width="68px"
+        class="-mb-15px"
+        :model="queryParams"
+        ref="queryFormRef"
+        :inline="true"
+        label-width="68px"
     >
-      <el-form-item label="鍒嗙被鍚�" prop="category">
-        <el-input
-          v-model="queryParams.category"
-          placeholder="璇疯緭鍏ュ垎绫诲悕"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
+      <el-form-item label="閲囪喘鏃ユ湡" prop="purchaseDate">
+        <el-date-picker
+            v-model="queryParams.purchaseDate"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            type="daterange"
+            start-placeholder="寮�濮嬫棩鏈�"
+            end-placeholder="缁撴潫鏃ユ湡"
+            :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+            class="!w-220px"
         />
+      </el-form-item>
+      <el-form-item label="璁惧缂栧彿" prop="devId">
+        <el-input
+            v-model="queryParams.devId"
+            placeholder="璇疯緭鍏ヨ澶囩紪鍙�"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-240px"
+        />
+      </el-form-item>
+      <el-form-item label="鐘舵��" prop="state">
+        <el-select
+            v-model="queryParams.state"
+            multiple
+            placeholder="璇烽�夋嫨鐘舵��"
+            clearable
+            class="!w-240px"
+        >
+          <el-option
+              v-for="dict in DevStateOptions"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="鍒嗙被鍚�" prop="category">
+        <el-select
+            v-model="queryParams.category"
+            placeholder="璇烽�夋嫨鍒嗙被鍚�"
+            clearable
+            class="!w-240px"
+            @change="categoryChanged"
+        >
+          <el-option
+              v-for="dict in categoryOptions"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="鍝佺墝" prop="brand">
-        <el-input
-          v-model="queryParams.brand"
-          placeholder="璇疯緭鍏ュ搧鐗�"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+        <el-select
+            v-model="queryParams.brand"
+            placeholder="璇烽�夋嫨鍝佺墝"
+            clearable
+            class="!w-240px"
+            @change="brandChanged"
+        >
+          <el-option
+              v-for="dict in brandOptions"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="鍨嬪彿" prop="model">
-        <el-input
-          v-model="queryParams.model"
-          placeholder="璇疯緭鍏ュ瀷鍙�"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="鍒涘缓鏃堕棿" prop="createTime">
-        <el-date-picker
-          v-model="queryParams.createTime"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="寮�濮嬫棩鏈�"
-          end-placeholder="缁撴潫鏃ユ湡"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-220px"
-        />
+        <el-select
+            v-model="queryParams.model"
+            placeholder="璇烽�夋嫨鍨嬪彿"
+            clearable
+            class="!w-240px"
+        >
+          <el-option
+              v-for="dict in modelOptions"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 鎼滅储</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 閲嶇疆</el-button>
         <el-button
-          type="primary"
-          plain
-          @click="openForm('create')"
-          v-hasPermi="['ecg:dev-model:create']"
+            type="primary"
+            plain
+            @click="openForm('create')"
+            v-hasPermi="['ecg:device:create']"
         >
           <Icon icon="ep:plus" class="mr-5px" /> 鏂板
         </el-button>
         <el-button
-          type="success"
-          plain
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['ecg:dev-model:export']"
+            type="success"
+            plain
+            @click="handleExport"
+            :loading="exportLoading"
+            v-hasPermi="['ecg:device:export']"
         >
           <Icon icon="ep:download" class="mr-5px" /> 瀵煎嚭
         </el-button>
@@ -73,32 +118,75 @@
   <!-- 鍒楄〃 -->
   <ContentWrap>
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
-      <el-table-column label="id" align="center" prop="id" />
-      <el-table-column label="鍒嗙被鍚�" align="center" prop="category" />
-      <el-table-column label="鍝佺墝" align="center" prop="brand" />
-      <el-table-column label="鍨嬪彿" align="center" prop="model" />
-      <el-table-column
-        label="鍒涘缓鏃堕棿"
-        align="center"
-        prop="createTime"
-        :formatter="dateFormatter"
-        width="180px"
-      />
+      <!--      <el-table-column label="id" align="center" prop="id" />-->
+      <el-table-column label="璁惧缂栧彿" align="center" prop="devId" width="100px" />
+      <el-table-column label="鍒嗙被" align="center" prop="category" width="60px">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.ECG_DEV_CATEGORY" :value="scope.row.category" />
+        </template>
+      </el-table-column>
+      <el-table-column label="鍝佺墝" align="center" prop="brand" width="100px">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.ECG_DEV_BRAND" :value="scope.row.brand" />
+        </template>
+      </el-table-column>
+      <el-table-column label="鍨嬪彿" align="center" prop="model" width="100px"/>
+      <el-table-column label="鐘舵��" align="center" prop="lost" width="80px">
+        <template #default="scope">
+          <span>{{tranlateDevState(scope.row.state)}}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="鎮h��" align="center" prop="patDetails" width="400px">
+        <template #default="scope">
+          <span>{{scope.row.patDetails?.name}} {{scope.row.patDetails?.mobile}} {{scope.row.patDetails?.wardDesc}} {{scope.row.patDetails?.bedNo}}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="鐘舵�佹棩鏈�" align="center" prop="stateDate" :formatter="dateFormatter2" width="120px"/>
+      <el-table-column label="閲囪喘鏃ユ湡" align="center" prop="purchaseDate" :formatter="dateFormatter2" width="120px"/>
+
+      <!--
+            <el-table-column
+                label="鍒涘缓鏃堕棿"
+                align="center"
+                prop="createTime"
+                :formatter="dateFormatter2"
+                width="180px"
+            />
+      -->
       <el-table-column label="鎿嶄綔" align="center" min-width="120px">
         <template #default="scope">
           <el-button
-            link
-            type="primary"
-            @click="openForm('update', scope.row.id)"
-            v-hasPermi="['ecg:dev-model:update']"
+              link
+              type="primary"
+              @click="showPatient(scope.row.rentId)"
+              v-hasPermi="['ecg:device:update']"
+              v-if= scope.row.rentId
+          >
+            鏌ユ偅鑰�
+          </el-button>
+          <el-button
+              link
+              type="primary"
+              @click="openForm('update', scope.row.id)"
+              v-hasPermi="['ecg:device:update']"
           >
             缂栬緫
           </el-button>
           <el-button
-            link
-            type="danger"
-            @click="handleDelete(scope.row.id)"
-            v-hasPermi="['ecg:dev-model:delete']"
+              link
+              type="primary"
+              @click="openForm('devState', scope.row.id)"
+              v-hasPermi="['ecg:device:update']"
+          >
+            鏀圭姸鎬�
+          </el-button>
+          <el-button
+              link
+              type="danger"
+              @click="handleDelete(scope.row.id)"
+              v-hasPermi="['ecg:device:delete']"
           >
             鍒犻櫎
           </el-button>
@@ -107,48 +195,59 @@
     </el-table>
     <!-- 鍒嗛〉 -->
     <Pagination
-      :total="total"
-      v-model:page="queryParams.pageNo"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
+        :total="total"
+        v-model:page="queryParams.pageNo"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
     />
   </ContentWrap>
 
   <!-- 琛ㄥ崟寮圭獥锛氭坊鍔�/淇敼 -->
-  <DevModelForm ref="formRef" @success="getList" />
+  <DeviceForm ref="formRef" @success="getList" />
 </template>
 
 <script setup lang="ts">
-import { dateFormatter } from '@/utils/formatTime'
+import { ElMessageBox } from 'element-plus'
+import {getStrDictOptions, DICT_TYPE, DictDataType} from '@/utils/dict'
+import {dateFormatter2} from '@/utils/formatTime'
+import {DevStateOptions, tranlateDevState} from "@/utils/statusFormatter";
 import download from '@/utils/download'
-import { DevModelApi, DevModelVO } from '@/api/ecg/devmanage'
-import DevModelForm from './DevModelForm.vue'
+import {DeviceApi, DeviceVO, DevModelApi, OptionsVO} from '@/api/ecg/devmanage'
+import DeviceForm from './DeviceForm.vue'
+import {DevRentApi} from "@/api/ecg/devrent";
 
-/** 璁惧鍨嬪彿 鍒楄〃 */
-defineOptions({ name: 'DevModel' })
+/** 璁惧 鍒楄〃 */
+defineOptions({ name: 'Device' })
 
 const message = useMessage() // 娑堟伅寮圭獥
 const { t } = useI18n() // 鍥介檯鍖�
 
 const loading = ref(true) // 鍒楄〃鐨勫姞杞戒腑
-const list = ref<DevModelVO[]>([]) // 鍒楄〃鐨勬暟鎹�
+const list = ref<DeviceVO[]>([]) // 鍒楄〃鐨勬暟鎹�
 const total = ref(0) // 鍒楄〃鐨勬�婚〉鏁�
 const queryParams = reactive({
   pageNo: 1,
   pageSize: 10,
+  purchaseDate: [],
+  createTime: [],
+  devId: undefined,
+  state: [],
   category: undefined,
   brand: undefined,
-  model: undefined,
-  createTime: []
+  model: undefined
 })
 const queryFormRef = ref() // 鎼滅储鐨勮〃鍗�
 const exportLoading = ref(false) // 瀵煎嚭鐨勫姞杞戒腑
+
+const categoryOptions = ref<DictDataType[]>([])
+const brandOptions = ref<OptionsVO[]>([])
+const modelOptions = ref<OptionsVO[]>([])
 
 /** 鏌ヨ鍒楄〃 */
 const getList = async () => {
   loading.value = true
   try {
-    const data = await DevModelApi.getDevModelPage(queryParams)
+    const data = await DeviceApi.getDevicePage(queryParams)
     list.value = data.list
     total.value = data.total
   } finally {
@@ -168,6 +267,13 @@
   handleQuery()
 }
 
+const showPatient = async (rentId: number) => {
+  if (!rentId) return
+
+  const devRent = await DevRentApi.getDevRent(rentId)
+  ElMessageBox.alert(devRent.patName + " " + devRent.patDetails, '鎮h�呬俊鎭�');
+}
+
 /** 娣诲姞/淇敼鎿嶄綔 */
 const formRef = ref()
 const openForm = (type: string, id?: number) => {
@@ -180,7 +286,7 @@
     // 鍒犻櫎鐨勪簩娆$‘璁�
     await message.delConfirm()
     // 鍙戣捣鍒犻櫎
-    await DevModelApi.deleteDevModel(id)
+    await DeviceApi.deleteDevice(id)
     message.success(t('common.delSuccess'))
     // 鍒锋柊鍒楄〃
     await getList()
@@ -194,16 +300,39 @@
     await message.exportConfirm()
     // 鍙戣捣瀵煎嚭
     exportLoading.value = true
-    const data = await DevModelApi.exportDevModel(queryParams)
-    download.excel(data, '璁惧鍨嬪彿.xls')
+    const data = await DeviceApi.exportDevice(queryParams)
+    download.excel(data, '璁惧.xls')
   } catch {
   } finally {
     exportLoading.value = false
   }
 }
 
+const categoryChanged = async () => {
+  const data = await DevModelApi.getBrandOption(queryParams.category!)
+  brandOptions.value = data
+
+  queryParams.brand = ''
+  queryParams.model = ''
+
+  //queryParams.brand = brandOptions.value.length === 0 ? "" : brandOptions.value[0].value
+  //brandChanged()
+}
+
+const brandChanged = async () => {
+  const data = await DevModelApi.getModelOption(queryParams.category!, queryParams.brand!)
+  modelOptions.value = data
+
+  queryParams.model = ''
+
+  //queryParams.model = modelOptions.value.length === 0 ? "" : modelOptions.value[0].value
+}
+
 /** 鍒濆鍖� **/
-onMounted(() => {
+onMounted( async () => {
+  const data = await getStrDictOptions(DICT_TYPE.ECG_DEV_CATEGORY)
+  categoryOptions.value = data
+
   getList()
 })
 </script>
\ No newline at end of file

--
Gitblit v1.9.3