综合查询

src/views/DeliveryWarehouse/ComprehensiveQuery/index.vue

@@ -0,0 +1,421 @@
+<script lang="ts" setup>
+import { onMounted, ref, watch } from 'vue'
+import { AdministrativeDivisionApi } from '@/api/system/administrativeDivision'
+import { DetermineDeliveryWarehouseApi } from '@/api/DeliveryWarehouse/DetermineDeliveryWarehouse'
+import DeliveryWarehouseSelectFrom from '@/views/DeliveryWarehouse/compontents/Form.vue'
+import AddFinancialInformationForm from '@/views/DeliveryWarehouse/compontents/AddFinancialInformationForm.vue'
+import { DeliveryWarehouseListApi } from '@/api/DeliveryWarehouse/DeliveryWarehouseList'
+import download from '@/utils/download'
+
+// 接口定义
+interface QueryParams {
+  pageNo: number
+  pageSize: number
+  dwmc?: string // 企业名称
+  kqmc?: string // 库区名称
+  yhmc?: string // 银行名称
+  shengCode?: string | undefined // 省份编码
+  shiCode?: string | undefined // 市区编码
+  xianCode?: string | undefined // 县区编码
+}
+
+interface TableItem {
+  sheng: string // 省份
+  shi: string // 市区
+  xian: string // 县区
+  dwmc: string // 企业名称
+  kqmc: string // 库区名称
+  kqfzr: string // 库区联系人
+  cfsl: string // 仓房数量
+  cfzcr: string // 仓房总仓容
+  zzc: string // 总资产（万元）
+  sndjlr: string // 上一年度净利润（万元）
+  cfzt: string // 仓房状态
+}
+
+interface AreaOption {
+  id: number | string
+  areaCode: number | string
+  areaName: string
+}
+
+interface CfOption {
+  value: number | string
+  label: string
+}
+
+// 查询参数
+const queryParams = ref<QueryParams>({
+  pageNo: 1,
+  pageSize: 10
+})
+// 自定义仓房状态
+const cfztOption = ref<CfOption[]>([
+  {
+    value: '0',
+    label: '全部'
+  },
+  {
+    value: '1',
+    label: '国家备选'
+  },
+  {
+    value: '2',
+    label: '省级备选'
+  },
+  {
+    value: '3',
+    label: '银行认定'
+  },
+  {
+    value: '4',
+    label: '贷款人选定'
+  },
+  {
+    value: '5',
+    label: '粮食入库'
+  },
+  {
+    value: '6',
+    label: '粮食出清'
+  }
+])
+
+// 组件状态
+const loading = ref(false)
+const queryFormRef = ref()
+const refForm = ref()
+
+// 表格数据
+const listCopy = ref<TableItem[]>([
+  {
+    sheng: '天津市',
+    shi: '天津',
+    xian: '宝坻区',
+    dwmc: '天津利达粮油储运有限公司',
+    kqmc: '天津利达粮油库',
+    kqfzr: '张继孝',
+    cfsl: '1',
+    cfzcr: '23',
+    zzc: '400',
+    sndjlr: '300',
+    cfzt: '国家备选'
+  },
+  {
+    sheng: '河南省',
+    shi: '洛阳市',
+    xian: '牡丹区',
+    dwmc: '洛阳粮仓直属公司',
+    kqmc: '洛阳粮仓直属库',
+    kqfzr: '董加思',
+    cfsl: '1',
+    cfzcr: '23',
+    zzc: '400',
+    sndjlr: '300',
+    cfzt: '省级备选'
+  },
+  {
+    sheng: '黑龙江省',
+    shi: '哈尔滨',
+    xian: '南岗区',
+    dwmc: '黑龙江直属公司',
+    kqmc: '黑龙江直属库',
+    kqfzr: '李福海',
+    cfsl: '1',
+    cfzcr: '23',
+    zzc: '400',
+    sndjlr: '300',
+    cfzt: '银行认定'
+  },
+  {
+    sheng: '辽宁省',
+    shi: '沈阳市',
+    xian: '铁西区',
+    dwmc: '辽宁直属公司',
+    kqmc: '辽宁直属库',
+    kqfzr: '张民',
+    cfsl: '1',
+    cfzcr: '23',
+    zzc: '400',
+    sndjlr: '300',
+    cfzt: '贷款人选定'
+  },
+  {
+    sheng: '四川省',
+    shi: '广安市',
+    xian: '华蓥市',
+    dwmc: '四川华蓥铜堡省粮食储备库',
+    kqmc: '四川华蓥铜堡省粮食储备库高兴主库',
+    kqfzr: '成云松',
+    cfsl: '1',
+    cfzcr: '23',
+    zzc: '400',
+    sndjlr: '300',
+    cfzt: '粮食入库'
+  },
+  {
+    sheng: '陕西省',
+    shi: '咸阳市',
+    xian: '秦都区',
+    dwmc: '咸阳秦储粮粮油仓储有限公司',
+    kqmc: '咸阳秦储粮粮油仓储有限公司',
+    kqfzr: '余涛',
+    cfsl: '1',
+    cfzcr: '23',
+    zzc: '400',
+    sndjlr: '300',
+    cfzt: '粮食出清'
+  }
+])
+const list = ref<TableItem[]>([])
+const total = ref(0)
+
+// 行政区划数据
+const shengList = ref<AreaOption[]>([])
+const shiList = ref<AreaOption[]>([])
+const xianList = ref<AreaOption[]>([])
+
+/**
+ * 查询列表数据
+ */
+const handleQuery = async () => {
+  list.value = listCopy.value
+}
+
+/**
+ * 重置查询条件
+ */
+const resetQuery = () => {
+  queryParams.value.pageNo = 1
+  queryFormRef.value?.resetFields()
+  handleQuery()
+}
+
+/**
+ * 退回库区
+ * @description 退回库区并更新表格数据
+ */
+const selectRows = ref<any[]>([])
+const handleSelectionChange = (selection: any) => {
+  selectRows.value = selection
+}
+const handleBack = async () => {
+  return
+  if (selectRows.value.length < 1) {
+    Message.warning('请选择要退回的库区')
+    return
+  }
+  try {
+    await ElMessageBox.confirm('确认要退回的所选的库区？', '提示', {
+      confirmButtonText: '确 认',
+      cancelButtonText: '取 消'
+    })
+    await DeliveryWarehouseListApi.revertKqxx({ ids: selectRows.value.map((item) => item.kqId) })
+    await handleQuery()
+  } catch (err) {
+    console.error(err)
+  } finally {
+  }
+}
+/**
+ * 导出Excel
+ */
+const handleExport = async () => {
+  return
+  // TODO: 实现数据导出
+  try {
+    const excel = await DetermineDeliveryWarehouseApi.exportExcel(queryParams.value)
+    download.excel(excel, '认定交收库列表.xls')
+  } catch (err) {
+    console.error(err)
+  } finally {
+  }
+}
+/**
+ * 获取行政区划数据
+ */
+const getDivision = async (areaCode?: string) => {
+  try {
+    return await AdministrativeDivisionApi.getList({ areaCode })
+  } catch (err) {
+    throw err
+  }
+}
+
+/**
+ * 打开表单
+ */
+const openForm = (type: string, row: any) => {
+  refForm.value?.open(type, row)
+}
+const refAddFinancialInformationForm = ref()
+// 获取库区财务信息详情
+const openCwxxForm = (row: any) => {
+  refAddFinancialInformationForm.value.open('create', row)
+}
+// 监听省份变化
+watch(
+  () => queryParams.value.shengCode,
+  async (newValue) => {
+    queryParams.value.shiCode = ''
+    queryParams.value.xianCode = ''
+    if (newValue) {
+      shiList.value = await getDivision(newValue)
+    } else {
+      shiList.value = []
+    }
+  }
+)
+
+// 监听市区变化
+watch(
+  () => queryParams.value.shiCode,
+  async (newValue) => {
+    queryParams.value.xianCode = ''
+    if (newValue) {
+      xianList.value = await getDivision(newValue)
+    } else {
+      xianList.value = []
+    }
+  }
+)
+
+// 初始化加载
+onMounted(async () => {
+  shengList.value = await getDivision()
+  await handleQuery()
+})
+</script>
+
+<template>
+  <div class="form-card">
+    <el-form
+      ref="queryFormRef"
+      :inline="true"
+      :model="queryParams"
+      class="-mb-15px"
+      label-width="68px"
+    >
+      <el-form-item label="所属省份" prop="shengCode">
+        <el-select
+          v-model="queryParams.shengCode"
+          class="!w-240px"
+          clearable
+          placeholder="所属省份"
+        >
+          <el-option
+            v-for="item in shengList"
+            :key="item.id"
+            :label="item.areaName"
+            :value="item.areaCode"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="企业名称" prop="dwmc">
+        <el-input v-model="queryParams.dwmc" class="!w-240px" placeholder="请输入企业名称" />
+      </el-form-item>
+      <el-form-item label="库区名称" prop="kqmc">
+        <el-input
+          v-model="queryParams.kqmc"
+          class="!w-240px"
+          clearable
+          placeholder="请输入库区名称"
+        />
+      </el-form-item>
+      <el-form-item label="仓房状态" prop="cfzt">
+        <el-select v-model="queryParams.cfzt" class="!w-240px" clearable placeholder="仓房状态">
+          <el-option
+            v-for="item in cfztOption"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="handleQuery">
+          <Icon class="mr-5px" icon="ep:search" />
+          查询
+        </el-button>
+        <el-button type="primary" plain @click="resetQuery">
+          <Icon class="mr-5px" icon="ep:refresh" />
+          重置
+        </el-button>
+        <el-button plain type="success" @click="handleExport">
+          <Icon class="mr-5px" icon="ep:download" />
+          导出
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+
+  <ContentWrap>
+    <el-table
+      v-loading="loading"
+      :border="true"
+      :data="list"
+      tooltip-effect="dark"
+      show-overflow-tooltip
+      :header-cell-style="{
+        background: 'var(--table-header-bg-color) ',
+        color: 'var(--table-header-text-color)',
+        height: 'var(--table-header-height)'
+      }"
+      @selection-change="handleSelectionChange"
+    >
+      <!-- <el-table-column align="center" fixed="left" min-width="40" type="selection" /> -->
+      <el-table-column align="center" fixed="left" label="序号" min-width="60" type="index" />
+      <el-table-column align="center" label="所属省份" min-width="100" prop="sheng" />
+      <el-table-column align="center" label="所属市区" min-width="100" prop="shi" />
+      <el-table-column align="center" label="所属县区" min-width="100" prop="xian" />
+      <el-table-column align="center" label="企业名称" min-width="180" prop="dwmc" />
+      <el-table-column align="center" label="库区名称" min-width="180" prop="kqmc" />
+      <el-table-column align="center" label="库区联系人" min-width="120" prop="kqfzr" />
+      <el-table-column align="center" label="仓房数量" min-width="120" prop="cfsl" />
+      <el-table-column align="center" label="仓房总仓容" min-width="120" prop="cfzcr" />
+      <el-table-column
+        v-hasPermi="['column:DetermineDeliveryWarehouse:zzc']"
+        align="center"
+        label="总资产（万元）"
+        min-width="150"
+        prop="zzc"
+      >
+        <template #default="scope">
+          <div
+            class="w-full color-[var(--el-color-primary)] cursor-pointer"
+            @click="openCwxxForm(scope.row)"
+            >{{ scope.row.zzc }}</div
+          >
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-hasPermi="['column:DetermineDeliveryWarehouse:sndjlr']"
+        align="center"
+        label="上一年度净利润（万元）"
+        min-width="180"
+        prop="sndjlr"
+      >
+        <template #default="scope">
+          <div
+            class="w-full color-[var(--el-color-primary)] cursor-pointer"
+            @click="openCwxxForm(scope.row)"
+            >{{ scope.row.sndjlr }}</div
+          >
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="仓房状态" min-width="120" prop="cfzt" />
+    </el-table>
+
+    <Pagination
+      v-model:limit="queryParams.pageSize"
+      v-model:page="queryParams.pageNo"
+      :total="total"
+      @pagination="handleQuery"
+    />
+    <DeliveryWarehouseSelectFrom ref="refForm" @success="handleQuery" />
+    <AddFinancialInformationForm ref="refAddFinancialInformationForm" @success="handleQuery" />
+  </ContentWrap>
+</template>
+
+<style lang="scss" scoped>
+</style>