37ba43b0 by lihua

产品上架页面优化

1 parent 6917228d
......@@ -236,29 +236,29 @@ const toSearch = (val: any, clear: boolean = false) => {
page.value.curr = 1;
tableInfo.value.page.curr = 1;
getTableData();
getListingCountData();
// getListingCountData();
};
// 获取产品上架数量
const getListingCountData = () => {
flowDetailLoading.value = true;
getListingCount({
currentStaffGuid: userData.staffGuid
}).then((res: any) => {
flowDetailLoading.value = false;
if (res.code == proxy.$passCode) {
demandListData.value = res.data || [];
if (demandListData.value?.length) {
demandListData.value = [demandListData.value[0]];
}
let valueData = chunk(demandListData.value, 4);
carouselInfo.value.list = valueData;
carouselInfo.value.arrow = valueData.length > 1 ? 'hover' : 'never';
} else {
proxy.$ElMessage.error(res.msg);
}
})
}
// const getListingCountData = () => {
// flowDetailLoading.value = true;
// getListingCount({
// currentStaffGuid: userData.staffGuid
// }).then((res: any) => {
// flowDetailLoading.value = false;
// if (res.code == proxy.$passCode) {
// demandListData.value = res.data || [];
// if (demandListData.value?.length) {
// demandListData.value = [demandListData.value[0]];
// }
// let valueData = chunk(demandListData.value, 4);
// carouselInfo.value.list = valueData;
// carouselInfo.value.arrow = valueData.length > 1 ? 'hover' : 'never';
// } else {
// proxy.$ElMessage.error(res.msg);
// }
// })
// }
const tableSwitchBeforeChange = (scope, field, callback) => {
ElMessageBox.confirm(
......@@ -298,12 +298,12 @@ const tableSwitchChange = (val, scope, field) => {
message: res.msg,
});
getTableData();
getListingCountData();
// getListingCountData();
reject(false)
}
}).catch(() => {
getTableData();
getListingCountData();
// getListingCountData();
reject(false)
})
})
......@@ -376,7 +376,7 @@ const tableBtnClick = (scope, btn) => {
if (res.code == '00000') {
ElMessage.success('删除成功')
getTableData();
getListingCountData();
// getListingCountData();
} else {
ElMessage.error(res.msg)
}
......@@ -398,7 +398,7 @@ const tableBtnClick = (scope, btn) => {
if (res.code == '00000') {
ElMessage.success('撤销成功!')
getTableData();
getListingCountData();
// getListingCountData();
} else {
ElMessage.error(res.msg)
}
......@@ -548,7 +548,7 @@ const passSubmit = () => {
ElMessage.success('审批通过!')
dialogVisible.value = false;
getTableData();
getListingCountData();
// getListingCountData();
} else {
ElMessage.error(res.msg)
}
......@@ -587,7 +587,7 @@ const rejectSubmit = async () => {
ElMessage.success('驳回成功!')
dialogVisible.value = false;
getTableData();
getListingCountData();
// getListingCountData();
} else {
ElMessage.error(res.msg)
}
......@@ -613,7 +613,7 @@ const getFirstPageData = () => {
onActivated(() => {
if (assetStore.isRefresh) {//如果是首次加载,则不需要调用
getListingCountData();
// getListingCountData();
page.value.curr = 1
tableInfo.value.page.curr = 1;
getTableData(currExchangeGuid.value);
......@@ -649,27 +649,14 @@ const assetsSafeInfo = ref<any>()
const defaultItemLogo = new URL('@/assets/images/home-finance-product.png', import.meta.url).href
const demandListData: any = ref([
]);
const flowDetailLoading = ref(false);
const btnClick = (item) => {
console.log(item)
if (item.exchangeGuid) {
router.push({
name: "productListingDetail",
query: {
exchangeGuid: item.exchangeGuid,
exchangeName: item.exchangeName,
type: 'add',
},
});
} else {
router.push({
name: "productListingDetail",
query: {
type: 'add',
case: '2',
},
});
}
const btnClick = () => {
router.push({
name: "productListingDetail",
query: {
type: 'add',
case: '2',
},
});
}
const currExchangeGuid = ref('');
......@@ -933,57 +920,11 @@ const rejectDialogBtnClick = (btn, info) => {
<div class="container_wrap">
<div class="table_tool_wrap">
<TableTools :searchItems="searchItemList" :searchId="'data-source-search'" @search="toSearch" />
<!-- <div class="tools_btns">
<el-button type="primary" @click="toPatn('add')" v-preReClick>新建</el-button>
<el-button type="primary" @click="toPatn1('add', 'add1')" v-preReClick>新建</el-button>
</div> -->
</div>
<div v-loading="flowDetailLoading">
<CarouselPanel :carousel-info="carouselInfo">
<template v-slot:default="{ carousel }">
<div class="card-content" v-for="(item, i) in carousel" :key="item.guid" @click="cardBtnClick(item)"
:class="{ active: currExchangeGuid == item.exchangeGuid, mr16: i < carousel.length - 1 && (i + 1) % 4 !== 0 }">
<div class="header">
<div class="header-top">
<img class="left-img"
:src="(item.picUrl && typeof item.picUrl == 'string') ? item.picUrl : (item.exchangeName?.indexOf('门户') > -1 ? sjsLogo : defaultItemLogo)"
alt="" />
<div class="title"> <ellipsis-tooltip :content="item.exchangeName ?? '--'" class-name="w100f"
:refName="'tooltipOver'"></ellipsis-tooltip></div>
</div>
<div class="right-main">
<div class="count-group">
<div class="count-item">
<div class="item-label">已上架产品数</div>
<div class="item-num">{{ changeNum(item.listingNum || 0) }}</div>
</div>
<div class="count-item">
<div class="item-label">审批中产品数</div>
<div class="item-num">{{ changeNum(item.underReviewNum || 0) }}</div>
</div>
</div>
</div>
</div>
<div class="operator-btn" @click.stop="btnClick(item)">
<!-- <div class="left-btn">更新模板</div> -->
<div class="right-btn">产品上架</div>
</div>
</div>
</template>
</CarouselPanel>
<!-- <div class="list-content" v-if="demandListData.length > 0">
</div> -->
<!-- <div class="v-tip">
<div class="tip-icon"></div>
<div class="tip-des">
在各数交所上架时,会同时在门户、专区和主平台门户进行展示;在门户上架则只会在门户上架,不会在数交所、专区及主平台门户上架。
</div>
</div> -->
<div class="tools_btns">
<el-button type="primary" @click="btnClick()" v-preReClick>新建产品上架</el-button>
</div>
</div>
<div class="table_panel_wrap" :style="{
height: 'calc(100% - 240px)'
}">
<div class="table_panel_wrap" :style="{ height: 'calc(100% - 84px)' }">
<Table :tableInfo="tableInfo" @tableBtnClick="tableBtnClick" @tablePageChange="tablePageChange"
@tableSwitchBeforeChange="tableSwitchBeforeChange" />
</div>
......@@ -1015,11 +956,11 @@ const rejectDialogBtnClick = (btn, info) => {
.table_tool_wrap {
width: 100%;
height: 50px !important;
// height: 40px !important;
padding: 0 8px;
.tools_btns {
padding: 0px 0 0;
padding: 0px 0 8px;
}
}
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!