落地页优化

src/main/resources/static/css/base/base.pc.css

@@ -78,11 +78,11 @@ iframe{width:320px !important;height: 280px !important}
 .baseHeadTop .header_top_ul .headsupplier {cursor: pointer; position:relative;}
 .baseHeadTop .headsupplier  .tab_name {padding-right: 18px;}
 .baseHeadTop .headsupplier  .tab_name:after{content: '\276F';font-weight: normal;position: absolute;right: 6px;top: 0;transform: rotate(-90deg);transition: .3s;}
-.baseHeadTop .header_top_ul .headsupplier .supplierData {display: none;grid-template-rows: repeat(3, 1fr);grid-template-columns: repeat(2, 1fr); width: 160px; height: 120px;position:absolute;right:0;top:41px;box-sizing:border-box;background:#FFF;z-index:999;box-shadow:0px 3px 6px rgba(45,48,54,0.2);border-radius:2px;}
+.baseHeadTop .header_top_ul .headsupplier .supplierData {display: none;grid-template-columns: repeat(2, 1fr); width: 160px;position:absolute;right:0;top:41px;box-sizing:border-box;background:#FFF;z-index:999;box-shadow:0px 3px 6px rgba(45,48,54,0.2);border-radius:2px;padding: 12px;align-items: center;}
 .baseHeadTop .headsupplier:hover .tab_name {color: #FF5B00;border-color: #FF5B00}
 .baseHeadTop .headsupplier:hover .supplierData {display:grid;-webkit-animation:fadeInDown .4s;animation:fadeInDown .4s;}
 .baseHeadTop .headsupplier:hover .tab_name:after{transform: rotate( 90deg);}
-.baseHeadTop .header_top_ul .headsupplier .supplierData .supplierLink {font-size: 12px;color: #4A4F58;display: flex;justify-content: center;}
+.baseHeadTop .header_top_ul .headsupplier .supplierData .supplierLink {font-size: 12px;color: #4A4F58;display: flex;justify-content: flex-start;padding-left: 12px;box-sizing: border-box;height: 30px;white-space: nowrap;align-items: center;}
 .baseHeadTop .header_top_ul .headsupplier .supplierData .supplierLink:hover {color: #FF5B00;}
 /* 购物车 */
 .baseHeadTop li.headCart{position:relative;}

src/main/resources/static/css/supplier-login/login-h5.css

@@ -1065,3 +1065,16 @@ video {
 .el-select-dropdown.is-multiple .el-select-dropdown__item {
     padding-right: 0 !important;
 }
+.el-scrollbar .el-select-dropdown__wrap {
+    max-height: 220px !important;
+}
+.select_contian {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10px;
+}
+.select_contian .select_contian_btn {
+    background: #FF5B00;
+    color: white;
+}

src/main/resources/static/css/supplier-login/login.css

@@ -1668,3 +1668,14 @@ body{
 .el-select-dropdown.is-multiple .el-select-dropdown__item {
     padding-right: 0 !important;
 }
+.select_contian {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10px;
+}
+.select_contian .select_contian_btn {
+    width: 88px;
+    background: #FF5B00;
+    color: white;
+}

src/main/resources/static/js/base.js

@@ -87,6 +87,7 @@ var globalHead = new Vue({
                 link: '/help/1044.html',
             },
         ], // 供应商链接
+        activeLinks: [],
     },
     watch:{
         isFiexd: function(nVal,oVal){
@@ -96,6 +97,17 @@ var globalHead = new Vue({
             // }else{
             //     $("body").css('paddingTop', "0px");
             // }
+        },
+        loginStatus: {
+            handler(val) {
+                if (val) {
+                    this.activeLinks = this.supplierLinks.filter((i, index) => index !== 2)
+                } else {
+                    this.activeLinks = this.supplierLinks
+                }
+            },
+            deep: true,
+            immediate: true
         }
     },
     methods: {

src/main/resources/static/js/supplier-login/login.js

@@ -582,6 +582,13 @@ new Vue({
             this.solutionForm.level = id
             this.solutionVisible = true
         },
+        // 点击 select 里的按钮
+        triggerSelect() {
+            console.log(this.$refs['selectRef'])
+            this.$nextTick(_ => {
+                this.$refs['selectRef'].toggleMenu();
+            })
+        },
         // 解决方案提交
         // 提交
         formSubmit() {

src/main/resources/templates/components/footer.html

@@ -89,7 +89,7 @@
             </div>
         </div>
     </div>
-    <div id="supplierLogin" v-if="!globalHead.loginStatus || GLOBAL_USER_IDENTITY === 3" @click="goSupplierLink">
+    <div id="supplierLogin" @click="goSupplierLink">
         <img src="https://static.caimei365.com/app/img/icon/supplier_logo.png" class="logo"/>
 <!--        <div>供应商服务</div>-->
     </div>

src/main/resources/templates/components/header.html

@@ -5,10 +5,10 @@
             <div class="header_top_left">欢迎来到采美采购服务平台</div>
             <div class="header_top_left"></div>
             <ul class="header_top_ul" >
-                <li class="headsupplier" v-if="userIdentity===3 || !loginStatus">
+                <li class="headsupplier">
                     <a class="tab_name">供应商服务</a>
                     <div class="supplierData">
-                        <div class="supplierLink" v-for="(item, index) in supplierLinks" :key="index" @click="goHeaderLink(item.link)">{{item.title}}</div>
+                        <div class="supplierLink" v-for="(item, index) in activeLinks" :key="index" @click="goHeaderLink(item.link)">{{item.title}}</div>
                     </div>
                 </li>
                 <li class="headmsg">

src/main/resources/templates/supplier_login/index.html

@@ -57,14 +57,14 @@
                     </el-popover>
                 </div>
                 <div v-if="!isPC && userInfo" class="H5_header" v-cloak>
-                    <div class="H5_username" @click="hideAction">
+                    <div class="H5_username" @click="hideAction" v-if="userInfo.userIdentity===3">
                         <img src="/img/supplier-login/H5/userdefault.png" style="width: 5vw;height: 5vw" />
                     </div>
                     <div style="color: #FF5B00;font-size: 3.6vw;margin: 0 3.6vw;">菜单</div>
                     <img src="/img/supplier-login/H5/openMenu.png" @click="openDrawn" v-if="!drawer" style="width: 4.2vw;height: 4.2vw" />
                     <img src="/img/supplier-login/H5/close.png" v-else @click="openDrawn" style="width: 4.2vw;height: 4.2vw" />
                 </div>
-                <div class="login_regist" v-if="!userInfo" v-cloak>
+                <div class="login_regist" v-if="!userInfo || userInfo.userIdentity===3" v-cloak>
                     <div class="login_btn"><a rel="nofollow" href="/supplier/register.html">注册</a></div>
                     <div class="login_btn" style="background: #FF5B00;"><a class="login_a" style="color:white" href="/supplierlogin.html" rel="nofollow">登录</a></div>
                 </div>
@@ -525,16 +525,19 @@
                     <el-input v-model="solutionForm.corporateName" placeholder="请输入公司名称"></el-input>
                 </el-form-item>
                 <el-form-item prop="mobile">
-                    <el-input v-model="solutionForm.mobile" placeholder="请输入您的手机号"></el-input>
+                    <el-input v-model="solutionForm.mobile" placeholder="请输入您的手机号" :maxlength="11"></el-input>
                 </el-form-item>
                 <el-form-item prop="list">
-                    <el-select v-model="solutionForm.list" multiple placeholder="请选择您感兴趣的内容">
+                    <el-select v-model="solutionForm.list" ref="selectRef" multiple placeholder="请选择您感兴趣的内容">
                         <el-option
                                 v-for="item in selectMultiplecolumns"
                                 :key="item.value"
                                 :label="item.label"
                                 :value="item.value">
                         </el-option>
+                        <div class="select_contian">
+                            <el-button class="select_contian_btn" @click="triggerSelect">确定</el-button>
+                        </div>
                     </el-select>
                 </el-form-item>
                 <el-form-item>