组庭页面开发

2023-09-13 18:31:33 +08:00
parent a054cba36c
commit abc4a3f5a9
4 changed files with 398 additions and 1 deletions
@@ -0,0 +1,78 @@
+<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="caseName"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            label="当前案件数量"
+            align="center"
+            prop="nowNum"
+            :show-overflow-tooltip="true"
+          />
+          <el-table-column
+            label="已结案数量"
+            align="center"
+            prop="numed"
+            :show-overflow-tooltip="true"
+          />
+        </el-table>
+      </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 {
+  props: ["showformateCourt"],
+  data() {
+    return {
+      dataList: [],
+    };
+  },
+  created() {
+    this.dataList = [
+      {
+        caseName: "hhk",
+        nowNum: 1,
+        numed: 100,
+      },
+    ];
+  },
+  methods: {
+    handleSelectionChange(val) {
+      console.log(val, "pppppppppp");
+    },
+    // 确认
+    submitForm() {},
+    // 取消
+    cancel() {
+      this.$emit("cancelcourtDialog");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>