案件录入接口联调

package.json

@@ -48,6 +48,7 @@
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
+    "moment": "^2.29.4",
     "nprogress": "0.2.0",
     "quill": "1.3.7",
     "screenfull": "5.0.2",

src/api/caseAccess/caseEntry.js

@@ -1,10 +1,51 @@
 import request from '@/utils/request'
 
-// 查询在线用户列表
+// 查询案件录入列表
-export function list(query) {
+export function caseApply(data) {
   return request({
-    url: '/monitor/online/list',
+    url: '/caseApplication/list',
-    method: 'get',
+    method: 'post',
-    params: query
+    data: data
+  })
+}
+
+// 立案申请
+export function addCaseApply(data) {
+  return request({
+    url: '/caseApplication/addCaseApplication',
+    method: 'post',
+    data: data
+  })
+}
+// 点击修改获取主体信息
+export function selectCaseApply(data) {
+  return request({
+    url: '/caseApplication/selectCaseApplication',
+    method: 'post',
+    data: data
+  })
+}
+// 修改案件信息
+export function editCaseApply(data) {
+  return request({
+    url: '/caseApplication/editCaseApplication',
+    method: 'post',
+    data: data
+  })
+}
+// 删除案件信息 
+export function removeCaseApply(data) {
+  return request({
+    url: '/caseApplication/removeCaseApplication',
+    method: 'post',
+    data: data
+  })
+}
+// 提交 
+export function submitCaseApply(data) {
+  return request({
+    url: '/caseApplication/submitCaseApplication',
+    method: 'post',
+    data: data
   })
 }

src/views/caseAccessAll/caseEntry.vue

@@ -7,22 +7,22 @@
       :inline="true"
       label-width="68px"
     >
-      <el-form-item label="案件编号" prop="caseNumber">
+      <el-form-item label="案件编号" prop="caseNum">
         <el-input
-          v-model="queryParams.caseNumber"
+          v-model="queryParams.caseNum"
           placeholder="请输入案件编号"
           clearable
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="申请人" prop="applicant">
+      <!-- <el-form-item label="申请人" prop="applicant">
         <el-input
           v-model="queryParams.applicant"
           placeholder="请输入申请人"
           clearable
           @keyup.enter.native="handleQuery"
         />
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item>
         <el-button
           type="primary"
@@ -31,9 +31,9 @@
           @click="handleQuery"
           >搜索</el-button
         >
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+        <!-- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
           >重置</el-button
-        >
+        > -->
       </el-form-item>
     </el-form>
     <el-row :gutter="10" class="mb8">
@@ -47,34 +47,49 @@
           v-hasPermi="['monitor:job:add']"
           >立案申请</el-button
         >
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="batchApplication"
+          v-hasPermi="['monitor:job:add']"
+          >批量立案</el-button
+        >
       </el-col>
     </el-row>
     <el-table v-loading="loading" :data="dataList" style="width: 100%">
       <el-table-column label="序号" type="index" align="center">
         <template slot-scope="scope">
-          <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
+          <span>{{
+            (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+          }}</span>
         </template>
       </el-table-column>
       <el-table-column
         label="案件编号"
         align="center"
-        prop="caseNumber"
+        prop="caseNum"
         :show-overflow-tooltip="true"
       />
-      <el-table-column
+      <!-- <el-table-column
         label="申请人"
         align="center"
-        prop="applicant"
+        prop="caseAffiliates[0].name"
         :show-overflow-tooltip="true"
+      /> -->
+      <el-table-column
+        label="案件标的"
+        align="center"
+        prop="caseSubjectAmount"
       />
-      <el-table-column label="案件标的" align="center" prop="matterofCase" />
       <el-table-column
         label="立案日期"
         align="center"
-        prop="filingDate"
+        prop="registerDate"
         :show-overflow-tooltip="true"
       />
-      <!-- <el-table-column label="仲裁方式" align="center" prop="ArbitrateMethod" /> -->
+      <!-- <el-table-column label="仲裁方式" align="center" prop="arbitratMethod" /> -->
       <el-table-column label="案件状态" align="center" prop="caseStatus" />
       <el-table-column
         label="操作"
@@ -82,6 +97,14 @@
         class-name="small-padding fixed-width"
       >
         <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-check"
+            @click="onsubmitRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >提交</el-button
+          >
           <el-button
             size="mini"
             type="text"
@@ -112,370 +135,98 @@
     <pagination
       v-show="total > 0"
       :total="total"
-      :page.sync="pageNum"
+      :page.sync="queryParams.pageNum"
-      :limit.sync="pageSize"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getcaseApply"
     />
 
     <!-- 立案申请弹框 -->
-    <el-dialog
+    <caseentryDialog
-      :title="dialogtitle"
+      :visible="visible"
-      :visible.sync="openapply"
+      @cancel="cancel"
-      width="1000px"
+      :form="form"
-      append-to-body
+      :dialogtitle="dialogtitle"
-    >
+      :getcaseApply="getcaseApply"
-      <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+      :flag="flag"
-        <p>案件信息：</p>
+      :initpaymentArr="initpaymentArr"
-        <hr />
+      :initpaymentArr1="initpaymentArr1"
-        <el-row>
+    ></caseentryDialog>
-          <el-col :span="12">
+    <!-- 批量申请弹框 openbatch-->
-            <el-form-item label="案件编号：" prop="caseNumber">
+    <!-- <batchDialog
-              <el-input
+    :openbatch="openbatch"
-                v-model="form.caseNumber"
+    ></batchDialog> -->
-                placeholder="请输入案件编号"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="案件标的：" prop="matterofCase">
-              <el-input
-                v-model="form.matterofCase"
-                placeholder="请输入案件标的"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="借款开始日期：" prop="startTime">
-              <el-date-picker
-                v-model="starttime"
-                type="date"
-                placeholder="开始日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="借款开始日期：" prop="endTime">
-              <el-date-picker
-                v-model="endtime"
-                type="date"
-                placeholder="结束日期"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="申请人姓名：" prop="applyname">
-              <el-input v-model="form.jobGroup" placeholder="请输入姓名" />
-            </el-form-item>
-          </el-col>
-          <!-- <el-col :span="24">
-            <el-form-item label="立案申请书：" prop="applybook">
-              <el-upload
-                class="upload-demo"
-                action="https://jsonplaceholder.typicode.com/posts/"
-                :on-preview="handlePreview"
-                :on-remove="handleRemove"
-                :before-remove="beforeRemove"
-                multiple
-                :limit="3"
-                :on-exceed="handleExceed"
-                :file-list="fileList"
-              >
-                <el-button size="small" type="primary">点击上传</el-button>
-                <div slot="tip" class="el-upload__tip">
-                  只能上传jpg/png文件，且不超过500kb
-                </div>
-              </el-upload>
-            </el-form-item>
-          </el-col> -->
-          <el-col :span="12">
-            <el-form-item label="合同编号：" prop="contractnum">
-              <el-input v-model="form.contractnum" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="申请人主张欠本金：" prop="principal">
-              <el-input v-model="form.principal" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="申请人主张欠利息：" prop="interest">
-              <el-input v-model="form.interest" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
-          <!-- <el-col :span="12">
-            <el-form-item label="还款方式：" prop="repayment">
-              <el-input v-model="form.repayment" placeholder="请输入" />
-            </el-form-item>
-          </el-col> -->
-          <el-col :span="12">
-            <el-form-item label="逾期天数：" prop="Overduedays">
-              <el-input v-model="form.Overduedays" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="申请人主张违约金：" prop="Penalty">
-              <el-input v-model="form.Penalty" placeholder="请输入" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item
-              label="申请人案件证据资料上传："
-              prop="applicantEvidence"
-            >
-              <el-upload
-                class="upload-demo"
-                action="https://jsonplaceholder.typicode.com/posts/"
-                :on-preview="handlePreview"
-                :on-remove="handleRemove"
-                :before-remove="beforeRemove"
-                multiple
-                :limit="3"
-                :on-exceed="handleExceed"
-                :file-list="fileList"
-              >
-                <el-button size="small" type="primary">点击上传</el-button>
-                <div slot="tip" class="el-upload__tip">
-                  只能上传jpg/png文件，且不超过500kb
-                </div>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-          <!-- 仅详情展示 -->
-          <el-col :span="12">
-            <el-form-item
-              label="被申请人案件证据资料上传："
-              prop="respondentEvidence"
-            >
-              <el-upload
-                class="upload-demo"
-                action="https://jsonplaceholder.typicode.com/posts/"
-                :on-preview="handlePreview"
-                :on-remove="handleRemove"
-                :before-remove="beforeRemove"
-                multiple
-                :limit="3"
-                :on-exceed="handleExceed"
-                :file-list="fileList"
-              >
-                <el-button size="small" type="primary">点击上传</el-button>
-                <div slot="tip" class="el-upload__tip">
-                  只能上传jpg/png文件，且不超过500kb
-                </div>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-          <!-- <el-col :span="12">
-            <el-form-item label="缴费通知单：" prop="PaymentNotice">
-              <el-input v-model="form.PaymentNotice" placeholder="请输入" />
-            </el-form-item>
-          </el-col> -->
-        </el-row>
-      </el-form>
-      <el-form ref="form2" :model="form2" :rules="rules" label-width="150px">
-        <div v-for="(item, index) in paymentArr" :key="index">
-          <div style="display:flex;justify-content: space-between;">
-          <p>主体信息：</p><el-button type="danger" icon="el-icon-delete" @click="deleteData(index)" v-if="paymentArr.length>1"></el-button>
-          </div>
-          <hr />
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="主体身份类型：" :prop="paymentArr.identityType">
-                <el-input
-                  v-model="item.identityType"
-                  placeholder="请输入"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="申请人：" :prop="paymentArr.applicant">
-                <el-input v-model="item.applicant" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="身份证号：" :prop="paymentArr.IDnumber">
-                <el-input v-model="item.IDnumber" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="联系电话：" :prop="paymentArr.phoneNumber">
-                <el-input
-                  v-model="item.phoneNumber"
-                  placeholder="请输入"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="单位地址：" :prop="paymentArr.unitAddress">
-                <el-input
-                  v-model="item.unitAddress"
-                  placeholder="请输入"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="单位电话：" :prop="paymentArr.worktelephone">
-                <el-input
-                  v-model="item.worktelephone"
-                  placeholder="请输入"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="联系地址：" :prop="paymentArr.contactAddress">
-                <el-input
-                  v-model="item.contactAddress"
-                  placeholder="请输入"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <p>代理人信息：</p>
-          <el-row>
-            <el-col :span="12">
-              <el-form-item label="姓名：" :prop="paymentArr.agentName">
-                <el-input v-model="item.agentName" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="身份证号：" :prop="paymentArr.agentNum">
-                <el-input v-model="item.agentNum" placeholder="请输入" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="联系电话：" :prop="paymentArr.agentPhone">
-                <el-input
-                  v-model="item.agentPhone"
-                  placeholder="请输入"
-                />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="联系地址：" :prop="paymentArr.agentAddress">
-                <el-input
-                  v-model="item.agentAddress"
-                  placeholder="请输入"
-                />
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </div>
-        <!-- <div id="formContainer"></div> -->
-      </el-form>
-      <el-button type="primary" plain @click="generateForm()">新增主体信息</el-button>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
   </div>
 </template>
 
 <script>
-import { list } from "@/api/caseAccess/caseEntry";
+import caseentryDialog from "./components/caseentryDialog";
+import batchDialog from "./components/batchDialog";
+import {
+  caseApply,
+  removeCaseApply,
+  submitCaseApply,
+  selectCaseApply
+} from "@/api/caseAccess/caseEntry";
 export default {
   name: "caseEntry",
+  dicts: ["sys_identity_type"],
+  components: {
+    caseentryDialog,
+    // batchDialog
+  },
   data() {
     return {
       // 遮罩层
       loading: true,
       // 总条数
       total: 0,
+      isapply: "申请人：",
       // 表格数据
       dataList: [],
-      pageNum: 1,
-      pageSize: 10,
       // 查询参数
       queryParams: {
-        caseNumber: undefined,
+        caseNum: undefined,
-        applicant: undefined,
+        // applicant: undefined,
+        caseStatus: 0,
+        pageNum: 1,
+        pageSize: 10,
       },
       dialogtitle: "", //弹框标题
-      openapply: false, //申请弹框控制
+      visible: false, //申请弹框控制
-      form: {}, // 表单参数
+      form: {},
-      form2: {}, //主体信息
-      // 表单校验
-      rules: {
-        caseNumber: [
-          { required: true, message: "案件编号不能为空", trigger: "blur" },
-        ],
-        invokeTarget: [
-          {
-            required: true,
-            message: "调用目标字符串不能为空",
-            trigger: "blur",
-          },
-        ],
-        cronExpression: [
-          {
-            required: true,
-            message: "cron执行表达式不能为空",
-            trigger: "blur",
-          },
-        ],
-      },
       starttime: "", //开始时间
       endtime: "", //结束时间
-      fileList: [],
+      formData: {},
-      paymentArr: [
+      flag:"-1",
-        {
+      initpaymentArr:[],
-          identityType: "",
+      initpaymentArr1:[],
-          applicant: "",
+      // 批量申请弹框
-          IDnumber: "",
+      openbatch: false,
-          phoneNumber: "",
-          unitAddress: "",
-          worktelephone: "",
-          contactAddress: "",
-          agentName: "",
-          agentPhone: "",
-          agentAddress: "",
-        },
-      ],
     };
   },
   created() {
-    this.getList();
+    this.getcaseApply();
   },
   methods: {
-    // 新增主体信息
+    cancel() {
-    generateForm() {
+      this.visible = false;
-      this.paymentArr.push({
-        identityType: "",
-        applicant: "",
-        IDnumber: "",
-        phoneNumber: "",
-        unitAddress: "",
-        worktelephone: "",
-        contactAddress: "",
-        agentName: "",
-        agentPhone: "",
-        agentAddress: "",
-      });
     },
     /** 查询登录日志列表 */
-    getList() {
+    getcaseApply() {
-      this.dataList = [
+      this.loading = true;
-        {
+      caseApply(this.queryParams).then((response) => {
-          id: 1,
+        this.dataList = response.rows;
-          caseNumber: "5644456",
+        this.dataList.forEach((item) => {
-          applicant: "韩某某",
+          item.caseStatus = item.caseStatus == 0 ? "立案申请" : "待缴费";
-          matterofCase: "5000",
+        });
-          filingDate: "2023-9-3",
+        this.total = response.total;
-          // ArbitrateMethod: '线上',
+        this.loading = false;
-          caseStatus: "未开庭",
+      });
-        },
-      ];
-      // this.loading = true;
-      // list(this.queryParams).then((response) => {
-      //   this.list = response.rows;
-      //   this.total = response.total;
-      this.loading = false;
-      // });
     },
     /** 搜索按钮操作 */
     handleQuery() {
-      this.pageNum = 1;
+      this.queryParams.pageNum = 1;
-      this.getList();
+      this.getcaseApply();
     },
     /** 重置按钮操作 */
     resetQuery() {
@@ -484,57 +235,76 @@ export default {
     },
     // 立案申请
     filingApplication() {
-      this.openapply = true;
+      this.form = {};
+      this.visible = true;
       this.dialogtitle = "立案申请";
+      this.flag = "2"
     },
-    // 提交立案申请
+    // 批量立案
-    submitForm() {},
+    batchApplication() {
-    // 取消
+      this.openbatch = true
-    cancel() {
-      this.openapply = false;
     },
+    // 列表提交立案
+    onsubmitRow(row) {
+      this.$modal
+        .confirm("是否提交立案？")
+        .then(function () {
+          return submitCaseApply({ id: row.id });
+        })
+        .then(() => {
+          this.getcaseApply();
+          this.$modal.msgSuccess("立案成功");
+        })
+        .catch(() => {});
+    },
+
     // 修改
     editRow(row) {
-      this.openapply = true;
+      this.flag = "1"
+      this.form = row;
+      this.visible = true;
       this.dialogtitle = "立案修改";
+      this.getInfo(row);
     },
     // 详情
     detailRow(row) {
-      this.openapply = true;
+      this.flag = "0"
+      this.form = row;
+      this.visible = true;
       this.dialogtitle = "立案详情";
+      this.getInfo(row);
+    },
+    // 查找主体信息数据
+    getInfo(row) {
+      const id = row.id;
+      selectCaseApply({ id }).then((res) => {
+        this.visible = true;
+        this.formData = res.data;
+        this.initpaymentArr = [];
+        this.initpaymentArr1 = [];
+        res.data.caseAffiliates.forEach((item) => {
+          if (item.identityType == 1) {
+            this.initpaymentArr.push(item);
+          } else {
+            this.initpaymentArr1.push(item);
+          }
+        });
+      });
     },
     // 删除
     deleteRow(row) {
       // const id = row.id;
       this.$modal
         .confirm("是否确认删除？")
-        .then()
+        .then(function () {
-        .then(() => {
+          return removeCaseApply({ id: row.id });
-          // this.getList();
+        })
+        .then((res) => {
+          this.getcaseApply();
           this.$modal.msgSuccess("删除成功");
         })
         .catch(() => {});
     },
-    handleRemove(file, fileList) {
-      console.log(file, fileList);
-    },
-    handlePreview(file) {
-      console.log(file);
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning(
-        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
-          files.length + fileList.length
-        } 个文件`
-      );
-    },
-    beforeRemove(file, fileList) {
-      return this.$confirm(`确定移除 ${file.name}？`);
-    },
-    // 删除主体信息
-    deleteData(index) {
-      this.paymentArr.splice(index,1)
-    }
   },
 };
 </script>
@@ -545,6 +315,5 @@ export default {
   overflow: auto !important;
 }
 #formContainer {
- 
 }
 </style>

src/views/caseAccessAll/components/batchDialog.vue

@@ -0,0 +1,75 @@
+<template>
+  <div>
+    <!-- 立案申请弹框 -->
+    <el-dialog
+      :title="dialogtitle"
+      :visible.sync="openbatch"
+      width="800px"
+      append-to-body
+    >
+      <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+        <!-- <el-row> -->
+          <!-- <el-col :span="16">
+            <el-form-item label="申请人姓名：" prop="applyName">
+              <el-input v-model="form.jobName" placeholder="请输入姓名" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-button type="primary" @click="downloadTemplate"
+              >下载模板</el-button
+            >
+          </el-col> -->
+          <!-- <el-col :span="12">
+            <el-form-item label="立案申请书：" prop="applybook"> </el-form-item>
+          </el-col>
+          <el-col :span="12"> </el-col> -->
+        <!-- </el-row> -->
+        <el-row>
+          <el-form-item :span="24" label="批量立案信息上传：" prop="upload">
+            <el-upload
+              class="upload-demo"
+              action="https://jsonplaceholder.typicode.com/posts/"
+              :on-preview="handlePreview"
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              multiple
+              :limit="3"
+              :on-exceed="handleExceed"
+              :file-list="fileList"
+            >
+              <el-button size="small" type="primary">点击上传</el-button>
+              <div slot="tip" class="el-upload__tip">
+                只能上传文件，且不超过500kb
+              </div>
+            </el-upload>
+          </el-form-item>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      key: value,
+    };
+  },
+  methods: {
+    // 提交立案申请
+    submitForm() {},
+    // 取消
+    cancel() {
+      this.openbatch = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/caseAccessAll/components/caseentryDialog.vue

@@ -0,0 +1,721 @@
+<template>
+  <div>
+    <el-dialog
+      :title="dialogtitle"
+      :visible="visible"
+      @close="cancel"
+      width="1000px"
+      append-to-body
+      :destroy-on-close="true"
+    >
+      <!-- 案件信息 -->
+      <el-form
+        ref="form"
+        :model="formData"
+        :rules="rules"
+        label-width="150px"
+        :disabled="flag == '0'"
+      >
+        <p>案件信息：</p>
+        <el-divider></el-divider>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="案件编号：" prop="caseNum">
+              <el-input
+                v-model="formData.caseNum"
+                placeholder="请输入案件编号"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="案件标的：" prop="caseSubjectAmount">
+              <el-input
+                v-model="formData.caseSubjectAmount"
+                placeholder="请输入案件标的"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="借款开始日期：" prop="loanStartDate">
+              <el-date-picker
+                v-model="formData.loanStartDate"
+                type="datetime"
+                placeholder="借款开始日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="借款结束日期：" prop="loanEndDate">
+              <el-date-picker
+                v-model="formData.loanEndDate"
+                type="datetime"
+                placeholder="借款结束日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="合同编号：" prop="contractNumber">
+              <el-input
+                v-model="formData.contractNumber"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
+              <el-input
+                v-model="formData.claimPrinciOwed"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请人主张欠利息：" prop="claimInterestOwed">
+              <el-input
+                v-model="formData.claimInterestOwed"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请人主张违约金：" prop="claimLiquidDamag">
+              <el-input
+                v-model="formData.claimLiquidDamag"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="申请人案件证据资料上传："
+              prop="applicantEvidence"
+            >
+              <el-upload
+                class="upload-demo"
+                action="https://jsonplaceholder.typicode.com/posts/"
+                :on-preview="handlePreview"
+                :on-remove="handleRemove"
+                :before-remove="beforeRemove"
+                multiple
+                :limit="3"
+                :on-exceed="handleExceed"
+                :file-list="fileList"
+              >
+                <el-button size="small" type="primary">点击上传</el-button>
+                <div slot="tip" class="el-upload__tip">
+                  只能上传jpg/png文件，且不超过500kb
+                </div>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+          <!-- 仅详情展示 -->
+          <el-col :span="12">
+            <el-form-item
+              label="被申请人案件证据资料上传："
+              prop="respondentEvidence"
+            >
+              <el-upload
+                class="upload-demo"
+                action="https://jsonplaceholder.typicode.com/posts/"
+                :on-preview="handlePreview"
+                :on-remove="handleRemove"
+                :before-remove="beforeRemove"
+                multiple
+                :limit="3"
+                :on-exceed="handleExceed"
+                :file-list="fileList"
+              >
+                <el-button size="small" type="primary">点击上传</el-button>
+                <div slot="tip" class="el-upload__tip">
+                  只能上传jpg/png文件，且不超过500kb
+                </div>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <!-- 申请人主体信息 -->
+      <el-form
+        ref="form2"
+        :model="form2"
+        label-width="150px"
+        v-for="(item, index) in paymentArr"
+        :key="index"
+        :disabled="flag == '0'"
+      >
+        <div>
+          <div style="display: flex; justify-content: space-between">
+            <p>申请人主体信息：</p>
+            <el-button
+              type="danger"
+              icon="el-icon-delete"
+              @click="deleteData(index)"
+              v-if="paymentArr.length > 1 && flag != '0'"
+            ></el-button>
+          </div>
+          <el-divider></el-divider>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="申请人姓名" prop="name">
+                <el-input
+                  v-model="paymentArr[index].name"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="身份证号：" prop="identityNum">
+                <el-input
+                  v-model="paymentArr[index].identityNum"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系电话：" prop="contactTelphone">
+                <el-input
+                  v-model="paymentArr[index].contactTelphone"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="单位地址：" prop="workAddress">
+                <el-input
+                  v-model="paymentArr[index].workAddress"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="单位电话：" prop="workTelphone">
+                <el-input
+                  v-model="paymentArr[index].workTelphone"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系地址：" prop="contactAddress">
+                <el-input
+                  v-model="paymentArr[index].contactAddress"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <p>代理人信息：</p>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="姓名：" prop="nameAgent">
+                <el-input
+                  v-model="paymentArr[index].nameAgent"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="身份证号：" prop="identityNumAgent">
+                <el-input
+                  v-model="paymentArr[index].identityNumAgent"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系电话：" prop="contactTelphoneAgent">
+                <el-input
+                  v-model="paymentArr[index].contactTelphoneAgent"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系地址：" prop="contactAddressAgent">
+                <el-input
+                  v-model="paymentArr[index].contactAddressAgent"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+      <el-button
+        v-if="flag == 1 || flag == 2"
+        type="primary"
+        plain
+        @click="generateForm"
+        >新增申请人主体信息</el-button
+      >
+      <!-- 被申请人主体信息 -->
+      <el-form
+        ref="form3"
+        label-width="150px"
+        :disabled="flag == '0'"
+        v-for="(item, index) in paymentArr1"
+        :key="index + paymentArr.length"
+      >
+        <div>
+          <div style="display: flex; justify-content: space-between">
+            <p>被申请人主体信息：</p>
+            <el-button
+              type="danger"
+              icon="el-icon-delete"
+              @click="deleteData1(index)"
+              v-if="paymentArr1.length > 1 && flag != '0'"
+            ></el-button>
+          </div>
+          <el-divider></el-divider>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="被申请人姓名" prop="name">
+                <el-input
+                  v-model="paymentArr1[index].name"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="身份证号：" prop="identityNum">
+                <el-input
+                  v-model="paymentArr1[index].identityNum"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系电话：" prop="contactTelphone">
+                <el-input
+                  v-model="paymentArr1[index].contactTelphone"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="单位地址：" prop="workAddress">
+                <el-input
+                  v-model="paymentArr1[index].workAddress"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="单位电话：" prop="workTelphone">
+                <el-input
+                  v-model="paymentArr1[index].workTelphone"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系地址：" prop="contactAddress">
+                <el-input
+                  v-model="paymentArr1[index].contactAddress"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <p>代理人信息：</p>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="姓名：" prop="nameAgent">
+                <el-input
+                  v-model="paymentArr1[index].nameAgent"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="身份证号：" prop="identityNumAgent">
+                <el-input
+                  v-model="paymentArr1[index].identityNumAgent"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系电话：" prop="contactTelphoneAgent">
+                <el-input
+                  v-model="paymentArr1[index].contactTelphoneAgent"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="联系地址：" prop="contactAddressAgent">
+                <el-input
+                  v-model="paymentArr1[index].contactAddressAgent"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+      <el-button
+        v-if="flag == 1 || flag == 2"
+        type="primary"
+        plain
+        @click="generateForm1()"
+        >新增被申请人主体信息</el-button
+      >
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" v-if="flag != 0"
+          >确 定</el-button
+        >
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import moment from "moment"; //导入文件
+import {
+  addCaseApply,
+  editCaseApply,
+} from "@/api/caseAccess/caseEntry";
+export default {
+  props: ["visible", "dialogtitle", "form", "getcaseApply", "flag","initpaymentArr","initpaymentArr1"],
+  data() {
+    return {
+      formData: this.form,
+      form2: {}, //申请人主体信息
+      form3: {}, //被申请人主体信息
+      // 表单校验
+      rules: {
+        caseNum: [
+          { required: true, message: "案件编号不能为空", trigger: "blur" },
+        ],
+        caseSubjectAmount: [
+          {
+            required: true,
+            message: "案件标的不能为空",
+            trigger: "blur",
+          },
+        ],
+        loanStartDate: [
+          {
+            required: true,
+            message: "借款开始日期不能为空",
+            trigger: "blur",
+          },
+        ],
+        loanEndDate: [
+          {
+            required: true,
+            message: "借款结束日期不能为空",
+            trigger: "blur",
+          },
+        ],
+        name: [
+          {
+            required: true,
+            message: "申请人姓名不能为空",
+            trigger: "blur",
+          },
+        ],
+        contractNumber: [
+          {
+            required: true,
+            message: "合同编号不能为空",
+            trigger: "blur",
+          },
+        ],
+        claimPrinciOwed: [
+          {
+            required: true,
+            message: "申请人主张欠本金不能为空",
+            trigger: "blur",
+          },
+        ],
+        claimInterestOwed: [
+          {
+            required: true,
+            message: "申请人主张欠利息不能为空",
+            trigger: "blur",
+          },
+        ],
+        Overduedays: [
+          {
+            required: true,
+            message: "逾期天数不能为空",
+            trigger: "blur",
+          },
+        ],
+        claimLiquidDamag: [
+          {
+            required: true,
+            message: "申请人主张违约金不能为空",
+            trigger: "blur",
+          },
+        ],
+      },
+      rules2: {
+        name: [
+          {
+            required: true,
+            message: "申请人不能为空",
+            trigger: "blur",
+          },
+        ],
+        identityNum: [
+          {
+            required: true,
+            message: "身份证号不能为空",
+            trigger: "blur",
+          },
+        ],
+        contactTelphone: [
+          {
+            required: true,
+            message: "联系电话不能为空",
+            trigger: "blur",
+          },
+        ],
+        workAddress: [
+          {
+            required: true,
+            message: "单位地址不能为空",
+            trigger: "blur",
+          },
+        ],
+        workTelphone: [
+          {
+            required: true,
+            message: "单位电话不能为空",
+            trigger: "blur",
+          },
+        ],
+        contactAddress: [
+          {
+            required: true,
+            message: "联系地址不能为空",
+            trigger: "blur",
+          },
+        ],
+        nameAgent: [
+          {
+            required: true,
+            message: "姓名不能为空",
+            trigger: "blur",
+          },
+        ],
+        identityNumAgent: [
+          {
+            required: true,
+            message: "身份证号不能为空",
+            trigger: "blur",
+          },
+        ],
+        contactTelphoneAgent: [
+          {
+            required: true,
+            message: "联系电话不能为空",
+            trigger: "blur",
+          },
+        ],
+        contactAddressAgent: [
+          {
+            required: true,
+            message: "联系地址不能为空",
+            trigger: "blur",
+          },
+        ],
+      },
+      fileList: [],
+      paymentArr: [
+        {
+          identityType: 1,
+          name: "",
+          identityNum: "",
+          contactTelphone: "",
+          workAddress: "",
+          workTelphone: "",
+          contactAddress: "",
+          nameAgent: "",
+          contactTelphoneAgent: "",
+          contactAddressAgent: "",
+        },
+      ],
+      paymentArr1: [
+        {
+          identityType: 2,
+          name: "",
+          identityNum: "",
+          contactTelphone: "",
+          workAddress: "",
+          workTelphone: "",
+          contactAddress: "",
+          nameAgent: "",
+          contactTelphoneAgent: "",
+          contactAddressAgent: "",
+        },
+      ],
+    };
+  },
+  watch: {
+    initpaymentArr: {
+      handler(val) {
+        if (val) {
+          this.formData = this.form;
+          if (this.flag == "1" || this.flag == "0") {
+            // this.getInfo(this.formData);
+            this.paymentArr = this.initpaymentArr
+            this.paymentArr1 = this.initpaymentArr1
+          }
+          if(this.flag == "2") {
+            this.paymentArr = [
+        {
+          identityType: 1,
+          name: "",
+          identityNum: "",
+          contactTelphone: "",
+          workAddress: "",
+          workTelphone: "",
+          contactAddress: "",
+          nameAgent: "",
+          contactTelphoneAgent: "",
+          contactAddressAgent: "",
+        },
+      ]
+            this.paymentArr1 = [
+        {
+          identityType: 2,
+          name: "",
+          identityNum: "",
+          contactTelphone: "",
+          workAddress: "",
+          workTelphone: "",
+          contactAddress: "",
+          nameAgent: "",
+          contactTelphoneAgent: "",
+          contactAddressAgent: "",
+        },
+      ]
+          }
+        }
+      },
+      deep: true,
+    },
+  },
+  methods: {
+    handleRemove(file, fileList) {
+    },
+    handlePreview(file) {
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning(
+        `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
+          files.length + fileList.length
+        } 个文件`
+      );
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    },
+    // 取消
+    cancel() {
+      this.$emit("cancel");
+    },
+
+    // 新增申请人主体信息
+    generateForm() {
+      this.paymentArr.push({
+        identityType: 1,
+        name: "",
+        identityNum: "",
+        contactTelphone: "",
+        workAddress: "",
+        workTelphone: "",
+        contactAddress: "",
+        nameAgent: "",
+        contactTelphoneAgent: "",
+        contactAddressAgent: "",
+      });
+    },
+    // 新增被申请人主体信息
+    generateForm1() {
+      this.paymentArr1.push({
+        identityType: 2,
+        name: "",
+        identityNum: "",
+        contactTelphone: "",
+        workAddress: "",
+        workTelphone: "",
+        contactAddress: "",
+        nameAgent: "",
+        contactTelphoneAgent: "",
+        contactAddressAgent: "",
+      });
+      
+    },
+    // // 查找主体信息数据
+    // getInfo(row) {
+    //   const id = row.id;
+    //   selectCaseApply({ id }).then((res) => {
+    //     this.visible = true;
+    //     this.formData = res.data;
+    //     this.paymentArr = [];
+    //     this.paymentArr1 = [];
+    //     res.data.caseAffiliates.forEach((item) => {
+    //       if (item.identityType == 1) {
+    //         this.paymentArr.push(item);
+    //       } else {
+    //         this.paymentArr1.push(item);
+    //       }
+    //     });
+    //   });
+    // },
+    // 删除申请人主体信息
+    deleteData(index) {
+      this.paymentArr.splice(index, 1);
+    },
+    // 删除被申请人主体信息
+    deleteData1(index) {
+      this.paymentArr1.splice(index, 1);
+    },
+    // 提交立案申请 addCaseApply
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        this.formData.loanStartDate = moment(
+          this.formData.loanStartDate
+        ).format("YYYY-MM-DD HH:mm:ss");
+        this.formData.loanEndDate = moment(this.formData.loanEndDate).format(
+          "YYYY-MM-DD HH:mm:ss"
+        );
+        this.formData.caseAffiliates = [
+          ...this.paymentArr,
+          ...this.paymentArr1,
+        ];
+        if (valid) {
+          if (this.formData.id) {
+            editCaseApply({
+              ...this.formData,
+              caseAffiliates: this.formData.caseAffiliates,
+            }).then((res) => {
+              this.$modal.msgSuccess("修改成功");
+            });
+          } else {
+            addCaseApply({
+              ...this.formData,
+              caseAffiliates: this.formData.caseAffiliates,
+            }).then((response) => {
+              this.$modal.msgSuccess("新增成功");
+            });
+          }
+          this.$emit("cancel");
+          this.getcaseApply();
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

vue.config.js

@@ -11,8 +11,8 @@ const name = process.env.VUE_APP_TITLE || '智慧仲裁管理系统' // 网页
 
 const port = process.env.port || process.env.npm_config_port || 80 // 端口
 
-const API = 'http://121.40.189.20:9001'  //测试
+// const API = 'http://121.40.189.20:9001'  //测试
-// const API = 'http://192.168.3.77:8080' //Q
+const API = 'http://192.168.3.77:8080' //Q
 
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions