From a7012f576af864cb6e29473934698a6932dbc27b Mon Sep 17 00:00:00 2001
From: duanliangtao <48194157+duanliangtao@users.noreply.github.com>
Date: Wed, 4 Sep 2024 13:58:33 +0800
Subject: [PATCH] =?UTF-8?q?12345=20=E9=80=80=E5=9B=9E=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E7=9A=84=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/shequzhili/Delivery/index.vue     |   3 +-
 .../shequzhili/event/cpts/event-info.vue      |  32 ++-
 .../event/cpts/process-form-return.vue        | 216 ++++++++++++++++++
 .../shequzhili/event/cpts/process-form.vue    |  20 +-
 .../shequzhili/eventHandling/index.vue        |  15 +-
 5 files changed, 274 insertions(+), 12 deletions(-)
 create mode 100644 src/views/modules/shequzhili/event/cpts/process-form-return.vue

diff --git a/src/views/modules/shequzhili/Delivery/index.vue b/src/views/modules/shequzhili/Delivery/index.vue
index ce7c65c50..f342b77ac 100644
--- a/src/views/modules/shequzhili/Delivery/index.vue
+++ b/src/views/modules/shequzhili/Delivery/index.vue
@@ -139,6 +139,7 @@
                         <template slot-scope="scope">
                             <span v-if="scope.row.status === 'unassigned'">未指派</span>
                             <span v-else-if="scope.row.status ==='assigned'">已指派</span>
+                            <span v-else-if="scope.row.operationType ==='13'">已退件</span>
                             <span v-else-if="scope.row.status ==='closed_case'">已办结</span>
                             <span v-else="scope.row.status ==='processing'">处理中</span>
                         </template>
@@ -168,7 +169,7 @@
                                 <el-button @click="handleDispose(scope.row,'assign')" type="text" size="small"
                                 v-if="(scope.row.status == 'processing'|| scope.row.status === 'assigned') && scope.row.operationType === '5'">改派</el-button>
                             <el-button @click="handleDispose(scope.row,'assign')" type="text" size="small"
-                                v-if="scope.row.status =='unassigned'||scope.row.status =='processing'">派件</el-button>
+                                v-if="scope.row.status =='unassigned'||scope.row.status =='processing'||scope.row.operationType =='13'">派件</el-button>
                             <el-button @click="handleDispose(scope.row,'check')" type="text" size="small"
                                 v-if="scope.row.operationType === '11'">审核</el-button>
                         </template>
diff --git a/src/views/modules/shequzhili/event/cpts/event-info.vue b/src/views/modules/shequzhili/event/cpts/event-info.vue
index 4b88a4dc4..a80f2ba87 100644
--- a/src/views/modules/shequzhili/event/cpts/event-info.vue
+++ b/src/views/modules/shequzhili/event/cpts/event-info.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="">
-        <div v-if="pageTypeCopy == 'dispose' || pageTypeCopy == 'info' || pageTypeCopy == 'assign'|| pageTypeCopy == 'check'" class="g-page">
+        <div v-if="pageTypeCopy == 'dispose' || pageTypeCopy == 'info' || pageTypeCopy == 'assign'|| pageTypeCopy == 'check' || pageTypeCopy == 'return'" class="g-page">
             <!-- 面包屑放到这里-->
             <div class="tabs" @click="handleClose">
                 <i class="el-icon-arrow-left"></i>
@@ -13,14 +13,15 @@
                     :source="source" @handleToProject="handleToProject" @handleToDemand="handleToDemand"
                     @handleToIssue="handleToIssue" @handleClose="handleClose"></event-detail>
 
-                <div class="process-form" v-if="pageTypeCopy == 'dispose' || pageTypeCopy == 'assign' ||pageTypeCopy == 'check'">
+                <div class="process-form" v-if="pageTypeCopy == 'dispose' || pageTypeCopy == 'assign' ||pageTypeCopy == 'check' ||pageTypeCopy == 'return'">
                     <el-card :class="{ 'box-card': source === 'visiual' }">
                         <div :class="['process-title', { 'process-title-vis': source === 'visiual' },]">
                             <img src="../../../../../assets/images/index/title-icon-chuli.png" width="30px"
-                                height="30px" alt=""> {{ pageTypeCopy === 'assign' ? '指派' : '办理' }}
+                                height="30px" alt=""> {{ pageTypeCopy === 'assign' ? '指派' : pageTypeCopy === 'return' ? '退件' :'办理' }}
                         </div>
                         <process-form ref="ref_processinfo_dispose" :source="source" :eventId="eventId"
                             :eventDetailData="eventDetailData" :pageType="pageTypeCopy" :replayDetailObj="replayDetailObj"></process-form>
+
                         <div class="div-btn">
                             <el-button size="small" @click="handleClose">关闭</el-button>
                             <el-button style="margin-left: 20px" type="primary" size="small"
@@ -43,12 +44,16 @@
                             <div class="item" :class="[index === 0 ? 'z-on' : '', { 'item-vis': source === 'visiual' },
                             ]" :key="item.processId" v-for="(item, index) in projectProcess">
                                 <div class="item-row">
-                                    <template v-if="item.agencyId">
+                                    <!-- <template v-if="item.agencyId">
                                         <div class="name">指派</div>
                                     </template>
                                     <template v-else>
                                         <div class="name">{{ item.processName }}</div>
+                                    </template> -->
+                                    <template>
+                                        <div class="name">{{ (item.processName!=null && item.processName!='')?item.processName:'办理中' }}</div>
                                     </template>
+                
                                     <div class="date">
                                         {{ item.processTime }}
                                     </div>
@@ -119,7 +124,7 @@
                                             <div class="detail-field">操作人：</div>
                                             <div class="detail-value">{{ item.departmentName }}</div>
                                         </div>
-                                        <div class="detail">
+                                        <div class="detail" v-if="item.processName!='已退件'">
                                             <div class="detail-field">办理说明：</div>
                                             <div class="detail-value">{{ item.publicReply }}</div>
                                         </div>
@@ -132,6 +137,19 @@
                                             <div class="detail-value">{{ item.examineContent }}</div>
                                         </div>
 
+                                        <div class="detail" v-if="item.processName==='已退件'">
+                                            <div class="detail-field">是否已联系：</div>
+                                            <div class="detail-value">{{ item.returnLoseContact===1?'已联系当事人':'未联系当事人' }}</div>
+                                        </div>
+                                        <div class="detail" v-if="item.processName==='已退件'">
+                                            <div class="detail-field">建议办理部门：</div>
+                                            <div class="detail-value">{{ item.returnSuggestDeptName }}</div>
+                                        </div>
+                                        <div class="detail" v-if="item.processName==='已退件'">
+                                            <div class="detail-field">退件原因：</div>
+                                            <div class="detail-value">{{ item.returnReason }}</div>
+                                        </div>
+
                                         <template v-if="item.internalFile && item.internalFile.length > 0"
                                             v-for="i in item.internalFile">
                                             <template v-if="i.attachmentType === 'image'">
@@ -319,13 +337,15 @@ export default {
         },
         async handleComfirm() {
             this.startLoading();
-            if (this.pageTypeCopy === "dispose" ||this.pageTypeCopy === "assign" || this.pageTypeCopy === "check" ) {
+            if (this.pageTypeCopy === "dispose" ||this.pageTypeCopy === "assign" || this.pageTypeCopy === "check" || this.pageTypeCopy === "return" ) {
                 await this.handelDispose();
             }
             this.endLoading();
         },
 
         async handelDispose() {
+            console.log("handelDispose......");
+            console.log("okflag:"+this.$refs.ref_processinfo_dispose.okflag);
             this.$refs.ref_processinfo_dispose.getProcessInfo();
             if (this.$refs.ref_processinfo_dispose.okflag) {
                 this.formData.operationType = this.$refs.ref_processinfo_dispose.operationType;
diff --git a/src/views/modules/shequzhili/event/cpts/process-form-return.vue b/src/views/modules/shequzhili/event/cpts/process-form-return.vue
new file mode 100644
index 000000000..68a3e1b3c
--- /dev/null
+++ b/src/views/modules/shequzhili/event/cpts/process-form-return.vue
@@ -0,0 +1,216 @@
+<!--
+ * @Author: yanLu xgktv007@163.com
+ * @Date: 2023-09-05 10:21:34
+ * @LastEditors: mk 2403457699@qq.com
+ * @LastEditTime: 2023-09-18 17:16:40
+ * @Description: 事件转办表单
+ * 
+-->
+<template>
+    <div class="search">
+        <el-form ref="ref_form1" :model="formData" :inline="false" :rules="dataRule" class="form">
+                <el-form-item label="是否已联系当事人" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
+                    prop="returnLoseContact">
+                    <el-select v-model="formData.returnLoseContact" placeholder="请选择">
+                        <el-option label="已联系当事人" value="1"></el-option>
+                        <el-option label="未联系当事人" value="0"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="建议办理部门" prop="returnSuggestDept" label-width="150px"
+                :class="{ 'form-item': source === 'visiual' }">
+                    <el-cascader class="cell-width-1" ref="agencyIdArray" v-model.trim="agencyIdArray" :options="orgOptions"
+                        :props="orgOptionProps" :show-all-levels="false" @change="handleChangeAgency"></el-cascader>
+                </el-form-item>
+
+                <el-form-item label="退件原因及说明" prop="returnReason" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
+                style="display: block">
+                    <div :class="{ 'visiual-form': source === 'visiual' }">
+                        <el-input class="cell-width-area" type="textarea" maxlength="500" show-word-limit :rows="5"
+                            placeholder="请输入转办意见，不超过500字" v-model.trim="formData.returnReason" @input="handelInputContent"></el-input>
+                    </div>
+                </el-form-item>
+
+            </el-form>
+    </div>
+</template>
+
+<script>
+import { Loading } from "element-ui"; // 引入Loading服务
+import { requestPost } from "@/js/dai/request";
+let loading; // 加载动画
+export default {
+    data() {
+        return {
+            customerId: localStorage.getItem("customerId"),
+            formData: {
+                operationType: "13", //处理方式[13:退件]
+                returnReason:'',
+                returnSuggestDept:'',
+                returnSuggestDeptName:'',
+                returnLoseContact:''
+            },
+            orgOptions: [],
+            okflag: false,
+            orgOptionProps: {
+                multiple: false,
+                value: 'agencyId',
+                label: 'agencyName',
+                children: 'subAgencyList',
+                checkStrictly: true
+            },
+            agencyIdArray: [],
+            dataRule: {
+                returnLoseContact: [
+                    { required: true, message: "是否联系当事人不能为空", trigger: "blur" },
+                ],
+                returnSuggestDept: [
+                    { required: true, message: "建议办理部门不能为空", trigger: "blur" },
+                ],
+                returnReason: [
+                    { required: true, message: "退件原因不能为空", trigger: "blur" },
+                ]
+            }
+        };
+    },
+    components: {},
+    computed: {},
+    props: {
+        eventId: {
+            type: String,
+            default: "",
+        },
+        eventDetailData: {
+            type: Object,
+            default() {
+                return {};
+            },
+        },
+        source: {
+            //展示来源：manage  管理平台    visiual  可视化平台
+            type: String,
+            default: "manage",
+        },
+    },
+    created() {
+        this.formData.createdTime = this.$dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss');
+    },
+    async mounted() {
+        const { user } = this.$store.state;
+        this.agencyId = user.agencyId;
+        this.getOrgTreeList();
+        if (this.eventId) {
+            this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
+            this.formData.handlingReq = this.eventDetailCopy.handlingReq;
+            this.formData.transferAdvice = this.eventDetailCopy.transferAdvice;
+        }
+    },
+    methods: {
+        handelInputContent(val) {
+            this.$EventBus.$emit('handelInputEventContent', { type: 'returnReason', value: val })
+        },
+        //组织机构树
+        async getOrgTreeList() {
+            const url = "/gov/org/customeragency/agencyGridDepttree"
+            let params = {
+                agencyId: this.agencyId,
+                purpose: "query"
+            }
+            const { data, code, msg } = await requestPost(url, params)
+            if (code === 0) {
+                this.orgOptions = []
+                this.orgOptions.push(data)
+            } else {
+                this.$message.error(msg)
+            }
+        },
+
+        buildNode(nodes, treeId) {
+            for (let i = 0; i < nodes.length; i++) {
+                if (nodes[i].id === treeId) {
+                    if (nodes[i].children) {
+                        return nodes[i].children
+                    } else {
+                        return nodes[i]
+                    }
+                }
+            }
+        },
+        handleChangeAgency(val) {
+            let obj = this.$refs["agencyIdArray"].getCheckedNodes()[0].data
+            if (obj) {
+                this.formData.level = obj.level 
+                this.formData.returnSuggestDept = obj.agencyId
+                this.formData.returnSuggestDeptName = obj.agencyName
+            } else {
+                this.form.orgType = ''
+                this.form.orgId = ''
+            }
+        },
+        handleChangeCate() {
+            if (this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0]) {
+                this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data
+                this.formData.categoryList = this.selCateObj
+                this.formData.categoryId = this.selCateObj.id
+            } else {
+                this.selCateObj = {}
+            }
+        },
+        //重构树，去除网格
+        deepTree(arr, children) {
+            if (Array.isArray(arr) && arr.length > 0) {
+                return arr.map((item) => {
+                    return {
+                        ...item,
+                        [children]:
+                            (item[children] &&
+                                item[children].length > 0 &&
+                                this.deepTree(item[children], children)) ||
+                            null,
+                    };
+                });
+            }
+        },
+        async getReplayInfo() {
+            this.okflag = false;
+            this.$refs["ref_form1"].validate((valid, messageObj) => {
+                if (!valid) {
+                    app.util.validateRule(messageObj);
+                } else {
+                    this.okflag = true;
+                }
+            });
+        },
+        resetData() {
+            this.agencyIdArray = []
+        },
+        
+        // 开启加载动画
+        startLoading() {
+            loading = Loading.service({
+                lock: true, // 是否锁定
+                text: "正在加载……", // 加载中需要显示的文字
+                background: "rgba(0,0,0,.7)", // 背景颜色
+            });
+        },
+        // 结束加载动画
+        endLoading() {
+            // clearTimeout(timer);
+            if (loading) {
+                loading.close();
+            }
+        },
+        // handleChangeOperationType(val) {
+        //     this.formData.returnLoseContact = val;
+        // },
+    },
+};
+</script>
+
+<style lang='scss' scoped>
+@import "@/assets/scss/modules/visual/a_customize.scss";
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
+
+.el-dialog__body {
+    padding: 0 10px 20px !important;
+}
+</style>
diff --git a/src/views/modules/shequzhili/event/cpts/process-form.vue b/src/views/modules/shequzhili/event/cpts/process-form.vue
index c35a246a2..6f2d8b88a 100644
--- a/src/views/modules/shequzhili/event/cpts/process-form.vue
+++ b/src/views/modules/shequzhili/event/cpts/process-form.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="">
-        <div>
+        <div v-if="pageType !== 'return'">
             <el-form ref="ref_form1" :inline="false" :rules="dataRule" class="form">
                 <el-form-item label="办理状态" label-width="118px" :class="{ 'form-item': source === 'visiual' }"
                     prop="operationType" v-if="pageType !== 'assign'">
@@ -28,6 +28,12 @@
                     :eventId="eventId"></process-form-assign>
             </div>
         </div>
+        <div v-if="pageType === 'return'">
+            <div>
+                <process-form-return ref="ref_process_form_return" :source="source" :eventDetailData="eventDetailData"
+                :eventId="eventId"></process-form-return>
+            </div>
+        </div>
     </div>
 </template>
 <script>
@@ -37,6 +43,7 @@ import processFormContact from "./process-form-contact";
 import processFormComplete from "./process-form-complete";
 import processFormProcess from "./process-form-process";
 import processFormAssign from "./process-form-assign";
+import processFormReturn from "./process-form-return";
 let loading; // 加载动画
 export default {
     data() {
@@ -74,7 +81,8 @@ export default {
         processFormComplete,
         processFormProcess,
         processFormContact,
-        processFormAssign
+        processFormAssign,
+        processFormReturn
     },
     computed: {
         dataRule() {
@@ -180,9 +188,17 @@ export default {
                     this.replayInfo = this.$refs.ref_process_form_assign.formData
                     this.okflag = true
                 }
+            }else if (this.pageType === 'return') {
+                this.$refs.ref_process_form_return.getReplayInfo()
+                this.replayInfo = this.$refs.ref_process_form_return.formData
+                if (this.$refs.ref_process_form_return.okflag) {
+                    this.replayInfo = this.$refs.ref_process_form_return.formData
+                    this.okflag = true
+                }
             }else {
                 return false
             }
+            
         },
         handleCancle() {
             this.resetData();
diff --git a/src/views/modules/shequzhili/eventHandling/index.vue b/src/views/modules/shequzhili/eventHandling/index.vue
index 66825013d..0d2905e99 100644
--- a/src/views/modules/shequzhili/eventHandling/index.vue
+++ b/src/views/modules/shequzhili/eventHandling/index.vue
@@ -144,7 +144,7 @@
                         <template slot-scope="scope">
                             <el-button @click="handleWatch(scope.row)" type="text" size="small">查看</el-button>
                             <el-button  @click="handleDispose(scope.row,'dispose')" type="text" size="small" v-if="scope.row.operationType != '11'&&scope.row.operationType!= '12' ">办理</el-button>
-
+                            <el-button  @click="handleDispose(scope.row,'return')" type="text" size="small" v-if="scope.row.deptId && scope.row.latestOperatedTime && isWithinTwoHours(scope.row.latestOperatedTime) && scope.row.operationType!='11' &&scope.row.operationType!= '12'">退件</el-button>
                         </template>
                     </el-table-column>
                 </el-table>
@@ -157,7 +157,7 @@
                 </div>
             </div>
         </div>
-        <div v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'assign' || pageType=='check'">
+        <div v-if="pageType == 'dispose' || pageType == 'info' || pageType == 'assign' || pageType=='check' || pageType=='return'">
             <event-info ref="eleEditForm" :pageType="pageType" :eventId="eventId" :eventDetailData="eventDetailData"
                 @handleClose="handleClose" @handleOk="handleOk" @dialogOk="handleEditSuccess" />
         </div>
@@ -783,7 +783,16 @@ export default {
         },
       showAwoList(row) {
           this.$refs.awoList.open(row)
-      }
+      },
+
+      isWithinTwoHours(time) {
+        const currentTime = new Date().getTime();
+        const operatedTime = new Date(time).getTime();
+
+        // 判断 latestOperatedTime 是否在 2 小时以内
+        const twoHoursInMillis = 2 * 60 * 60 * 1000;
+        return (currentTime - operatedTime) < twoHoursInMillis;
+        },
     },
 };
 </script>