产品上架页面优化

lihua
Showing 1 changed file with 41 additions and 100 deletions
src/views/data_product/productListing.vue
--- a/src/views/data_product/productListing.vue
View file @37ba43b
+++ b/src/views/data_product/productListing.vue
View file @37ba43b
@@ -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 = () => {
+// const getListingCountData = () => {
-  flowDetailLoading.value = true;
+//   flowDetailLoading.value = true;
-  getListingCount({
+//   getListingCount({
-    currentStaffGuid: userData.staffGuid
+//     currentStaffGuid: userData.staffGuid
-  }).then((res: any) => {
+//   }).then((res: any) => {
-    flowDetailLoading.value = false;
+//     flowDetailLoading.value = false;
-    if (res.code == proxy.$passCode) {
+//     if (res.code == proxy.$passCode) {
-      demandListData.value = res.data || [];
+//       demandListData.value = res.data || [];
-      if (demandListData.value?.length) {
+//       if (demandListData.value?.length) {
-        demandListData.value = [demandListData.value[0]];
+//         demandListData.value = [demandListData.value[0]];
-      }
+//       }
-      let valueData = chunk(demandListData.value, 4);
+//       let valueData = chunk(demandListData.value, 4);
-      carouselInfo.value.list = valueData;
+//       carouselInfo.value.list = valueData;
-      carouselInfo.value.arrow = valueData.length > 1 ? 'hover' : 'never';
+//       carouselInfo.value.arrow = valueData.length > 1 ? 'hover' : 'never';
-    } else {
+//     } else {
-      proxy.$ElMessage.error(res.msg);
+//       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 = () => {
-const btnClick = (item) => {
+  router.push({
-  console.log(item)
+    name: "productListingDetail",
-  if (item.exchangeGuid) {
+    query: {
-    router.push({
+      type: 'add',
-      name: "productListingDetail",
+      case: '2',
-      query: {
+    },
-        exchangeGuid: item.exchangeGuid,
+  });
-        exchangeName: item.exchangeName,
-        type: 'add',
-      },
-    });
-  } else {
-    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">
+      <div class="tools_btns">
-        <el-button type="primary" @click="toPatn('add')" v-preReClick>新建</el-button>
+        <el-button type="primary" @click="btnClick()" v-preReClick>新建产品上架</el-button>
-        <el-button type="primary" @click="toPatn1('add', 'add1')" v-preReClick>新建</el-button>
+      </div>
-      </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>
-    <div class="table_panel_wrap" :style="{
+    <div class="table_panel_wrap" :style="{ height: 'calc(100% - 84px)' }">
-      height: 'calc(100% - 240px)'
-    }">
      <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;
    }
  }