|
|
|
|
@ -6,10 +6,6 @@ const props = defineProps({
|
|
|
|
|
required: true,
|
|
|
|
|
},
|
|
|
|
|
row: [Object],
|
|
|
|
|
categoryList: {
|
|
|
|
|
type: Array,
|
|
|
|
|
default: [],
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
const emit = defineEmits(['closed', 'onSuccess'])
|
|
|
|
|
@ -23,10 +19,10 @@ onMounted(() => {
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
const formRef = ref(null)
|
|
|
|
|
const formField = ref({})
|
|
|
|
|
const formField = ref({ enabled: true, params: [] })
|
|
|
|
|
const formRules = reactive({
|
|
|
|
|
username: [{ required: true, message: '不可为空', trigger: 'change' }],
|
|
|
|
|
password: [{ required: true, message: '不可为空', trigger: 'change' }],
|
|
|
|
|
name: [{ required: true, message: '不可为空', trigger: 'change' }],
|
|
|
|
|
code: [{ required: true, message: '不可为空', trigger: 'change' }],
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
const loading = ref(false)
|
|
|
|
|
@ -37,11 +33,12 @@ function closed() {
|
|
|
|
|
|
|
|
|
|
const submitForm = async () => {
|
|
|
|
|
await formRef.value.validate()
|
|
|
|
|
const api = isAdd.value ? '/user/create' : '/user/update'
|
|
|
|
|
const api = isAdd.value ? '/template/create' : '/template/update'
|
|
|
|
|
const params = {
|
|
|
|
|
...formField.value,
|
|
|
|
|
id: isAdd.value ? null : props.row.id,
|
|
|
|
|
}
|
|
|
|
|
loading.value = true
|
|
|
|
|
RPC.post(api, params)
|
|
|
|
|
.then((res) => {
|
|
|
|
|
ElMessage.success('操作成功')
|
|
|
|
|
@ -58,6 +55,32 @@ if (!isAdd.value) {
|
|
|
|
|
...props.row,
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
const addRow = () => {
|
|
|
|
|
if (formField.value.params) {
|
|
|
|
|
formField.value.params.push({
|
|
|
|
|
name: '',
|
|
|
|
|
key: '',
|
|
|
|
|
value: '',
|
|
|
|
|
type: 'string',
|
|
|
|
|
excel_loc: '',
|
|
|
|
|
enabled: true,
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
formField.value.params = [
|
|
|
|
|
{
|
|
|
|
|
name: '',
|
|
|
|
|
key: '',
|
|
|
|
|
value: '',
|
|
|
|
|
type: 'string',
|
|
|
|
|
excel_loc: '',
|
|
|
|
|
enabled: true,
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
const delRow = (index) => {
|
|
|
|
|
formField.value.params.splice(index, 1)
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
@ -78,18 +101,74 @@ if (!isAdd.value) {
|
|
|
|
|
v-loading="loading"
|
|
|
|
|
label-width="100"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item prop="username" label="用户名">
|
|
|
|
|
<el-input placeholder="请输入" v-model="formField.username" />
|
|
|
|
|
<el-form-item prop="name" label="名称">
|
|
|
|
|
<el-input placeholder="请输入" v-model="formField.name" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item prop="code" label="字段">
|
|
|
|
|
<el-input placeholder="请输入" v-model="formField.code" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item prop="sheet_name" label="表格名称">
|
|
|
|
|
<el-input placeholder="请输入" v-model="formField.sheet_name" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item v-if="isAdd" prop="password" label="密码">
|
|
|
|
|
<el-input placeholder="请输入" v-model="formField.password" />
|
|
|
|
|
<el-form-item prop="auto_path" label="路径">
|
|
|
|
|
<el-input placeholder="请输入" v-model="formField.auto_path" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item prop="phone" label="电话">
|
|
|
|
|
<el-input placeholder="请输入" v-model="formField.phone" />
|
|
|
|
|
<el-form-item prop="description" label="描述">
|
|
|
|
|
<el-input placeholder="请输入" v-model="formField.description" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item prop="email" label="邮箱">
|
|
|
|
|
<el-input placeholder="请输入" v-model="formField.email" />
|
|
|
|
|
<el-form-item prop="enabled" label="是否启用">
|
|
|
|
|
<el-switch v-model="formField.enabled" active-text="启用" inactive-text="禁用" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item prop="params" label="表格参数">
|
|
|
|
|
<el-button size="small" icon="Plus" type="primary" @click="addRow"> 添加 </el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-table :data="formField.params" header-row-class-name="table-header">
|
|
|
|
|
<el-table-column align="center" label="字段名称">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<el-input placeholder="请输入" v-model="row.name" />
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" label="字段键">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<el-input placeholder="请输入" v-model="row.key" />
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" label="字段值">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<el-input placeholder="请输入" v-model="row.value" />
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" label="字段类型">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<el-select placeholder="请输入" v-model="row.type">
|
|
|
|
|
<el-option value="string" label="字符串"></el-option>
|
|
|
|
|
<el-option value="number" label="数字"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" label="字段位置">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<el-input placeholder="请输入" v-model="row.excel_loc" />
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" label="是否启用">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<el-switch v-model="row.enabled" active-text="启用" inactive-text="禁用" />
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column align="center" label="操作" width="60">
|
|
|
|
|
<template #default="{ $index }">
|
|
|
|
|
<el-button link type="danger" @click="delRow($index)"> 删除 </el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<!-- <el-form-item prop="类型" label="是否启用">
|
|
|
|
|
<el-select placeholder="请输入" v-model="formField.type">
|
|
|
|
|
<el-option :value="1" label="目录"></el-option>
|
|
|
|
|
<el-option :value="2" label="菜单"></el-option>
|
|
|
|
|
<el-option :value="3" label="按钮"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item> -->
|
|
|
|
|
</el-form>
|
|
|
|
|
<template #footer>
|
|
|
|
|
<div class="dialog-footer">
|
|
|
|
|
|
