Merge branch 'hhl' of SH-Arbitrate/Arbitrate-Frontend into dev

src/api/formationCourt/formationCourt.js

@@ -8,10 +8,10 @@ export function arbitrAtor(data) {
       params: data
     })
   }
-// 组庭
-export function pendTral(data) {
+// 组庭审核
+export function pendTralCheck(data) {
     return request({
-      url: '/caseApplication/pendTral',
+      url: '/caseApplication/pendTralCheck',
       method: 'post',
       data: data
     })

src/views/awardManagement/listofAwards.vue

@@ -0,0 +1,15 @@
+<template>
+    <div class="app-container">
+        裁决书列表
+    </div>
+</template>
+
+<script>
+    export default {
+        
+    }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/caseFiling/archiveList.vue

@@ -0,0 +1,15 @@
+<template>
+    <div class="app-container">
+        归档列表
+    </div>
+</template>
+
+<script>
+    export default {
+        
+    }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/caseManagement/caseList.vue

@@ -0,0 +1,578 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      label-width="68px"
+    >
+      <el-form-item label="案件编号" prop="caseNum">
+        <el-input
+          v-model="queryParams.caseNum"
+          placeholder="请输入案件编号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="案件状态" prop="caseStatus">
+        <el-select
+          v-model="queryParams.caseStatus"
+          placeholder="请选择案件状态"
+          clearable
+          @keyup.enter.native="handleQuery"
+        >
+          <el-option
+            v-for="dict in dict.type.case_status"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="开庭日期" prop="hearDate">
+        <el-date-picker
+          v-model="queryParams.hearDate"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="filingApplication"
+          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>{{
+            (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="caseAffiliates[0].name"
+        :show-overflow-tooltip="true"
+      /> -->
+      <el-table-column
+        label="案件标的"
+        align="center"
+        prop="caseSubjectAmount"
+      />
+      <el-table-column
+        label="立案日期"
+        align="center"
+        prop="registerDate"
+        :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="caseStatus" />
+      <el-table-column
+        label="操作"
+        align="center"
+        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"
+            icon="el-icon-zoom-in"
+            @click="detailRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >详情</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="editRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="deleteRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >删除</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-zoom-in"
+            @click="filingreviewRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >立案审查</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-tickets"
+            @click="viewpaymentRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >查看缴费</el-button
+          >
+          <!-- <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-data-analysis"
+            @click="formationcourtRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >组庭</el-button
+          > -->
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-s-check"
+            @click="courtconfirmationRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >组庭确认</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-check"
+            @click="courtreviewRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >组庭审核</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-sort"
+            @click="choosetrialmethodRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >选择开庭方式</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit-outline"
+            @click="adjudicaterecordRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >书面审理</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-service"
+            @click="trialcourtRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >开庭审理</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-document"
+            @click="generateawardRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >生成裁决书</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-receiving"
+            @click="fileRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >归档</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getcaseApply"
+    />
+
+    <!-- 立案申请弹框 -->
+    <caseentryDialog
+      :visible="visible"
+      @cancel="cancel"
+      :form="form"
+      :dialogtitle="dialogtitle"
+      :getcaseApply="getcaseApply"
+      :flag="flag"
+      :initpaymentArr="initpaymentArr"
+      :initpaymentArr1="initpaymentArr1"
+    ></caseentryDialog>
+    <!-- 批量申请弹框 openbatch-->
+    <batchDialog
+      :openbatch="openbatch"
+      @cancelBatch="cancelBatch"
+      :getcaseApply="getcaseApply"
+    ></batchDialog>
+    <!-- 组庭页面---改为组庭审核 -->
+    <formateCourtDialog
+      :showformateCourt="showformateCourt"
+      @cancelcourtDialog="cancelcourtDialog"
+      :formateCourtData="formateCourtData"
+      @getcaseApply="getcaseApply"
+    ></formateCourtDialog>
+    <!-- 组庭审核--改组庭确认 -->
+    <courtReviewDialog
+      :showcourtReview="showcourtReview"
+      @cancelcourtReview="cancelcourtReview"
+    ></courtReviewDialog>
+    <!-- 选择开庭方式 -->
+    <choosetrialmethodDaiog
+      :showchoosetrialmethod="showchoosetrialmethod"
+      @cancelshowchoosetrialMethod="cancelshowchoosetrialMethod"
+    ></choosetrialmethodDaiog>
+    <!-- 书面审理 -->
+    <adjudicaterecordDialog
+      :showadjudicaterecord="showadjudicaterecord"
+      @canceladjudicaterecord="canceladjudicaterecord"
+    ></adjudicaterecordDialog>
+    <!-- 开庭审理 -->
+    <trialincourtDialog
+    :showtrialincourt="showtrialincourt"
+    @canceltrialincourt="canceltrialincourt"
+    ></trialincourtDialog>
+  </div>
+</template>
+
+<script>
+import caseentryDialog from "./components/caseentryDialog";
+import batchDialog from "./components/batchDialog";
+import formateCourtDialog from "./components/formateCourtDialog.vue";
+import courtReviewDialog from "./components/courtReviewDialog.vue";
+import choosetrialmethodDaiog from "./components/choosetrialmethodDaiog.vue";
+import adjudicaterecordDialog from "./components/adjudicaterecordDialog.vue";
+import trialincourtDialog from './components/trialincourtDialog.vue';
+
+import {
+  caseApply,
+  removeCaseApply,
+  submitCaseApply,
+  selectCaseApply,
+} from "@/api/caseAccess/caseEntry";
+export default {
+  name: "caseList",
+  dicts: ["case_status"],
+  components: {
+    caseentryDialog,
+    batchDialog,
+    formateCourtDialog,
+    courtReviewDialog,
+    choosetrialmethodDaiog,
+    adjudicaterecordDialog,
+    trialincourtDialog
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      isapply: "申请人：",
+      // 表格数据
+      dataList: [],
+      // 查询参数
+      queryParams: {
+        caseNum: undefined,
+        hearDate: "",
+        caseStatus: null,
+        pageNum: 1,
+        pageSize: 10,
+      },
+      dialogtitle: "", //弹框标题
+      visible: false, //申请弹框控制
+      form: {},
+      starttime: "", //开始时间
+      endtime: "", //结束时间
+      formData: {},
+      flag: "-1",
+      initpaymentArr: [],
+      initpaymentArr1: [],
+      openbatch: false, // 批量申请弹框
+      formateCourtData: {}, //组庭
+      showformateCourt: false, //组庭界面显示
+      showcourtReview: false, //组庭审核页面
+      showchoosetrialmethod: false, //选择仲裁方式页面
+      showadjudicaterecord: false, //书面审理弹框
+      showtrialincourt: false, //开庭审理
+    };
+  },
+  created() {
+    this.getcaseApply();
+  },
+  methods: {
+    cancel() {
+      this.visible = false;
+    },
+    cancelBatch() {
+      this.openbatch = false;
+    },
+    /** 查询列表 */
+    getcaseApply() {
+      this.loading = true;
+      caseApply(this.queryParams).then((response) => {
+        this.dataList = response.rows;
+        this.dataList.forEach((item) => {
+          item.caseStatus = item.caseStatus == 0 ? "立案申请" : "待缴费";
+        });
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getcaseApply();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 案件录入
+    filingApplication() {
+      this.form = {};
+      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: "",
+        },
+      ];
+
+      this.visible = true;
+      this.dialogtitle = "立案申请";
+      this.flag = "2";
+    },
+    // 批量批量录入
+    batchApplication() {
+      this.openbatch = true;
+    },
+    // 列表提交立案
+    onsubmitRow(row) {
+      this.$modal
+        .confirm("是否提交立案？")
+        .then(function () {
+          return submitCaseApply({ id: row.id });
+        })
+        .then(() => {
+          this.getcaseApply();
+          this.$modal.msgSuccess("立案成功");
+        })
+        .catch(() => {});
+    },
+    // 详情
+    detailRow(row) {
+      this.flag = "0";
+      this.form = row;
+      this.visible = true;
+      this.dialogtitle = "立案详情";
+      this.getInfo(row);
+    },
+    // 修改
+    editRow(row) {
+      this.flag = "1";
+      this.form = row;
+      this.visible = true;
+      this.dialogtitle = "立案修改";
+      this.getInfo(row);
+    },
+    // 立案审查
+    filingreviewRow(row) {
+      console.log(row, "立案审查");
+      this.$modal
+        .confirm("确定提交案件数据吗？")
+        .then(function () {
+          return submitCaseApply({ id: row.id });
+        })
+        .then(() => {
+          this.getcaseApply();
+          this.$modal.msgSuccess("立案成功");
+        })
+        .catch(() => {});
+    },
+    // 查看缴费
+    viewpaymentRow(row) {
+      console.log(row, "查看缴费");
+    },
+    // 组庭
+    // formationcourtRow(row) {
+    //   console.log(row, "组庭");
+    //   this.formateCourtData = row;
+    //   this.showformateCourt = true;
+    // },
+    // 关闭组庭页面
+    cancelcourtDialog() {
+      this.showformateCourt = false;
+    },
+    // 组庭确认
+    courtconfirmationRow(row) {
+      console.log(row, "组庭确认");
+      this.showcourtReview = true;
+    //   this.$modal
+    //     .confirm("确定进行组庭吗？")
+    //     .then(function () {})
+    //     .then(() => {
+    //       this.$modal.msgSuccess("组庭成功");
+    //     })
+    //     .catch((err) => {});
+    },
+    // 组庭审核
+    courtreviewRow(row) {
+      console.log(row, "组庭审核");
+      this.formateCourtData = row;
+      this.showformateCourt = true;
+    },
+    cancelcourtReview() {
+      this.showcourtReview = false;
+    },
+    // 选择开庭方式
+    choosetrialmethodRow(row) {
+      console.log(row, "选择开庭方式");
+      this.showchoosetrialmethod = true;
+    },
+    // 关闭选择开庭方式
+    cancelshowchoosetrialMethod() {
+      this.showchoosetrialmethod = false;
+    },
+    // 书面审理
+    adjudicaterecordRow(row) {
+      console.log(row, "书面审理");
+      this.showadjudicaterecord = true;
+    },
+    canceladjudicaterecord() {
+      this.showadjudicaterecord = false;
+    },
+    //  开庭审理
+    trialcourtRow(row) {
+      console.log(row, "开庭审理");
+      this.showtrialincourt = true;
+    },
+    canceltrialincourt() {
+        this.showtrialincourt = false;
+    },
+    //  生成裁决书
+    generateawardRow(row) {
+      console.log(row, "生成裁决书");
+    },
+    // 归档
+    fileRow(row) {
+      console.log(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(function () {
+          return removeCaseApply({ id: row.id });
+        })
+        .then((res) => {
+          this.getcaseApply();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+#formContainer {
+}
+</style>

src/views/caseManagement/components/adjudicaterecordDialog.vue

@@ -0,0 +1,37 @@
+<template>
+  <div>
+    <el-dialog
+      title="书面审理"
+      :visible="showadjudicaterecord"
+      width="500px"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+      书面审理弹框
+      <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 {
+  props: ["showadjudicaterecord"],
+  data() {
+    return {
+      // key: value
+    };
+  },
+  methods: {
+    submitForm() {},
+    cancel() {
+      this.$emit("canceladjudicaterecord");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/caseManagement/components/batchDialog.vue

@@ -0,0 +1,159 @@
+<template>
+  <div>
+    <!-- 立案申请弹框 -->
+    <el-dialog
+      title="批量立案"
+      :visible="openbatch"
+      width="600px"
+      append-to-body
+      @close="cancel"
+    >
+      <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">
+            <div class="download" style="margin-bottom: 20px">
+              <span> 下载： </span>
+              <a href="#">
+                <el-button class="uploadlink" @click="downloadTemplate">批量导入模板</el-button>
+              </a>
+            </div>
+          </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"
+              ref="uploadbatch"
+              :limit="1"
+              accept=".xlsx, .xls"
+              :headers="upload.headers"
+              :action="upload.url + '?updateSupport=' + upload.updateSupport"
+              :disabled="upload.isUploading"
+              :on-progress="handleFileUploadProgress"
+              :on-success="handleFileSuccess"
+              :auto-upload="false"
+              drag
+            >
+            <i class="el-icon-upload"></i>
+            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+              <!-- <el-button size="small" type="primary">点击上传</el-button> -->
+              <div slot="tip" class="el-upload__tip">
+                只接收.xlsx, .xls格式文件
+              </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>
+import { importTemplate } from "@/api/caseAccess/caseEntry";
+import { getToken } from "@/utils/auth";
+export default {
+  props: ["openbatch","getcaseApply"],
+  data() {
+    return {
+      //   key: value,
+      form: {},
+      fileList: [],
+      rules: {
+        upload: [
+          { required: true, message: "批量立案文件不能为空", trigger: "blur" },
+        ],
+      },
+      // 案件批量导入
+      upload: {
+        // 是否显示弹出层（用户导入）
+        open: false,
+        // 弹出层标题（用户导入）
+        title: "",
+        // 是否禁用上传
+        isUploading: false,
+        // 是否更新已经存在的用户数据
+        updateSupport: 0,
+        // 设置上传的请求头部
+        headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        url: process.env.VUE_APP_BASE_API + "/caseApplication/importData",
+      },
+    };
+  },
+  methods: {
+    // 批量提交立案申请
+    submitForm() {
+        this.$refs.uploadbatch.submit();
+    },
+    // 取消
+    cancel() {
+      //   this.openbatch = false;
+      this.$emit("cancelBatch");
+    },
+    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}？`);
+    },
+    // 下载模板 importTemplate
+    downloadTemplate() {
+    //   console.log("下载模板");
+      this.download(
+        "caseApplication/importTemplate",
+        {},
+        `case_batch_${new Date().getTime()}.xlsx`
+      );
+    },
+    // 文件上传中处理
+    handleFileUploadProgress(event, file, fileList) {
+      this.upload.isUploading = true;
+    },
+    // 文件上传成功处理
+    handleFileSuccess(response, file, fileList) {
+    //   this.upload.open = false;
+      this.$emit("cancelBatch");
+      this.upload.isUploading = false;
+      this.$refs.uploadbatch.clearFiles();
+      this.$alert(
+        "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
+          response.msg +
+          "</div>",
+        "导入结果",
+        { dangerouslyUseHTMLString: true }
+      );
+      this.getcaseApply();
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.download {
+  a {
+    .uploadlink{
+        border: none;
+        color: #2092c7;
+    }
+  }
+}
+</style>

src/views/caseManagement/components/caseentryDialog.vue

@@ -0,0 +1,788 @@
+<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"
+        :disabled="flag == '0'"
+      >
+        <div v-for="(item, index) in form2.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="form2.paymentArr.length > 1 && flag != '0'"
+            ></el-button>
+          </div>
+          <el-divider></el-divider>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="申请人姓名"
+                :prop="'paymentArr.' + index + '.name'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '申请人不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="item.name" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="身份证号："
+                :prop="'paymentArr.' + index + '.identityNum'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '身份证号不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="item.identityNum" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="联系电话："
+                :prop="'paymentArr.' + index + '.contactTelphone'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '联系电话不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="item.contactTelphone" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="单位地址："
+                :prop="'paymentArr.' + index + '.workAddress'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '单位地址不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="item.workAddress" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="单位电话："
+                :prop="'paymentArr.' + index + '.workTelphone'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '单位电话不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="item.workTelphone" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="联系地址："
+                :prop="'paymentArr.' + index + '.contactAddress'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '联系地址不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <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.' + index + '.nameAgent'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '姓名不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="item.nameAgent" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="身份证号："
+                :prop="'paymentArr.' + index + '.identityNumAgent'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '身份证号不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input
+                  v-model="item.identityNumAgent"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="联系电话："
+                :prop="'paymentArr.' + index + '.contactTelphoneAgent'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '联系电话不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input
+                  v-model="item.contactTelphoneAgent"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="联系地址："
+                :prop="'paymentArr.' + index + '.contactAddressAgent'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '联系地址不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input
+                  v-model="item.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'"
+        :model="form3"
+      >
+        <div
+          v-for="(itm, index) in form3.paymentArr1"
+          :key="index + form2.paymentArr.length"
+        >
+          <div style="display: flex; justify-content: space-between">
+            <p>被申请人主体信息：</p>
+            <el-button
+              type="danger"
+              icon="el-icon-delete"
+              @click="deleteData1(index)"
+              v-if="form3.paymentArr1.length > 1 && flag != '0'"
+            ></el-button>
+          </div>
+          <el-divider></el-divider>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="被申请人姓名"
+                :prop="'paymentArr1.' + index + '.name'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '被申请人不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="itm.name" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="身份证号："
+                :prop="'paymentArr1.' + index + '.identityNum'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '身份证号不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="itm.identityNum" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="联系电话："
+                :prop="'paymentArr1.' + index + '.contactTelphone'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '联系电话不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="itm.contactTelphone" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="单位地址："
+                :prop="'paymentArr1.' + index + '.workAddress'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '单位地址不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="itm.workAddress" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="单位电话："
+                :prop="'paymentArr1.' + index + '.workTelphone'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '单位电话不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="itm.workTelphone" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="联系地址："
+                :prop="'paymentArr1.' + index + '.contactAddress'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '联系地址不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="itm.contactAddress" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <p>代理人信息：</p>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item
+                label="姓名："
+                :prop="'paymentArr1.' + index + '.nameAgent'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '姓名不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="itm.nameAgent" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="身份证号："
+                :prop="'paymentArr1.' + index + '.identityNumAgent'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '身份证号不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input v-model="itm.identityNumAgent" placeholder="请输入" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="联系电话："
+                :prop="'paymentArr1.' + index + '.contactTelphoneAgent'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '联系电话不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input
+                  v-model="itm.contactTelphoneAgent"
+                  placeholder="请输入"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item
+                label="联系地址："
+                :prop="'paymentArr1.' + index + '.contactAddressAgent'"
+                :rules="[
+                  {
+                    required: true,
+                    message: '联系地址不能为空',
+                    trigger: 'blur',
+                  },
+                ]"
+              >
+                <el-input
+                  v-model="itm.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: {
+        paymentArr: [
+          {
+            identityType: 1,
+            name: "",
+            identityNum: "",
+            contactTelphone: "",
+            workAddress: "",
+            workTelphone: "",
+            contactAddress: "",
+            nameAgent: "",
+            contactTelphoneAgent: "",
+            contactAddressAgent: "",
+          },
+        ],
+      }, //申请人主体信息
+      form3: {
+        paymentArr1: [
+          {
+            identityType: 2,
+            name: "",
+            identityNum: "",
+            contactTelphone: "",
+            workAddress: "",
+            workTelphone: "",
+            contactAddress: "",
+            nameAgent: "",
+            contactTelphoneAgent: "",
+            contactAddressAgent: "",
+          },
+        ],
+      }, //被申请人主体信息
+      // 表单校验
+      rules: {
+        caseNum: [
+          {
+            required: true,
+            message: "案件编号不能为空",
+            trigger: ["change", "blur"],
+          },
+          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
+        ],
+        caseSubjectAmount: [
+          {
+            required: true,
+            message: "案件标的不能为空",
+            trigger: ["change", "blur"],
+          },
+          // { type: "Number", message: "案件标的必须为数字值" },
+        ],
+        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",
+          },
+          // { type: 'number', message: '申请人主张欠本金必须为数字值'}
+        ],
+        claimInterestOwed: [
+          {
+            required: true,
+            message: "申请人主张欠利息不能为空",
+            trigger: "blur",
+          },
+          // { type: 'number', message: '申请人主张欠利息必须为数字值'}
+        ],
+        Overduedays: [
+          {
+            required: true,
+            message: "逾期天数不能为空",
+            trigger: "blur",
+          },
+          // { type: 'number', message: '逾期天数必须为数字值'}
+        ],
+        claimLiquidDamag: [
+          {
+            required: true,
+            message: "申请人主张违约金不能为空",
+            trigger: "blur",
+          },
+          // { type: 'number', message: '申请人主张违约金必须为数字值'}
+        ],
+      },
+      fileList: [],
+    };
+  },
+  watch: {
+    visible: {
+      handler(val) {
+        if (val) {
+          this.formData = this.form;
+          if (this.flag == "1" || this.flag == "0") {
+            setTimeout(() => {
+              this.form2.paymentArr = this.initpaymentArr;
+              this.form3.paymentArr1 = this.initpaymentArr1;
+            }, 1000);
+          }
+        }
+      },
+      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.form2.paymentArr.push({
+        identityType: 1,
+        name: "",
+        identityNum: "",
+        contactTelphone: "",
+        workAddress: "",
+        workTelphone: "",
+        contactAddress: "",
+        nameAgent: "",
+        contactTelphoneAgent: "",
+        contactAddressAgent: "",
+      });
+    },
+    // 新增被申请人主体信息
+    generateForm1() {
+      this.form3.paymentArr1.push({
+        identityType: 2,
+        name: "",
+        identityNum: "",
+        contactTelphone: "",
+        workAddress: "",
+        workTelphone: "",
+        contactAddress: "",
+        nameAgent: "",
+        contactTelphoneAgent: "",
+        contactAddressAgent: "",
+      });
+    },
+    // 删除申请人主体信息
+    deleteData(index) {
+      this.form2.paymentArr.splice(index, 1);
+    },
+    // 删除被申请人主体信息
+    deleteData1(index) {
+      this.form3.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"
+        );
+        if (valid) {
+          this.$refs["form2"].validate((valid) => {
+            if (valid) {
+              this.$refs["form3"].validate((vail) => {
+                if (vail) {
+                  this.formData.caseAffiliates = [
+                    ...this.form2.paymentArr,
+                    ...this.form3.paymentArr1,
+                  ];
+                  if (this.formData.id) {
+                    editCaseApply({
+                      ...this.formData,
+                      caseAffiliates: this.formData.caseAffiliates,
+                    }).then((res) => {
+                      this.$modal.msgSuccess("修改成功");
+                      this.$emit("cancel");
+                      this.getcaseApply();
+                    });
+                  } else {
+                    addCaseApply({
+                      ...this.formData,
+                      caseAffiliates: this.formData.caseAffiliates,
+                    }).then((response) => {
+                      this.$modal.msgSuccess("新增成功");
+                      this.$emit("cancel");
+                      this.getcaseApply();
+                    });
+                  }
+                  // this.$emit("cancel");
+                  // this.getcaseApply();
+                }
+              });
+            }
+          });
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog__body {
+  height: 700px !important;
+  overflow: auto !important;
+}
+</style>

src/views/caseManagement/components/choosetrialmethodDaiog.vue

@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <!-- 选择仲裁方式页面 -->
+    <el-dialog
+      title="开庭方式"
+      :visible="showchoosetrialmethod"
+      width="500px"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+      <div class="radiobox">
+        <el-radio-group v-model="radio">
+          <el-radio :label="1">书面审理</el-radio>
+          <el-radio :label="2">开庭审理</el-radio>
+        </el-radio-group>
+      </div>
+
+      <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 {
+  name: "showchoosetrialmethodDialog",
+  props: ["showchoosetrialmethod"],
+  data() {
+    return {
+      // key: value
+      radio: 1,
+    };
+  },
+  methods: {
+    // 提交开庭方式
+    submitForm() {},
+    cancel() {
+      this.$emit("cancelshowchoosetrialMethod");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.radiobox{
+    margin-left: 5%;
+}
+</style>

src/views/caseManagement/components/courtReviewDialog.vue

@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <!-- 组庭审核页面 -->
+    <el-dialog
+      title="组庭确认"
+      :visible="showcourtReview"
+      width="500px"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+      <el-form ref="ktrq">
+        <el-form-item label="开庭日期：">
+          <div class="reviewbox">
+            <el-date-picker v-model="value1" type="date" placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </el-form-item>
+      </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 {
+  name: "courtReviewDialog",
+  props: ["showcourtReview"],
+  data() {
+    return {
+      value1: "",
+    };
+  },
+  methods: {
+    submitForm() {
+      // this.$refs['ktrq'].
+    },
+    cancel() {
+      this.$emit("cancelcourtReview");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.el-form-item{
+  margin-left: 10%;
+}
+</style>

src/views/caseManagement/components/formateCourtDialog.vue

@@ -0,0 +1,144 @@
+<template>
+  <div>
+    <!-- 组庭界面 -->
+    <el-dialog
+      title="组庭审核"
+      :visible="showformateCourt"
+      width="800px"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+      <el-form label-width="150px">
+        <el-form-item label="是否同意组庭：">
+          <el-radio-group v-model="isAgreePendTral">
+            <el-radio :label="1">是</el-radio>
+            <el-radio :label="0">否</el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-form>
+      <!-- <el-form ref="form"> -->
+      <el-table
+        :data="dataList"
+        style="width: 100%"
+        @selection-change="handleSelectionChange"
+        v-if="isAgreePendTral == 0"
+      >
+        <el-table-column type="selection" width="55"> </el-table-column>
+        <el-table-column
+          label="仲裁员姓名"
+          align="center"
+          prop="arbitratorName"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          label="专业分类"
+          align="center"
+          prop="professiClassifi"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          label="当前案件数量"
+          align="center"
+          prop="currentCaseNum"
+          :show-overflow-tooltip="true"
+        />
+        <el-table-column
+          label="已结案数量"
+          align="center"
+          prop="closedCaseNum"
+          :show-overflow-tooltip="true"
+        />
+      </el-table>
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getarbitrAtor"
+        v-if="isAgreePendTral == 0"
+      />
+      <!-- </el-form> -->
+      <div slot="footer" class="dialog-footer">
+        <el-button
+          type="primary"
+          @click="submitForm"
+          :disabled="!this.arbitrators.length > 0 && isAgreePendTral == 0"
+          >确 定</el-button
+        >
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { arbitrAtor, pendTralCheck } from "@/api/formationCourt/formationCourt";
+export default {
+  props: ["showformateCourt", "formateCourtData"],
+  data() {
+    return {
+      dataList: [],
+      total: 0,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      arbitrators: [],
+      isAgreePendTral: 1,
+      paramsdata: {},
+    };
+  },
+  created() {
+    this.getarbitrAtor();
+  },
+  methods: {
+    // 获取仲裁员信息
+    getarbitrAtor() {
+      arbitrAtor({}).then((res) => {
+        this.dataList = res.rows;
+        this.total = res.total;
+      });
+    },
+    // 勾选仲裁员
+    handleSelectionChange(val) {
+      this.arbitrators = [];
+      val.forEach((item) => {
+        this.arbitrators.push({
+          id: item.id,
+          arbitratorName: item.arbitratorName,
+        });
+      });
+    },
+    // 确认
+    submitForm() {
+      // if (this.arbitrators.length > 0) {
+      if (this.isAgreePendTral == 0) {
+        this.paramsdata = {
+          isAgreePendTral: 0,
+          id: this.formateCourtData.id,
+          arbitrators: this.arbitrators,
+        };
+      } else {
+        this.paramsdata = {
+          isAgreePendTral: 1,
+          id: this.formateCourtData.id,
+        };
+      }
+      pendTralCheck(this.paramsdata).then((res) => {
+        this.cancel();
+        this.$modal.msgSuccess("组庭成功");
+        this.$emit("getcaseApply");
+      });
+      // }
+    },
+    // 取消
+    cancel() {
+      this.$emit("cancelcourtDialog");
+      this.arbitrators = [];
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/caseManagement/components/trialincourtDialog.vue

@@ -0,0 +1,37 @@
+<template>
+  <div>
+    <el-dialog
+      title="开庭审理"
+      :visible="showtrialincourt"
+      width="500px"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+      开庭审理弹框
+      <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 {
+  props: ["showtrialincourt"],
+  data() {
+    return {
+      // key: value
+    };
+  },
+  methods: {
+    submitForm() {},
+    cancel() {
+      this.$emit("canceltrialincourt");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/identityManagement/IdentityauthenticationList.vue

@@ -0,0 +1,15 @@
+<template>
+    <div class="app-container">
+        身份认证列表
+    </div>
+</template>
+
+<script>
+    export default {
+        
+    }
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/index.vue

@@ -7,7 +7,7 @@
     </el-row>
     <el-row :gutter="20">
       <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <h2>智慧仲裁后台管理框架</h2>
+        <h2>我的待办事项</h2>
       </el-col>
     </el-row>
     <el-divider />

src/views/paymentManagement/components/paymentdetailsDialog.vue

@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <el-dialog
+      :title="title"
+      :visible="openDialog"
+      width="800px"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+      <el-form ref="form" :model="form" label-width="150px" :disabled="true">
+        <el-form-item label="案件编号：" prop="caseNum">
+          <el-input v-model="form.caseNum" placeholder="" />
+        </el-form-item>
+        <el-form-item label="案件标的：" prop="caseSubjectAmount">
+          <el-input-number
+            v-model="form.caseSubjectAmount"
+            controls-position="right"
+            :min="0"
+          />
+        </el-form-item>
+        <el-form-item label="缴费人：" prop="caseNum">
+          <el-input v-model="form.caseNum" placeholder="" />
+        </el-form-item>
+        <el-form-item label="缴费金额：" prop="feePayable">
+          <el-input-number
+            v-model="form.feePayable"
+            controls-position="right"
+            :min="0"
+          />
+        </el-form-item>
+        <!-- <el-form-item label="缴费截图：" prop="respondent">
+          <el-input v-model="form.Respondent" placeholder="" />
+        </el-form-item> -->
+        <el-form-item label="案件状态：" prop="caseStatusName">
+          <el-input v-model="form.caseStatusName" placeholder="" />
+        </el-form-item>
+      </el-form>
+      <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>
+export default {
+  props: ["openDialog", "title", "flag", "detailform"],
+  data() {
+    return {
+      // key: value
+      form: {},
+    };
+  },
+  watch: {
+    openDialog: {
+      handler(val) {
+        if (val) {
+          setTimeout(() => {
+            this.form = this.detailform;
+            console.log(this.form, "this.form");
+          }, 1000);
+        }
+      },
+    },
+  },
+  methods: {
+    submitForm() {},
+    cancel() {
+      this.$emit("cancelpaymentdetails");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/paymentManagement/paymentList.vue

@@ -0,0 +1,247 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      label-width="68px"
+    >
+      <el-form-item label="案件编号" prop="caseNum">
+        <el-input
+          v-model="queryParams.caseNum"
+          placeholder="请输入案件编号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="案件状态" prop="caseStatus">
+        <el-select
+          v-model="queryParams.caseStatus"
+          placeholder="请选择案件状态"
+          clearable
+          @keyup.enter.native="handleQuery"
+        >
+          <el-option
+            v-for="dict in dict.type.case_status"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="开庭日期" prop="hearDate">
+        <el-date-picker
+          v-model="queryParams.hearDate"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+    <el-table v-loading="loading" :data="dataList" style="width: 100%">
+      <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="caseSubjectAmount"
+      />
+      <el-table-column
+        label="立案日期"
+        align="center"
+        prop="registerDate"
+        :show-overflow-tooltip="true"
+      />
+      <!-- 缴费人 -->
+      <el-table-column label="缴费人" align="center" prop="caseArbitrator" />
+      <el-table-column label="缴费状态" align="center" prop="caseStatus" />
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-zoom-in"
+            @click="paymentconfirmationRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >缴费确认</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="viewpaymentformRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >查看缴费单</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 缴费确认数据详情 -->
+    <paymentdetailsDialog
+      :openDialog="openDialog"
+      :detailform="detailform"
+      :title="title"
+      :flag="flag"
+      @cancelpaymentdetails="cancelpaymentdetails"
+    ></paymentdetailsDialog>
+  </div>
+</template>
+
+<script>
+import {
+  caseApplicationList,
+  caseApplicationDetail,
+  casePay,
+} from "@/api/pay/pay";
+import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
+
+export default {
+  name: "paymentList",
+  dicts: ["case_status"],
+  components: { paymentdetailsDialog },
+  data() {
+    return {
+      queryParams: {
+        caseNum: undefined,
+        pageNum: 1,
+        registerDate: "",
+        pageSize: 10,
+      },
+      // 付款二维码
+      paySrc: "",
+      // 遮罩层
+      loading: false,
+      // 总条数
+      total: 0,
+      // 表格数据
+      list: [],
+      pageNum: 1,
+      pageSize: 10,
+      // 弹出层标题
+      title: "",
+      payTitle: "",
+      // 是否显示弹出层
+      open: false,
+      openPay: false,
+      // 弹出层内容
+      form: {},
+      // 校验表单
+      rules: {},
+      dataList: [],
+      // 支付文字
+      payMain: "",
+      // 支付元素显示
+      payFlag: false,
+      // 案件id，案件实付金额
+      payForm: {},
+      detailform: {}, //缴费详情数据
+      openDialog: false, //缴费详情数据弹框
+      flag: null,
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 查询列表数据
+    getList() {
+      this.loading = true;
+      caseApplicationList(this.queryParams).then((response) => {
+        this.dataList = response.rows;
+        this.dataList.forEach((item) => {
+          if (item.caseStatus == 1) {
+            item.caseStatusName = "待缴费";
+          }
+          if (item.arbitratMethod == "1") {
+            item.arbitratMethodName = "视频仲裁";
+          } else if (item.arbitratMethod == "2") {
+            item.arbitratMethodName = "书面仲裁";
+          }
+        });
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 缴费确认
+    paymentconfirmationRow(row) {
+    //   console.log("缴费确认", row);
+      this.getDetail({ id: row.id });
+      this.openDialog = true;
+      this.title = "缴费确认";
+      this.flag = 0;
+    },
+    // 查看缴费单
+    viewpaymentformRow(row) {
+    //   console.log("查看缴费单", row);
+      this.getDetail({ id: row.id });
+      this.openDialog = true;
+      this.title = "缴费单详情";
+      this.flag = 1;
+    },
+    // 关闭弹窗
+    cancelpaymentdetails() {
+      this.openDialog = false;
+    },
+    /** 查询详情 */
+    getDetail(parms) {
+      caseApplicationDetail(parms).then((res) => {
+        // console.log(res,'resesrrsrrsrrsrsr');
+        // if (res.data.caseStatus == 2) {
+        //   res.data.caseStatusName = "待缴费确认";
+        // }
+        this.detailform = res.data;
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>