<template>
|
<win-sm :title="setting.title" @close="close" :width="'800px'">
|
<el-form ref="ruleForm" :model="formData" :rules="rules" class="demo-ruleForm" label-width="100px">
|
<el-form-item label="上级分类" prop="fatherCategoryId">
|
<el-input v-model="formData.fatherCategoryId" clearable maxlength="20" show-word-limit style="width: 100%"/>
|
</el-form-item>
|
<el-form-item label="分类名称" prop="categoryName">
|
<el-input v-model="formData.categoryName" clearable maxlength="20" show-word-limit style="width: 100%"/>
|
</el-form-item>
|
<el-form-item label="类别" prop="classification">
|
<!-- <el-input v-model="formData.name" clearable maxlength="20" show-word-limit style="width: 100%"/> -->
|
<el-select v-model="formData.classification" placeholder="" clearable style="width: 100%">
|
<el-option
|
v-for="item in options"
|
:key="item.code"
|
:label="item.label"
|
:value="item.code">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="顺序" prop="orderNumber">
|
<el-input v-model="formData.orderNumber" clearable maxlength="20" show-word-limit style="width: 100%"/>
|
</el-form-item>
|
<el-form-item label="状态" prop="states">
|
<el-radio-group v-model="formData.states">
|
<el-radio :label="1" border>启用</el-radio>
|
<el-radio :label="0" border>禁用</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" align="center" class="dialog-footer">
|
<my-button name="取消" site="form" @click="close"/>
|
<my-button name="保存" site="form" @click="save"/>
|
</div>
|
</win-sm>
|
</template>
|
|
<script>
|
import winSm from '@/components/win/win-sm'
|
import myButton from '@/components/myButton/myButton'
|
import * as finsystenant from '@/api/baseSetting/finsystenant'
|
|
export default {
|
components: {winSm, myButton},
|
props: {
|
setting: {
|
type: Object,
|
default: () => {
|
}
|
}
|
},
|
data() {
|
return {
|
checkAll: false,
|
checkedList: [],
|
options:[
|
{
|
code: 'A',
|
label:'A'
|
},
|
{
|
code: "B",
|
label:'B'
|
},
|
{
|
code: 'c',
|
label:'C'
|
}
|
],
|
formData: {
|
code: '',
|
name: '',
|
states: '',
|
summary: '',
|
planTypeCode:''
|
},
|
rules: {
|
fatherCategoryId: [
|
{required: true, message: '请输入', trigger: 'blur'}
|
],
|
categoryName: [
|
{required: true, message: '请输入', trigger: 'blur'}
|
]
|
}
|
}
|
},
|
created() {
|
if(this.setting.info){
|
this.formData = Object.assign({},JSON.parse(this.setting.info))
|
}
|
},
|
methods: {
|
getEditInfo(id){
|
|
},
|
close() {
|
this.$emit('close')
|
},
|
save() {
|
this.$refs.ruleForm.validate((valid) => {
|
if (valid) {
|
const params = Object.assign({}, this.formData)
|
if(this.setting.id){
|
// 编辑接口
|
finsystenant.edit(params).then(res => {
|
if (res) {
|
this.$message.success('保存成功！')
|
this.close()
|
this.$emit('search')
|
} else {
|
this.$message.error('保存失败')
|
}
|
})
|
}else{
|
params.orgId = this.setting.orgId
|
finsystenant.add(params).then(res => {
|
if (res) {
|
this.$message.success('保存成功！')
|
this.close()
|
this.$emit('search')
|
} else {
|
this.$message.error('保存失败')
|
}
|
})
|
}
|
} else {
|
this.$message.error('校验未通过，请检查。')
|
}
|
})
|
}
|
}
|
}
|
</script>
|
