处理询价页面的优化

components/applyPurchase/ApplyInfo.vue

@@ -530,15 +530,16 @@ export default {
       }
       > ul {
         margin-bottom: 29px;
+        font-size:12px;
         > li {
           position: relative;
           border: 1px solid #ededed;
           &.active {
-            border: 1px solid #4290f7;
+            border: 1px solid #2496f1;
             box-shadow: 2px 4px 5px 0 rgb(205, 221, 252);
           }
           &:hover {
-            border: 1px solid #4290f7;
+            border: 1px solid #2496f1;
             box-shadow: 2px 4px 5px 0 rgb(205, 221, 252);
             .il-item.il-right .sharecode {
               display: block;
@@ -548,7 +549,7 @@ export default {
             height: 120px;
             display: inline-block;
             text-align: center;
-            color: #3c3c3c;
+            color: #333;
             padding-top: 16px;
             vertical-align: middle;
             .item {
@@ -557,23 +558,23 @@ export default {
               text-overflow: ellipsis;
               white-space: nowrap;
               span {
-                color: #999;
+                color: #333;
               }
             }
             &.il-left {
-              width: 165px;
+              width: 125px;
               padding: 16px 5px 0;
               div {
                 display: block;
                 &:last-child {
                   margin-top: 37px;
-                  color: #666;
+                  color: #333;
                 }
               }
             }
             &.il-center {
               text-align: left;
-              width: 740px;
+              width: 640px;
               .il-box {
                 display: inline-block;
                 float: left;
@@ -582,10 +583,9 @@ export default {
                 }
               }
               .il-box-large {
-                width: 610px;
-                margin-left:15px;
+                width: 505px;
                 .fl {
-                  width: 298px;
+                  width: 220px;
                   line-height: 19px;
                   word-break: break-all;
                   white-space: unset;
@@ -594,7 +594,7 @@ export default {
                   }
                   .content {
                     display: inline-block;
-                    width: 251px;
+                    width: 155px;
                     overflow: hidden;
                     vertical-align: middle;
                     height: 38px;
@@ -605,16 +605,16 @@ export default {
                     display:inline-block;
                     width:94px;
                     text-align:right;
-                    color:#3c7cf5;
+                    color:#2496f1;
                   }
                   &.size-middle {
-                    /*width: 260px;*/
+                    width:260px;
                     margin-right: 10px;
-                    .content {
-                      width: 194px;
-                    }
                   }
                  &.item-right {
+                   .content{
+                     width:180px;
+                   }
                     span {
                       width: auto;
                     }
@@ -625,7 +625,6 @@ export default {
                 width: 100px;
                 text-align: center;
                 line-height: 90px;
-                margin-left:-15px;
                 .item {
                   color: #f71026;
                 }
@@ -654,7 +653,7 @@ export default {
                   height: 28px;
                   line-height: 28px;
                   color: #fff;
-                  background: #3c7cf5;
+                  background: #2496f1;
                   border-radius: 3px;
                   cursor: pointer;
                   /*  &:first-child {
@@ -697,7 +696,7 @@ export default {
                   line-height: 14px;
                 }
                 .title {
-                  color: #3c7cf5;
+                  color: #2496f1;
                   font-size: 16px;
                   margin: 21px auto;
                   margin-bottom: 0px;
@@ -716,7 +715,7 @@ export default {
                 div span {
                   display: inline-block;
                   color: #fff;
-                  background: #4290f7;
+                  background: #2496f1;
                   height: 36px;
                   line-height: 36px;
                   width: 70px;
@@ -735,7 +734,7 @@ export default {
                 .sharecodeR {
                   width: 4px;
                   height: 120px;
-                  background: #4290f7;
+                  background: #2496f1;
                   float: right;
                 }
                 .sharecodeL {
@@ -747,7 +746,7 @@ export default {
                   margin-top: 10px;
                   width: 28px;
                   height: 68px;
-                  background-color: #3c7cf5;
+                  background-color: #2496f1;
                   border-radius: 2px;
                   color: #ffffff;
                   font-size: 14px;
@@ -779,13 +778,12 @@ export default {
             }
           }
           .number-content {
-            margin-left: 10px;
             line-height: 120px;
             padding-top: 0;
-            width: 100px;
-            margin-right: 34px;
+            width: 60px;
+            margin-right: 6px;
             span {
-              color: #5392f9;
+              color: #2496f1;
               &.active {
                 color: #ff9a00;
               }

components/applyPurchase/PublishApply.vue

@@ -8,5 +8,6 @@
   .publish-apply {
     background: url('/images/applyPurchase/banner.png') center center/cover no-repeat;
     height: 400px;
+    margin-bottom:20px;
   }
 </style>

components/applyPurchase/articleThree.vue

@@ -1,16 +1,16 @@
 <template>
   <div class="article_three">
     <div class="get_business">
-      <a @click="showRemindBox = true">查看 &nbsp; 》</a>
+      <a @click="showRemindBox = true">查看 》</a>
     </div>
     <!--弹出框-->
     <el-dialog
-      :visible.sync="showRemindBox"
-      width="1190px">
-      <span>这是一段信息</span>
-      <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="showRemindBox = false">去维护个人产品 》</el-button>
-      </span>
+      :visible.sync="showRemindBox">
+      <div class="content">
+        <span @click="showRemindBox = false">×</span>
+        <img src="/images/applyPurchase/dialog_banner.png">
+        <a @click="Maintenance()">去维护个人产品 》</a>
+      </div>
     </el-dialog>
   </div>
 </template>
@@ -21,15 +21,87 @@
         showRemindBox: false
       }
     },
-    mounted () {
-
+    computed: {
+      user () {
+        return this.$store.state.option.user
+      }
     },
     methods: {
-
+      Maintenance () {
+        if (!this.user.logged) {
+          this.$message.error('请先登录')
+        } else {
+          let isSelf = true
+          let tempEnterprise = {}
+          let ens = this.user.data.enterprises
+          if (ens && ens.length) {
+            ens.forEach(function (item) {
+              if (item.current) {
+                isSelf = false
+                tempEnterprise = item
+              }
+            })
+          } else {
+            isSelf = true
+          }
+          if (isSelf) {
+            this.$message.error('请先点击【卖家中心】升级成为卖家')
+          } else {
+            if (tempEnterprise.isVendor === 313) {
+              window.location.href = '/vendor#/vendor_upload?type=self'
+            } else {
+              this.$message.error('请先点击【卖家中心】升级成为卖家')
+            }
+          }
+        }
+      }
     }
   }
 </script>
 <style lang="scss">
+  .el-dialog--small{
+    width:1190px;
+    .el-dialog__header{
+      display:none;
+    }
+    .el-dialog__body{
+      padding:0;
+      .content{
+        position:relative;
+        span{
+          position:absolute;
+          top:15px;
+          right:25px;
+          display:inline-block;
+          width:32px;
+          height:32px;
+          cursor:pointer;
+          line-height: 26px;
+          font-size:36px;
+          color:#fff;
+          background: #999999;
+          border-radius:50%;
+          text-align: center;
+        }
+        a{
+          position:absolute;
+          top: 1525px;
+          left: 215px;
+          display:inline-block;
+          width:135px;
+          height:30px;
+          line-height: 30px;
+          color:#eee;
+          background: #3b7cf4;
+          border-radius:5px;
+          text-align: center;
+        }
+        img{
+          width:100%;
+        }
+      }
+    }
+  }
   .article_three{
     position:relative;
     border-radius:5px;

package.json

@@ -26,7 +26,7 @@
     "vue2-filters": "^0.1.9"
   },
   "scripts": {
-    "dev": "nodemon --exec node server.js",
+    "dev": "nodemon --exec node -max_old_space_size=4096 server.js",
     "analyze": "nuxt build --analyze",
     "dev-build": "nuxt build",
     "dev-start": "node server.js",

pages/applyPurchase/index.vue

@@ -10,9 +10,8 @@
       <div class="section">
         <publish-apply></publish-apply>
         <apply-info></apply-info>
-        <!--<apply-footer></apply-footer>-->
-        <business-opportunities id="opportunities"></business-opportunities>
-        <div class="footer"><img  class="img" src="/images/applyPurchase/apply-footer.png"></div>
+        <!--<business-opportunities id="opportunities"></business-opportunities>-->
+        <!--<div class="footer"><img  class="img" src="/images/applyPurchase/apply-footer.png"></div>-->
       </div>
     </div>
   </div>