f/web-kboss/src/views/product/mainPage/index.vue

@@ -41,28 +41,17 @@
                 </el-tag>
               </template>
             </el-table-column>
-            <el-table-column prop="expiretime" label="到期时间" min-width="120">
-              <template slot-scope="scope">
-                <span class="time">{{ scope.row.expiretime }}</span>
-              </template>
-            </el-table-column>
             <el-table-column prop="days" label="剩余天数" min-width="80">
               <template slot-scope="scope">
                 <span :class="scope.row.days < 3 ? 'critical' : ''">{{ scope.row.days }}天</span>
               </template>
             </el-table-column>
-            <el-table-column label="操作" width="80">
-              <template slot-scope="scope">
-                <el-button size="mini" type="primary" @click="goBaiDu(scope.row.list_url)">
-                  续费
-                </el-button>
-              </template>
-            </el-table-column>
           </el-table>
         </div>
       </div>
     </div>
 
+    <!-- 右侧部分保持不变 -->
     <div class="rightBox">
       <div class="user card">
         <div class="userImg">
@@ -75,8 +64,7 @@
             <p><i class="el-icon-phone"></i> 手机号: {{ userInfo.mobile }}</p>
             <p><i class="el-icon-message"></i> 邮箱: {{ userInfo.email }}</p>
           </div>
-        </div>
-      </div>
+        </div>·      </div>
 
       <div class="price card">
         <div class="title">账户余额</div>
@@ -140,6 +128,8 @@ export default Vue.extend({
       },
       viewList: [],
       navList: [],
+      // 移除 data 中的 mybalance 定义
+      mybalance: 0,
       todoList: [
         { name: '待支付', count: 0 },
         { name: '待续费', count: 0 },
@@ -147,10 +137,12 @@ export default Vue.extend({
         { name: '站内信', count: 0 }
       ],
       messageCenterVisible: false,
+      // 添加图标路径数组
       navIcons: [icon1, icon2, icon3, icon4]
     }
   },
   created() {
+
     this.initMybalance();
     this.getUnreadMsgCount(); 
     this.fetchTodoCount();
@@ -176,16 +168,6 @@ export default Vue.extend({
     })
   },
   methods: {
-    goBaiDu(listUrl) {
-      this.$store.commit('setRedirectUrl', listUrl);
-      localStorage.setItem('redirectUrl', listUrl);
-      this.$router.push({
-        name: 'baiduProductShow',
-        params: {
-          listUrl: listUrl,
-        }
-      });
-    },
     goBaidu(item) {
       this.$store.commit('setRedirectUrl', item.url)
       localStorage.setItem('redirectUrl', item.url)
@@ -198,7 +180,9 @@ export default Vue.extend({
         }
       })
     },
+    // 添加获取导航图标的方法
     getNavIcon(index) {
+      // 如果导航项数量超过图标数量，循环使用图标
       const iconIndex = index % this.navIcons.length;
       return this.navIcons[iconIndex];
     },
@@ -206,8 +190,7 @@ export default Vue.extend({
     async initMybalance() {
       const res = await editReachargelogAPI()
       if (res.status) {
-        // 注意：根据您的 user 模块，这里需要使用 'SETMYBANLANCE' 而不是 'user/setMybalance'
-        this.$store.commit('SETMYBANLANCE', res.data)
+        this.mybalance = res.data
       }
     },
     async getUnreadMsgCount() {
@@ -226,10 +209,12 @@ export default Vue.extend({
         this.$message.error('获取未读消息失败');
       }
     },
+    // 获取待办事项数量
     async fetchTodoCount() {
       try {
         const res = await todoCount();
         if (res.status && res.data) {
+          // 更新待办事项数量
           this.todoList = this.todoList.map(item => {
             switch(item.name) {
               case '待支付':
@@ -255,17 +240,27 @@ export default Vue.extend({
         this.openMessageCenter();
       } else {
         let query = {};
+
         switch(todoName) {
           case '待支付':
-            query = { filterType: 'processing' };
+            query = {
+              filterType: 'processing'
+            };
             break;
           case '待续费':
-            query = { filterType: 'pendingPayment' };
+            query = {
+              filterType: 'pendingPayment'
+            };
             break;
           case '处理中':
-            query = { filterType: 'processing' };
+            query = {
+              filterType: 'processing'
+            };
             break;
         }
+
+        console.log(`跳转到资源概览，筛选类型: ${todoName}`, query);
+
         this.$router.push({
           path: '/orderManagement/orderManagement',
           query: query
@@ -372,6 +367,7 @@ export default Vue.extend({
     justify-content: center;
     min-width: 0;
 
+    // 修改这里：为图片添加样式
     .nav-icon {
       width: 24px;
       height: 24px;
@@ -379,6 +375,13 @@ export default Vue.extend({
       object-fit: contain;
     }
 
+    // 移除原来的图标样式
+    // i {
+    //   font-size: 24px;
+    //   margin-bottom: 10px;
+    //   color: #409eff;
+    // }
+
     &:hover {
       transform: translateY(-3px);
       box-shadow: 0 4px 12px rgba(64, 158, 255, 0.2);