五粮液待办弹窗暂存

package-lock.json

@@ -5754,9 +5754,9 @@
       }
     },
     "mayi-front-tools": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/mayi-front-tools/-/mayi-front-tools-1.0.1.tgz",
-      "integrity": "sha512-xEkLnrY5VDU9ooonUwQyiKcOHuNhGq8MJ7dlNfM3QUlUWmZVxZj5r2Aa8yQI/ukfQdl1p5RUFjmIPfSZRQKMjQ=="
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/mayi-front-tools/-/mayi-front-tools-1.0.3.tgz",
+      "integrity": "sha512-tiMgJbyKBqbHbSApNC7zDok35ETRqu6tssyFwJZvIuwQWaJH8iiGJKOchXvDzjHm8yHiBKRb62FqqWaaG03/Kg=="
     },
     "md5.js": {
       "version": "1.3.5",

src/App.vue

@@ -18,8 +18,8 @@ export default {
       let shopItem = {
         // development: { mixid: "IR8rkL", "shopid": 3813}, //道可测试1
         // development: { mixid: "iLntd3", "shopid": 3814}, //道可测试2
-        // development: { mixid: "ssa", "shopid": 2342}, //五粮液uat
-        development: { mixid: "antgood", "shopid": 67},
+        development: { mixid: "ssa", "shopid": 2342}, //五粮液uat
+        // development: { mixid: "antgood", "shopid": 67},
         production: { "mixid":"xhyxshop", "shopid": 1095 }, // 小工蚁新零售
         // production: { "mixid":"AntTechnology", "shopid": 1095 }, // 小工蚁新零售
         // production: { "mixid":"qiyeCT", "shopid": 1045 }, // 道可

src/components/common/WLYToDoList.vue

+<template>
+  <!-- 五粮液-营销端-待办事项 -->
+  <div class="WLYToDoList" v-if="show" catchtouchmove="ture">
+    <div class="WLYToDoList__bg" @click="bgHide"></div>
+    <div class="WLYToDoList__content">
+      <div class="WLYToDoList__content__title">待办事项</div>
+      <div class="WLYToDoList__content__list">
+        <div class="WLYToDoList__content__list__item" v-for="(item,index) in list" :key="index" @click="toPage(item)">
+          <div class="WLYToDoList__content__list__item__label">{{ item.label }}</div>
+          <div class="WLYToDoList__content__list__item__count">{{ item.count }}项 <i class="iconfont icon-tubiao_jiyao-xiangyou"></i></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script type="text/ecmascript-6">
+const app = getApp();
+const { log } = app;
+export default {
+  name: "",
+  data() {
+    return {
+      show: true,
+      list: [
+        {
+          id: 0,
+          label: "品鉴会商家对接",
+          count: 0,
+          link: "https://uat-zanmall-m.cipmp.com/#/pages/advanceOrder/index?getMixId=1&noLogin=true&advanceOrderStatus=reserve",
+        },
+        {
+          id: 0,
+          label: "餐费待确认",
+          count: 0,
+          link: "https://uat-zanmall-m.cipmp.com/#/pages/advanceOrder/index?getMixId=1&noLogin=true&advanceOrderStatus=",
+        }
+      ]
+    }
+  },
+  components: {},
+  computed: {},
+  created() { 
+    console.log('WLYToDoList-created')
+    this.init();
+  },
+  mounted() { },
+  methods: {
+    init() {
+      // 获取待办数据
+      
+    },
+    bgHide() {
+      console.log("bgHide")
+      this.show = false;
+    },
+    toPage(item) {
+      app.$themeToLink({
+        key: "1.5",
+        link: item.link,
+        name: item.link,
+        type: 1.2
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.WLYToDoList {
+  z-index: 999;
+  position: fixed;
+  width: 100vw;
+  height: 100%;
+  left: 0;
+  bottom: 0;
+  margin: 0 auto;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &__bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100%;
+    z-index: 6;
+    background: rgba(0, 0, 0, 0.4);
+    opacity: 0.8;
+  }
+
+  &__content {
+    box-sizing: border-box;
+    width: 80%;
+    border-radius: 8px;
+    overflow: hidden;
+    z-index: 11;
+    padding: 20px;
+    background: #fff;
+    &__title{
+      text-align: center;
+      font-size: 16px;
+      font-weight: bold;
+      color: #333;
+    }
+    &__list{
+      margin-top: 10px;
+      &__item{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 10px 6px;
+        font-size: 14px;
+        color: #333;
+        &:not(:first-child) {
+          border-top: 1px solid #e5e5e5;
+        }
+        &__count{
+          display: flex;
+          color: #e5515b;
+          align-items: center;
+        }
+      }
+    }
+  }
+}
+</style>

src/pages/home/index.vue

@@ -153,6 +153,8 @@
     <TwoBAddCart></TwoBAddCart>
     <!-- 麦贝思-客户选择标签 -->
     <SWQUserSelectTag ref="SWQUserSelectTag"></SWQUserSelectTag>
+    <!-- 五粮液-营销端-弹窗展示待办 -->
+    <WLYToDoList></WLYToDoList>
   </div>
 </template>
 
@@ -190,6 +192,7 @@ import GoodsFliters from "../../components/common/GoodsFliters";
 import SelectGoods from "../../components/common/SelectGoods";
 import TwoBAddCart from "../../components/common/TwoBAddCart";
 import SWQUserSelectTag from "../../components/common/SWQUserSelectTag";
+import WLYToDoList from "../../components/common/WLYToDoList";
 import { setTabBarActive, checkTabbarPage,themeColor, checkShowConditionIds, setStoreInfo, getStoreInfo } from "../../utils/mayi.js";
 import indexApi from "@/api/index.js";
 import { throttle, concatUrl } from "../../utils/index.js"
@@ -270,7 +273,8 @@ export default {
     StoreAddr,
     pageLoading,
     CustomNav,
-    SWQUserSelectTag
+    SWQUserSelectTag,
+    WLYToDoList
 },
   computed: {
     applySucessEntryFlag() {

src/pages/home/main.json

@@ -3,6 +3,7 @@
     "van-tabs": "/static/vant/tabs/index",
     "van-tab": "/static/vant/tab/index",
     "van-card": "/static/vant/card/index",
+    "van-popup": "/static/vant/popup/index",
     "van-loading": "/static/vant/loading/index",
     "banner": "/static/nativeComponents/Banner/index",
     "goods-list": "/static/nativeComponents/GoodsList/index",