update 增加去审核

src/pages.json

@@ -51,12 +51,6 @@
         "navigationBarTitleText": "付款审核"
       }
     },
-    {
-      "path": "pages/index/paying",
-      "style": {
-        "navigationBarTitleText": "待支付"
-      }
-    },
     {
       "path": "pages/index/shipmenting",
       "style": {
@@ -75,6 +69,12 @@
         "navigationBarTitleText": "出货结算"
       }
     },
+    {
+      "path": "pages/review/index",
+      "style": {
+        "navigationBarTitleText": "去审核"
+      }
+    },
     {
       "path": "pages/index/settlement",
       "style": {
@@ -246,37 +246,7 @@
       }
     },
     //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-
-    // {
-    //   "path": "pages/login/index",
-    //   "style": {
-    //     "navigationBarTitleText": "登陆注册",
-    //     "navigationBarBackgroundColor": "#FFF"
-    //   }
-    // },
-    // {
-    //   "path": "pages/formItem/index",
-    //   "style": {
-    //     "navigationBarTitleText": "form 测试",
-    //     "navigationBarBackgroundColor": "#FFF"
-    //   }
-    // }
   ],
-  // "tabBar": {
-  //   // "selectedColor": "#ff7d59",
-  //   "list": [{
-  //     "pagePath": "pages/index/index",
-  //     "text": "首页",
-  //     "iconPath": "",
-  //     "selectedIconPath": ""
-  //   },
-  //   {
-  //     "pagePath": "pages/login/index",
-  //     "text": "登陆",
-  //     "iconPath": "",
-  //     "selectedIconPath": ""
-  //   }]
-  // },
   "globalStyle": {
     "navigationBarTextStyle": "black",
     "navigationBarTitleText": "智能回收",

src/pages/index/index copy.vue

@@ -1,73 +0,0 @@
-<template>
-  123
-  <view class="launch-start">
-    <AvaSwiper :list="bannerDate"></AvaSwiper>
-    <swiper indicator-dots autoplay circular class="c-swiper-container">
-      <swiper-item v-for="(item, index) in list" :key="index">
-        <view class="c-text-center">
-          <image mode="widthFix" :src="item.url" @tap="onPreviewImage(item.url)"/>
-        </view>
-        <view class="desc">
-          <text>{{ item.title }}</text>
-        </view>
-      </swiper-item>
-    </swiper>
-  </view>
-</template>
-
-<script setup lang="ts">
-import type { BannerItem } from '@/types/home';
-
-const bannerDate = ref<BannerItem[]>([
-  {
-    id: 1,
-    herfUrl: '',
-    imgUrl: "https://cdn.uviewui.com/uview/swiper/swiper1.png",
-  },
-  {
-    id: 2,
-    herfUrl: '',
-    imgUrl:  "https://cdn.uviewui.com/uview/swiper/swiper2.png",
-  }
-])
-const list = ref([
-  {
-    url: "https://cdn.uviewui.com/uview/swiper/swiper1.png",
-    title: "智能回收，智慧未来！",
-  },
-  {
-    url: "https://cdn.uviewui.com/uview/swiper/swiper2.png",
-    title: "高效管理，安全快捷！",
-  },
-  {
-    url: "https://cdn.uviewui.com/uview/swiper/swiper1.png",
-    title: "全新系统，崭新界面！",
-  },
-  {
-    url: "https://cdn.uviewui.com/uview/swiper/swiper3.png",
-    title: "全城握手，致富从这里开始",
-  },
-]);
-const onPreviewImage = (url: string) => {
-  uni.previewImage({
-    current: url,
-    urls: list.value.map(v=>v.url),
-  })
-}
-</script>
-
-<style lang="scss" scoped>
-.launch-start {
-  height: 100vh;
-  padding: 40px;
-  .c-swiper-container {
-    height: calc(100% - 100px);
-  }
-  .desc {
-    text-align: center;
-    position: absolute;
-    width: 100%;
-    bottom: 100px;
-  }
-}
-</style>

src/pages/index/index.vue

@@ -553,14 +553,14 @@ onMounted(() => {
 }
 .tabBar {
   background: url("/static/img/TabMenu/bg.png");
-  height: 141.28rpx;
+  height: 140rpx;
   background-size: cover;
   position: sticky;
   width: 100%;
   bottom: 0px;
   .tabMenuBox {
-    padding-top: 35rpx;
+    padding-top: 30rpx;
-    font-size: 27rpx;
+    font-size: 28rpx;
     font-family: Source Han Sans CN;
     font-weight: 400;
     color: #999999;

src/pages/index/payReview.vue

@@ -29,6 +29,14 @@
     </view>
 
     <block v-for="item in 10" :key="item">
+      <view class="c-layout">
+        <view
+          ><checkbox
+            value="cb"
+            :color="'#00D2E3'"
+            :checked="true"
+            style="transform: scale(0.5)"
+        /></view>
         <view class="inner-box">
           <view class="top-flex-box">
             <view>
@@ -51,13 +59,16 @@
             </view>
             <view>
               <text class="btn">
-              <text v-if="currentTab === '等待审核'">去审核</text>
+                <text v-if="currentTab === '等待审核'" @click="handleReview"
+                  >去审核</text
+                >
                 <text v-if="currentTab === '已审未付'">去支付</text>
                 <text v-if="currentTab === '已审已付'">查看</text>
               </text>
             </view>
           </view>
         </view>
+      </view>
 
       <view class="line" v-show="item !== 10"> </view>
     </block>
@@ -89,6 +100,11 @@ const currentTab = ref("等待审核");
 const handleTab = (item: any) => {
   currentTab.value = item.name;
 };
+const handleReview = () => {
+  uni.navigateTo({
+    url: "/pages/review/index", // 要跳转到的页面路径
+  });
+};
 </script>
 <style lang="scss" scoped>
 .search {
@@ -131,8 +147,14 @@ const handleTab = (item: any) => {
       border-radius: 5rpx;
     }
   }
+  .c-layout {
+    display: flex;
+    justify-content: space-between;
+    padding: 30rpx 25rpx 30rpx 0rpx;
+  }
   .inner-box {
-    padding: 40rpx 40rpx;
+    width: 100%;
+    // padding: 40rpx 40rpx;
     .bottom-flex-box {
       display: flex;
       justify-content: space-between;

src/pages/index/paying.vue

@@ -1,7 +0,0 @@
-<template>
-  待定价
-</template>
-<script setup lang="ts">
-</script>
-<style lang="scss" scoped>
-</style>

src/pages/review/index.vue

@@ -0,0 +1,257 @@
+<template>
+  <view class="c-card">
+    <view class="box" v-for="item in 1" :key="item">
+      <view class="base">
+        <view>
+          <view class="supplier"> 上海奉贤两网融合（大磅） </view>
+        </view>
+      </view>
+      <view class="flex-box1">
+        <view class="type">轻二</view>
+        <view class="btn">
+          <view
+            ><u-tag
+              text="现场照片"
+              plain
+              shape="circle"
+              :bgColor="'rgba(237, 254, 255, 1)'"
+            ></u-tag
+          ></view>
+          <view
+            ><u-tag
+              text="收货单作废"
+              plain
+              shape="circle"
+              :borderColor="'rgba(255, 147, 68, 1) !important'"
+              :bgColor="'rgba(255, 240, 229, 1)'"
+              :color="'rgba(255, 157, 85, 1) !important'"
+            ></u-tag
+          ></view>
+          <view
+            ><u-tag
+              text="编辑信息"
+              plain
+              shape="circle"
+              :borderColor="'rgba(0, 238, 78, 1) !important'"
+              :bgColor="'rgba(227, 255, 236, 1)'"
+              :color="'rgba(0, 238, 78, 1) !important'"
+            ></u-tag
+          ></view>
+        </view>
+      </view>
+      <view class="flex-box">
+        <text>定价人：谭兵</text>
+        <text>创建时间：2023-09-01 13:23:33</text>
+      </view>
+
+      <view class="more">
+        <view v-for="(item, index) in gridList1" :key="index">
+          <text v-if="item.name">{{ item.name }}：</text
+          ><text
+            >{{ item.isBefore ? item.unit : "" }}
+            {{ item.num }}
+            {{ item.isBefore ? "" : item.unit }}
+          </text>
+        </view>
+      </view>
+    </view>
+    <view class="op-btn">
+      <view class="c-btn-review">
+        <view> 审核暂不支付 </view>
+        <view class="active"> 审核立即支付 </view>
+      </view>
+      <view>
+        <u-button
+          text="重新过皮"
+          plain
+          :customStyle="{
+            color: 'rgba(0, 220, 238, 1)',
+            border: '1px solid #00DCEE',
+            'border-radius': '43rpx',
+          }"
+        ></u-button>
+      </view>
+      <view>
+        <u-button
+          text="打印"
+          type="primary"
+          :customStyle="{ 'border-radius': '43rpx' }"
+        ></u-button>
+      </view>
+    </view>
+  </view>
+</template>
+<script setup lang="ts">
+const keyword = ref("");
+const gridList1 = reactive([
+  {
+    name: "毛重",
+    num: "4080.00",
+    unit: "KG",
+    isBefore: false,
+  },
+  {
+    name: "皮重",
+    num: "3450.00",
+    unit: "KG",
+    isBefore: false,
+  },
+  {
+    name: "扣杂",
+    num: "640.00",
+    unit: "KG",
+    isBefore: false,
+  },
+  {},
+  {
+    name: "净重",
+    num: "640.00",
+    unit: "KG",
+    isBefore: false,
+  },
+  {
+    name: "单价",
+    num: "2.48",
+    unit: "元/千克",
+    isBefore: false,
+  },
+  {
+    name: "预估总价",
+    num: "2.48",
+    unit: "元",
+    isBefore: false,
+  },
+  {
+    name: "贷款总价",
+    num: "2.48",
+    unit: "元",
+    isBefore: false,
+  },
+]);
+const handleScenePhoto = () => {
+  uni.navigateTo({
+    url: "/pages/scenePhoto/index", // 要跳转到的页面路径
+  });
+};
+</script>
+<style lang="scss" scoped>
+.c-card {
+  margin: 30rpx 25rpx;
+  .box {
+    background: #ffffff;
+    box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(5, 68, 37, 0.12);
+    border-radius: 13rpx;
+    padding: 30rpx;
+    .base {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .no {
+        font-weight: 400;
+        font-size: 21rpx;
+        color: #000000;
+      }
+      .supplier {
+        font-weight: 400;
+        font-size: 24rpx;
+        color: #000000;
+      }
+      .btn {
+        border-radius: 24rpx;
+        border: 1px solid #00dcee;
+        padding: 10rpx 30rpx;
+        font-weight: 500;
+        font-size: 24rpx;
+        color: #00dcee;
+        line-height: 41rpx;
+      }
+    }
+    .name {
+      font-weight: 400;
+      font-size: 27rpx;
+      color: #000000;
+      margin: 15rpx 0rpx;
+      text {
+        background-color: #ffaf75;
+        font-weight: 500;
+        font-size: 16rpx;
+        color: #ffffff;
+        padding: 5rpx 20rpx;
+        margin-left: 20rpx;
+      }
+    }
+
+    .flex-box1 {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin: 20rpx 0rpx;
+      .type {
+        font-weight: 400;
+        font-size: 27rpx;
+        color: #ec0f3e;
+      }
+      .btn {
+        display: flex;
+        > view + view {
+          margin-left: 10rpx;
+        }
+      }
+    }
+    .flex-box {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-weight: 400;
+      font-size: 24rpx;
+      color: #999999;
+      border-bottom: 1rpx solid rgba(233, 233, 233, 0.76);
+      padding-bottom: 20rpx;
+    }
+  }
+  .more {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    flex: 1;
+    font-weight: 400;
+    font-size: 24rpx;
+    color: #000000;
+    padding: 25rpx 0rpx 0rpx 0rpx;
+    > view {
+      line-height: 50rpx;
+    }
+  }
+  .op-btn {
+    width: 80%;
+    margin: 0px auto;
+    margin-top: 100rpx;
+    .c-btn-review {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      background: #f5f5f5;
+      border-radius: 38rpx;
+      text-align: center;
+      margin-bottom: 80rpx;
+      > view {
+        width: 50%;
+        text-align: center;
+        font-weight: 500;
+        font-size: 27rpx;
+        color: #999999;
+      }
+      .active {
+        background: #00dcee;
+        border-radius: 38rpx;
+        font-weight: 500;
+        font-size: 27rpx;
+        color: #ffffff;
+        padding: 20rpx 30rpx;
+      }
+    }
+    > view + view {
+      margin-top: 30rpx;
+    }
+  }
+}
+</style>