ソースを参照

供应商资质展示修改

zhengjinyi 2 年 前
コミット
4fc253796c

+ 4 - 2
src/main/resources/static/css/product/detail.h5.css

@@ -95,8 +95,10 @@ li{list-style:none}
 .productInfo .tabCon img{max-width:100%;height:auto!important;}
 .productInfo .tabCon table{width:100%;text-align:left}
 .productInfo .tabCon td{padding:1.5vw;line-height:5vw}
-.productInfo .tabCon td:nth-of-type(1){width:20%;color:#93979F}
-.productInfo .tabCon td:nth-of-type(2){width:80%;color:#4A4F58}
+.productInfo .tabCon td a{color: #4688fa;}
+.productInfo .tabCon td:nth-of-type(1){width:33.3%;color:#93979F}
+.productInfo .tabCon td:nth-of-type(2){width:33.3%;color:#93979F}
+.productInfo .tabCon td:nth-of-type(3){width:33.3%;color:#4688fa}
 .tabCon .item div p{line-height: 6vw;text-align: left;font-size:3.3vw}
 .tabCon .item div p.tl{line-height:8vw;text-align: left; font-weight: bold;}
 .productInfo .comment{color:#93979F;padding:5vw 0;    margin-right: 25px;position: relative}

+ 4 - 2
src/main/resources/static/css/product/detail.pc.css

@@ -158,8 +158,10 @@ li{list-style:none;}
 .productInfo .tabCon img{max-width:100%;}
 .productInfo .tabCon table{width:100%;text-align:left}
 .productInfo .tabCon td{padding:10px 12px;line-height:20px}
-.productInfo .tabCon td:nth-of-type(1){width:20%;color:#93979F}
-.productInfo .tabCon td:nth-of-type(2){width:80%;color:#4A4F58}
+.productInfo .tabCon td a{color: #4688fa;}
+.productInfo .tabCon td:nth-of-type(1){width:30%;color:#93979F}
+.productInfo .tabCon td:nth-of-type(2){width:40%;color:#93979F}
+.productInfo .tabCon td:nth-of-type(3){width:30%;color:#4688fa}
 .productInfo .comment{color:#93979F;padding:40px 0;margin-right: 30px; position: relative}
 .productInfo .product-qualificationImg{width: 100%;height: auto;}
 .productInfo .product-qualificationImg image{width: 100%;height: auto;display: block;}

+ 55 - 16
src/main/resources/static/js/supplier-center/shop/release.js

@@ -59,6 +59,9 @@ var releaseContainer = new Vue({
             trainingType:0,// 售价包含培训费用
             trainingFee:'',
             newProductType:0,// 新品商品状态  1.参与 2.未参与
+            qualificationNo:'',//资质证书编号
+            productName:'',//资质产品名称
+            qualificationTime:'',//证书有效日期
         },
         params:{
             param:[],//相关参数
@@ -138,6 +141,9 @@ var releaseContainer = new Vue({
         vShow_attribute:false,
         vShow_trainingMethod:false,
         vShow_trainingType:false,
+        vShow_QualificationNo:false,
+        vShow_ProductName:false,
+        vShow_QualificationTime:false,
     },
     computed: {
 
@@ -792,7 +798,7 @@ var releaseContainer = new Vue({
                     _this.scrollIntoView();
                     setTimeout(function(){
                         _this.vShow_GoodsType = false;
-                    },2000);
+                    },3000);
                     return;
                 }
                 if(_this.releaseParams.qualificationImg == ''){
@@ -801,7 +807,34 @@ var releaseContainer = new Vue({
                     _this.scrollIntoView();
                     setTimeout(function(){
                         _this.vShow_QualificationImg = false;
-                    },2000);
+                    },3000);
+                    return;
+                }
+                if(_this.releaseParams.qualificationNo == ''){
+                    _this.vShow_QualificationNo = true;
+                    _this.fromMessage = '请输入证书编号';
+                    _this.scrollIntoView();
+                    setTimeout(function(){
+                        _this.vShow_QualificationNo = false;
+                    },3000);
+                    return;
+                }
+                if(_this.releaseParams.productName == ''){
+                    _this.vShow_ProductName = true;
+                    _this.fromMessage = '请输入产品名称';
+                    _this.scrollIntoView();
+                    setTimeout(function(){
+                        _this.vShow_ProductName = false;
+                    },3000);
+                    return;
+                }
+                if(_this.releaseParams.qualificationTime == ''){
+                    _this.vShow_QualificationTime = true;
+                    _this.fromMessage = '请选择证书有效期';
+                    _this.scrollIntoView();
+                    setTimeout(function(){
+                        _this.vShow_QualificationTime = false;
+                    },3000);
                     return;
                 }
             }
@@ -812,7 +845,7 @@ var releaseContainer = new Vue({
                 _this.scrollIntoView();
                 setTimeout(function(){
                     _this.vShow_Tags = false;
-                },2000);
+                },3000);
                 return;
             }else{
                 _this.tagsList.forEach(function(el){
@@ -825,7 +858,7 @@ var releaseContainer = new Vue({
                 _this.fromMessage = '请输入包装规格';
                 setTimeout(function(){
                     _this.vShow_Unit = false;
-                },2000);
+                },3000);
                 _this.scrollIntoView();
                 return;
             }
@@ -852,7 +885,7 @@ var releaseContainer = new Vue({
                 _this.scrollIntoView();
                 setTimeout(function(){
                     _this.vShow_NormalPrice = false;
-                },2000);
+                },3000);
                 return
             }
             if(_this.releaseParams.normalPrice == 0){
@@ -861,7 +894,7 @@ var releaseContainer = new Vue({
                 _this.scrollIntoView();
                 setTimeout(function(){
                     _this.vShow_NormalPrice = false;
-                },2000);
+                },3000);
                 return
             }
             if(_this.releaseParams.price == ''){
@@ -870,7 +903,7 @@ var releaseContainer = new Vue({
                 _this.scrollIntoView();
                 setTimeout(function(){
                     _this.vShow_price = false;
-                },2000);
+                },3000);
                 return;
             }
             if(_this.releaseParams.price == 0){
@@ -879,7 +912,7 @@ var releaseContainer = new Vue({
                 _this.scrollIntoView();
                 setTimeout(function(){
                     _this.vShow_price = false;
-                },2000);
+                },3000);
                 return;
             }
             if(_this.releaseParams.includedTax == 3){
@@ -888,7 +921,7 @@ var releaseContainer = new Vue({
                 _this.scrollIntoView();
                 setTimeout(function(){
                     _this.vShow_includedTax = false;
-                },2000);
+                },3000);
                 return;
             }
             if(_this.releaseParams.minBuyNumber === ''){
@@ -897,7 +930,7 @@ var releaseContainer = new Vue({
                 _this.scrollIntoView();
                 setTimeout(function(){
                     _this.vShow_MinBuyNumber = false;
-                },2000);
+                },3000);
                 return;
             }
             if(_this.releaseParams.stock === ''){
@@ -906,7 +939,7 @@ var releaseContainer = new Vue({
                 _this.scrollIntoView();
                 setTimeout(function(){
                     _this.vShow_Stock = false;
-                },2000);
+                },3000);
                 return;
             }
             if(_this.releaseParams.minBuyNumber > _this.releaseParams.stock){
@@ -915,7 +948,7 @@ var releaseContainer = new Vue({
                 _this.scrollIntoView();
                 setTimeout(function(){
                     _this.vShow_MinBuyNumber = false;
-                },2000);
+                },3000);
                 return;
             }
             if(_this.releaseParams.areaFlag == '0'){
@@ -929,7 +962,7 @@ var releaseContainer = new Vue({
                     _this.fromMessage = '请选择指定区域';
                     setTimeout(function(){
                         _this.vShow_isProvince = false;
-                    },2000);
+                    },3000);
                     return;
                 }
             }
@@ -1028,7 +1061,7 @@ var releaseContainer = new Vue({
                 _this.scrollIntoView();
                 setTimeout(function(){
                     _this.vShow_isNewProductType = false;
-                },2000);
+                },3000);
                 return;
             }
             _this.releaseParams.orderInfo = orderInfoEditor.getData();
@@ -1083,7 +1116,7 @@ var releaseContainer = new Vue({
                 _this.fromMessage = '请输入商品显示名';
                 setTimeout(function(){
                     _this.vShow_Name = false;
-                },2000);
+                },3000);
             }else{
                 _this.vShow_Name = false;
             }
@@ -1096,7 +1129,7 @@ var releaseContainer = new Vue({
                 _this.fromMessage = '请输入内部商品名';
                 setTimeout(function(){
                     _this.vShow_AliasName = false;
-                },2000);
+                },3000);
             }else{
                 _this.vShow_AliasName = false;
             }
@@ -1116,6 +1149,12 @@ var releaseContainer = new Vue({
         blur_aliasUnit: function(e){
             this.vShow_Unit = false;
         },
+        blur_qualificationNo: function(e){
+            this.vShow_QualificationNo = false;
+        },
+        blur_productName: function(e){
+            this.vShow_ProductName = false;
+        },
         input_normalPrice: function(e){
             this.vShow_NormalPrice = false;
         },

+ 16 - 0
src/main/resources/templates/product/detail.html

@@ -586,6 +586,22 @@
                     </div>
                 </div>
                 <div class="item" v-if="tabsIndex == 5">
+                    <div class="product-qualificationTable">
+                        <table border="1">
+                            <tr>
+                                <td>证书编号</td>
+                                <td>产品名称</td>
+                                <td>详情</td>
+                            </tr>
+                            <tr>
+                                <td>国械注进20153011801</td>
+                                <td>二氧化碳手术激光系统CO2 Laser Surgery Unit</td>
+                                <td>
+                                    <a target="_blank" href="https://www.nmpa.gov.cn/datasearch/search-info.html?nmpa=aWQ9NTk0NjAmaXRlbUlkPTJjOWJhMzg0NzU5Yzk1NzcwMTc1OWNjZmMwMmIwMzQz">查看</a>
+                                </td>
+                            </tr>
+                        </table>
+                    </div>
                     <div class="product-qualificationImg">
                         <img :src="product.qualificationImg" alt="">
                     </div>

+ 15 - 0
src/main/resources/templates/supplier-center/shop/release.html

@@ -203,6 +203,21 @@
                                 </div>
                                 <div class="release-tips" v-show="vShow_QualificationImg">{{fromMessage}}</div>
                             </div>
+                            <div class="release-from clear" v-if="releaseParams.productType == 2">
+                                <div class="release-label"><span class="star">*</span>证书编号:</div>
+                                <div class="release-input"><input class="input" v-model="releaseParams.qualificationNo" maxlength="50" type="text" placeholder="请完整输入证书上的编号" @blur="blur_qualificationNo"></div>
+                                <div class="release-tips" v-show="vShow_QualificationNo">{{fromMessage}}</div>
+                            </div>
+                            <div class="release-from clear" v-if="releaseParams.productType == 2">
+                                <div class="release-label"><span class="star">*</span>产品名称:</div>
+                                <div class="release-input"><input class="input" v-model="releaseParams.productName" maxlength="50" type="text" placeholder="请输入证书上的产品名称" @blur="blur_productName"></div>
+                                <div class="release-tips" v-show="vShow_ProductName">{{fromMessage}}</div>
+                            </div>
+                            <div class="release-from clear" v-if="releaseParams.productType == 2" id="EffectiveDate">
+                                <div class="release-label"><span class="star">*</span>证书有效期:</div>
+                                <div class="release-input"><input class="input" style="width: 220px;" v-model="releaseParams.qualificationTime" maxlength="40" type="date" placeholder="年/月/日"></div>
+                                <div class="release-tips" v-show="vShow_QualificationTime">{{fromMessage}}</div>
+                            </div>
                             <div class="release-from none clear">
                                 <div class="release-label"><span class="star">*</span>商品标签:</div>
                                 <div class="release-input">

+ 12 - 3
src/main/resources/templates/supplier/index.html

@@ -158,10 +158,19 @@
                 <div class="part" >
                     <div class="title">公司资质</div>
                     <div class="photo">
-                        <a th:href="${supplier.taxCertificate}" target="_blank" th:if="not${#strings.isEmpty(supplier.taxCertificate)}">
-                            <img th:src="${supplier.taxCertificate}">
+                        <a th:href="${supplier.medicalPracticeLicense}" target="_blank" th:if="not${#strings.isEmpty(supplier.medicalPracticeLicense)}">
+                            <img th:src="${supplier.medicalPracticeLicense}">
                         </a>
-                         <div class="cont" th:if="${#strings.isEmpty(supplier.taxCertificate)}">暂无</div>
+                        <a th:href="${supplier.medicalPracticeLicenseImg1}" target="_blank" th:if="not${#strings.isEmpty(supplier.medicalPracticeLicenseImg1)}">
+                            <img th:src="${supplier.medicalPracticeLicenseImg1}">
+                        </a>
+                        <a th:href="${supplier.medicalPracticeLicenseImg2}" target="_blank" th:if="not${#strings.isEmpty(supplier.medicalPracticeLicenseImg2)}">
+                            <img th:src="${supplier.medicalPracticeLicenseImg2}">
+                        </a>
+                        <a th:href="${supplier.medicalPracticeLicenseImg3}" target="_blank" th:if="not${#strings.isEmpty(supplier.medicalPracticeLicenseImg3)}">
+                            <img th:src="${supplier.medicalPracticeLicenseImg3}">
+                        </a>
+                         <div class="cont" th:if="${#strings.isEmpty(supplier.medicalPracticeLicenseImg1)}">暂无</div>
                     </div>
                 </div>
                 <div class="part" >