From f6b61a485501f326debe52d77ea65d87fb34b37f Mon Sep 17 00:00:00 2001
From: 田源 <tianyuan@vci-tech.com>
Date: 星期三, 05 三月 2025 17:57:09 +0800
Subject: [PATCH] 完善集成日志查询

---
 Source/UBCS-WEB/src/components/template/SetPersonnel.vue |  220 ++++++++++++++++++++++++++++++++++++------------------
 1 files changed, 147 insertions(+), 73 deletions(-)

diff --git a/Source/UBCS-WEB/src/components/template/SetPersonnel.vue b/Source/UBCS-WEB/src/components/template/SetPersonnel.vue
index 279b8d1..64ec3ec 100644
--- a/Source/UBCS-WEB/src/components/template/SetPersonnel.vue
+++ b/Source/UBCS-WEB/src/components/template/SetPersonnel.vue
@@ -1,20 +1,30 @@
 <template>
-    <el-dialog :title="title" :visible.sync="dialogVisible" append-to-body="true">
-        <div>
-            <el-tag v-for="tag in tags" :key="tag" closable disable-transitions effect="dark" @click="handleClickTag(tag)"
-                @close="handleCloseTag(tag)">
-                <span> {{ tag.name }}</span>
-            </el-tag>
-        </div>
-
+    <el-dialog :title="title" :visible.sync="dialogVisible" append-to-body="true" class="avue-dialog avue-dialog--top" top="-3%" width="30%">
+        <el-tag v-for="tag in tags" :key="tag" closable disable-transitions effect="Plain" size="medium"
+            @click="handleClickTag(tag)" @close="handleCloseTag(tag)">
+            <span> {{ tag.name }}</span>
+        </el-tag>
         <el-divider v-if="tags.length !== 0"></el-divider>
+        <el-form :model="saveParam" class="demo-form-inline" label-position="left" label-width="auto" :rules="rules">
+            <el-form-item label="娴佺▼妯℃澘">
+                <el-input placeholder="娴佺▼妯℃澘" v-model="saveParam.modelName" disabled></el-input>
+            </el-form-item>
+            <el-form-item label="娴佺▼鍚嶇О" prop="processName">
+                <el-input placeholder="娴佺▼鍚嶇О" v-model="saveParam.processName">
+                </el-input>
+            </el-form-item>
+            <el-form-item label="娴佺▼鎻忚堪">
+                <el-input placeholder="娴佺▼鎻忚堪" type="textarea" :rows="4" v-model="saveParam.processDesc">
+                </el-input>
+            </el-form-item>
+        </el-form>
+        <el-divider></el-divider>
         <div class="btns-icon">
-            <el-button type="primary" icon="el-icon-star-off" @click="handleCollect"></el-button>
-            <!-- <el-button type="primary" icon="el-icon-refresh" ></el-button> -->
+            <el-button icon="el-icon-star-off" circle @click="handleCollect"></el-button>
         </div>
-        <el-form :model="saveParam" class="demo-form-inline" label-position="left">
+        <el-form :model="collectParam" class="demo-form-inline" label-position="left" label-width="auto">
             <el-form-item :label="item.taskName" v-for="(item, index) in initFrom" :key="index">
-                <el-select style="width: 50%;" v-model="saveParam.flowTaskUsers[index]['userId']"
+                <el-select style="width: 100%;" filterable v-model="collectParam.flowTaskUsers[index]['userId']"
                     :placeholder="item.taskName" @change="handleSelect($event, index)">
                     <el-option :label="key.userNames" :value="key.userId" v-for="(key, keyi) in typeName"
                         :key="keyi"></el-option>
@@ -29,70 +39,110 @@
 </template>
 <script>
 import { personnelInit, personnelCollect, cancelCollect, personnelSave, personnelDict } from '@/api/template/setPersonnel.js'
+import { dateFormat } from "@/util/date";
 export default {
     name: 'SetPersonnel',
     props: {
-        // 鏄惁鎵撳紑
-        visible: {
-            typeof: Boolean,
-            default: false
-        },
-        // 鏍囬
-        title: {
-            typeof: String,
-            default: '浜哄憳璁剧疆'
-        },
-        // 妯℃澘id
-        code: {
-            typeof: String,
-            default: ''
-        },
-        // 妯℃澘鐢ㄩ��
-        type: {
-            typeof: String,
-            default: ''
+      // 鏄惁鎵撳紑
+      visible: {
+        typeof: Boolean,
+        default: false
+      },
+      // 鏍囬
+      title: {
+        typeof: String,
+        default: '娴佺▼瀹℃壒'
+      },
+      // 鍙傛暟锛氶�夋嫨鐨刬d锛屽涓互鏁扮粍鏂瑰紡浼犻�掞細['id','id']锛屾ā鏉縤d锛屾ā鏉跨敤閫旓紝娴佺▼鍚嶅瓧锛屾祦绋嬫ā鏉�,
+      // flowTemplate锛�
+      // vars锛歰bject鏍煎紡锛屽悕瀛椾负vars锛岄噷闈ey閿�硷紝鑷繁闅忔剰
+      parameter: {
+        typeof: Object,
+        default: () => {
         }
+      },
+      parameterKeys: {
+        typeof: Object,
+        default: () => {
+          return {
+            ids: 'ids',
+            processName: 'processName',
+            code: 'code',
+            type: 'type',
+            btmtype: 'btmtype'
+          }
+        }
+      }
     },
     watch: {
-        visible(n) {
-            this.dialogVisible = n;
+      visible(n) {
+        this.dialogVisible = n;
+        if (n) {
+          this.apiInit()
+          this.apiDict()
+        }
+      },
+      dialogVisible(n) {
+        this.$emit('update:visible', n)
+      },
+      users: {
+        handler(val) {
+          this.collectParam.flowTaskUsers = val
         },
-        dialogVisible(n) {
-            this.$emit('update:visible', n)
+        deep: true,
+        immediate: true
+      },
+      parameter: {
+        handler(newval, oldval) {
+          this.saveParam = Object.assign({processName:'',processDesc: ''},newval) ;
         },
+        deep: true,
+        immediate: true
+      }
     },
     data() {
         return {
             dialogVisible: this.visible,
+            isCollent: false,
             initFrom: [],
             tags: [],
             typeName: [],
+            collectParam: {},
             saveParam: {},
             users: [],
-
+            rules: {
+                processName: [
+                    { required: true, message: '娴佺▼鍚嶇О涓嶈兘涓虹┖', trigger: 'blur' },
+                    { min: 3, max: 50, message: '闀垮害鍦� 3 鍒� 50 涓瓧绗�', trigger: 'blur' }
+                ]
+            }
         }
     },
+
     mounted() {
-        this.apiInit()
-        this.apiDict()
     },
-    methods: {
+  created() {
+  },
+  methods: {
+        userIndex(arr1) {
+            return this.initFrom.findIndex(i => i.taskId === arr1)
+        },
         async apiInit() {
-            const response = await personnelInit({ type: this.type, templateId: this.code })
+            const response = await personnelInit({ type: this.parameter[this.parameterKeys.type], templateId: this.parameter[this.parameterKeys.code]})
             if (response.status === 200) {
-                console.log(response)
                 this.initFrom = response.data.data.user
                 this.tags = response.data.data.collect
-                const { modelKey, templateId } = response.data.data.flow
+                const { modelKey, templateId, modelName } = response.data.data.flow
                 let flowTaskUsers = response.data.data.user
-                this.saveParam = { modelKey, templateId, flowTaskUsers: flowTaskUsers }
-                this.handleClickTag(this.tags[0])
+                this.collectParam = { modelKey, templateId, flowTaskUsers: flowTaskUsers }
+                this.users = response.data.data.user
+                this.saveParam = { ...this.saveParam, modelKey, templateId, modelName }
+                if (this.tags.length !== 0) this.handleClickTag(this.tags[0])
             }
         },
         async apiDict() {
             const response = await personnelDict()
             if (response.status === 200) {
-                console.log(response)
                 const data = response.data.data
                 this.typeName = data.map(item => {
                     const { account, deptName, id, realName } = item
@@ -107,16 +157,13 @@
                 confirmButtonText: '纭畾',
                 cancelButtonText: '鍙栨秷',
             }).then(async ({ value }) => {
-                console.log(this.users)
-                this.saveParam.flowTaskUsers = this.users
-                this.saveParam = { ...this.saveParam, name: value }
-                console.log(this.saveParam)
-                const response = await personnelCollect(this.saveParam)
+                this.collectParam.flowTaskUsers = this.users
+                this.collectParam = { ...this.collectParam, name: value }
+                const response = await personnelCollect(this.collectParam)
                 if (response.status === 200) {
                     this.$nextTick(() => {
                         this.apiInit()
                     })
-                    console.log(response)
                 }
             }).catch(() => {
 
@@ -125,8 +172,8 @@
         async canCollect(name) {
             const response = await cancelCollect({ name: name })
             if (response.status === 200) {
-                console.log(response)
                 this.apiInit()
+                this.isCollent = true
                 this.$message({
                     type: 'success',
                     message: response.data.msg
@@ -135,38 +182,66 @@
         },
         async apiSave() {
             try {
-                const { modelKey, templateId } = this.saveParam
-                const response = await personnelSave({ modelKey, templateId })
-                if (response.status === 200) {
-                    console.log(response)
+                const len = this.collectParam.flowTaskUsers.length
+                if (len == 0 && len != this.initFrom.length) {
                     this.$message({
-                    type: 'success',
-                    message: response.data.msg
-                });
-                    this.done()
+                        type: "error",
+                        message: "璇烽�夋嫨鑺傜偣锛�"
+                    });
+                } else {
+                    const {modelKey,modelName,processDesc,processName,templateId,topName,vars,ids,btmtype} = this.saveParam
+                    let vals= {modelKey,modelName,processDesc,processName,templateId,topName,ids,btmtype,...vars}
+                    vals.oids=ids;
+                    vals.createTime=dateFormat(new Date(), "yyyy-MM-dd hh:mm:ss")
+                    const response = await personnelSave({ variables:vals, flowTaskUsers: this.collectParam.flowTaskUsers, })
+                    if (response.status === 200) {
+                        this.$message({
+                            type: 'success',
+                            message: response.data.msg
+                        });
+                        this.$emit('onLoad')
+                        this.done()
+                    }
                 }
+
             } catch {
-                console.error('鎺ュ彛璋冪敤澶辫触')
+              this.$message.error('鎺ュ彛璋冪敤澶辫触')
             }
         },
         handleClickTag(event) {
-            console.log(event)
-            const flowTaskUsers = event.flowTaskUsers
-            this.saveParam.flowTaskUsers = flowTaskUsers.map(item => {
-                const { taskId, taskName, userId, userName } = item
-                return { taskId, taskName, userId, userName }
+            let flowTaskUsers = this.collectParam.flowTaskUsers
+            this.collectParam.flowTaskUsers = flowTaskUsers.map((item, index) => {
+                for (let i = 0; i < event.flowTaskUsers.length; i++) {
+                    if (item.taskId == event.flowTaskUsers[i].taskId) {
+                        item['userName'] = event.flowTaskUsers[i]['userName']
+                        item['userId'] = event.flowTaskUsers[i]['userId']
+                    }
+                }
+                return item
             })
+            this.users =  this.collectParam.flowTaskUsers
+            // const flowTaskUsers = event.flowTaskUsers//collet.flowTaskUsers
+            // let tasks = this.collectParam.flowTaskUsers;//user
+            // for (let i = 0; i < tasks.length; i++) {
+            //     let thisFlowTaskUsers = tasks[i];
+            //     for (let j = 0; j < flowTaskUsers.length; j++) {
+            //         let thisFflowTaskUsers = flowTaskUsers[j];
+            //         if (thisFlowTaskUsers.taskId == thisFflowTaskUsers.taskId) {
+            //             thisFlowTaskUsers['userName'] = thisFflowTaskUsers.userName;
+            //             thisFlowTaskUsers['userId'] = thisFflowTaskUsers.userId;
+            //         }
+            //     }
+            // }
+            // this.collectParam.flowTaskUsers = {...this.collectParam.flowTaskUsers,userId,userName}
         },
         handleCloseTag(event) {
-            console.log(event)
             this.canCollect(event.name)
         },
         handleSelect(event, index) {
             const res = this.typeName.find(item => item.userId === event)
             const { userName } = res
-            let users = { ... this.saveParam.flowTaskUsers[index], userName }
-            console.log(users)
-            this.users[index] = users
+            this.$set(this.users, index, { ... this.collectParam.flowTaskUsers[index], userName })
+            // this.users[index] = { ... this.collectParam.flowTaskUsers[index], userName }
         },
         done() {
             this.dialogVisible = false
@@ -175,8 +250,6 @@
             this.done()
         },
         handleConfirm() {
-            console.log(this.users)
-            console.log(this.saveParam)
             this.apiSave()
         }
     }
@@ -207,4 +280,5 @@
     justify-content: end;
     padding-bottom: 10px;
 }
-</style>
\ No newline at end of file
+
+</style>

--
Gitblit v1.9.3