<template>
|
<div class="add_wordshop">
|
<el-dialog
|
:title="editConfig.dialogTitle+editConfig.dialogTitleType"
|
:visible.sync="editConfig.visible"
|
width="30%"
|
:before-close="handleClose">
|
<el-form :inline="true" label-width="20%" style="width: 100%;" :model="form" >
|
<template v-if="editConfig.infomitton.TabsIndex===0||editConfig.infomitton.TabsIndex===1">
|
<el-form-item label="编码" style="width: 100%;" >
|
<el-input v-model="form.number" placeholder="请输入"></el-input>
|
</el-form-item>
|
<el-form-item label="名称" style="width: 100%;" >
|
<el-input v-model="form.name" placeholder="请输入字母或数字，不允许有空格、中文"></el-input>
|
</el-form-item>
|
</template>
|
|
<template v-if="editConfig.infomitton.TabsIndex===2">
|
<el-form-item label="带号颜色" style="width: 100%;" >
|
<el-input v-model="form.name" placeholder="请输入字母或数字，不允许有空格、中文"></el-input>
|
</el-form-item>
|
</template>
|
|
<template v-if="editConfig.infomitton.TabsIndex===3">
|
<el-form-item label="规格" style="width: 100%;" >
|
<el-input v-model="form.number" placeholder="请输入字母或数字，不允许有空格、中文"></el-input>
|
</el-form-item>
|
</template>
|
|
<el-form-item label="描述" style="width: 100%;" >
|
<el-input
|
v-model="form.remark"
|
type="textarea"
|
:rows="4"
|
style="resize: none !important;"
|
placeholder="请输入"
|
>
|
</el-input>
|
</el-form-item>
|
|
</el-form>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="editConfig.visible = false">取 消</el-button>
|
<el-button type="primary" @click="commitForm">确 定</el-button>
|
</span>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {addDict} from "@/api/systemSetting/dataDictionary"
|
export default {
|
props: {
|
editDiaConfig:{
|
type: Object,
|
default: () => {
|
return {
|
visible: false,
|
dialogTitle:"添加",
|
infomitton: {
|
|
}
|
}
|
}
|
}
|
},
|
data() {
|
return {
|
editConfig:this.editDiaConfig,
|
form: {
|
name: '',
|
number: '',
|
remark:""
|
}
|
};
|
},
|
computed: {
|
|
},
|
created() {
|
|
},
|
mounted() {
|
},
|
watch: {
|
|
},
|
methods: {
|
handleClose(done) {
|
done();
|
},
|
saveParams(type){
|
let params={}
|
if(type===0||type===1){
|
params={
|
dictType:this.editConfig.infomitton.TabsIndex,
|
name: this.form.name,
|
number: this.form.number,
|
remark:this.form.remark,
|
}
|
}else if(type===2){
|
params={
|
dictType:this.editConfig.infomitton.TabsIndex,
|
name: this.form.name,
|
number: this.form.number,
|
remark:this.form.remark,
|
}
|
}else if(type===3){
|
params={
|
dictType:this.editConfig.infomitton.TabsIndex,
|
name: this.form.name,
|
number: this.form.number,
|
remark:this.form.remark,
|
}
|
}
|
return params
|
},
|
commitForm(){
|
let params=this.saveParams(this.editConfig.infomitton.TabsIndex)
|
if(this.editConfig.dialogTitle==="新增"){
|
addDict(params).then((res)=>{
|
if(res&&res.code===200){
|
this.editConfig.visible=false
|
this.$parent.getData()
|
this.$message({
|
message: `新增${this.editConfig.dialogTitleType}成功!`,
|
type: 'success'
|
});
|
}
|
console.log(res,"res")
|
})
|
}else if(this.editConfig.dialogTitle==="修改"){
|
console.log("修改")
|
}
|
}
|
},
|
components: {
|
|
},
|
};
|
</script>
|
|
<style scoped lang="scss">
|
::v-deep .el-form-item__content{
|
width: 70% !important;
|
}
|
</style>
|
