证据目录界面,案件导入问题

2023-10-24 16:27:30 +08:00
parent bd6cf08d7a
commit b10e21505b
10 changed files with 345 additions and 64 deletions
@@ -126,10 +126,13 @@
            checkPermi(['caseManagement:list:evidenceUpdate'])" @click="evidenceUpload(scope.row)">证据修改</el-button>
          <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 31"
            @click="timeUpdata(scope.row)">开庭时间</el-button>
-          <el-button size="mini" type="text" icon="el-icon-lock" v-if="checkPermi(['caseManagement:list:lock'])"
+          <el-button size="mini" type="text" icon="el-icon-lock"
+            v-if="checkPermi(['caseManagement:list:lock']) && scope.row.lockStatus == 0"
            @click="lockClick(scope.row)">锁定</el-button>
-          <el-button size="mini" type="text" icon="el-icon-unlock" v-if="checkPermi(['caseManagement:list:lock'])"
+          <el-button size="mini" type="text" icon="el-icon-unlock"
+            v-if="checkPermi(['caseManagement:list:lock']) && scope.row.lockStatus == 1"
            @click="ulockClick(scope.row)">解锁</el-button>
+          <el-button size="mini" type="text" icon="el-icon-upload" @click="uploadCase(scope.row)">上传证据目录</el-button>
          <!-- <el-button
            size="mini"
            type="text"
@@ -188,12 +191,17 @@
    <!-- 证据修改 -->
    <evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
    </evidenceDialog>
+
    <!-- 开庭时间修改 -->
-    <timeDialog :timeVisable="timeVisable" :getcaseApply="getcaseApply" @cancelTime="cancelTime" :timeData="timeData">
+    <timeDialog :timeVisable="timeVisable" @getcaseApply="getcaseApply" @cancelTime="cancelTime" :timeData="timeData">
    </timeDialog>
    <!-- 批量操作弹窗 -->
-    <operateDialog :operateVisable="operateVisable" :getcaseApply="getcaseApply" :operateTitle="operateTitle" @cancelOperate="cancelOperate" :operateData="operateData">
+    <operateDialog :queryParams="queryParams" :operateStatus="operateStatus" :operateVisable="operateVisable"
+      @getcaseApply="getcaseApply" :operateTitle="operateTitle" @cancelOperate="cancelOperate" :operateData="operateData">
    </operateDialog>
+    <!-- 上传证据目录弹窗 -->
+    <uploadCaseDialog :uploadCaseVisable="uploadCaseVisable" @uploadCaseCancel="uploadCaseCancel" :uploadCaseData="uploadCaseData">
+    </uploadCaseDialog>
  </div>
 </template>

@@ -209,22 +217,24 @@ import payDialog from "./components/payDialog.vue";
 import filingreviewDialog from "./components/filingreviewDialog.vue";
 import caselogDialog from "./components/caselogDialog.vue";
 import viewprocessDialog from "./components/viewprocessDialog.vue";
-import evidenceDialog from './components/evidenceDialog.vue'
-import timeDialog from './components/timeDialog.vue'
-import operateDialog from './components/operateDialog.vue'
+import evidenceDialog from './components/evidenceDialog.vue';
+import timeDialog from './components/timeDialog.vue';
+import operateDialog from './components/operateDialog.vue';
+import uploadCaseDialog from './components/uploadCaseDialog.vue';
 import { caseApplicationDetail } from "@/api/pay/pay";
 import {
  caseApply,
  removeCaseApply,
  submitCaseApply,
  selectCaseApply,
+  updateCaseLockStatus
 } from "@/api/caseAccess/caseEntry";
 import { listDept } from "@/api/system/dept";
 import {
  document,
  caseLogRecordList,
 } from "@/api/caseManagement/caseManagement";
-import { getDicts } from '@/api/system/dict/data.js'
+import { getDicts } from '@/api/system/dict/data.js';
 export default {
  name: "caseList",
  // dicts: ["case_status"],
@@ -242,7 +252,8 @@ export default {
    viewprocessDialog,
    evidenceDialog,
    timeDialog,
-    operateDialog
+    operateDialog,
+    uploadCaseDialog
  },
  data() {
    return {
@@ -301,16 +312,19 @@ export default {
      processData: {},
      timeVisable: false,
      timeData: {},
-      operateVisable:false,
-      operateData:{},
-      operateTitle:""
+      operateVisable: false,
+      operateData: {},
+      operateTitle: "",
+      operateStatus: 0,
+      uploadCaseVisable:false,
+      uploadCaseData:{}
    };
  },
  created() {
    getDicts("case_status").then(res => {
      this.caseStatus = res.data;
      let params = this.$route.params.status;
-      if (params) {
+      if (params >= 0) {
        this.queryParams.caseStatus = params;
      }
      this.getcaseApply(this.queryParams);
@@ -328,18 +342,29 @@ export default {
    cancelTime() {
      this.timeVisable = false;
    },
-    cancelOperate(){
+    cancelOperate() {
      this.operateVisable = false;
    },
+    uploadCaseCancel(){
+      this.uploadCaseVisable = false;
+    },
+    // 上传证据目录弹窗
+    uploadCase(row){
+      this.uploadCaseData = row;
+      this.uploadCaseVisable = true;
+    },
    // 批量操作弹窗
-    operateClick(type){
+    operateClick(type) {
      this.operateVisable = true;
-      if(type == 0){
-        this.operateTitle = '批量提交'
-      }else if(type == 1){
-        this.operateTitle = '批量删除'
-      }else if(type == 2){
-        this.operateTitle = '批量立案申请'
+      if (type == 0) {
+        this.operateTitle = '批量提交';
+        this.operateStatus = 0;
+      } else if (type == 1) {
+        this.operateTitle = '批量删除';
+        this.operateStatus = 1;
+      } else if (type == 2) {
+        this.operateTitle = '批量立案申请';
+        this.operateStatus = 2;
      }
    },
    // 修改开庭时间
@@ -347,15 +372,16 @@ export default {
      this.timeData = row;
      this.timeVisable = true;
    },
+
    // 锁定案件
    lockClick(row) {
      this.$modal
        .confirm("是否锁定案件")
        .then(function () {
-          // return removeCaseApply({ id: row.id });
+          return updateCaseLockStatus({ id: row.id, lockStatus: 1 });
        })
        .then((res) => {
-          // this.getcaseApply(this.queryParams);
+          this.getcaseApply(this.queryParams);
          this.$modal.msgSuccess("锁定成功");
        })
        .catch(() => { });
@@ -363,12 +389,12 @@ export default {
    // 解锁案件
    ulockClick(row) {
      this.$modal
-        .confirm("是否解锁锁案件")
+        .confirm("是否解锁案件")
        .then(function () {
-          // return removeCaseApply({ id: row.id });
+          return updateCaseLockStatus({ id: row.id, lockStatus: 0 });
        })
        .then((res) => {
-          // this.getcaseApply(this.queryParams);
+          this.getcaseApply(this.queryParams);
          this.$modal.msgSuccess("解锁成功");
        })
        .catch(() => { });
@@ -513,7 +539,7 @@ export default {
        .confirm("是否提交立案申请？")
        .then(function () {
          // return submitCaseApply({ id: row.id });
-          return submitCaseApply({ids: [row.id] });
+          return submitCaseApply({ ids: [row.id] });
        })
        .then(() => {
          this.getcaseApply(this.queryParams);
@@ -662,7 +688,7 @@ export default {
        .confirm("是否确认删除？")
        .then(function () {
          // return removeCaseApply({ id: row.id });
-          return removeCaseApply({ids:[row.id]});
+          return removeCaseApply({ ids: [row.id] });
        })
        .then((res) => {
          this.getcaseApply(this.queryParams);
@@ -425,17 +425,17 @@
              </el-form-item>
            </el-col>
            <el-col :span="12">
-            <el-form-item label="被申请人出生年月日：" :prop="'paymentArr1.' + index + '.responBirth'" :rules="[
+              <el-form-item label="被申请人出生年月日：" :prop="'paymentArr1.' + index + '.responBirth'" :rules="[
                {
                  required: true,
                  message: '被申请人出生年月日不能为空',
                  trigger: 'blur',
                },
              ]">
-              <el-date-picker v-model="itm.responBirth" type="datetime" placeholder="被申请人出生年月日">
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
+                <el-date-picker v-model="itm.responBirth" type="datetime" placeholder="被申请人出生年月日">
+                </el-date-picker>
+              </el-form-item>
+            </el-col>
          </el-row>
          <div style="display: inline-flex">
            <div class="infoIcon"></div>
@@ -573,8 +573,8 @@ export default {
            nameAgent: "",
            contactTelphoneAgent: "",
            contactAddressAgent: "",
-            responSex:1,
-            responBirth:""
+            responSex: 1,
+            responBirth: ""
          },
        ],
      }, //被申请人主体信息
@@ -874,6 +874,9 @@ export default {
                    ...this.form3.paymentArr1,
                  ];
                  this.formData.caseAttachList = [...this.caseAttachListArr];
+                  this.formData.caseAffiliates[1].responBirth = moment(this.formData.caseAffiliates[1].responBirth).format(
+                    "YYYY-MM-DD HH:mm:ss"
+                  );
                  if (this.formData.id) {
                    editCaseApply({
                      ...this.formData,
@@ -56,12 +56,11 @@ export default {
    submitForm(val) {
      let paramsdata = {
        opinion: val,
-        ids: [this.choosetrialmethodata.id]
      };
-      // let id = {
-      //   id: this.choosetrialmethodata.id,
-      // };
-      arbitrateMethod(paramsdata)
+      let id = {
+        id: this.choosetrialmethodata.id,
+      };
+      arbitrateMethod(paramsdata,id)
        .then((res) => {
          this.$modal.msgSuccess("提交成功");
          this.cancel();
@@ -1,13 +1,13 @@
 <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 v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
                <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
+                            (queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
                        }}</span>
                    </template>
                </el-table-column>
@@ -25,17 +25,33 @@
                    </template>
                </el-table-column>
            </el-table>
-            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-                :limit.sync="queryParams.pageSize" @pagination="getcaseApply(queryParams)" />
+            <div class="radiobox" v-if="operateStatus == 2">
+                <el-radio-group v-model="radio">
+                    <el-radio :label="1">同意</el-radio>
+                    <el-radio :label="2">拒绝</el-radio>
+                </el-radio-group>
+            </div>
+            <pagination v-show="total > 0" :total="total" :page.sync="queryParamsData.pageNum"
+                :limit.sync="queryParamsData.pageSize" @pagination="getcaseApply(queryParamsData)" />
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
+                <el-button @click="submitBatch" type="primary" class="endbutton" :disabled="dataList.length == 0"><span>确 认</span></el-button>
+            </div>
        </el-dialog>
    </div>
 </template>
 <script>
 import {
-  caseApply,
+    caseApply,
+    submitCaseApply,
+    removeCaseApply,
+    submitCaseApplicationCheck
 } from "@/api/caseAccess/caseEntry";
+import {
+    adjudicationCaseFile,
+} from "@/api/awardManagement/awardManagement";
 export default {
-    props: ["operateVisable", "operateData", "operateTitle"],
+    props: ["operateVisable", "operateData", "operateTitle", 'operateStatus','queryParams'],
    data() {
        return {
            // 遮罩层
@@ -43,19 +59,21 @@ export default {
            // 总条数
            total: 0,
            // 查询参数
-            queryParams: {
+            queryParamsData: {
                caseStatus: null,
                pageNum: 1,
                pageSize: 10,
            },
            // 表格数据
            dataList: [],
+            batchData: [],
+            radio:1
        };
    },
    watch: {
        operateVisable(val) {
            if (val) {
-                this.getcaseApply()
+                this.getcaseApply(this.queryParamsData)
            }
        }
    },
@@ -63,12 +81,72 @@ export default {

    },
    methods: {
+        // 选择勾选框
+        handleSelectionChange(val) {
+            this.batchData = [];
+            val.forEach(item => {
+                this.batchData.push(item.id)
+            })
+        },
        cancel() {
            this.$emit("cancelOperate");
        },
+        // 批量操作
+        submitBatch() {
+            if (this.operateStatus == 0) {
+                this.submitCaseApplyFn({ ids: this.batchData })
+            } else if (this.operateStatus == 1) {
+                this.removeCaseApplyFn({ ids: this.batchData })
+            } else if (this.operateStatus == 2) {
+                this.submitCaseApplicationCheckFn({ ids: this.batchData,agreeOrNotCheck:this.radio })
+            }else if (this.operateStatus == 3) {
+                this.adjudicationCaseFileFn({ ids: this.batchData })
+            }
+        },
+        // 批量提交
+        submitCaseApplyFn(data) {
+            submitCaseApply(data).then(res => {
+                this.$modal.msgSuccess("提交成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
+        // 批量删除
+        removeCaseApplyFn(data) {
+            removeCaseApply(data).then(res => {
+                this.$modal.msgSuccess("删除成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
+        // 批量立案审查
+        submitCaseApplicationCheckFn(data){
+            submitCaseApplicationCheck(data).then(res=>{
+                this.$modal.msgSuccess("立案审查成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
+        //批量归档
+        adjudicationCaseFileFn(data){
+            adjudicationCaseFile(data).then(res=>{
+                this.$modal.msgSuccess("归档成功");
+                this.cancel();
+                this.$emit("getcaseApply", this.queryParams);
+            })
+        },
        /** 查询列表 */
        getcaseApply(val) {
            this.loading = true;
+            if (this.operateStatus == 0) {
+                this.queryParamsData.caseStatus = 0
+            } else if (this.operateStatus == 1) {
+                this.queryParamsData.caseStatus = 0
+            } else if (this.operateStatus == 2) {
+                this.queryParamsData.caseStatus = 1
+            }else if (this.operateStatus == 3) {
+                this.queryParamsData.caseStatus = 16
+            }
            caseApply(val).then((response) => {
                this.dataList = response.rows;
                this.total = response.total;
@@ -84,4 +162,7 @@ export default {
    display: flex;
    flex-wrap: wrap;
 }
+.radiobox{
+    margin-top: 30px;
+}
 </style>
@@ -0,0 +1,103 @@
+<template>
+    <div>
+        <el-dialog title="上传证据目录" :visible="uploadCaseVisable" @close="cancel" center :distroy-on-close="true">
+            <el-upload class="upload-demo" ref="upload" action="https://jsonplaceholder.typicode.com/posts/"
+                :on-preview="handlePreview" :on-remove="handleRemove" :file-list="fileList" :auto-upload="false">
+                <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+                <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
+            </el-upload>
+            <div class="title">证据目录结构</div>
+            <el-tree :data="data" @node-click="handleNodeClick"></el-tree>
+        </el-dialog>
+    </div>
+</template>
+<!-- hearDate -->
+<script>
+// import { updateHeardate } from '@/api/caseManagement/caseManagement'
+export default {
+    props: ["uploadCaseVisable", "uploadCaseData"],
+    data() {
+        return {
+            fileList: [],
+            data: [{
+                label: '寓件编号_中请人名称 / 中请人',
+                children: [
+                    {
+                        label: '1_货款申调表pdf',
+                    },
+                    {
+                        label: '2_款白同pdf',
+                    },
+                    {
+                        label: '3_抵押证明材林pdt',
+                    },
+                    {
+                        label: '5.贷款利期罚息计算表pdf',
+                    },
+                    {
+                        label: '6.数字签名验证报告.pdl',
+                    },
+                    {
+                        label: '7_律师费明妞报售.pdt',
+                    },
+                ]
+            },
+            {
+                label: '寓件编号_中请人名称 / 中请人',
+                children: [
+                    {
+                        label: '1_货款申调表pdf',
+                    },
+                    {
+                        label: '2_款白同pdf',
+                    },
+                    {
+                        label: '3_抵押证明材林pdt',
+                    },
+                    {
+                        label: '5.贷款利期罚息计算表pdf',
+                    },
+                    {
+                        label: '6.数字签名验证报告.pdl',
+                    },
+                    {
+                        label: '7_律师费明妞报售.pdt',
+                    },
+                ]
+            }],
+        };
+    },
+    watch: {
+
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("uploadCaseCancel");
+        },
+        submitUpload() {
+            this.$refs.upload.submit();
+        },
+        handleRemove(file, fileList) {
+            console.log(file, fileList);
+        },
+        handlePreview(file) {
+            console.log(file);
+        },
+        handleNodeClick(data) {
+            console.log(data);
+        }
+    },
+};
+</script>
+  
+<style lang="scss" scoped>
+.title {
+    margin-top: 30px;
+    margin-bottom: 30px;
+    font-size: 18px;
+    font-weight: 600;
+}
+</style>