优化样式 功能调整

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

@@ -67,7 +67,7 @@
 .section_page .page_main_price .price_text_tag .listTag{-webkit-transform: translateX(4px);-ms-transform: translateX(4px);transform: translateX(4px)}
 /*会员标签*/
 .section_page .page_main_price .price_text_tag .svip-tag{width:100%;height:22px;letter-spacing:0}
-.section_page .page_main_price .price_text_tag .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333}
+.section_page .page_main_price .price_text_tag .svip-tag .svip-icon{position:relative;z-index:9;display:inline-block;width:30px;height:22px;text-align:center;line-height:22px;font-size:12px;font-weight:400;color:#F0CB72;opacity:1;background:#333333;border-radius: 0 11px;padding: 0 2px;}
 .section_page .page_main_price .price_text_tag .svip-tag .svip-icon.btr{border-radius:2px 8px 0px 2px}
 .section_page .page_main_price .price_text_tag .svip-tag .svip-price{z-index:1;position:relative;display:inline-block;padding-left:24px;padding-right:2px;margin-left:-27px;line-height:22px;background:#F0CB72;opacity:1;border-radius:2px;font-size:12px}
 .section_page .page_main_price .price_text_tag .svip-tag .svip-price span{color: #333}

src/main/resources/static/css/product/detail.pc.css

@@ -335,7 +335,7 @@ input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appear
 /*去登陆*/
 .cm-goLogin{width:100%;height:56px;margin-left:-16px;margin-bottom: 16px;background:#FFE6DC;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
 .cm-goLogin span:nth-child(1){font-size:16px;color:#FF5B00;line-height:56px}
-.cm-goLogin span:nth-child(2){width:80px;height:35px;background:#FF5B00;border-radius:18px;color:#fff;font-size: 16px;text-align: center;line-height: 35px;cursor: pointer;}
+.cm-goLogin span:nth-child(2){height:35px;padding: 0 10px; background:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);border-radius:18px;color:#fff;font-size: 16px;text-align: center;line-height: 35px;cursor: pointer;}
 .cm-database .cm-category .cm-category-title{padding-bottom:16px;font-size:16px;font-weight:bold;color:#4A4F58;border-bottom:1px solid #E2E7EF}
 .cm-database .cm-category .cm-content{margin:24px 0 40px}
 .cm-database .cm-category .cm-content .cm-section{margin-bottom:28px;padding-bottom:32px;border-bottom:1px solid #E2E7EF}

src/main/resources/static/css/supplier-center/order/delivery.css

@@ -2,7 +2,7 @@
     .crumbs{font-size: 16px;color: #22272e}
     .userinfo{padding: 5px 20px;background: #fff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;}
     .info{height: 56px;line-height: 56px;border-bottom: solid 1px #e2e7ef;font-size: 16px;color: #22272e;overflow: hidden}
-    .comback{width: 90px;height: 36px;background-color: #ffe6dc;border-radius: 18px;border: solid 1px #FF5B00;float: right;line-height: 36px;margin-top: 10px;cursor: pointer;color: #FF5B00;}
+    .comback{width: 90px;height: 36px;border: 1px solid #E1E1E1;background: #FFFFFF;color: #999999;border-radius: 18px;float: right;line-height: 36px;margin-top: 10px;cursor: pointer;}
     .userinfo .user p{display: inline-block;color: #627386;margin: 15px 45px 15px 0px;}
     .userinfo .user p span{color: #22272e;}
     .address{margin-bottom: 15px;color: #627386;}
@@ -26,7 +26,8 @@
     .allcheck{height: 60px;background: #fff;font-size: 16px;color: #22272e;border-top: solid 1px #efefef}
     .delivery-button{float: right;margin: 10px;}
     .all-election{float: left;width: 60px;height: 100%;margin-left: 20px;line-height: 60px;}
-    .delivery-button button{width: 90px;height: 36px;line-height: 36px;text-align: center;background-color: #ffe6dc;border-radius: 18px;border: solid 1px #FF5B00;color: #FF5B00;margin-right: 15px;cursor: pointer;}
+    .delivery-button button{width: 90px;height: 36px;line-height: 36px;text-align: center;border-radius: 18px;background:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);color: #FFFFFF;margin-right: 15px;cursor: pointer;}
+    .delivery-button button.false-btn{border: 1px solid #E1E1E1;background: #FFFFFF;color: #999999;}
 }
 
 

src/main/resources/static/css/supplier-center/order/logistics.css

@@ -2,7 +2,7 @@
     .crumbs {font-size: 16px;color: #22272e}
     .userinfo {padding: 5px 20px;background: #fff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;}
     .info {height: 56px;line-height: 56px;border-bottom: solid 1px #e2e7ef;font-size: 16px;color: #22272e;overflow: hidden}
-    .comback {width: 90px;height: 36px;background-color: #ffe6dc;border-radius: 18px;border: solid 1px #FF5B00;float: right;line-height: 36px;margin-top: 10px;cursor: pointer;color: #FF5B00;}
+    .comback {width: 90px;height: 36px;border: 1px solid #E1E1E1;background: #FFFFFF;color: #999999;border-radius: 18px;float: right;line-height: 36px;margin-top: 10px;cursor: pointer;}
     .userinfo .user p {display: inline-block;color: #627386;margin: 15px 45px 15px 0px;}
     .userinfo .user p span {color: #22272e;}
     .address {margin-bottom: 15px;color: #627386;}
@@ -48,7 +48,9 @@
     .remarks{margin-top: 25px;position: relative;}
     .remarks .rema{height: 114px;line-height: 114px;display: inline-block;float: left;width: 85px;text-align: center}
     .size-num {position: absolute;right: 350px;top: 109px;color: #9aa5b5}
-    .defineBtn button{width: 90px;height: 36px;line-height: 36px;text-align: center;color: #fff;background-color: #FF5B00;border-radius: 18px;border: solid 1px #FF5B00;cursor: pointer;margin-right: 15px}
+    .defineBtn button{width: 90px;height: 36px;line-height: 36px;text-align: center;background:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);color: #FFFFFF;border-radius: 18px;cursor: pointer;margin-right: 15px}
+    .defineBtn button.cancel{border: 1px solid #E1E1E1;background: #FFFFFF;color: #999999;}
+
     .defineBtn{overflow: hidden;padding: 20px;}
     .defineBtn>div{float: right;}
     .icon.add-company:before{width: 20px;height: 25px;background-position: -316px -507px;}

src/main/resources/static/css/supplier-center/shop/release.css

@@ -35,7 +35,7 @@ div{box-sizing: border-box;}
     .release-from .release-from-td{width: 100%;height: auto;float: left;margin: 8px 0;position: relative;}
     .release-from .release-from-td .tr-labe{width: 88px;height: 36px;float: left;text-align: left;margin-right: 14px;}
     .release-from .release-from-td .tr-labe.none{margin-right: 0;}
-    .release-from .release-from-td .tr-labe .tr-input{width: 100%;height: 36px;font-size: 14px;color: #627386;line-height: 36px;box-sizing: border-box;border: 1px solid #B8BFCA;padding: 0 5px;}
+    .release-from .release-from-td .tr-labe .tr-input{width: 100%;height: 36px;font-size: 14px;color: #627386;line-height: 36px;box-sizing: border-box;border: 1px solid #B8BFCA;padding: 0 5px;border-radius: 18px;text-align: center;}
     .release-from .release-from-td .tr-icon{width: 36px;height: 36px;box-sizing: border-box;padding: 4px;float: left;margin-left: 15px; cursor: pointer;}
     .release-from .release-from-td .tr-icon .add:before{display: inline-block;width: 20px;height: 20px;vertical-align: middle;background-position: -51px -1px;margin-right: 2px;}
     .release-from .release-from-td .tr-icon .del:before{display: inline-block;width: 20px;height: 20px;vertical-align: middle;background-position: -77px -1px;margin-right: 2px;}
@@ -43,7 +43,7 @@ div{box-sizing: border-box;}
     .release-from .release-input.expen{margin-top:10px;}
     .release-from .release-input.expen .input{padding-left:30px;}
     .release-from .release-input.expen .span{width:30px;height:36px;display:block;position:absolute;top:0;left:0;text-align:center;line-height:36px;font-size:14px;color:#22272e;}
-    .release-from .release-input .input{width: 100%;height: 36px;padding: 0 10px;border-radius: 2px;border: 1px solid #b8bfca;float: left;font-size: 13px;box-sizing: border-box;}
+    .release-from .release-input .input{width: 100%;height: 36px;padding: 0 10px;border-radius: 18px;border: 1px solid #b8bfca;float: left;font-size: 13px;box-sizing: border-box;}
     .release-from .release-input .input.price{padding-left: 30px;}
     .release-from .release-input .yang{width: 30px;height: 36px;position: absolute;left: 0;top: 0;line-height: 36px;text-align: center;}
     .release-from .release-input .unit{height: 36px;padding: 0 10px;position: absolute;right: 0;top: 0;line-height: 36px;text-align: right;font-size: 14px;}
@@ -55,7 +55,7 @@ div{box-sizing: border-box;}
     .release-from .release-input .add{display: inline-block;width: 100%;height: 20px;float: right;line-height: 20px;font-size: 14px;color: #FF5B00;text-align: right;}
     .release-from .release-input .add span{font-size: 20px;}
     .release-from .release-input .input.keyword:nth-child(2n){margin-right: 0;}
-    .release-from .release-input .release-param{width:100%;height: auto;padding: 0 10px;border: 1px solid #b8bfca;float: left;margin-bottom: 10px;border-radius: 2px;position: relative;}
+    .release-from .release-input .release-param{width:100%;height: auto;padding: 0 10px;border: 1px solid #b8bfca;float: left;margin-bottom: 10px;border-radius: 8px;position: relative;}
     .release-from .release-input .release-param .param-input{width: 100%;height: 36px;border: none;font-size: 13px;line-height: 36px;}
     .release-from .release-input .release-param .param-input:first-child{border-bottom: 1px solid #e2e7ef;}
     .release-from .release-input .release-param .del-btn{display: block;line-height: 64px;color: #FF0000;font-size: 14px;position: absolute;    top: -18px;right: 0px;}
@@ -75,27 +75,27 @@ div{box-sizing: border-box;}
     .release-from  .upload-file .input-file{width: 90px;height: 90px;opacity: 0;cursor: pointer;position: absolute;top: 0}
     .release-from  .upload-file .upload-img{width: 100%;height: 100%;display: block;border-radius: 2px;}
     .release-from .release-input .input.tags{width: 390px;}
-    .release-from .release-input .add-btn{width: 90px;height: 34px;border-radius: 2px;border: 1px solid #FF5B00;background:#ffe6dc;float: left;margin-left: 15px;text-align: center;line-height: 34px;font-size: 14px;color:#FF5B00 ;cursor: pointer;}
-    .release-from .release-input .add-btn.active{background-color: #ffe6dc;color: #FF5B00;}
+    .release-from .release-input .add-btn{width: 90px;height: 34px;border-radius: 17px;border: 1px solid #FF5B00;background:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);float: left;margin-left: 15px;text-align: center;line-height: 34px;font-size: 14px;color:#FFFFFF ;cursor: pointer;}
+    .release-from .release-input .add-btn.active{background: linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);color: #FFFFFF;}
     .release-from .release-tips{width: 100%;color: #FF0000;float: left;}
     .release-from.text{height: auto;}
     .release-from .text{width: 303px;line-height: 32px;font-size: 12px;color: #FF5B00;}
     .release-from .tags-main{width: 100%;height: auto;}
-    .release-from .tags-main .item-tags{padding: 0 10px;line-height: 28px;background: #FFF3E5;text-align: center;font-size:14px;color:  #333333;margin: 5px;border-radius: 2px;float: left;position: relative;}
+    .release-from .tags-main .item-tags{padding: 0 10px;line-height: 28px;background: #FFF3E5;text-align: center;font-size:14px;color:  #333333;margin: 5px;border-radius: 14px;float: left;position: relative;}
     .release-from .tags-main .item-tags .del-tags{width: 16px;height: 16px;display: block;background: url("/img/base/icon.png") no-repeat;background-position: -175px -300px;position: absolute;right: -5px;top: -5px;cursor: pointer;}
-    .release-from .select-main{padding: 0 10px;cursor: pointer;width: 155px;height: 36px;border: 1px solid #b8bfca;border-radius: 2px;line-height: 32px;color: #333;font-size: 14px;margin-right: 15px;float: left;appearance: none;-webkit-appearance: none;-moz-appearance: none;position: relative;}
+    .release-from .select-main{padding: 0 10px;cursor: pointer;width: 155px;height: 36px;border: 1px solid #b8bfca;border-radius: 18px;line-height: 32px;color: #333;font-size: 14px;margin-right: 15px;float: left;appearance: none;-webkit-appearance: none;-moz-appearance: none;position: relative;}
     .release-from .select-main:last-child{margin-right: 0;}
     .release-from .select-main.border{border: 1px solid #FF5B00;}
     .release-from .select-main .select{cursor: pointer;width: 135px;height: 36px;line-height: 36px;color: #22272e;font-size: 12px;float: left;appearance: none;-webkit-appearance: none;-moz-appearance: none;border: none;background: url("/img/supplier/Retract.png") no-repeat scroll right 0px center transparent;}
-    .release-from .select-main .option-main{width: 100%;min-height:50px;max-height: 200px;border: 1px solid #e4e7ed;border-radius: 2px;background-color: #fff;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);overflow: hidden;overflow-y: scroll;box-sizing: border-box;margin: 5px 0;padding: 10px 0;z-index: 88;position: absolute;top: 28px;left: 0;}
+    .release-from .select-main .option-main{width: 100%;min-height:50px;max-height: 200px;border: 1px solid #e4e7ed;border-radius: 8px;background-color: #fff;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);overflow: hidden;overflow-y: scroll;box-sizing: border-box;margin: 5px 0;padding: 10px 0;z-index: 88;position: absolute;top: 28px;left: 0;}
     .release-from .select-main .option {font-size: 14px;padding: 0 20px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #606266;height: 34px;line-height: 34px;box-sizing: border-box;cursor: pointer;}
     .release-from .select-main .option:hover {background-color: #F5E7E0;color: #FF5B00;}
     .release-from .from-button{width: fit-content;height: 70px;padding: 10px 0;}
     .release-from .from-button.last{margin-left: 0;}
     .release-from .from-button.last .btn{width: 153px;}
-    .release-from .from-button .btn{box-sizing: border-box;width: 232px;height: 50px;background-color: #FF5B00;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 2px;display: block;line-height: 50px;text-align: center;float: left;margin-right: 6px;}
-    .release-from .from-button .btn.prev{border: 1px solid #FF5B00;background-color: #ffe6dc;color: #FF5B00;}
-    .release-from .from-button .btn.next{background-color: #FF5B00;color: #fff;}
+    .release-from .from-button .btn{box-sizing: border-box;width: 232px;height: 50px;background: linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);border-radius: 25px;display: block;line-height: 50px;text-align: center;float: left;margin-right: 6px;}
+    .release-from .from-button .btn.prev{border: 1px solid #e1e1e1;background: #FFFFFF;color: #999999;}
+    .release-from .from-button .btn.next{background: linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);color: #fff;}
     .release-from .from-button .btn.eyes{background-color:#A69DFE;color: #fff;}
     .release-main-tips{width: 100%;height: 60px;box-sizing: border-box;padding: 12px 168px;background: linear-gradient(90deg, #FFFFFF 0%, #FFEEE5 51%, #FFFFFF 100%);font-size: 12px;color: #FF5B00;line-height: 18px;}
 
@@ -109,22 +109,22 @@ div{box-sizing: border-box;}
 
     .release-from .release-input-add{width: 100%;margin-top: 10px;float: left;}
     .release-from .release-input .release-props{width: 100%;height: 38px;}
-    .release-from .release-input .release-props .release-radio{width:150px;height:36px;margin-right:10px;line-height:34px;box-sizing:border-box;font-size:14px;text-align:center;display:inline-block}
+    .release-from .release-input .release-props .release-radio{width:150px;height:36px;margin-right:10px;border-radius:18px;line-height:34px;box-sizing:border-box;font-size:14px;text-align:center;display:inline-block}
     .release-from .release-input .release-props .release-radio.second{width:100px;}
     .release-from .release-input .release-props .release-radio input{display:none}
-    .release-from .release-input .release-props .release-radio i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:2px;background:#FFF;border:1px solid #b8bfca;color:#627386;}
+    .release-from .release-input .release-props .release-radio i{display:block;font-style:normal;cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden;border-radius:18px;background:#FFF;border:1px solid #b8bfca;color:#627386;}
     .release-from .release-input .release-props .release-radio i:before{position:absolute;right:0;bottom:0;display:none;width:20px;height:20px;background-position:-208px -253px}
     .release-from .release-input .release-props .release-radio input:checked + i{border-color:#FF5B00;color:#FF5B00}
     .release-from .release-input .release-props .release-radio input:checked + i:before{display:block}
     .release-from .release-input .release-props .release-select{width: 320px;float: left;}
     .release-from .release-input .release-props .release-select-refresh{width: auto;float: left;color: #FFFFFF;font-size: 14px;text-align: center;line-height: 36px;margin: 0 15px;}
     .release-from .release-input .release-props .release-select-all{width: 92px;float: left;}
-    .release-from .release-input .release-props .release-select-all a{width: 92px;height: 36px;box-sizing: border-box; background: #FFEBE4;border-radius: 2px 2px 2px 2px;opacity: 1;display: block;color: #FF5B00;font-size: 14px;line-height: 36px;text-align: center;border: 1px solid #FF5B00;}
+    .release-from .release-input .release-props .release-select-all a{width: 92px;height: 36px;box-sizing: border-box; background: linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);border-radius: 18px;opacity: 1;display: block;color: #FFFFFF;font-size: 14px;line-height: 36px;text-align: center;border: 1px solid #FF5B00;}
 
     .release-from .release-input .release-province{width: 100%;height: auto;margin-top: 20px;}
     .release-from .release-input .release-province .province-item{line-height:26px;padding: 0 10px;text-align: center;font-size: 14px;color: #627386;background: #F0F3F7;border-radius: 2px;display: block;margin: 0 10px 10px 0;float: left;}
     .release-from .release-input .release-province .province-item.active{background: #FF5B00;color: #FFF;}
-    .release-from .release-input .release-radios{ width:150px;height:38px;margin-right:10px;line-height:36px;box-sizing:border-box;font-size:14px;text-align:center;display:block;border: 1px solid #B8BFCA;position: relative;border-radius: 2px;float: left; }
+    .release-from .release-input .release-radios{ width:150px;height:38px;margin-right:10px;line-height:36px;box-sizing:border-box;font-size:14px;text-align:center;display:block;border: 1px solid #B8BFCA;position: relative;border-radius: 18px;float: left;overflow: hidden; }
     .release-from .release-input .release-radios.active{border-color: #FF2A2A;color: #FF5B00;}
     .release-from .release-input .release-radios.active:before{content: '';width: 20px;height: 20px;position: absolute;bottom: 0;right: -2px;background: url("/img/base/icon.png")-210px -252px no-repeat;}
 

src/main/resources/static/js/document/beautyArchiveDetailMixin.js

@@ -33,7 +33,7 @@ var beautyArchiveDetailMixin = {
         //资料查看状态提示
         TipStatus: function () {
             // 资料权限
-            var statusText = [
+            const statusText = [
                 false,
                 {text: '请登录后查看！', btn: '去登录', redirect: '/login.html'},
                 {text: '请升级成为会员机构后方可查看！', btn: '升级医美资质', redirect: '/user/setting/upgrade.html'},

src/main/resources/templates/supplier-center/order/logistics.html

@@ -1,140 +1,140 @@
-<!DOCTYPE html>
-<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-      xsi:schemaLocation="https://www.thymeleaf.org ">
-<head>
-    <title>采美365网</title>
-    <template th:replace="components/head-link"></template>
-    <link th:href="@{/css/base/center.css(v=${version})}" rel="stylesheet" type="text/css">
-    <link th:href="@{/css/supplier-center/order/logistics.css(v=${version})}" rel="stylesheet" type="text/css">
-    <template th:replace="components/analysis"></template>
-</head>
-<body>
-<!-- 引用头部 -->
-<template th:replace="components/header"></template>
-<!-- 我的采美 -->
-<div id="logistics" v-cloak>
-    <div class="navLayout">
-        <div class="crumbs" v-if="isPC">
-            <span>我的交易</span>
-            <span>&gt;</span>
-            <span>我的订单</span>
-            <span>&gt;</span>
-            <span>添加物流</span>
-        </div>
-        <div class="wrap clear">
-            <!--左侧面包屑-->
-                <template th:replace="supplier-center/components/tableft"></template>
-            <div class="right">
-                <div class="userinfo">
-                    <p class="info">
-                        <span>买家信息</span>
-                        <button type="button" class="comback" @click="history.go(-1)">返回</button>
-                    </p>
-                    <div class="user">
-                        <p>买家名称：<span>{{userInfo.name}}</span></p>
-                        <p>收货人：<span>{{userInfo.receiver}}</span></p>
-                        <p>联系方式：<span>{{userInfo.mobile}}</span></p>
-                    </div>
-                    <p class="address">收货地址：<span>{{userInfo.address}}</span></p>
-                </div>
-                <div class="product-info">
-                    <div class="price">
-                        <p class="protitle">商品信息</p>
-                    </div>
-                    <div class="product">
-                        <ul class="product-title">
-                            <li>商品信息</li>
-                            <li>规格</li>
-                            <li>购买数量</li>
-                            <li>已发数量</li>
-                            <li>未发数量</li>
-                            <li>本次发货</li>
-                        </ul>
-                        <ul class="pro-information">
-                            <li v-for="order in orderList " :shopOrderId="order.shopOrderId"
-                                :orderProductId='order.orderProductId'>
-                                <div class="product-img">
-                                    <img :src="order.image"/>
-                                    <h3>{{order.name}}</h3>
-                                </div>
-                                <div>{{order.productUnit}}</div>
-                                <div>{{order.num}}</div>
-                                <div>{{order.shipmentsNum}}</div>
-                                <div>{{order.notOutStore - order.actualCancelNum}}</div>
-                                <div class="del-num">{{order.inputVal}}</div>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-                <div class="add-logistics">
-                    <div class="add-wrap">
-                        <div class="company-number" v-for="(item,index) in logisticList" :key="index">
-                            <div class="logist-left">
-                                <span class="red icon">*</span>
-                                物流公司：
-                                <select name="" :id="'logistics'+ index" class="logistics-company-name company"
-                                        @change="ChangeLogistics($event,item,index)">
-                                    <option value="0">请选择</option>
-                                    <option v-for="(kd,kdIndex) in kdlist" :key="kdIndex" :value="kd.value"
-                                            :name='kd.label'>{{kd.label}}
-                                    </option>
-                                </select>
-                                <button class="add-company companyBtn icon mIcon" @click="addBtn()" v-if="index==0"></button>
-                                <button class="sub-company companyBtn icon mIcon" @click="subBtn(item)" v-else></button>
-                            </div>
-                            <div class="logist-right">
-                                <div v-for="(num,numIndex) in item.numList" :key="numIndex">
-                                    <span class="red">*</span>
-                                    物流编号：
-                                    <input type="text" v-model="num.number" class="logistics-order-number company" placeholder="请输入物流编号">
-                                    <button class="add-company companyBtn icon mIcon"  @click="addNum(item,numIndex)" v-if="numIndex==0"></button>
-                                    <button class="sub-company companyBtn icon mIcon" v-else @click="reduceBtn(item)"></button>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="upload-img">
-                        <div class="release-from ">
-                            <span class="red-color">&nbsp;图片备注：</span>
-                            <div class="release-input" id="uploadGoodsImages">
-                                <div class="upload-file" v-for="(item, index) in GoodsImagesList" :key="index">
-                                    <img :data-original='item' :src="item" :data-image="item" alt="" class="upload-img" @click="bigImage">
-                                    <i class="icon mIcon del" @click="removeGoodsImagesFn(index)"></i>
-                                </div>
-                                <div class="upload-file" v-show="GoodsImagesList.length<5">
-                                    <i class="icon mIcon add"></i>
-                                    <input ref="goodsImages" type="file" name="file" value="" class="input-file"
-                                           accept="image/png,image/jpeg,image/gif,image/jpg"
-                                           @change="uploadGoodsImagesFn">
-                                </div>
-                                <div class="form-upload-tips">
-                                    <i class="icon mIcon icon-wen"></i>
-                                    <div class="wen-tips">请备注快递单，发货现场和货物的照片，最多10张</div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="remarks">
-                        <span class="rema">备注：</span>
-                        <textarea maxlength="200" placeholder="文字备注，200字以内" v-model="params.note"></textarea>
-                        <div class="size-num">{{ params.note.length }}/200</div>
-                    </div>
-                    <div class="defineBtn">
-                        <div>
-                            <button type="button" @click="turnBtn">确定</button>
-                            <button type="button" @click="history.go(-1)">取消</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-<!-- 引入底部 -->
-<template th:replace="components/footer"></template>
-<template th:replace="components/foot-link"></template>
-<script charset="utf-8" type="text/javascript" th:src="@{/js/center.js(v=${version})}"></script>
-<script charset="utf-8" type="text/javascript"th:src="@{/js/common/serviceapi/supplier.service.js(v=${version})}"></script>
-<script charset="utf-8" type="text/javascript" th:src="@{/js/supplier-center/order/logistics.js(v=${version})}"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="https://www.thymeleaf.org ">
+<head>
+    <title>采美365网</title>
+    <template th:replace="components/head-link"></template>
+    <link th:href="@{/css/base/center.css(v=${version})}" rel="stylesheet" type="text/css">
+    <link th:href="@{/css/supplier-center/order/logistics.css(v=${version})}" rel="stylesheet" type="text/css">
+    <template th:replace="components/analysis"></template>
+</head>
+<body>
+<!-- 引用头部 -->
+<template th:replace="components/header"></template>
+<!-- 我的采美 -->
+<div id="logistics" v-cloak>
+    <div class="navLayout">
+        <div class="crumbs" v-if="isPC">
+            <span>我的交易</span>
+            <span>&gt;</span>
+            <span>我的订单</span>
+            <span>&gt;</span>
+            <span>添加物流</span>
+        </div>
+        <div class="wrap clear">
+            <!--左侧面包屑-->
+                <template th:replace="supplier-center/components/tableft"></template>
+            <div class="right">
+                <div class="userinfo">
+                    <p class="info">
+                        <span>买家信息</span>
+                        <button type="button" class="comback" @click="history.go(-1)">返回</button>
+                    </p>
+                    <div class="user">
+                        <p>买家名称：<span>{{userInfo.name}}</span></p>
+                        <p>收货人：<span>{{userInfo.receiver}}</span></p>
+                        <p>联系方式：<span>{{userInfo.mobile}}</span></p>
+                    </div>
+                    <p class="address">收货地址：<span>{{userInfo.address}}</span></p>
+                </div>
+                <div class="product-info">
+                    <div class="price">
+                        <p class="protitle">商品信息</p>
+                    </div>
+                    <div class="product">
+                        <ul class="product-title">
+                            <li>商品信息</li>
+                            <li>规格</li>
+                            <li>购买数量</li>
+                            <li>已发数量</li>
+                            <li>未发数量</li>
+                            <li>本次发货</li>
+                        </ul>
+                        <ul class="pro-information">
+                            <li v-for="order in orderList " :shopOrderId="order.shopOrderId"
+                                :orderProductId='order.orderProductId'>
+                                <div class="product-img">
+                                    <img :src="order.image"/>
+                                    <h3>{{order.name}}</h3>
+                                </div>
+                                <div>{{order.productUnit}}</div>
+                                <div>{{order.num}}</div>
+                                <div>{{order.shipmentsNum}}</div>
+                                <div>{{order.notOutStore - order.actualCancelNum}}</div>
+                                <div class="del-num">{{order.inputVal}}</div>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="add-logistics">
+                    <div class="add-wrap">
+                        <div class="company-number" v-for="(item,index) in logisticList" :key="index">
+                            <div class="logist-left">
+                                <span class="red icon">*</span>
+                                物流公司：
+                                <select name="" :id="'logistics'+ index" class="logistics-company-name company"
+                                        @change="ChangeLogistics($event,item,index)">
+                                    <option value="0">请选择</option>
+                                    <option v-for="(kd,kdIndex) in kdlist" :key="kdIndex" :value="kd.value"
+                                            :name='kd.label'>{{kd.label}}
+                                    </option>
+                                </select>
+                                <button class="add-company companyBtn icon mIcon" @click="addBtn()" v-if="index==0"></button>
+                                <button class="sub-company companyBtn icon mIcon" @click="subBtn(item)" v-else></button>
+                            </div>
+                            <div class="logist-right">
+                                <div v-for="(num,numIndex) in item.numList" :key="numIndex">
+                                    <span class="red">*</span>
+                                    物流编号：
+                                    <input type="text" v-model="num.number" class="logistics-order-number company" placeholder="请输入物流编号">
+                                    <button class="add-company companyBtn icon mIcon"  @click="addNum(item,numIndex)" v-if="numIndex==0"></button>
+                                    <button class="sub-company companyBtn icon mIcon" v-else @click="reduceBtn(item)"></button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="upload-img">
+                        <div class="release-from ">
+                            <span class="red-color">&nbsp;图片备注：</span>
+                            <div class="release-input" id="uploadGoodsImages">
+                                <div class="upload-file" v-for="(item, index) in GoodsImagesList" :key="index">
+                                    <img :data-original='item' :src="item" :data-image="item" alt="" class="upload-img" @click="bigImage">
+                                    <i class="icon mIcon del" @click="removeGoodsImagesFn(index)"></i>
+                                </div>
+                                <div class="upload-file" v-show="GoodsImagesList.length<5">
+                                    <i class="icon mIcon add"></i>
+                                    <input ref="goodsImages" type="file" name="file" value="" class="input-file"
+                                           accept="image/png,image/jpeg,image/gif,image/jpg"
+                                           @change="uploadGoodsImagesFn">
+                                </div>
+                                <div class="form-upload-tips">
+                                    <i class="icon mIcon icon-wen"></i>
+                                    <div class="wen-tips">请备注快递单，发货现场和货物的照片，最多10张</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="remarks">
+                        <span class="rema">备注：</span>
+                        <textarea maxlength="200" placeholder="文字备注，200字以内" v-model="params.note"></textarea>
+                        <div class="size-num">{{ params.note.length }}/200</div>
+                    </div>
+                    <div class="defineBtn">
+                        <div>
+                            <button type="button" @click="turnBtn">确定</button>
+                            <button type="button" class="cancel" @click="history.go(-1)">取消</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- 引入底部 -->
+<template th:replace="components/footer"></template>
+<template th:replace="components/foot-link"></template>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/center.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript"th:src="@{/js/common/serviceapi/supplier.service.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/supplier-center/order/logistics.js(v=${version})}"></script>
+</body>
+</html>