新增分享求购

README.md

@@ -0,0 +1,23 @@
+# mall-web-ssr
+
+> mall web project
+
+## Build Setup
+
+``` bash
+# install dependencies
+$ npm install # Or yarn install
+
+# serve with hot reload at localhost:3000
+$ npm run dev
+
+# build for production and launch server
+$ npm run build
+$ npm start
+
+# generate static project
+$ npm run generate
+```
+
+For detailed explanation on how things work, checkout the [Nuxt.js docs](https://github.com/nuxt/nuxt.js).
+

app.html

@@ -7,7 +7,8 @@
   <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/element-ui/1.3.7/theme-default/index.css" />
   <!--<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_0d1jjt5tukcblnmi.css"/>-->
   <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_452262_fhw1qsxh5yfa8aor.css">
-  <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.css" /> {{ HEAD }}
+  <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.css"/>
+  {{ HEAD }}
   <script>
     var _hmt = _hmt || [];
     var _paq = _paq || [];

components/applyPurchase/ApplyInfo.vue

@@ -618,14 +618,7 @@ export default {
               margin-top: 14px;
               margin-bottom: 17px;
               span {
-                &:first-child {
-                  font-size: 12px;
-                  color: #666;
-                }
-                color: #f71026;
-              }
-              i {
-                font-style: normal;
+                color: #999;
               }
             }
             .btn-content {

components/mobile/applyPurchase/SeekList.vue

@@ -9,22 +9,28 @@
         <div>
           <div class="fl">
             <div>
-              类目(产品名称)：<span>{{item.prodTitle || '-'}}</span>
+              类目(产品名称)：
+              <span>{{item.prodTitle || '-'}}</span>
             </div>
             <div>
-              型号：<span>{{item.cmpCode || '-'}}</span>
+              型号：
+              <span>{{item.cmpCode || '-'}}</span>
             </div>
             <div>
-              品牌：<span>{{item.inbrand || '-'}}</span>
+              品牌：
+              <span>{{item.inbrand || '-'}}</span>
             </div>
             <div>
-              规格：<span>{{item.spec || '-'}}</span>
+              规格：
+              <span>{{item.spec || '-'}}</span>
             </div>
             <div>
-              采购数量：<span>{{item.needquantity || '-'}}</span>
+              采购数量：
+              <span>{{item.needquantity || '-'}}</span>
             </div>
             <div>
-              截止日期：<span class="date">{{item.endDate | date}}</span>
+              截止日期：
+              <span class="date">{{item.endDate | date}}</span>
             </div>
           </div>
           <div class="fr">
@@ -32,12 +38,12 @@
               <span v-if="getDay(item.remainingTime) > 0" v-text="getDay(item.remainingTime)"></span>
               <i v-if="getDay(item.remainingTime) > 0">&nbsp;天&nbsp;</i>
               <span v-if="getDay(item.remainingTime) <= 0" v-text="getHours(item.remainingTime)"></span>
-              <i v-if="getDay(item.remainingTime) <= 0" >&nbsp;小时</i>
+              <i v-if="getDay(item.remainingTime) <= 0">&nbsp;小时</i>
             </p>
             <p class="over-deadline" v-else>已截止</p>
             <!--<a v-if="!userType && item.quoted == 1">已报价</a>-->
             <a v-if="!userType && item.remainingTime > 0 && (!item.quoted || item.quoted != 1) && (user.logged && ((item.inquiry.enterprise && user.data.enterprise && (item.inquiry.enterprise.uu === user.data.enterprise.uu)) || (!user.data.enterprise.uu && item.userUU == user.data.userUU  && !item.inquiry.enterprise)))" class="self-publish" @click="onRemind('此为贵公司的求购')">我要报价</a>
-            <a v-if="!(userType == 'saler' && seekType  && seekType != 'wait') && (item.remainingTime > 0 && (!item.quoted || item.quoted != 1) && !(user.logged && ((item.inquiry.enterprise && user.data.enterprise && (item.inquiry.enterprise.uu === user.data.enterprise.uu)) || (!user.data.enterprise.uu && item.userUU == user.data.userUU  && !item.inquiry.enterprise))))"  @click="goSayPrice(item.id, index)">我要报价</a>
+            <a v-if="!(userType == 'saler' && seekType  && seekType != 'wait') && (item.remainingTime > 0 && (!item.quoted || item.quoted != 1) && !(user.logged && ((item.inquiry.enterprise && user.data.enterprise && (item.inquiry.enterprise.uu === user.data.enterprise.uu)) || (!user.data.enterprise.uu && item.userUU == user.data.userUU  && !item.inquiry.enterprise))))" @click="goSayPrice(item.id, index)">我要报价</a>
             <a v-if="((!userType || userType == 'buyer') && (seekType  && seekType != 'wait')) || (userType == 'saler' && seekType  && seekType != 'wait') || item.quoted == 1" @click="goSayPriceInfo(item.quteId || item.id, item.agreed, index)">查看报价</a>
           </div>
         </div>
@@ -54,231 +60,243 @@
   </div>
 </template>
 <script>
-  import {LoginBox, RemindBox} from '~components/mobile/common'
-  import {SayPrice, SayPriceInfo} from '~components/mobile/applyPurchase'
-  export default {
-    components: {
-      LoginBox,
-      SayPrice,
-      RemindBox,
-      SayPriceInfo
-    },
-    data () {
-      return {
-        showLoginBox: false,
-        showSayPriceBox: false,
-        showSayPriceInfoBox: false,
-        activeIndex: -1,
-        remindText: '',
-        timeoutCount: 0,
-        agreed: 0
+import { LoginBox, RemindBox } from '~components/mobile/common'
+import { SayPrice, SayPriceInfo } from '~components/mobile/applyPurchase'
+export default {
+  components: {
+    LoginBox,
+    SayPrice,
+    RemindBox,
+    SayPriceInfo
+  },
+  data() {
+    return {
+      showLoginBox: false,
+      showSayPriceBox: false,
+      showSayPriceInfoBox: false,
+      activeIndex: -1,
+      remindText: '',
+      timeoutCount: 0,
+      agreed: 0
+    }
+  },
+  props: ['userType', 'seekType', 'purchaseManList', 'isDataChange'],
+  filters: {
+    date: function(date) {
+      if (date) {
+        const d = new Date(Number(date))
+        const year = d.getFullYear()
+        const monthTemp = d.getMonth() + 1
+        const month = monthTemp < 10 ? '0' + monthTemp : '' + monthTemp
+        const day =
+          d.getDate() < 10 ? '0' + d.getDate() : '' + d.getDate() + ' '
+        return year + '-' + month + '-' + day
+      } else {
+        return '-'
       }
     },
-    props: ['userType', 'seekType', 'purchaseManList', 'isDataChange'],
-    filters: {
-      date: function (date) {
-        if (date) {
-          const d = new Date(Number(date))
-          const year = d.getFullYear()
-          const monthTemp = d.getMonth() + 1
-          const month = monthTemp < 10 ? '0' + monthTemp : '' + monthTemp
-          const day = d.getDate() < 10 ? '0' + d.getDate() : '' + d.getDate() + ' '
-          return year + '-' + month + '-' + day
-        } else {
-          return '-'
-        }
-      },
-      enterpriseFilter ([str, logged]) {
-        if (logged) {
-          return str
-        } else {
-          return str && str.length > 4 ? str.substring(0, 2) + '**' + str.substring(str.length - 2, str.length) : str || '-'
-        }
-      },
-      userNameFilter ([str, logged]) {
-        if (logged) {
-          return str
-        } else {
-          return str ? str.substring(0, 1) + '**' : '-'
-        }
+    enterpriseFilter([str, logged]) {
+      if (logged) {
+        return str
+      } else {
+        return str && str.length > 4
+          ? str.substring(0, 2) +
+              '**' +
+              str.substring(str.length - 2, str.length)
+          : str || '-'
       }
     },
-    computed: {
-//      purchaseManList () {
-//        return this.$store.state.applyPurchase.purchaseManList.purchaseManList.data
-//      },
-      user () {
-        return this.$store.state.option.user
+    userNameFilter([str, logged]) {
+      if (logged) {
+        return str
+      } else {
+        return str ? str.substring(0, 1) + '**' : '-'
       }
+    }
+  },
+  computed: {
+    //      purchaseManList () {
+    //        return this.$store.state.applyPurchase.purchaseManList.purchaseManList.data
+    //      },
+    user() {
+      return this.$store.state.option.user
+    }
+  },
+  methods: {
+    getDay: function(timeStamp) {
+      return Math.floor(timeStamp / (1000 * 60 * 60 * 24))
     },
-    methods: {
-      getDay: function (timeStamp) {
-        return Math.floor(timeStamp / (1000 * 60 * 60 * 24))
-      },
-      getHours: function (timeStamp) {
-        return Math.floor((timeStamp / (1000 * 60 * 60)) % 24)
-      },
-      goSayPrice: function (id, index) {
-        if (this.user.logged) {
-          if (this.user.data.enterprise.uu) {
-            if (this.user.data.enterprise.isVendor && this.user.data.enterprise.isVendor !== '1690') {
-              this.$store.dispatch('applyPurchase/loadPurchaseManDetail', {itemId: id, enuu: this.$store.state.option.user.data.enterprise ? this.$store.state.option.user.data.enterprise.uu : null})
-              this.showSayPriceBox = true
-              this.activeIndex = index
-            } else {
-              this.onRemind('抱歉，您需开通卖家功能才可报价')
-            }
+    getHours: function(timeStamp) {
+      return Math.floor((timeStamp / (1000 * 60 * 60)) % 24)
+    },
+    goSayPrice: function(id, index) {
+      if (this.user.logged) {
+        if (this.user.data.enterprise.uu) {
+          if (
+            this.user.data.enterprise.isVendor &&
+            this.user.data.enterprise.isVendor !== '1690'
+          ) {
+            this.$store.dispatch('applyPurchase/loadPurchaseManDetail', {
+              itemId: id,
+              enuu: this.$store.state.option.user.data.enterprise
+                ? this.$store.state.option.user.data.enterprise.uu
+                : null
+            })
+            this.showSayPriceBox = true
+            this.activeIndex = index
           } else {
-            this.onRemind('个人账户暂不可报价')
+            this.onRemind('抱歉，您需开通卖家功能才可报价')
           }
         } else {
-          this.showLoginBox = true
+          this.onRemind('个人账户暂不可报价')
         }
-      },
-      goSayPriceInfo: function (id, agreed, index) {
-        this.userType === 'buyer' ? this.$store.dispatch('applyPurchase/loadBuyerInquiryDetail', {id: id}) : this.$store.dispatch('applyPurchase/loadVendorInquiryDetail', {id: id})
-        this.agreed = agreed
-        this.showSayPriceInfoBox = true
-        this.activeIndex = index
-//        '/mobile/applyPurchase/list/' + (userType ? (item.quteId || item.id) + '?type=' + userType : (item.quteId || item.id)) + (userType ? '&' : '?') + 'status=' + item.agreed
-      },
-      onSayPriceCancel: function (flag, quteId) {
-        if (flag) {
-          this.purchaseManList[this.activeIndex].quoted = 1
-          this.purchaseManList[this.activeIndex].quteId = quteId
-          this.onRemind('报价成功')
-        }
-        this.showSayPriceBox = false
-      },
-      onSayPriceInfoCancel: function (flag) {
-        if (flag) {
-          this.purchaseManList[this.activeIndex].agreed = 1
-          this.onRemind('采纳成功')
-        }
-        this.showSayPriceInfoBox = false
-      },
-      onRemind: function (str) {
-        this.remindText = str
-        this.timeoutCount ++
+      } else {
+        this.showLoginBox = true
+      }
+    },
+    goSayPriceInfo: function(id, agreed, index) {
+      this.userType === 'buyer'
+        ? this.$store.dispatch('applyPurchase/loadBuyerInquiryDetail', {
+            id: id
+          })
+        : this.$store.dispatch('applyPurchase/loadVendorInquiryDetail', {
+            id: id
+          })
+      this.agreed = agreed
+      this.showSayPriceInfoBox = true
+      this.activeIndex = index
+      //        '/mobile/applyPurchase/list/' + (userType ? (item.quteId || item.id) + '?type=' + userType : (item.quteId || item.id)) + (userType ? '&' : '?') + 'status=' + item.agreed
+    },
+    onSayPriceCancel: function(flag, quteId) {
+      if (flag) {
+        this.purchaseManList[this.activeIndex].quoted = 1
+        this.purchaseManList[this.activeIndex].quteId = quteId
+        this.onRemind('报价成功')
+      }
+      this.showSayPriceBox = false
+    },
+    onSayPriceInfoCancel: function(flag) {
+      if (flag) {
+        this.purchaseManList[this.activeIndex].agreed = 1
+        this.onRemind('采纳成功')
       }
+      this.showSayPriceInfoBox = false
+    },
+    onRemind: function(str) {
+      this.remindText = str
+      this.timeoutCount++
     }
   }
+}
 </script>
 <style lang="scss" scoped>
-  .seek-list {
-    width: 7.26rem;
-    margin: .13rem auto 0;
-    li {
-      border: 1px solid #e0e0e4;
-      height: 4.2rem;
-      margin-bottom: .2rem;
-      div.top {
-        font-size: .32rem;
-        color: #3a3a3a;
-        background: #f8f7fa;
-        height: .92rem;
-        line-height: .92rem;
-
-        span {
-          display: block;
-          width: 6.9rem;
-          border-bottom: 1px dashed #9f9f9f;
-          margin: 0 auto;
-        }
+.seek-list {
+  width: 7.26rem;
+  margin: 0.13rem auto 0;
+  li {
+    border: 1px solid #e0e0e4;
+    height: 4.2rem;
+    margin-bottom: 0.2rem;
+    div.top {
+      font-size: 0.32rem;
+      color: #3a3a3a;
+      background: #f8f7fa;
+      height: 0.92rem;
+      line-height: 0.92rem;
 
+      span {
+        display: block;
+        width: 6.9rem;
+        border-bottom: 1px dashed #9f9f9f;
+        margin: 0 auto;
       }
-      > div {
-        font-size: .3rem;
-        // display: inline-block;
-        &::after {
-          clear: both;
-          visibility: hidden;
-          zoom: 1;
-          display: block;
-          content: ' ';
-        }
-        .fl {
-          color: #666;
-          width: 4.8rem;
-          height: 2.62rem;
-          margin: .27rem 0 .29rem .18rem;
-          line-height: .46rem;
-          border-right: 1px dashed #9f9f9f;
-
-          > div {
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
+    }
+    > div {
+      font-size: 0.3rem;
+      // display: inline-block;
+      &::after {
+        clear: both;
+        visibility: hidden;
+        zoom: 1;
+        display: block;
+        content: ' ';
+      }
+      .fl {
+        color: #666;
+        width: 4.8rem;
+        height: 2.62rem;
+        margin: 0.27rem 0 0.29rem 0.18rem;
+        line-height: 0.46rem;
+        border-right: 1px dashed #9f9f9f;
 
-            span {
-              color: #333;
-              &.date {
-                color: #e6353d;
-              }
+        > div {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
 
+          span {
+            color: #333;
+            &.date {
+              color: #e6353d;
             }
-
           }
-
         }
-        .fr {
-          width: 2.2rem;
-          padding: .9rem 0 0 0;
-
-          p {
-            font-size: .28rem;
-            text-align: center;
-
-            &.over-deadline {
-              text-align: center;
-              padding-right: .2rem;
-            }
+      }
+      .fr {
+        width: 2.2rem;
+        padding: 0.9rem 0 0 0;
 
-            span {
-              font-size: .35rem;
-              color: #ff3208;
-            }
+        p {
+          font-size: 0.28rem;
+          text-align: center;
 
-            i {
-              font-style: normal;
-            }
+          &.over-deadline {
+            text-align: center;
+            padding-right: 0.2rem;
+          }
 
+          span {
+            font-size: 0.35rem;
+            color: #ff3208;
           }
-          a {
-            display: block;
-            width: 1.64rem;
-            height: .58rem;
-            line-height: .58rem;
-            text-align: center;
-            font-size: .32rem;
-            color: #e62f36;
-            border: 1px solid #ea494f;
-            margin: .34rem auto 0;
-            border-radius: .06rem;
 
-            &.self-publish {
-              background: rgb(204, 203, 203);
-              color: #fff;
-              border-color: #fff;
-            }
+          i {
+            font-style: normal;
           }
+        }
+        a {
+          display: block;
+          width: 1.64rem;
+          height: 0.58rem;
+          line-height: 0.58rem;
+          text-align: center;
+          font-size: 0.32rem;
+          color: #e62f36;
+          border: 1px solid #ea494f;
+          margin: 0.34rem auto 0;
+          border-radius: 0.06rem;
 
+          &.self-publish {
+            background: rgb(204, 203, 203);
+            color: #fff;
+            border-color: #fff;
+          }
         }
       }
     }
-
   }
-  .none-state {
-    text-align: center;
-    margin-top: 1.1rem;
-    img {
-      width: 4.08rem;
-      height: 2.62rem;
-    }
-    p {
-      font-size: .32rem;
-      color: #999;
-      margin: 1.19rem 0 0 0;
-    }
+}
+.none-state {
+  text-align: center;
+  margin-top: 1.1rem;
+  img {
+    width: 4.08rem;
+    height: 2.62rem;
+  }
+  p {
+    font-size: 0.32rem;
+    color: #999;
+    margin: 1.19rem 0 0 0;
   }
+}
 </style>

pages/applyPurchase/index.vue

@@ -19,7 +19,8 @@
       return Promise.all([
         store.dispatch('applyPurchase/loadPurchaseManList', {pageNumber: 1, pageSize: 10, enUU: store.state.option.user.data.enterprise ? store.state.option.user.data.enterprise.uu : null}),
         store.dispatch('applyPurchase/loadPurchaseApplyRank'),
-        store.dispatch('applyPurchase/loadGoodPurchaseManList')
+        store.dispatch('applyPurchase/loadGoodPurchaseManList'),
+        store.dispatch('loadStoreStatus', { op: 'check' })
       ])
     }
   }

pages/index.vue

@@ -105,7 +105,6 @@
         store.dispatch('applyPurchase/loadPurchaseManList', {pageNumber: 1, pageSize: 50, enUU: store.state.option.user.data.enterprise ? store.state.option.user.data.enterprise.uu : null}),
         store.dispatch('loadStoreStatus', { op: 'check' })
       ]) : Promise.all([
-        store.dispatch('loadStoreStatus', { op: 'check' }),
         store.dispatch('applyPurchase/loadMobileHomeList', {pageNumber: 1, pageSize: 5, enUU: store.state.option.user.data.enterprise ? store.state.option.user.data.enterprise.uu : null})
       ])
     },

pages/provider/home.vue

@@ -24,7 +24,8 @@ export default{
       store.dispatch('provider/loadSalesStore', { isOriginal: false }),
       store.dispatch('provider/loadNewStores', { types: 'AGENCY-DISTRIBUTION' }),
       store.dispatch('provider/loadRecommendStores', { types: 'AGENCY-DISTRIBUTION', num: 5 }),
-      store.dispatch('provider/loadHotComponents')
+      store.dispatch('provider/loadHotComponents'),
+      store.dispatch('loadStoreStatus', { op: 'check' })
     ])
   },
   components: {