案件协办

src/pages/mediation-page/components/LayoutContentNew.vue

@@ -625,10 +625,19 @@
           <i class="f24 el-icon-user-solid color-4E5969"></i>
           <div class="pl-4 f14">帮扶</div>
         </div>
-        <div class="flex-row justify-content-between align-items-center cursor-pointer">
+
-          <i class="f24 el-icon-s-management color-4E5969"></i>
+        <el-popover 
-          <div class="pl-4 f14">协办</div>
+            placement="top"
-        </div>
+            width="400"
+            v-model="singlejointlyvisible"
+            title="案件协办"
+            trigger="click">
+            <singleJointlyPopover :caseId="caseId" :singlejointlyvisible.sync="singlejointlyvisible" @handleSubmit="getCaseInfoById()"/>
+            <span slot="reference" class="flex-row justify-content-between align-items-center cursor-pointer">
+              <i class="f24 el-icon-s-management color-4E5969"></i>
+              <a class="pl-4 f14">协办</a>
+            </span>
+        </el-popover>
 
       </div>
     </div>
@@ -657,9 +666,11 @@ export default {
     singleofficeSealPopover: () => import('./singleofficeSealPopover.vue'),//发起签章
     singleofficeDeliveryPopover: () => import('./singleofficeDeliveryPopover.vue'),//发起送达
     MediationRecordDialog: () => import('./MediationRecordDialog.vue'),//调解记录
+    singleJointlyPopover: () => import('./singleJointlyPopover.vue'),//案件协办
   },
   data() {
     return {
+      singlejointlyvisible:false,
       visiblemediatRecord:false,
       singledeliveryvisible:false,
       singlesealvisible:false,

src/pages/mediation-page/components/singleJointlyPopover.vue

@@ -0,0 +1,128 @@
+<template>
+        <div class="dialog-content dialog-jointly-batch">
+            <div class="p-16">
+                <el-form ref="ruleForm" 
+                        :model="ObjectInfo" 
+                        :rules="rulesClient" 
+                        label-width="100px" 
+                        class="demo-ruleForm">
+                        <el-row :gutter="20" type="flex" align="middle">
+                            <el-col :span="24">
+                            <el-form-item label="选择协办员" prop="assistMediatorId">
+                                <el-select v-model="ObjectInfo.assistMediatorId"
+                                           clearable placeholder="请选择" class="width100">
+                                    <el-option
+                                            v-for="item in operateMethodOptions"
+                                            :key="item.id"
+                                            :label="item.realName"
+                                            :value="item.id">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            </el-col>
+                        </el-row>
+                </el-form>
+            </div>
+            <span class="dialog-footer">
+                <el-button size="small" @click="handleClose()">取消</el-button>
+                <el-button size="small" type="primary" @click="handleSubmit()">提交协办</el-button>
+            </span>
+        </div>
+</template>
+<script>
+import api from "@/services/caseManagement";
+    export default {
+        components: {
+        },
+        props: {
+            caseId: {
+                type: String,
+                default: () => {},
+            },
+        },
+        data() {
+            return {
+                operateMethodOptions:[],
+                ObjectInfo:{
+                    assistMediatorId: '',
+                    id:'',
+                },
+                rulesClient: {
+                    assistMediatorId: [
+                        { required: true, message: '请选择协办人员', trigger: 'change',},
+                    ],
+                },
+            };
+        },
+        mounted () {
+            this.getuserList()
+        },
+        methods: {
+            // 列表数据
+            getuserList() {
+                api.getCurrGroupUserList().then(res => {
+                    if (!res.code) {
+                        this.operateMethodOptions = res
+                    }
+                })
+            },
+            handleSubmit(){
+                if(!this.$clickThrottle()) { return }//防止重复点击
+                this.$refs.ruleForm.validate((valid) => {
+                    if(valid) {
+                        this.ObjectInfo.id = this.caseId
+                        api.updateAssistMediator(this.ObjectInfo).then((res) => {
+                            this.$message.success("提交协办成功");
+                            this.handleClose()
+                            this.$emit('handleSubmit',23213)
+                        });
+                    }
+                })
+            },
+
+            handleClose() {
+                this.$emit('update:singlejointlyvisible', false)
+            },
+        }
+    };
+</script>
+
+<style scoped lang="scss">
+.dialog-jointly-batch {
+  width: 395px;
+  max-height: 500px;
+
+  .tabs__search-criteria-title {
+    width: 100%;
+  }
+
+  .case-batch-num {
+    background-color: rgba(236, 238, 241, 0.8196078431);
+    padding: 15px 20px;
+    border-radius: 4px;
+
+    a {
+      font-size: 16px;
+      font-weight: 500;
+      color: #C66A5B;
+    }
+  }
+
+  .officelist {
+    background-color: rgba(236, 238, 241, 0.8196078431);
+    padding: 20px 20px;
+
+    .el-checkbox {
+      width: 180px;
+      margin: 10px;
+    }
+  }
+  .dialog-footer{
+    display: inline-block;
+    width: 400px;
+    text-align: right;
+    border-top: solid 1px #E5E6EB;
+    padding: 10px;
+  }
+}
+</style>

src/services/caseManagement.js

@@ -249,8 +249,16 @@ const caseManagementApi = {
         return service.service.post(`${apiAdmin}api/trace/traceSign/batch-create`, data)
     },
 
+    // 同组的用户列表（协办员选择项）
+    getCurrGroupUserList: data => {
+        return service.service.get(`${apiAdmin}system/user/getCurrGroupUserList`, data)
+    },
+    // 配置协办员
+    updateAssistMediator: data => {
+        return service.service.post(`${apiAdmin}cases/caseInfo/updateAssistMediator`, data)
+    },
 
-
+    
     //========================end::案件管理======================================
 }
 export default caseManagementApi;