<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>