商家端 消息模块 完成 系统通知 订单通知 活动通知模块

src/pages.json

@@ -15,6 +15,12 @@
         "navigationBarTitleText": "消息"
       }
     },
+    {
+      "path": "pages/tabbar/message/systemNotice",
+      "style": {
+        "navigationBarTitleText": ""
+      }
+    },
     {
       "path": "pages/tabbar/extend/index",
       "style": {

src/pages/tabbar/message/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: yizhiyang
  * @Date: 2023-11-30 09:40:24
- * @Description: 
+ * @Description:
 -->
 <template>
   <view class="message">
@@ -16,7 +16,7 @@
       </view>
     </view>
 
-    <view class="message__note" v-for="value in systemList" :key="value.id">
+    <view class="message__note" v-for="value in systemList" :key="value.id" @click="handlerSkipSystemNotice(value)">
       <image
         slot="icon"
         src="@/static/tools.jpg"
@@ -69,6 +69,7 @@
 </template>
 
 <script>
+import { methods } from 'uview-ui/libs/mixin/mixin';
 export default {
   data() {
     return {
@@ -102,7 +103,7 @@ export default {
           num: '9',
         },
         {
-          id: '1',
+          id: '3',
           name: '活动通知',
           info: '您修改的店铺LOGO审核未通过。',
           time: '10-26',
@@ -125,9 +126,17 @@ export default {
           time: '刚刚',
           num: '9',
         },
-      ],
-    };
+      ]
+    }
   },
+  methods:{
+    // 点击跳转到系统通知
+    handlerSkipSystemNotice(value){
+      uni.navigateTo({
+        url:`/pages/tabbar/message/systemNotice?type=${value.id}`
+      })
+    }
+  }
 };
 </script>
 

src/pages/tabbar/message/systemNotice.vue

@@ -0,0 +1,117 @@
+<template>
+  <view class="container">
+    <!-- 系统通知 /  订单通知-->
+    <view class="content-item" v-for="item of 2" v-show="type == 1 || type == 2">
+      <p class="item-time">2023-10-26 23:35</p>
+      <view class="item">
+        <view class="item-box">
+          <p class="item-title"> 店铺LOGO审核通过 </p>
+          <p class="item-content"> 您修改的店铺LOGO审核通过 </p>
+        </view>
+        <view class="item-bottom">
+          <p>点击查看详情</p>
+          <u-icon name="arrow-right" color="#A1A1A1" size="18"></u-icon>
+        </view>
+      </view>
+    </view>
+
+    <!-- 活动通知 -->
+    <view class="content-item2" v-for="item of 2" v-show='type == 3'>
+      <p class="item-time">2023-10-26 23:35</p>
+      <view class="item">
+        <view class="item-box">
+          <p class="item-content"> 您修改的店铺LOGO审核通过 </p>
+          <img class="item-img" src="@/static/logo.png" alt="">
+        </view>
+        <view class="item-bottom">
+          <p>点击查看详情</p>
+          <u-icon name="arrow-right" color="#A1A1A1" size="18"></u-icon>
+        </view>
+      </view>
+    </view>
+
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        type: 0
+      }
+    },
+    onLoad(option) {
+      this.type = option.type
+      console.log('type',this.type);
+      if(this.type == 1){
+        uni.setNavigationBarTitle({
+          title: '系统通知'
+        });
+      }else if(this.type == 2){
+        uni.setNavigationBarTitle({
+          title: '订单通知'
+        });
+      }else{
+        uni.setNavigationBarTitle({
+          title: '活动通知'
+        });
+      }
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .container {
+    padding: 20rpx;
+    min-height: calc(100vh - 40rpx);
+    background-color: #F5F5F5 !important;
+    .content-item,.content-item2{
+      .item-time{
+        text-align: center;
+        color: #999999;
+        font-size:26rpx;
+      }
+      .item{
+        background-color: #FBFBFB;
+        margin: 20rpx 0;
+        border-radius: 20rpx;
+        padding: 20rpx;
+        .item-box{
+          .item-title{
+            color: #000;
+            font-size:28rpx;
+          }
+          .item-content{
+            color: #999999;
+            font-size:26rpx;
+            margin-top: 20rpx;
+          }
+        }
+        .item-bottom{
+          border-top: 2rpx solid #F5F5F5;
+          padding-top: 10rpx;
+          color: #A1A1A1;
+          display: flex;
+          justify-content: space-between;
+          margin-top: 20rpx;
+          font-size: 26rpx
+        }
+      }
+    }
+    .content-item2{
+      .item-img{
+        width: 100%;
+        height: 350rpx;
+        margin-top: 20rpx;
+      }
+      .item-content{
+        color: #999999;
+        font-size:26rpx;
+        margin-top: 0;
+      }
+    }
+  }
+</style>

src/pages/tabbar/mine/openStore/openStoreAppealDetail.vue

@@ -29,6 +29,49 @@
       </view>
     </view>
 
+    <view class="content-item2">
+      <view class="item2-box">
+        <img class="img2" src="@/static/logo.png" alt="">
+        <view class='img-text'>店铺门面图(需包含完整牌匾)</view>
+      </view>
+        <view class="item2-box">
+          <img class="img2" src="@/static/logo.png" alt="">
+          <view class='img-text'>店内真实环境</view>
+        </view>
+    </view>
+
+    <view class="content-item2">
+      <view class="item-l">
+        <p> 法人姓名 : yizhiyang的鲜花店(云岩区店) </p>
+        <p> 性别 : yizhiyang Flowers Shop(Yunyan District Store) </p>
+        <p> 证件类型 : yizhiyang的鲜花店 </p>
+        <p> 证件号码 : yizhiyang的鲜花店 </p>
+        <p> 有效期 : yizhiyang的鲜花店 </p>
+      </view>
+      <view class="item2-box">
+        <img class="img2" src="@/static/logo.png" alt="">
+        <view class='img-text'>证件正面图(国徽图)</view>
+      </view>
+        <view class="item2-box">
+          <img class="img2" src="@/static/logo.png" alt="">
+          <view class='img-text'>证件反面图(人像图)</view>
+        </view>
+    </view>
+
+    <view class="content-item2">
+      <view class="item-l">
+        <p> 证件名称 : yizhiyang的鲜花店(云岩区店) </p>
+        <p> 证件编号 : yizhiyang Flowers Shop(Yunyan District Store) </p>
+        <p> 有效期 : yizhiyang的鲜花店 </p>
+      </view>
+      <view class="item2-box">
+        <img class="img2" src="@/static/logo.png" alt="">
+        <view class='img-text'>证件正面图</view>
+      </view>
+    </view>
+
+    <button class="btn" @click="handlerSkipHome">确定</button>
+
   </view>
 </template>
 
@@ -38,13 +81,21 @@
       return{
 
       }
+    },
+    methods:{
+      // 点击跳转到主页
+      handlerSkipHome(){
+        uni.switchTab({
+          url:'/pages/tabbar/mine/index'
+        })
+      }
     }
   }
 </script>
 
 <style lang="scss" scoped>
   page{
-    
+
   }
   .container{
     padding: 20rpx;
@@ -72,5 +123,33 @@
         height: 100rpx;
       }
     }
+    .content-item2{
+      background-color: #fff;
+      border-radius: 20rpx;
+      padding: 20rpx;
+      margin: 20rpx 0;
+      .item-l{
+        p{
+          margin: 20rpx 0;
+          line-height: 50rpx;
+        }
+      }
+      .item2-box{
+        text-align: center;
+        margin-bottom: 20rpx;
+        .img2{
+          width: 100%;
+          height: 400rpx;
+        }
+      }
+    }
+    .btn {
+      background-color: #5992BB !important;
+      color: #fff;
+      font-size: 32rpx;
+      border-radius: 40rpx;
+      margin-top: 40rpx;
+      width: 95%;
+    }
   }
 </style>