[FIX]【商品商城】详情页样式修改、显示文字修改；登录页显示文字修改

2025-12-11 06:16:44 +08:00 · 2020-06-29 13:29:14 +08:00
parent 5f872e8358
commit f55b40da0d
4 changed files with 4224 additions and 4147 deletions
--- a/src/assets/js/utils/hospital.js
+++ b/src/assets/js/utils/hospital.js
@@ -4117,5 +4117,6 @@ export default {
    { id: '650000105', text: '新疆伊犁新源县人民医院' },
    { id: '650000106', text: '昭苏县人民医院' },
    { id: '650000107', text: '霍城县中医院' },
-        { id: '650000108', text: '伊犁州妇幼保健院' }]
+    { id: '650000108', text: '伊犁州妇幼保健院' }
+  ]
 }
--- a/src/views/ebiz/product-store/Agreement.vue
+++ b/src/views/ebiz/product-store/Agreement.vue
@@ -1,7 +1,7 @@
 <template>
  <div class="product-store-agreement">
    <iframe :src="src + pdfUrl" class="iframe"></iframe>
-    <van-button type="danger" @click="goNext" v-no-more-click="1000" size="large">下一步</van-button>
+    <van-button type="danger" @click="goNext" v-no-more-click="1000" size="large" class="bottom-btn">下一步</van-button>
  </div>
 </template>

@@ -27,7 +27,7 @@ export default {
        extra: {
          url: location.origin + `#/productStore/storeList`
        },
-        router: '/productStore/storeList'
+        routerInfo: '/productStore/storeList'
      })
    },
    getShopList() {
--- a/src/views/ebiz/product-store/LoginMsg.vue
+++ b/src/views/ebiz/product-store/LoginMsg.vue
@@ -2,8 +2,24 @@
 <template>
  <div class="login-msg-container">
    <div class="p5 pb0">
-      <van-field v-model="loginInfo.aname" required label="双钱登陆账号：" v-validate="'required'" name="登录账号" placeholder="请输入" clearable />
-      <van-field v-model="loginInfo.password" required label="双钱登陆密码：" v-validate="'required'" name="登录密码" placeholder="请输入" clearable />
+      <van-field
+        v-model="loginInfo.aname"
+        required
+        :label="`${name.replace(/商城/, '')}登陆账号：`"
+        v-validate="'required'"
+        name="登录账号"
+        placeholder="请输入"
+        clearable
+      />
+      <van-field
+        v-model="loginInfo.password"
+        required
+        :label="`${name.replace(/商城/, '')}登陆密码：`"
+        v-validate="'required'"
+        name="登录密码"
+        placeholder="请输入"
+        clearable
+      />
    </div>
    <van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">确认并转发</van-button>
  </div>
@@ -27,6 +43,7 @@ export default {
      shareId: '', //分享id
      mallId: '', //商城id
      name: '' //商品名称
+      // bname: ''
    }
  },
  created() {},
@@ -34,10 +51,11 @@ export default {
    document.getElementsByTagName('body')[0].classList.add('bg-white')
    this.mallId = this.$route.query.mallId
    this.name = this.$route.query.name
+    // this.bname = this.$route.query.name.replace(/商城/, '')
    getPassword({
      mallId: this.mallId
    }).then(res => {
-      if(res.result == '0'){
+      if (res.result == '0') {
        this.loginInfo.aname = res.content.userName ? res.content.userName : ''
        this.loginInfo.password = res.content.passWord ? res.content.passWord : ''
      }
@@ -88,7 +106,7 @@ export default {
      let data = {
        mallId: this.mallId,
        userName: this.loginInfo.aname,
-        passWord: this.loginInfo.password,
+        passWord: this.loginInfo.password
      }
      return new Promise((resolve, reject) => {
        saveShareTrack(data).then(
@@ -115,7 +133,7 @@ export default {
  div:last-child.van-cell {
    border-bottom: 1px solid #ebedf0;
  }
-  /deep/ .van-field__label{
+  /deep/ .van-field__label {
    width: 110px;
  }
 }
--- a/src/views/ebiz/product-store/StoreDetail.vue
+++ b/src/views/ebiz/product-store/StoreDetail.vue
@@ -4,15 +4,37 @@
    <div v-if="isWeixin">
      <van-notice-bar wrapable :scrollable="false" text="温馨提示：您即将离开本站，访问的链接来源于第三方网站，可能存在风险，请谨慎操作！" />
    </div>
-    <div>
-      <img :src="$assetsUrl + detail.imgUrl" alt="" width="100%" />
+    <div class="img-store">
+      <div><img :src="$assetsUrl + detail.topImgUrl" alt="" width="100%" /></div>
+      <div><img :src="$assetsUrl + detail.middleImgUrl" alt="" width="100%" /></div>
+      <div class="bottom-img">
+        <img :src="$assetsUrl + detail.footerImgUrl" alt="" width="100%" />
+        <van-button v-if="isWeixin" type="danger" @click="check" v-no-more-click="1000">查看</van-button>
+        <van-button v-else type="danger" @click="forward" v-no-more-click="1000">一键转发</van-button>
+      </div>
    </div>
    <div class="p5 pb0 mb40" v-if="isWeixin">
-      <van-field v-model="loginInfo.aname" readonly required label="登录账号：" v-validate="'required'" name="登录账号" placeholder="请输入" clearable />
-      <van-field v-model="loginInfo.password" readonly required label="登录密码：" v-validate="'required'" name="登录密码" placeholder="请输入" clearable />
+      <van-field
+        v-model="loginInfo.aname"
+        readonly
+        required
+        :label="`${detail.name.replace(/商城/, '')}登陆账号：`"
+        v-validate="'required'"
+        name="登录账号"
+        placeholder="请输入"
+        clearable
+      />
+      <van-field
+        v-model="loginInfo.password"
+        readonly
+        required
+        :label="`${detail.name.replace(/商城/, '')}登陆密码：`"
+        v-validate="'required'"
+        name="登录密码"
+        placeholder="请输入"
+        clearable
+      />
    </div>
-    <van-button v-if="isWeixin" type="danger" class="bottom-btn" @click="check" v-no-more-click="1000">查看</van-button>
-    <van-button v-else type="danger" class="bottom-btn" @click="forward" v-no-more-click="1000">一键转发</van-button>
  </div>
 </template>

@@ -30,6 +52,7 @@ export default {
  data() {
    let isWeixin = this.$utils.device().isWeixin //判断环境
    return {
+      bgc: '', //
      isWeixin, //是否在微信
      mallId: '', //商城id
      shareId: '', //分享id
@@ -39,14 +62,16 @@ export default {
        password: ''
      },
      detail: {
-        imgUrl: '', //商城简介图片地址
+        topImgUrl: '', //商城简介图片地址
+        middleImgUrl: '', //商城简介图片地址
+        footerImgUrl: '', //商城简介图片地址
        linkUrl: '', //商城外链地址
-        name: '' //商城名称
+        name: '', //商城名称
+        color: '' //背景色
      }
    }
  },
  created() {
-    document.getElementsByTagName('body')[0].classList.add('bg-white')
    if (!this.isWeixin) {
      setTimeout(() => {
        // eslint-disable-next-line no-undef
@@ -69,30 +94,40 @@ export default {
      this.name = decodeURI(this.$route.query.name)
      this.saveShareTrack({ id: this.shareId, mallId: this.mallId })
    }
-    this.getShopList({ id: this.mallId })
  },
-  mounted() {
+  async mounted() {
+    await this.getShopList({ id: this.mallId })
    window['appCallBack'] = this.appCallBack
+    document.getElementsByTagName('body')[0].style.backgroundColor = this.detail.color
+    this.bgc = document.getElementsByTagName('body')[0].style.backgroundColor
  },
  destroyed() {
-    document.getElementsByTagName('body')[0].classList.remove('bg-white')
+    // document.getElementsByTagName('body')[0].classList.remove('bg-white')
+    document.getElementsByTagName('body')[0].style.backgroundColor = this.bgc
  },
  methods: {
    //获取商城详情
    getShopList(data) {
-      getShopList(data).then(res => {
+      return new Promise((resolve, reject) => {
+        getShopList(data).then(
+          res => {
            this.$toast.clear()
            if (res.result == '0') {
              this.detail = res.content[0]
              this.isCanCheck = false
+              resolve()
            } else {
-          this.$toast(res.resultMessage)
+              reject(this.$toast(res.resultMessage))
            }
+          },
+          error => {
+            reject(this.$toast(error))
+          }
+        )
      })
    },
    //查看
    check() {
-      //TODO
      window.location.href = this.detail.linkUrl
    },
    //一键转发
@@ -137,4 +172,27 @@ export default {
 </script>

 <style lang="scss" scoped>
+.store-detail-container {
+  /deep/.van-field__label {
+    width: 40%;
+  }
+
+  .img-store {
+    height: 100%;
+    img {
+      display: block;
+    }
+    /deep/.van-button {
+      width: 100%;
+    }
+    .bottom-img {
+      display: block;
+      position: fixed;
+      left: 0;
+      bottom: 0;
+      width: 100%;
+      z-index: 999;
+    }
+  }
+}
 </style>