更新描述文件

.env.development

@@ -5,7 +5,7 @@ VUE_APP_TITLE = 智慧仲裁管理系统
 ENV = 'development'
 
 # 智慧仲裁管理系统/开发环境
-VUE_APP_BASE_API = '/dev-api'
+VUE_APP_BASE_API = '/API'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.staging

@@ -7,4 +7,4 @@ NODE_ENV = production
 ENV = 'staging'
 
 # 智慧仲裁管理系统/测试环境
-VUE_APP_BASE_API = '/stage-api'
+VUE_APP_BASE_API = '/API'

README.md

@@ -1,3 +1,4 @@
+# PC端前端代码
 ## 开发
 
 ```bash

package.json

@@ -48,13 +48,16 @@
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
+    "moment": "^2.29.4",
     "nprogress": "0.2.0",
+    "qrcodejs2": "0.0.2",
     "quill": "1.3.7",
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
     "vue": "2.6.12",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
+    "vue-esign": "^1.1.4",
     "vue-meta": "2.4.0",
     "vue-router": "3.4.9",
     "vuedraggable": "2.24.3",

src/api/awardManagement/awardManagement.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+// 案件列表
+export function caseApplicationList(data) {
+    return request({
+        url: '/caseApplication/list',
+        // headers: {
+        //   isToken: false
+        // },
+        method: 'get',
+        params: data
+    })
+}
+// 查看详情
+export function caseApplicationDetail(data) {
+    return request({
+        url: '/caseApplication/selectCaseApplication',
+        // headers: {
+        //   isToken: false
+        // },
+        method: 'post',
+        data: data
+    })
+}
+// 检验裁决书
+export function verificationArbitrateRecord(data) {
+    return request({
+        url: '/caseApplication/verificationArbitrateRecord',
+        // headers: {
+        //   isToken: false
+        // },
+        method: 'post',
+        data: data
+    })
+}
+// 审核裁决书
+export function checkArbitrateRecord(data) {
+    return request({
+        url: '/caseApplication/checkArbitrateRecord',
+        // headers: {
+        //   isToken: false
+        // },
+        method: 'post',
+        data: data
+    })
+}
+// 裁决书送达 
+export function adjudicationDelivery(data) {
+    return request({
+        url: '/adjudication/delivery',
+        method: 'post',
+        data: data
+    })
+}

src/api/caseAccess/caseEntry.js

@@ -0,0 +1,60 @@
+import request from '@/utils/request'
+
+// 查询案件录入列表
+export function caseApply(data) {
+  return request({
+    url: '/caseApplication/list',
+    method: 'get',
+    params: 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
+  })
+}
+
+// 下载模板
+export function importTemplate(data) {
+  return request({
+    url: '/caseApplication/importTemplate',
+    method: 'post',
+    data: data
+  })
+}

src/api/caseManagement/caseManagement.js

@@ -0,0 +1,51 @@
+import request from "@/utils/request";
+
+// 确定仲裁方式
+export function arbitrateMethod(data, id) {
+  return request({
+    url: "/arbitrate/method",
+    method: "put",
+    params: data,
+    data: id,
+  });
+}
+// 书面审理
+export function writtenHear(data) {
+  return request({
+    url: "/arbitrate/writtenHear",
+    method: "post",
+    data: data,
+  });
+}
+// 组庭确认
+export function pendTralSure(data) {
+  return request({
+    url: "/caseApplication/pendTralSure",
+    method: "post",
+    data: data,
+  });
+}
+// 立案审查
+export function submitCaseApplicationCheck(data) {
+  return request({
+    url: "/caseApplication/submitCaseApplicationCheck",
+    method: "post",
+    data: data,
+  });
+}
+// 生成裁决书
+export function document(data) {
+  return request({
+    url: "/adjudication/document",
+    method: "post",
+    data: data,
+  });
+}
+// 案件证据上传
+export function evidenceUpload(data) {
+  return request({
+    url: "/evidence/upload",
+    method: "post",
+    data: data,
+  });
+}

src/api/formationCourt/formationCourt.js

@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+
+// 查询仲裁员列表
+export function arbitrAtor(data) {
+    return request({
+      url: '/arbitrator/list',
+      method: 'get',
+      params: data
+    })
+  }
+// 组庭审核
+export function pendTralCheck(data) {
+    return request({
+      url: '/caseApplication/pendTralCheck',
+      method: 'post',
+      data: data
+    })
+  }

src/api/pay/pay.js

@@ -0,0 +1,56 @@
+import request from '@/utils/request'
+// 案件列表
+export function caseApplicationList(data) {
+    return request({
+        url: '/caseApplication/list',
+        // headers: {
+        //   isToken: false
+        // },
+        method: 'get',
+        params: data
+    })
+}
+// 查看详情
+export function caseApplicationDetail(data) {
+    return request({
+        url: '/caseApplication/selectCaseApplication',
+        // headers: {
+        //   isToken: false
+        // },
+        method: 'post',
+        data: data
+    })
+}
+// 支付
+export function casePay(data) {
+    return request({
+      url: '/pay/casePay',
+      // headers: {
+      //   isToken: false
+      // },
+      method: 'post',
+      data: data
+    })
+  }
+// 确认缴费
+export function confirmPay(data) {
+    return request({
+      url: '/pay/confirm',
+      // headers: {
+      //   isToken: false
+      // },
+      method: 'put',
+      data: data
+    })
+  }
+//确认缴费查看案件详情接口（新修改显示案件缴费状态）
+export function selectCaseApplicationConfirm(data) {
+  return request({
+    url: '/caseApplication/selectCaseApplicationConfirm',
+    // headers: {
+    //   isToken: false
+    // },
+    method: 'post',
+    data: data
+  })
+} 

src/assets/icon/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

src/assets/icon/demo_index.html

@@ -0,0 +1,257 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>iconfont Demo</title>
+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+  <style>
+    .main .logo {
+      margin-top: 0;
+      height: auto;
+    }
+
+    .main .logo a {
+      display: flex;
+      align-items: center;
+    }
+
+    .main .logo .sub-title {
+      margin-left: 0.5em;
+      font-size: 22px;
+      color: #fff;
+      background: linear-gradient(-45deg, #3967FF, #B500FE);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  </style>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
+      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
+      
+    </a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4246508" target="_blank" class="nav-more">查看项目</a>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68a;</span>
+                <div class="name">支付宝</div>
+                <div class="code-name">&amp;#xe68a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68b;</span>
+                <div class="name">银联</div>
+                <div class="code-name">&amp;#xe68b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe689;</span>
+                <div class="name">微信支付</div>
+                <div class="code-name">&amp;#xe689;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="unicode-">Unicode 引用</h2>
+          <hr>
+
+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
+          <ul>
+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
+          </ul>
+          <blockquote>
+            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
+          </blockquote>
+          <p>Unicode 使用步骤如下：</p>
+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.woff2?t=1694418644261') format('woff2'),
+       url('iconfont.woff?t=1694418644261') format('woff'),
+       url('iconfont.ttf?t=1694418644261') format('truetype');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhifubao"></span>
+            <div class="name">
+              支付宝
+            </div>
+            <div class="code-name">.icon-zhifubao
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yinlian"></span>
+            <div class="name">
+              银联
+            </div>
+            <div class="code-name">.icon-yinlian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-weixinzhifu"></span>
+            <div class="name">
+              微信支付
+            </div>
+            <div class="code-name">.icon-weixinzhifu
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <h2 id="font-class-">font-class 引用</h2>
+        <hr>
+
+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
+        <ul>
+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhifubao"></use>
+                </svg>
+                <div class="name">支付宝</div>
+                <div class="code-name">#icon-zhifubao</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yinlian"></use>
+                </svg>
+                <div class="name">银联</div>
+                <div class="code-name">#icon-yinlian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-weixinzhifu"></use>
+                </svg>
+                <div class="name">微信支付</div>
+                <div class="code-name">#icon-weixinzhifu</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>

src/assets/icon/iconfont.css

@@ -0,0 +1,27 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 4246508 */
+  src: url('iconfont.woff2?t=1694418644261') format('woff2'),
+       url('iconfont.woff?t=1694418644261') format('woff'),
+       url('iconfont.ttf?t=1694418644261') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-zhifubao:before {
+  content: "\e68a";
+}
+
+.icon-yinlian:before {
+  content: "\e68b";
+}
+
+.icon-weixinzhifu:before {
+  content: "\e689";
+}
+

src/assets/icon/iconfont.json

@@ -0,0 +1,30 @@
+{
+  "id": "4246508",
+  "name": "法务",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "9306312",
+      "name": "支付宝",
+      "font_class": "zhifubao",
+      "unicode": "e68a",
+      "unicode_decimal": 59018
+    },
+    {
+      "icon_id": "9306315",
+      "name": "银联",
+      "font_class": "yinlian",
+      "unicode": "e68b",
+      "unicode_decimal": 59019
+    },
+    {
+      "icon_id": "9306311",
+      "name": "微信支付",
+      "font_class": "weixinzhifu",
+      "unicode": "e689",
+      "unicode_decimal": 59017
+    }
+  ]
+}

src/main.js

@@ -15,6 +15,8 @@ import plugins from './plugins' // plugins
 import { download } from '@/utils/request'
 
 import './assets/icons' // icon
+// 引入Iconfont 矢量图标库
+import './assets/icon/iconfont.css'
 import './permission' // permission control
 import { getDicts } from "@/api/system/dict/data";
 import { getConfigKey } from "@/api/system/config";
@@ -37,7 +39,8 @@ import DictTag from '@/components/DictTag'
 import VueMeta from 'vue-meta'
 // 字典数据组件
 import DictData from '@/components/DictData'
-
+//画布组件
+import vueEsign from 'vue-esign'
 // 全局方法挂载
 Vue.prototype.getDicts = getDicts
 Vue.prototype.getConfigKey = getConfigKey
@@ -61,6 +64,7 @@ Vue.component('ImagePreview', ImagePreview)
 Vue.use(directive)
 Vue.use(plugins)
 Vue.use(VueMeta)
+Vue.use(vueEsign)
 DictData.install()
 
 /**

src/router/index.js

@@ -100,7 +100,8 @@ export const dynamicRoutes = [
     children: [
       {
         path: 'role/:userId(\\d+)',
-        component: () => import('@/views/system/user/authRole'),
+        // component: () => import('@/views/system/user/authRole'),
+        component: (resolve) => require(['@/views/system/user/authRole'],resolve),
         name: 'AuthRole',
         meta: { title: '分配角色', activeMenu: '/system/user' }
       }
@@ -114,7 +115,8 @@ export const dynamicRoutes = [
     children: [
       {
         path: 'user/:roleId(\\d+)',
-        component: () => import('@/views/system/role/authUser'),
+        // component: () => import('@/views/system/role/authUser'),
+        component: (resolve) => require(['@/views/system/role/authUser'],resolve),
         name: 'AuthUser',
         meta: { title: '分配用户', activeMenu: '/system/role' }
       }

src/store/modules/permission.js

@@ -126,7 +126,8 @@ export const loadView = (view) => {
     return (resolve) => require([`@/views/${view}`], resolve)
   } else {
     // 使用 import 实现生产环境的路由懒加载
-    return () => import(`@/views/${view}`)
+    // return () => import(`@/views/${view}`)
+    return (resolve) => require([`@/views/${view}`], resolve)
   }
 }
 

src/views/arbitratorsManagement/arbitratorsList.vue

@@ -0,0 +1,230 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      label-width="88px"
+    >
+      <el-form-item label="仲裁员姓名" prop="arbitratorName">
+        <el-input
+          v-model="queryParams.arbitratorName"
+          placeholder="请输入仲裁员姓名"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </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="addArbitrator"
+          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="arbitratorName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="职业"
+        align="center"
+        prop="career"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="专业分类"
+        align="center"
+        prop="professiClassifi"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="学历"
+        align="center"
+        prop="education"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="所在地区"
+        align="center"
+        prop="area"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="联系电话"
+        align="center"
+        prop="telephone"
+        :show-overflow-tooltip="true"
+      />
+      <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="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
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getArbitratorList"
+    />
+    <arbitrator-dialog
+      :showarbitrator="showarbitrator"
+      :dialogTitle="dialogTitle"
+      @closeArbitratorDialog="closeArbitratorDialog"
+      :formData="formData"
+      :flag="flag"
+    ></arbitrator-dialog>
+  </div>
+</template>
+
+<script>
+import arbitratorDialog from "./components/arbitratorDialog.vue";
+export default {
+  components: { arbitratorDialog },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 查询参数
+      queryParams: {
+        arbitratorName: null,
+        pageNum: 1,
+        pageSize: 10,
+      },
+      formData: {}, // 弹框数据
+      dataList: [],
+      showarbitrator: false, //显示弹框
+      dialogTitle: "", //弹框标题
+      flag: null,
+    };
+  },
+  created() {
+    this.getArbitratorList(this.queryParams);
+  },
+  methods: {
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getArbitratorList(this.queryParams);
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.getArbitratorList(this.queryParams);
+    },
+    // 获取仲裁员列表数据
+    getArbitratorList() {
+      this.dataList.push({
+        id: "1",
+        arbitratorName: "刘某",
+        career: "律师",
+        professiClassifi: "经济管理",
+        education: "本科",
+        area: "西安",
+        telephone: "18547451263",
+      });
+      this.total = this.dataList.length;
+      this.loading = false;
+    },
+    // 新增仲裁员
+    addArbitrator() {
+      this.showarbitrator = true;
+      this.dialogTitle = "新增";
+      this.flag = 0;
+      this.formData = {};
+    },
+    // 详情
+    detailRow(row) {
+      this.showarbitrator = true;
+      this.dialogTitle = "详情";
+      this.flag = 1;
+      this.formData = row;
+    },
+    // 修改
+    editRow(row) {
+      this.showarbitrator = true;
+      this.dialogTitle = "修改";
+      this.flag = 2;
+      this.formData = row;
+    },
+    // 关闭弹框
+    closeArbitratorDialog() {
+      this.showarbitrator = false;
+    },
+    // 删除
+    deleteRow() {
+      this.$modal
+        .confirm("是否确认删除？")
+        .then(function () {
+          // return removeCaseApply({ id: row.id });
+        })
+        .then((res) => {
+          this.getArbitratorList(this.queryParams);
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/arbitratorsManagement/components/arbitratorDialog.vue

@@ -0,0 +1,114 @@
+<template>
+  <div>
+    <!-- 仲裁员弹框 -->
+    <el-dialog
+      :title="dialogTitle"
+      :visible="showarbitrator"
+      @close="cancel"
+      :destroy-on-close="true"
+      center
+    >
+      <el-form
+        ref="form"
+        :model="form"
+        label-width="100px"
+        :disabled="flag == 1"
+      >
+        <el-form-item label="仲裁员姓名：" prop="arbitratorName">
+          <el-input
+            v-model="form.arbitratorName"
+            placeholder="请输入仲裁员姓名"
+          />
+        </el-form-item>
+        <el-form-item label="职业：" prop="career">
+          <el-input v-model="form.career" placeholder="请输入职业" />
+        </el-form-item>
+        <el-form-item label="专业分类：" prop="professiClassifi">
+          <el-input v-model="form.professiClassifi" placeholder="请输入专业" />
+        </el-form-item>
+        <el-form-item label="学历：" prop="education">
+          <el-input v-model="form.education" placeholder="请输入学历" />
+        </el-form-item>
+        <el-form-item label="所在地区：" prop="area">
+          <el-input v-model="form.area" placeholder="请输入所在地区" />
+        </el-form-item>
+        <el-form-item label="电话：" prop="telephone">
+          <el-input v-model="form.telephone" placeholder="请输入电话" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" class="endbutton"
+          ><span>提 交</span></el-button
+        >
+        <el-button @click="cancel" class="endbutton1"
+          ><span> 取 消</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["showarbitrator", "dialogTitle", "formData", "flag"],
+  data() {
+    return {
+      form: {},
+    };
+  },
+  watch: {
+    formData: {
+      handler(val) {
+        if (val) {
+          this.form = val;
+        }
+      },
+    },
+  },
+  methods: {
+    cancel() {
+      this.$emit("closeArbitratorDialog");
+    },
+    // /提交
+    submitForm() {},
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 600px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>

src/views/awardManagement/components/MailawardDialog.vue

@@ -0,0 +1,155 @@
+<template>
+  <!-- 送达裁决书页面 -->
+  <div>
+    <el-dialog
+      title="是否确认发送裁决书"
+      :visible="openMailawardDialog"
+      @close="cancel"
+      :destroy-on-close="true"
+      center
+    >
+      <el-form ref="form" :model="formData" label-width="150px">
+        <el-col :span="24">
+          <el-form-item
+            label="申请人电子邮件："
+            prop="appEmail"
+            :rules="[
+              {
+                required: true,
+                message: '邮箱地址不能为空',
+                trigger: 'blur',
+              },
+              {
+                pattern:
+                  /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+                message: '请输入正确的邮箱地址',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              v-model="formData.appEmail"
+              placeholder="请输入电子邮件"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="被申请人电子邮件："
+            prop="resEmail"
+            :rules="[
+              {
+                required: true,
+                message: '邮箱地址不能为空',
+                trigger: 'blur',
+              },
+              {
+                pattern:
+                  /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
+                message: '请输入正确的邮箱地址',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              v-model="formData.resEmail"
+              placeholder="请输入电子邮件"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="申请人快递单号："
+            prop="apptrackingNum"
+            :rules="[
+              {
+                required: true,
+                message: '快递单号不能为空',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              v-model="formData.apptrackingNum"
+              placeholder="请输入快递单号"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="被申请人快递单号："
+            prop="restrackingNum"
+            :rules="[
+              {
+                required: true,
+                message: '快递单号不能为空',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              v-model="formData.restrackingNum"
+              placeholder="请输入快递单号"
+            />
+          </el-form-item>
+        </el-col>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button type="" @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { adjudicationDelivery } from "@/api/awardManagement/awardManagement";
+export default {
+  props: ["openMailawardDialog", "mailawardata"],
+  data() {
+    return {
+      formData: {},
+    };
+  },
+  watch: {
+    openMailawardDialog: {
+      handler(val) {
+        if (val) {
+          this.formData = {};
+        }
+      },
+    },
+  },
+  methods: {
+    submitForm() {
+      // adjudicationDelivery
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          adjudicationDelivery({
+            id: this.mailawardata.id,
+            ...this.formData,
+          })
+            .then((res) => {
+              if (res.code == 200) {
+                this.$emit("updataList");
+                this.cancel();
+              }
+            })
+            .catch((err) => {});
+        }
+      });
+    },
+    cancel() {
+      this.$emit("closeMailaward");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 550px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/awardManagement/components/paymentdetailsDialog.vue

@@ -0,0 +1,354 @@
+<template>
+  <div>
+    <el-dialog
+      :title="title"
+      :visible="openDialog"
+      width="1000px"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+      <el-descriptions title="案件信息" border style="margin-bottom: 30px">
+        <el-descriptions-item label="案件编号">{{
+          form.caseNum
+        }}</el-descriptions-item>
+        <el-descriptions-item label="案件标的">{{
+          form.caseSubjectAmount
+        }}</el-descriptions-item>
+        <el-descriptions-item label="借款开始日期">{{
+          form.loanStartDate
+        }}</el-descriptions-item>
+        <el-descriptions-item label="借款结束日期">{{
+          form.loanEndDate
+        }}</el-descriptions-item>
+        <el-descriptions-item label="合同编号">{{
+          form.contractNumber
+        }}</el-descriptions-item>
+        <el-descriptions-item label="申请人主张欠本金">{{
+          form.claimPrinciOwed
+        }}</el-descriptions-item>
+        <el-descriptions-item label="申请人主张欠利息">{{
+          form.claimInterestOwed
+        }}</el-descriptions-item>
+        <el-descriptions-item label="申请人主张违约金">{{
+          form.claimLiquidDamag
+        }}</el-descriptions-item>
+        <el-descriptions-item label="申请人案件证据资料">
+          <p
+            @click="toFile(index, 2)"
+            v-for="(item, index) in applicantFileArr"
+            :key="index"
+          >
+            <a href="#">{{ item }}</a>
+          </p>
+        </el-descriptions-item>
+        <el-descriptions-item label="被申请人案件证据资料">
+          <p
+            v-for="(item, index) in respondentFileArr"
+            :key="index"
+            @click="toFile(index, 6)"
+          >
+            <a href="#">{{ item }}</a>
+          </p>
+        </el-descriptions-item>
+        <el-descriptions-item label="裁决书附件">
+          <p
+            v-for="(item, index) in awardFileArr"
+            :key="index"
+            @click="toFile(index, 3)"
+          >
+            <a href="#">{{ item }}</a>
+          </p>
+        </el-descriptions-item>
+      </el-descriptions>
+      <el-form
+        ref="form"
+        :model="arbitrateRecord"
+        label-width="300px"
+        label-position="left"
+        :rules="rules"
+        :disabled="flag == 3"
+      >
+        <el-form-item
+          label="经庭审质证，对各方提供的证据认定如下"
+          prop="evidenDetermi"
+        >
+          <el-input
+            type="textarea"
+            autosize
+            :disabled="flag == 2 || flag == 1"
+            placeholder="请输入内容"
+            v-model="arbitrateRecord.evidenDetermi"
+          />
+        </el-form-item>
+        <el-form-item
+          label="仲裁庭经审理查明(写明仲裁庭认定的事实)"
+          prop="factDetermi"
+        >
+          <el-input
+            type="textarea"
+            autosize
+            :disabled="flag == 2 || flag == 1"
+            placeholder="请输入内容"
+            v-model="arbitrateRecord.factDetermi"
+          />
+        </el-form-item>
+        <el-form-item label="综上所述" prop="caseSketch">
+          <el-input
+            type="textarea"
+            autosize
+            :disabled="flag == 2 || flag == 1"
+            placeholder="请输入内容"
+            v-model="arbitrateRecord.caseSketch"
+          />
+        </el-form-item>
+        <el-form-item label="本庭认为" prop="arbitrateThink">
+          <el-input
+            type="textarea"
+            autosize
+            :disabled="flag == 2 || flag == 1"
+            placeholder="请输入内容"
+            v-model="arbitrateRecord.arbitrateThink"
+          />
+        </el-form-item>
+        <el-form-item label="裁决如下" prop="rulingFollows">
+          <el-input
+            type="textarea"
+            autosize
+            :disabled="flag == 2 || flag == 1"
+            placeholder="请输入内容"
+            v-model="arbitrateRecord.rulingFollows"
+          />
+        </el-form-item>
+        <el-form-item label="核验裁决书意见：" prop="verificaOpinion">
+          <el-input
+            type="textarea"
+            autosize
+            :disabled="flag == 2"
+            placeholder="请输入内容"
+            v-model="arbitrateRecord.verificaOpinion"
+          />
+        </el-form-item>
+        <el-form-item
+          label="审核裁决书意见："
+          prop="checkOpinion"
+          v-if="flag == 2"
+        >
+          <el-input
+            type="textarea"
+            autosize
+            placeholder="请输入内容"
+            v-model="arbitrateRecord.checkOpinion"
+          />
+        </el-form-item>
+      </el-form>
+      <!-- 画布 -->
+      <h4 v-if="flag == 3">签名区域</h4>
+      <div class="esign" v-if="flag == 3">
+        <vue-esign ref="esign" :width="900" :height="300" bgColor="#ffffff" />
+      </div>
+      <!-- 清除画布 -->
+      <el-button v-if="flag == 3" type="info" @click="handleReset"
+        >清除画布</el-button
+      >
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm(0)" v-if="flag == 1"
+          >提 交</el-button
+        >
+        <el-button type="primary" @click="submitForm(1)" v-if="flag == 2"
+          >同 意</el-button
+        >
+        <el-button type="danger" @click="submitForm(2)" v-if="flag == 2"
+          >驳 回</el-button
+        >
+        <el-button type="primary" @click="submitForm(3)" v-if="flag == 3"
+          >提 交</el-button
+        >
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  verificationArbitrateRecord,
+  checkArbitrateRecord,
+} from "@/api/awardManagement/awardManagement";
+export default {
+  props: ["openDialog", "title", "flag", "detailform"],
+  data() {
+    return {
+      // key: value
+      form: {},
+      arbitrateRecord: {},
+      // 表单校验
+      rules: {
+        evidenDetermi: [
+          {
+            required: true,
+            message: "不能为空",
+            trigger: "blur",
+          },
+        ],
+        factDetermi: [
+          {
+            required: true,
+            message: "不能为空",
+            trigger: "blur",
+          },
+        ],
+        caseSketch: [
+          {
+            required: true,
+            message: "不能为空",
+            trigger: "blur",
+          },
+        ],
+        arbitrateThink: [
+          {
+            required: true,
+            message: "不能为空",
+            trigger: "blur",
+          },
+        ],
+        rulingFollows: [
+          {
+            required: true,
+            message: "不能为空",
+            trigger: "blur",
+          },
+        ],
+        verificaOpinion: [
+          {
+            required: true,
+            message: "意见不能为空",
+            trigger: "blur",
+          },
+        ],
+        checkOpinion: [
+          {
+            required: true,
+            message: "意见不能为空",
+            trigger: "blur",
+          },
+        ],
+      },
+      applicantFileArr: [], //申请人
+      applicantPathArr: [], //申请人
+      respondentFileArr: [], //被申请人
+      respondenPathArr: [], //被申请人
+      awardFileArr: [], //裁决书
+      awardPathArr: [], //裁决书
+    };
+  },
+  watch: {
+    detailform: {
+      handler(val) {
+        if (val) {
+          (this.applicantFileArr = []), //申请人
+            (this.applicantPathArr = []), //申请人
+            (this.respondentFileArr = []), //被申请人
+            (this.respondenPathArr = []), //被申请人
+            (this.awardFileArr = []), //裁决书
+            (this.awardPathArr = []), //裁决书
+            setTimeout(() => {
+              this.form = this.detailform;
+              this.arbitrateRecord = this.form.arbitrateRecord;
+              this.evidenceFile(this.form);
+            }, 1000);
+        }
+      },
+    },
+  },
+  methods: {
+    // 申请人裁决书
+    evidenceFile(val) {
+      if (val) {
+        val.caseAttachList.forEach((item) => {
+          if (item.annexType == 2) {
+            this.applicantFileArr.push(item.annexName);
+            this.applicantPathArr.push(item.annexPath);
+          } else if (item.annexType == 6) {
+            this.respondentFileArr.push(item.annexName);
+            this.respondenPathArr.push(item.annexPath);
+          } else if (item.annexType == 3) {
+            this.awardFileArr.push(item.annexName);
+            this.awardPathArr.push(item.annexPath);
+          }
+        });
+      }
+    },
+    // 预览文件
+    toFile(index, val) {
+      let headPath = window.location.origin + "/API";
+      if (val == 2) {
+        window.open(headPath + this.applicantPathArr[index], "_blank");
+      } else if (val == 6) {
+        window.open(headPath + this.respondenPathArr[index], "_blank");
+      } else if (val == 3) {
+        window.open(headPath + this.awardPathArr[index], "_blank");
+      }
+    },
+    // 校验裁决书
+    verificationArbitrateRecordFn(parms) {
+      verificationArbitrateRecord(parms).then((res) => {
+        this.cancel();
+        this.$emit("updataList");
+        this.$message("成功");
+      });
+    },
+    //审核裁决书
+    checkArbitrateRecordFn(parms) {
+      checkArbitrateRecord(parms).then((res) => {
+        this.cancel();
+        this.$emit("updataList");
+        this.$message("成功");
+      });
+    },
+    submitForm(parms) {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (parms == 0) {
+            this.verificationArbitrateRecordFn({
+              id: this.form.id,
+              arbitrateRecord: this.arbitrateRecord,
+            });
+          } else if (parms == 1) {
+            this.checkArbitrateRecordFn({
+              id: this.form.id,
+              agreeOrNotCheck: 1,
+              arbitrateRecord: this.arbitrateRecord,
+            });
+          } else if (parms == 2) {
+            this.checkArbitrateRecordFn({
+              id: this.form.id,
+              agreeOrNotCheck: 2,
+              arbitrateRecord: this.arbitrateRecord,
+            });
+          }
+        }
+      });
+    },
+    cancel() {
+      this.$emit("cancelpaymentdetails");
+    },
+    // 清除画布
+    handleReset() {
+      this.$refs["esign"].reset(); //清空画布
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  border-radius: 30px;
+}
+
+.esign {
+  border: 1px solid;
+}
+a {
+  color: blue;
+}
+</style>

src/views/awardManagement/listofAwards.vue

@@ -0,0 +1,202 @@
+<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="hearDate" :show-overflow-tooltip="true" />
+            <!-- 缴费人 -->
+            <el-table-column label="案件状态" align="center" prop="caseStatusName" />
+            <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-reading" v-if="scope.row.caseStatus == 10" @click="showModel(scope.row, 0)"
+                        v-hasPermi="['monitor:online:forceLogout']">生成裁决书</el-button> -->
+                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 11" @click="showModel(scope.row, 1)"
+                        v-hasPermi="['monitor:online:forceLogout']">核查</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 12" @click="showModel(scope.row, 2)"
+                        v-hasPermi="['monitor:online:forceLogout']">确认裁决书</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 13" @click="showModel(scope.row, 3)"
+                        v-hasPermi="['monitor:online:forceLogout']">签名</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 14" @click="showModel(scope.row, 4)"
+                        v-hasPermi="['monitor:online:forceLogout']">用印申请</el-button>
+                        <!-- v-if="scope.row.caseStatus == 15"   送达裁决书 -->
+                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 15"  @click="showMailaward(scope.row)"
+                        v-hasPermi="['monitor:online:forceLogout']">送达裁决书</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseStatus == 16" @click="showModel(scope.row, 6)"
+                        v-hasPermi="['monitor:online:forceLogout']">案件归档</el-button>
+                    <!-- <el-button size="mini" type="text" icon="el-icon-reading" 
+                        @click="showModel(scope.row, 0)" v-hasPermi="['monitor:online:forceLogout']">生成裁决书</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" 
+                        @click="showModel(scope.row, 1)" v-hasPermi="['monitor:online:forceLogout']">核查</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" 
+                        @click="showModel(scope.row, 2)" v-hasPermi="['monitor:online:forceLogout']">确认裁决书</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" 
+                        @click="showModel(scope.row, 3)" v-hasPermi="['monitor:online:forceLogout']">签名</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" 
+                        @click="showModel(scope.row, 4)" v-hasPermi="['monitor:online:forceLogout']">用印申请</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" 
+                        @click="showModel(scope.row, 5)" v-hasPermi="['monitor:online:forceLogout']">送达裁决书</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-edit" 
+                        @click="showModel(scope.row, 6)" 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(queryParams)" />
+        <!-- 弹窗 -->
+        <paymentdetailsDialog :openDialog="openDialog" :detailform="detailform" :title="title" :flag="flag"
+            @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList"></paymentdetailsDialog>
+        <!-- 送达裁决书页面 -->
+        <mailawardDialog 
+        :openMailawardDialog="openMailawardDialog" 
+        @closeMailaward="closeMailaward"
+        @updataList="updataList"
+        :mailawardata="mailawardata"
+        ></mailawardDialog>
+    </div>
+</template>
+  
+<script>
+import {
+    caseApplicationList,
+    caseApplicationDetail,
+} from "@/api/awardManagement/awardManagement";
+import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
+import mailawardDialog from './components/MailawardDialog.vue';
+
+export default {
+    name: "paymentList",
+    dicts: ["case_status"],
+    components: { paymentdetailsDialog, mailawardDialog },
+    data() {
+        return {
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            // 遮罩层
+            loading: false,
+            // 总条数
+            total: 0,
+            // 表格数据
+            list: [],
+
+            // 弹出层标题
+            title: "",
+            payTitle: "",
+            // 是否显示弹出层
+            open: false,
+            openPay: false,
+            // 弹出层内容
+            form: {},
+            // 校验表单
+            rules: {},
+            dataList: [],
+            detailform: {}, //缴费详情数据
+            openDialog: false, //缴费详情数据弹框
+            flag: null,
+            openMailawardDialog: false,  //送达裁决书页面
+            mailawardata: {},   //裁决书送达界面数据
+        };
+    },
+    created() {
+        // 裁决书列表不显示 生成裁决书
+        // this.queryParams.caseStatusList = [10, 11, 12, 13, 14, 15, 16]
+        this.queryParams.caseStatusList = [11, 12, 13, 14, 15, 16]
+        this.getList(this.queryParams);
+    },
+    methods: {
+        updataList(){
+            this.getList(this.queryParams);
+        },
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.queryParams.pageNum = 1;
+            this.getList(this.queryParams);
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.resetForm("queryForm");
+            this.handleQuery();
+        },
+        // 查询列表数据
+        getList(parms) {
+            this.loading = true;
+            caseApplicationList(parms).then((response) => {
+                this.dataList = response.rows;
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+        // model框显示
+        showModel(row, type) {
+            this.getDetail({ id: row.id });
+            this.openDialog = true;
+            switch (type) {
+                case 1:
+                    this.title = "核验裁决书";
+                    this.flag = 1;
+                    break;
+                case 2:
+                    this.title = "审核裁决书";
+                    this.flag = 2;
+                    break;
+                case 3:
+                    this.title = "裁决书签名";
+                    this.flag = 3;
+                    break;
+                default:
+                    break;
+            }
+        },
+        // 关闭弹窗
+        cancelpaymentdetails() {
+            this.openDialog = false;
+        },
+        // 送达裁决书弹框
+        showMailaward(row) {
+            this.mailawardata = row;
+            this.openMailawardDialog = true
+        },
+        // 关闭送达裁决书弹框
+        closeMailaward(row) {
+            this.openMailawardDialog = false
+        },
+        /** 查询详情 */
+        getDetail(parms) {
+            caseApplicationDetail(parms).then((res) => {
+                this.detailform = res.data;
+            });
+        },
+    },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/caseAccessAll/batchFiling.vue

@@ -0,0 +1,304 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      label-width="68px"
+    >
+      <el-form-item label="案件编号" prop="caseNumber">
+        <el-input
+          v-model="queryParams.caseNumber"
+          placeholder="请输入案件编号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <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-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="batchFiling"
+          v-hasPermi="['monitor:job:add']"
+          >批量立案</el-button
+        >
+      </el-col>
+    </el-row>
+    <el-table v-loading="loading" :data="batchList" style="width: 100%">
+      <el-table-column label="序号" type="index" align="center">
+        <template slot-scope="scope">
+          <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="案件编号"
+        align="center"
+        prop="caseNumber"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="申请人"
+        align="center"
+        prop="applicant"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column label="案件标的" align="center" prop="matterofCase" />
+      <el-table-column
+        label="立案日期"
+        align="center"
+        prop="filingDate"
+        :show-overflow-tooltip="true"
+      />
+      <!-- <el-table-column label="仲裁方式" align="center" prop="ArbitrateMethod" /> -->
+      <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-edit"
+            @click="editRow(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-delete"
+            @click="deleteRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="pageNum"
+      :limit.sync="pageSize"
+    />
+
+    <!-- 立案申请弹框 -->
+    <el-dialog
+      :title="dialogtitle"
+      :visible.sync="openapply"
+      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>
+import { list } from "@/api/caseAccess/caseEntry";
+export default {
+  name: "caseEntry",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      batchList: [],
+      pageNum: 1,
+      pageSize: 10,
+      // 查询参数
+      queryParams: {
+        caseNumber: undefined,
+        applicant: undefined,
+      },
+      dialogtitle: "", //弹框标题
+      openapply: false, //申请弹框控制
+      form: {}, // 表单参数
+      // 表单校验
+      rules: {
+        jobName: [
+          { required: true, message: "任务名称不能为空", trigger: "blur" },
+        ],
+        invokeTarget: [
+          {
+            required: true,
+            message: "调用目标字符串不能为空",
+            trigger: "blur",
+          },
+        ],
+        cronExpression: [
+          {
+            required: true,
+            message: "cron执行表达式不能为空",
+            trigger: "blur",
+          },
+        ],
+      },
+      starttime: "", //开始时间
+      endtime: "", //结束时间
+      fileList: [],
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询登录日志列表 */
+    getList() {
+      this.loading = true;
+      this.batchList = [
+        {
+          id: 1,
+          caseNumber: "5644456",
+          applicant: "韩某某",
+          matterofCase: "5000",
+          filingDate: "2023-9-3",
+          // ArbitrateMethod: '线上',
+          caseStatus: "未开庭",
+        },
+      ];
+      // list(this.queryParams).then((response) => {
+      //   this.list = response.rows;
+      //   this.total = response.total;
+      this.loading = false;
+      // });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 立案申请
+    batchFiling() {
+      this.openapply = true;
+      this.dialogtitle = "批量立案";
+    },
+    // 提交立案申请
+    submitForm() {},
+    // 取消
+    cancel() {
+      this.openapply = false;
+    },
+    // 修改
+    editRow() {},
+    // 详情
+    detailRow() {},
+    // 删除
+    deleteRow(row) {
+      // const id = row.id;
+      this.$modal
+        .confirm("是否确认删除？")
+        .then()
+        .then(() => {
+          // this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    // 下载模板
+    downloadTemplate() {
+      console.log("下载模板");
+    },
+    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}？`);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/caseAccessAll/caseEntry.vue

@@ -0,0 +1,349 @@
+<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="applicant">
+        <el-input
+          v-model="queryParams.applicant"
+          placeholder="请输入申请人"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </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="arbitratMethod" /> -->
+      <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-edit"
+            @click="editRow(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-delete"
+            @click="deleteRow(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>
+  </div>
+</template>
+
+<script>
+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: [],
+      // 查询参数
+      queryParams: {
+        caseNum: undefined,
+        // applicant: undefined,
+        caseStatus: 0,
+        pageNum: 1,
+        pageSize: 10,
+      },
+      dialogtitle: "", //弹框标题
+      visible: false, //申请弹框控制
+      form: {},
+      starttime: "", //开始时间
+      endtime: "", //结束时间
+      formData: {},
+      flag:"-1",
+      initpaymentArr:[],
+      initpaymentArr1:[],
+      // 批量申请弹框
+      openbatch: 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(() => {});
+    },
+
+    // 修改
+    editRow(row) {
+      this.flag = "1"
+      this.form = row;
+      this.visible = true;
+      this.dialogtitle = "立案修改";
+      this.getInfo(row);
+    },
+    // 详情
+    detailRow(row) {
+      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(function () {
+          return removeCaseApply({ id: row.id });
+        })
+        .then((res) => {
+          this.getcaseApply();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+#formContainer {
+}
+</style>

src/views/caseAccessAll/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/caseAccessAll/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/caseFiling/archiveList.vue

@@ -0,0 +1,195 @@
+<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="caseStatusName" />
+      <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-reading"
+            @click="showDetail(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(queryParams)"
+    />
+    <!-- 弹窗 -->
+    <!-- <paymentdetailsDialog :openDialog="openDialog" :detailform="detailform" :title="title" :flag="flag"
+            @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList"></paymentdetailsDialog> -->
+  </div>
+</template>
+  
+<script>
+import {
+  caseApplicationList,
+  caseApplicationDetail,
+} from "@/api/awardManagement/awardManagement";
+// import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
+
+export default {
+  name: "archiveList",
+  dicts: ["case_status"],
+  // components: { paymentdetailsDialog },
+  data() {
+    return {
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      // 遮罩层
+      loading: false,
+      // 总条数
+      total: 0,
+      // 表格数据
+      list: [],
+
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      // 弹出层内容
+      form: {},
+      // 校验表单
+      rules: {},
+      dataList: [],
+      detailform: {}, //详情数据
+      openDialog: false, //详情数据弹框
+      flag: null,
+    };
+  },
+  created() {
+    this.queryParams.caseStatusList = [16];
+    this.getList(this.queryParams);
+  },
+  methods: {
+    updataList() {
+      this.getList(this.queryParams);
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList(this.queryParams);
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 查询列表数据
+    getList(parms) {
+      this.loading = true;
+      caseApplicationList(parms).then((response) => {
+        this.dataList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // model框显示
+    showDetail(row) {
+      this.getDetail({ id: row.id });
+      this.openDialog = true;
+    },
+    // 关闭弹窗
+    cancelpaymentdetails() {
+      this.openDialog = false;
+    },
+    /** 查询详情 */
+    getDetail(parms) {
+      caseApplicationDetail(parms).then((res) => {
+        this.detailform = res.data;
+      });
+    },
+  },
+};
+</script>
+  
+<style lang="scss" scoped></style>

src/views/caseManagement/caseList.vue

@@ -0,0 +1,684 @@
+<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="arbitratMethodName"
+        :show-overflow-tooltip="true"
+      />
+      <!-- 仲裁员 -->
+      <el-table-column label="仲裁员" align="center" prop="arbitratorName" />
+      <!-- 开庭日期 -->
+      <el-table-column
+        label="开庭日期"
+        align="center"
+        prop="hearDate"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column label="案件状态" align="center" prop="caseStatusName">
+        <template slot-scope="scope">
+          <el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-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="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-if="scope.row.caseStatus == 0"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-check"
+            @click="onsubmitRow(scope.row)"
+            v-if="scope.row.caseStatus == 0"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >提交</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="deleteRow(scope.row)"
+            v-if="scope.row.caseStatus == 0"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >删除</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-view"
+            @click="filingreviewRow(scope.row)"
+            v-if="scope.row.caseStatus == 1"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >立案审查</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-tickets"
+            @click="payStatus(scope.row)"
+            v-if="scope.row.caseStatus == 2"
+            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-if="scope.row.caseStatus == 6"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >组庭确认</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-check"
+            @click="courtreviewRow(scope.row)"
+            v-if="scope.row.caseStatus == 5"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >组庭审核</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-sort"
+            @click="choosetrialmethodRow(scope.row)"
+            v-if="scope.row.caseStatus == 7"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >审核仲裁方式</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit-outline"
+            @click="adjudicaterecordRow(scope.row)"
+            v-if="scope.row.caseStatus == 9 && scope.row.arbitratMethod == 2"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >书面审理</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-service"
+            @click="trialcourtRow(scope.row)"
+            v-if="scope.row.caseStatus == 8 && scope.row.arbitratMethod == 1 "
+            v-hasPermi="['monitor:online:forceLogout']"
+            >开庭审理</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-document"
+            @click="generateawardRow(scope.row)"
+            v-if="scope.row.caseStatus == 10"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >生成裁决书</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-receiving"
+            @click="fileRow(scope.row)"
+            v-if="scope.row.caseStatus == 16"
+            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(queryParams)"
+    />
+
+    <!-- 立案申请弹框 -->
+    <caseentryDialog
+      :visible="visible"
+      @cancel="cancel"
+      :form="form"
+      :queryParams="queryParams"
+      :dialogtitle="dialogtitle"
+      :getcaseApply="getcaseApply"
+      :flag="flag"
+      :caseAttachList="caseAttachList"
+      :initpaymentArr="initpaymentArr"
+      :initpaymentArr1="initpaymentArr1"
+    ></caseentryDialog>
+    <!-- 批量申请弹框 openbatch-->
+    <batchDialog
+      :openbatch="openbatch"
+      :queryParams="queryParams"
+      @cancelBatch="cancelBatch"
+      :getcaseApply="getcaseApply"
+    ></batchDialog>
+    <!-- 立案审查页面 -->
+    <filingreviewDialog
+      :showfilingreview="showfilingreview"
+      :filingreviewdata="filingreviewdata"
+      :queryParams="queryParams"
+      @getcaseApply="getcaseApply"
+      @cancelFilingreview="cancelFilingreview"
+    ></filingreviewDialog>
+    <!-- 组庭页面---改为组庭审核 -->
+    <formateCourtDialog
+      :showformateCourt="showformateCourt"
+      @cancelcourtDialog="cancelcourtDialog"
+      :queryParams="queryParams"
+      :formateCourtData="formateCourtData"
+      @getcaseApply="getcaseApply"
+    ></formateCourtDialog>
+    <!-- 组庭审核--改组庭确认 -->
+    <courtReviewDialog
+      :showcourtReview="showcourtReview"
+      :form="form"
+      :queryParams="queryParams"
+      @cancelcourtReview="cancelcourtReview"
+      @getcaseApply="getcaseApply"
+    ></courtReviewDialog>
+    <!-- 审核仲裁方式 -->
+    <choosetrialmethodDaiog
+      :showchoosetrialmethod="showchoosetrialmethod"
+      :choosetrialmethodata="choosetrialmethodata"
+      :queryParams="queryParams"
+      @getcaseApply="getcaseApply"
+      @cancelshowchoosetrialMethod="cancelshowchoosetrialMethod"
+    ></choosetrialmethodDaiog>
+    <!-- 书面审理 -->
+    <adjudicaterecordDialog
+      :showadjudicaterecord="showadjudicaterecord"
+      :form="form"
+      :adjudicatename="adjudicatename"
+      :queryParams="queryParams"
+      @canceladjudicaterecord="canceladjudicaterecord"
+      @getcaseApply="getcaseApply"
+    ></adjudicaterecordDialog>
+    <!-- 开庭审理 -->
+    <trialincourtDialog
+      :showtrialincourt="showtrialincourt"
+      :adjudicatename="adjudicatename"
+      :form="form"
+      :queryParams="queryParams"
+      @getcaseApply="getcaseApply"
+      @canceltrialincourt="canceltrialincourt"
+    ></trialincourtDialog>
+    <!-- 缴费 -->
+    <payDialog
+      :openPay="openPay"
+      :payTitle="payTitle"
+      :form="form"
+      :payForm="payForm"
+      @getcaseApply="getcaseApply"
+      @paycancelRow="paycancelRow"
+    ></payDialog>
+  </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 payDialog from "./components/payDialog.vue";
+import filingreviewDialog from "./components/filingreviewDialog.vue";
+
+import { caseApplicationDetail } from "@/api/pay/pay";
+import {
+  caseApply,
+  removeCaseApply,
+  submitCaseApply,
+  selectCaseApply,
+} from "@/api/caseAccess/caseEntry";
+import { document } from "@/api/caseManagement/caseManagement";
+
+export default {
+  name: "caseList",
+  dicts: ["case_status"],
+  components: {
+    caseentryDialog,
+    batchDialog,
+    formateCourtDialog,
+    courtReviewDialog,
+    choosetrialmethodDaiog,
+    adjudicaterecordDialog,
+    trialincourtDialog,
+    payDialog,
+    filingreviewDialog,
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      isapply: "申请人：",
+      // 表格数据
+      dataList: [],
+      // 查询参数
+      queryParams: {
+        caseNum: undefined,
+        caseStatusList: [0, 1, 2, 5, 6, 7, 8, 9, 10, 16],
+        hearDate: "",
+        caseStatus: null,
+        pageNum: 1,
+        pageSize: 10,
+      },
+      dialogtitle: "", //弹框标题
+      visible: false, //申请弹框控制
+      form: {},
+      starttime: "", //开始时间
+      endtime: "", //结束时间
+      formData: {},
+      flag: "-1",
+      initpaymentArr: [],
+      initpaymentArr1: [],
+      showfilingreview: false, //立案申查弹框控制
+      filingreviewdata: {}, //立案审查传输数据
+      openbatch: false, // 批量申请弹框
+      formateCourtData: {}, //组庭
+      showformateCourt: false, //组庭界面显示
+      showcourtReview: false, //组庭审核页面
+      showchoosetrialmethod: false, //选择仲裁方式页面
+      choosetrialmethodata: {},
+      showadjudicaterecord: false, //书面审理弹框
+      adjudicatename: {}, //书面仲裁（被）申请人姓名
+      showtrialincourt: false, //开庭审理
+      openPay: false, //缴费弹框
+      payTitle: "",
+      payForm: {},
+      caseAttachList: [], //案件质证资料
+    };
+  },
+  created() {
+    this.getcaseApply(this.queryParams);
+  },
+  methods: {
+    cancel() {
+      this.visible = false;
+    },
+    cancelBatch() {
+      this.openbatch = false;
+    },
+    /** 查询列表 */
+    getcaseApply(val) {
+      this.loading = true;
+      caseApply(val).then((response) => {
+        this.dataList = response.rows;
+        // this.dataList.forEach((item) => {
+        //   if (item.arbitratMethod == 1) {
+        //     item.arbitratMethod = "视频仲裁";
+        //   }
+        //   if (item.arbitratMethod == 2) {
+        //     item.arbitratMethod = "书面仲裁";
+        //   }
+        // });
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.caseStatusList = [];
+      this.queryParams.pageNum = 1;
+      this.getcaseApply(this.queryParams);
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      (this.queryParams.caseStatusList = [0, 1, 2, 5, 6, 7, 8, 9, 10, 16]),
+        this.getcaseApply(this.queryParams);
+    },
+    // 案件录入
+    filingApplication() {
+      this.form = {};
+      this.initpaymentArr = [
+        {
+          identityType: 1,
+          name: "",
+          identityNum: "",
+          contactTelphone: "",
+          workAddress: "",
+          workTelphone: "",
+          contactAddress: "",
+          nameAgent: "",
+          contactTelphoneAgent: "",
+          contactAddressAgent: "",
+        },
+      ];
+      this.initpaymentArr1 = [
+        {
+          identityType: 2,
+          name: "",
+          identityNum: "",
+          contactTelphone: "",
+          workAddress: "",
+          workTelphone: "",
+          contactAddress: "",
+          nameAgent: "",
+          contactTelphoneAgent: "",
+          contactAddressAgent: "",
+        },
+      ];
+
+      this.visible = true;
+      this.dialogtitle = "立案申请";
+      this.flag = "2";
+    },
+    // 批量批量录入
+    batchApplication() {
+      this.openbatch = true;
+    },
+    // 详情
+    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);
+    },
+    // 列表提交立案
+    onsubmitRow(row) {
+      this.$modal
+        .confirm("是否提交立案申请？")
+        .then(function () {
+          return submitCaseApply({ id: row.id });
+        })
+        .then(() => {
+          this.getcaseApply(this.queryParams);
+          this.$modal.msgSuccess("立案申请成功");
+        })
+        .catch(() => {});
+    },
+    // 立案审查
+    filingreviewRow(row) {
+      console.log(row, "立案审查");
+      this.showfilingreview = true;
+      this.filingreviewdata = row;
+    },
+    cancelFilingreview() {
+      this.showfilingreview = false;
+    },
+    // 取消缴费
+    paycancelRow(row) {
+      this.openPay = false;
+    },
+    // 是否进行缴费
+    payStatus(val) {
+      this.getDetail({ id: val.id });
+      // this.payTitle = "缴费";
+          this.openPay = true;
+    },
+    getDetail(parms) {
+      caseApplicationDetail(parms).then((res) => {
+        if (res.data.caseStatus == 1) {
+          res.data.caseStatusName = "待缴费";
+        }
+        this.form = res.data;
+        this.payForm.feePayable = res.data.feePayable;
+        this.payForm.caseId = res.data.id;
+      });
+    },
+
+    // 组庭
+    // formationcourtRow(row) {
+    //   console.log(row, "组庭");
+    //   this.formateCourtData = row;
+    //   this.showformateCourt = true;
+    // },
+    // 关闭组庭页面
+    cancelcourtDialog() {
+      this.showformateCourt = false;
+    },
+    // 组庭确认
+    courtconfirmationRow(row) {
+      // console.log(row, "组庭确认");
+      this.showcourtReview = true;
+      this.form = row;
+    },
+    // 组庭审核
+    courtreviewRow(row) {
+      // console.log(row, "组庭审核");
+      this.formateCourtData = row;
+      this.showformateCourt = true;
+    },
+    cancelcourtReview() {
+      this.showcourtReview = false;
+    },
+    // 选择开庭方式改为审核仲裁方式
+    choosetrialmethodRow(row) {
+      // console.log(row, "审核仲裁方式");
+      this.choosetrialmethodata = row;
+      this.showchoosetrialmethod = true;
+    },
+    // 关闭审核仲裁方式
+    cancelshowchoosetrialMethod() {
+      this.showchoosetrialmethod = false;
+    },
+    // 书面审理
+    adjudicaterecordRow(row) {
+      // console.log(row, "书面审理");
+      this.showadjudicaterecord = true;
+      this.form = row;
+      this.getInfo(row);
+    },
+    canceladjudicaterecord() {
+      this.showadjudicaterecord = false;
+    },
+    //  开庭审理
+    trialcourtRow(row) {
+      console.log(row, "开庭审理");
+      this.showtrialincourt = true;
+      this.form = row;
+      this.getInfo(row);
+    },
+    canceltrialincourt() {
+      this.showtrialincourt = false;
+    },
+    //  生成裁决书
+    generateawardRow(row) {
+      console.log(row, "生成裁决书");
+      this.$modal
+        .confirm("确定生成裁决书吗？")
+        .then(function () {
+          return document({ id: row.id });
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.getcaseApply(this.queryParams);
+            this.$modal.msgSuccess("裁决书生成成功");
+          }
+        })
+        .catch(() => {});
+    },
+    // 归档
+    fileRow(row) {
+      console.log(row, "归档");
+    },
+    // 查找主体信息数据
+    getInfo(row) {
+      const id = row.id;
+      selectCaseApply({ id }).then((res) => {
+        // this.visible = true;
+        // this.formData = res.data;
+        this.adjudicatename = {
+          applicantName: res.data.applicantName,
+          respondentName: res.data.respondentName,
+          feePayable: res.data.feePayable,
+          hearDate: res.data.hearDate,
+          arbitratorName: res.data.arbitratorName
+        };
+        this.initpaymentArr = [];
+        this.initpaymentArr1 = [];
+        res.data.caseAffiliates.forEach((item) => {
+          if (item.identityType == 1) {
+            this.initpaymentArr.push(item);
+          } else {
+            this.initpaymentArr1.push(item);
+          }
+        });
+        this.caseAttachList = res.data.caseAttachList
+      });
+    },
+    // 删除
+    deleteRow(row) {
+      // const id = row.id;
+      this.$modal
+        .confirm("是否确认删除？")
+        .then(function () {
+          return removeCaseApply({ id: row.id });
+        })
+        .then((res) => {
+          this.getcaseApply(this.queryParams);
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+#formContainer {
+}
+</style>

src/views/caseManagement/components/adjudicaterecordDialog.vue

@@ -0,0 +1,340 @@
+<template>
+  <div>
+    <el-dialog
+      title="书面审理"
+      :visible="showadjudicaterecord"
+      @close="cancel"
+      :destroy-on-close="true"
+      center
+    >
+      <el-form
+        ref="form"
+        :model="formData"
+        label-width="150px"
+        :disabled="true"
+      >
+        <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="applicantName">
+              <el-input v-model="adjudicatename.applicantName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="被申请人：" prop="respondentName">
+              <el-input v-model="adjudicatename.respondentName" />
+            </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="caseSubjectAmount">
+              <el-input
+                v-model="formData.caseSubjectAmount"
+                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="feePayable">
+              <el-input
+                v-model="adjudicatename.feePayable"
+                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="claimPrinciOwed">
+            <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
+          </el-form-item>
+        </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="案件状态：" prop="caseStatus">
+              <el-input
+                v-model="formData.caseStatusName"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="仲裁员：" prop="arbitratorName">
+              <el-input
+                v-model="adjudicatename.arbitratorName"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="开庭日期：" prop="hearDate">
+              <el-date-picker
+                v-model="adjudicatename.hearDate"
+                type="datetime"
+                placeholder="开庭日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-col :span="24">
+          <el-form-item label="案件资料：" prop="claimPrinciOwed">
+            <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+      </el-form>
+      <el-form ref="form2" :model="form2" label-width="150px">
+        <!-- <el-col :span="24">
+          <el-form-item
+            label="案情描述："
+            prop="accidentDescription"
+            :rules="[
+              {
+                required: true,
+                message: '请进行案情描述',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              autosize
+              placeholder="请进行案情描述"
+              v-model="form2.accidentDescription"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col> 
+        <el-col :span="24">
+          <el-form-item
+            label="仲裁结果："
+            prop="arbitrationResult"
+            :rules="[
+              {
+                required: true,
+                message: '请输入仲裁结果',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              autosize
+              placeholder="请输入仲裁结果"
+              v-model="form2.arbitrationResult"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>-->
+        <el-col :span="24">
+          <el-form-item
+            label="经庭审质证，对各方提供的证据认定如下："
+            prop="evidenDetermi"
+            :rules="[
+              {
+                required: true,
+                message: '请输入仲裁结果',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              :autosize="{ minRows: 4 }"
+              placeholder="请输入仲裁结果"
+              v-model="form2.evidenDetermi"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="仲裁庭经审理查明(写明仲裁庭认定的事实)："
+            prop="factDetermi"
+            :rules="[
+              {
+                required: true,
+                message: '请输入',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              :autosize="{ minRows: 4 }"
+              placeholder="请输入"
+              v-model="form2.factDetermi"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="综上所述："
+            prop="caseSketch"
+            :rules="[
+              {
+                required: true,
+                message: '请输入',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              autosize
+              placeholder="请输入"
+              v-model="form2.caseSketch"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="本庭认为："
+            prop="arbitrateThink"
+            :rules="[
+              {
+                required: true,
+                message: '请输入',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              autosize
+              placeholder="请输入"
+              v-model="form2.arbitrateThink"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="裁决如下："
+            prop="rulingFollows"
+            :rules="[
+              {
+                required: true,
+                message: '请输入',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              autosize
+              placeholder="请输入"
+              v-model="form2.rulingFollows"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </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 { writtenHear } from "@/api/caseManagement/caseManagement.js";
+
+export default {
+  props: ["showadjudicaterecord", "form", "adjudicatename", "queryParams"],
+  data() {
+    return {
+      formData: {},
+      form2: {},
+    };
+  },
+  watch: {
+    showadjudicaterecord: {
+      handler(val) {
+        if (val) {
+          this.formData = this.form;
+          this.form2 = {};
+        }
+      },
+    },
+  },
+  methods: {
+    submitForm() {
+      this.$refs["form2"].validate((valid) => {
+        if (valid) {
+          writtenHear({
+            caseAppliId: this.formData.id,
+            evidenDetermi: this.form2.evidenDetermi,
+            factDetermi: this.form2.factDetermi,
+            caseSketch: this.form2.caseSketch,
+            arbitrateThink: this.form2.arbitrateThink,
+            rulingFollows: this.form2.rulingFollows,
+          })
+            .then((res) => {
+              this.$modal.msgSuccess("提交成功");
+              this.cancel();
+              this.$emit("getcaseApply",this.queryParams);
+            })
+            .catch((err) => {});
+        }
+      });
+    },
+    cancel() {
+      this.$emit("canceladjudicaterecord");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>

src/views/caseManagement/components/batchDialog.vue

@@ -0,0 +1,194 @@
+<template>
+  <div>
+    <!-- 立案申请弹框 -->
+    <el-dialog
+      title="批量立案"
+      :visible="openbatch"
+      width="600px"
+      append-to-body
+      @close="cancel"
+      center
+    >
+      <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" class="endbutton"><span>确 定</span></el-button>
+        <el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { importTemplate } from "@/api/caseAccess/caseEntry";
+import { getToken } from "@/utils/auth";
+export default {
+  props: ["openbatch","getcaseApply","queryParams"],
+  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(this.queryParams);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.download {
+  a {
+    .uploadlink{
+        border: none;
+        color: #2092c7;
+    }
+  }
+}
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton {
+  width: 154px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+  span {
+    width: 96px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+  }
+}
+.endbutton1 {
+  width: 154px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>

src/views/caseManagement/components/choosetrialmethodDaiog.vue

@@ -0,0 +1,117 @@
+<template>
+  <div>
+    <!-- 选择仲裁方式页面 -->
+    <el-dialog
+      title="审核仲裁方式"
+      :visible="showchoosetrialmethod"
+      width="500px"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+      <el-descriptions>
+        <el-descriptions-item label="当前仲裁方式：">
+          <el-tag size="small">{{
+            choosetrialmethodata.arbitratMethodName
+          }}</el-tag>
+        </el-descriptions-item>
+      </el-descriptions>
+
+      <!-- <div class="radiobox">
+        <el-radio-group v-model="radio">
+          <el-radio :label="0">拒绝开庭方式</el-radio>
+          <el-radio :label="1">同意开庭方式</el-radio>
+        </el-radio-group>
+      </div> -->
+
+      <!-- <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" class="endbutton"
+          ><span>提 交</span></el-button
+        >
+        <el-button @click="cancel" class="endbutton1"
+          ><span> 取 消</span></el-button
+        >
+      </div> -->
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm(1)" class="endbutton"
+          ><span>同 意</span></el-button
+        >
+        <el-button class="endbutton1" @click="submitForm(0)"
+          ><span>拒 绝</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { arbitrateMethod } from "@/api/caseManagement/caseManagement.js";
+export default {
+  name: "showchoosetrialmethodDialog",
+  props: ["showchoosetrialmethod", "choosetrialmethodata", "queryParams"],
+  data() {
+    return {};
+  },
+  methods: {
+    // 审核仲裁方式 arbitrateMethod
+    submitForm(val) {
+      let paramsdata = {
+        opinion: val,
+      };
+      let id = {
+        id: this.choosetrialmethodata.id,
+      };
+      arbitrateMethod(paramsdata, id)
+        .then((res) => {
+          this.$modal.msgSuccess("提交成功");
+          this.cancel();
+          this.$emit("getcaseApply", this.queryParams);
+        })
+        .catch((err) => {});
+    },
+    cancel() {
+      this.$emit("cancelshowchoosetrialMethod");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.radiobox {
+  margin-left: 5%;
+}
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>

src/views/caseManagement/components/courtReviewDialog.vue

@@ -0,0 +1,128 @@
+<template>
+  <div>
+    <!-- 组庭确认页面 -->
+    <el-dialog
+      title="组庭确认"
+      :visible="showcourtReview"
+      @close="cancel"
+      :destroy-on-close="true"
+      center
+    >
+      <el-form ref="courtReviewform" :model="courtReviewform">
+        <el-form-item
+          label="开庭日期："
+          prop="hearDate"
+          :rules="[
+            {
+              required: true,
+              message: '请选择开庭日期',
+              trigger: 'blur',
+            },
+          ]"
+        >
+          <div class="reviewbox">
+            <el-date-picker
+              v-model="courtReviewform.hearDate"
+              type="datetime"
+              placeholder="选择日期"
+            >
+            </el-date-picker>
+          </div>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" class="endbutton"
+          ><span>确 定</span>
+        </el-button>
+        <el-button @click="cancel" class="endbutton1"
+          ><span> 取 消</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { pendTralSure } from "@/api/caseManagement/caseManagement.js";
+import moment from "moment";
+export default {
+  name: "courtReviewDialog",
+  props: ["showcourtReview", "form", "queryParams"],
+  data() {
+    return {
+      hearDate: "",
+      courtReviewform: {},
+    };
+  },
+  methods: {
+    submitForm() {
+      this.$refs["courtReviewform"].validate((valid) => {
+        if (valid) {
+          this.courtReviewform.hearDate = moment(
+            this.courtReviewform.hearDate
+          ).format("YYYY-MM-DD HH:mm:ss");
+          pendTralSure({
+            id: this.form.id,
+            hearDate: this.courtReviewform.hearDate,
+          })
+            .then((res) => {
+              this.$modal.msgSuccess("确认成功");
+              this.cancel();
+              this.$emit("getcaseApply",this.queryParams);
+            })
+            .catch((err) => {});
+        }
+      });
+    },
+    cancel() {
+      this.$emit("cancelcourtReview");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 422px;
+  height: 245px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.el-form-item {
+  margin-left: 10%;
+}
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+    // line-height: 48px;
+  }
+}
+::v-deep .el-form-item__error {
+  left: 90px;
+}
+</style>

src/views/caseManagement/components/filingreviewDialog.vue

@@ -0,0 +1,102 @@
+<template>
+  <div>
+    <!-- 立案审查 -->
+    <el-dialog
+      title="立案审查"
+      :visible="showfilingreview"
+      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" class="endbutton"
+          ><span>提 交</span></el-button
+        >
+        <el-button @click="cancel" class="endbutton1"
+          ><span> 取 消</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+
+import { submitCaseApplicationCheck } from "@/api/caseManagement/caseManagement.js";
+
+export default {
+  name: "filingreviewDialog",
+  props: ["showfilingreview", "filingreviewdata", "queryParams"],
+  data() {
+    return {
+      radio: 1,
+    };
+  },
+  methods: {
+    submitForm() {
+      let paramsdata = {
+        agreeOrNotCheck: this.radio,
+        id: this.filingreviewdata.id,
+      };
+      submitCaseApplicationCheck(paramsdata)
+        .then((res) => {
+          this.$modal.msgSuccess("提交成功");
+          this.cancel();
+          this.$emit("getcaseApply", this.queryParams);
+        })
+        .catch((err) => {});
+    },
+    cancel() {
+      this.$emit("cancelFilingreview");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.radiobox {
+  margin-left: 5%;
+}
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>

src/views/caseManagement/components/formateCourtDialog.vue

@@ -0,0 +1,195 @@
+<template>
+  <div>
+    <!-- 组庭界面 -->
+    <el-dialog
+      title="组庭审核"
+      :visible="showformateCourt"
+      @close="cancel"
+      :destroy-on-close="true"
+      center
+    >
+      <el-form label-width="150px" v-if="!noArbitrator">
+        <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-tag type="warning" v-if="noArbitrator">当前案件未指定仲裁员，请先指定仲裁员！</el-tag>
+      <p></p>
+      <!-- <el-form ref="form"> -->
+      <el-table
+        :data="dataList"
+        style="width: 100%"
+        @selection-change="handleSelectionChange"
+        v-if="isAgreePendTral == 0 || noArbitrator"
+      >
+        <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="queryParams1.pageNum"
+        :limit.sync="queryParams1.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"
+          class="endbutton"
+          ><span>确 定</span></el-button
+        >
+        <el-button @click="cancel" class="endbutton1"
+          ><span>取 消</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { arbitrAtor, pendTralCheck } from "@/api/formationCourt/formationCourt";
+export default {
+  props: ["showformateCourt", "formateCourtData", "queryParams"],
+  data() {
+    return {
+      dataList: [],
+      total: 0,
+      queryParams1: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      arbitrators: [],
+      isAgreePendTral: 1,
+      paramsdata: {},
+      noArbitrator: false,
+    };
+  },
+  created() {
+    this.getarbitrAtor();
+  },
+  watch: {
+    formateCourtData: {
+      handler(val) {
+        if (val.arbitratorName == null) {
+          console.log('无仲裁员',val);
+          this.noArbitrator = true
+        } else {
+          this.noArbitrator = false
+        }
+      },
+    },
+  },
+  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", this.queryParams);
+      });
+      // }
+    },
+    // 取消
+    cancel() {
+      this.$emit("cancelcourtDialog");
+      this.arbitrators = [];
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+  }
+}
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>

src/views/caseManagement/components/payDialog.vue

@@ -0,0 +1,178 @@
+<template>
+  <div>
+    <el-dialog :title="payTitle" :visible.sync="openPay" v-if="openPay" width="800px" append-to-body
+      :destroy-on-close="true" center>
+      <el-descriptions title="订单信息">
+        <el-descriptions-item label="案件编号">{{
+          form.caseNum
+        }}</el-descriptions-item>
+        <el-descriptions-item label="申请人">{{
+          form.applicantName
+        }}</el-descriptions-item>
+        <el-descriptions-item label="案件标的">{{
+          form.caseSubjectAmount
+        }}</el-descriptions-item>
+        <el-descriptions-item label="案件应缴费用">{{
+          form.feePayable
+        }}</el-descriptions-item>
+        <el-descriptions-item label="被申请人">{{
+          form.respondentName
+        }}</el-descriptions-item>
+        <el-descriptions-item label="案件状态">{{
+          form.caseStatusName
+        }}</el-descriptions-item>
+        <el-descriptions-item label="申请人仲裁诉求">{{
+          form.arbitratClaims
+        }}</el-descriptions-item>
+      </el-descriptions>
+      <div class="payType">
+        <span>请选择支付方式：</span>
+        <i class="iconfont icon-weixinzhifu" @click="pay(0)"></i>
+        <i class="iconfont icon-zhifubao" @click="pay(1)"></i>
+      </div>
+      <div class="payImg">
+        <div id="qrcodeImg"></div>
+      </div>
+      <div class="payTitle">{{ payMain }}</div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="payCancel" class="endbutton"><span>取 消</span></el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { casePay, selectCaseApplicationConfirm } from "@/api/pay/pay";
+import QRCode from "qrcodejs2";
+export default {
+  props: ["openPay", "payTitle", "form", "payForm"],
+  data() {
+    return {
+      // key: value
+      // 支付文字
+      payMain: "",
+      timer:null
+    };
+  },
+  methods: {
+    // 生成二维码
+    qrcode(url) {
+      // 前端根据 URL 生成微信支付二维码
+      document.getElementById("qrcodeImg").innerHTML = "";
+      return new QRCode("qrcodeImg", {
+        width: 200,
+        height: 200,
+        text: url,
+        colorDark: "#000",
+        colorLight: "#fff",
+      });
+    },
+    // 查询缴费状态
+    selectCaseApplicationConfirmFn(parms) {
+      selectCaseApplicationConfirm(parms).then(res => {
+        console.log(res, this.form, "KKKKKKKKKKKKKKKKKKKK");
+        if(res && res.data && res.data.paymentStatus == 1){
+          clearInterval(this.timer);
+          // this.openPay = false;
+          this.payCancel()
+          this.$message({
+          message: "缴费成功",
+          type: "success",
+        });
+        this.$emit("getcaseApply",this.queryParams);
+        }
+      })
+    },
+    // 支付
+    pay(val) {
+      if (this.payForm.feePayable == 0 || !this.payForm.feePayable) {
+        this.$message({
+          message: "此案件无需缴费",
+          type: "error",
+        });
+        return;
+      }
+      let payType = "";
+      if (val == 0) {
+        payType = "wxpay";
+        this.payMain = "请使用微信扫二维码支付";
+      } else if (val == 1) {
+        payType = "alipay";
+        this.payMain = "请使用支付宝扫二维码支付";
+      }
+      casePay({
+        totalFee: this.payForm.feePayable * 100,
+        caseId: this.payForm.caseId,
+        tradeType: "native",
+        platform: payType,
+      }).then((res) => {
+        this.paySrc = res.data.code_url;
+        this.qrcode(this.paySrc);
+        this.timer = setInterval(() => {
+          this.selectCaseApplicationConfirmFn({ id: this.form.id })
+        }, 3000);
+        setTimeout(() => {
+          clearInterval(this.timer);
+        }, 1000*60);
+      });
+    },
+    payCancel() {
+      this.$emit("paycancelRow");
+      this.payMain = "";
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.payType {
+  height: 80px;
+  line-height: 80px;
+
+  .icon-weixinzhifu {
+    font-size: 24px;
+    color: #27a56f;
+    margin-right: 15px;
+  }
+
+  .icon-zhifubao {
+    font-size: 24px;
+    color: #1d76cc;
+  }
+}
+
+.payImg {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.payTitle {
+  margin-top: 20px;
+  width: 100%;
+  text-align: center;
+}
+
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+
+.endbutton {
+  width: 154px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>

src/views/caseManagement/components/trialincourtDialog.vue

@@ -0,0 +1,375 @@
+<template>
+  <div>
+    <el-dialog
+      title="开庭审理"
+      :visible="showtrialincourt"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+      <el-form
+        ref="form"
+        :model="formData"
+        label-width="150px"
+        :disabled="true"
+      >
+        <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="applicantName">
+              <el-input v-model="adjudicatename.applicantName" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="被申请人：" prop="respondentName">
+              <el-input v-model="adjudicatename.respondentName" />
+            </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="caseSubjectAmount">
+              <el-input
+                v-model="formData.caseSubjectAmount"
+                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="feePayable">
+              <el-input
+                v-model="adjudicatename.feePayable"
+                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="claimPrinciOwed">
+            <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
+          </el-form-item>
+        </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="案件状态：" prop="caseStatus">
+              <el-input
+                v-model="formData.caseStatusName"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="仲裁员：" prop="arbitratorName">
+              <el-input
+                v-model="adjudicatename.arbitratorName"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="开庭日期：" prop="hearDate">
+              <el-date-picker
+                v-model="adjudicatename.hearDate"
+                type="datetime"
+                placeholder="开庭日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-col :span="24">
+          <el-form-item label="案件资料：" prop="claimPrinciOwed">
+            <el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
+          </el-form-item>
+        </el-col>
+      </el-form>
+      <el-button @click="openmeeting" type="primary"
+        >发起会议
+        <!-- <iframe src="http://47.97.117.253:9005/#/">发起会议</iframe> -->
+      </el-button>
+      <el-button @click="openArbitrationresults" type="primary"
+        >提交仲裁结果</el-button
+      >
+      <div slot="footer" class="dialog-footer">
+        <!-- <el-button @click="submitForm" class="endbutton"
+          ><span>结束审理</span></el-button
+        > -->
+        <el-button @click="cancel" class="endbutton1"
+          ><span>关 闭</span></el-button
+        >
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="提交仲裁结果"
+      :visible="showArbitrationresults"
+      @close="closeArbitrationresults"
+      center
+    >
+      <el-form ref="form2" :model="form2" label-width="150px">
+        <el-col :span="24">
+          <el-form-item
+            label="经庭审质证，对各方提供的证据认定如下："
+            prop="evidenDetermi"
+            :rules="[
+              {
+                required: true,
+                message: '请输入',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              :autosize="{ minRows: 4 }"
+              placeholder="请输入"
+              v-model="form2.evidenDetermi"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="仲裁庭经审理查明(写明仲裁庭认定的事实)："
+            prop="factDetermi"
+            :rules="[
+              {
+                required: true,
+                message: '请输入',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              :autosize="{ minRows: 4 }"
+              placeholder="请输入"
+              v-model="form2.factDetermi"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="综上所述："
+            prop="caseSketch"
+            :rules="[
+              {
+                required: true,
+                message: '请输入',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              autosize
+              placeholder="请输入"
+              v-model="form2.caseSketch"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="本庭认为："
+            prop="arbitrateThink"
+            :rules="[
+              {
+                required: true,
+                message: '请输入',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              autosize
+              placeholder="请输入"
+              v-model="form2.arbitrateThink"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="裁决如下："
+            prop="rulingFollows"
+            :rules="[
+              {
+                required: true,
+                message: '请输入',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              autosize
+              placeholder="请输入"
+              v-model="form2.rulingFollows"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="submitForm" class="endbutton">
+          <span>提交仲裁结果</span></el-button
+        >
+        <el-button @click="closeArbitrationresults" class="endbutton1"
+          ><span>取 消</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getUserProfile } from "@/api/system/user";
+import { writtenHear } from "@/api/caseManagement/caseManagement.js";
+
+export default {
+  props: ["showtrialincourt", "adjudicatename", "form", "queryParams"],
+  data() {
+    return {
+      formData: {},
+      user: "",
+      showArbitrationresults: false,
+      form2: {},
+    };
+  },
+  watch: {
+    showtrialincourt: {
+      handler(val) {
+        if (val) {
+          this.formData = this.form;
+        }
+      },
+    },
+  },
+  created() {
+    this.getUser();
+  },
+  methods: {
+    getUser() {
+      getUserProfile().then((response) => {
+        this.user = response.data.userName;
+      });
+    },
+    // 打开会议
+    openmeeting() {
+      // window.open('https://txroom.xayunmei.com');
+      window.open(`https://txroom.xayunmei.com/#/home?name=${this.user}`);
+    },
+    // 提交仲裁结果
+    openArbitrationresults() {
+      this.showArbitrationresults = true;
+    },
+    closeArbitrationresults() {
+      this.showArbitrationresults = false;
+    },
+    submitForm() {
+      this.$refs["form2"].validate((valid) => {
+        if (valid) {
+          writtenHear({
+            caseAppliId: this.formData.id,
+            evidenDetermi: this.form2.evidenDetermi,
+            factDetermi: this.form2.factDetermi,
+            caseSketch: this.form2.caseSketch,
+            arbitrateThink: this.form2.arbitrateThink,
+            rulingFollows: this.form2.rulingFollows,
+          })
+            .then((res) => {
+              this.$modal.msgSuccess("提交成功");
+              this.cancel();
+              this.closeArbitrationresults();
+              this.$emit("getcaseApply", this.queryParams);
+            })
+            .catch((err) => {});
+        }
+      });
+    },
+    cancel() {
+      this.$emit("canceltrialincourt");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton {
+  width: 154px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+  span {
+    width: 96px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+  }
+}
+.endbutton1 {
+  width: 154px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>

src/views/formationCourt/components/courtReviewDialog.vue

@@ -0,0 +1,45 @@
+<template>
+  <div>
+    <!-- 组庭审核页面 -->
+    <el-dialog
+      title="组庭审核"
+      :visible="showcourtReview"
+      width="500px"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+      <el-form>
+        <el-form-item label="开庭日期：">
+          <el-date-picker v-model="value1" type="date" placeholder="选择日期">
+          </el-date-picker>
+        </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 {
+      // key: value
+      value1: "",
+    };
+  },
+  methods: {
+    submitForm() {},
+    cancel() {
+      this.$emit("cancelcourtReview");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/formationCourt/components/formateCourtDialog.vue

@@ -0,0 +1,127 @@
+<template>
+  <div>
+    <!-- 组庭界面 -->
+    <el-dialog
+      title="仲裁员信息"
+      :visible="showformateCourt"
+      width="800px"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+      <!-- <el-form ref="form"> -->
+      <el-table
+        :data="dataList"
+        style="width: 100%"
+        @selection-change="handleSelectionChange"
+      >
+        <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"
+      />
+      <!-- </el-form> -->
+      <div slot="footer" class="dialog-footer">
+        <el-button
+          type="primary"
+          @click="submitForm"
+          :disabled="!this.arbitrators.length > 0"
+          >确 定</el-button
+        >
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { arbitrAtor, pendTral } from "@/api/formationCourt/formationCourt";
+export default {
+  props: [
+    "showformateCourt",
+    "formateCourtData",
+  ],
+  data() {
+    return {
+      dataList: [],
+      total: 0,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      arbitrators: [],
+    };
+  },
+  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) {
+        let params = {
+          id: this.formateCourtData.id,
+          arbitrators: this.arbitrators,
+        };
+        pendTral(params).then((res) => {
+          this.cancel();
+          this.$modal.msgSuccess("组庭成功");
+          this.$emit("getformationData");
+        });
+      }
+    },
+    // 取消
+    cancel() {
+      this.$emit("cancelcourtDialog");
+      this.arbitrators = [];
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/formationCourt/components/formateCourtdetailDaiog.vue

@@ -0,0 +1,647 @@
+<template>
+  <div>
+    <!-- 组庭详情页面 -->
+    <el-dialog
+      title="组庭详情"
+      :visible="showDetails"
+      width="1000px"
+      @close="cancel"
+    >
+      <!-- 案件信息 -->
+      <el-form
+        ref="form"
+        :model="formData"
+        :rules="rules"
+        label-width="150px"
+        :disabled="true"
+      >
+        <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="true">
+        <div v-for="(item, index) in form2.paymentArr" :key="index">
+          <div style="display: flex; justify-content: space-between">
+            <p>申请人主体信息：</p>
+          </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-form ref="form3" label-width="150px" :disabled="true" :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>
+          </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>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "formateCourtdetailDaiog",
+  props: [
+    "formateListdata",
+    "showDetails",
+    "initpaymentArr",
+    "initpaymentArr1",
+  ],
+  data() {
+    return {
+      formData: {},
+      // key: value
+      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"],
+          },
+        ],
+        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",
+          },
+        ],
+      },
+      fileList: [],
+    };
+  },
+  watch: {
+    showDetails: {
+      handler(val) {
+        if (val) {
+          this.formData = this.formateListdata;
+          setTimeout(() => {
+            this.form2.paymentArr = this.initpaymentArr;
+            this.form3.paymentArr1 = this.initpaymentArr1;
+          }, 1000);
+        }
+      },
+    },
+  },
+  methods: {
+    cancel() {
+      this.$emit("cancelDetails");
+    },
+    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}？`);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/formationCourt/courtConfirmationlist.vue

@@ -0,0 +1,203 @@
+<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>
+        <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="formationData" 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="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="hearDate"
+        :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="viewdetails(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >案件详情</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-shopping-bag-1"
+            @click="courtConfirm(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
+          > -->
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getcourtConfirmationData"
+    />
+    <!-- 案件详情页面 -->
+    <formateCourtdetailDaiog
+      :showDetails="showDetails"
+      @cancelDetails="cancelDetails"
+      :formateListdata="formateListdata"
+    ></formateCourtdetailDaiog>
+  </div>
+</template>
+
+<script>
+import formateCourtdetailDaiog from "./components/formateCourtdetailDaiog.vue";
+
+export default {
+  name: "courtConfirmationlist",
+  components: {
+    formateCourtdetailDaiog,
+  },
+  data() {
+    return {
+      // key: value
+      // 遮罩层
+      loading: true,
+      showDetails: false,
+      // 总条数
+      total: 0,
+      queryParams: {
+        caseNum: undefined,
+        pageNum: 1,
+        pageSize: 10,
+      },
+      formateListdata: {},
+    };
+  },
+  created() {
+    this.getcourtConfirmationData();
+  },
+  methods: {
+    // 搜索
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getformationData();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    getcourtConfirmationData() {
+      this.loading = true;
+      this.formationData = [
+        {
+          caseNum: "1",
+          name: "hcb",
+          caseSubjectAmount: "3000",
+          registerDate: "2022-05-05 20:23:08",
+          hearDate: "2022-09-05 20:23:08",
+          caseArbitrator: "hhl",
+          caseStatus: "待组庭",
+        },
+      ];
+      this.total = this.formationData.length;
+      this.loading = false;
+    },
+    // 详情
+    viewdetails(val) {
+      this.showDetails = true;
+      this.formateListdata = val;
+    },
+    // 关闭详情
+    cancelDetails() {
+      this.showDetails = false;
+    },
+    // 组庭确认
+    courtConfirm() {
+      this.$modal
+        .confirm("确认进行组庭确认吗？")
+        .then(function () {})
+        .then(() => {
+          this.$modal.msgSuccess("确认成功");
+        })
+        .catch((err) => {});
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/formationCourt/courtReviewlist.vue

@@ -0,0 +1,207 @@
+<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>
+        <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="formationData" 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="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="hearDate"
+        :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="viewdetails(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >案件详情</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-shopping-bag-1"
+            @click="courtReview(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
+          > -->
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getcourtConfirmationData"
+    />
+    <!-- 案件详情页面 -->
+    <formateCourtdetailDaiog
+      :showDetails="showDetails"
+      @cancelDetails="cancelDetails"
+      :formateListdata="formateListdata"
+    ></formateCourtdetailDaiog>
+    <!-- 组庭审核 -->
+    <courtReviewDialog
+      :showcourtReview="showcourtReview"
+      @cancelcourtReview="cancelcourtReview"
+    ></courtReviewDialog>
+  </div>
+</template>
+
+<script>
+import courtReviewDialog from "./components/courtReviewDialog.vue";
+import formateCourtdetailDaiog from "./components/formateCourtdetailDaiog.vue";
+export default {
+  name: "courtReviewlist",
+  components: {
+    formateCourtdetailDaiog,
+    courtReviewDialog,
+  },
+  data() {
+    return {
+      // key: value
+      // 遮罩层
+      loading: true,
+      showDetails: false,
+      // 总条数
+      total: 0,
+      queryParams: {
+        caseNum: undefined,
+        pageNum: 1,
+        pageSize: 10,
+      },
+      formateListdata: {},
+      showcourtReview: false, //组庭审核页面
+    };
+  },
+  created() {
+    this.getcourtConfirmationData();
+  },
+  methods: {
+    // 搜索
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getformationData();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    getcourtConfirmationData() {
+      this.loading = true;
+      this.formationData = [
+        {
+          caseNum: "1",
+          name: "hcb",
+          caseSubjectAmount: "3000",
+          registerDate: "2022-05-05 20:23:08",
+          hearDate: "2022-09-05 20:23:08",
+          caseArbitrator: "hhl",
+          caseStatus: "待组庭",
+        },
+      ];
+      this.total = this.formationData.length;
+      this.loading = false;
+    },
+    // 详情
+    viewdetails(val) {
+      this.showDetails = true;
+      this.formateListdata = val;
+    },
+    // 关闭详情
+    cancelDetails() {
+      this.showDetails = false;
+    },
+    // 组庭审核
+    courtReview() {
+      this.showcourtReview = true;
+    },
+    cancelcourtReview() {
+      this.showcourtReview = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/formationCourt/formationCourtlist.vue

@@ -0,0 +1,229 @@
+<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>
+        <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="formationData" 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="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="hearDate"
+        :show-overflow-tooltip="true"
+      /> -->
+      <!-- 案件仲裁员 -->
+      <!-- <el-table-column
+        label="案件仲裁员"
+        align="center"
+        prop="arbitratorName"
+      /> -->
+      <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="viewdetails(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >案件详情</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-shopping-bag-1"
+            @click="formateCourt(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
+          > -->
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getformationData"
+    />
+    <!-- 详情页面 -->
+    <formateCourtdetailDaiog
+      :showDetails="showDetails"
+      @cancelDetails="cancelDetails"
+      :formateListdata="formateListdata"
+      :initpaymentArr="initpaymentArr"
+      :initpaymentArr1="initpaymentArr1"
+    ></formateCourtdetailDaiog>
+    <!-- 组庭页面 -->
+    <formateCourtDialog
+      :showformateCourt="showformateCourt"
+      @cancelcourtDialog="cancelcourtDialog"
+      :formateCourtData="formateCourtData"
+      @getformationData="getformationData"
+    ></formateCourtDialog>
+  </div>
+</template>
+
+<script>
+import { caseApply, selectCaseApply } from "@/api/caseAccess/caseEntry";
+import formateCourtdetailDaiog from "./components/formateCourtdetailDaiog.vue";
+import formateCourtDialog from "./components/formateCourtDialog.vue";
+export default {
+  name: "formationCourtlist",
+  components: {
+    formateCourtdetailDaiog,
+    formateCourtDialog,
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      queryParams: {
+        // caseNum: undefined,
+        caseStatus: 6,
+        pageNum: 1,
+        pageSize: 10,
+      },
+      formationData: [],
+      showDetails: false, //详情界面显示
+      formateListdata: {},
+      formateCourtData: {},
+      showformateCourt: false, //组庭界面显示
+      initpaymentArr:[],
+      initpaymentArr1:[],
+    };
+  },
+  created() {
+    this.getformationData();
+  },
+  methods: {
+    // 搜索
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getformationData();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 查询列表数据
+    getformationData() {
+      this.loading = true;
+      caseApply(this.queryParams).then((response) => {
+        this.formationData = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 详情
+    viewdetails(val) {
+      this.showDetails = true;
+      this.formateListdata = val;
+      this.getInfo(val);
+    },
+    // 查找主体信息数据
+    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);
+          }
+        });
+      });
+    },
+    // 关闭详情
+    cancelDetails() {
+      this.showDetails = false;
+    },
+    // 组庭
+    formateCourt(val) {
+      this.formateCourtData = val;
+      this.showformateCourt = true;
+    },
+    // 关闭组庭页面
+    cancelcourtDialog() {
+      this.showformateCourt = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/identityManagement/IdentityauthenticationList.vue

@@ -1,6 +1,6 @@
 <template>
-    <div>
+    <div class="app-container">
-        案件接入
+        身份认证列表
     </div>
 </template>
 

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/payAll/payConfirmation.vue

@@ -20,46 +20,47 @@
                     <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
                 </template>
             </el-table-column>
-            <el-table-column label="申请人名称" align="center" prop="name" :show-overflow-tooltip="true" />
+            <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
-            <el-table-column label="案件数量" align="center" prop="casesNumber" :show-overflow-tooltip="true" />
+            <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" :show-overflow-tooltip="true" />
-            <el-table-column label="标的总金额" align="center" prop="totalAmount" />
+            <el-table-column label="立案日期" align="center" prop="registerDate" />
-            <el-table-column label="提交日期" align="center" prop="date" :show-overflow-tooltip="true" />
+            <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
-            <el-table-column label="提交人" align="center" prop="presenter" :show-overflow-tooltip="true" />
+            <el-table-column label="案件状态" align="center" prop="caseStatusName" />
-            <el-table-column label="状态" align="center" prop="state" />
             <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-download" @click="confirmation(scope.row)"
+                    <el-button size="mini" type="text" icon="el-icon-view" @click="confirmation(scope.row)"
-                        v-hasPermi="['monitor:online:forceLogout']">查看缴费清单</el-button>
+                        v-hasPermi="['monitor:online:forceLogout']" style="margin-right: 10px;">查看缴费清单</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-bank-card" @click="confirmation(scope.row)"
+                    <el-popconfirm title="是否确认缴费" @confirm="payStatus(scope.row)">
+                        <el-button slot="reference" size="mini" type="text" icon="el-icon-bank-card"
                             v-hasPermi="['monitor:online:forceLogout']">缴费确认</el-button>
+                    </el-popconfirm>
                 </template>
             </el-table-column>
         </el-table>
         <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
             <el-form ref="form" :model="form" :rules="rules" label-width="150px" :disabled="true">
-                <el-form-item label="案件编号：" prop="caseNumber">
+                <el-form-item label="案件编号：" prop="caseNum">
-                    <el-input v-model="form.caseNumber" placeholder="请输入岗位名称" />
+                    <el-input v-model="form.caseNum" placeholder="" />
                 </el-form-item>
                 <el-form-item label="申请人：" prop="applicant">
-                    <el-input v-model="form.applicant" placeholder="请输入编码名称" />
+                    <el-input v-model="form.applicant" placeholder="" />
                 </el-form-item>
-                <el-form-item label="案件标的：" prop="caseIdentifying">
+                <el-form-item label="案件标的：" prop="caseSubjectAmount">
-                    <el-input-number v-model="form.caseIdentifying" controls-position="right" :min="0" />
+                    <el-input-number v-model="form.caseSubjectAmount" controls-position="right" :min="0" />
                 </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="actualPayment">
+                <el-form-item label="案件实缴费用：" prop="paidExpenses">
-                    <el-input-number v-model="form.actualPayment" controls-position="right" :min="0" />
+                    <el-input-number v-model="form.paidExpenses" controls-position="right" :min="0" />
                 </el-form-item>
                 <el-form-item label="被申请人：" prop="respondent">
-                    <el-input v-model="form.Respondent" placeholder="请输入编码名称" />
+                    <el-input v-model="form.Respondent" placeholder="" />
                 </el-form-item>
-                <el-form-item label="申请人仲裁诉求：" prop="appeal">
+                <el-form-item label="申请人仲裁诉求：" prop="arbitratClaims">
-                    <el-input v-model="form.appeal" placeholder="请输入编码名称" />
+                    <el-input v-model="form.arbitratClaims" placeholder="" />
                 </el-form-item>
-                <el-form-item label="案件状态：" prop="state">
+                <el-form-item label="案件状态：" prop="caseStatusName">
-                    <el-input v-model="form.state" placeholder="请输入编码名称" />
+                    <el-input v-model="form.caseStatusName" placeholder="" />
                 </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
@@ -72,7 +73,7 @@
 </template>
   
 <script>
-import { list, forceLogout } from "@/api/monitor/online";
+import { caseApplicationList, caseApplicationDetail,confirmPay } from "@/api/pay/pay";
 
 export default {
     name: "payList",
@@ -88,93 +89,94 @@ export default {
             pageSize: 10,
             // 弹出层标题
             title: "",
+            payTitle: "",
             // 是否显示弹出层
             open: false,
+            openPay: false,
             // 查询参数
             queryParams: {
-                ipaddr: undefined,
+                caseStatus: 2,
-                userName: undefined
+                pageNum: 1,
+                pageSize: 10
             },
             // 弹出层内容
-            form: {
+            form: {},
-                caseNumber:'111',
-                applicant:'韩超勃',
-                caseIdentifying:10000,
-                feePayable:1000,
-                actualPayment:980,
-                Respondent:'黄海龙',
-                appeal:'杀人放火',
-                state:'已缴费',
-            },
             // 校验表单
             rules: {
-                postName: [
+                // postName: [
-                    { required: true, message: "岗位名称不能为空", trigger: "blur" }
+                //     { required: true, message: "岗位名称不能为空", trigger: "blur" }
-                ],
+                // ],
-                postCode: [
+                // postCode: [
-                    { required: true, message: "岗位编码不能为空", trigger: "blur" }
+                //     { required: true, message: "岗位编码不能为空", trigger: "blur" }
-                ],
+                // ],
-                postSort: [
+                // postSort: [
-                    { required: true, message: "岗位顺序不能为空", trigger: "blur" }
+                //     { required: true, message: "岗位顺序不能为空", trigger: "blur" }
-                ]
+                // ]
             },
-            dataList: [
+            dataList: []
-                {
-                    name: '黄海龙',
-                    casesNumber: 1,
-                    totalAmount: '1000',
-                    date: '2016-05-02',
-                    presenter: '韩超勃',
-                    state: "待缴费"
-                }, {
-                    name: '黄海龙',
-                    casesNumber: 1,
-                    totalAmount: '1000',
-                    date: '2016-05-02',
-                    presenter: '韩超勃',
-                    state: "待缴费"
-                }, {
-                    name: '黄海龙',
-                    casesNumber: 2,
-                    totalAmount: '1000',
-                    date: '2016-05-02',
-                    presenter: '韩超勃',
-                    state: "待缴费"
-                }, {
-                    name: '黄海龙',
-                    casesNumber: 3,
-                    totalAmount: '1000',
-                    date: '2016-05-02',
-                    presenter: '韩超勃',
-                    state: "待缴费"
-                }
-            ]
         };
     },
     created() {
-        // this.getList();
+        this.getList();
     },
     methods: {
         // 取消按钮
         cancel() {
             this.open = false;
         },
-        /** 新增按钮操作 */
+        payCancel() {
-        confirmation() {
+            this.openPay = false;
-            debugger
+        },
+        /** 查看缴费清单 */
+        confirmation(val) {
+            this.getDetail({ id: val.id })
             this.open = true;
-            this.title = "缴费确认";
+            this.title = "缴费清单";
+        },
+        payStatus(val) {
+            this.confirmPayFn({ id: val.id })
+            this.payTitle = "缴费确认";
+            // console.log(")))))))))))))))))))))))))", val);
         },
         // 提交表单
         submitForm() { },
-        /** 查询登录日志列表 */
+        /** 查询案件列表 */
         getList() {
-            // this.loading = true;
+            this.loading = true;
-            // list(this.queryParams).then(response => {
+            caseApplicationList(this.queryParams).then(response => {
-            //     this.list = response.rows;
+                this.dataList = response.rows;
-            //     this.total = response.total;
+                this.dataList.forEach(item => {
-            //     this.loading = false;
+                    if (item.caseStatus == 2) {
-            // });
+                        item.caseStatusName = '待缴费确认'
+                    }
+                    if (item.arbitratMethod == "1") {
+                        item.arbitratMethodName = '视频仲裁'
+                    } else if (item.arbitratMethod == "2") {
+                        item.arbitratMethodName = '书面仲裁'
+                    }
+                });
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+        /** 查询详情 */
+        getDetail(parms) {
+            caseApplicationDetail(parms).then(res => {
+                if (res.data.caseStatus == 2) {
+                    res.data.caseStatusName = '待缴费确认'
+                }
+                this.form = res.data;
+            })
+        },
+        // 确认缴费
+        confirmPayFn(parms){
+            confirmPay(parms).then(res=>{
+                this.$message({
+                    message: '确认成功',
+                    type: 'success'
+                });
+            })
+            this.getList();
         },
         /** 搜索按钮操作 */
         handleQuery() {
@@ -189,5 +191,8 @@ export default {
     }
 };
 </script>
+<style scoped lang="scss">
+
+</style>
   
   

src/views/payAll/payList.vue

@@ -20,46 +20,47 @@
                     <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
                 </template>
             </el-table-column>
-            <el-table-column label="申请人名称" align="center" prop="name" :show-overflow-tooltip="true" />
+            <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
-            <el-table-column label="案件数量" align="center" prop="casesNumber" :show-overflow-tooltip="true" />
+            <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" :show-overflow-tooltip="true" />
-            <el-table-column label="标的总金额" align="center" prop="totalAmount" />
+            <el-table-column label="立案日期" align="center" prop="registerDate" />
-            <el-table-column label="提交日期" align="center" prop="date" :show-overflow-tooltip="true" />
+            <el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
-            <el-table-column label="提交人" align="center" prop="presenter" :show-overflow-tooltip="true" />
+            <el-table-column label="案件状态" align="center" prop="caseStatusName" />
-            <el-table-column label="状态" align="center" prop="state" />
             <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-download" @click="confirmation(scope.row)"
+                    <el-button size="mini" type="text" icon="el-icon-view" @click="confirmation(scope.row)"
-                        v-hasPermi="['monitor:online:forceLogout']">查看缴费清单</el-button>
+                        v-hasPermi="['monitor:online:forceLogout']" style="margin-right: 10px;">查看缴费清单</el-button>
-                    <el-button size="mini" type="text" icon="el-icon-bank-card" @click="confirmation(scope.row)"
+                    <el-popconfirm title="是否确认缴费" @confirm="payStatus(scope.row)">
+                        <el-button slot="reference" size="mini" type="text" icon="el-icon-bank-card"
                             v-hasPermi="['monitor:online:forceLogout']">缴费</el-button>
+                    </el-popconfirm>
                 </template>
             </el-table-column>
         </el-table>
         <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
             <el-form ref="form" :model="form" :rules="rules" label-width="150px" :disabled="true">
-                <el-form-item label="案件编号：" prop="caseNumber">
+                <el-form-item label="案件编号：" prop="caseNum">
-                    <el-input v-model="form.caseNumber" placeholder="请输入岗位名称" />
+                    <el-input v-model="form.caseNum" placeholder="" />
                 </el-form-item>
                 <el-form-item label="申请人：" prop="applicant">
-                    <el-input v-model="form.applicant" placeholder="请输入编码名称" />
+                    <el-input v-model="form.applicant" placeholder="" />
                 </el-form-item>
-                <el-form-item label="案件标的：" prop="caseIdentifying">
+                <el-form-item label="案件标的：" prop="caseSubjectAmount">
-                    <el-input-number v-model="form.caseIdentifying" controls-position="right" :min="0" />
+                    <el-input-number v-model="form.caseSubjectAmount" controls-position="right" :min="0" />
                 </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="actualPayment">
+                <el-form-item label="案件实缴费用：" prop="paidExpenses">
-                    <el-input-number v-model="form.actualPayment" controls-position="right" :min="0" />
+                    <el-input-number v-model="form.paidExpenses" controls-position="right" :min="0" />
                 </el-form-item>
                 <el-form-item label="被申请人：" prop="respondent">
-                    <el-input v-model="form.Respondent" placeholder="请输入编码名称" />
+                    <el-input v-model="form.Respondent" placeholder="" />
                 </el-form-item>
-                <el-form-item label="申请人仲裁诉求：" prop="appeal">
+                <el-form-item label="申请人仲裁诉求：" prop="arbitratClaims">
-                    <el-input v-model="form.appeal" placeholder="请输入编码名称" />
+                    <el-input v-model="form.arbitratClaims" placeholder="" />
                 </el-form-item>
-                <el-form-item label="案件状态：" prop="state">
+                <el-form-item label="案件状态：" prop="caseStatusName">
-                    <el-input v-model="form.state" placeholder="请输入编码名称" />
+                    <el-input v-model="form.caseStatusName" placeholder="" />
                 </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
@@ -67,17 +68,42 @@
                 <el-button @click="cancel">取 消</el-button>
             </div>
         </el-dialog>
-        <pagination v-show="total > 0" :total="total" :page.sync="pageNum" :limit.sync="pageSize" />
+        <el-dialog :title="payTitle" :visible.sync="openPay" v-if="openPay" width="800px" append-to-body>
+            <el-descriptions title="订单信息">
+                <el-descriptions-item label="案件编号：">{{ form.caseNum }}</el-descriptions-item>
+                <el-descriptions-item label="申请人：">{{ form.applicant }}</el-descriptions-item>
+                <el-descriptions-item label="案件标的：">{{ form.caseSubjectAmount }}</el-descriptions-item>
+                <el-descriptions-item label="案件应缴费用：">{{ form.feePayable }}</el-descriptions-item>
+                <el-descriptions-item label="被申请人：">{{ form.respondent }}</el-descriptions-item>
+                <el-descriptions-item label="申请人仲裁诉求：">{{ form.arbitratClaims }}</el-descriptions-item>
+                <el-descriptions-item label="案件状态：">{{ form.caseStatusName }}</el-descriptions-item>
+            </el-descriptions>
+            <div class="payType">
+                <span>请选择支付方式：</span>
+                <i class="iconfont icon-weixinzhifu" @click="pay(0)"></i>
+                <i class="iconfont icon-zhifubao" @click="pay(1)"></i>
+            </div>
+            <div class="payImg">
+                <div id="qrcodeImg"></div>
+            </div>
+            <div class="payTitle">{{ payMain }}</div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="payCancel">取 消</el-button>
+            </div>
+        </el-dialog>
+        <pagination v-show="total > 0" :total="total" :page.sync="pageNum" :limit.sync="pageSize" @pagination="getList" />
     </div>
 </template>
   
 <script>
-import { list, forceLogout } from "@/api/monitor/online";
+import { caseApplicationList, caseApplicationDetail, casePay } from "@/api/pay/pay";
-
+import QRCode from 'qrcodejs2';
 export default {
     name: "payList",
     data() {
         return {
+            // 付款二维码
+            paySrc: "",
             // 遮罩层
             loading: false,
             // 总条数
@@ -88,93 +114,124 @@ export default {
             pageSize: 10,
             // 弹出层标题
             title: "",
+            payTitle: "",
             // 是否显示弹出层
             open: false,
+            openPay: false,
             // 查询参数
             queryParams: {
-                ipaddr: undefined,
+                caseStatus: 2,
-                userName: undefined
+                pageNum: 1,
+                pageSize: 10
             },
             // 弹出层内容
-            form: {
+            form: {},
-                caseNumber:'111',
-                applicant:'韩超勃',
-                caseIdentifying:10000,
-                feePayable:1000,
-                actualPayment:980,
-                Respondent:'黄海龙',
-                appeal:'杀人放火',
-                state:'已缴费',
-            },
             // 校验表单
             rules: {
-                postName: [
+
-                    { required: true, message: "岗位名称不能为空", trigger: "blur" }
-                ],
-                postCode: [
-                    { required: true, message: "岗位编码不能为空", trigger: "blur" }
-                ],
-                postSort: [
-                    { required: true, message: "岗位顺序不能为空", trigger: "blur" }
-                ]
             },
-            dataList: [
+            dataList: [],
-                {
+            // 支付文字
-                    name: '黄海龙',
+            payMain: "",
-                    casesNumber: 1,
+            // 支付元素显示
-                    totalAmount: '1000',
+            payFlag: false,
-                    date: '2016-05-02',
+            // 案件id，案件实付金额
-                    presenter: '韩超勃',
+            payForm: {}
-                    state: "待缴费"
-                }, {
-                    name: '黄海龙',
-                    casesNumber: 1,
-                    totalAmount: '1000',
-                    date: '2016-05-02',
-                    presenter: '韩超勃',
-                    state: "待缴费"
-                }, {
-                    name: '黄海龙',
-                    casesNumber: 2,
-                    totalAmount: '1000',
-                    date: '2016-05-02',
-                    presenter: '韩超勃',
-                    state: "待缴费"
-                }, {
-                    name: '黄海龙',
-                    casesNumber: 3,
-                    totalAmount: '1000',
-                    date: '2016-05-02',
-                    presenter: '韩超勃',
-                    state: "待缴费"
-                }
-            ]
         };
     },
     created() {
-        // this.getList();
+        this.getList();
     },
     methods: {
+        // 生成二维码
+        qrcode(url) {  // 前端根据 URL 生成微信支付二维码
+            document.getElementById("qrcodeImg").innerHTML = "";
+            return new QRCode('qrcodeImg', {
+                width: 200,
+                height: 200,
+                text: url,
+                colorDark: '#000',
+                colorLight: '#fff'
+            });
+        },
         // 取消按钮
         cancel() {
             this.open = false;
         },
-        /** 新增按钮操作 */
+        payCancel() {
-        confirmation() {
+            this.openPay = false;
-            debugger
+        },
+        /** 查看缴费清单 */
+        confirmation(val) {
+            this.getDetail({ id: val.id })
             this.open = true;
-            this.title = "缴费确认";
+            this.title = "缴费清单";
+        },
+        payStatus(val) {
+            this.getDetail({ id: val.id })
+            this.openPay = true;
+            this.payMain = "";
+            this.payTitle = "缴费确认";
+            // console.log(")))))))))))))))))))))))))", val);
         },
         // 提交表单
         submitForm() { },
-        /** 查询登录日志列表 */
+        /** 查询案件列表 */
         getList() {
-            // this.loading = true;
+            this.loading = true;
-            // list(this.queryParams).then(response => {
+            caseApplicationList(this.queryParams).then(response => {
-            //     this.list = response.rows;
+                this.dataList = response.rows;
-            //     this.total = response.total;
+                this.dataList.forEach(item => {
-            //     this.loading = false;
+                    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;
+            });
+        },
+        /** 查询详情 */
+        getDetail(parms) {
+            caseApplicationDetail(parms).then(res => {
+                if (res.data.caseStatus == 1) {
+                    res.data.caseStatusName = '待缴费'
+                }
+                this.form = res.data;
+                this.payForm.feePayable = res.data.feePayable;
+                this.payForm.caseId = res.data.id
+            })
+        },
+        // 支付
+        pay(val) {
+            if (this.payForm.feePayable == 0 || !this.payForm.feePayable) {
+                this.$message({
+                    message: '此案件无需缴费',
+                    type: 'error'
+                });
+                return
+            }
+            let payType = ""
+            if (val == 0) {
+                payType = "wxpay"
+                this.payMain = "请使用微信扫二维码支付"
+            } else if (val == 1) {
+                payType = "alipay"
+                this.payMain = "请使用支付宝扫二维码支付"
+            }
+            casePay({
+                totalFee: this.payForm.feePayable * 100,
+                caseId: this.payForm.caseId,
+                tradeType: "native",
+                platform: payType
+            }).then(res => {
+                this.paySrc = res.data.code_url
+                this.qrcode(this.paySrc)
+            })
         },
         /** 搜索按钮操作 */
         handleQuery() {
@@ -189,5 +246,34 @@ export default {
     }
 };
 </script>
+<style scoped lang="scss">
+.payType {
+    height: 80px;
+    line-height: 80px;
+
+    .icon-weixinzhifu {
+        font-size: 24px;
+        color: #27a56f;
+        margin-right: 15px;
+    }
+
+    .icon-zhifubao {
+        font-size: 24px;
+        color: #1d76cc;
+    }
+}
+
+.payImg {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
+
+.payTitle {
+    margin-top: 20px;
+    width: 100%;
+    text-align: center;
+}
+</style>
   
   

src/views/paymentManagement/components/paymentdetailsDialog.vue

@@ -0,0 +1,135 @@
+<template>
+  <div>
+    <el-dialog
+      :title="title"
+      :visible="openDialog"
+      width="800px"
+      @close="cancel"
+      :destroy-on-close="true"
+      center
+    >
+      <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-item label="支付状态：" prop="paymentStatusName">
+          <el-input v-model="form.paymentStatusName" placeholder="" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button
+          type="primary"
+          @click="submitForm"
+          v-if="flag == 0"
+          class="endbutton"
+          >确认已缴费</el-button
+        >
+        <el-button @click="cancel" class="endbutton1">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { confirmPay } from "@/api/pay/pay";
+export default {
+  props: ["openDialog", "title", "flag", "detailform", "getList"],
+  data() {
+    return {
+      // key: value
+      form: {},
+    };
+  },
+  watch: {
+    detailform: {
+      handler(val) {
+        if (val) {
+          setTimeout(() => {
+            this.form = this.detailform;
+            console.log(this.form, "this.form");
+          }, 1000);
+        }
+      },
+    },
+  },
+  methods: {
+    // 确认缴费
+    submitForm() {
+      confirmPay({ id: this.form.id }).then((res) => {
+        this.$message({
+          message: "确认成功",
+          type: "success",
+        });
+        if (res.code == 200) {
+          this.getList();
+        }
+      });
+      this.cancel();
+    },
+    cancel() {
+      this.$emit("cancelpaymentdetails");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>

src/views/paymentManagement/paymentList.vue

@@ -0,0 +1,253 @@
+<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="registerDate">
+        <el-date-picker
+          v-model="queryParams.registerDate"
+          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="caseStatusName">
+        <template slot-scope="scope">
+          <el-tag type="warning">{{ scope.row.caseStatusName }}</el-tag>
+        </template>
+      </el-table-column>
+      <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"
+      :getList="getList"
+      @cancelpaymentdetails="cancelpaymentdetails"
+    ></paymentdetailsDialog>
+  </div>
+</template>
+
+<script>
+import {
+  caseApplicationList,
+  selectCaseApplicationConfirm,
+  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,
+        caseStatusList: [3],
+        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) {
+      selectCaseApplicationConfirm(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>

vue.config.js

@@ -11,6 +11,9 @@ 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://192.168.3.77:8080' //Q
+
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
 // 这里只列一部分，具体配置参考文档
@@ -34,10 +37,10 @@ module.exports = {
     open: true,
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy 
-      // http://121.40.189.20:9001/
-      // http://192.168.3.77:8080
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://121.40.189.20:9001`,
+        // target: `http://192.168.3.77:8080`,
+        // target: `http://121.40.189.20:9001`,
+        target: API,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''