From 24bd15b2a533455138691cd684855ba213921696 Mon Sep 17 00:00:00 2001
From: lzhe <181968431@qq.com>
Date: 星期日, 10 八月 2025 12:12:22 +0800
Subject: [PATCH] 1

---
 src/views/flow/todolist.vue |  700 +++++++++++++++++++++++++++++++++++++++------------------
 1 files changed, 479 insertions(+), 221 deletions(-)

diff --git a/src/views/flow/todolist.vue b/src/views/flow/todolist.vue
index 1e2121d..5f6b693 100644
--- a/src/views/flow/todolist.vue
+++ b/src/views/flow/todolist.vue
@@ -1,73 +1,155 @@
 <template>
     <basic-container>
-        <avue-crud :option="option" :table-loading="loading" :data="data" ref="crud" v-model="form"
-            :permission="permissionList" :before-open="beforeOpen" :before-close="beforeClose" @row-del="rowDel"
-             @row-save="rowSave" @search-change="searchChange" @search-reset="searchReset"
-            @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
-            @refresh-change="refreshChange" @on-load="onLoad">
+        <avue-crud :option="option" :table-loading="loading" :data="data" v-model:page="page" v-model="form" ref="crud"
+            @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" plain @click="reassign(0)">閲嶆柊鎸囨淳</el-button>
+                <el-button type="primary" v-if="permission.manual_dispatch" plain @click="reassign(1)">鎵嬪姩娲惧伐
+                </el-button>
+                <el-button type="primary" v-if="permission.auto_dispatch" plain @click="reassign(2)">鑷姩娲惧伐
                 </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)">瀹℃壒
+                </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" />
+                    <avue-form ref="form" :option="optionApprove" v-model="formApprove" @submit="handleSubmit" />
+                </div>
+            </div>
+        </el-drawer>
     </basic-container>
 </template>
 
 <script>
-import { getLazyList, remove, update, add, getMenu } from '@/api/system/menu';
+import { getList, approve, getAssignee,reassgin,manualDispatch,autoDispatch } 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';
 export default {
+    components: {
+        TodolistLeft,
+        TodolistRightTop
+    },
     data() {
         return {
-            form: {},
-            query: {},
-            loading: true,
-            selectionList: [],
-            parentId: 0,
+            
+            applist: [],
+            assigneeData: [],
+            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',
+                        // dicUrl: `/blade-mdm/flow/flow-user-list?deptId=0`,
+                        // dicFlag: true,
+                        props: {
+                            label: 'name',
+                            value: 'id',
+                        },
+                        filterable: true,
+                        span: 24,
+                        disabled: false,
+                        dicData: [
+
+                        ],
+                        // rules: [{ required: true, message: '璇烽�夋嫨涓嬩竴瀹℃壒鐢ㄦ埛', trigger: 'blur' }],
+                    },
+                    {
+                        label: '宸ュ簭鐗堟',
+                        prop: 'processEdition',
+                        type: 'input',
+                        span: 24,
+                        // disabled: true,
+                        display: false,// 闅愯棌鏄剧ず
+                        // rules: [{ required: true, message: '璇烽�夋嫨涓嬩竴瀹℃壒鐢ㄦ埛', trigger: 'blur' }],
+                    },
+                    {
+                        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,
                 total: 0,
             },
+            form: {},
+            query: {},
+            loading: true,
             option: {
+                rowKey: "taskId",
                 addBtn: false,
-                lazy: true,
+                editBtn: false,
+                delBtn: false,
+                columnBtn: false,
                 tip: false,
-                simplePage: true,
+                // simplePage: true,
                 searchShow: true,
                 searchMenuSpan: 6,
                 dialogWidth: '60%',
-                tree: true,
+                // tree: true,
                 border: true,
                 index: true,
                 selection: true,
-                viewBtn: true,
-                menuWidth: 320,
+                // viewBtn: true,
+                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',
@@ -83,231 +165,381 @@
                             },
                         ],
                     },
-                    
-                    {
-                        label: '缂栧彿',
-                        prop: 'name',
-                        width: 300,
+					{
+                        label: '鏍囬',
+                        prop: '',
+                        width: 100,
+						render: ({ row }) => {
+                            return h('p',
+                                {
+                                    attrs: {},
+                                    class: {},
+                                    style: {},
+                                }, row?.variables?.title)
+                        }
                     },
+                    {
+                        label: '娴佺▼鍚嶇О',
+                        prop: 'processDefinitionName',
+                        width: 100,
+                    },/*
                     {
                         label: '娴佺▼绫诲瀷',
-                        prop: 'path',
-                        rules: [
-                            {
-                                required: true,
-                                message: '璇疯緭鍏ヨ矾鐢卞湴鍧�',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '瀹炰緥缂栧彿',
-                        type: 'tree',
-                    },
-                    {
-                        label: '娴佺▼瀹炰緥鍚�',
-                        type: 'tree',
-                    },
+                        width: 100,
+                        prop: 'categoryName',
+                    },*/
+
                     {
                         label: '鏈哄簥',
-                        type: 'tree',
+                        width: 100,
+                        prop: '',
+                        formatter: (val, value, label) => {
+                            return `${val?.variables?.machineCode}`;
+                        },
                     },
                     {
                         label: '鍒涘缓浜�',
-                        type: 'tree',
+                        width: 100,
+                        prop: 'startUserName',
                     },
                     {
                         label: '鍒涘缓鏃堕棿',
-                        type: 'tree',
+                        width: 200,
+                        prop: 'processCreateTime',
+                        type: 'datetime',
+                        format: 'YYYY-MM-DD HH:mm:ss',
+                        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+                        search: true,
+                        searchRange: true,
+                        searchSpan: 8,
+                        // hide: true,
                     },
                     {
-                        label: '鍒拌揪鏃堕棿',
-                        type: 'tree',
+                        label: '涓婁竴姝ョ敤鎴�',
+                        width: 200,
+                        prop: '',
+                        formatter: (val, value, label) => {
+                            return `${val?.variables?.approveUserNickName || ''}`;
+                        },
                     },
                     {
-                        label: '鍒拌揪鎻忚堪',
-                        type: 'tree',
+                        label: '褰撳墠鑺傜偣',
+                        width: 200,
+                        prop: 'taskName',
                     },
                     {
                         label: '鏂囦欢',
-                        type: 'tree',
+                        width: 200,
+                        prop: 'file',
                     },
                     {
                         label: '鍒拌揪鏃堕棿',
-                        type: 'tree',
+                        width: 200,
+                        prop: 'createTime',
                     },
-                   
+                    {
+                        label: '鍒拌揪鎻忚堪',
+                        width: 200,
+                        prop: 'comment',
+                    },
+
                 ],
             },
             data: [],
+            transferTaskSelection: [],
+            reassignBox: false,
+            reassignType: 0, // 0:閲嶆柊鎸囨淳锛�1:鑷姩娲惧伐 2: 鑷姩娲惧伐
+            reassignOption: {
+                submitBtn: true,
+                emptyBtn: false,
+                column: [
+                    {
+                        label: '鍙戦�佺粰',
+                        prop: 'newAssigneeId',
+                        type: 'select',
+                        // dicUrl: `/blade-mdm/flow/flow-user-list?deptId=0`,
+                        // dicFlag: true,
+                        props: {
+                            label: 'name',
+                            value: 'id',
+                        },
+                        span: 24,
+                        disabled: false,
+                        dicData: [
+
+                        ],
+                        rules: [{ required: true, message: '璇疯緭鍏ラ�夋嫨', trigger: 'blur' }],
+                    },
+                    {
+                        label: '澶囨敞',
+                        span: 24,
+                        prop: 'comment',
+                        type: 'textarea',
+                        rules: [{ required: true, message: '璇疯緭鍏ュ鎵规剰瑙�', trigger: 'blur' }],
+                    },
+                ],
+            },
+            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;
-                }
-            });
+        // '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);
+            // if(val === 'Y' && ['confirmIsUseableTask'].includes(this.row.taskDefinitionKey) && this.row.variables.isProcessEditionSame=='N') {
+            //     // this.optionApprove.column[2].display = true; // 鏄剧ず宸ュ簭鐗堟
+            // } else {
+            //     this.optionApprove.column[2].display = false; // 闅愯棌宸ュ簭鐗堟
+            // }
+            
         },
     },
     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),
             };
         },
-        ids() {
-            let ids = [];
-            this.selectionList.forEach(ele => {
-                ids.push(ele.id);
-            });
-            return ids.join(',');
-        },
+    },
+    mounted() {
+        getAssignee().then(res => {
+            this.assigneeData = res.data.data;
+            this.optionApprove.column[1].dicData = this.assigneeData;
+            this.reassignOption.column[0].dicData = this.assigneeData;
+        })
     },
     methods: {
-        reassign () {// 閲嶆柊鎸囨淳
+        // 璁剧疆瀹℃壒缁撴灉鐨勭姸鎬�
+        setApproveBtn () {
+            // 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': // 浠诲姟娲惧伐
+                case 'cureProgramTask': // 鍥哄寲缂栧埗
+                    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 'seniorApproveTask': // 楂樺笀瀹℃牳
+                case 'approveTask': // 楂樺笀瀹℃牳
 
+                default:
+                    this.optionApprove.column[0].dicData = [
+                        { label: '閫氳繃', value: 'Y' },
+                        { label: '涓嶉�氳繃', value: 'N' },
+                    ];
+                    break;
+            }
         },
-        initData() {
-            getMenuTree().then(res => {
-                const column = this.findObject(this.option.column, 'parentId');
-                column.dicData = res.data.data;
-            });
-        },
-        handleAdd(row) {
-            this.parentId = row.id;
-            const column = this.findObject(this.option.column, 'parentId');
-            column.value = row.id;
-            column.addDisabled = true;
-            this.$refs.crud.rowAdd();
-        },
-        rowSave(row, done, loading) {
-            add(row).then(
-                res => {
-                    // 鑾峰彇鏂板鏁版嵁鐨勭浉鍏冲瓧娈�
-                    const data = res.data.data;
-                    row.id = data.id;
-                    this.$message({
-                        type: 'success',
-                        message: '鎿嶄綔鎴愬姛!',
-                    });
-                    // 鏁版嵁鍥炶皟杩涜鍒锋柊
-                    done(row);
-                },
-                error => {
-                    window.console.log(error);
-                    loading();
+        setAssignee (row, approve) {
+            if (approve === 'Y') {
+                if (["check", 'cureCheckTask '].includes(row.taskDefinitionKey)) {// 鏍″
+                    this.formApprove.assignee = row.variables.senior;
+                } else if (["programmingTask",'cureProgramTask'].includes(row.taskDefinitionKey)) {// 缂栧埗锛屾牎瀵�
+                    this.formApprove.assignee = row.variables.checker;
+                } else if (row.taskDefinitionKey == "teamLeaderTask") {// 浠诲姟娲惧伐
+                    this.formApprove.assignee = row.variables.programmer
+                } else if (row.taskDefinitionKey == "confirmIsUseableTask") {
+                    this.formApprove.assignee = row.variables.checker
+                } else if (["approveTask", 'seniorApproveTask'].includes(row.taskDefinitionKey)) {// 楂樺笀瀹℃牳
+                    this.optionApprove.column[1].disabled = true;
+                    this.formApprove.assignee = ''; // 濡傛灉鏄�氳繃锛屽垯榛樿鎸囨淳缁欒嚜宸�
                 }
-            );
-        },
-        rowUpdate(row, index, done, loading) {
-            update(row).then(
-                () => {
-                    this.$message({
-                        type: 'success',
-                        message: '鎿嶄綔鎴愬姛!',
-                    });
-                    // 鏁版嵁鍥炶皟杩涜鍒锋柊
-                    done(row);
-                },
-                error => {
-                    window.console.log(error);
-                    loading();
+            } else if(approve === 'N'){
+                this.formApprove.assignee = ''
+                if (["approveTask", 'seniorApproveTask'].includes(row.taskDefinitionKey)) {// 楂樺笀瀹℃牳
+                    this.optionApprove.column[1].disabled = true;
+                    this.formApprove.assignee = row.varables.assignee; // 濡傛灉鏄�氳繃锛屽垯榛樿鎸囨淳缁欒嚜宸�
                 }
-            );
+            }
+            
         },
-        rowDel(row, index, done) {
-            this.$confirm('纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎?', {
-                confirmButtonText: '纭畾',
-                cancelButtonText: '鍙栨秷',
-                type: 'warning',
-            })
-                .then(() => {
-                    return remove(row.id);
-                })
-                .then(() => {
-                    this.$message({
-                        type: 'success',
-                        message: '鎿嶄綔鎴愬姛!',
-                    });
-                    // 鏁版嵁鍥炶皟杩涜鍒锋柊
-                    done(row);
-                });
+        selectionTransferTask(list) {
+            this.transferTaskSelection = list;
         },
-        handleDelete() {
-            if (this.selectionList.length === 0) {
-                this.$message.warning('璇烽�夋嫨鑷冲皯涓�鏉℃暟鎹�');
+        reassign(val) {// 閲嶆柊鎸囨淳
+            this.reassignType = val;
+            if (this.transferTaskSelection.length === 0) {
+                this.$message.warning('璇烽�夋嫨闇�瑕佹搷浣滅殑浠诲姟');
                 return;
             }
-            this.$confirm('纭畾灏嗛�夋嫨鏁版嵁鍒犻櫎?', {
-                confirmButtonText: '纭畾',
-                cancelButtonText: '鍙栨秷',
-                type: 'warning',
-            })
-                .then(() => {
-                    return remove(this.ids);
-                })
-                .then(() => {
-                    // 鍒锋柊琛ㄦ牸鏁版嵁骞堕噸杞�
-                    this.data = [];
-                    this.parentId = 0;
-                    this.$refs.crud.refreshTable();
-                    this.$refs.crud.toggleSelection();
-                    // 琛ㄦ牸鏁版嵁閲嶈浇
-                    this.onLoad(this.page);
-                    this.$message({
-                        type: 'success',
-                        message: '鎿嶄綔鎴愬姛!',
-                    });
+            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);
+
+                    }).catch(err => {
+                        this.$message.success('鎿嶄綔澶辫触');
+                    })
                 });
+            } else {
+                this.reassignBox = true;
+            }
+            
+            
+        },
+        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(() => {
+                    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);
+                        done()
+
+                    }).catch(err => {
+                        this.$message.error('鎿嶄綔澶辫触');
+                        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);
+                        done()
+
+                    }).catch(err => {
+                        console.error(err);
+                        done()
+                    })
+                });
+            }
+            
+            done();
+        },
+        handleAction(row, index) {
+            this.formApprove = {
+                comment: '',
+                approve: 'Y', // 榛樿鍚�
+            }
+            this.approveBox = true;
+            this.row = row
+            this.setAssignee(row, this.formApprove.approve);
+            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);
+                done();
+            }).catch(err => {
+                done();
+                console.error(err);
+            });
+        },
+        searchChange(params, done) {
+            let data = {}
+            this.query = params;
+            this.page.currentPage = 1;
+            console.log('searchChange', params);
+            params.createTimeBegin = params?.processCreateTime?.[0] || '';
+            params.createTimeEnd = params?.processCreateTime?.[1] || '';
+            console.log(params);
+            // data = {
+            //     createTimeBegin: dayjs(params.createTimeBegin).isValid() ? dayjs(params.createTimeBegin).format('YYYY-MM-DD') : '',
+            //     createTimeEnd: dayjs(params.createTimeEnd).isValid() ? dayjs(params.createTimeEnd).format('YYYY-MM-DD') : '',
+            //     keyword: params.keyword || ''
+            // }
+            data = {
+                createTimeBegin: params.createTimeBegin,
+                createTimeEnd: params.createTimeEnd,
+                keyword: params.keyword || ''
+            }
+            this.query = data
+            this.onLoad(this.page, data);
+            done();
         },
         searchReset() {
             this.query = {};
-            this.parentId = 0;
             this.onLoad(this.page);
-        },
-        searchChange(params, done) {
-            this.query = params;
-            this.parentId = '';
-            this.page.currentPage = 1;
-            this.onLoad(this.page, params);
-            done();
-        },
-        selectionChange(list) {
-            this.selectionList = list;
-        },
-        selectionClear() {
-            this.selectionList = [];
-            this.$refs.crud.toggleSelection();
-        },
-        beforeOpen(done, type) {
-            if (['add', 'edit'].includes(type)) {
-                this.initData();
-            }
-            if (['edit', 'view'].includes(type)) {
-                getMenu(this.form.id).then(res => {
-                    this.form = Object.assign(res.data.data, {
-                        hasChildren: this.form.hasChildren,
-                    });
-                });
-            }
-            done();
-        },
-        beforeClose(done) {
-            this.parentId = '';
-            const column = this.findObject(this.option.column, 'parentId');
-            column.value = '';
-            column.addDisabled = false;
-            done();
         },
         currentChange(currentPage) {
             this.page.currentPage = currentPage;
@@ -318,22 +550,48 @@
         refreshChange() {
             this.onLoad(this.page, this.query);
         },
+
         onLoad(page, params = {}) {
+            const query = {
+                ...this.query,
+                // category: params.category ? flowCategory(params.category) : null,
+                mode: this.mode,
+            };
+            try {
+                delete query.processCreateTime; // 鍒犻櫎涓嶅繀瑕佺殑鏌ヨ鏉′欢
+            } catch (error) {
+                console.error('鏃ユ湡鏍煎紡鍖栭敊璇�', error);
+            }
+
             this.loading = true;
-            getLazyList(this.parentId, Object.assign(params, this.query)).then(res => {
-                this.data = res.data.data;
+            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;
-                this.selectionClear();
             });
         },
-        treeLoad(tree, treeNode, resolve) {
-            const parentId = tree.id;
-            // getLazyList(parentId).then(res => {
-            //     resolve(res.data.data);
-            // });
+        selectionChange(applist) {
+            this.applist = applist
         },
     },
 };
 </script>
 
-<style></style>
+<style scoped="scoped" lang="scss">
+.approve-box {
+    display: flex;
+
+    &>div {
+        border: 1px solid #ccc;
+    }
+
+    .left {
+        width: 400px;
+    }
+
+    .right {
+        flex: 1;
+    }
+}
+</style>

--
Gitblit v1.9.3