photo

public/index.html

@@ -61,9 +61,7 @@
       <div class="loading-image">
         <img src="./images/Loading.png" width="100%" alt="">
       </div>
-      <!-- <div class="loading-tips">
-        <img src="./images/Loading.png" width="100%" alt="">
-      </div> -->
+
     </div>
   </div>
   <div id="app"></div>

src/components/StrongPhoto.vue

@@ -29,12 +29,12 @@
     </div>
 
     <div class="PhotoList-box">
-      <div class="PhotoList-box-text">
-        <div></div>
-        <span>1122222</span>
-      </div>
-      <div class="PhotoList-box-images">
-        <span v-for="(image, index) in imageList" :key="index">
+      <div class="PhotoList-box-images" v-for="(item, index) in newArrImageList" :key="index">
+        <div class="PhotoList-box-text">
+          <div></div>
+          <span>{{item.createDate}}</span>
+        </div>
+        <span v-for="(image, index) in item.res" :key="index">
           <van-image width="31vw" :src="image.url" style="padding:0 3px 0 2px" />
         </span>
       </div>
@@ -44,6 +44,7 @@
 
 <script>
 import { getPhotoSotr, getPhotos } from '../util/api'
+import { parseTime, SignInTime } from '../util/formattingData'
 
 import { getBanner } from '../util/api'
 
@@ -57,12 +58,15 @@ export default {
       buttList: [],
       photoBannerImages: [],
 
-      imageList: []
+      imageList: [],
+      newArrImageList: []
     }
   },
+  watch: {},
   mounted() {
     this.onBanner()
     this.onLoadSort()
+    this.dataResort()
 
     // if (this.buttList.length >= 2) {
     //   this.iconShow = true
@@ -71,6 +75,39 @@ export default {
     // }
   },
   methods: {
+    parseTime,
+    dataResort(arr) {
+      var newArr = []
+      this.imageList.forEach(function (oldData, i) {
+        var index = -1
+        var createTime = parseTime(oldData.createDate, '{y}-{m}-{d}')
+        var newTime = parseTime(createTime, '{y}-{m}-{d}')
+
+        var alreadyExists = newArr.some(function (newData, j) {
+          var noData = parseTime(newData.createDate, '{y}-{m}-{d}')
+          if (newTime === noData) {
+            index = j
+            return true
+          }
+        })
+        if (!alreadyExists) {
+          var res = []
+          res.push(oldData)
+          newArr.push({
+            createDate: createTime,
+            res: res
+          })
+        } else {
+          newArr[index].res.push(oldData)
+        }
+      })
+      console.log(
+        '🚀 ~ file: StrongPhoto.vue ~ line 105 ~ dataResort ~ newArr',
+        newArr
+      )
+
+      this.newArrImageList = newArr
+    },
     onLoadSort() {
       getPhotoSotr().then((e) => {
         this.buttList = e.records
@@ -85,6 +122,7 @@ export default {
       this.activeNum = i
       getPhotos(id).then((e) => {
         this.imageList = e.records
+        this.dataResort()
       })
       // this.clickStyle = !this.clickStyle
     },
@@ -146,27 +184,27 @@ export default {
     height: auto;
     background-color: #fff;
 
-    .PhotoList-box-text {
-      display: flex;
-      align-items: center;
-      margin: 1.2em 0 0.8em 0;
-      > div {
-        width: 6px;
-        height: 6px;
-        border-radius: 50%;
-        background-color: #13c0b4;
-        margin: 0 13px 0 9px;
-      }
-      > span {
-        font-size: 12px;
-        letter-spacing: 1px;
-        color: rgb(128, 128, 128);
-      }
-    }
     .PhotoList-box-images {
       width: 97%;
       margin: 0 auto;
       padding-bottom: 10vh;
+      .PhotoList-box-text {
+        display: flex;
+        align-items: center;
+        margin: 1.2em 0 0.8em 0;
+        > div {
+          width: 6px;
+          height: 6px;
+          border-radius: 50%;
+          background-color: #13c0b4;
+          margin: 0 13px 0 9px;
+        }
+        > span {
+          font-size: 12px;
+          letter-spacing: 1px;
+          color: rgb(128, 128, 128);
+        }
+      }
     }
   }
 }

src/components/UserCenter.vue

@@ -27,11 +27,11 @@
         <div>我的收藏</div>
         <van-icon name="arrow" />
       </div>
-      <div class="button-box-div">
+      <!-- <div class="button-box-div">
         <img src="../assets/userImag/wenjuan.png" alt />
         <div>我的问卷</div>
         <van-icon name="arrow" />
-      </div>
+      </div>-->
     </div>
   </div>
 </template>

src/util/initial.js

@@ -6,6 +6,60 @@ import store from '../store'
 
 import { UserLogin } from './api'
 
+const jsApiList = [
+  'updateAppMessageShareData',
+  'updateTimelineShareData',
+  'onMenuShareTimeline',
+  'onMenuShareAppMessage',
+  'onMenuShareQQ',
+  'onMenuShareWeibo',
+  'onMenuShareQZone'
+]
+
+function initSDK (url) {
+  request(`https://api.h5.njyunzhi.com/mp/jssdk?url=${encodeURIComponent(url)}`).then((res) => {
+    window.wx.config({
+      debug: process.env.NODE_ENV === 'development', // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+      appId: res.appId, // 必填，公众号的唯一标识
+      timestamp: res.timestamp, // 必填，生成签名的时间戳
+      nonceStr: res.nonceStr, // 必填，生成签名的随机串
+      signature: res.signature, // 必填，签名
+      jsApiList // 必填，需要使用的JS接口列表
+    })
+  })
+}
+// Vue.use(Vuex)
+
+/**
+ * 分享
+ * @param {*} opt
+ */
+export function share (opt) {
+  const { origin, pathname, search } = window.location
+  // const defaultLink = origin + pathname
+  const defaultImg = `${origin}${pathname}images/share.png`
+
+  const link = origin + pathname + search // opt.link || defaultLink
+  const imgUrl = opt.imgUrl || defaultImg
+
+  initSDK(link)
+  window.wx.ready(function () {
+    jsApiList.map((apiName) => {
+      const fn = window.wx[apiName]
+      if (typeof fn === 'function') {
+        fn({
+          title: opt.title || '开启干洗护理新时代', // 分享标题
+          link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+          imgUrl, // 分享图标
+          desc: opt.desc || '即刻尊享'
+        })
+      }
+    })
+  })
+}
+
+
+
 
 // Vue.use(Vuex)
 

src/util/request.js

@@ -2,28 +2,16 @@
 
 
 import axios from 'axios'
-
 import store from '../store'
 
-import {
-
-  Toast,
-
-} from 'vant';
-
-
 export default function (url, options) {
   const { params, header, ...leftOptions } = options || {}
 
   return new Promise((resolve, reject) => {
     const { code, token } = store.state.user
-
-
     let header = {
       'X-Authorization-JWT': token,
     }
-
-
     axios.request({
       ...leftOptions,
       url: url,
@@ -31,28 +19,12 @@ export default function (url, options) {
       headers: header,
     }).then(res => {
       const { code, data, message } = res.data
-
       if (code === 1000) {
         resolve(data)
-      } else {
-        // Message.error(message)
-        // alert(message)
-
-        if (code === 1001) {
-          // Message.error('请重新登陆')
-
-          // routerfrom.push('../Login.vue')
-
-          // this.$router.replace('../Login.vue') //replace  不记录页面 ，无法返回
-        }
       }
-
-
-
     }).catch(err => {
       const message = err.message || err.errMsg || err
       console.error("🚀 错误~ err", err)
-      // Message.error('请求错误', err)
 
 
       if (err.message.includes('timeout')) {