Skip to content

csbr-daop / fe-data-trusted-space

Go to a project
Toggle navigation
Toggle navigation pinning
e7384c73 by xukangle
Options

fix： 分类分级

1 parent 9bdd4ec1
Inline Side-by-side
Showing 6 changed files with 317 additions and 116 deletions
src/api/modules/dataAsset.ts
......@@ -242,14 +242,14 @@ export const getParamsList = () => request({
/** 获取参数类型列表 */
export const getDamTypesList = () => request({
url:`${import.meta.env.VITE_APP_API_BASEURL}/data-dict/get-data-list`,
url:`${import.meta.env.VITE_APP_DATA_SOURCE_URL}/data-dict/get-data-list`,
method: 'post',
data: { paramCode: "DAM-TYPE" }
})
/** 获取所属主题的四级参数类型列表 */
export const getSubjectDoaminList = () => request({
url:`${import.meta.env.VITE_APP_API_BASEURL}/data-dict/get-data-tree`,
url:`${import.meta.env.VITE_APP_DATA_SOURCE_URL}/data-dict/get-data-tree`,
method: 'post',
data: { paramCode: "SUBJECT-DOMAIN" }
})
......@@ -262,85 +262,85 @@ export const getDataTypeList = () => request({
})
export const getDamCatalogTable = (params) => request({
url: `${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/page-list`,
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/page-list`,
method: 'post',
data: params
})
/** 删除数据资产目录 */
export const registerCatalogDelete = (params) => request({
url: `${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/delete`,
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/delete`,
method: 'delete',
data: params
});
/** 保存数据资产目录 */
export const registerCatalogSave = (params) => request({
url: `${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/save`,
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/save`,
method: 'post',
data: params
});
/** 验证资产名称是否存在 */
export const existDamName = (params) => request({
url:`${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/exists?damName=${params}`,
url:`${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/exists?damName=${params}`,
method: 'get'
});
/** 获取资产目录基本信息的详情 */
export const getRegisterCatalogDetail = (guid) => request({
url:`${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/detail?guid=${guid}`,
url:`${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/detail?guid=${guid}`,
method: 'get'
});
/** 获取资产目录表的详情 */
export const getRegisterCatalogTableDetail = (subjectGuid) => request({
url:`${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/get-table-detail?subjectGuid=${subjectGuid}`,
url:`${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/get-table-detail?subjectGuid=${subjectGuid}`,
method: 'get'
});
/** 编辑资产目录基本信息 */
export const registerCatalogUpdate = (params) => request({
url: `${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/update`,
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/update`,
method: 'post',
data: params
});
/** 新增资产目录表 */
export const registerCatalogTableSave = (params) => request({
url: `${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/add-table`,
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/add-table`,
method: 'post',
data: params
});
/** 编辑资产目录表 */
export const registerCatalogTableUpdate = (params) => request({
url: `${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/update-table`,
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/update-table`,
method: 'post',
data: params
});
/** 删除资产目录表 */
export const registerCatalogTableDelete = (params) => request({
url: `${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/remove-table?damGuid=${params.damGuid}&subjectGuid=${params.subjectGuid}`,
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/remove-table?damGuid=${params.damGuid}&subjectGuid=${params.subjectGuid}`,
method: 'post'
});
/** 获取资产目录表 */
export const getRegisterCatalogTableList = (damGuid) => request({
url: `${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/get-table-list?damGuid=${damGuid}`,
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/get-table-list?damGuid=${damGuid}`,
method: 'get'
});
/** 查看资产表数据 */
export const queryData = (subjectGuid) => request({
url: `${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/preview-data/${subjectGuid}`,
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/preview-data/${subjectGuid}`,
method: 'get'
});
/** 验证新增和编辑资产表 */
export const checkDamTableChange = (params) => request({
url: `${import.meta.env.VITE_API_ASSET_BASEURL}/dam-catalog-table/check-table-change`,
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-catalog-table/check-table-change`,
method: 'post',
data: params
});
......@@ -349,14 +349,14 @@ export const checkDamTableChange = (params) => request({
/** ------------------ 公示异议处理 -------------------------------- */
/** 获取异议列表数据 */
export const getDissentList = (params) => request({
url: `${import.meta.env.VITE_API_ASSET_BASEURL}/dam-dissent-handle/page-list`,
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-dissent-handle/page-list`,
method: 'post',
data: params
})
/** 更新异议处理 */
export const updateDissentState = (params) => request({
url: `${import.meta.env.VITE_API_ASSET_BASEURL}/dam-dissent-handle/update-state`,
url: `${import.meta.env.VITE_API_NEW_PORTAL}/dam-dissent-handle/update-state`,
method: 'post',
data: params
})
......
src/api/modules/dataAssetIndex.ts
......@@ -7,9 +7,10 @@ export const getHomeServiceInfo = () => request({
})
/** 获取首页资产统计信息 */
export const getStatisticsInfo = () => request({
export const getStatisticsInfo = (data) => request({
url: `${import.meta.env.VITE_API_NEW_PORTAL}/home/company/statistics-info`,
method: 'get',
method: 'post',
data
})
/** 获取首页资产登记情况 */
......@@ -20,9 +21,10 @@ export const getRegisterInfo = (params) => request({
})
/** 获取首页资产质量情况 */
export const getQualityInfo = () => request({
export const getQualityInfo = (data) => request({
url: `${import.meta.env.VITE_API_NEW_PORTAL}/home/company/quality-info`,
method: 'get',
method: 'post',
data
})
/** 获取首页资产交易情况 */
......@@ -40,43 +42,50 @@ export const getFinanceInfo = (params) => request({
})
/** 获取资产证件照url */
export const getRegisterUrl = () => request({
export const getRegisterUrl = (data) => request({
url: `${import.meta.env.VITE_API_NEW_PORTAL}/home/company/list-doc-url`,
method: 'get',
method: 'post',
data
})
/** 获取资产行业类型分布 */
export const getIndustryInfo = () => request({
export const getIndustryInfo = (data) => request({
url: `${import.meta.env.VITE_API_NEW_PORTAL}/home/platform/industry-statistics`,
method: 'get',
method: 'post',
data
})
/** 获取平台授信主体金额分布 */
export const getCreditMoneyInfo = () => request({
export const getCreditMoneyInfo = (data) => request({
url: `${import.meta.env.VITE_API_NEW_PORTAL}/home/platform/credit-money-statistics`,
method: 'get',
method: 'post',
data
})
/** 获取平台资产统计信息 */
export const getPlatformStatisticsInfo = () => request({
export const getPlatformStatisticsInfo = (data) => request({
url: `${import.meta.env.VITE_API_NEW_PORTAL}/home/platform/statistics-info`,
method: 'get',
method: 'post',
data
})
/** 获取平台服务企业地区分布 */
export const getPlatformService = () => request({
export const getPlatformService = (data) => request({
url: `${import.meta.env.VITE_API_NEW_PORTAL}/home/platform/service-statistics`,
method: 'get',
method: 'post',
data
})
/** 获取平台服务企业地区分布-按省 */
export const getPlatformProvinceService = () => request({
export const getPlatformProvinceService = (data) => request({
url: `${import.meta.env.VITE_API_NEW_PORTAL}/home/platform/service-statistics-province`,
method: 'get',
method: 'post',
data
})
/** 获取平台数据资产登记趋势 */
export const getPlatformMonth = () => request({
export const getPlatformMonth = (data) => request({
url: `${import.meta.env.VITE_API_NEW_PORTAL}/home/platform/register-month-statistics`,
method: 'get',
method: 'post',
data
})
......
src/views/data_inventory/classifyGradeCatalogue.vue
......@@ -158,13 +158,6 @@ const treeInfo = ref<any>({
loading: false
});
const addStandardSet = () => {
console.log('addStandardSet');
}
// 右侧上方搜索tab配置
const searchItemList = ref([
// {
......@@ -270,12 +263,16 @@ const toSearch = (val: any, clear: boolean = false) => {
const nodeClick = async (data: any) => {
console.log('nodeClick', data);
console.log('nodeClick', data, levelGuidInfo.value);
const { guid, classifyDetailGuid, refGradeGuid } = data
classifyDetailGuidInfo.value = classifyDetailGuid;
// getGradeData(refGradeGuid);
if (data.classifyName === execGuidInfo.value.cgDirName) {
searchItemList.value[0].default = '';
} else {
searchItemList.value[0].default = data.classifyName;
}
searchItemList.value[1].default = levelGuidInfo.value || '';
await getCgDirFieldPage({
execGuid: execGuidInfo.value.execGuid,
classifyDetail: classifyDetailGuid,
......@@ -495,7 +492,7 @@ const dataBaseTableInfo = ref({
return status == 0 ? '草稿中' : status == 1 ? '已建表' : '已有默认表';
}
},
{ label: "任务修改人", field: "taskUpdateUserName", width: 100 },
{ label: "修改人", field: "taskUpdateUserName", width: 100 },
{ label: "修改时间", field: "updateTime", width: TableColumnWidth.DATETIME },
{ label: "描述", field: "description", width: 120, align: 'center' },
{ label: "规划数据资产", field: "isDataAsset", type: 'switch', activeText: '是', inactiveText: '否', activeValue: 'Y', inactiveValue: 'N', switchWidth: 56, width: 120, align: 'center' },
......@@ -888,6 +885,14 @@ const getDataBaseTreeData = async () => {
dataBaseTreeInfo.value.currentNodeKey = dataArray[0].guid;
dataBaseGuid.value = dataArray[0].databaseGuid;
currentDatabasePath.value = [dataArray[0].name];
console.log('dataArray', dataArray);
if (dataArray[0].dicType === 1) {
isShowCreateBtn.value = true;
}
if (dataArray[0].dicType === 2) {
isShowCreateBtn.value = false;
}
dataBaseTreeInfo.value.loading = false;
} else {
proxy.$ElMessage.error(res.msg);
......@@ -1045,14 +1050,18 @@ const dataBasenodeClick = (data: any) => {
console.log('path', path);
if (path) {
currentDatabasePath.value = path;
console.log('找到路径:', path);
} else {
console.error('未找到路径');
}
if (data.databaseGuid) {
dataBaseInfo.value = data;
dataBaseGuid.value = data.databaseGuid;
if (data.dicType == '2') {
isShowCreateBtn.value = false;
}
if (data.dicType == '1') {
isShowCreateBtn.value = true;
}
tableGuid.value = '';
getDataBaseFieldData({
databaseGuid: data.databaseGuid
......@@ -1407,7 +1416,7 @@ const treeSelectNodeClick = (node, item) => {
<div class="aside_wrap">
<el-tabs v-model="activeName" class="v-tabs" @tab-click="handleClick">
<el-tab-pane label="分类分级目录" name="first">
<Tree :treeInfo="treeInfo" @nodeClick="nodeClick" @itemMenuClick="handleTreeItemMenuClick" />
<Tree :treeInfo="treeInfo" @nodeClick="nodeClick" />
<!-- <Tree ref="treeInfoRef" :treeInfo="treeInfo" @nodeClick="nodeClick" /> -->
</el-tab-pane>
<el-tab-pane label="数据库目录" name="second">
......
src/views/data_inventory/configureRules.vue
......@@ -155,8 +155,14 @@ const batchDelete = () => {
selectedRows.value = [];
};
// 暂存编辑的行数据
const tempRowData = ref<any>();
// 编辑行
const editRow = (row) => {
console.log('编辑:', row);
// 暂存编辑前的数据
tempRowData.value = { ...row };
if (row.fieldLengthCondition) {
const arr = row.fieldLengthCondition.split('#')
row.lengthSymbol = arr[0]
......@@ -307,6 +313,15 @@ const cancel = () => {
});
}
// 点击取消
const cancelEdit = (row) => {
console.log('取消编辑:', row);
// 可在此恢复原始数据逻辑，如果需要
Object.assign(row, tempRowData.value);
row.isEdit = false; // 退出编辑状态
}
</script>
<template>
<div class="configure-rules">
......@@ -323,11 +338,11 @@ const cancel = () => {
<el-table-column prop="description" label="描述" width="180" show-overflow-tooltip />
</el-table>
</div>
<div class="btn-area">
<!-- <div class="btn-area">
<el-button @click="moveUp">上移</el-button>
<el-button @click="moveDown">下移</el-button>
<el-button @click="batchDelete">批量删除</el-button>
</div>
</div> -->
<div class="bottom_table">
<el-table :data="tableData" v-loading="tableFieldsLoading" :highlight-current-row="true" stripe border
height="100%" row-key="guid" @selection-change="selectionFieldsChange" tooltip-effect="light" :style="{
......@@ -351,9 +366,9 @@ const cancel = () => {
</template>
</el-table-column>
<!-- 分类（不可编辑）classifyName -->
<el-table-column prop="classifyName" label="分类" width="80" show-overflow-tooltip>
<el-table-column prop="classifyDetailName" label="分类" width="120" show-overflow-tooltip>
<template #default="scope">
{{ scope.row.classifyName ? scope.row.classifyName : '--' }}
{{ scope.row.classifyDetailName ? scope.row.classifyDetailName : '--' }}
</template>
</el-table-column>
<!-- 分级（不可编辑） -->
......@@ -413,7 +428,8 @@ const cancel = () => {
<!-- 数据是否唯一（可编辑） -->
<el-table-column prop="isUnique" label="数据是否唯一" width="150" align="center">
<template #default="scope">
<span v-if="!scope.row.isEdit || !editableFields.isUnique">{{ scope.row.isUnique ? scope.row.isUnique : '--'
<span v-if="!scope.row.isEdit || !editableFields.isUnique">{{ scope.row.isUnique ? (scope.row.isUnique ===
'Y' ? '是' : '否') : '--'
}}</span>
<el-select v-else v-model="scope.row.isUnique" placeholder="请选择">
<el-option label="是" value="Y" />
......@@ -422,10 +438,11 @@ const cancel = () => {
</template>
</el-table-column>
<!-- 是否必填（可编辑） -->
<el-table-column prop="isRequired" label="是否必填" width="120" align="center">
<el-table-column prop="notNull" label="是否必填" width="120" align="center">
<template #default="scope">
<span v-if="!scope.row.isEdit">{{ scope.row.isRequired ? scope.row.isRequired : '--' }}</span>
<el-select v-else v-model="scope.row.isRequired" placeholder="请选择">
<span v-if="!scope.row.isEdit">{{ scope.row.notNull ? (scope.row.notNull === 'Y' ? '是' : '否') : '--'
}}</span>
<el-select v-else v-model="scope.row.notNull" placeholder="请选择">
<el-option label="是" value="Y" />
<el-option label="否" value="N" />
</el-select>
......@@ -450,14 +467,17 @@ const cancel = () => {
</el-table-column>
<!-- 操作列 -->
<el-table-column label="操作" width="100" align="center" fixed="right">
<el-table-column label="操作" width="120" align="center" fixed="right">
<template #default="scope">
<span class="text_btn" v-if="!scope.row.isEdit" @click="editRow(scope.row)">编辑</span>
<span class="text_btn" v-else @click="saveRow(scope.row)">保存</span>
<span v-else>
<span class="text_btn" @click="saveRow(scope.row)">保存</span>
<el-divider direction="vertical" />
<span class="text_btn" @click="deleteRow(scope.$index)">删除</span>
<span class="text_btn" @click="cancelEdit(scope.row)">取消</span>
</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="botton_btn">
......
src/views/indexNewBigScreen.vue
......@@ -229,6 +229,8 @@ const getAssetTableData = () => {
getRegisterInfo({
pageSize: 200,
pageIndex: 1,
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
assetTableInfo.value.loading1 = false;
if (res.code == proxy.$passCode) {
......@@ -291,6 +293,9 @@ const getTradeTableData = () => {
getDaTradeInfo({
pageSize: 200,
pageIndex: 1,
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
tradeTableInfo.value.loading1 = false;
if (res.code == proxy.$passCode) {
......@@ -368,6 +373,8 @@ const getFinancingTableData = () => {
getFinanceInfo({
pageSize: 200,
pageIndex: 1,
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
financingTableInfo.value.loading1 = false;
if (res.code == proxy.$passCode) {
......@@ -408,22 +415,44 @@ const assetTableRef = ref();
const rolltimer = ref();
onBeforeMount(() => {
if (userData.tenantType != 1) {
if (userData.tenantType == 1) {
// 获取数据表格
getAssetTableData();
// 获取统计信息
fetchStatisticsInfo();
// 获取质量饼图数据
fetchQualityInfo();
// 获取交易和融资数据
getTradeTableData();
getFinancingTableData();
// 获取注册文档数据
fetchRegisterUrl();
}
});
// 获取统计信息
function fetchStatisticsInfo() {
statisticsInfoLoading.value = true;
getStatisticsInfo().then((res: any) => {
getStatisticsInfo({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
statisticsInfoLoading.value = false;
if (res.code == proxy.$passCode) {
let data = res.data || {};
const data = res.data || {};
registerNum.value = changeNum(data.registerNum ?? 0);
costAssessNum.value = changeNum(data.costAssessNum ?? 0);
qualityAssessNum.value = changeNum(data.qualityAssessNum ?? 0);
cardList.value.forEach((card) => {
if (card.name == 'assessmentMoney') {
if (card.name === 'assessmentMoney') {
card.value = changeNum((data[card.name] ?? 0) / 10000, 2, true);
} else if (card.name == "lastIntableTime") {
card.value = data[card.name] ?? "--";
} else if (card.name == "dataScale") {
} else if (card.name === 'lastIntableTime') {
card.value = data[card.name] ?? '--';
} else if (card.name === 'dataScale') {
card.value = changeNum(data[card.name] ?? 0, 2, true);
} else {
card.value = changeNum(data[card.name] ?? 0);
......@@ -433,70 +462,61 @@ onBeforeMount(() => {
ElMessage.error(res.msg);
}
});
}
// 获取质量信息
function fetchQualityInfo() {
qualityPieLoading.value = true;
getQualityInfo().then((res: any) => {
getQualityInfo({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
qualityPieLoading.value = false;
// qualityPieChart = echarts.init(document.getElementById("pie-quality"));
if (res.code == proxy.$passCode) {
qualityPieData.value = res.data || [];
let sum = qualityPieData.value
.map((d) => d.value)
.reduce(function (prev, curr, idx, arr) {
return prev + curr;
});
qualityPieData.value.forEach(v => {
v.percent = changeNum((v.value / sum) * 100, 2, true) + '%';
});
const qualityData = res.data || [];
const sum = qualityData.reduce((acc, item) => acc + item.value, 0);
qualityPieData.value = qualityData.map((item) => ({
...item,
percent: changeNum((item.value / sum) * 100, 2, true) + '%',
}));
} else {
ElMessage.error(res.msg);
}
});
getTradeTableData();
getFinancingTableData();
}
// 获取注册文档 URL
function fetchRegisterUrl() {
docUrlLoading.value = true;
getRegisterUrl().then((res: any) => {
getRegisterUrl({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
docUrlLoading.value = false;
if (res.code == proxy.$passCode) {
let data = docData.value = res.data || [];
const data = res.data || [];
if (data.length) {
let ps: any = [];
for (const d of data) {
d.documentTypeDesc = d.documentType == 1 ? 'A证' : (d.documentType == 2 ? 'B证' : 'C证');
ps.push(
getImageContent(d.documentFile[0]).then((res: any) => {
if (res) {
return URL.createObjectURL(res);
}
})
);
}
Promise.all(ps).then((res: any[]) => {
console.log(res);
docUrl.value = res;
docUrlList.value = res.flatMap((value, index, array) => {
return [
array.slice(index, index + 1).map((a) => {
return { url: a };
}),
];
const promises = data.map((d) => {
d.documentTypeDesc = d.documentType === 1 ? 'A证' : d.documentType === 2 ? 'B证' : 'C证';
return getImageContent(d.documentFile[0]).then((res: any) => (res ? URL.createObjectURL(res) : null));
});
docUrlLoading.value = false;
Promise.all(promises).then((urls: any[]) => {
docUrl.value = urls;
docUrlList.value = urls.map((url) => [{ url }]);
nextTick(() => {
processImgDesc();
});
});
} else {
docUrl.value = [];
docData.value = [];
docUrlList.value = [];
docUrlLoading.value = false;
}
} else {
docUrlLoading.value = false;
ElMessage.error(res.msg);
}
});
}
});
}
const processImgDesc = () => {
let domImg = document.getElementById('register-img');
......@@ -600,15 +620,35 @@ watch(
);
const startTime = ref()
const endTime = ref()
const handleChangeTime = (val) => {
console.log(val)
startTime.value = val[0]
endTime.value = val[1]
// 获取数据表格
getAssetTableData();
// 获取统计信息
fetchStatisticsInfo();
// 获取质量饼图数据
fetchQualityInfo();
// 获取交易和融资数据
getTradeTableData();
getFinancingTableData();
// 获取注册文档数据
fetchRegisterUrl();
}
</script>
<template>
<div style="width: 100%;height: 100%">
<div class="right-filter-main" v-if="userData.tenantType != 1">
<div class="right-filter-main" v-if="userData.tenantType == 1">
<div class="right-filter">
<div class="filter-btns">
<div class="btn" :class="{ 'is-active': filterDate == 'today' }" @click="handleFilterClick('today')">今日</div>
......@@ -622,7 +662,7 @@ const handleChangeTime = (val) => {
ref="datePickerRef" />
</div>
</div>
<div v-if="userData.tenantType != 1" class="main-content">
<div v-if="userData.tenantType == 1" class="main-content">
<div class="one-row">
<div class="row-per">
<div class="header">
......@@ -778,7 +818,7 @@ const handleChangeTime = (val) => {
</div>
</div>
<!-- <platformIndex v-else-if="userData.tenantType != 1" /> -->
<platformIndexNewBigScreen v-else-if="userData.tenantType == 1" />
<platformIndexNewBigScreen v-else-if="userData.tenantType != 1" />
<div v-else class="main-placeholder">
<img width="210" height="100" src="../../public/swzl_logo.png" />
</div>
......
src/views/platformIndexNewBigScreen.vue
......@@ -135,6 +135,8 @@ const getFinancingTableData = () => {
getFinanceInfo({
pageSize: 500,
pageIndex: 1,
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
financingTableInfo.value.loading1 = false;
if (res.code == proxy.$passCode) {
......@@ -151,7 +153,10 @@ const statisticsInfoLoading = ref(false);
onBeforeMount(() => {
getFinancingTableData();
statisticsInfoLoading.value = true;
getPlatformStatisticsInfo().then((res: any) => {
getPlatformStatisticsInfo({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
statisticsInfoLoading.value = false;
if (res.code == proxy.$passCode) {
let data = res.data || {};
......@@ -961,7 +966,10 @@ const bindPieAction = (chart, data) => {
onMounted(() => {
industryPieChart = echarts.init(document.getElementById("pie-industry"));
industryPieLoading.value = true;
getIndustryInfo().then((res: any) => {
getIndustryInfo({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
industryPieLoading.value = false;
if (res.code == proxy.$passCode) {
industryPieData.value = res.data?.homeGraphStatistics || [];
......@@ -977,7 +985,10 @@ onMounted(() => {
creditMoneyPieChart = echarts.init(
document.getElementById("pie-creditMoney")
);
getCreditMoneyInfo().then((res: any) => {
getCreditMoneyInfo({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
creditMoneyPieLoading.value = false;
if (res.code == proxy.$passCode) {
creditMoneyPieData.value = res.data || [];
......@@ -991,7 +1002,10 @@ onMounted(() => {
serviceAreaBarLoading.value = true;
serviceAreaBarChart = echarts.init(document.getElementById("bar-area"));
getPlatformService().then((res: any) => {
getPlatformService({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
serviceAreaBarLoading.value = false;
if (res.code == proxy.$passCode) {
serviceAreaBarData.value = res.data || [];
......@@ -1001,7 +1015,10 @@ onMounted(() => {
}
});
getPlatformProvinceService().then((res: any) => {
getPlatformProvinceService({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
if (res.code == proxy.$passCode) {
serviceAreaMapData.value = res.data || [];
} else {
......@@ -1010,7 +1027,10 @@ onMounted(() => {
});
platformMonthBarLoading.value = true;
platformMonthBarChart = echarts.init(document.getElementById("bar-month"));
getPlatformMonth().then((res: any) => {
getPlatformMonth({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
platformMonthBarLoading.value = false;
if (res.code == proxy.$passCode) {
platformMonthBarData.value = res.data || [];
......@@ -1063,8 +1083,111 @@ watch(
);
const startTime = ref()
const endTime = ref()
const handleChangeTime = (val) => {
console.log(val)
startTime.value = val[0];
endTime.value = val[1];
getFinancingTableData();
statisticsInfoLoading.value = true;
getPlatformStatisticsInfo({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
statisticsInfoLoading.value = false;
if (res.code == proxy.$passCode) {
let data = res.data || {};
cardList.value.forEach((card) => {
if (card.name == 'assessmentMoney') {
card.value = changeNum((data[card.name] ?? 0) / 10000, 2, true);
} else if (card.name == "dataScale") {
card.value = changeNum(data[card.name] ?? 0, 2);
} else {
card.value = changeNum(data[card.name] ?? 0);
}
});
} else {
ElMessage.error(res.msg);
}
});
industryPieChart = echarts.init(document.getElementById("pie-industry"));
industryPieLoading.value = true;
getIndustryInfo({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
industryPieLoading.value = false;
if (res.code == proxy.$passCode) {
industryPieData.value = res.data?.homeGraphStatistics || [];
industryPieDataTotal.value = res.data?.totalCompanyNum ?? 0;
setPieChartOption().then(() => {
bindPieAction(industryPieChart, industryPieData.value);
});
} else {
ElMessage.error(res.msg);
}
});
creditMoneyPieLoading.value = true;
creditMoneyPieChart = echarts.init(
document.getElementById("pie-creditMoney")
);
getCreditMoneyInfo({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
creditMoneyPieLoading.value = false;
if (res.code == proxy.$passCode) {
creditMoneyPieData.value = res.data || [];
setCreditPieChartOption().then(() => {
bindPieAction(creditMoneyPieChart, creditMoneyPieData.value);
});
} else {
ElMessage.error(res.msg);
}
});
serviceAreaBarLoading.value = true;
serviceAreaBarChart = echarts.init(document.getElementById("bar-area"));
getPlatformService({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
serviceAreaBarLoading.value = false;
if (res.code == proxy.$passCode) {
serviceAreaBarData.value = res.data || [];
setBarChartOption(serviceAreaBarData.value.slice(0, 5), serviceAreaBarChart);
} else {
ElMessage.error(res.msg);
}
});
getPlatformProvinceService({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
if (res.code == proxy.$passCode) {
serviceAreaMapData.value = res.data || [];
} else {
ElMessage.error(res.msg);
}
});
platformMonthBarLoading.value = true;
platformMonthBarChart = echarts.init(document.getElementById("bar-month"));
getPlatformMonth({
startTime: startTime.value || '',
endTime: endTime.value || '',
}).then((res: any) => {
platformMonthBarLoading.value = false;
if (res.code == proxy.$passCode) {
platformMonthBarData.value = res.data || [];
setAreaChartOption(platformMonthBarData.value, platformMonthBarChart);
} else {
ElMessage.error(res.msg);
}
});
}
</script>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!