|
|
@ -1,242 +1,391 @@ |
|
|
|
<template> |
|
|
|
<el-form :model="form" ref="formRef" label-width="120px" :rules="formRules"> |
|
|
|
<div class="form-container"> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<!-- 标准代码编号 --> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="标准代码编号" prop="codeNum"> |
|
|
|
<el-input v-model="form.codeNum" placeholder="请输入标准代码编号" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
|
|
<el-form :model="queryParams" ref="queryRef" :inline="true"> |
|
|
|
<el-form-item label="代码值/名称" prop="codeNum"> |
|
|
|
<el-input v-model="queryParams.codeNum" placeholder="请输入标准代码编号" clearable style="width: 220px" /> |
|
|
|
<!-- 标准代码名称 --> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="标准代码名称" prop="codeName"> |
|
|
|
<el-input v-model="form.codeName" placeholder="请输入标准代码名称" /> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" @click="handleQuery">搜索</el-button> |
|
|
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-row :gutter="20"> |
|
|
|
<!-- 标准代码类型 --> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="标准代码类型" prop="codeType"> |
|
|
|
<el-select |
|
|
|
v-model="form.codeType" |
|
|
|
placeholder="请选择标准代码类型" |
|
|
|
maxlength="30" |
|
|
|
@change="changeCodeType" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="dict in std_code_status" |
|
|
|
:key="dict.value" |
|
|
|
:label="dict.label" |
|
|
|
:value="dict.value" |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
plain |
|
|
|
icon="Plus" |
|
|
|
@click="handleAdd" |
|
|
|
v-hasPermi="['meta:metaSecurityCol:add']" |
|
|
|
>新增</el-button> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="success" |
|
|
|
plain |
|
|
|
icon="Edit" |
|
|
|
:disabled="single" |
|
|
|
@click="handleEdit" |
|
|
|
v-hasPermi="['meta:metaSecurityCol:edit']" |
|
|
|
>修改</el-button> |
|
|
|
</el-col> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="danger" |
|
|
|
plain |
|
|
|
icon="Delete" |
|
|
|
:disabled="multiple" |
|
|
|
@click="handleRemove" |
|
|
|
v-hasPermi="['meta:metaSecurityCol:remove']" |
|
|
|
>删除</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<!-- 表格展示 --> |
|
|
|
<el-table v-loading="loading" :data="tableData" @selection-change="handleSelectionChange"> |
|
|
|
<el-table-column type="selection" width="55" align="center" /> |
|
|
|
|
|
|
|
<el-table-column label="代码值" align="center" prop="codeNum" /> |
|
|
|
<el-table-column label="代码名称" align="center" prop="codeName" /> |
|
|
|
<el-table-column label="代码关系" align="center" > |
|
|
|
<template #default="scope"> |
|
|
|
<el-link |
|
|
|
type="primary" |
|
|
|
:underline="true" |
|
|
|
@click="handleCodeClick(scope.row)" |
|
|
|
style="cursor: pointer" |
|
|
|
> |
|
|
|
查看关系 |
|
|
|
</el-link> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" align="center" width="180"> |
|
|
|
<template #default="scope"> |
|
|
|
<el-button @click="handleEdit(scope.row)" type="text" icon="Edit" /> |
|
|
|
<el-button @click="handleRemove(scope.row)" type="text" icon="Delete" /> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<!-- 分页 --> |
|
|
|
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="handlePagination" /> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 添加或编辑标准代码对话框 --> |
|
|
|
<el-dialog :title="dialogTitle" v-model="dialogVisible" width="600px"> |
|
|
|
<el-form :model="form" ref="formRef" label-width="120px" :rules="formRules"> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="代码值" prop="codeNum"> |
|
|
|
<el-input v-model="form.codeNum" placeholder="请输入标准代码编号" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="代码名称" prop="codeName"> |
|
|
|
<el-input v-model="form.codeName" placeholder="请输入标准代码值" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="代码含义" prop="codeMean"> |
|
|
|
<el-input v-model="form.codeMean" placeholder="请输入标准代码值" /> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<!-- 归属系统 --> |
|
|
|
<el-col :span="12" v-show="showSys"> |
|
|
|
<el-form-item label="归属系统" prop="sysId"> |
|
|
|
<el-select |
|
|
|
v-model="form.sysId" |
|
|
|
placeholder="请选择归属系统" |
|
|
|
maxlength="30" |
|
|
|
@change="dataChange" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="dict in dbResourceOldList" |
|
|
|
:key="dict.id" |
|
|
|
:label="dict.name" |
|
|
|
:value="dict.id" |
|
|
|
></el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 查询表单 --> |
|
|
|
<!-- <div class="query-form-container"> |
|
|
|
<el-form :model="queryParams" ref="queryRef" :inline="true"> |
|
|
|
<el-form-item label="代码值/名称" prop="codeNum"> |
|
|
|
<el-input |
|
|
|
v-model="queryParams.codeNum" |
|
|
|
placeholder="请输入标准代码编号" |
|
|
|
clearable |
|
|
|
style="width: 220px" |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
<template #footer> |
|
|
|
<el-button @click="handleCancel">取消</el-button> |
|
|
|
<el-button type="primary" @click="handleSave">确定</el-button> |
|
|
|
<el-form-item> |
|
|
|
<el-button type="primary" @click="handleQuery">搜索</el-button> |
|
|
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</div> --> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<!-- 操作按钮 --> |
|
|
|
<el-row :gutter="10" class="mb8"> |
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
plain |
|
|
|
icon="Plus" |
|
|
|
@click="handleAdd" |
|
|
|
v-hasPermi="['meta:metaSecurityCol:add']" |
|
|
|
>新增</el-button> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="1.5"> |
|
|
|
<el-button |
|
|
|
type="danger" |
|
|
|
plain |
|
|
|
icon="Delete" |
|
|
|
:disabled="multiple" |
|
|
|
@click="handleRemove" |
|
|
|
v-hasPermi="['meta:metaSecurityCol:remove']" |
|
|
|
>删除</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<!-- 表格展示 --> |
|
|
|
<el-table |
|
|
|
v-loading="loading" |
|
|
|
:data="tableData" |
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
@row-dblclick="handleRowDblClick" |
|
|
|
border |
|
|
|
style="width: 100%" |
|
|
|
> |
|
|
|
<el-table-column type="selection" width="55" align="center" /> |
|
|
|
<el-table-column |
|
|
|
label="代码值" |
|
|
|
align="center" |
|
|
|
prop="codeNum" |
|
|
|
:editable="true" |
|
|
|
> |
|
|
|
<template #default="scope"> |
|
|
|
<el-input |
|
|
|
v-if="scope.row.isEditing" |
|
|
|
v-model="scope.row.codeNum" |
|
|
|
size="small" |
|
|
|
placeholder="请输入代码值" |
|
|
|
@blur="handleBlur(scope.row)" |
|
|
|
/> |
|
|
|
<span v-else>{{ scope.row.codeNum }}</span> |
|
|
|
</template> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
label="代码名称" |
|
|
|
align="center" |
|
|
|
prop="codeName" |
|
|
|
:editable="true" |
|
|
|
> |
|
|
|
<template #default="scope"> |
|
|
|
<el-input |
|
|
|
v-if="scope.row.isEditing" |
|
|
|
v-model="scope.row.codeName" |
|
|
|
size="small" |
|
|
|
placeholder="请输入代码名称" |
|
|
|
@blur="handleBlur(scope.row)" |
|
|
|
/> |
|
|
|
<span v-else>{{ scope.row.codeName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
label="代码关系" |
|
|
|
align="center" |
|
|
|
> |
|
|
|
<template #default="scope"> |
|
|
|
<el-link |
|
|
|
type="primary" |
|
|
|
:underline="true" |
|
|
|
@click="handleCodeClick(scope.row)" |
|
|
|
style="cursor: pointer" |
|
|
|
> |
|
|
|
查看关系 |
|
|
|
</el-link> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup> |
|
|
|
import { ref, reactive, onMounted, toRefs } from 'vue'; |
|
|
|
import { listStdCodeItem, addStdCodeItem, getStdCodeItem, updateStdCodeItem, deleteStdCodeItem } from "@/api/datastd/stdcode"; // 更新为新的接口 |
|
|
|
import { ElLink } from 'element-plus'; |
|
|
|
|
|
|
|
import { listStdCode,addStdCode,updateStdCode } from "@/api/datastd/stdcode"; // 更新为新的接口 |
|
|
|
|
|
|
|
const { proxy } = getCurrentInstance(); |
|
|
|
const { std_code_status,std_code_appr } = proxy.useDict("std_code_status","std_code_appr"); |
|
|
|
const { std_code_status } = proxy.useDict("std_code_status"); |
|
|
|
|
|
|
|
const props = defineProps({ |
|
|
|
rowData: { |
|
|
|
type: Object, |
|
|
|
required: true |
|
|
|
required: false |
|
|
|
}, |
|
|
|
dbResourceOldList: { |
|
|
|
type: Object, |
|
|
|
required: false |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
const queryParams = ref({ |
|
|
|
codeNum: '', |
|
|
|
parentId: props.rowData.id, |
|
|
|
codeName: '', |
|
|
|
codeType: '', |
|
|
|
sysName: '', |
|
|
|
classId: 'codeItem', |
|
|
|
sysId: '', |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 10 |
|
|
|
pageSize: 100 |
|
|
|
}); |
|
|
|
const single = ref(true); |
|
|
|
const multiple = ref(true); |
|
|
|
const handlePagination = (pageNum, pageSize) => { |
|
|
|
queryParams.value.pageNum = pageNum; |
|
|
|
queryParams.value.pageSize = pageSize; |
|
|
|
handleQuery(); |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const form = ref({ |
|
|
|
id: '', |
|
|
|
id: "", |
|
|
|
codeNum: '', |
|
|
|
codeName: '', |
|
|
|
codeType: 'company', |
|
|
|
codeStatus: '' |
|
|
|
|
|
|
|
codeStatus: '', |
|
|
|
sysName: '', |
|
|
|
classId: 'code', |
|
|
|
sysId: undefined |
|
|
|
}); |
|
|
|
const ids = ref([]); |
|
|
|
const codeNums = ref([]); |
|
|
|
|
|
|
|
const tableData = ref([]); |
|
|
|
const loading = ref(false); |
|
|
|
const showSys = ref(false); |
|
|
|
const multiple = ref(false); |
|
|
|
function dataChange(data) { |
|
|
|
// 从 dbResourceOldList 中查找对应的 name |
|
|
|
const selectedItem = props.dbResourceOldList.find(item => item.id === data); |
|
|
|
if (selectedItem) { |
|
|
|
// 如果找到对应的项,将 name 赋值给 form.value.dbRName |
|
|
|
form.value.sysName = selectedItem.name; |
|
|
|
} else { |
|
|
|
// 如果未找到,清空 form.value.dbRName |
|
|
|
form.value.sysName = ''; |
|
|
|
} |
|
|
|
} |
|
|
|
if (props.rowData.id) { |
|
|
|
form.value = { ...props.rowData }; |
|
|
|
if (form.value.codeType == "sys") { |
|
|
|
showSys.value = true; |
|
|
|
} else { |
|
|
|
showSys.value = false; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// 双击行进入编辑模式 |
|
|
|
const handleRowDblClick = (row) => { |
|
|
|
row.isEditing = true; |
|
|
|
}; |
|
|
|
|
|
|
|
// 失去焦点时保存编辑结果 |
|
|
|
const handleBlur = (row) => { |
|
|
|
row.isEditing = false; |
|
|
|
// 可以在这里发送请求保存编辑的结果 |
|
|
|
console.log('保存编辑', row); |
|
|
|
}; |
|
|
|
|
|
|
|
// 获取数据列表 |
|
|
|
const getList = async () => { |
|
|
|
loading.value = true; |
|
|
|
const response = await listStdCodeItem(queryParams.value); |
|
|
|
tableData.value = response.rows; |
|
|
|
total.value = response.total; |
|
|
|
console.log(queryParams.value,"queryParams.value") |
|
|
|
const response = await listStdCode(queryParams.value); |
|
|
|
tableData.value = response.rows.map(item => ({ ...item, isEditing: false })); |
|
|
|
loading.value = false; |
|
|
|
}; |
|
|
|
const formRules = reactive({ |
|
|
|
codeNum: [{ required: true, message: "请输入标准代码编号", trigger: "blur" }], |
|
|
|
codeName: [{ required: true, message: "请输入标准代码名称", trigger: "blur" }] |
|
|
|
}); |
|
|
|
const handleCodeClick = (row) => { |
|
|
|
// 你可以在这里处理点击事件,例如跳转到详情页面,弹出对话框等 |
|
|
|
console.log('点击了标准代码名称', row); |
|
|
|
}; |
|
|
|
function handleSelectionChange(selection) { |
|
|
|
ids.value = selection.map(item => item.id); |
|
|
|
codeNums.value = selection.map(item => item.codeNum); |
|
|
|
single.value = ids.value.length !== 1; |
|
|
|
multiple.value = !ids.value.length > 0; |
|
|
|
} |
|
|
|
// const handleSave = async () => { |
|
|
|
// // 检查是否有 ID,决定调用哪个接口 |
|
|
|
// const params = { code: form.value, code_item_list: tableData.value }; |
|
|
|
|
|
|
|
// try { |
|
|
|
// let response; |
|
|
|
// if (props.rowData.id) { |
|
|
|
// // 如果 ID 存在,调用 updateStdCode |
|
|
|
// response = await updateStdCode(params); |
|
|
|
// if(response.success){ |
|
|
|
// proxy.$modal.msgSuccess(response.msg); |
|
|
|
|
|
|
|
// }else{ |
|
|
|
// proxy.$modal.msgError(response.msg); |
|
|
|
|
|
|
|
// } |
|
|
|
// } else { |
|
|
|
// // 如果 ID 为空,调用 addStdCode |
|
|
|
// response = await addStdCode(params); |
|
|
|
// if(response.success){ |
|
|
|
// proxy.$modal.msgSuccess(response.msg); |
|
|
|
|
|
|
|
// }else{ |
|
|
|
// proxy.$modal.msgError(response.msg); |
|
|
|
|
|
|
|
// } |
|
|
|
// } |
|
|
|
|
|
|
|
// // 你可以在这里根据接口响应做一些操作,比如提示用户操作成功 |
|
|
|
// if (response.success) { |
|
|
|
// // 例如关闭对话框、刷新列表等操作 |
|
|
|
// console.log('操作成功'); |
|
|
|
// } else { |
|
|
|
// console.error('操作失败'); |
|
|
|
// } |
|
|
|
|
|
|
|
// } catch (error) { |
|
|
|
// console.error('保存时出错:', error); |
|
|
|
// // 这里可以弹出错误提示 |
|
|
|
// } |
|
|
|
// }; |
|
|
|
const handleSave = async () => { |
|
|
|
// 检查是否有 ID,决定调用哪个接口 |
|
|
|
const params = { code: form.value, code_item_list: tableData.value }; |
|
|
|
|
|
|
|
try { |
|
|
|
let response; |
|
|
|
if (props.rowData.id) { |
|
|
|
// 如果 ID 存在,调用 updateStdCode |
|
|
|
response = await updateStdCode(params); |
|
|
|
if (response.success) { |
|
|
|
proxy.$modal.msgSuccess(response.msg); |
|
|
|
} else { |
|
|
|
proxy.$modal.msgError(response.msg); |
|
|
|
} |
|
|
|
} else { |
|
|
|
// 如果 ID 为空,调用 addStdCode |
|
|
|
response = await addStdCode(params); |
|
|
|
if (response.success) { |
|
|
|
proxy.$modal.msgSuccess(response.msg); |
|
|
|
} else { |
|
|
|
proxy.$modal.msgError(response.msg); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// 根据 response.success 返回 true 或 false |
|
|
|
if (response.success) { |
|
|
|
// 操作成功 |
|
|
|
console.log('操作成功11111'); |
|
|
|
return true; |
|
|
|
} else { |
|
|
|
// 操作失败 |
|
|
|
console.error('操作失败22222222'); |
|
|
|
return false; |
|
|
|
} |
|
|
|
|
|
|
|
} catch (error) { |
|
|
|
console.error('保存时出错:', error); |
|
|
|
// 这里可以弹出错误提示 |
|
|
|
return false; // 出现异常时返回 false |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
const handleSelectionChange = (selection) => { |
|
|
|
multiple.value = selection.length > 0; |
|
|
|
}; |
|
|
|
|
|
|
|
// 搜索 |
|
|
|
const handleQuery = () => { |
|
|
|
queryParams.value.pageNum = 1; |
|
|
|
getList(); |
|
|
|
}; |
|
|
|
|
|
|
|
// 重置查询 |
|
|
|
const resetQuery = () => { |
|
|
|
queryParams.value = { |
|
|
|
codeNum: '', |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 10 |
|
|
|
pageSize: 100 |
|
|
|
}; |
|
|
|
getList(); |
|
|
|
}; |
|
|
|
|
|
|
|
const handleAdd = () => { |
|
|
|
dialogTitle.value = "新增标准代码项"; |
|
|
|
form.value = { |
|
|
|
id: '', |
|
|
|
codeNum: '', |
|
|
|
parentId: props.rowData.id, |
|
|
|
codeName: '', |
|
|
|
codeMean: '', |
|
|
|
codeStatus: '', |
|
|
|
}; |
|
|
|
dialogVisible.value = true; |
|
|
|
}; |
|
|
|
|
|
|
|
const handleEdit = (row) => { |
|
|
|
dialogTitle.value = "编辑标准代码项"; |
|
|
|
getStdCodeItem(row.id).then(response => { |
|
|
|
form.value = response.data; |
|
|
|
|
|
|
|
dialogVisible.value = true; |
|
|
|
}); |
|
|
|
}; |
|
|
|
|
|
|
|
const handleRemove = (row) => { |
|
|
|
const idsToDelete = row.id ? [row.id] : ids.value; |
|
|
|
const codesToDelete = row.codeNum ? [row.codeNum] : codeNums.value; |
|
|
|
proxy.$modal.confirm('是否确认删除ID为"' + codesToDelete.toString() + '"的数据项?').then(function () { |
|
|
|
return deleteStdCodeItem(idsToDelete.toString()); |
|
|
|
}).then(() => { |
|
|
|
handleQuery(); |
|
|
|
proxy.$modal.msgSuccess("删除成功"); |
|
|
|
}).catch(() => {}); |
|
|
|
}; |
|
|
|
|
|
|
|
const handleSave = () => { |
|
|
|
console.log(form.value.codeNum,form.value.codeName,"sssssssss") |
|
|
|
if (!form.value.codeNum || !form.value.codeName) { |
|
|
|
proxy.$modal.msgWarning("请填写必填项"); |
|
|
|
return; |
|
|
|
function changeCodeType(data) { |
|
|
|
if (data != "company") { |
|
|
|
showSys.value = true; |
|
|
|
form.value.sysName = ""; |
|
|
|
form.value.sysId = undefined; |
|
|
|
} else { |
|
|
|
showSys.value = false; |
|
|
|
form.value.sysName = "公司级"; |
|
|
|
form.value.sysId = 10000; |
|
|
|
} |
|
|
|
|
|
|
|
const saveAction = form.value.id ? updateStdCodeItem : addStdCodeItem; |
|
|
|
saveAction(form.value).then(() => { |
|
|
|
dialogVisible.value = false; |
|
|
|
handleQuery(); |
|
|
|
}); |
|
|
|
} |
|
|
|
// 新增行 |
|
|
|
const handleAdd = () => { |
|
|
|
const newRow = {id:'',classId: 'codeItem',parentId: props.rowData.id,codeNum: '', codeName: '', isEditing: true }; |
|
|
|
tableData.value.push(newRow); |
|
|
|
}; |
|
|
|
|
|
|
|
const handleCancel = () => { |
|
|
|
dialogVisible.value = false; |
|
|
|
// 删除选中行 |
|
|
|
const handleRemove = () => { |
|
|
|
const selectedRows = tableData.value.filter(row => row.isSelected); |
|
|
|
tableData.value = tableData.value.filter(row => !row.isSelected); |
|
|
|
}; |
|
|
|
const tableData = ref([]); |
|
|
|
const total = ref(0); |
|
|
|
const loading = ref(false); |
|
|
|
const dialogVisible = ref(false); |
|
|
|
const dialogTitle = ref(""); |
|
|
|
const formRules = reactive({ |
|
|
|
codeNum: [{ required: true, message: "请输入代码值", trigger: "blur" }], |
|
|
|
codeName: [{ required: true, message: "请输入代码名称", trigger: "blur" }] |
|
|
|
defineExpose({ |
|
|
|
handleSave |
|
|
|
}); |
|
|
|
onMounted(() => { |
|
|
|
|
|
|
|
getList(); |
|
|
|
}); |
|
|
|
</script> |
|
|
@ -246,16 +395,15 @@ onMounted(() => { |
|
|
|
padding: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.head-container { |
|
|
|
margin-bottom: 0px; |
|
|
|
.form-container { |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.custom-tree-node { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
.query-form-container { |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.custom-tree-node i { |
|
|
|
margin-right: 8px; |
|
|
|
.el-table .el-input { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
</style> |
|
|
|