.

.env.local

@@ -4,7 +4,7 @@ NODE_ENV=development
 VITE_DEV=true
 
 # 请求路径
-VITE_BASE_URL='http://127.0.0.1:8011'
+VITE_BASE_URL='http://121.36.17.6:8002'
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持 S3 服务
 VITE_UPLOAD_TYPE=server

package.json

@@ -6,7 +6,7 @@
   "private": false,
   "scripts": {
     "i": "pnpm install",
-    "dev": "vite --mode env.dev",
+    "dev": "vite --mode .env.dev",
     "local": "vite --mode .env.local",
     "prod": "vite --mode .env.prod",
     "dev-server": "vite --mode dev",

src/api/DeliveryWarehouse/LibraryManagement/index.ts

@@ -65,10 +65,10 @@ export const LibraryManagementApi = {
     return await request.delete({url: `/delivery/lqjcxx/delete`, data})
   },
   getLqjcxxByCfid: async (params: any) => {
-    return await request.delete({url: `/delivery/lqjcxx/delete`, params})
+    return await request.get({url: `/delivery/lqjcxx/delete`, params})
   },
   getLqjcxx: async (params: any) => {
-    return await request.delete({url: `/delivery/lqjcxx/get`, params})
+    return await request.get({url: `/delivery/lqjcxx/get`, params})
   },
   getLqjcxxPage: async (data: any) => {
     return await request.post({url: `/delivery/lqjcxx/page`, data})
@@ -87,6 +87,9 @@ export const LibraryManagementApi = {
   getZjxxDetail: async (params: any) => {
     return await request.get({url: `/delivery/zjxx/get`, params})
   },
+  getZjxxPage: async (data: any) => {
+    return await request.get({url: `/delivery/zjxx/page`, data})
+  },
 
   //损益信息
   createSyxxDetail: async (data: any) => {

src/components/UploadFile/src/UploadImgs.vue

@@ -76,7 +76,7 @@ const props = defineProps({
   modelValue: propTypes.oneOfType<string | string[]>([String, Array<String>]).isRequired,
   drag: propTypes.bool.def(true), // 是否支持拖拽上传 ==> 非必传（默认为 true）
   disabled: propTypes.bool.def(false), // 是否禁用上传组件 ==> 非必传（默认为 false）
-  limit: propTypes.number.def(5), // 最大图片上传数 ==> 非必传（默认为 5张）
+  limit: propTypes.number.def(3), // 最大图片上传数 ==> 非必传（默认为 5张）
   fileSize: propTypes.number.def(5), // 图片大小限制 ==> 非必传（默认为 5M）
   fileType: propTypes.array.def(['image/jpeg', 'image/png', 'image/gif']), // 图片类型限制 ==> 非必传（默认为 ["image/jpeg", "image/png", "image/gif"]）
   height: propTypes.string.def('150px'), // 组件高度 ==> 非必传（默认为 150px）

src/views/DeliveryWarehouse/LibraryManagement/Cfxx.vue

@@ -117,14 +117,10 @@ const editFormRef = ref()
  */
 
 const FormRow = ref({})
-const FormTYpe = ref({})
 provide('row', FormRow)
-provide('type', FormTYpe)
-const openForm = (record: CaxxItem) => {
-  // record
+const openForm = async (record: CaxxItem) => {
   editFormRef.value.open('update', record);
   FormRow.value = record
-  FormTYpe.value = 'look'
 }
 const edit = (record: CaxxItem) => {
   Message.warning('')
@@ -243,16 +239,16 @@ onMounted(() => {
           <a-button size="mini" type="outline" @click="openForm(record)">粮情信息</a-button>
         </template>
         <!-- 操作2 -->
-        <template #edit="{ record  }">
-          <a-button style="font-size: 16px" @click="deleteItem(record)">
-            -
-          </a-button>
-        </template>
-        <template #editHeader>
-          <a-button class="" style="font-size: 16px" @click="addItem()">
-            +
-          </a-button>
-        </template>
+<!--        <template #edit="{ record  }">-->
+<!--          <a-button style="font-size: 16px" @click="deleteItem(record)">-->
+<!--            - -->
+<!--          </a-button>-->
+<!--        </template>-->
+<!--        <template #editHeader>-->
+<!--          <a-button class="" style="font-size: 16px" @click="addItem()">-->
+<!--            +-->
+<!--          </a-button>-->
+<!--        </template>-->
 
       </a-table>
     </el-form>

src/views/DeliveryWarehouse/LibraryManagement/compontents/Crkxx.vue

@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import {LibraryManagementApi} from "@/api/DeliveryWarehouse/LibraryManagement";
+
 const queryParams = ref({
   pageNo: 1,
   pageSize: 10
@@ -7,27 +9,43 @@ const list = ref([])
 const loading = ref(true)
 const total = ref(0)
 const row = inject('row')
-console.log(row,'row1111')
-const handleQuery = async (row) => {
-  console.log(row,'wwwww')
-
-  // loading.value = true
+const type = ref('create')
+const handleQuery = async () => {
+  loading.value = true
+  await nextTick();
+  try {
+    const data = await LibraryManagementApi.getCrkxxPage({id: row.value.id, ...queryParams.value})
+    if (data.total > 1 || !data || !data.list) {
+      type.value = 'create'
+    } else {
+      list.value = data.value;
+      total.value = data.value;
+    }
+  } catch (err) {
+    console.error('err', err)
+  } finally {
+    loading.value = false
+  }
 }
-
-watch(() => row.value,(newValue, oldValue)=>{
-  handleQuery(newValue)
-})
 const handleSelectionChange = async (selection: any) => {
   console.log(selection)
 }
 const handleRow = async (row: any) => {
-  // loading.value = true
+  console.log(row)
 }
-const openFilesForm = (row: any, type: number) => {
+const openFilesForm = (row: any) => {
   console.log(row)
-  console.log(type)
 }
 
+const createCrkxx = async () =>{
+
+}
+const updateCrkxx = async (row:any) =>{
+  console.log(row,'row')
+}
+onMounted(async () => {
+  await handleQuery()
+})
 </script>
 <template>
   <div>

src/views/DeliveryWarehouse/LibraryManagement/compontents/Form.vue

@@ -2,62 +2,18 @@
 import {ref} from "vue";
 import MyRadio from "@/components/MyRadio/index.vue";
 import MyRadioItem from "@/components/MyRadio/MyRadioItem.vue";
-import {AdministrativeDivisionApi} from "@/api/system/administrativeDivision";
 import Hwkxx from "@/views/DeliveryWarehouse/LibraryManagement/compontents/Hwkxx.vue";
 import Crkxx from "@/views/DeliveryWarehouse/LibraryManagement/compontents/Crkxx.vue";
 import Lqjcxx from "@/views/DeliveryWarehouse/LibraryManagement/compontents/Lqjcxx.vue";
 import Syxx from "@/views/DeliveryWarehouse/LibraryManagement/compontents/Syxx.vue";
 import Zjxx from "@/views/DeliveryWarehouse/LibraryManagement/compontents/Zjxx.vue";
-
 const dialogVisible = ref(false)
-const formLoading = ref(false)
-const formType = ref('');
 const active = ref('货位卡信息')
-const shengList = ref([])
-// eslint-disable-next-line vue/require-prop-types
-const props = defineProps({
-  row: {
-    type: Object,
-    default: () => {
-      return {}
-    }
-  },
-  type: {
-    type: String,
-    default: 'look'
-  }
-})
-const HwkSaveReq = ref({})
-const CrkxxSaveReq = ref({})
-const LqjcxxSaveReq = ref({})
-const ZjxxSaveReq = ref({})
-const SyxxSaveReq = ref({})
-
-
-const HwkSaveReqRules = ref({})
-const CrkxxSaveReqRules = ref({})
-const LqjcxxSaveReqRules = ref({})
-const ZjxxSaveReqRules = ref({})
-const SyxxSaveReqRules = ref({})
-const submitForm = async () => {
-  Message.warning('')
-}
-
 
-const open = (type: string, row?: any) => {
+const open = () => {
   dialogVisible.value = true;
-
-}
-const getDivision = async (areaCode?: string) => {
-  try {
-    return await AdministrativeDivisionApi.getList({areaCode})
-  } catch (err) {
-    throw err
-  }
 }
-onMounted(async () => {
-  shengList.value = await getDivision()
-})
+
 defineExpose({open})
 </script>
 
@@ -94,22 +50,12 @@ defineExpose({open})
         </my-radio-item>
       </MyRadio>
     </template>
+
     <Hwkxx v-show="active == '货位卡信息' "/>
     <Crkxx v-show="active == '出入库信息' "/>
     <Lqjcxx v-show="active == '粮情检测信息' "/>
     <Zjxx v-show="active == '质检信息' "/>
     <Syxx v-show="active == '损益信息' "/>
-    <!--    <template #footer>-->
-    <!--      <el-button-->
-    <!--        :disabled="formLoading"-->
-    <!--        type="primary" @click="submitForm"> 确 定-->
-    <!--      </el-button>-->
-    <!--      <el-button-->
-    <!--        :disabled="formLoading"-->
-    <!--        plain type="primary" @click="resetForm"> 清 空-->
-    <!--      </el-button>-->
-    <!--      <el-button @click="dialogVisible = false">取 消</el-button>-->
-    <!--    </template>-->
   </Dialog>
 </template>
 

src/views/DeliveryWarehouse/LibraryManagement/compontents/Hwkxx.vue

@@ -1,104 +1,168 @@
 <script lang="ts" setup>
 import {getStrDictOptions} from "@/utils/dict";
+import {LibraryManagementApi} from "@/api/DeliveryWarehouse/LibraryManagement";
+import {AdministrativeDivisionApi} from "@/api/system/administrativeDivision";
 
 const HwkSaveReq = ref({});
 const HwkSaveReqRules = ref([]);
 const shengList = ref([]);
 const formRef1 = ref();
+const formLoading = ref(false);
 
-const getHwkSaveReq = () => {
-  return HwkSaveReq.value;
+const getHwk = async (id: string) => {
+  const data = await LibraryManagementApi.getHwk({id: id});
+  if (data) {
+    HwkSaveReq.value = data;
+    type.value = 'update'
+  } else {
+    type.value = 'create'
+  }
 }
+const row = inject('row')
+const type = ref('create')
 
-defineExpose({
-  getHwkSaveReq
+const createHwk = async () => {
+  try {
+    formLoading.value = true
+    await nextTick();
+    await LibraryManagementApi.createHwkDetail({cfId: row?.value?.id, ...HwkSaveReq.value})
+  } catch (err) {
+    console.error('err', err)
+  } finally {
+    formLoading.value = false
+  }
+
+}
+const updateHwk = async () => {
+  try {
+    formLoading.value = true
+    await nextTick();
+    await LibraryManagementApi.updateHwkDetail({cfId: row?.value?.id, ...HwkSaveReq.value})
+  } catch (err) {
+    console.error('err', err)
+  } finally {
+    formLoading.value = false
+  }
+}
+
+interface DivisionItem {
+  id: number | string
+  areaCode: string // 区域代码
+  areaName: string // 区域名称
+}
+
+const getDivision = async (areaCode?: string): Promise<DivisionItem[]> => {
+  try {
+    return await AdministrativeDivisionApi.getList({areaCode})
+  } catch (err) {
+    throw err
+  }
+}
+onMounted(async () => {
+  await getHwk(row.value.id)
+  shengList.value = await getDivision()
 })
 </script>
 
 <template>
-  <el-form
-    ref="formRef1" :model="HwkSaveReq"
-    :rules="HwkSaveReqRules" label-width="130">
-    <el-row>
-      <el-col :span="12">
-        <el-form-item label="货位名称">
-          <el-input v-model="HwkSaveReq.hwmc"/>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="保管员">
-          <el-input v-model="HwkSaveReq.bgyxm"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="12">
-        <el-form-item label="粮食品种">
-          <el-input v-model="HwkSaveReq.lspzmc"/>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="粮食等级">
-          <el-select v-model="HwkSaveReq.lsdjbm">
-            <el-option
-              v-for="item in getStrDictOptions('system_lsdj')" :key="item.value"
-              :label="item.label" :value="item.value"/>
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="12">
-        <el-form-item label="收获年度">
-          <el-select v-model="HwkSaveReq.shnd">
-            <el-option label="2020" value="2020"/>
-            <el-option label="2021" value="2021"/>
-            <el-option label="2022" value="2022"/>
-            <el-option label="2023" value="2023"/>
-            <el-option label="2024" value="2024"/>
-            <el-option label="2025" value="2025"/>
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="产地">
-          <el-select v-model="HwkSaveReq.cdbm">
-            <el-option
-              v-for="item in shengList" :key="item.id" :label="item.areaName"
-              :value="item.areaCode"/>
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="12">
-        <el-form-item label="实际数量（吨）">
-          <el-input v-model="HwkSaveReq.sjsl"/>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="计价数量（吨）">
-          <el-input v-model="HwkSaveReq.jjsl"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="12">
-        <el-form-item label="入库时间">
-          <el-date-picker v-model="HwkSaveReq.rksj"/>
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="保管方式">
-          <el-select v-model="HwkSaveReq.bgfs">
-            <el-option
-              v-for="item in getStrDictOptions('system_bgfs')" :key="item.value"
-              :label="item.label" :value="item.value"/>
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
+  <div class="p-10px">
+    <el-form
+      ref="formRef1" :model="HwkSaveReq"
+      :rules="HwkSaveReqRules" label-width="130">
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="货位名称">
+            <el-input v-model="HwkSaveReq.hwmc"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="保管员">
+            <el-input v-model="HwkSaveReq.bgyxm"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="粮食品种">
+            <el-input v-model="HwkSaveReq.lspzmc"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="粮食等级">
+            <el-select v-model="HwkSaveReq.lsdjbm">
+              <el-option
+                v-for="item in getStrDictOptions('system_lsdj')" :key="item.value"
+                :label="item.label" :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="收获年度">
+            <el-select v-model="HwkSaveReq.shnd">
+              <el-option label="2020" value="2020"/>
+              <el-option label="2021" value="2021"/>
+              <el-option label="2022" value="2022"/>
+              <el-option label="2023" value="2023"/>
+              <el-option label="2024" value="2024"/>
+              <el-option label="2025" value="2025"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="产地">
+            <el-select v-model="HwkSaveReq.cdbm">
+              <el-option
+                v-for="item in shengList" :key="item.id" :label="item.areaName"
+                :value="item.areaCode"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="实际数量（吨）">
+            <el-input v-model="HwkSaveReq.sjsl"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="计价数量（吨）">
+            <el-input v-model="HwkSaveReq.jjsl"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="入库时间">
+            <el-date-picker style="width: 100%" v-model="HwkSaveReq.rksj"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="保管方式">
+            <el-select v-model="HwkSaveReq.bgfs">
+              <el-option
+                v-for="item in getStrDictOptions('system_bgfs')" :key="item.value"
+                :label="item.label" :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-divider/>
+    <div class="flex justify-end">
+      <el-button
+        v-show="type == 'create'" type="primary" :disabled="formLoading"
+        @click="createHwk">新增
+      </el-button>
+      <el-button
+        v-show="type == 'update'" type="primary" :disabled="formLoading"
+        @click="updateHwk">更新
+      </el-button>
+    </div>
+
+  </div>
+
 
 </template>
 

src/views/DeliveryWarehouse/LibraryManagement/compontents/Lqjcxx.vue

@@ -1,11 +1,129 @@
-<script setup lang="ts">
+<script lang="ts" setup>
+import {LibraryManagementApi} from "@/api/DeliveryWarehouse/LibraryManagement";
 
+const LqxxSaveReq = ref({});
+const LqxxSaveReqRules = ref([]);
+const formRef1 = ref();
+const formLoading = ref(false);
+
+const getLqxx = async (id: string) => {
+  const data = await LibraryManagementApi.getLqjcxxByCfid({id: id});
+  if (data) {
+    LqxxSaveReq.value = data;
+    type.value = 'update'
+  } else {
+    type.value = 'create'
+  }
+}
+const row = inject('row')
+const type = ref('create')
+
+const createLqxx = async () => {
+  try {
+    formLoading.value = true
+    await nextTick();
+    await LibraryManagementApi.createLqjcxxDetail({cfId: row?.value?.id, ...LqxxSaveReq.value})
+  } catch (err) {
+    console.error('err', err)
+  } finally {
+    formLoading.value = false
+  }
+
+}
+const updateLqxx = async () => {
+  try {
+    formLoading.value = true
+    await nextTick();
+    await LibraryManagementApi.updateLqjcxxDetail({cfId: row?.value?.id, ...LqxxSaveReq.value})
+  } catch (err) {
+    console.error('err', err)
+  } finally {
+    formLoading.value = false
+  }
+}
+
+
+onMounted(async () => {
+  await getLqxx(row.value.id)
+
+})
 </script>
 
 <template>
-<div>12</div>
+  <div class="p-10px">
+    <el-form
+      ref="formRef1" :model="LqxxSaveReq"
+      :rules="LqxxSaveReqRules" label-width="130">
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="仓房外温（℃）">
+            <el-input v-model="LqxxSaveReq.cfww"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="仓房外湿度（%）">
+            <el-input v-model="LqxxSaveReq.cfww"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="仓房内温（℃）">
+            <el-input v-model="LqxxSaveReq.cfww"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="仓房内湿（%）">
+            <el-input v-model="LqxxSaveReq.cfww"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="粮食最高温（℃）">
+            <el-input v-model="LqxxSaveReq.cfww"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="粮食最低温（℃）">
+            <el-input v-model="LqxxSaveReq.cfww"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="粮食平均温（℃）">
+            <el-input v-model="LqxxSaveReq.cfww"/>
+          </el-form-item>
+        </el-col>
+
+      </el-row>
+      <el-row>
+
+        <el-col :span="12">
+          <el-form-item label="附件">
+            <UploadImgs v-model="LqxxSaveReq.fileIds"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <el-divider/>
+    <div class="flex justify-end">
+      <el-button
+        v-show="type == 'create'" type="primary" :disabled="formLoading"
+        @click="createLqxx">新增
+      </el-button>
+      <el-button
+        v-show="type == 'update'" type="primary" :disabled="formLoading"
+        @click="updateLqxx">更新
+      </el-button>
+    </div>
+
+  </div>
+
+
 </template>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 
 </style>

src/views/DeliveryWarehouse/LibraryManagement/compontents/Zjxx.vue

@@ -1,11 +1,100 @@
-<script setup lang="ts">
+<script lang="ts" setup>
+import {LibraryManagementApi} from "@/api/DeliveryWarehouse/LibraryManagement";
 
-</script>
+const queryParams = ref({
+  pageNo: 1,
+  pageSize: 10
+})
+const list = ref([])
+const loading = ref(true)
+const total = ref(0)
+const row = inject('row')
+const type = ref('create')
+const handleQuery = async () => {
+  loading.value = true
+  await nextTick();
+  try {
+    const data = await LibraryManagementApi.getZjxxPage({id: row.value.id, ...queryParams.value})
+    if (data.total > 1 || !data || !data.list) {
+      type.value = 'create'
+    } else {
+      list.value = data.value;
+      total.value = data.value;
+    }
+  } catch (err) {
+    console.error('err', err)
+  } finally {
+    loading.value = false
+  }
+}
+const handleSelectionChange = async (selection: any) => {
+  console.log(selection)
+}
+const handleRow = async (row: any) => {
+  console.log(row)
+}
+const openFilesForm = (row: any) => {
+  console.log(row)
+}
+
+const createZjxx = async () => {
 
+}
+const updateZjxx = async (row: any) => {
+  console.log(row, 'row')
+}
+onMounted(async () => {
+  await handleQuery()
+})
+</script>
 <template>
-  <div>1112</div>
+  <div>
+    <el-table
+      v-loading="loading"
+      :border="true"
+      :data="list"
+      :header-cell-style="{
+            background: 'var(--table-header-bg-color) ', color: 'var(--table-header-text-color)', height: 'var(--table-header-height)'
+           }"
+      show-overflow-tooltip
+      tooltip-effect="dark"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column align="center" fixed="left" label="序号" min-width="60" type="index"/>
+      <el-table-column align="center" label="检测类型" min-width="100" prop="rmsj"/>
+      <el-table-column align="center" label="检测时间" min-width="100" prop="lspzmc"/>
+      <el-table-column align="center" label="粮食品种" min-width="100" prop="lsdjbm"/>
+      <el-table-column align="center" label="粮食等级" min-width="180" prop="jz"/>
+      <el-table-column align="center" label="检测人员姓名" min-width="180" prop="cch"/>
+      <el-table-column align="center" label="粮食安全指标是否合格" min-width="180" prop="cch"/>
+      <el-table-column align="center" label="粮食安全指标是否合格" min-width="180" prop="cch"/>
+      <el-table-column align="center" label="附件（个）" min-width="120" prop="fileIds">
+        <template #default="scope">
+          <div
+            class="w-full color-[var(--el-color-primary)] cursor-pointer"
+            @click="openFilesForm(scope.row)"> {{ scope.row?.fileIds?.length }}
+          </div>
+        </template>
+      </el-table-column>
+<!--      <el-table-column align="center" label="操作" min-width="120" prop="lxdh">-->
+<!--        <template #default="scope">-->
+<!--          <div-->
+<!--            class="w-full color-[var(&#45;&#45;el-color-primary)] cursor-pointer"-->
+<!--            @click="handleRow(scope.row)">详情-->
+<!--          </div>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+    </el-table>
+    <Pagination
+      v-model:limit="queryParams.pageSize"
+      v-model:page="queryParams.pageNo"
+      :total="total"
+      @pagination="handleQuery"
+    />
+  </div>
+
 </template>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 
 </style>