From abc4a3f5a9752902e14e5ae378ebf570e06decc5 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Wed, 13 Sep 2023 18:31:33 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=84=E5=BA=AD=E9=A1=B5=E9=9D=A2=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/caseentryDialog.vue            |   2 +-
 .../components/formateCourtDialog.vue         |  78 +++++++
 .../components/formateCourtdetailDaiog.vue    | 110 +++++++++
 .../formationCourt/formationCourtlist.vue     | 209 ++++++++++++++++++
 4 files changed, 398 insertions(+), 1 deletion(-)
 create mode 100644 src/views/formationCourt/components/formateCourtDialog.vue
 create mode 100644 src/views/formationCourt/components/formateCourtdetailDaiog.vue
 create mode 100644 src/views/formationCourt/formationCourtlist.vue

diff --git a/src/views/caseAccessAll/components/caseentryDialog.vue b/src/views/caseAccessAll/components/caseentryDialog.vue
index 1a90216..2809bae 100644
--- a/src/views/caseAccessAll/components/caseentryDialog.vue
+++ b/src/views/caseAccessAll/components/caseentryDialog.vue
@@ -6,7 +6,7 @@
       @close="cancel"
       width="1000px"
       append-to-body
-      :destroy-on-close="true"
+      :destroy-on-close= true
     >
       <!-- 案件信息 -->
       <el-form
diff --git a/src/views/formationCourt/components/formateCourtDialog.vue b/src/views/formationCourt/components/formateCourtDialog.vue
new file mode 100644
index 0000000..b0e96c6
--- /dev/null
+++ b/src/views/formationCourt/components/formateCourtDialog.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/formationCourt/components/formateCourtdetailDaiog.vue b/src/views/formationCourt/components/formateCourtdetailDaiog.vue
new file mode 100644
index 0000000..63b5ab3
--- /dev/null
+++ b/src/views/formationCourt/components/formateCourtdetailDaiog.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/formationCourt/formationCourtlist.vue b/src/views/formationCourt/formationCourtlist.vue
new file mode 100644
index 0000000..35c8529
--- /dev/null
+++ b/src/views/formationCourt/formationCourtlist.vue
@@ -0,0 +1,209 @@
+<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="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"
+    ></formateCourtdetailDaiog>
+    <!-- 组庭页面 -->
+    <formateCourtDialog
+    :showformateCourt="showformateCourt"
+    @cancelcourtDialog="cancelcourtDialog"
+    ></formateCourtDialog>
+  </div>
+</template>
+
+<script>
+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,
+        pageNum: 1,
+        pageSize: 10,
+      },
+      formationData: [],
+      showDetails:false,//详情界面显示
+      formateListdata:{},
+      showformateCourt: false, //组庭界面显示
+    };
+  },
+  created() {
+    this.getformationData();
+  },
+  methods: {
+    // 搜索
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getformationData();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 查询列表数据
+    getformationData() {
+      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
+    },
+    // 组庭
+    formateCourt(val) {
+        this.showformateCourt = true
+    },
+    // 关闭组庭页面
+    cancelcourtDialog() {
+        this.showformateCourt = false
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file