线下调解,权限标识

src/views/caseManagement/components/mediation.vue

@@ -1,13 +1,6 @@
 <template>
   <div>
-    <el-dialog
-      :title="title"
-      :visible="mediationVisable"
-      @close="cancel"
-      center
-      :distroy-on-close="true"
-      width="1000px"
-    >
+    <el-dialog :title="title" :visible="mediationVisable" @close="cancel" center :distroy-on-close="true" width="1000px">
       <el-form ref="form" :model="formData" label-width="180px">
         <div class="caseInfo">案件信息：</div>
         <el-divider></el-divider>
@@ -18,8 +11,8 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="申请人：" prop="affiliate.applicationOrganName">
-              <el-input v-model="formData.affiliate.applicationOrganName" :disabled="true" />
+            <el-form-item label="申请人：" prop="affiliate.applicationName">
+              <el-input v-model="formData.affiliate.applicationName" :disabled="true" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -29,11 +22,7 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="案件标的：" prop="caseSubjectAmount">
-              <el-input
-                v-model="formData.caseSubjectAmount"
-                placeholder="请输入案件标的"
-                :disabled="true"
-              />
+              <el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" :disabled="true" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -50,7 +39,7 @@
         <el-col :span="24">
           <el-form-item label="申请人案件证据：">
             <div v-if="applicateArr.length == 0">申请人暂未提供证据！</div>
-            <div v-else v-for="(item, index) in applicateArr" :key="index" v-if="item.annexType==2">
+            <div v-else v-for="(item, index) in applicateArr" :key="index" v-if="item.annexType == 2">
               <a href="#" @click="toFile(item, index)" style="color: blue">{{ item.annexName }}</a>
             </div>
           </el-form-item>
@@ -80,25 +69,28 @@
             <div>{{ formData.hearDate }}</div>
           </el-form-item>
         </el-col>
+        <el-col :span="24" v-if="!mediationType">
+          <el-form-item label="上传调解书">
+            <el-upload class="upload-demo" ref="upload" :action="UploadUrl()" :headers="headers" :data="filedata"
+              :on-preview="handlePreview" :on-remove="handleRemove" :on-change="beforeUpload" :on-success="handlSuccess"
+              :file-list="fileList">
+              <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+              <!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> -->
+              <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+            </el-upload>
+          </el-form-item>
+        </el-col>
         <!-- </el-form> -->
       </el-form>
       <el-button @click="openmeeting" type="primary" v-if="mediationType">发起会议</el-button>
-      <el-button
-        @click="openArbitrationresults"
-        type="primary"
-        v-if="this.recordArr.length <= 0 && mediationData.mediationMethod == '1'"
-      >确认会议结果</el-button>
+      <el-button @click="openArbitrationresults" type="primary"
+        v-if="this.recordArr.length <= 0 && mediationData.mediationMethod == '1'">确认会议结果</el-button>
       <div slot="footer" class="dialog-footer">
         <el-button @click="cancel" class="endbutton1" round>
           <span>取 消</span>
         </el-button>
-        <el-button
-          @click="submitMediation"
-          :disabled="this.recordArr.length <= 0 && mediationData.mediationMethod == '1'"
-          class="endbutton1"
-          type="primary"
-          round
-        >
+        <el-button @click="submitMediation" :disabled="this.recordArr.length <= 0 && mediationData.mediationMethod == '1'"
+          class="endbutton1" type="primary" round>
           <span>提 交</span>
         </el-button>
       </div>
@@ -113,6 +105,7 @@ import {
 } from "@/api/caseManagement/caseManagement.js";
 import { getUserProfile } from "@/api/system/user";
 import { reserveConferenceList } from "@/api/metting/metting.js";
+import { getToken } from "@/utils/auth";
 export default {
   props: ["mediationVisable", "mediationData", "queryParams"],
   data() {
@@ -130,7 +123,15 @@ export default {
       user: "",
       userId: null,
       flieList: [],
-      mediationType: true
+      mediationType: true,
+      headers: {
+        Authorization: "Bearer " + getToken(),
+      },
+      filedata: {
+        annexType: 7,
+      },
+      fileList:[],
+      attachList:[],
     };
   },
   watch: {
@@ -140,7 +141,7 @@ export default {
         this.title = "开庭调解";
         this.mediationType = true;
       } else if (this.mediationData.mediationMethod == "2") {
-        this.title = "书面调解";
+        this.title = "线下调解";
         this.mediationType = false;
       }
       if (val) {
@@ -151,8 +152,24 @@ export default {
       }
     }
   },
-  created() {},
+  created() { },
   methods: {
+    /**上传地址*/
+    UploadUrl() {
+      return window.location.origin + "/API/common/upload";
+    },
+    handlePreview(file) {
+    },
+    handleRemove(file, fileList) {
+     
+    },
+    beforeUpload(flie, fileList) {
+      this.fileList = fileList;
+    },
+    handlSuccess(res, file) {
+      this.attachList = [{annexId:res.annexId}];
+      // this.$set(this.mediationData, "attachList", {annexId:res.annexId});
+    },
     /** 获取案件详情信息 */
     caseApplicationSelectByIdFn(data) {
       caseApplicationSelectById(data).then(res => {
@@ -207,9 +224,14 @@ export default {
       this.$emit("cancelMediation");
     },
     submitMediation() {
+      if (this.fileList.length < 1 && !this.mediationType) {
+        this.$modal.msgError("请上传调解书");
+        return
+      }
       this.mediationFn({
         id: this.mediationData.id,
-        caseFlowId: this.mediationData.caseFlowId
+        caseFlowId: this.mediationData.caseFlowId,
+        attachList: this.attachList
       });
     }
   }