From efe3e228713018604a1767e58aaa73382d4bbc23 Mon Sep 17 00:00:00 2001
From: yangys <y_ys79@sina.com>
Date: 星期五, 05 九月 2025 23:20:03 +0800
Subject: [PATCH] Merge branch 'master' of http://www.beijingsoft.cn:9090/r/mdmweb

---
 src/views/flow/todolist.vue |  846 ++++++++++++++++++++++++++++++++++++++++++++++++++------
 1 files changed, 756 insertions(+), 90 deletions(-)

diff --git a/src/views/flow/todolist.vue b/src/views/flow/todolist.vue
index 48982a4..48105a5 100644
--- a/src/views/flow/todolist.vue
+++ b/src/views/flow/todolist.vue
@@ -1,31 +1,160 @@
 <template>
     <basic-container>
         <avue-crud :option="option" :table-loading="loading" :data="data" v-model:page="page" v-model="form" ref="crud"
-            @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
-            @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
+            @search-change="searchChange" @search-reset="searchReset" @current-change="currentChange"
+            @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"
+            @selection-change="selectionTransferTask">
             <template #menu-left>
-                <el-button type="primary" plain @click="reassign">閲嶆柊鎸囨淳
+                
+                <el-button type="primary" :disabled="this.transferTaskSelection.length==0" v-if="permission.auto_dispatch" plain @click="reassign(2)">鑷姩娲惧伐
+                </el-button>
+                <el-button type="primary" :disabled="this.transferTaskSelection.length==0" v-if="permission.manual_dispatch" plain @click="reassign(1)">鎵嬪姩娲惧伐
+                </el-button>
+                <el-button type="primary" :disabled="this.transferTaskSelection.length==0" plain @click="reassign(0)">杞淳</el-button>
+                <el-button type="primary" :disabled="this.transferTaskSelection.length==0" v-if="permission.batch_approve" plain @click="reassign(3)">鎵归噺瀹℃壒
                 </el-button>
             </template>
-            <!-- <template #source="{ row }">
-                <div style="text-align: center">
-                    <i :class="row.source" />
-                </div>
-            </template> -->
+            <template #menu="scope">
+                <el-button type="primary" text size="default" @click.stop="handleAction(scope.row, scope.index)">
+                    {{approveButtonText(scope.row.taskDefinitionKey)}}
+                </el-button>
+            </template>
         </avue-crud>
+        <el-dialog title=" " append-to-body v-model="reassignBox" width="30%">
+            <avue-form ref="reassginform" :option="reassignOption" v-model="reassignForm" @submit="toPerson"></avue-form>
+        </el-dialog>
+        <el-drawer title="瀹℃壒" append-to-body v-model="approveBox" size="100%" v-if="approveBox">
+            <div class="approve-box">
+                <div class="left">
+                    <TodolistLeft :row="row" @selection-change="selectionChange" />
+                </div>
+                <div class="right">
+                    <TodolistRightTop :row="row" />
+                    <el-tabs
+                        type="card"
+                        class="demo-tabs"
+                        v-model="activeName"
+                    >
+                        <el-tab-pane label="瀹℃壒" name="approve">
+                            <avue-form ref="form" :option="optionApprove" v-model="formApprove" @submit="handleSubmit" >
+                                
+                            </avue-form>
+                        </el-tab-pane>
+                        <el-tab-pane label="娴佺▼杞ㄨ抗" name="log">
+                            <processTrace :item="row" v-if="activeName==='log'"></processTrace>
+                        </el-tab-pane>
+                    </el-tabs>
+                    
+                </div>
+            </div>
+        </el-drawer>
     </basic-container>
 </template>
-
 <script>
-import { getLazyList, remove, update, add, getMenu } from '@/api/flow/todolist';
+import { getList, approve, getAssignee,getAssigneeTree,reassgin,manualDispatch,autoDispatch,todoChangeNotify,batchApprove } from '@/api/flow/todolist';
 import { mapGetters } from 'vuex';
-import iconList from '@/config/iconList';
-import func from '@/utils/func';
-import { getMenuTree } from '@/api/system/menu';
+import dayjs from 'dayjs';
+import TodolistLeft from './components/TodolistLeft.vue';
+import TodolistRightTop from './components/TodolistRightTop.vue';
+import processTrace from './components/process-trace.vue';
 
 export default {
+    components: {
+        TodolistLeft,
+        TodolistRightTop,
+        processTrace
+    },
     data() {
         return {
+            activeName: 'approve',
+            applist: [],
+            assigneeData: [],
+            allAssigneeData: [],
+            managerAssigneeData: [],//鏁版帶绠$悊鍛樿鑹茬殑瀹℃壒鐢ㄦ埛
+
+            assignee2Data:[],
+
+            row: {},
+            approveBox: false,
+            formApprove: {
+                comment: '',
+                approve: '',
+                assignee: '',
+            },
+    
+
+            optionApprove: {
+                labelWidth: 100,
+                column: [
+
+                    {
+                        label: '瀹℃壒缁撴灉',
+                        prop: 'approve',
+                        type: 'radio',
+                        span: 24,
+                        dicData: [
+                            { label: '閫氳繃', value: 'Y' },
+                            { label: '椹冲洖', value: 'N' },
+                        ],
+                        rules: [{ required: true, message: '璇烽�夋嫨瀹℃壒缁撴灉', trigger: 'blur' }],
+                    },/*
+                    {
+                        label: '鍙戦�佺粰',
+                        prop: 'assignee',
+                        type: 'select',
+                        props: {
+                            label: 'name',
+                            value: 'id',
+                        },
+                        display: true,
+                        filterable: true,
+                        span: 24,
+                        disabled: false,
+                        dicData: [
+
+                        ],
+                       
+                    },*/
+                    {
+                        label: '鍙戦�佺粰',
+                        prop: 'assignee',
+                        component: 'elTreeSelect',
+                        params: {
+                            props:{
+                                label: 'name',
+                                value:'id',
+                                disabled: (data) => data.nodeType==='dept',
+                                isLeaf: (data) => data.children==null || data.children.length==0,
+                            },
+                        },
+                        display: true,
+                        filterable: true,
+                        span: 24,
+                        disabled: false,
+                    },
+                    {
+                        label: '澶囨敞',
+                        span: 24,
+                        prop: 'comment',
+                        type: 'textarea',
+                        // rules: [{ required: true, message: '璇疯緭鍏ュ鎵规剰瑙�', trigger: 'blur' }],
+                        rules: [
+                            {
+                            validator: (rule, value, callback) => {
+                                console.log('-------',this.formApprove)
+                                if (value === '' && this.formApprove.approve !== 'Y') {
+                                    callback(new Error('璇疯緭鍏ュ娉�'));
+                                } else {
+                                    callback();
+                                }
+                            },
+                            trigger: 'blur'
+                            }
+                        ]
+                    },
+                    
+                ],
+            },
             page: {
                 pageSize: 10,
                 currentPage: 1,
@@ -34,42 +163,27 @@
             form: {},
             query: {},
             loading: true,
-            selectionList: [],
-            parentId: 0,
-            page: {
-                pageSize: 10,
-                currentPage: 1,
-                total: 0,
-            },
             option: {
+                rowKey: "taskId",
                 addBtn: false,
+                editBtn: false,
+                delBtn: false,
                 columnBtn: false,
                 tip: false,
-                // simplePage: true,
+                searchEnter:true,
                 searchShow: true,
                 searchMenuSpan: 6,
                 dialogWidth: '60%',
-                // tree: true,
                 border: true,
                 index: true,
-                // selection: true,
+                selection: true,
                 // viewBtn: true,
-                menuWidth: 320,
+                menuWidth: 100,
                 dialogClickModal: false,
                 column: [
                     {
-                        label: '鍒涘缓鏃堕棿',
-                        prop: 'time',
-                        width: 300,
-                        type: 'datetime',
-                        search: true,
-                        searchRange: true,
-                        searchSpan: 8,
-                        hide: true,
-                    },
-                    {
                         label: '鍏抽敭瀛�',
-                        prop: 'keyWord',
+                        prop: 'keyword',
                         width: 300,
                         search: true,
                         searchType: 'input',
@@ -85,109 +199,635 @@
                             },
                         ],
                     },
-
-                    {
-                        label: '缂栧彿',
-                        prop: 'name',
-                        width: 300,
+					{
+                        label: '鏍囬',
+                        prop: '',
+                        width: 200,
+						render: ({ row }) => {
+                            return h('p',
+                                {
+                                    attrs: {},
+                                    class: {},
+                                    style: {},
+                                }, row?.variables?.title)
+                        }
                     },
                     {
-                        label: '娴佺▼绫诲瀷',
-                        prop: 'path',
-                        rules: [
-                            {
-                                required: true,
-                                message: '璇疯緭鍏ヨ矾鐢卞湴鍧�',
-                                trigger: 'blur',
-                            },
-                        ],
+                        label: '娴佺▼鍚嶇О',
+                        prop: '',
+                        width: 110,
+						render: ({ row }) => {
+                            return h('p',
+                                {
+                                    attrs: {},
+                                    class: {},
+                                    style: {},
+                                }, row?.variables?.myProcessName)
+                        }
                     },
                     {
-                        label: '瀹炰緥缂栧彿',
-                        type: 'tree',
-                    },
-                    {
-                        label: '娴佺▼瀹炰緥鍚�',
-                        type: 'tree',
+                        label: '缂栧埗',
+                        width: 100,
+                        render: ({ row }) => {
+                            return h('p',
+                                {
+                                    attrs: {},
+                                    class: {},
+                                    style: {},
+                                }, row?.variables?.programmerName)
+                        }
                     },
                     {
                         label: '鏈哄簥',
-                        type: 'tree',
+                        width: 100,
+                        prop: '',
+                        showOverflowTooltip:true,
+                        formatter: (val, value, label) => {
+                            return `${val?.variables?.machineCode}`;
+                        },
                     },
                     {
                         label: '鍒涘缓浜�',
-                        type: 'tree',
+                        width: 70,
+                        overHidden:true,
+                        prop: 'startUserName',
                     },
                     {
                         label: '鍒涘缓鏃堕棿',
-                        type: 'tree',
+                        width: 100,
+                        prop: 'processCreateTime',
+                        type: 'datetime',
+                        format: 'YYYY-MM-DD HH:mm:ss',
+                        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+                        search: true,
+                        searchRange: true,
+                        searchSpan: 8,
+                        showOverflowTooltip:true,
+                        // hide: true,
                     },
                     {
-                        label: '鍒拌揪鏃堕棿',
-                        type: 'tree',
+                        label: '涓婁竴姝ョ敤鎴�',
+                        width: 100,
+                        prop: '',
+                        formatter: (val, value, label) => {
+                            return `${val?.variables?.approveUserNickName || ''}`;
+                        },
                     },
                     {
-                        label: '鍒拌揪鎻忚堪',
-                        type: 'tree',
+                        label: '褰撳墠鑺傜偣',
+                        width: 120,
+                        showOverflowTooltip:true,
+                        prop: 'taskName',
                     },
                     {
                         label: '鏂囦欢',
-                        type: 'tree',
+                        width: 200,
+                        prop: 'file',
+                        showOverflowTooltip:true,
                     },
                     {
                         label: '鍒拌揪鏃堕棿',
-                        type: 'tree',
+                        width: 120,
+                        prop: 'createTime',
+                        showOverflowTooltip:true,
+                       
+                        
+                    },
+                    {
+                        label: '鍒拌揪鎻忚堪',
+                        width: 200,
+                        prop: 'comment',
                     },
 
                 ],
             },
             data: [],
+            transferTaskSelection: [],
+            reassignBox: false,
+            reassignType: 0, // 0:閲嶆柊鎸囨淳锛�1:鑷姩娲惧伐 2: 鑷姩娲惧伐
+            reassignOption: {
+                submitBtn: true,
+                emptyBtn: false,
+                column: [
+                    {
+                        label: '瀹℃壒缁撴灉',
+                        prop: 'approve',
+                        type: 'radio',
+                        span: 24,
+                        display: false,
+                        dicData: [
+                            { label: '閫氳繃', value: 'Y' },
+                            { label: '椹冲洖', value: 'N' },
+                        ],
+                        rules: [{ required: true, message: '璇烽�夋嫨瀹℃壒缁撴灉', trigger: 'blur' }],
+                    },
+                    {
+                        label: '鍙戦�佺粰',
+                        prop: 'newAssigneeId',
+                        component: 'elTreeSelect',
+                        params: {
+                            props:{
+                                label: 'name',
+                                value:'id',
+                                disabled: (data) => data.nodeType==='dept',
+                                isLeaf: (data) => data.children==null || data.children.length==0,
+                            },
+                        },
+                        display: true,
+                        filterable: true,
+                        span: 24,
+                        disabled: false,
+                        rules: [{ required: true, message: '璇疯緭鍏ラ�夋嫨', trigger: 'blur' }],
+                    },
+                    /*
+                    {
+                        label: '鍙戦�佺粰',
+                        prop: 'newAssigneeId',
+                        filterable:true,
+                        type: 'select',
+                        props: {
+                            label: 'name',
+                            value: 'id',
+                        },
+                        span: 24,
+                        disabled: false,
+                        display: true,
+                        dicData: [
+
+                        ],
+                        rules: [{ required: true, message: '璇疯緭鍏ラ�夋嫨', trigger: 'blur' }],
+                    },*/
+                    {
+                        label: '澶囨敞',
+                        span: 24,
+                        prop: 'comment',
+                        type: 'textarea',
+                    },
+                ],
+            },
+            reassignForm: {}
         };
     },
     watch: {
-        'form.category'() {
-            const category = func.toInt(this.form.category);
-            this.$refs.crud.option.column.filter(item => {
-                if (item.prop === 'path') {
-                    item.rules[0].required = category === 1;
-                }
-                if (item.prop === 'isOpen') {
-                    item.disabled = category === 2;
-                }
-            });
+        
+        'formApprove.approve'(val) {
+            this.setAssignee(this.row, val);
+            
         },
+        'reassignForm.approve'(val) {
+            if(this.reassignType ===3) {
+                if(val === 'Y') {
+                    this.reassignOption.column[1].disabled = true;
+                    this.reassignOption.column[1].display = false;
+                    this.reassignForm.newAssigneeId = '';
+                } else {
+                    this.reassignOption.column[1].display = false;
+                    this.reassignOption.column[1].disabled = false;
+                    this.reassignForm.newAssigneeId = '';
+                }
+            }
+            
+        }
     },
     computed: {
         ...mapGetters(['userInfo', 'permission']),
         permissionList() {
             return {
-                addBtn: this.validData(this.permission.menu_add, false),
-                viewBtn: this.validData(this.permission.menu_view, false),
-                delBtn: this.validData(this.permission.menu_delete, false),
-                editBtn: this.validData(this.permission.menu_edit, false),
+                manual_dispatch: this.validData(this.permission.manual_dispatch, false),
+                auto_dispatch: this.validData(this.permission.auto_dispatch, false),
+                batch_approve: this.validData(this.permission.batch_approve, true),
             };
         },
     },
+    mounted() {
+        //this.setApproveBtn(row)
+        /*
+        getAssignee({
+                taskId: 0,
+             }).then(res => {
+                //if(row.taskDefinitionKey === '')
+                this.assigneeData = res.data.data;
+                this.reassignOption.column[1].dicData = this.assigneeData;
+             });
+        */
+         getAssigneeTree({
+                taskId: 0,
+             }).then(res => {
+                this.assigneeData = res.data.data;
+                //鍒濆鍖栨暟鎺х鐞嗗憳鐨勬暟缁�
+                for(var i=0;i<this.assigneeData.length;i++){
+                    for(var j=0;j<this.assigneeData[i].children.length;j++){
+                        if(this.assigneeData[i].children[j].nodeType=='manager'){
+                            this.managerAssigneeData[this.managerAssigneeData.length] = this.assigneeData[i].children[j];
+                        }
+                    }
+                }
+                
+                this.optionApprove.column[1].data = this.assigneeData;
+                this.reassignOption.column[1].data = this.assigneeData;
+             });
+    },
     methods: {
-        reassign() {// 閲嶆柊鎸囨淳
+        approveButtonText(taskDefinitionKey){
+            let lower = taskDefinitionKey.toLowerCase();
+            if(taskDefinitionKey === 'teamLeaderTask') {
+                return '娲惧伐'
+            }else if(taskDefinitionKey == 'unlockProgramConfirm') {
+                //瑙i攣锛岀紪鍒跺鏍�
+                return '澶嶆牳'
+            }else if(taskDefinitionKey == 'programMgrConfirm') {
+                //鍥哄寲锛岀▼搴忕鐞嗗憳纭
+                return '纭'
+            }else if(lower.indexOf('program')>-1) {
+                return '缂栧埗'
+            }else if(lower.indexOf('check')>-1) {
+                return '鏍″'
+            }else if(lower.indexOf('useable')>-1) {
+                return '妫�鏌�'
+            }else{
+                return '瀹℃壒'
+            } 
+        },
+        setApproveBtn (row) { // 璁剧疆瀹℃壒缁撴灉鐨勭姸鎬�
+            // 1.瀹℃壒鐣岄潰radio鏂囨湰淇敼锛屾櫘閫氳妭鐐圭殑2涓猺adio鏂囨湰 閫氳繃锛坅pprove=Y),涓嶉�氳繃(鐜板湪鐨勯┏鍥�)(approve=N)
+            
+            this.optionApprove.column[0].dicData = [
+                { label: '閫氳繃', value: 'Y' },
+                { label: '涓嶉�氳繃', value: 'N' },
+            ];
+            switch (this.row.taskDefinitionKey) {
+                case 'teamLeaderTask': // 浠诲姟娲惧伐
+                    this.optionApprove.column[0].dicData = [
+                        { label: '閫氳繃', value: 'Y' },
+                        { label: '缁撴潫', value: 'N' },
+                    ];
+                    break;
+                case 'appendProgrammingTask': // 琛ュ厖娴佺▼鐨� 缂栫▼鑺傜偣
+                    this.optionApprove.column[0].dicData = [
+                        { label: '閫氳繃', value: 'Y' },
+                        { label: '缁撴潫', value: 'E' },
+                    ];
+                    break;
+                case 'cureProgramTask': // 鍥哄寲缂栧埗,鍙互閫氳繃锛堢粰鏍″锛夛紱涓嶉�氳繃N锛堢粰绋嬪簭绠$悊鍛橈級
+                    this.optionApprove.column[0].dicData = [
+                        { label: '閫氳繃', value: 'Y' },
+                        { label: '涓嶉�氳繃', value: 'N' },//缁欑▼搴忕鐞嗗憳
+                       
+                    ];
+                    break;
+                case 'confirmIsUseableTask': // 妫�鏌ョ▼搴忔槸鍚﹀彲鐢紝椹冲洖鏄粰
+                    this.optionApprove.column[0].dicData = [
+                        { label: '鍙敤', value: 'Y' }, //缁欐牎瀵�
+                        { label: '涓嶅彲鐢�', value: 'N' },//缁欑紪鍒�
+                        { label: '椹冲洖', value: 'R' },//缁欓┏鍥炵粍闀�
+                    ];
+                    break;
+                case 'programmingTask': //璇曞垏 缂栧埗鑺傜偣
+                    this.optionApprove.column[0].dicData = [
+                        { label: '閫氳繃', value: 'Y' },
+                        { label: '涓嶉�氳繃', value: 'N' },//缁欑粍闀�
+                        { label: '缁撴潫', value: 'E' },//缁撴潫娴佺▼
+                    ];
+                    break;
+                case 'programMgrConfirm'://鍥哄寲娴佺▼ 绋嬪簭绠$悊鍛橈紝鍙兘缁撴潫
+                    this.optionApprove.column[0].dicData = [
+                        { label: '缁撴潫', value: 'E' },
+                    ];
+                    break;
+                case 'seniorApproveTask': // 楂樺笀瀹℃牳
+                case 'approveTask': // 楂樺笀瀹℃牳
+                default:
+                    this.optionApprove.column[0].dicData = [
+                        { label: '閫氳繃', value: 'Y' },
+                        { label: '涓嶉�氳繃', value: 'N' },
+                    ];
+                    break;
+            }
+        },
+        setAssignee (row, approve) {
+            
+            if (["cureProgramTask"].includes(row.taskDefinitionKey)) {
+                if(approve === 'N'){
+                    this.optionApprove.column[1].data = this.managerAssigneeData;
+                }else{
+                    //this.optionApprove.column[1].dicData = this.allAssigneeData;
+                    this.optionApprove.column[1].data = this.assigneeData;
+                }
+            }
+            if (approve === 'Y') {//瀹℃壒閫氳繃鐨勬儏鍐�
 
+                this.optionApprove.column[1].disabled = false;
+                if (["check", 'cureCheckTask','repalceCheckTask','appendCheckTask'].includes(row.taskDefinitionKey)) {// 鏍″鑺傜偣
+                    this.formApprove.assignee = row.variables.senior;
+                } else if (["programmingTask",'cureProgramTask','repalceProgrammingTask','appendProgrammingTask'].includes(row.taskDefinitionKey)) {// 缂栧埗鑺傜偣
+                    this.formApprove.assignee = row.variables.checker;
+                } else if (row.taskDefinitionKey == "teamLeaderTask") {// 浠诲姟娲惧伐(缁勯暱)
+                    this.optionApprove.column[1].disabled = false;
+                    this.formApprove.assignee = row.variables.programmer
+                } else if (row.taskDefinitionKey == "confirmIsUseableTask") {//鍒ゆ柇绋嬪簭鏄惁鍙敤鑺傜偣锛岄兘鏄彂閫佺粰鏍″
+                    this.formApprove.assignee = row.variables.checker
+                } else if (["approveTask", 'seniorApproveTask','replaceApprove','unlockApproveTask','appendApproveTask'].includes(row.taskDefinitionKey)) {// 楂樺笀瀹℃牳
+                    this.optionApprove.column[1].disabled = true;//鏈�鍚庝竴涓妭鐐�"鍙戦�佺粰" 绂佺敤
+                    this.formApprove.assignee = ''; // 濡傛灉鏄�氳繃娴佺▼鐩存帴缁撴潫
+                }else if('unlockProgramConfirm'==row.taskDefinitionKey){
+                    //瑙i攣娴佺▼锛岀紪绋嬪鏍�,榛樿缁欓珮甯�
+                    this.formApprove.assignee = row.variables.senior;
+                }
+            } else if(approve === 'N'){
+                //涓嶉�氳繃鐨勬儏鍐�
+                //鏍规嵁鍦ㄧ嚎鏂囨。34琛岋紝'鍙戦�佺粰'鏄鐢紝浣嗘湁榛樿閫夐」
+                this.optionApprove.column[1].disabled = true;
+
+                if (["approveTask", 'seniorApproveTask','replaceApprove','unlockApproveTask','appendApproveTask'].includes(row.taskDefinitionKey)) {
+                    //瀹℃壒鑺傜偣锛屼笉閫氳繃缁欑紪鍒讹細缂栧埗鏄矗浠讳汉锛岀粰瀹為檯缂栫▼鍛�
+                    //this.formApprove.assignee = row.variables.programmer;
+                    this.formApprove.assignee = row.variables.actProgrammer;//缁欏疄闄呯紪绋嬪憳
+                } else if(["check", 'cureCheckTask','repalceCheckTask','appendCheckTask'].includes(row.taskDefinitionKey)){
+                    //鏍″鑺傜偣,涓婁竴姝ユ槸缂栫▼
+                    //this.formApprove.assignee = row.variables.programmer;
+                    this.formApprove.assignee = row.variables.actProgrammer;//缁欏疄闄呯紪绋嬪憳
+                }else if (["programmingTask"].includes(row.taskDefinitionKey)) {
+                    // 璇曞垏缂栧埗鑺傜偣,涓婁竴姝ユ槸缁勯暱
+                    this.formApprove.assignee = row.variables.teamLeader;
+                }else if(["cureProgramTask"].includes(row.taskDefinitionKey)) {
+                    //鍥哄寲缂栧埗鑺傜偣锛屼笉閫氳繃缁欐暟鎺х鐞嗗憳
+                    //TODO 鎸夋壘瑙掕壊瀹氫綅缁欏叾涓竴涓暟鎺х鐞嗗憳
+                    this.optionApprove.column[1].disabled = false;
+                    
+                    if(this.managerAssigneeData.length>0){
+                        this.formApprove.assignee = this.managerAssigneeData[0].id;
+                    }
+                }else if(["confirmIsUseableTask"].includes(row.taskDefinitionKey)) {
+                    //鍒ゆ柇鏄惁鍙敤鑺傜偣锛屼笉鍙敤锛岀粰缂栧埗
+                    this.formApprove.assignee = row.variables.programmer;
+                }if(['teamLeaderTask','repalceProgrammingTask','unlockProgramConfirm'].includes(row.taskDefinitionKey)){
+                    //鍒濆鑺傜偣涓嶉�氳繃灏辨槸缁撴潫娴佺▼锛屽鐞嗕汉涓虹┖
+                    this.formApprove.assignee = '';
+                }
+                
+            }else if(approve === 'R'){
+                //椹冲洖锛岀洰鍓嶅彧鏈夋鏌ョ▼搴忔槸鍚﹀彲鐢ㄨ妭鐐�
+                if(["confirmIsUseableTask"].includes(row.taskDefinitionKey)) {
+                    //鍒ゆ柇绋嬪簭鏄惁鍙敤鑺傜偣锛岄┏鍥烇紝缁欑粍闀�
+                    this.formApprove.assignee = row.variables.teamLeader;
+                }
+            }else if(approve === 'E'){//END 缁撴潫娴佺▼锛屼笉鍙�夊鐞嗕汉
+                //椹冲洖锛岀洰鍓嶅彧鏈夋鏌ョ▼搴忔槸鍚﹀彲鐢ㄨ妭鐐�
+                this.optionApprove.column[1].disabled = true;//澶勭悊浜洪�夐」绂佺敤
+                this.formApprove.assignee = ''
+            }
+            
+        },
+        selectionTransferTask(list) {
+            this.transferTaskSelection = list;
+        },
+        reassign(val) {// 閲嶆柊鎸囨淳
+            //var 0:鎵归噺杞淳锛�1锛氭墜鍔ㄦ淳宸ワ紱2锛氳嚜鍔ㄦ淳宸ワ紱3锛氭壒閲忓鎵�
+            this.reassignType = val;
+            if (this.transferTaskSelection.length === 0) {
+                this.$message.warning('璇烽�夋嫨闇�瑕佹搷浣滅殑浠诲姟');
+                return;
+            }
+            if (this.transferTaskSelection.length > 1 && this.reassignType === 0) {
+                this.$message.warning('璇烽�夋嫨涓�鏉�');
+                return;
+            }
+            if(val === 2) {
+                this.$confirm('璇风‘璁ゆ槸鍚﹁繘琛屾壒閲忚嚜鍔ㄦ淳宸ワ紵', '', {
+                    confirmButtonText: this.$t('submitText'),
+                    cancelButtonText: this.$t('cancelText'),
+                    type: 'warning',
+                }).then(() => {
+                    autoDispatch({
+                        taskIds: this.transferTaskSelection.map(v => v.taskId),
+                        processInstanceIds: this.transferTaskSelection.map(v => v.processInstanceId),
+                    }).then(res => {
+                        if(res.data.code !== 200) {
+                            this.$message.error(res.data.msg);
+                            return;
+                        }
+                        this.$message.success('鎿嶄綔鎴愬姛');
+                        this.onLoad(this.page, this.query);
+                        todoChangeNotify();
+                    }).catch(err => {
+                        this.$message.success('鎿嶄綔澶辫触');
+                    })
+                }).catch(() => {
+                    // this.$message.info('宸插彇娑堟搷浣�');
+                });
+            } else {
+                //0閲嶆柊鎸囨淳 3鎵归噺瀹℃壒 锛�1鎵嬪姩娲惧伐
+                this.reassignBox = true;
+
+                if(val === 3) {//鎵归噺瀹℃壒鏃� 鏄剧ず閫氳繃椹冲洖
+                    this.reassignOption.column[0].display = true;
+                    this.reassignOption.column[0].dicData[1].label = '涓嶉�氳繃';
+                    this.reassignForm.approve = 'Y';
+                    this.reassignForm.newAssigneeId = '';
+                    this.reassignOption.column[1].disabled = true;
+                    this.reassignOption.column[1].display = true;
+                } else {
+                    //0
+                    this.reassignOption.column[0].display = false;
+                    this.reassignForm.approve = '';
+
+                    if(val === 0 || val === 1) {//0閲嶆柊鎸囨淳 1鎵嬪姩娲惧伐 ,闇�瑕佹樉绀哄鐞嗕汉
+                        this.reassignOption.column[1].disabled = false;
+                        this.reassignOption.column[1].display = true;
+                    }
+                }
+                if(val ===1) {
+                    this.reassignForm.newAssigneeId = this.transferTaskSelection[0].variables.programmer;
+                }
+            }
+            
+            
+        },
+        toPerson(form, done) {
+            let tip = ''
+            this.reassignType === 1 ? tip = '璇风‘璁ゆ槸鍚︽墜鍔ㄦ淳宸�' : this.reassignType === 2 ? tip = '璇风‘璁ゆ槸鍚﹁嚜鍔ㄦ淳宸�' : tip = '璇风‘璁ゆ槸鍚﹂噸鏂版寚娲�';
+            if (this.reassignType === 0) {
+                this.$confirm(tip, '', {
+                    confirmButtonText: this.$t('submitText'),
+                    cancelButtonText: this.$t('cancelText'),
+                    type: 'warning',
+                }).then((res) => {
+                    console.log(res,'>>>>>>')
+                    reassgin({
+                        ...form,
+                        taskId: this.transferTaskSelection[0].taskId,
+                        processInstanceId: this.transferTaskSelection[0].processInstanceId,
+                    }).then(res => {
+                        if(res.data.code !== 200) {
+                            this.$message.error(res.data.msg);
+                            return;
+                        }
+                        this.$message.success('鎿嶄綔鎴愬姛');
+                        this.reassignBox = false;
+                        this.$refs?.reassginform?.resetForm();
+                        this.onLoad(this.page, this.query);
+
+                        todoChangeNotify();
+                        done()
+
+                    }).catch(err => {
+                        this.$message.error('鎿嶄綔澶辫触');
+                        done()
+                    })
+                }).catch(() => {
+                    console.log('>>>>>>')
+                    // this.$message.info('宸插彇娑堟搷浣�');
+                    done();
+                });
+                
+            } else if (this.reassignType === 1) {
+                this.$confirm(tip, '', {
+                    confirmButtonText: this.$t('submitText'),
+                    cancelButtonText: this.$t('cancelText'),
+                    type: 'warning',
+                }).then(() => {
+                    manualDispatch({
+                        assignee: form.newAssigneeId,
+                        comment: form.comment,
+                        taskIds: this.transferTaskSelection.map(v => v.taskId),
+                        processInstanceIds: this.transferTaskSelection.map(v => v.processInstanceId),
+                    }).then(res => {
+                        if(res.data.code !== 200) {
+                            this.$message.error(res.data.msg);
+                            return;
+                        }
+                        this.$message.success('鎿嶄綔鎴愬姛');
+                        this.reassignBox = false;
+                        this.$refs?.reassginform?.resetForm();
+                        this.onLoad(this.page, this.query);
+
+                        todoChangeNotify();
+                        done()
+
+                    }).catch(err => {
+                        console.error(err);
+                        done()
+                    })
+                }).catch(() => {
+                    console.log('>>>>>>')
+                    // this.$message.info('宸插彇娑堟搷浣�');
+                    done();
+                });
+            } else if (this.reassignType === 3) {
+                this.$confirm('纭瑕佽繘琛屾壒閲忓鎵瑰悧锛�', '', {
+                    confirmButtonText: this.$t('submitText'),
+                    cancelButtonText: this.$t('cancelText'),
+                    type: 'warning',
+                }).then(() => {
+                    batchApprove({
+                        assignee: form.newAssigneeId,
+                        comment: form.comment,
+                        approve: form.approve,
+                        taskIds: this.transferTaskSelection.map(v => v.taskId),
+                        processInstanceIds: this.transferTaskSelection.map(v => v.processInstanceId),
+                    }).then(res => {
+                        if(res.data.code !== 200) {
+                            this.$message.error(res.data.msg);
+                            return;
+                        }
+                        this.$message.success('鎿嶄綔鎴愬姛');
+                        this.reassignBox = false;
+                        this.$refs?.reassginform?.resetForm();
+                        this.onLoad(this.page, this.query);
+
+                        todoChangeNotify();
+                        done()
+
+                    }).catch(err => {
+                        console.error(err);
+                        done()
+                    })
+                }).catch(() => {
+                    console.log('>>>>>>')
+                    // this.$message.info('宸插彇娑堟搷浣�');
+                    done();
+                });
+            }
+        },
+        handleAction(row, index) {
+             getAssigneeTree({
+                taskId: row.taskId,
+             }).then(res => {
+      
+                this.assigneeData = res.data.data;
+                this.allAssigneeData = res.data.data;
+
+                this.managerAssigneeData=[];
+                //鍒濆鍖栨暟鎺х鐞嗗憳鐨勬暟缁�
+                for(var i=0;i<this.assigneeData.length;i++){
+                    for(var j=0;j<this.assigneeData[i].children.length;j++){
+                        if(this.assigneeData[i].children[j].nodeType=='manager'){
+                            this.managerAssigneeData[this.managerAssigneeData.length] = this.assigneeData[i].children[j];
+                        }
+                    }
+                }
+                this.optionApprove.column[1].data = this.assigneeData;
+                this.reassignOption.column[1].data = this.assigneeData;
+            })
+            this.formApprove = {
+                comment: '',
+                approve: 'Y', // 榛樿鍚�
+            }
+            this.approveBox = true;
+            this.row = row
+
+            this.setAssignee(row, this.formApprove.approve);
+            this.setApproveBtn(row);
+            //console.log('handleAction', row, index);
+        },
+        handleSubmit(form, done) {
+            if(this.row.taskDefinitionKey === 'programmingTask') {
+                // if(this.applist.length !== 1) {
+                //     done();
+                //     return this.$message.success('璇烽�夋嫨1涓▼搴�');
+                // }
+            }
+            approve({
+                ...this.formApprove,
+                taskId: this.row.taskId,
+                processInstanceId: this.row.processInstanceId,
+                // programIds: this.row.taskDefinitionKey === 'programmingTask' ? this.applist.map(v => v.id).join(',') : '',
+            }).then(res => {
+                if(res.data.code !== 200) {
+                    this.$message.error(res.data.msg);
+                    done();
+                    return;
+                }
+                this.$message.success('瀹℃壒鎴愬姛');
+                this.approveBox = false;
+                this.onLoad(this.page, this.query);
+
+                todoChangeNotify();//椤堕儴寰呭姙鏁伴噺鍒锋柊
+                done();
+            }).catch(err => {
+                done();
+                console.error(err);
+            });
         },
         searchChange(params, done) {
+            let data = {}
             this.query = params;
             this.page.currentPage = 1;
-            this.onLoad(this.page, params);
+            console.log('searchChange', params);
+            params.createTimeBegin = params?.processCreateTime?.[0] || '';
+            params.createTimeEnd = params?.processCreateTime?.[1] || '';
+            data = {
+                createTimeBegin: params.createTimeBegin,
+                createTimeEnd: params.createTimeEnd,
+                keyword: params.keyword || ''
+            }
+            this.query = data
+            this.onLoad(this.page, data);
             done();
         },
         searchReset() {
             this.query = {};
             this.onLoad(this.page);
-        },
-        searchChange(params, done) {
-            this.query = params;
-            this.parentId = '';
-            this.page.currentPage = 1;
-            this.onLoad(this.page, params);
-            done();
         },
         currentChange(currentPage) {
             this.page.currentPage = currentPage;
@@ -202,19 +842,45 @@
         onLoad(page, params = {}) {
             const query = {
                 ...this.query,
-                category: params.category ? flowCategory(params.category) : null,
+                // category: params.category ? flowCategory(params.category) : null,
                 mode: this.mode,
             };
+            try {
+                delete query.processCreateTime; // 鍒犻櫎涓嶅繀瑕佺殑鏌ヨ鏉′欢
+            } catch (error) {
+                console.error('鏃ユ湡鏍煎紡鍖栭敊璇�', error);
+            }
+
             this.loading = true;
-            getLazyList(page.currentPage, page.pageSize, Object.assign(params, query)).then(res => {
+            getList(page.currentPage, page.pageSize, Object.assign(query, params)).then(res => {
                 const data = res.data.data;
                 this.page.total = data.total;
                 this.data = data.records;
                 this.loading = false;
             });
         },
+        selectionChange(applist) {
+            this.applist = applist
+        },
     },
 };
 </script>
 
-<style></style>
+<style scoped="scoped" lang="scss">
+.approve-box {
+    display: flex;
+
+    &>div {
+        border: 1px solid #ccc;
+    }
+
+    .left {
+        width: 40%;
+    }
+
+    .right {
+        flex: 1;
+        padding: 0 10px;
+    }
+}
+</style>

--
Gitblit v1.9.3