'仲裁员列表页面开发，质证无仲裁员问题前端修复'

src/views/arbitratorsManagement/components/arbitratorDialog.vue

@@ -0,0 +1,114 @@
+<template>
+  <div>
+    <!-- 仲裁员弹框 -->
+    <el-dialog
+      :title="dialogTitle"
+      :visible="showarbitrator"
+      @close="cancel"
+      :destroy-on-close="true"
+      center
+    >
+      <el-form
+        ref="form"
+        :model="form"
+        label-width="100px"
+        :disabled="flag == 1"
+      >
+        <el-form-item label="仲裁员姓名：" prop="arbitratorName">
+          <el-input
+            v-model="form.arbitratorName"
+            placeholder="请输入仲裁员姓名"
+          />
+        </el-form-item>
+        <el-form-item label="职业：" prop="career">
+          <el-input v-model="form.career" placeholder="请输入职业" />
+        </el-form-item>
+        <el-form-item label="专业分类：" prop="professiClassifi">
+          <el-input v-model="form.professiClassifi" placeholder="请输入专业" />
+        </el-form-item>
+        <el-form-item label="学历：" prop="education">
+          <el-input v-model="form.education" placeholder="请输入学历" />
+        </el-form-item>
+        <el-form-item label="所在地区：" prop="area">
+          <el-input v-model="form.area" placeholder="请输入所在地区" />
+        </el-form-item>
+        <el-form-item label="电话：" prop="telephone">
+          <el-input v-model="form.telephone" placeholder="请输入电话" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm" class="endbutton"
+          ><span>提 交</span></el-button
+        >
+        <el-button @click="cancel" class="endbutton1"
+          ><span> 取 消</span></el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["showarbitrator", "dialogTitle", "formData", "flag"],
+  data() {
+    return {
+      form: {},
+    };
+  },
+  watch: {
+    formData: {
+      handler(val) {
+        if (val) {
+          this.form = val;
+        }
+      },
+    },
+  },
+  methods: {
+    cancel() {
+      this.$emit("closeArbitratorDialog");
+    },
+    // /提交
+    submitForm() {},
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 600px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
+</style>