114 lines
2.7 KiB
Vue
114 lines
2.7 KiB
Vue
<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> |