You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

448 lines
12 KiB

3 months ago
<template>
<div class="app-container">
<el-row :gutter="20">
<el-col :span="4" :xs="24">
<div class="head-container">
<el-input
v-model="dbResoursName"
placeholder="请输入字典分类"
clearable
prefix-icon="search"
style="margin-bottom: 20px"
/>
</div>
<div class="head-container">
<el-tree
:data="dbResourceOptions"
:props="defaultProps"
:expand-on-click-node="false"
:filter-node-method="filterNode"
ref="tree"
node-key="id"
default-expand-all
highlight-current
@node-click="handleNodeClick"
>
<template #default="{ node, data }">
<span class="custom-tree-node">
<span>{{ data.name }}</span>
</span>
</template>
</el-tree>
</div>
</el-col>
<el-col :span="20" :xs="24">
<el-form :model="queryParams" ref="queryRef" :inline="true">
3 weeks ago
<el-form-item label="字典编号" prop="dataDictNo">
<el-input
3 weeks ago
v-model="queryParams.dataDictNo"
placeholder="请输入标准字典编号"
clearable
style="width: 220px"
/>
3 months ago
</el-form-item>
3 months ago
<el-form-item>
<el-button type="primary" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
</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
>
3 months ago
</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
>
3 months ago
</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
>
3 months ago
</el-col>
</el-row>
<!-- 表格展示 -->
<el-table
v-loading="loading"
:data="tableData"
@selection-change="handleSelectionChange"
>
3 months ago
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="归属" align="center" width="200">
3 weeks ago
<template #default="scope">
<span v-if="scope.row.dataDictVest === 'company'">公司级</span>
<span v-else-if="scope.row.dataDictVest === 'sys'">
{{
getSrcSysName(scope.row.srcSys)
}}
</span>
</template>
</el-table-column>
<el-table-column label="类型" align="center">
<template #default="{ row }">
{{ row.dictType == 0 ? "基础数据" : "指标数据" }}
</template>
</el-table-column>
<!-- <el-table-column label="来源系统" width="150" align="center" prop="sysName" /> -->
<el-table-column
label="字典编号"
width="150"
align="center"
3 weeks ago
prop="dataDictNo"
/>
<el-table-column
label="字典英文名"
width="120"
align="center"
3 weeks ago
prop="dataDictEngName"
/>
<el-table-column
label="字典中文名"
width="120"
align="center"
3 weeks ago
prop="dataDictCnName"
/>
<el-table-column
label="字典业务定义"
width="120"
align="center"
3 weeks ago
prop="dataDictBusiMean"
/>
3 weeks ago
<el-table-column label="数据类型" align="center" prop="dataDictDataType" />
<el-table-column label="数据标准" align="center" prop="dataStdNo" >
<template #default="{ row }">
<el-link
type="primary"
:underline="true"
3 weeks ago
@click="handleStdClick(row.dataStdNo)"
style="cursor: pointer"
>
<span >{{row.dataStdNo}}</span>
</el-link>
</template>
</el-table-column>
3 weeks ago
<el-table-column label="字典状态" align="center" prop="dataDictStat">
<template #default="scope">
<dict-tag
:options="std_code_appr"
3 weeks ago
:value="scope.row.dataDictStat"
/>
</template>
</el-table-column>
<el-table-column
label="业务认责部门"
width="120"
align="center"
3 weeks ago
prop="dataStdBusiOwnershipDept"
/>
<el-table-column
label="业务认责人员"
width="120"
align="center"
3 weeks ago
prop="dataStdBusiOwnershipPrsn"
/>
<el-table-column
label="技术认责部门"
width="120"
align="center"
prop="dataStdItOwnershipDept"
/>
<el-table-column
label="技术认责人员"
width="120"
align="center"
3 weeks ago
prop="dataStdItOwnershipPrsn"
/>
<el-table-column
label="更新者"
width="120"
align="center"
3 weeks ago
prop="updPrsn"
/>
<el-table-column
label="更新时间"
width="120"
align="center"
3 weeks ago
prop="updTime"
/>
3 months ago
<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"
/>
3 months ago
</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"
/>
3 months ago
</el-col>
</el-row>
<AddEditForm
:data="selectedRow"
:isEdit="isEdit"
:stdList="stdList"
:dbResourceOldList="dbResourceOldList"
v-model:visible="dialogVisible"
@refresh="getList"
/>
<AddEditStdForm
:data="stdRow"
:isEdit=true
:isShow=true
:dbResourceOldList="dbResourceOldList"
v-model:visible="stdVisible"
@refresh="getList"
/>
3 months ago
</div>
</template>
<script setup>
import { ref, reactive, onMounted, toRefs } from "vue";
import {
listStdDict,
addStdDict,
getStdDict,
updateStdDict,
deleteStdDict,
getStdMain,
listStdMainSelect
} from "@/api/datastd/std"; // 更新为新的接口
3 months ago
import { datasourcetree } from "@/api/meta/metatask";
import AddEditForm from "./AddEditForm.vue";
import AddEditStdForm from "../main/components/AddEditForm.vue";
3 months ago
const { proxy } = getCurrentInstance();
const { std_code_status, std_code_appr } = proxy.useDict(
"std_code_status",
"std_code_appr"
);
3 months ago
const queryParams = ref({
3 weeks ago
dataDictNo: "",
dataDictCnName: "",
dictType: "",
sysName: "",
classId: "dict",
sysId: "",
3 months ago
pageNum: 1,
pageSize: 10,
3 months ago
});
const queryStd = ref({
dataStdNo: "",
});
3 months ago
const single = ref(true);
const multiple = ref(true);
const dbResoursName = ref(undefined);
const defaultProps = { children: "children", label: "name" };
const dialogVisible = ref(false);
const selectedRow = ref(null);
const stdRow = ref(null);
3 months ago
const isEdit = ref(false);
const tableData = ref([]);
const stdList = ref([]);
3 months ago
const total = ref(0);
const loading = ref(false);
const stdVisible = ref(false);
3 months ago
const ids = ref([]);
4 weeks ago
const cdNos = ref([]);
3 weeks ago
const getSrcSysName = (id) => {
const match = dbResourceOldList.value.find(item => item.id == id);
return match ? "系统级:"+ match.name : id;
};
3 months ago
const dbResourceOptions = ref([]);
const handleStdClick = (code) => {
var id =transCodetoId(code)
getStdMain(id).then((response) => {
stdRow.value = response.data;
stdVisible.value = true;
});
3 months ago
};
3 months ago
const handlePagination = (pageNum, pageSize) => {
queryParams.value.pageNum = pageNum;
queryParams.value.pageSize = pageSize;
handleQuery();
};
const transCodetoId = (dataStdNo) => {
const match = stdList.value.find(item => item.dataStdNo === dataStdNo);
return match ? match.onum : '';
};
3 months ago
const filterNode = (value, data) => {
if (!value) return true;
return data.name.indexOf(value) !== -1;
};
const handleNodeClick = (data) => {
3 weeks ago
queryParams.value.srcSys = data.id === 99999||data.id === 10000 ? undefined : data.id;
queryParams.value.dataDictVest=data.id === 10000 ? "company":"sys"
3 months ago
handleQuery();
};
const handleSelectionChange = (selection) => {
single.value = selection.length !== 1;
multiple.value = !selection.length;
3 weeks ago
ids.value = selection.map((item) => item.onum);
cdNos.value = selection.map((item) => item.dataDictNo);
3 months ago
};
const getList = async () => {
loading.value = true;
const response = await listStdDict(queryParams.value);
tableData.value = response.rows;
total.value = response.total;
loading.value = false;
};
const getStdMainSelect = async () => {
const response = await listStdMainSelect(queryStd);
stdList.value = response.data;
};
3 months ago
const handleQuery = () => {
queryParams.value.pageNum = 1;
getList();
};
const resetQuery = () => {
queryParams.value = {
3 weeks ago
dataDictNo: "",
dataDictCnName: "",
dictType: "",
sysName: "",
3 months ago
sysId: undefined,
pageNum: 1,
pageSize: 10,
3 months ago
};
getList();
};
const handleRemove = (row) => {
3 weeks ago
const idsToDelete = row.onum ? [row.onum] : ids.value;
4 weeks ago
const codesToDelete = row.cdNo ? [row.cdNo] : cdNos.value;
proxy.$modal
.confirm(
'是否确认删除字典编号为"' + codesToDelete.toString() + '"的数据项?'
)
.then(function () {
return deleteStdDict(idsToDelete.toString());
})
.then(() => {
handleQuery();
3 weeks ago
proxy.$modal.msgSuccess("提交删除审批成功!");
})
.catch(() => {});
3 months ago
};
const dbResourceOldList = ref([]);
const handleAdd = () => {
console.log("update:visible", 111);
3 months ago
isEdit.value = false;
selectedRow.value = {
4 weeks ago
dataDictVest: "company",
sysId: 10000,
sysName: "公司级",
dictType: "",
3 weeks ago
dataDictNo: "",
dataDictEngName: "",
dataDictCnName: "",
dataDictBusiMean: "",
dataDictDataType: "",
dataStdNo: "",
dataStdBusiOwnershipDept: "",
3 weeks ago
dataStdBusiOwnershipPrsn: "",
dataStdItOwnershipDept: "",
3 weeks ago
dataStdItOwnershipPrsn: "",
};
3 months ago
// 清空选中的数据
dialogVisible.value = true;
};
3 months ago
const handleEdit = (row) => {
3 weeks ago
const id = row.onum ? row.onum : ids.value.toString();
getStdDict(id).then((response) => {
3 months ago
selectedRow.value = response.data;
isEdit.value = true;
dialogVisible.value = true;
});
};
3 months ago
onMounted(() => {
datasourcetree().then((response) => {
3 months ago
dbResourceOldList.value = response.rows;
dbResourceOptions.value = [
{ id: 10000, name: "公司级字典", parentId: 0, children: [] },
{
id: 99999,
name: "系统级字典",
parentId: 0,
children: response.rows.map((element) => ({
...element,
parentId: "99999",
})),
},
3 months ago
];
});
getList();
getStdMainSelect();
3 months ago
});
</script>
<style scoped>
.app-container {
padding: 20px;
}
.head-container {
margin-bottom: 0px;
}
.custom-tree-node {
display: flex;
align-items: center;
}
.custom-tree-node i {
margin-right: 8px;
}
</style>