src/api/caseManagement/caseManagement.js

@@ -18,3 +18,11 @@ export function writtenHear(data, id) {
     data: id,
   });
 }
+// 组庭确认
+export function pendTralSure(data) {
+  return request({
+    url: "/caseApplication/pendTralSure",
+    method: "post",
+    data: data,
+  });
+}

src/views/caseManagement/caseList.vue

@@ -283,7 +283,9 @@
     <!-- 组庭审核--改组庭确认 -->
     <courtReviewDialog
       :showcourtReview="showcourtReview"
+      :form="form"
       @cancelcourtReview="cancelcourtReview"
+      @getcaseApply="getcaseApply"
     ></courtReviewDialog>
     <!-- 选择开庭方式 -->
     <choosetrialmethodDaiog
@@ -303,6 +305,8 @@
     <!-- 开庭审理 -->
     <trialincourtDialog
     :showtrialincourt="showtrialincourt"
+    :adjudicatename="adjudicatename"
+    :form="form"
     @canceltrialincourt="canceltrialincourt"
     ></trialincourtDialog>
   </div>
@@ -505,13 +509,7 @@ export default {
     courtconfirmationRow(row) {
       console.log(row, "组庭确认");
       this.showcourtReview = true;
-    //   this.$modal
+      this.form = row;
-    //     .confirm("确定进行组庭吗？")
-    //     .then(function () {})
-    //     .then(() => {
-    //       this.$modal.msgSuccess("组庭成功");
-    //     })
-    //     .catch((err) => {});
     },
     // 组庭审核
     courtreviewRow(row) {
@@ -546,6 +544,8 @@ export default {
     trialcourtRow(row) {
       console.log(row, "开庭审理");
       this.showtrialincourt = true;
+      this.form = row;
+      this.getInfo(row)
     },
     canceltrialincourt() {
         this.showtrialincourt = false;

src/views/caseManagement/components/courtReviewDialog.vue

@@ -8,10 +8,24 @@
       @close="cancel"
       :destroy-on-close="true"
     >
-      <el-form ref="ktrq">
+      <el-form ref="courtReviewform" :model="courtReviewform">
-        <el-form-item label="开庭日期：">
+        <el-form-item
+          label="开庭日期："
+          prop="hearDate"
+          :rules="[
+            {
+              required: true,
+              message: '请选择开庭日期',
+              trigger: 'blur',
+            },
+          ]"
+        >
           <div class="reviewbox">
-            <el-date-picker v-model="value1" type="date" placeholder="选择日期">
+            <el-date-picker
+              v-model="courtReviewform.hearDate"
+              type="datetime"
+              placeholder="选择日期"
+            >
             </el-date-picker>
           </div>
         </el-form-item>
@@ -25,17 +39,36 @@
 </template>
 
 <script>
+import { pendTralSure } from "@/api/caseManagement/caseManagement.js";
+import moment from "moment";
 export default {
   name: "courtReviewDialog",
-  props: ["showcourtReview"],
+  props: ["showcourtReview", "form"],
   data() {
     return {
-      value1: "",
+      hearDate: "",
+      courtReviewform: {},
     };
   },
   methods: {
     submitForm() {
-      // this.$refs['ktrq'].
+      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");
+            })
+            .catch((err) => {});
+        }
+      });
     },
     cancel() {
       this.$emit("cancelcourtReview");
@@ -45,7 +78,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.el-form-item{
+.el-form-item {
   margin-left: 10%;
 }
 </style>

src/views/caseManagement/components/trialincourtDialog.vue

@@ -3,14 +3,137 @@
     <el-dialog
       title="开庭审理"
       :visible="showtrialincourt"
-      width="500px"
       @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="formData.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>发起会议</el-button>
+      <el-button>提交仲裁结果</el-button>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">提 交</el-button>
+        <el-button @click="submitForm" class="endbutton"
-        <el-button @click="cancel">取 消</el-button>
+          ><span>结束审理</span></el-button
+        >
+        <el-button @click="cancel" class="endbutton1"
+          ><span>取 消</span></el-button
+        >
       </div>
     </el-dialog>
   </div>
@@ -18,10 +141,11 @@
 
 <script>
 export default {
-  props: ["showtrialincourt"],
+  props: ["showtrialincourt", "adjudicatename"],
   data() {
     return {
       // key: value
+      formData: {},
     };
   },
   methods: {
@@ -34,4 +158,39 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton {
+  width: 154px;
+  height: 37px;
+  background: #ff5a00;
+  border-radius: 19px;
+  span {
+    width: 65px;
+    height: 16px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+.endbutton1 {
+  width: 154px;
+  height: 37px;
+  background: #ffffff;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+    // line-height: 48px;
+  }
+}
 </style>