朱园亮 / erp-mobile · Commits

Commit 5b78347a551bd168fdb22c6ce5782b59785d9fc5

Authored by 史婷婷
1 parent 5e3ecbbc

feat： 首页-任务数量统计 接口联调

Inline Side-by-side
Showing 1 changed file with 117 additions and 107 deletions
... ... @@ -18,19 +18,19 @@
18 18 <image class="card-bg" src="/static/images/index/card_wait.png" mode="aspectFill" />
19 19 <view class="card-content">
20 20 <text class="card-title">待审批的</text>
21   - <text class="card-num">24</text>
  21 + <text class="card-num">{{ todoCount }}</text>
22 22 </view>
23 23 </view>
24 24 <view class="stat-card" @click="navigateTo('/pages/flow/myflow')">
25 25 <image class="card-bg" src="/static/images/index/card_launch.png" mode="aspectFill" />
26 26 <view class="card-content">
27 27 <text class="card-title">我发起的</text>
28   - <text class="card-num">87</text>
  28 + <text class="card-num">{{ myCreateCount }}</text>
29 29 </view>
30 30 </view>
31 31 </view>
32 32 <!-- 分组入口 -->
33   - <view class="section" v-for="(it, index) in sectionList" :key="index">
  33 + <view class="section" v-for="(it, index) in sectionList" :key="index">
34 34 <text class="section-title">{{ it.title }}</text>
35 35 <view class="grid">
36 36 <view class="grid-item" v-for="(g, idx) in it.items" :key="idx" @click="navigateTo(g.link)">
... ... @@ -43,79 +43,87 @@
43 43 </template>
44 44
45 45 <script>
  46 + import {
  47 + statisticsCountApi
  48 + } from '@/api/flow.js'
46 49 export default {
47 50 data() {
48 51 return {
49   - sectionList: [
50   - {
51   - title: '客户开发管理',
52   - items: [
53   - {
54   - text: '开发管理',
55   - icon: '/static/images/index/dev_manage.png',
56   - link: '/pages/dev_manage/index'
57   - }
58   - ]
59   - },
60   - {
61   - title: '客户资信管理',
62   - items: [
63   - {
64   - text: '资信管理',
65   - icon: '/static/images/index/credit_manage.png',
66   - link: '/pages/credit_manage/index'
67   - }
68   - ]
69   - },
70   - {
71   - title: '合同管理',
72   - items: [
73   - {
74   - text: '框架合同',
75   - icon: '/static/images/index/contract_framework.png',
76   - link: '/pages/contract_framework/index'
77   - },
78   - {
79   - text: '经销标准合同',
80   - icon: '/static/images/index/contract_retail.png',
81   - link: '/pages/contract_retail/index'
82   - },
83   - {
84   - text: '经销库存合同',
85   - icon: '/static/images/index/contract_stock.png',
86   - link: '/pages/contract_stock/index'
87   - },
88   - {
89   - text: '经销未锁规合同',
90   - icon: '/static/images/index/contract_unplan.png',
91   - link: '/pages/contract_unplan/index'
92   - },
93   - {
94   - text: '加工标准合同',
95   - icon: '/static/images/index/contract_process.png',
96   - link: '/pages/contract_process/index'
97   - },
98   - {
99   - text: '外贸标准合同',
100   - icon: '/static/images/index/contract_foreign_std.png',
101   - link: '/pages/contract_foreign_std/index'
102   - },
103   - {
104   - text: '外贸库存合同',
105   - icon: '/static/images/index/contract_foreign_stock.png',
106   - link: '/pages/contract_foreign_stock/index'
107   - },
108   - {
109   - text: '外贸未锁规合同',
110   - icon: '/static/images/index/contract_foreign_unplan.png',
111   - link: '/pages/contract_foreign_unplan/index'
112   - },
113   - ],
114   - }
115   - ]
  52 + todoCount: '',
  53 + myCreateCount: '',
  54 + sectionList: [{
  55 + title: '客户开发管理',
  56 + items: [{
  57 + text: '开发管理',
  58 + icon: '/static/images/index/dev_manage.png',
  59 + link: '/pages/dev_manage/index'
  60 + }]
  61 + },
  62 + {
  63 + title: '客户资信管理',
  64 + items: [{
  65 + text: '资信管理',
  66 + icon: '/static/images/index/credit_manage.png',
  67 + link: '/pages/credit_manage/index'
  68 + }]
  69 + },
  70 + {
  71 + title: '合同管理',
  72 + items: [{
  73 + text: '框架合同',
  74 + icon: '/static/images/index/contract_framework.png',
  75 + link: '/pages/contract_framework/index'
  76 + },
  77 + {
  78 + text: '经销标准合同',
  79 + icon: '/static/images/index/contract_retail.png',
  80 + link: '/pages/contract_retail/index'
  81 + },
  82 + {
  83 + text: '经销库存合同',
  84 + icon: '/static/images/index/contract_stock.png',
  85 + link: '/pages/contract_stock/index'
  86 + },
  87 + {
  88 + text: '经销未锁规合同',
  89 + icon: '/static/images/index/contract_unplan.png',
  90 + link: '/pages/contract_unplan/index'
  91 + },
  92 + {
  93 + text: '加工标准合同',
  94 + icon: '/static/images/index/contract_process.png',
  95 + link: '/pages/contract_process/index'
  96 + },
  97 + {
  98 + text: '外贸标准合同',
  99 + icon: '/static/images/index/contract_foreign_std.png',
  100 + link: '/pages/contract_foreign_std/index'
  101 + },
  102 + {
  103 + text: '外贸库存合同',
  104 + icon: '/static/images/index/contract_foreign_stock.png',
  105 + link: '/pages/contract_foreign_stock/index'
  106 + },
  107 + {
  108 + text: '外贸未锁规合同',
  109 + icon: '/static/images/index/contract_foreign_unplan.png',
  110 + link: '/pages/contract_foreign_unplan/index'
  111 + },
  112 + ],
  113 + }
  114 + ]
116 115 }
117 116 },
  117 + created() {
  118 + this.getStatisticsFun()
  119 + },
118 120 methods: {
  121 + getStatisticsFun() {
  122 + statisticsCountApi().then((res) => {
  123 + this.todoCount = res.data.todoCount || '';
  124 + this.myCreateCount = res.data.myCreateCount || '';
  125 + });
  126 + },
119 127 // 普通页面
120 128 navigateTo(link) {
121 129 if (!link || link === '#') {
... ... @@ -123,12 +131,15 @@
123 131 }
124 132 // 规范化路径，确保以斜杠开头
125 133 const url = link.startsWith('/') ? link : `/${link}`;
126   -
  134 +
127 135 // 普通页面使用 navigateTo
128 136 uni.navigateTo({
129 137 url,
130 138 fail: () => {
131   - uni.showToast({ title: '页面暂未开放', icon: 'none' });
  139 + uni.showToast({
  140 + title: '页面暂未开放',
  141 + icon: 'none'
  142 + });
132 143 }
133 144 });
134 145 }
... ... @@ -143,7 +154,7 @@
143 154
144 155 .home-page {
145 156 padding: 0 32rpx 32rpx;
146   - padding-top: 96rpx;
  157 + padding-top: 96rpx;
147 158 }
148 159
149 160 /* 自定义头部 */
... ... @@ -152,12 +163,12 @@
152 163 display: flex;
153 164 align-items: center;
154 165 justify-content: space-between;
155   - position: fixed;
156   - top: 0;
157   - left: 0;
158   - right: 0;
159   - z-index: 1000;
160   - background-color: #fff;
  166 + position: fixed;
  167 + top: 0;
  168 + left: 0;
  169 + right: 0;
  170 + z-index: 1000;
  171 + background-color: #fff;
161 172 padding: 0 32rpx;
162 173
163 174 .header-left {
... ... @@ -236,14 +247,14 @@
236 247 .card-title {
237 248 color: rgba(0, 0, 0, 0.9);
238 249 font-size: 32rpx;
239   - line-height: 44rpx;
  250 + line-height: 44rpx;
240 251 }
241 252
242 253 .card-num {
243   - color: rgba(0,0,0,0.4);
  254 + color: rgba(0, 0, 0, 0.4);
244 255 font-size: 32rpx;
245 256 font-weight: 600;
246   - line-height: 44rpx;
  257 + line-height: 44rpx;
247 258 }
248 259 }
249 260
... ... @@ -251,40 +262,39 @@
251 262 /* 分组入口 */
252 263 .section {
253 264 margin-top: 32rpx;
254   - .section-title {
255   - font-size: 32rpx;
256   - font-weight: 600;
257   - color: rgba(0, 0, 0, 0.9);
258   - line-height: 44rpx;
259   - }
260 265
261   - .grid {
262   - margin-top: 28rpx;
263   - display: grid;
264   - grid-template-columns: repeat(4, 1fr);
265   - gap: 32rpx;
266   - }
  266 + .section-title {
  267 + font-size: 32rpx;
  268 + font-weight: 600;
  269 + color: rgba(0, 0, 0, 0.9);
  270 + line-height: 44rpx;
  271 + }
267 272
268   - .grid-item {
269   - display: flex;
270   - flex-direction: column;
271   - align-items: center;
272   - }
  273 + .grid {
  274 + margin-top: 28rpx;
  275 + display: grid;
  276 + grid-template-columns: repeat(4, 1fr);
  277 + gap: 32rpx;
  278 + }
273 279
274   - .grid-icon {
275   - width: 96rpx;
276   - height: 96rpx;
277   - border-radius: 24rpx;
278   - }
  280 + .grid-item {
  281 + display: flex;
  282 + flex-direction: column;
  283 + align-items: center;
  284 + }
  285 +
  286 + .grid-icon {
  287 + width: 96rpx;
  288 + height: 96rpx;
  289 + border-radius: 24rpx;
  290 + }
279 291
280 292 .grid-text {
281 293 margin-top: 16rpx;
282 294 font-size: 24rpx;
283   - color: rgba(0,0,0,0.6);
  295 + color: rgba(0, 0, 0, 0.6);
284 296 text-align: center;
285 297 }
286 298
287 299 }
288   -
289   -
290 300 </style>
\ No newline at end of file
... ...