23cc819c by xukangle

fix: 修改分类分级展示

1 parent 88f1a7ff
......@@ -336,7 +336,11 @@ const tableInfo = ref({
{ label: "序号", type: "index", width: 56, align: "center" },
{ label: "字段名", field: "fieldName", width: 140 },
{ label: "字段中文名", field: "fieldChName", width: 180 },
{ label: "分类", field: "classifyDetailName", width: 120 },
{
label: "分类", field: "classifyDetailNameRoutes", width: 120, getName: (scope) => {
return scope.row.classifyDetailNameRoutes.join('/');
}
},
{ label: "分级", field: "gradeDetailName", width: 80 },
{ label: "标签", field: "label", width: 140 },
{ label: "规则", field: "ruleDetail", width: 180 },
......@@ -416,7 +420,7 @@ const dataBaseTreeInfo = ref<any>({
editTreeItem: false,
queryValue: "",
className: 'tree-list',
queryPlaceholder: "输入标准集名称搜索",
queryPlaceholder: "输入名称搜索",
props: {
label: "name",
value: "guid",
......@@ -913,14 +917,23 @@ const dataBaseTablePageChange = (info) => {
}
// 字段信息分页
const dataFieldTablePageChange = (info) => {
dataFieldPage.value.curr = Number(info.curr);
dataFieldPage.value.limit = Number(info.limit);
getDataBaseFieldData({
pageIndex: info.curr,
pageSize: info.limit
});
}
// 获取字段信息getDbDirFieldPageList
const tableFieldsLoading = ref(false);
const tableFieldsData = ref([]);
const getDataBaseFieldData = async (params = {}) => {
tableFieldsDataInfo.value.loading = true;
const dataBaseParams = {
pageIndex: 1,
pageSize: -1,
pageIndex: dataFieldPage.value.curr,
pageSize: dataFieldPage.value.limit,
tableGuid: "",
execGuid: execGuidInfo.value.execGuid,
databaseGuid: "",
......@@ -932,12 +945,28 @@ const getDataBaseFieldData = async (params = {}) => {
if (res.code == proxy.$passCode) {
tableFieldsData.value = res.data.records;
tableFieldsDataInfo.value.data = res.data.records;
tableFieldsDataInfo.value.page.rows = res.data.totalRows;
tableFieldsDataInfo.value.page.limit = res.data.pageSize
tableFieldsDataInfo.value.page.curr = res.data.pageIndex
} else {
proxy.$ElMessage.error(res.msg);
}
tableFieldsDataInfo.value.loading = false;
};
const dataFieldPage = ref({
limit: 50,
curr: 1,
sizes: [
{ label: "10", value: 10 },
{ label: "50", value: 50 },
{ label: "100", value: 100 },
{ label: "150", value: 150 },
{ label: "200", value: 200 },
],
});
const tableFieldsDataInfo = ref({
id: "data-field-table",
multiple: false,
......@@ -955,11 +984,10 @@ const tableFieldsDataInfo = ref({
{ label: "标签", field: "label", width: 120, align: 'center' },
],
data: [],
showPage: false,
page: {
// type: "normal",
// rows: 0,
// ...dataBasePage.value,
type: "normal",
rows: 0,
...dataFieldPage.value,
},
actionInfo: {
......@@ -1392,13 +1420,13 @@ onActivated(async () => {
</div>
</div>
<div class="table_panel_wrap_database" v-if="!tableGuid && activeTab === 'table'"
:style="{ height: `calc(100% - ${tipHeight1}px)`, minHeight: '210px' }">
:style="{ height: '483px', minHeight: '210px' }">
<Table :tableInfo="dataBaseTableInfo" @tablePageChange="dataBaseTablePageChange"
@tableSwitchBeforeChange="tableSwitchBeforeChange" />
</div>
<div class="table_field" v-if="tableGuid || activeTab === 'word'"
:style="{ height: `calc(100% - ${tipHeight}px)`, minHeight: '210px' }">
<Table :tableInfo="tableFieldsDataInfo" />
:style="{ height: '523px', minHeight: '210px' }">
<Table :tableInfo="tableFieldsDataInfo" @tablePageChange="dataFieldTablePageChange" />
</div>
</div>
<Drawer :drawerInfo="drawerInfo" @drawerBtnClick="drawerBtnClick" class="v-drawer" />
......@@ -1470,6 +1498,7 @@ onActivated(async () => {
.main_wrap {
padding: 11px 16px 0 16px;
height: 100%;
.top-tool-tip {
display: flex;
......@@ -1534,7 +1563,7 @@ onActivated(async () => {
.table_panel_wrap {
width: 100%;
height: calc(100% - 117px);
height: 520px;
min-height: 210px;
overflow: visible;
}
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!