组庭页面开发

2023-09-13 18:31:33 +08:00
parent a054cba36c
commit abc4a3f5a9
4 changed files with 398 additions and 1 deletions
@@ -0,0 +1,110 @@
+<template>
+  <div>
+    <!-- 组庭详情页面 -->
+    <el-dialog
+      title="组庭详情"
+      :visible="showDetails"
+      width="1000px"
+      @close="cancel"
+    >
+      <el-form ref="form" label-width="150px" disabled>
+        <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="name">
+              <el-input v-model="formData.name" 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="registerDate">
+              <el-date-picker
+                v-model="formData.registerDate"
+                type="datetime"
+                placeholder="立案日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开庭日期：" prop="hearDate">
+              <el-date-picker
+                v-model="formData.hearDate"
+                type="datetime"
+                placeholder="开庭日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <!-- 案件仲裁员 -->
+          <el-col :span="12">
+            <el-form-item label="案件仲裁员：" prop="caseArbitrator">
+              <el-input
+                v-model="formData.caseArbitrator"
+                placeholder="请输入"
+              />
+            </el-form-item>
+          </el-col>
+          <!-- 案件状态 -->
+          <el-col :span="12">
+            <el-form-item label="案件状态：" prop="caseStatus">
+              <el-input
+                v-model="formData.caseStatus"
+                placeholder="请输入案件状态"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </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"],
+  data() {
+    return {
+      formData: {},
+      // key: value
+    };
+  },
+  watch: {
+    showDetails: {
+      handler(val) {
+        if (val) {
+          this.formData = this.formateListdata;
+        }
+      },
+    },
+  },
+  methods: {
+    cancel() {
+      this.$emit("cancelDetails");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>