From dbf5c5c3c1e29142301d50edc0044f1ba8496570 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=90=8C=E6=B5=B7?=
 <14166000+zhangtonghai@user.noreply.gitee.com>
Date: Fri, 6 Sep 2024 15:57:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=80=E6=9D=A5=E5=8D=95=E4=BD=8D=20?=
 =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E6=B5=81=E6=A8=A1=E6=9D=BF=20=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E7=AE=A1=E7=90=86=20=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../UserSelection/src/UserPicker.vue          | 16 +++-
 src/components/UserSelection/src/UserTag.vue  | 18 ++--
 src/store/modules/app.ts                      | 32 +++++--
 .../Lowflow/penal/ApprovalAttr.vue            | 11 ++-
 src/views/baseinfo/clientflowtemplate/api.ts  | 10 ++
 .../infoclient/TenantAuditStepModal.vue       |  4 +
 src/views/baseinfo/infoclient/columns.tsx     | 17 +++-
 src/views/baseinfo/package/columns.tsx        |  1 -
 src/views/system/user/UserPermissionModal.vue | 48 +---------
 src/views/system/user/dataruleIndex.vue       | 42 +++++++--
 src/views/system/user/dataruleInfo.vue        | 91 ++++++++++++-------
 11 files changed, 174 insertions(+), 116 deletions(-)

diff --git a/src/components/UserSelection/src/UserPicker.vue b/src/components/UserSelection/src/UserPicker.vue
index 5499825d..3265771d 100644
--- a/src/components/UserSelection/src/UserPicker.vue
+++ b/src/components/UserSelection/src/UserPicker.vue
@@ -3,10 +3,11 @@
   import { TreeNodeData } from 'element-plus/es/components/tree/src/tree.type'
   import { type ElTree } from 'element-plus'
   import { reactive, ref, watch } from 'vue'
-  import { getList } from '/@/views/baseinfo/clientflowtemplate/api'
+  import { getUsetList } from '/@/views/baseinfo/clientflowtemplate/api'
   import { School, Check } from '@element-plus/icons-vue'
   import Node from 'element-plus/es/components/tree/src/model/node'
-
+  import { useAppStore } from '/@/store/modules/app'
+  const appStore = useAppStore()
   export type ModelValueType = string | string[] | null | undefined
 
   export interface UserDropdownProps {
@@ -91,12 +92,17 @@
     dialogVisible.value = true
   }
   const onOpen = () => {
-    getList().then((res) => {
+    getUsetList().then((res) => {
       if (res.succeeded) {
+        res.data.forEach((item) => {
+          item.value = item.id
+          item.label = item.userName
+        })
+        appStore.setUserList(res.data)
         userOrgOptions.value = res.data.map((e) => {
           return {
-            id: e.value,
-            name: e.label,
+            id: e.id,
+            name: e.userName,
             type: 'user',
             leaf: true,
             avatar: e.avatar,
diff --git a/src/components/UserSelection/src/UserTag.vue b/src/components/UserSelection/src/UserTag.vue
index 0c75ffbc..24055d58 100644
--- a/src/components/UserSelection/src/UserTag.vue
+++ b/src/components/UserSelection/src/UserTag.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
-  import { getList } from '/@/views/baseinfo/clientflowtemplate/api'
+  import { getUsetList } from '/@/views/baseinfo/clientflowtemplate/api'
   import { componentSizeMap, useFormSize } from 'element-plus'
   import { computed, onMounted, reactive } from 'vue'
-
+  import { useAppStore } from '/@/store/modules/app'
+  const appStore = useAppStore()
   export interface UserTagProps {
     username: string
     type?: 'success' | 'info' | 'warning' | 'danger'
@@ -29,19 +30,20 @@
     name: undefined,
   })
   onMounted(() => {
-    console.log($props.username)
-
     if (!$props.username) {
       throw new Error('username is required')
     }
-    getList().then((res) => {
+    getUsetList().then((res) => {
       if (res.succeeded) {
         res.data.forEach((item) => {
-          if (item.value == $props.username) {
-            userInfo.username = item.value
-            userInfo.name = item.label
+          item.value = item.id
+          item.label = item.userName
+          if (item.id == $props.username) {
+            userInfo.username = item.id
+            userInfo.name = item.userName
           }
         })
+        appStore.setUserList(res.data)
       }
     })
   })
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 91180592..753fdfdd 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -36,18 +36,18 @@ interface AppState {
   bookingGridOptions: any
   saveNeedNumber: string
   deleteId: string
-  FlowInstanceHistory:any
+  FlowInstanceHistory: any
   inBookingDetailsSave: boolean
   saveFlag: boolean
   ctnallList: any
-  FlowInstancesDetailsType:String
+  FlowInstancesDetailsType: String
   needSavePages: any
   yardFilter: any
   hasbookingDetail: boolean
   agentFilter: any
-  slotShow: boolean,
-  ids: any,
-  SourceData:any
+  slotShow: boolean
+  ids: any
+  SourceData: any
 }
 let timeId: TimeoutHandle
 export const useAppStore = defineStore({
@@ -76,12 +76,12 @@ export const useAppStore = defineStore({
     hasbookingDetail: false,
     agentFilter: {},
     slotShow: false,
-    FlowInstanceHistory:[],
-    FlowInstancesDetailsType:'',
+    FlowInstanceHistory: [],
+    FlowInstancesDetailsType: '',
     // 存储列表id集合，上下票使用
     ids: {},
     // 业务来源>业务明细   缓存
-    SourceData:[]
+    SourceData: [],
   }),
   getters: {
     getSourceData(): any {
@@ -102,10 +102,10 @@ export const useAppStore = defineStore({
     getyardFilter(): any {
       return this.yardFilter
     },
-    getFlowInstancesDetailsType():any {
+    getFlowInstancesDetailsType(): any {
       return this.FlowInstancesDetailsType
     },
-    getFlowInstanceHistory():any {
+    getFlowInstanceHistory(): any {
       return this.FlowInstanceHistory
     },
     getneedSavePages(): any {
@@ -246,6 +246,18 @@ export const useAppStore = defineStore({
       this.LanguageType = data
     },
     setUserList(data): void {
+      // data.forEach((e) => {
+      //   let type = true
+      //   this.UserList.forEach((item) => {
+      //     if (e.id == item.id) {
+      //       type = false
+      //     }
+      //   })
+      //   if (type) {
+      //     this.UserList.push(e)
+      //   }
+      // })
+
       this.UserList = data
     },
     setRolesList(data): void {
diff --git a/src/views/baseinfo/clientflowtemplate/Lowflow/penal/ApprovalAttr.vue b/src/views/baseinfo/clientflowtemplate/Lowflow/penal/ApprovalAttr.vue
index 0faeb782..3b59b7d2 100644
--- a/src/views/baseinfo/clientflowtemplate/Lowflow/penal/ApprovalAttr.vue
+++ b/src/views/baseinfo/clientflowtemplate/Lowflow/penal/ApprovalAttr.vue
@@ -2,7 +2,7 @@
   import Segmented from '/@/components/Segmented'
   import { useVModels } from '@vueuse/core'
   import { ApprovalNode } from '../nodes/Approval/index'
-  import { computed, inject, Ref, ref, watchEffect } from 'vue'
+  import { computed, inject, Ref, ref, watchEffect, watch } from 'vue'
   import { CircleCheck, CircleClose, Switch, Plus, Minus } from '@element-plus/icons-vue'
   import { Field } from '/@/components/Render/interface'
   import { FormProperty } from '/@/baseinfo/flowtemplate/Lowflow/views/index'
@@ -149,6 +149,15 @@
       })
     }
   })
+  watch(
+    () => node.users,
+    (newVal, oldVal) => {
+      console.log('State changed:', newVal, oldVal, '?????????????????????????????')
+    },
+    {
+      deep: true, // 启用深度监听
+    },
+  )
 </script>
 
 <template>
diff --git a/src/views/baseinfo/clientflowtemplate/api.ts b/src/views/baseinfo/clientflowtemplate/api.ts
index 2516c157..dfb214d8 100644
--- a/src/views/baseinfo/clientflowtemplate/api.ts
+++ b/src/views/baseinfo/clientflowtemplate/api.ts
@@ -14,6 +14,7 @@ enum Api {
   GetTables = '/mainApi/Common/GetTables',
   getClientPermissionTreeList = '/mainApi/Common/GetClientPermissionTreeList',
   getList = '/mainApi/Common/GetUserList',
+  getUsetList = '/mainApi/User/GetUserList',
   downloadXml = '/stage-api/workflow/model/download',
   getByUsername = '/stage-api/user/info',
   getById = '/stage-api/role/info',
@@ -89,6 +90,15 @@ export function getList() {
     method: 'get',
   })
 }
+// 获取全部用户
+export function getUsetList() {
+  return request<DataResult>({
+    url: Api.getUsetList,
+    method: 'post',
+    data:{queryCondition:"[]",pageCondition:{pageIndex:1,pageSize:9999,sortConditions:[]}}
+  })
+}
+
 // 详情
 export function getTenantAuditInfo(query: { id: string }) {
   return request<DataResult>({
diff --git a/src/views/baseinfo/infoclient/TenantAuditStepModal.vue b/src/views/baseinfo/infoclient/TenantAuditStepModal.vue
index cc22fdbc..d2e58a09 100644
--- a/src/views/baseinfo/infoclient/TenantAuditStepModal.vue
+++ b/src/views/baseinfo/infoclient/TenantAuditStepModal.vue
@@ -491,6 +491,10 @@
         })
       }
       if (type) {
+        console.log(res.data, '??????????????????')
+        if (!res.data.serviceItemCodes) {
+          res.data.serviceItemCodes = []
+        }
         await setFieldsValue({
           ...res.data,
         })
diff --git a/src/views/baseinfo/infoclient/columns.tsx b/src/views/baseinfo/infoclient/columns.tsx
index d936d9b5..978cbcbe 100644
--- a/src/views/baseinfo/infoclient/columns.tsx
+++ b/src/views/baseinfo/infoclient/columns.tsx
@@ -19,7 +19,8 @@ import {
 } from '/@/views/operation/seaexport/api/BookingLedger'
 import { useOptionsStore } from '/@/store/modules/options'
 const optionsStore = useOptionsStore()
-
+import { useRoute } from 'vue-router'
+const route = useRoute()
 // exports {}
 let ClientFrtList = []
 const res: API.DataResult = await getClientFrtSelectList()
@@ -949,10 +950,18 @@ export const formSchema: FormSchema[] = [
     component: 'ApiSelect',
     colProps: { span: 12 },
     componentProps: {
-      api: GetServiceProjectList,
+      api: () => {
+        return new Promise((resolve) => {
+          GetServiceProjectList({
+            queryType: 0,
+          }).then((res) => {
+            resolve(res.data)
+          })
+        })
+      },
       labelField: 'projectName',
       valueField: 'projectCode',
-      resultField: 'data.ext',
+      resultField: 'ext',
       allowClear: true,
       mode: 'multiple',
       class: 'NoLimitHeight',
@@ -965,7 +974,7 @@ export const formSchema: FormSchema[] = [
     colProps: { span: 12 },
     componentProps: {
       api: getNotifications,
-      labelField: 'label',
+      labelField: 'name',
       valueField: 'value',
       resultField: 'data',
       allowClear: true,
diff --git a/src/views/baseinfo/package/columns.tsx b/src/views/baseinfo/package/columns.tsx
index 7810681b..1a468dbc 100644
--- a/src/views/baseinfo/package/columns.tsx
+++ b/src/views/baseinfo/package/columns.tsx
@@ -88,7 +88,6 @@ export const formSchema: FormSchema[] = [
     field: 'cnExplain',
     label: '中文说明',
     component: 'InputTextArea',
-    required: true,
     colProps: { span: 20 },
     componentProps: {
       rows: 2,
diff --git a/src/views/system/user/UserPermissionModal.vue b/src/views/system/user/UserPermissionModal.vue
index 85e75cb1..ec4c0e07 100644
--- a/src/views/system/user/UserPermissionModal.vue
+++ b/src/views/system/user/UserPermissionModal.vue
@@ -2,12 +2,12 @@
   <BasicModal
     v-bind="$attrs"
     title="用户权限配置"
-    width="80%"
+    width="60%"
     @register="registerModal"
     @ok="handleSubmit"
   >
     <a-row :gutter="16">
-      <a-col :span="4">
+      <a-col :span="6">
         <BasicTree
           :tree-data="treeData"
           :fieldNames="fieldNames"
@@ -16,21 +16,8 @@
           @select="onselect"
         />
       </a-col>
-      <a-col :span="10">
-        <dataruleIndex
-          ref="RefdataruleIndex"
-          :permissionId="permissionId"
-          @Create="Create"
-          @ChangeSelect="ChangeSelect"
-        />
-      </a-col>
-      <a-col :span="10">
-        <dataruleInfo
-          ref="RefdataruleInfo"
-          :permissionId="permissionId"
-          :InfoId="InfoId"
-          @success="success"
-        />
+      <a-col :span="18">
+        <dataruleIndex :permissionId="permissionId" />
       </a-col>
     </a-row>
     <template #footer>
@@ -59,12 +46,8 @@
   import { BasicModal, useModalInner } from '/@/components/Modal'
   import { BasicTree, TreeItem } from '/@/components/Tree'
   import dataruleIndex from './dataruleIndex.vue'
-  import dataruleInfo from './dataruleInfo.vue'
-
   import { PopConfirmButton } from '/@/components/Button'
-  // import { queryTreeListForRole, queryRolePermission, saveRolePermission } from '../role.api';
   import { GetClientUserPermissions } from './api'
-  // const emit = defineEmits(['register']);
   //树的信息
   const treeData = ref<TreeItem[]>([])
   //树的实例
@@ -96,30 +79,8 @@
     })
     if (type) {
       permissionId.value = checkedKeys[0]
-      InfoId.value = ''
-      RefdataruleInfo.value.resetFields()
-      RefdataruleInfo.value.setFieldsValue({ permissionId: permissionId.value })
     }
   }
-  const RefdataruleIndex = ref()
-  const RefdataruleInfo = ref()
-  // 新增
-  function Create() {
-    console.log(permissionId.value)
-
-    RefdataruleIndex.value.clearSelectedRowKeys()
-    RefdataruleInfo.value.resetFields()
-    RefdataruleInfo.value.setFieldsValue({ permissionId: permissionId.value })
-  }
-  // 保存成功
-  function success() {
-    RefdataruleIndex.value.reload()
-  }
-  const InfoId = ref('')
-  // 改变选中
-  function ChangeSelect(data) {
-    InfoId.value = data[0]
-  }
   /**
    * 数据重置
    */
@@ -133,7 +94,6 @@
    * 提交
    */
   async function handleSubmit(exit) {
-    RefdataruleInfo.value.handleSave()
     if (exit) {
       closeModal()
     }
diff --git a/src/views/system/user/dataruleIndex.vue b/src/views/system/user/dataruleIndex.vue
index 42a11165..dc87719f 100644
--- a/src/views/system/user/dataruleIndex.vue
+++ b/src/views/system/user/dataruleIndex.vue
@@ -9,11 +9,20 @@
         </a-button>
       </template>
       <template #bodyCell="{ column, record }">
-        <template v-if="column.key === 'roleName'">
-          <span style="color: #0d84ff" @click="handleEdit(record)">{{ record.roleName }}</span>
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: 'clarity:note-edit-line',
+                tooltip: '编辑',
+                onClick: handleAudit.bind(null, record),
+              },
+            ]"
+          />
         </template>
       </template>
     </BasicTable>
+    <dataruleInfo @register="registerModal" @success="handleSuccess" />
   </div>
 </template>
 <script lang="ts" setup>
@@ -21,17 +30,18 @@
   import { indexcolumns } from './columns.tsx'
   import { watch } from 'vue'
   import { GetDataRuleListByPermission } from './api'
+  import { useModal } from '/@/components/Modal'
+  import dataruleInfo from './dataruleInfo.vue'
   const props = defineProps({
     permissionId: { type: String },
   })
-  // 声明Emits
-  const emit = defineEmits(['Create', 'ChangeSelect'])
   watch(
     () => props.permissionId,
     (Nval) => {
       reload()
     },
   )
+  const [registerModal, { openModal }] = useModal()
   const [registerTable, { reload, setSelectedRowKeys, clearSelectedRowKeys }] = useTable({
     title: '',
     api: async () => {
@@ -54,15 +64,27 @@
     canResize: true,
     immediate: false,
     clickToRowSelect: true,
-    rowSelection: {
-      type: 'radio',
-      onChange: (selectedRowKeys: string[]) => {
-        emit('ChangeSelect', selectedRowKeys)
-      },
+    actionColumn: {
+      width: 80,
+      title: '操作',
+      dataIndex: 'action',
+      fixed: 'right',
     },
   })
   function handleCreate() {
-    emit('Create')
+    openModal(true, {
+      permissionId: props.permissionId,
+      isUpdate: false,
+    })
+  }
+  function handleAudit(record) {
+    openModal(true, {
+      record,
+      isUpdate: true,
+    })
+  }
+  function handleSuccess() {
+    reload()
   }
   defineExpose({
     reload,
diff --git a/src/views/system/user/dataruleInfo.vue b/src/views/system/user/dataruleInfo.vue
index 8af65fa2..c2aabcf1 100644
--- a/src/views/system/user/dataruleInfo.vue
+++ b/src/views/system/user/dataruleInfo.vue
@@ -1,38 +1,71 @@
 <template>
-  <BasicForm @register="registerForm"> </BasicForm>
+  <BasicModal
+    v-bind="$attrs"
+    :use-wrapper="true"
+    :title="getTitle"
+    width="50%"
+    @register="registerModal"
+    @ok="handleSave"
+  >
+    <BasicForm @register="registerForm"> </BasicForm>
+    <!--右下角按钮-->
+    <template #footer>
+      <a-button
+        pre-icon="ant-design:close-outlined"
+        type="warning"
+        :loading="loading"
+        ghost
+        style="margin-right: 0.8rem"
+        @click="closeModal"
+        >取消</a-button
+      >
+      <a-button
+        type="success"
+        :loading="loading"
+        pre-icon="ant-design:check-outlined"
+        style="margin-right: 0.8rem"
+        @click="handleSave(false)"
+        >仅保存</a-button
+      >
+      <a-button
+        pre-icon="ant-design:check-circle-outlined"
+        type="primary"
+        :loading="loading"
+        @click="handleSave(true)"
+        >保存并关闭</a-button
+      >
+    </template>
+  </BasicModal>
 </template>
 <script lang="ts" setup>
   import { ref, unref, watch } from 'vue'
+  import { BasicModal, useModalInner } from '/@/components/Modal'
   import { BasicForm, useForm } from '/@/components/Form/index'
   import { infoformSchema } from './columns.tsx'
   import { editDataRule, getDataRuleInfo } from '/@/api/system/datarule'
   import { useMessage } from '/@/hooks/web/useMessage'
-  const props = defineProps({
-    permissionId: { type: String },
-    InfoId: { type: String },
-  })
-  watch(
-    () => props.permissionId,
-    (Nval) => {
-      setFieldsValue({
-        permissionId: Nval,
-      })
-    },
-  )
-  watch(
-    () => props.InfoId,
-    (Nval) => {
-      if (Nval) {
-        rowId.value = Nval
-        GetData()
-      } else {
-        resetFields()
+  const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+    resetFields()
+    setModalProps({ confirmLoading: false, loading: true })
+    isUpdate.value = !!data?.isUpdate
+    if (unref(isUpdate)) {
+      rowId.value = data.record.id
+      const res = await getDataRuleInfo({ id: unref(rowId) })
+      if (res.succeeded) {
         setFieldsValue({
-          permissionId: props.permissionId,
+          ...res.data,
+          field1: JSON.parse(res.data.dataRules),
         })
       }
-    },
-  )
+    } else {
+      console.log(data.permissionId)
+
+      setFieldsValue({
+        permissionId: data.permissionId,
+      })
+    }
+    setModalProps({ loading: false })
+  })
   // 声明Emits
   const emit = defineEmits(['success', 'register'])
   const isUpdate = ref(true)
@@ -46,15 +79,6 @@
       schemas: infoformSchema,
       showActionButtonGroup: false,
     })
-  async function GetData() {
-    const res = await getDataRuleInfo({ id: unref(rowId) })
-    if (res.succeeded) {
-      setFieldsValue({
-        ...res.data,
-        field1: JSON.parse(res.data.dataRules),
-      })
-    }
-  }
   async function handleSave(exit) {
     try {
       const values = await validate()
@@ -89,6 +113,7 @@
         createMessage.error(res.message)
         loading.value = false
       }
+      exit && closeModal()
     } finally {
       loading.value = false
     }