组庭确认接口联调

src/views/caseManagement/components/courtReviewDialog.vue

@@ -8,10 +8,24 @@
       @close="cancel"
       :destroy-on-close="true"
     >
-      <el-form ref="ktrq">
-        <el-form-item label="开庭日期：">
+      <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="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>