refactor：项目升级Vue3+uView Plus

- 改造入口文件、全量替换组件引入
- 过滤器迁移混入，更新忽略配置，新增迁移文档

pages/order/complain/complain.vue

@@ -17,7 +17,7 @@
         <view class="goods-info">
           <view class="goods-title u-line-2">{{ sku.goodsName }}</view>
           <view class="goods-price">
-            ￥{{ sku.flowPrice | unitPrice }}
+            ￥{{unitPrice(sku.flowPrice) }}
           </view>
         </view>
         <view class="goods-num">
@@ -27,7 +27,7 @@
     </view>
 
     <!-- 投诉主题 -->
-    <u-select @confirm="confirmComplain" v-model="complainShow" :list="complainList"></u-select>
+    <u-select @confirm="confirmComplain" v-model:show="complainShow" :list="complainList"></u-select>
     <!-- 投诉模块 -->
     <view class="cell">
       <view class="cell-item between" @click="complainShow = true">
@@ -45,7 +45,7 @@
       <view class="cell-item">
         <view class="cell-title"> 投诉凭证 </view>
         <view class="cell-view">
-          <u-upload ref="uUpload" :header=" { accessToken: storage.getAccessToken() }"   :action="action" width="200" @on-uploaded="onUploaded" :max-count="5">
+          <u-upload :file-list="uploadFileList" :auto-upload="false" width="200" @afterRead="onUploadAfterRead" :max-count="5">
           </u-upload>
         </view>
       </view>
@@ -59,12 +59,12 @@
 import storage from "@/utils/storage.js";
 import { getOrderDetail } from "@/api/order.js";
 import { getComplainReason, addComplain } from "@/api/after-sale.js";
-import { upload } from "@/api/common.js";
+import { handleUploadAfterRead } from "@/utils/uploadHelper.js";
 export default {
   data() {
     return {
       storage,
-      action: upload, //上传图片地址
+      uploadFileList: [],
       orderStatusList: {
         //订单状态列表
         UNDELIVERED: "待发货",
@@ -97,15 +97,10 @@ export default {
   },
 
   methods: {
-    /**
-     * 上传完成
-     */
-    onUploaded(lists) {
-      let images = [];
-      lists.forEach((item) => {
-        images.push(item.response.result);
+    onUploadAfterRead(event) {
+      handleUploadAfterRead(event, this.uploadFileList, (urls) => {
+        this.images = urls;
       });
-      this.images = images;
     },
     /**
      * 提交

pages/order/complain/complainInfo.vue

@@ -2,11 +2,11 @@
   <view class="wrapper">
     <view class="tips">我的投诉信息</view>
     <u-cell-group>
-      <u-cell-item :arrow="false" :value="complainDetail.goodsName" title="投诉商品"></u-cell-item>
-      <u-cell-item :arrow="false" :value="statusData[complainDetail.complainStatus]" title="投诉状态"></u-cell-item>
-      <u-cell-item :arrow="false" :value="complainDetail.createTime" title="投诉时间"></u-cell-item>
-      <u-cell-item :arrow="false" :value="complainDetail.complainTopic" title="投诉主题"></u-cell-item>
-      <u-cell-item :arrow="false" :value="complainDetail.content" title="投诉内容"></u-cell-item>
+      <u-cell :isLink="false" :value="complainDetail.goodsName" title="投诉商品"></u-cell>
+      <u-cell :isLink="false" :value="statusData[complainDetail.complainStatus]" title="投诉状态"></u-cell>
+      <u-cell :isLink="false" :value="complainDetail.createTime" title="投诉时间"></u-cell>
+      <u-cell :isLink="false" :value="complainDetail.complainTopic" title="投诉主题"></u-cell>
+      <u-cell :isLink="false" :value="complainDetail.content" title="投诉内容"></u-cell>
       <view class="row" v-if="complainDetail.orderComplaintImages">
         <u-image width="100rpx" height="100rpx" border-radius="10" style="margin: 0 10rpx" v-for="(item, index) in complainDetail.orderComplaintImages" :key="index" :src="item"
           @click="preview(complainDetail.orderComplaintImages, index)" />
@@ -14,8 +14,8 @@
     </u-cell-group>
     <view class="tips">商家申诉信息</view>
     <u-cell-group>
-      <u-cell-item :arrow="false" :value="complainDetail.appealTime || '暂无'" title="申诉时间"></u-cell-item>
-      <u-cell-item :arrow="false" :value="complainDetail.appealContent || '暂无'" title="申诉内容"></u-cell-item>
+      <u-cell :isLink="false" :value="complainDetail.appealTime || '暂无'" title="申诉时间"></u-cell>
+      <u-cell :isLink="false" :value="complainDetail.appealContent || '暂无'" title="申诉内容"></u-cell>
       <view class="row" v-if="complainDetail.appealImagesList">
         <u-image width="100rpx" height="100rpx" border-radius="10" style="margin: 0 10rpx" v-for="(item, index) in complainDetail.appealImagesList"
           @click="preview(complainDetail.appealImagesList, index)" :key="index" :src="item" />
@@ -46,7 +46,7 @@
 	</div>
     <view class="tips">平台仲裁</view>
     <u-cell-group>
-      <u-cell-item :arrow="false" title="仲裁意见" :value="complainDetail.arbitrationResult || '暂无'"></u-cell-item>
+      <u-cell :isLink="false" title="仲裁意见" :value="complainDetail.arbitrationResult || '暂无'"></u-cell>
     </u-cell-group>
   </view>
 </template>

pages/order/complain/complainList.vue

@@ -15,7 +15,7 @@
         <view class="goods-info" @click="handleToGoods(item)">
           <view class="goods-title u-line-2">{{ item.goodsName }}</view>
           <view class="goods-price">
-            ￥{{ item.goodsPrice | unitPrice }}
+            ￥{{unitPrice(item.goodsPrice) }}
             <!-- <span>+{{ '1' }}积分</span> -->
           </view>
         </view>
@@ -36,7 +36,7 @@
 
     <u-empty v-if="empty" :style="{'marginTop':complaionDetail.total == 0 ? '200rpx':'0rpx'}" class="empty" style="" text="暂无投诉列表" mode="list"></u-empty>
 
-    <u-modal show-cancel-button @confirm="handleClearConfirm" v-model="show" :content="content"></u-modal>
+    <u-modal show-cancel-button @confirm="handleClearConfirm" v-model:show="show" :content="content"></u-modal>
   </view>
 </template>