From 64cbd9e1eb7412e92f5ad91d8db0044986273e94 Mon Sep 17 00:00:00 2001
From: z9130 <984661593@qq.com>
Date: Thu, 12 Sep 2024 22:17:43 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=89=E6=8B=A9=E7=AD=BE=E7=BA=A6=E4=BE=9D?=
 =?UTF-8?q?=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-office/src/utils/dict/shared.ts      |   5 +-
 .../canteen/collect/collect-detail-modal.vue  |  18 +-
 .../views/contract/approval/edit/index.vue    |   2 +-
 .../views/contract/approval/list/index.vue    |  66 ++-----
 .../choose-signing-basis-modal.vue            | 182 ++++++++++++++++++
 .../contract/approval/signing-basis/crud.tsx  |  26 +++
 .../signing-basis-edit-modal.vue              |  17 ++
 .../views/contract/business/edit/index.vue    |   2 +-
 .../src/views/system/dict/index.vue           |   2 +-
 9 files changed, 254 insertions(+), 66 deletions(-)
 create mode 100644 apps/web-office/src/views/contract/approval/signing-basis/choose-signing-basis-modal.vue

diff --git a/apps/web-office/src/utils/dict/shared.ts b/apps/web-office/src/utils/dict/shared.ts
index b8863cbf..a479bf1c 100644
--- a/apps/web-office/src/utils/dict/shared.ts
+++ b/apps/web-office/src/utils/dict/shared.ts
@@ -11,6 +11,7 @@ export enum DICT_TYPE {
   meeting_type = 'meeting_type',
   meeting_facilities = 'meeting_facilities',
   meeting_room = 'meeting_room',
+
   // 订餐
   // 主食
   canteen_staplefood = 'canteen_staplefood',
@@ -62,6 +63,8 @@ export enum DICT_TYPE {
   /** 综合管理-项目名称管理 */
   comprehensiveProjectName = 'comprehensive_project_name',
 
-  comprehensiveConfig = 'comprehensive_config'
+  comprehensiveConfig = 'comprehensive_config',
 
+  /** 合同管理-签约依据类型 */
+  contractBasisType = 'contract_basis_type',
 }
diff --git a/apps/web-office/src/views/canteen/collect/collect-detail-modal.vue b/apps/web-office/src/views/canteen/collect/collect-detail-modal.vue
index 14cf8f9f..b312417b 100644
--- a/apps/web-office/src/views/canteen/collect/collect-detail-modal.vue
+++ b/apps/web-office/src/views/canteen/collect/collect-detail-modal.vue
@@ -80,7 +80,7 @@ const searchBinding = ref({
         class: 'min-w-[180px]',
         allowClear: true,
         dict: dict({
-          async getData(dict, context) {
+          async getData(form) {
             return getDictOptions(DICT_TYPE.canteen_dineway);
           },
         }),
@@ -97,18 +97,10 @@ const searchBinding = ref({
         class: 'min-w-[180px]',
         allowClear: true,
         dict: dict({
-          async getData(dict, context) {
-            return [
-              {
-                label: "已结算",
-                value: "1",
-              },
-              {
-                label: "未结算",
-                value: "0",
-              },
-            ];
-          },
+          data: [
+            { label: "已结算", value: "1", },
+            { label: "未结算", value: "0", },
+          ],
         }),
       },
       autoSearchTrigger: 'enter',
diff --git a/apps/web-office/src/views/contract/approval/edit/index.vue b/apps/web-office/src/views/contract/approval/edit/index.vue
index 054e3b69..3221001c 100644
--- a/apps/web-office/src/views/contract/approval/edit/index.vue
+++ b/apps/web-office/src/views/contract/approval/edit/index.vue
@@ -311,7 +311,7 @@ onMounted(async () => {
 <template>
   <Page ref="pageRef" contentClass="h-full flex flex-col">
 
-    <a-affix :target="() => pageRef.bodyRef" :offset-top="0" :style="{ zIndex: 999 }">
+    <a-affix :target="() => pageRef.bodyRef" :offset-top="0" :style="{ zIndex: 50 }">
       <div class="bg-white w-full flex flex-row pt-1 pl-1">
         <a-space class="flex-1">
           <vben-button variant="primary" @click="handleSave()">保存</vben-button>
diff --git a/apps/web-office/src/views/contract/approval/list/index.vue b/apps/web-office/src/views/contract/approval/list/index.vue
index a8b94ad6..51c3f428 100644
--- a/apps/web-office/src/views/contract/approval/list/index.vue
+++ b/apps/web-office/src/views/contract/approval/list/index.vue
@@ -11,49 +11,15 @@ import { message } from "ant-design-vue";
 import { Modal } from 'ant-design-vue';
 import { toDetailPage } from '#/views/contract/utils.ts';
 import { useRouter } from 'vue-router'
+import chooseSigningBasisModal from '../signing-basis/choose-signing-basis-modal.vue';
 
 const router = useRouter();
 
-const checkedValue = ref('all')
-const exportSearchParams = ref<any>({
-  daterange: getMonthStartAndEnd(),
+const [ChooseSigningBasisModal, chooseSigningBasisModalApi] = useVbenModal({
+  connectedComponent: chooseSigningBasisModal,
 });
 
 const searchRef = ref()
-let isConfirmLoading = ref(false)
-const [_Modal, modalApi] = useVbenModal({
-  async onConfirm() {
-    isConfirmLoading.value = true
-
-    try {
-      let params = {};
-      if (checkedValue.value == "daterange") {
-        params = {
-          startDate: exportSearchParams.value.daterange[0],
-          endDate: exportSearchParams.value.daterange[1],
-        };
-      }
-      let res = await Apis.zbgl.post_export({
-        params: params, config: {
-          meta: {
-            responseType: 'blob'
-          }
-        }
-      }).send();
-      message.success("导出成功");
-      modalApi.close()
-      showExportModal.value = false;
-
-    } catch (error) {
-      console.error(error);
-    } finally {
-      isConfirmLoading.value = false
-    }
-
-
-    console.info("onConfirm");
-  },
-});
 
 const searchFormBinding = ref({
   ...getFormSchema(),
@@ -62,10 +28,8 @@ const searchFormBinding = ref({
   }
 });
 
-
 const { xGridRef, triggerProxy, gridProps } = useVxeTable({ ref: 'xGridRef' });
 
-const treeData = ref([]);
 
 /** Hooks - 表格 */
 const gridOptions = reactive(gridProps({
@@ -139,25 +103,29 @@ function handleCellClick({ row }) {
   setSelectRow(row);
 }
 
+function handleChooseConfirm(e) {
+  const $grid = xGridRef.value;
+  // 判断上一个新增项有无完成，未完成则不允许新增
+  if ($grid) {
+    $grid.remove();
+    $grid.insert(rows).then(({ row }) => { });
+  } else {
+    console.error("xGridRef不存在");
+  }
+}
+
 
 onMounted(async () => {
   triggerProxy('reload')
 })
 
-
-function toPage() {
-  window.open("/iframe/meeting/standing-book", "_blank");
-}
-
-
-function toDetail(row) {
-  window.open("/iframe/meeting/start/" + row.guid, "_blank");
-}
-// 页面打开后获取列表数据
 </script>
 
 <template>
   <Page contentClass="h-full flex flex-col">
+
+    <ChooseSigningBasisModal class="w-[950px]" @confirm="handleChooseConfirm" />
+
     <fs-search ref="searchRef" v-bind="searchFormBinding">
       <template #form_price="{ row }">
         <a-input-number v-model:value="row.budgetSum1" placeholder="">
diff --git a/apps/web-office/src/views/contract/approval/signing-basis/choose-signing-basis-modal.vue b/apps/web-office/src/views/contract/approval/signing-basis/choose-signing-basis-modal.vue
new file mode 100644
index 00000000..4f7e7c64
--- /dev/null
+++ b/apps/web-office/src/views/contract/approval/signing-basis/choose-signing-basis-modal.vue
@@ -0,0 +1,182 @@
+<script lang="ts" setup>
+import { reactive, ref } from "vue";
+import { useVbenModal } from "@vben/common-ui";
+import { message } from "ant-design-vue";
+import { useVxeTable } from "#/hooks/vxeTable";
+import Apis from "#/api";
+import { getColumns, getFormSchema } from "./crud";
+
+const emit = defineEmits<{
+  (e: "rowClick", row: any): any;
+  (e: "confirm", row: any[]): any[];
+}>();
+
+const props = withDefaults(
+  defineProps<{
+    multiple?: boolean;
+    showDepartment?: boolean;
+  }>(),
+  {
+    multiple: true,
+  }
+);
+
+let isConfirmLoading = ref(false);
+
+const [messageApi] = message.useMessage();
+
+const { xGridRef, triggerProxy, gridProps } = useVxeTable({ ref: "xGridRef" });
+
+const searchRef = ref();
+
+const data = ref({
+  userIds: [],
+});
+
+const checkRecords = ref([]);
+
+const searchBinding = ref({
+  ...getFormSchema(),
+  onSearch(context: any) {
+    triggerProxy("reload");
+  },
+});
+
+
+/** Hooks - 表格 */
+const gridOptions = reactive(
+  gridProps({
+    height: "400px",
+    columns: getColumns(),
+    pagerConfig: { size: "mini" },
+    proxyConfig: {
+      autoLoad: true,
+      ajax: {
+        query: ({ page }) => {
+          return Apis.lxBasisSale.get_page({
+            params: {
+              pageNum: page.currentPage,
+              pageSize: page.pageSize,
+              ...searchRef.value.formData,
+            },
+          });
+        },
+        querySuccess() {
+          for (const row of checkRecords.value) {
+            xGridRef.value!.setCheckboxRow(row, true);
+          }
+        },
+      },
+    },
+    rowConfig: {
+      keyField: "basisId",
+    },
+    checkboxConfig: {
+      labelField: "basisName",
+      // 取消显示全选头部按钮
+      showHeader: false,
+      highlight: true,
+      range: false,
+      // 保留勾选状态
+      reserve: true,
+      checkMethod: ({ row }) => {
+        let checkRecordIds = checkRecords.value.map((item) => item.guid);
+        if (checkRecords.value.length < 10 || checkRecordIds.includes(row.guid)) {
+          return true;
+        }
+        return false;
+      },
+    },
+  })
+);
+
+/**
+ * 单元行点击事件
+ */
+function handleCellClick({ row }) {
+  console.log(row);
+  emit("rowClick", row);
+}
+
+/**
+ * 复选框选中事件
+ * @param e
+ */
+function handleCheckboxChange(e) {
+  let currRows = xGridRef.value?.getCheckboxRecords() || [];
+  let otherRows = xGridRef.value?.getCheckboxReserveRecords() || [];
+  let allRows = [...currRows, ...otherRows];
+
+  if (e.checked) {
+    const existingIds = new Set(checkRecords.value.map((item) => item.guid));
+
+    if (!existingIds.has(e.row.ACCOUNT_ID)) {
+      checkRecords.value = [...checkRecords.value, e.row];
+    }
+  } else {
+    handleCloseTag(e.row);
+  }
+
+  console.log("[ checkRecords.value ] >", checkRecords.value);
+  if (allRows.length >= 10) {
+    messageApi.warning("最多只能选择10条数据");
+  }
+}
+
+function handleCloseTag(row) {
+  checkRecords.value = checkRecords.value.filter((item) => item.guid != row.guid);
+  xGridRef.value?.setCheckboxRow(row, false);
+}
+
+let title = ref("选择办公用品");
+
+const [BaseModal, baseModalApi] = useVbenModal({
+  onOpenChange(isOpen: boolean) {
+    if (isOpen) {
+      isConfirmLoading.value = false;
+      data.value = baseModalApi.getData<Record<string, any>>() || {};
+      if (data.value.title) {
+        title.value = data.value.title;
+      }
+      console.log(data.value.userIds);
+      let rows: any = [];
+      for (const element of checkRecords.value) {
+        if (data.value.guids.includes(element.guid)) {
+          rows.push(element);
+        }
+      }
+      checkRecords.value = rows;
+    }
+  },
+  onConfirm() {
+    console.info("onConfirm");
+    emit("confirm", checkRecords.value);
+    baseModalApi.close();
+  },
+  onCancel() {
+    baseModalApi.close();
+  },
+});
+</script>
+<template>
+  <BaseModal :title="title" :loading="isConfirmLoading" :confirm-loading="isConfirmLoading">
+    <div v-if="props.multiple" class="flex flex-row py-12px">
+      <span class="block mr-12px">已选择：</span>
+      <div class="flex flex-row flex-1">
+        <a-space>
+          <a-tag v-for="(item, index) in checkRecords" :key="index" closable @close="handleCloseTag(item)">
+            {{ item.basisName }}
+          </a-tag>
+        </a-space>
+      </div>
+    </div>
+    <div class="h-full flex flex-col">
+      <fs-search ref="searchRef" v-bind="searchBinding"> </fs-search>
+      <div class="flex-1 min-h-300px">
+        <VxeGrid ref="xGridRef" class="h-420px" v-bind="gridOptions" @cell-click="handleCellClick"
+          @checkbox-change="handleCheckboxChange">
+        </VxeGrid>
+      </div>
+    </div>
+  </BaseModal>
+</template>
diff --git a/apps/web-office/src/views/contract/approval/signing-basis/crud.tsx b/apps/web-office/src/views/contract/approval/signing-basis/crud.tsx
index 6af00f6b..155240d0 100644
--- a/apps/web-office/src/views/contract/approval/signing-basis/crud.tsx
+++ b/apps/web-office/src/views/contract/approval/signing-basis/crud.tsx
@@ -1,5 +1,7 @@
 import type { VxeGridPropTypes } from 'vxe-table';
 import { useRender } from '#/hooks/useRender';
+import { DICT_TYPE, getDictOptions } from '#/utils/dict';
+import { dict } from '@fast-crud/fast-crud';
 
 export const PrimaryKey = 'guid';
 export function getColumns(_params: any = {}): VxeGridPropTypes.Columns {
@@ -11,6 +13,13 @@ export function getColumns(_params: any = {}): VxeGridPropTypes.Columns {
       width: 200,
     },
     { field: 'basisNum', title: '依据编号', width: 180 },
+    {
+      field: 'basisTypeId', title: '依据类型', width: 100, slots: {
+        default: ({ row }) => {
+          return useRender.renderDict(row.basisTypeId, DICT_TYPE.contractBasisType);
+        }
+      }
+    },
     {
       field: 'endDate', title: '有效期', width: 150, slots: {
         default: ({ row }) => {
@@ -59,6 +68,23 @@ export function getFormSchema(_params: any = {}) {
         autoSearchTrigger: 'enter',
         show: true,
       },
+      basisTypeId: {
+        title: '依据类型',
+        key: 'basisTypeId',
+        component: {
+          name: 'fs-dict-select',
+          vModel: 'value',
+          class: 'min-w-[180px]',
+          allowClear: true,
+          dict: dict({
+            async getData(form) {
+              return getDictOptions(DICT_TYPE.contractBasisType);
+            },
+          }),
+        },
+        autoSearchTrigger: 'enter',
+        show: true,
+      },
       inputPerson: {
         title: '创建人',
         key: 'inputPerson',
diff --git a/apps/web-office/src/views/contract/approval/signing-basis/signing-basis-edit-modal.vue b/apps/web-office/src/views/contract/approval/signing-basis/signing-basis-edit-modal.vue
index ecdac7c2..d2b0b4c9 100644
--- a/apps/web-office/src/views/contract/approval/signing-basis/signing-basis-edit-modal.vue
+++ b/apps/web-office/src/views/contract/approval/signing-basis/signing-basis-edit-modal.vue
@@ -5,6 +5,8 @@ import dayjs, { Dayjs } from "dayjs";
 import Apis from "#/api";
 import { message, type UploadChangeParam } from "ant-design-vue";
 import { FileUploader } from "#/utils/file";
+import { dict } from "@fast-crud/fast-crud";
+import { DICT_TYPE, getDictOptions } from "#/utils/dict";
 
 const emit = defineEmits<{
   (e: "success"): void;
@@ -25,6 +27,21 @@ const formBinding = ref({
   initialForm: {},
   labelCol: { style: { width: '120px' } },
   columns: {
+    basisTypeId: {
+      title: '依据类型',
+      key: 'basisTypeId',
+      component: {
+        name: 'fs-dict-radio',
+        vModel: 'value',
+        allowClear: true,
+        dict: dict({
+          async getData(form) {
+            return getDictOptions(DICT_TYPE.contractBasisType);
+          },
+        }),
+      },
+      rules: [{ required: true, message: "请选择依据类型" }],
+    },
     basisNum: {
       title: "依据编号",
       key: "basisNum",
diff --git a/apps/web-office/src/views/contract/business/edit/index.vue b/apps/web-office/src/views/contract/business/edit/index.vue
index 35fa5c67..308ac659 100644
--- a/apps/web-office/src/views/contract/business/edit/index.vue
+++ b/apps/web-office/src/views/contract/business/edit/index.vue
@@ -369,7 +369,7 @@ onMounted(async () => {
 <template>
   <Page ref="pageRef" contentClass="h-full flex flex-col">
 
-    <a-affix :target="() => pageRef.bodyRef" :offset-top="0" :style="{ zIndex: 999 }">
+    <a-affix :target="() => pageRef.bodyRef" :offset-top="0" :style="{ zIndex: 50 }">
       <div class="bg-white w-full flex flex-row pt-1 pl-1">
         <a-space class="flex-1">
           <vben-button variant="primary" @click="handleSave()">保存</vben-button>
diff --git a/apps/web-office/src/views/system/dict/index.vue b/apps/web-office/src/views/system/dict/index.vue
index fd87c3e3..5082ea97 100644
--- a/apps/web-office/src/views/system/dict/index.vue
+++ b/apps/web-office/src/views/system/dict/index.vue
@@ -6,7 +6,7 @@
     <a-row class="h-full">
       <a-col :span="5" class="min-w-[200px]">
         <a-space wrap>
-          <vben-button variant="default">
+          <vben-button variant="default" @click="handleTypeAdd()">
             <MdiAdd class="text-lg mr-0.5" />
             新增
           </vben-button>