批量上传,批量操作

src/views/caseManagement/components/choosetrialmethodDaiog.vue

@@ -56,11 +56,12 @@ export default {
     submitForm(val) {
       let paramsdata = {
         opinion: val,
+        ids: [this.choosetrialmethodata.id]
       };
-      let id = {
-        id: this.choosetrialmethodata.id,
-      };
-      arbitrateMethod(paramsdata, id)
+      // let id = {
+      //   id: this.choosetrialmethodata.id,
+      // };
+      arbitrateMethod(paramsdata)
         .then((res) => {
           this.$modal.msgSuccess("提交成功");
           this.cancel();

src/views/caseManagement/components/evidenceDialog.vue

@@ -0,0 +1,130 @@
+<template>
+    <div>
+        <el-dialog title="修改证据" :visible="evidenceVisable" @close="cancel" center :distroy-on-close="true">
+            <el-descriptions title="案件内容" :column="2" border>
+                <el-descriptions-item label="案件编号">{{ evidenceData.caseNum }}</el-descriptions-item>
+                <el-descriptions-item label="申请人(机构)">{{ evidenceData.applicantName }}</el-descriptions-item>
+                <el-descriptions-item label="案件标的">{{ evidenceData.caseSubjectAmount }}</el-descriptions-item>
+                <el-descriptions-item label="案件状态">
+                    <el-tag size="small">{{ evidenceData.caseStatusName }}</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="仲裁方式">{{ evidenceData.arbitratMethodName }}</el-descriptions-item>
+                <el-descriptions-item label="申请人证据">
+                    <div style="color: #104fad;cursor:pointer" v-for="(item, index) in fileListData"
+                        @click="preview(item.annexPath)" :key="index">
+                        {{ item.annexName }}</div>
+                </el-descriptions-item>
+            </el-descriptions>
+            <div style="margin-top: 30px;">
+                <el-upload class="upload-demo" ref="upload" action="" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
+                    :auto-upload="false" :http-request="uploadFile" :on-change="beforeAvatarUpload" multiple>
+                    <el-button type="primary"><span>修改证据</span></el-button>
+                </el-upload>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+                <el-button @click="upload" class="endbutton1"><span>点击上传</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+  
+<script>
+import { getFileList, batchUpload } from '@/api/caseManagement/caseManagement'
+import { getToken } from "@/utils/auth";
+export default {
+    props: ["evidenceVisable", "evidenceData"],
+    data() {
+        return {
+            fileListData: [],
+            // 上传文件的列表
+            uploadFiles: [],
+            // 上传文件的个数
+            filesLength: 0,
+            info: {
+                annexType: 2,
+            },
+            // headers: {
+            //     Authorization: "Bearer " + getToken(),
+            // },
+        };
+    },
+    watch: {
+        evidenceVisable(val) {
+            if (val) {
+                this.getEvidenceList({ caseAppliId: this.evidenceData.id, annexTypeList: "2" })
+            }
+        }
+    },
+    created() {
+        this.info.id = this.evidenceData.id;
+    },
+    methods: {
+        preview(data) {
+            window.open(
+                window.location.origin + "/API" + data,
+                "_blank"
+            );
+        },
+        UploadUrl() {
+            return window.location.origin + "/API/evidence/upload";
+        },
+        cancel() {
+            this.$emit("cancelEvidence");
+        },
+        // // 修改当前文件列表长度
+        // changeFileLength(file, fileList) {
+        //     this.filesLength = fileList.length
+        // },
+        // 文件上传之前处理
+        beforeAvatarUpload(file) {
+            this.uploadFiles.push(file)
+        },
+        // 用户点击上传调用
+        async upload() {
+            // 触发上传 调用配置 :http-request="uploadFile"
+            // 即触发 uploadFile函数
+            this.uploadFile()
+            // await this.$refs.upload.submit();
+            // 上传完成后执行的操作 ...
+        },
+        // 该函数还是会被调用多次
+        // 每次param参数传入一个文件
+        uploadFile() {
+            // 将文件加入需要上传的文件列表
+            // 当uploadFiles长度等于用户需要上传的文件数时进行上传
+            // 创建FormData上传
+            if (this.uploadFiles.length === 0) {
+                this.$message.warning('请选取文件')
+                return
+            }
+            let fd = new FormData()
+            // 将全部文件添加至FormData中
+            this.uploadFiles.forEach(file => {
+                fd.append('file', file.raw)
+            })
+            // // 将附加信息添加至FormData
+            fd.append("id", this.evidenceData.id)
+            fd.append("annexType", this.info.annexType)
+            // 上传文件
+            batchUpload(fd).then(res => {
+                this.$modal.msgSuccess("上传成功");
+                this.cancel()
+            })
+        },
+        // 获取案件申请人证据列表
+        getEvidenceList(data) {
+            getFileList(data).then(res => {
+                this.fileListData = res.data;
+            })
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+    display: flex;
+    flex-wrap: wrap;
+}
+</style>

src/views/caseManagement/components/filingreviewDialog.vue

@@ -43,7 +43,7 @@ export default {
     submitForm() {
       let paramsdata = {
         agreeOrNotCheck: this.radio,
-        id: this.filingreviewdata.id,
+        ids: [this.filingreviewdata.id],
       };
       submitCaseApplicationCheck(paramsdata)
         .then((res) => {

src/views/caseManagement/components/operateDialog.vue

@@ -0,0 +1,87 @@
+<template>
+    <div>
+        <el-dialog :title="operateTitle" :visible="operateVisable" @close="cancel" center :distroy-on-close="true">
+            <el-table v-loading="loading" :data="dataList" style="width: 100%">
+                <el-table-column type="selection">
+                </el-table-column>
+                <el-table-column label="序号" type="index" align="center">
+                    <template slot-scope="scope">
+                        <span>{{
+                            (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+                        }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
+                <el-table-column label="申请人(机构)" align="center" prop="applicantName" :show-overflow-tooltip="true" />
+                <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
+                <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
+                <!-- 仲裁员 -->
+                <el-table-column label="仲裁员" align="center" prop="arbitratorName" />
+                <!-- 开庭日期 -->
+                <el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
+                <el-table-column label="案件状态" align="center" prop="caseStatusName">
+                    <template slot-scope="scope">
+                        <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+                :limit.sync="queryParams.pageSize" @pagination="getcaseApply(queryParams)" />
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {
+  caseApply,
+} from "@/api/caseAccess/caseEntry";
+export default {
+    props: ["operateVisable", "operateData", "operateTitle"],
+    data() {
+        return {
+            // 遮罩层
+            loading: true,
+            // 总条数
+            total: 0,
+            // 查询参数
+            queryParams: {
+                caseStatus: null,
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 表格数据
+            dataList: [],
+        };
+    },
+    watch: {
+        operateVisable(val) {
+            if (val) {
+                this.getcaseApply()
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelOperate");
+        },
+        /** 查询列表 */
+        getcaseApply(val) {
+            this.loading = true;
+            caseApply(val).then((response) => {
+                this.dataList = response.rows;
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+    display: flex;
+    flex-wrap: wrap;
+}
+</style>

src/views/caseManagement/components/timeDialog.vue

@@ -0,0 +1,78 @@
+<template>
+    <div>
+        <el-dialog title="修改开庭时间" :visible="timeVisable" @close="cancel" center :distroy-on-close="true">
+            <el-descriptions title="案件内容" :column="2" border>
+                <el-descriptions-item label="案件编号">{{ timeData.caseNum }}</el-descriptions-item>
+                <el-descriptions-item label="申请人(机构)">{{ timeData.applicantName }}</el-descriptions-item>
+                <el-descriptions-item label="案件标的">{{ timeData.caseSubjectAmount }}</el-descriptions-item>
+                <el-descriptions-item label="案件状态">
+                    <el-tag size="small">{{ timeData.caseStatusName }}</el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="仲裁方式">{{ timeData.arbitratMethodName }}</el-descriptions-item>
+                <el-descriptions-item label="开庭时间">
+                    <el-date-picker v-model="loanStartDate" type="datetime" placeholder="开庭时间">
+                    </el-date-picker>
+                </el-descriptions-item>
+
+            </el-descriptions>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+                <el-button @click="submitTime" class="endbutton1"><span>提 交</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<!-- hearDate -->
+<script>
+import { updateHeardate } from '@/api/caseManagement/caseManagement'
+import { getToken } from "@/utils/auth";
+import moment from "moment";
+export default {
+    props: ["timeVisable", "timeData"],
+    data() {
+        return {
+            loanStartDate: ""
+        };
+    },
+    watch: {
+        timeVisable(val) {
+            if (val) {
+                // this.getEvidenceList({ caseAppliId: this.timeData.id, annexTypeList: "2" })
+                this.loanStartDate = this.timeData.hearDate
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelTime");
+        },
+        // 提交时间
+        updateHeardateFn(data) {
+            updateHeardate(data).then(res => {
+                this.$modal.msgSuccess("修改成功");
+                this.cancel();
+                this.$emit("getcaseApply");
+            })
+        },
+        submitTime() {
+            this.loanStartDate = moment(
+                this.loanStartDate
+            ).format("YYYY-MM-DD HH:mm:ss");
+            this.updateHeardateFn({
+                id: this.timeData.id,
+                hearDate: this.loanStartDate
+            })
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.steps {
+    display: flex;
+    flex-wrap: wrap;
+}
+</style>

src/views/caseManagement/components/trialincourtDialog.vue

@@ -121,6 +121,65 @@
     </el-dialog>
     <el-dialog title="生成庭审笔录" :visible="showArbitrationresults" @close="closeArbitrationresults" center>
       <el-form ref="form2" :model="form2" label-width="150px">
+        <el-col :span="12">
+          <el-form-item label="申请人是否缺席：" prop="isAbsence" :rules="[
+            {
+              required: true,
+              message: '请输入',
+            },
+          ]">
+            <el-radio-group v-model="form2.isAbsence">
+              <el-radio :label="1">是</el-radio>
+              <el-radio :label="0">否</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="被申请人是否缺席：" prop="appliIsAbsen" :rules="[
+            {
+              required: true,
+              message: '请输入',
+            },
+          ]">
+            <el-radio-group v-model="form2.appliIsAbsen">
+              <el-radio :label="1">是</el-radio>
+              <el-radio :label="0">否</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="被申请人质证意见：" prop="responCrossOpin" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" v-model="form2.responCrossOpin" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="申请人质证意见：" prop="applicaCrossOpin" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" v-model="form2.applicaCrossOpin" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="被申请人的答辩意见：" prop="responDefenOpini" :rules="[
+            {
+              required: true,
+              message: '请输入',
+              trigger: 'blur',
+            },
+          ]">
+            <el-input type="textarea" v-model="form2.responDefenOpini" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
         <el-col :span="24">
           <el-form-item label="经庭审质证，对各方提供的证据认定如下：" prop="evidenDetermi" :rules="[
             {
@@ -181,65 +240,6 @@
             </el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
-          <el-form-item label="申请人是否缺席：" prop="isAbsence" :rules="[
-            {
-              required: true,
-              message: '请输入',
-            },
-          ]">
-            <el-radio-group v-model="form2.isAbsence">
-              <el-radio :label="1">是</el-radio>
-              <el-radio :label="0">否</el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="被申请人是否缺席：" prop="appliIsAbsen" :rules="[
-            {
-              required: true,
-              message: '请输入',
-            },
-          ]">
-            <el-radio-group v-model="form2.appliIsAbsen">
-              <el-radio :label="1">是</el-radio>
-              <el-radio :label="0">否</el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="被申请人质证意见：" prop="responCrossOpin" :rules="[
-            {
-              required: true,
-              message: '请输入',
-              trigger: 'blur',
-            },
-          ]">
-            <el-input type="textarea" v-model="form2.responCrossOpin" placeholder="请输入" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="申请人质证意见：" prop="applicaCrossOpin" :rules="[
-            {
-              required: true,
-              message: '请输入',
-              trigger: 'blur',
-            },
-          ]">
-            <el-input type="textarea" v-model="form2.applicaCrossOpin" placeholder="请输入" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="被申请人的答辩意见：" prop="responDefenOpini" :rules="[
-            {
-              required: true,
-              message: '请输入',
-              trigger: 'blur',
-            },
-          ]">
-            <el-input type="textarea" v-model="form2.responDefenOpini" placeholder="请输入" />
-          </el-form-item>
-        </el-col>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="submitForm" class="endbutton">

src/views/caseManagement/components/viewprocessDialog.vue

@@ -0,0 +1,60 @@
+<template>
+    <div>
+        <el-dialog title="案件流程" :visible="processVisable" @close="cancel" center :distroy-on-close="true">
+            <div>
+                <el-steps class="steps" :active="pageData.caseStatus">
+                    <el-step :title="item.caseNodeName || item.content" v-for="(item,index) in pageData.allCasenode" :description="(item.createNickName || '') + (item.caseNodeTime || '')"></el-step>
+                   
+                </el-steps>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+  
+<script>
+import {selectCaseProgress} from '@/api/caseManagement/caseManagement'
+export default {
+    props: ["processVisable","processData"],
+    data() {
+        return {
+            processId:null,
+            pageData:{}
+        };
+    },
+    watch: {
+        processVisable(val){
+            if(val){
+                this.processId = this.processData.id;
+                this.selectCaseProgressFn({id:this.processId});
+            }
+        }
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelViewProcess");
+        },
+        selectCaseProgressFn(data){
+            selectCaseProgress(data).then(res=>{
+                console.log(res,"请求成功");
+                this.pageData = res.data.data;
+            })
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+    .steps{
+        display: flex;
+        flex-wrap: wrap;
+    }
+    ::v-deep .el-step{
+        // width: 150px;
+        flex-basis:25% !important;
+        margin-right: 20px;
+        margin-bottom: 20px;
+    }
+</style>