遍历添加索引优化

src/pages/staff/income.vue

@@ -6,14 +6,14 @@
 		</view>
 		<view class="list">
 			<view class="tabs">
-				<view class="tabsItem" :class="{'active': tabsIndex === index}" v-for="(item,index) in tabs" @click="handlechange(item, index)">{{ item }}</view>
+				<view class="tabsItem" :class="{'active': tabsIndex === index}" v-for="(item,index) in tabs" :key="index" @click="handlechange(item, index)">{{ item }}</view>
 			</view>
 			<view class="all">
 				<view class="incomeList">
-					<view class="listItem" v-for="(item, index) in incomeList">
+					<view class="listItem" v-for="(item, index) in incomeList" :key="index">
 						<view class="date">{{ item.date }}</view>
 						<view class="subList">
-							<view class="subItem" v-for="(sub, subindex) in item.records">
+							<view class="subItem" v-for="(sub, subindex) in item.records" :key="subindex">
 								<view class="top">
 									<view class="left">
 										<view class="name">{{ sub.projectNames }}</view>
@@ -31,10 +31,10 @@
 			</view>
 			<view class="pending">
 				<view class="incomeList">
-					<view class="listItem" v-for="(item, index) in incomeList">
+					<view class="listItem" v-for="(item, index) in incomeList" :key="index">
 						<view class="date">{{ item.date }}</view>
 						<view class="subList">
-							<view class="subItem" v-for="(sub, subindex) in item.records">
+							<view class="subItem" v-for="(sub, subindex) in item.records" :key="subindex">
 								<view class="top">
 									<view class="left">
 										<view class="name">{{ sub.projectNames }}</view>
@@ -52,10 +52,10 @@
 			</view>
 			<view class="pass">
 				<view class="incomeList">
-					<view class="listItem" v-for="(item, index) in incomeList">
+					<view class="listItem" v-for="(item, index) in incomeList" :key="index">
 						<view class="date">{{ item.date }}</view>
 						<view class="subList">
-							<view class="subItem" v-for="(sub, subindex) in item.records">
+							<view class="subItem" v-for="(sub, subindex) in item.records" :key="subindex">
 								<view class="top">
 									<view class="left">
 										<view class="name">{{ sub.projectNames }}</view>

src/pages/staff/withdraw.vue

@@ -2,14 +2,14 @@
 	<div class="income">
 		<view class="list">
 			<view class="tabs">
-				<view class="tabsItem" :class="{'active': tabsIndex === index}" v-for="(item,index) in tabs" @click="handlechange(item, index)">{{ item }}</view>
+				<view class="tabsItem" :class="{'active': tabsIndex === index}" v-for="(item,index) in tabs" :key="index" @click="handlechange(item, index)">{{ item }}</view>
 			</view>
 			<view class="all">
 				<view class="incomeList">
-					<view class="listItem" v-for="(item, index) in incomeList">
+					<view class="listItem" v-for="(item, index) in incomeList" :key="index">
 						<view class="date">{{ item.date }}</view>
 						<view class="subList">
-							<view class="subItem" v-for="(sub, subindex) in item.records">
+							<view class="subItem" v-for="(sub, subindex) in item.records" :key="subindex">
 								<view class="top">
 									<view class="left">
 										<view class="name">提现申请</view>
@@ -30,10 +30,10 @@
 			</view>
 			<view class="pending">
 				<view class="incomeList">
-					<view class="listItem" v-for="(item, index) in incomeList">
+					<view class="listItem" v-for="(item, index) in incomeList" :key="index">
 						<view class="date">{{ item.date }}</view>
 						<view class="subList">
-							<view class="subItem" v-for="(sub, subindex) in item.list">
+							<view class="subItem" v-for="(sub, subindex) in item.list" :key="subindex">
 								<view class="top">
 									<view class="left">
 										<view class="name">提现申请</view>
@@ -53,10 +53,10 @@
 			</view>
 			<view class="pass">
 				<view class="incomeList">
-					<view class="listItem" v-for="(item, index) in incomeList">
+					<view class="listItem" v-for="(item, index) in incomeList" :key="index">
 						<view class="date">{{ item.date }}</view>
 						<view class="subList">
-							<view class="subItem" v-for="(sub, subindex) in item.list">
+							<view class="subItem" v-for="(sub, subindex) in item.list" :key="subindex">
 								<view class="top">
 									<view class="left">
 										<view class="name">提现申请</view>
@@ -76,10 +76,10 @@
 			</view>
 			<view class="cancel">
 				<view class="incomeList">
-					<view class="listItem" v-for="(item, index) in incomeList">
+					<view class="listItem" v-for="(item, index) in incomeList" :key="index">
 						<view class="date">{{ item.date }}</view>
 						<view class="subList">
-							<view class="subItem" v-for="(sub, subindex) in item.list">
+							<view class="subItem" v-for="(sub, subindex) in item.list" :key="subindex">
 								<view class="top">
 									<view class="left">
 										<view class="name">提现申请</view>

src/points/productDetails/addressManagement.vue

@@ -9,7 +9,7 @@
             </u-navbar>
 
             <view class="content">
-                <view class="item" v-for="item in list">
+                <view class="item" v-for="(item,index) in list" :key="index">
                     <view class="addressName">{{ item.addressName }}</view>
                     <view style="display: flex;justify-content: space-between;align-items: center;">
                         <view style="display: flex;align-items: center;">
@@ -41,7 +41,7 @@
                 }" @click="redeemNowFun">新增地址</u-button>
             </view>
 
-           
+
             <u-popup :show="selectProductShowPopup" mode="bottom" round="10">
                 <!-- <SelectProduct ref="selectProductRef" @closeSelectProduct="closeSelectProduct"></SelectProduct> -->
             </u-popup>
@@ -145,7 +145,7 @@ export default {
         text-align: center;
         font-style: normal;
         text-transform: none;
-        
+
 
     }
 }
@@ -239,4 +239,4 @@ export default {
         }
     }
 }
-</style>
+</style>

src/points/productDetails/applyExchange.vue

@@ -52,7 +52,8 @@
                     </u--form>
                     <view v-if="fileList.length > 0"
                         style="display: flex;flex-direction: row;flex-wrap: wrap;gap: 24rpx;">
-                        <view v-for="value in fileList"
+                        <view v-for="(value,index) in fileList"
+                              :key="index"
                             style="position: relative;width: calc(25% - 20rpx);margin-top: 20rpx;display: flex;">
                             <image style="width: 144rpx;height: 144rpx;" :src="value.url" mode="">
                             </image>
@@ -106,7 +107,7 @@ export default {
     onLoad(data) {
         if (data) {
             console.log(data, '66666666')
-            //decodeURIComponent (data) 
+            //decodeURIComponent (data)
             if (data.orderId) this.orderId = data.orderId
             if (data.orderNo) this.orderNo = data.orderNo
             this.getOrderInfo();
@@ -350,4 +351,4 @@ export default {
 
 
 }
-</style>
+</style>

src/points/productDetails/applyRefund.vue

@@ -18,9 +18,9 @@
                         <u-radio-group v-model="selectReason" @change="groupChange">
                             <view style="width: 100%;">
                                 <!-- //1 未收到，申请退款 list；  2.已收到货，申请退款 list2     3.已收货-换货申请 list3-->
-                                <view class="item" v-for="(item,index) in filteredList">
+                                <view class="item" v-for="(item,index) in filteredList" :key="index">
                                     <view v-if="item.title" class="title">{{ item.title }}：</view>
-                                    <view class="obj" v-if="obj.show" v-for="obj in item.data" style="width: 100%;"
+                                    <view class="obj" v-if="obj.show" v-for="(obj,i) in item.data" :key="i" style="width: 100%;"
                                         @click="groupChange(obj.value)">
                                         <view class="radioBox">
                                             <u-radio activeColor="#03C1B8 " :name=obj.value></u-radio>{{ obj.text }}
@@ -157,7 +157,7 @@ export default {
     },
     computed: {
         filteredList() {
-            
+
             // 未收货 → 退款原因 list1
             if (this.receiptStatus === 'notReceived') {
                 return this.list1
@@ -510,4 +510,4 @@ export default {
 
 
 }
-</style>
+</style>

src/points/productDetails/components/selectProduct.vue

@@ -51,12 +51,12 @@
         </view>
         <!--选择规格 -->
         <view class="specClass">
-            <view v-for="arr in specList">
+            <view v-for="(arr,index) in specList" :key="index">
                 <view class="title">{{ arr[0] }} ({{ Array.from(arr[1]).length }})</view>
                 <view class="specWrap">
                     <view class="specCombination" @click="selectedSpecFun(value, arr[0])"
                         :class="selectedObj ? selectedObj.specValueText.indexOf(value) != -1 ? 'active' : '' : ''"
-                        v-for="value in Array.from(arr[1])">
+                        v-for="(value,i) in Array.from(arr[1])" :key="i">
                         {{ value }}
                     </view>
                 </view>

src/points/productDetails/index.vue

@@ -31,7 +31,7 @@
           <view class="productName"> {{ params.name }}</view>
           <view class="discribeClass">{{ params.summary }}</view>
           <view class="serviceClass">
-            <view v-for="item in servicePromiseArr">
+            <view v-for="(item,index) in servicePromiseArr" :key="index">
               <view style="display: flex;align-items: center;" v-if="item.isShow">
                 <ImageItem style="width: 24rpx;height: 24rpx;margin-right: 4rpx;" :src="item.icon" />
                 <view style="margin-right: 24rpx;">{{ item.name }}</view>
@@ -92,7 +92,7 @@
         <!-- 第三行商品详情 -->
         <view class="produceDateil">
           <view style="font-weight: 800;font-size: 32rpx;color: #333333;">商品详情</view>
-          <view v-for="img in params.productImage" style="margin-top: 20rpx;">
+          <view v-for="(img,index) in params.productImage" :key="index" style="margin-top: 20rpx;">
             <image style="width: 100%;" :src="$globalData.publicUrl + img" mode="widthFix"></image>
           </view>
 
@@ -361,7 +361,7 @@ export default {
         return
       }
       if (this.selectPayMeth == 1) {
-        //微信支付 
+        //微信支付
         this.weixinPay(params)
       } else if (this.selectPayMeth == 2) {
         //余额支付
@@ -379,8 +379,8 @@ export default {
         wx.config({
           beta: true,
           debug: false,
-          appId: this.wxconfig.appId, // 公众号ID 
-          // appId: uni.getAppBaseInfo().host.appId, // 公众号ID 
+          appId: this.wxconfig.appId, // 公众号ID
+          // appId: uni.getAppBaseInfo().host.appId, // 公众号ID
           timestamp: this.wxconfig.timestamp, // 时间戳，自1970年以来的秒数
           nonceStr: this.wxconfig.nonceStr, // 随机串
           signature: this.wxconfig.signature, // 微信签名方式
@@ -746,4 +746,4 @@ export default {
     }
   }
 }
-</style>
+</style>

src/points/productDetails/pendingPayment.vue

@@ -145,7 +145,7 @@
                     <view class="reason">请选择退款原因</view>
                     <u-radio-group v-model="selectReason">
                         <view style="padding: 0 20rpx 24rpx 20rpx;width: 100%;">
-                            <view class="radioBox" v-for="item in selectReasonList" @click="groupChange(item.value)">
+                            <view class="radioBox" v-for="(item,index) in selectReasonList" :key="index" @click="groupChange(item.value)">
                                 <u-radio activeColor="#03C1B8 " :name=item.value></u-radio>{{ item.text }}
                             </view>
                         </view>
@@ -283,7 +283,7 @@ export default {
                 return
             }
             if (this.orderInfo.payType == 1) {
-                //微信支付 
+                //微信支付
                 this.weixinPay()
             } else if (this.orderInfo.payType == 2) {
                 //余额支付
@@ -319,8 +319,8 @@ export default {
                 wx.config({
                     beta: true,
                     debug: false,
-                    appId: this.wxconfig.appId, // 公众号ID 
-                    // appId: uni.getAppBaseInfo().host.appId, // 公众号ID 
+                    appId: this.wxconfig.appId, // 公众号ID
+                    // appId: uni.getAppBaseInfo().host.appId, // 公众号ID
                     timestamp: this.wxconfig.timestamp, // 时间戳，自1970年以来的秒数
                     nonceStr: this.wxconfig.nonceStr, // 随机串
                     signature: this.wxconfig.signature, // 微信签名方式