|
@@ -7,14 +7,14 @@
|
|
|
label-width="80px"
|
|
|
v-loading="formLoading"
|
|
|
>
|
|
|
- <el-form-item label="标签名称" prop="name">
|
|
|
- <el-input v-model="formData.name" placeholder="请输入标签名称" />
|
|
|
+ <el-form-item label="标签名称" prop="name_zh">
|
|
|
+ <el-input v-model="formData.name_zh" placeholder="请输入标签名称" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="标签分类" prop="category">
|
|
|
<el-input v-model="formData.category" disabled placeholder="请输入标签分类" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="标签描述" prop="description">
|
|
|
- <el-input v-model="formData.description" type="textarea" :rows="3" placeholder="请输入标签描述" />
|
|
|
+ <el-form-item label="标签描述" prop="describe">
|
|
|
+ <el-input v-model="formData.describe" type="textarea" :rows="3" placeholder="请输入标签描述" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="标签状态" prop="status">
|
|
|
<el-radio-group v-model="formData.status">
|
|
@@ -53,18 +53,18 @@ const formLoading = ref(false) // 表单的加载中:1)修改时的数据加
|
|
|
const formType = ref('') // 表单的类型:create - 新增;update - 修改
|
|
|
const formRef = ref() // 表单 Ref
|
|
|
const formData = ref({
|
|
|
- name: undefined,
|
|
|
- description: undefined,
|
|
|
- category: '人才',
|
|
|
+ name_zh: undefined,
|
|
|
+ describe: undefined,
|
|
|
+ category: '人才地图',
|
|
|
status: 'active'
|
|
|
})
|
|
|
const formRules = reactive({
|
|
|
status: [{ required: true, message: '标签状态不能为空', trigger: 'blur' }],
|
|
|
- name: [{ required: true, message: '标签中文名称不能为空', trigger: 'blur' }]
|
|
|
+ name_zh: [{ required: true, message: '标签中文名称不能为空', trigger: 'blur' }]
|
|
|
})
|
|
|
|
|
|
/** 打开弹窗 */
|
|
|
-const valueKeys = ['name', 'category', 'status', 'description']
|
|
|
+const valueKeys = ['name_zh', 'category', 'status', 'describe']
|
|
|
const editItemData = ref({})
|
|
|
const open = async (type, data) => {
|
|
|
editItemData.value = {}
|
|
@@ -75,8 +75,8 @@ const open = async (type, data) => {
|
|
|
|
|
|
// 修改时,设置数据
|
|
|
if (data && Object.keys(data).length) {
|
|
|
- formData.value = data
|
|
|
- valueKeys.forEach(key => editItemData.value[key] = data[key])
|
|
|
+ formData.value = _.cloneDeep(data)
|
|
|
+ valueKeys.forEach(key => editItemData.value[key] = formData.value[key])
|
|
|
if (data.status === 'disable') formData.value.status = 'inactive'
|
|
|
}
|
|
|
}
|
|
@@ -92,8 +92,8 @@ const submitForm = async () => {
|
|
|
const params = {
|
|
|
status: formData.value.status,
|
|
|
category: formData.value.category,
|
|
|
- description: formData.value.description,
|
|
|
- name: formData.value.name
|
|
|
+ describe: formData.value.describe,
|
|
|
+ name_zh: formData.value.name_zh
|
|
|
}
|
|
|
// 更新标签时,至少需要提供一个要更新的项
|
|
|
if (formType.value === 'update') {
|
|
@@ -122,9 +122,9 @@ const submitForm = async () => {
|
|
|
/** 重置表单 */
|
|
|
const resetForm = () => {
|
|
|
formData.value = {
|
|
|
- name: undefined,
|
|
|
- description: undefined,
|
|
|
- category: '人才',
|
|
|
+ name_zh: undefined,
|
|
|
+ describe: undefined,
|
|
|
+ category: '人才地图',
|
|
|
status: 'active'
|
|
|
}
|
|
|
formRef.value?.resetFields()
|