新增卖家中心tab

components/mobile/store/StoreDetail.vue

@@ -3,7 +3,7 @@
     <div class="store-logo">
       <div class="store-logo-box">
         <img :src="store.logoUrl || '/images/component/default.png'"/>
-        <i class="iconfont icon-shoucang" :style="isFocus === 'true'?'color:#ff7800':'color: #ddd'" @click="collectStore"></i>
+        <i v-if="showIcon" class="iconfont icon-shoucang" :style="isFocus === 'true'?'color:#ff7800':'color: #ddd'" @click="collectStore"></i>
       </div>
     </div>
     <div class="store-switch-item">
@@ -154,6 +154,9 @@
       },
       user () {
         return this.$store.state.option.user
+      },
+      showIcon() {
+        return this.store.uuid !== this.$store.state.option.storeStatus.data.uuid
       }
     },
     methods: {

pages/mobile/user/index.vue

@@ -103,7 +103,7 @@
         <i class="iconfont icon-sousuo"></i>
         </span>
       </div>
-      <div v-bind:key="index" v-for="(item, index) in GetEnterpriseListData" class="providerList">
+      <div v-bind:key="item.id"  v-for="(item, index) in GetEnterpriseListData" class="providerList">
         <div v-if="providerType !== 'onLine'">
           <div class="top">
             <div class="icon" :class="item.standard ? 'standed' : 'istanded'"></div>
@@ -118,9 +118,9 @@
               <div class="linetext">单位：PCS</div>
             </div>
             <div class="fr" :class="providerType == 'enterprise' && item.batchCount > 0 ? '' : 'addtop'" >
-              <div class="look" v-if="item.batchCount && providerType == 'enterprise'">查看产品</div>
-              <div class="add" v-if="providerType == 'enterprise'">加入个人产品</div>
-              <div class="delete" v-if="providerType == 'person'">删除</div>
+              <div class="look" v-if="item.batchCount && providerType == 'enterprise'" @click="lookProductitem(item.id, item)">查看产品</div>
+              <div class="add" v-if="providerType == 'enterprise'" @click="addProtoperson(item)">加入个人产品</div>
+              <div class="delete" v-if="providerType == 'person'" @click="deleteProvider(item.id, index)">删除</div>
             </div>
           </div>
         </div>
@@ -131,51 +131,79 @@
               {{item.code}}
             </div>
             <div class="pms">
-              <!--{{(storeInfo.uuid != 'undefind' && item.storeid == storeInfo.uuid && storeInfo.storeName.indexOf('优软测试二') < 0 && storeInfo.storeName.indexOf('优软商城') < 0) ? '自营' : '寄售'}}-->
+              {{(storeInfo.uuid != 'undefind' && item.storeid == storeInfo.uuid && storeInfo.storeName.indexOf('优软测试二') < 0 && storeInfo.storeName.indexOf('优软商城') < 0) ? '自营' : '寄售'}}
             </div>
           </div>
           <div class="middle">
             <div class="list">
-              <div class="name">类目(产品名称)：</div>
-              <div class="text">SSSASCSCSEWQA</div>
+              <div class="fl">
+                <div class="name">类目(产品名称)：</div>
+                <div class="text">{{item.kindNameCn || '-'}}</div>
+              </div>
+              <div class="fr">
+                <div class="textinfo" v-if="item.breakUp">可拆卖</div>
+              </div>
             </div>
             <div class="list">
               <div class="fl">
                 <div class="name">品牌：</div>
-                <div class="text">SSSASCSCSEWQA</div>
+                <div class="text">{{item.brandNameEn}}</div>
               </div>
               <div class="fr">
                 <div class="name">交期(天)：</div>
-                <div class="text">20-30</div>
+                <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery != item.b2cMinDelivery)" v-text="item.b2cMinDelivery + '-'+ item.b2cMaxDelivery"></div>
+                <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery == item.b2cMinDelivery)" v-text="item.b2cMinDelivery"></div>
               </div>
             </div>
 
             <div class="list">
               <div class="fl">
                 <div class="name">包装数量：</div>
-                <div class="text">1000</div>
+                <div class="text">{{item.minPackQty}}</div>
               </div>
               <div class="fr">
                 <div class="name">库存：</div>
-                <div class="text">568</div>
+                <div class="text">{{item.reserve}}</div>
               </div>
             </div>
 
             <div class="list">
               <div class="fl">
                 <div class="name">包装方式：</div>
-                <div class="text">其他</div>
+                <div class="text">{{item.packaging || '无包装信息'}}</div>
               </div>
               <div class="fr">
                 <div class="name">起订量：</div>
-                <div class="text">22220</div>
+                <div class="text" style="color: #f31919">{{item.minBuyQty}}</div>
               </div>
             </div>
 
             <div class="list">
-              <div class="name">生成日期：</div>
-              <div class="text">2815-24-32</div>
+              <div class="name">生产日期：</div>
+              <div class="text" :title="item.produceDate">{{item.produceDate || '-'}}</div>
             </div>
+
+            <div class="list">
+              <div class="name left">价格梯度：</div>
+              <div class="table left">
+                <ul>
+                  <li class="title">
+                    <div>分段数量/PCS</div>
+                    <div>分段单价</div>
+                  </li>
+                  <li v-for="price in item.prices">
+                    <div>{{price.start}}+</div>
+                    <div v-if="item.currencyName == 'RMB'">¥{{price.rMBPrice}}</div>
+                    <div v-else>${{price.rMBPrice}}</div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+          </div>
+          <div class="labelinfo">
+            <div class="labelicon">标签</div>
+            <div class="labeltext">{{item.tag}}</div>
           </div>
         </div>
       </div>
@@ -184,7 +212,7 @@
       <!--</div>-->
     </div>
     <!-- /end 卖家中心 产品管理 -->
-    <div class="none-state" v-if="(activeType != 'seek') && ((collectSave.totalElements == 0 && activeType == 'comp') || (focusPage.totalElements == 0 && activeType == 'store') || (collectSave.totalElements == 0 && focusPage.totalElements == 0))">
+    <div class="none-state" v-if="(activeType != 'seek') && ((collectSave.totalElements == 0 && activeType == 'comp') || (focusPage.totalElements == 0 && activeType == 'store') || (collectSave.totalElements == 0 && focusPage.totalElements == 0) || GetEnterpriseListData.totalElements == 0)">
       <img src="/images/mobile/@2x/empty-collect.png">
       <p v-text="getRemindText()"></p>
       <nuxt-link to="/">返回首页</nuxt-link>
@@ -205,7 +233,106 @@
     <loading v-show="isSearchSearchingMore"></loading>
     <div v-if="purchaseManList && false"></div>
     <div v-if="purchaseManListFetching && false"></div>
-    <div v-if="EnterpriseList && false"></div>
+    <!--<div v-if="EnterpriseList && false"></div>-->
+    <!-- 删除提示框 -->
+    <div class="deleteKuang" v-show="showDelete">
+      <div class="kuangContent">
+        <div class="title">删除信息</div>
+        <div class="titleinfo">是否删除此信息</div>
+        <!--<div class="info" v-show="isUploadpro">*存在已上架信息</div>-->
+        <div class="K_btn">
+          <div class="cancelBtn" @click="cancelFn()">取消</div>
+          <div class="answerBtn" @click="deleteFn()">确定</div>
+        </div>
+      </div>
+    </div>
+    <!-- /end 删除提示框 -->
+    <!-- 企业产品库 查看信息 -->
+    <div class="deleteKuang" v-show="showMoreinfn">
+      <div class="Kuang">
+        <div class="title">产品信息<i data-v-4faa6b2d="" @click="closeMoreinfo()" class="icon-guanbi iconfont"></i></div>
+        <div class="content">
+          <div class="infob">
+            <div class="info"><div class="name">型号：</div><div>{{cnmpCode}}</div></div>
+            <div class="info"><div class="name">类目(产品名称)：</div><div>{{cnmpType || '-'}}</div></div>
+            <div class="info"><div class="name">品牌：</div><div>{{cnmpBand}}</div></div>
+          </div>
+          <div class="content_sq" v-bind:key="item.id" v-for="(item, index) in vendorlist" >
+            <div class="labelBg">
+              <div class="labelinfo" style="margin-left: -0.1rem">
+                <div class="labelicon" style="vertical-align:top;margin-top: 0.09rem">标签</div>
+                <div class="labeltext">{{item.tag}}</div>
+              </div>
+              <div class="middle">
+                <div class="list">
+                  <div class="fl">
+                    <div class="name">
+                      <div class="pms">
+                        {{(storeInfo.uuid != 'undefind' && item.storeid == storeInfo.uuid && storeInfo.storeName.indexOf('优软测试二') < 0 && storeInfo.storeName.indexOf('优软商城') < 0) ? '自营' : '寄售'}}</div>
+                      </div>
+                  </div>
+                  <div class="fr">
+                    <div class="textinfo" v-if="item.breakUp">可拆卖</div>
+                  </div>
+                </div>
+                <div class="list">
+                  <div class="fl">
+                    <div class="name">包装数量：</div>
+                    <div class="text">{{item.minPackQty}}</div>
+                  </div>
+                  <div class="fr">
+                    <div class="name">交期(天)：</div>
+                    <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery != item.b2cMinDelivery)" v-text="item.b2cMinDelivery + '-'+ item.b2cMaxDelivery"></div>
+                    <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery == item.b2cMinDelivery)" v-text="item.b2cMinDelivery"></div>
+                  </div>
+                </div>
+
+                <div class="list">
+                  <div class="fl">
+                    <div class="name">包装方式：</div>
+                    <div class="text">{{item.packaging || '无包装信息'}}</div>
+                  </div>
+                  <div class="fr">
+                    <div class="name">库存：</div>
+                    <div class="text">{{item.reserve}}</div>
+                  </div>
+                </div>
+
+                <div class="list">
+                  <div class="fl">
+                    <div class="name">生产日期：</div>
+                    <div class="text" :title="item.produceDate">{{item.produceDate || '-'}}</div>
+                  </div>
+                  <div class="fr">
+                    <div class="name">起订量：</div>
+                    <div class="text" style="color: #f31919">{{item.minBuyQty}}</div>
+                  </div>
+                </div>
+
+                <div class="list">
+                  <div class="name left">价格梯度：</div>
+                  <div class="table left">
+                    <ul>
+                      <li class="title">
+                        <div>分段数量/PCS</div>
+                        <div>分段单价</div>
+                      </li>
+                      <li v-for="price in item.prices">
+                        <div>{{price.start}}+</div>
+                        <div v-if="item.currencyName == 'RMB'">¥{{price.rMBPrice}}</div>
+                        <div v-else>${{price.rMBPrice}}</div>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- /end 企业产品库 查看信息 -->
   </div>
 </template>
 
@@ -238,7 +365,13 @@
         isDataChange: false,
         showEnterpriseToggle: false,
         providerType: 'enterprise',
-        GetEnterpriseListData: []
+        GetEnterpriseListData: [],
+        isUploadpro: 1, // 是否存在已上架信息
+        showDelete: false, // 显示删除提示框
+        EnterprisePage: 1,
+        vendorlist: [], // 查看更多信息
+        showMoreinfn: false, // 是否打开更多信息
+        chooseItem: {}
       }
     },
     components: {
@@ -262,7 +395,8 @@
       return Promise.all([
         store.dispatch('product/saveStores', { count: 100, page: 1, type: 'component' }),
         store.dispatch('shop/StoreFocusPage', { count: 100, page: 1 }),
-        store.dispatch(route.query.type === 'saler' ? 'applyPurchase/loadPurchaseManList' : 'applyPurchase/loadBuyerUnSayPricePurchaseManList', params)
+        store.dispatch(route.query.type === 'saler' ? 'applyPurchase/loadPurchaseManList' : 'applyPurchase/loadBuyerUnSayPricePurchaseManList', params),
+        store.dispatch('loadStoreStatus', { op: 'check' })
       ])
     },
     watch: {
@@ -274,9 +408,12 @@
       'activeType': {
         handler: function (val, old) {
           if (val === 'provider') {
-            this.seekPage = 1
-            this.GetEnterpriseListData = []
-            this.GetEnterpriseList()
+            this.GetEnterpriseList().then(res => {
+              this.GetEnterpriseListData = res.data.content
+              this.EnterprisePage = res.data.totalPages
+            })
+          } else if (val === 'mystore') {
+            this.$router.push(`/mobile/shop/${this.$store.state.option.storeStatus.data.uuid}`)
           }
         }
       }
@@ -408,13 +545,7 @@
           }
         } else {
           if (this.activeType === 'provider') {
-            if (this.providerType === 'enterprise') {
-              this.GetEnterpriseList()
-            } else if (this.providerType === 'person') {
-              this.GetPersonList()
-            } else if (this.providerType === 'onLine') {
-              this.GetOnlineList()
-            }
+            this.getResourceProvidor()
           } else {
             if (type === 'wait') {
               this.$store.dispatch('applyPurchase/loadPurchaseManList', {pageNumber: this.seekPage, pageSize: this.seekSize, enUU: this.$store.state.option.user.data.enterprise.uu, keyword: this.seekKeyword})
@@ -464,10 +595,10 @@
           sorting: { id: 'DESC' },
           type: 'all'
         }
-        this.$store.dispatch('mobile/GetEnterpriseList', params)
+        return this.$http.get('/trade/products', { params })
       },
       // 获取当前个人产品库
-      GetPersonList: function() {
+      GetPersonList: function(cb) {
         let params = {
           _status: 'all',
           count: 20,
@@ -477,7 +608,7 @@
           sorting: { id: 'DESC' },
           type: 'all'
         }
-        this.$store.dispatch('mobile/GetPersonList', params)
+        return this.$http.get('/trade/products/person', { params })
       },
       // 获取当前在售产品
       GetOnlineList: function() {
@@ -488,20 +619,87 @@
           sorting: { 'createdDate': 'DESC' },
           status: '601-602'
         }
-        this.$store.dispatch('mobile/GetOnlineList', params)
+        return this.$http.get('/trade/goods/store/status', { params })
       },
       // 产品管理切换
       switchprovide: function(type) {
         this.providerType = type
         this.seekPage = 1
+        this.GetEnterpriseListData.splice(0, this.GetEnterpriseListData.length)
+        this.GetEnterpriseListData = null
         this.GetEnterpriseListData = []
-        if (type === 'enterprise') {
-          this.GetEnterpriseList()
-        } else if (type === 'person') {
-          this.GetPersonList()
-        } else if (type === 'onLine') {
-          this.GetOnlineList()
+        this.getResourceProvidor()
+      },
+      // 删除个人产品库
+      deleteProvider: function(id, index) {
+        this.showDelete = true
+        this.deleteId = id
+        // this.deleteItemIndex = index
+        // this.$http.get(`/trade/goods/${id}/deleteMessage`).then(response => {
+        //   this.isUploadpro = response.data.code
+        // })
+      },
+      deleteFn: function() {
+        this.$http.delete(`/trade/products/${this.deleteId}?isPerson=1`).then(response => {
+          this.showDelete = false
+          this.collectResult = '删除成功'
+          this.timeoutCount++
+          this.seekPage = 1
+          this.GetEnterpriseListData.splice(0, this.GetEnterpriseListData.length)
+          this.isChange2 = true
+          this.reloadData()
+          // this.GetEnterpriseListData.splice(this.deleteItemIndex, 1)
+        }, () => {
+          this.showDelete = false
+          this.collectResult = '删除失败'
+          this.timeoutCount++
+        })
+      },
+      cancelFn: function() {
+        this.showDelete = false
+      },
+      addProtoperson: function(item) {
+        this.$http.post('/trade/products/person', [item.id])
+          .then(response => {
+            this.collectResult = '绑定成功'
+            this.timeoutCount++
+          }, () => {
+            this.collectResult = '绑定失败'
+            this.timeoutCount++
+          })
+      },
+      // 获取相对应的信息
+      getResourceProvidor: function() {
+        if (this.providerType === 'enterprise') {
+          this.GetEnterpriseList().then(res => {
+            this.GetEnterpriseListData = this.GetEnterpriseListData.concat(res.data.content)
+            this.EnterprisePage = res.data.totalPages
+            this.isSearchSearchingMore = false
+          })
+        } else if (this.providerType === 'person') {
+          this.GetPersonList().then(res => {
+            this.GetEnterpriseListData = this.GetEnterpriseListData.concat(res.data.content)
+            this.EnterprisePage = res.data.totalPages
+            this.isSearchSearchingMore = false
+          })
+        } else if (this.providerType === 'onLine') {
+          this.GetOnlineList().then(res => {
+            this.GetEnterpriseListData = this.GetEnterpriseListData.concat(res.data.content)
+            this.EnterprisePage = res.data.totalPages
+            this.isSearchSearchingMore = false
+          })
         }
+      },
+      // 查看企业产品库更多信息
+      lookProductitem: function(id, item) {
+        this.chooseItem = item
+        this.$http.get(`/trade/products/goods/productid/${id}`).then(res => {
+          this.showMoreinfn = true
+          this.vendorlist = res.data
+        })
+      },
+      closeMoreinfo: function() {
+        this.showMoreinfn = false
       }
     },
     computed: {
@@ -564,7 +762,6 @@
           this.isSearchSearchingMore = false
           this.isDataChange = false
         }
-//        console.log(this.purchaseManListData)
         return this.purchase.data.content
       },
       allPage () {
@@ -574,33 +771,23 @@
         this.showLoading = false
         return this.purchase.fetching
       },
-      Enterprise() {
-        if (this.providerType === 'enterprise') {
-          return this.$store.state.mobile.enterpriseList.data
-        } else if (this.providerType === 'person') {
-          return this.$store.state.mobile.personList.data
-        } else if (this.providerType === 'onLine') {
-          return this.$store.state.mobile.onLineList.data
+      cnmpCode() { // 型号
+        if (this.chooseItem.pcmpcode) {
+          return this.chooseItem.pcmpcode
         }
+        return ''
       },
-      EnterprisePage() {
-        if (this.providerType === 'enterprise') {
-          return this.$store.state.mobile.enterpriseList.data.totalPages
-        } else if (this.providerType === 'person') {
-          return this.$store.state.mobile.personList.data.totalPages
-        } else if (this.providerType === 'onLine') {
-          return this.$store.state.mobile.onLineList.data.totalPages
+      cnmpType() { // 类目
+        if (this.chooseItem.kinden) {
+          return this.chooseItem.kinden
         }
+        return ''
       },
-      EnterpriseList () {
-        if (this.Enterprise.content) {
-          let list = this.Enterprise.content.slice()
-          this.GetEnterpriseListData = this.GetEnterpriseListData.concat(list)
-          this.isSearchSearchingMore = false
-          return this.Enterprise.content
-        } else {
-          return ''
+      cnmpBand() { // 品牌
+        if (this.chooseItem.pbranden) {
+          return this.chooseItem.pbranden
         }
+        return ''
       }
     }
   }
@@ -908,15 +1095,30 @@
         .text {
           width: 5.4rem;
         }
+        .pms {
+          color: #f57710;
+          border: 1px solid #f57710;
+          border-radius: 0.4rem;
+          background: #fff;
+          font-size: 0.24rem;
+          height: 0.4rem;
+          line-height: 0.4rem;
+          width: 0.8rem;
+          text-align: center;
+          float: right;
+          margin-top: 0.25rem;
+        }
       }
       .icon {
         width: 0.6rem;
         height: 0.36rem;
+        line-height: 0.36rem;
         margin-top: 0.27rem;
         float: left;
         background-size: 100%;
         background-repeat: no-repeat;
         margin-right: 0.12rem;
+        text-align: center;
         &.istanded{
           background-image: url('/images/mobile/@2x/istanded.png')
         }
@@ -950,6 +1152,9 @@
       background: #fff;
       .linetext {
         margin-bottom: 0.24rem;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
         &:nth-last-of-type(1){
           margin-bottom: 0rem;
         }
@@ -957,21 +1162,25 @@
       .fl {
         float: left;
         border-right: 1px dashed #e0e0e4;
-        width: 4.88rem;
+        width: 4.68rem;
       }
       .fr {
         float: right;
         margin: 0.18rem 0.24rem;
         margin-right: 0rem;
-        font-size: 0.2rem;
+        font-size: 0.3rem;
         &.addtop {
-          margin-top: 0.6rem
+          margin-top: 0.6rem;
+          .add {
+            background: #0067e7;
+            color: #fff;
+          }
         }
         div {
-          width: 1.9rem;
-          height: 0.5rem;
+          width: 2.1rem;
+          height: 0.6rem;
           text-align: center;
-          line-height: 0.5rem;
+          line-height: 0.6rem;
           border-radius: 3px;
           &.look{
             background: #0067e7;
@@ -1000,19 +1209,175 @@
         zoom: 1;
       }
     }
-    .middle {
-      padding: 0.24rem 0.24rem;
+  }
+  .middle {
+    padding: 0.24rem 0.24rem 0px;
+    background: #fff;
+    .pms {
+      color: #f57710;
+      border: 1px solid #f57710;
+      border-radius: 0.4rem;
       background: #fff;
-      .pms {
-        color: #f57710;
-        border: 1px solid #f57710;
-        border-radius: 50%;
-        background: #fff;
-        font-size: 0.2rem;
-        padding: 0.2rem 0.3rem;
+      font-size: 0.24rem;
+      height: 0.4rem;
+      line-height: 0.4rem;
+      width: 0.8rem;
+      text-align: center;
+    }
+    .list {
+      .left {
+        float: left;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .textinfo {
+        color: #0067e7;
+        font-size: 0.3rem
+      }
+      margin-bottom: 0.18rem;
+      &::after{
+        clear: both;
+        display: block;
+        content: ' ';
+        visibility: hidden;
+        zoom: 1;
       }
-      .list {
-        margin-bottom: 0.12rem;
+      .fl {
+        width: 4.4rem;
+        float: left;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .fr {
+        text-align: left;
+        width: 2.6rem;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .name {
+        color: #666;
+        font-size: 0.3rem;
+        display: inline-block;
+      }
+      .text {
+        display: inline-block;
+        color: #333;
+        font-size: 0.3rem
+      }
+      .table {
+        width: 5.5rem;
+        margin-bottom: 0px;
+        margin-top: -.1rem;
+        li {
+          height: 0.6rem;
+          line-height: 0.6rem;
+          &::after {
+            clear: both;
+            display: block;
+            content: ' ';
+            visibility: hidden;
+            zoom: 1;
+          }
+          div {
+            text-align: center;
+            width: 50%;
+            float: left
+          }
+          &:nth-child(odd) {
+            background: #f7f7f7;
+            color: #666;
+            font-size: 0.28rem;
+          }
+          &:nth-child(even) {
+            background: #fcfcfc;
+            color: #666;
+            font-size: 0.28rem;
+          }
+          &:nth-last-of-type(1){
+            color: #f31919;
+          }
+          &.title {
+            font-size: 0.3rem;
+            color: #666;
+          }
+        }
+      }
+    }
+  }
+  .labelinfo {
+    padding: 0 .24rem;
+    background: #e6e6e6;
+    height: 0.6rem;
+    line-height: 0.6rem;
+    width: 100%;
+    color: #666;
+    font-size: 0.26rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    .labelicon {
+      background-image: url('/images/mobile/@2x/label_icon.png');
+      background-repeat: no-repeat;
+      width: 0.61rem;
+      height: 0.38rem;
+      line-height: 0.38rem;
+      background-size: 100%;
+      color: #fff;
+      margin-right: 0.1rem;
+      display: inline-block;
+      font-size: 0.22rem;
+      text-align: center;
+      /*vertical-align: middle;*/
+    }
+    .labeltext{
+      display: inline-block;
+      /*vertical-align: middle;*/
+    }
+  }
+  .deleteKuang {
+    position: fixed;
+    background: rgba(0,0,0,0.5);
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+    z-index: 9999;
+    .kuangContent {
+      border-radius: 5px;
+      background: #fff;
+      width: 5rem;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate3d(-50%, -50%, 0);
+      border-radius: 5px;
+      overflow: hidden;
+      .titleinfo {
+        font-size: .3rem;
+        color: #666;
+        text-align: center;
+        margin-top: 0.5rem;
+        margin-bottom: 0.1rem;
+      }
+      .title {
+        background: #5078cb;
+        height: .7rem;
+        line-height: .7rem;
+        font-size: .3rem;
+        color: #fff;
+        text-align: center;
+      }
+      .info {
+        color: #f00;
+        text-align: center;
+      }
+      .K_btn {
+        margin-top: 0.4rem;
+        line-height: 0.7rem;
+        height: 0.7rem;
         &::after{
           clear: both;
           display: block;
@@ -1020,29 +1385,103 @@
           visibility: hidden;
           zoom: 1;
         }
-        .fl {
-          width: 4.4rem;
+        div {
           float: left;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
+          width: 50%;
+          font-size: 0.3rem;
+          text-align: center;
+          &.cancelBtn {
+            background: #b4b5b9;
+            color: #333;
+          }
+          &.answerBtn {
+            background: #5078cb;
+            color: #fff;
+          }
         }
-        .fr {
-          text-align: left;
-          width: 2.6rem;
+      }
+    }
+    i {
+      font-size: .6rem;
+      position: absolute;
+      right: -0.3rem;
+      top: -0.35rem;
+      color: #fff;
+      &::after{
+        position: absolute;
+        top: -0.1rem;
+        left: -0.1rem;
+        right: -0.1rem;
+        bottom: -0.1rem;
+        content: ' '
+      }
+    }
+    .title {
+      background: #3f84f6;
+      height: 0.7rem;
+      line-height: 0.7rem;
+      color: #fff;
+      text-align: center;
+      font-size: 0.3rem;
+      position: relative;
+    }
+    .Kuang {
+      max-height: 10rem;
+      width: 6.7rem;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate3d(-50%, -50%, 0);
+      background: #ececec;
+      border-radius: 5px;
+    }
+    .content {
+      overflow-y: scroll;
+      max-height: 9.3rem;
+      .infob {
+        background: #e3edfd;
+        padding: 0.2rem;
+        .info {
+          color: #333;
+          font-size: 0.3rem;
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;
+          margin-bottom: 0.18rem;
+          .name {
+            color: #666;
+          }
+          div {
+            display: inline-block;
+          }
         }
-        .name {
-          color: #666;
-          font-size: 0.3rem;
-          display: inline-block;
+      }
+      .content_sq {
+        width: 6.4rem;
+        margin: 0.1rem auto;
+        background: #fff;
+        padding: 0.2rem 0rem;
+        .list {
+          margin-bottom: 0.18rem;
         }
-        .text {
-          display: inline-block;
-          color: #999;
-          font-size: 0.3rem
+        .fl {
+          width: 3.2rem;
+        }
+        .table {
+          width: 4.2rem;
+          margin-top: -0.1rem;
+        }
+        .labelinfo {
+          background-image: url('/images/mobile/@2x/labelTop.png');
+          background-repeat: no-repeat;
+          width: 6.29rem;
+          height: 0.64rem;
+          line-height: 0.64rem;
+          background-size: 100%;
+          margin-top: 0rem;
+          margin-right: 0rem;
+          background-color: rgba(0, 0, 0, 0);
+          color: #666;
         }
       }
     }

store/mobile.js

@@ -1,99 +1,19 @@
-import axios from '~plugins/axios'
 /*
  * 全局设置
  */
 export const state = () => ({
   // 输入框是否被点击
-  InputGetFocus: false,
-
-  // 产品管理 企业产品库
-  enterpriseList: {
-    fetching: false,
-    data: {}
-  },
-
-  // 产品管理 个人产品库
-  personList: {
-    fetching: false,
-    data: {}
-  },
-
-  // 产品管理 在售产品
-  onLineList: {
-    fetching: false,
-    data: {}
-  }
+  InputGetFocus: false
 })
 
 export const mutations = {
   SET_INPUT_STATUS (state, flag) {
     state.InputGetFocus = flag
-  },
-  REQUEST_ENTERPRISE_LIST (state) {
-    state.enterpriseList.fetching = true
-  },
-  GET_ENTERPRISE_LIST_FAILURE (state) {
-    state.enterpriseList.fetching = false
-  },
-  GET_ENTERPRISE_LIST_SUCCESS (state, result = {}) {
-    state.enterpriseList.fetching = false
-    state.enterpriseList.data = result
-  },
-
-  REQUEST_PERSON_LIST (state) {
-    state.personList.fetching = true
-  },
-  GET_PERSON_LIST_FAILURE (state) {
-    state.personList.fetching = false
-  },
-  GET_PERSON_LIST_SUCCESS (state, result = {}) {
-    state.personList.fetching = false
-    state.personList.data = result
-  },
-  REQUEST_ONLINE_LIST (state) {
-    state.onLineList.fetching = true
-  },
-  GET_ONLINE_LIST_FAILURE (state) {
-    state.onLineList.fetching = false
-  },
-  GET_ONLINE_LIST_SUCCESS (state, result = {}) {
-    state.onLineList.fetching = false
-    state.onLineList.data = result
   }
 }
 
 export const actions = {
   SetInputGetFocus({commit}, flag) {
     commit('SET_INPUT_STATUS', flag)
-  },
-
-  GetEnterpriseList ({ commit }, params = {}) {
-    commit('REQUEST_ENTERPRISE_LIST')
-    return axios.get('/trade/products', { params })
-      .then(response => {
-        commit('GET_ENTERPRISE_LIST_SUCCESS', response.data)
-      }, err => {
-        commit('GET_ENTERPRISE_LIST_FAILURE', err)
-      })
-  },
-
-  GetPersonList ({ commit }, params = {}) {
-    commit('REQUEST_PERSON_LIST')
-    return axios.get('/trade/products/person', { params })
-      .then(response => {
-        commit('GET_PERSON_LIST_SUCCESS', response.data)
-      }, err => {
-        commit('GET_PERSON_LIST_FAILURE', err)
-      })
-  },
-
-  GetOnlineList ({ commit }, params = {}) {
-    commit('REQUEST_ONLINE_LIST')
-    return axios.get('/trade/goods/store/status', { params })
-      .then(response => {
-        commit('GET_ONLINE_LIST_SUCCESS', response.data)
-      }, err => {
-        commit('GET_ONLINE_LIST_FAILURE', err)
-      })
   }
 }