Files
Arbitrate-Frontend/src/views/numberManagement/components/addOrdered.vue
T

96 lines
3.7 KiB
Vue

<template>
<div>
<el-dialog title="编号新增" :visible="caseVisable" @close="cancel" width="600px" center>
<el-form label-position="left" :model="ruleForm" ref="ruleForm" :rules="rules" label-width="100px"
class="demo-ruleForm">
<el-form-item label="规则类型:" prop="ruleType">
<el-select placeholder="请选择规则类型" v-model="ruleForm.ruleType">
<el-option label="字符串" value="1"></el-option>
<el-option label="整数" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="前缀:" prop="prefixstr">
<el-input v-model="ruleForm.prefixstr" placeholder="请输入前缀内容" />
</el-form-item>
<el-form-item label="时间格式:" prop="dateFormat">
<el-select placeholder="请选择时间格式" v-model="ruleForm.dateFormat">
<el-option label="yyyy-MM-dd" value="1"></el-option>
</el-select>
</el-form-item>
<el-form-item label="机构名称:" prop="deptName">
<el-input v-model="ruleForm.deptName" placeholder="请输入机构名称" />
</el-form-item>
<el-form-item label="机构名称首字母拼写:" prop="deptNameFirchar">
<el-input v-model="ruleForm.deptNameFirchar" placeholder="请输入机构名称首字母拼写" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button class="endbutton" @click="cancel"><span>取 消</span></el-button>
<el-button type="primary" class="endbutton"><span>确认</span></el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
props: ["caseVisable"],
dicts: ["manager_type"],
data() {
return {
ruleForm:{
ruleType:''
},
rules: {
ruleType: [
{ required: true, message: '请输入规则类型', trigger: 'blur' },
],
prefixstr: [
{ required: true, message: '请输入前缀', trigger: 'blur' },
],
dateFormat: [
{ required: true, message: '请输入时间格式', trigger: 'blur' },
],
deptName: [
{ required: true, message: '请输入机构名称', trigger: 'blur' },
],
deptNameFirchar: [
{ required: true, message: '请输入首字母拼写', trigger: 'blur' },
]
}
};
},
watch: {
// uploadVisable(val) {
// if (val) {
// this.ruleForm = {};
// }
// }
},
created() {
},
methods: {
cancel() {
this.$emit("cancelCase");
},
// 新增模板
// insertManagerFn(data) {
// insertManager(data).then(res => {
// this.$message.success('新增成功');
// this.$emit("cancelUpload");
// this.$emit('getList', this.queryParams);
// })
// },
// submitUpload() {
// this.$refs['ruleForm'].validate((valid) => {
// if (valid) {
// this.insertManagerFn(this.ruleForm)
// }
// });
// },
},
};
</script>
<style lang="scss" scoped></style>