供应商

src/main/resources/static/css/supplier-center/message.css

@@ -10,8 +10,6 @@ li{list-style:none}
     .content .section .section-top{width: 100%;height: 54px;float: left;box-sizing: border-box;padding: 9px 0;border-bottom: solid 1px #e2e7ef;}
     .content .section .section-top .cheacked{width: 100px;height: 36px;float: left;cursor: pointer;}
     .content .section .section-top .cheacked .icon{width: 16px;height: 16px;display: block;float: left;padding: 10px 15px}
-    .content .section .section-top .cheacked .icon.icon-weigouxuan:before{width: 16px;height: 16px;background-position: -236px 0;}
-    .content .section .section-top .cheacked .icon.icon-gouxuan:before{width: 16px;height: 16px;background-position: -210px 0;}
     .content .section .section-top .cheacked span{display: inline-block;line-height: 36px;font-size: 16px;color: #22272e;}
     .content .section .section-top .button{width: 250px;height: 36px;float: right;}
     .content .section .section-top .button .btn{width: 90px;height: 34px;float: right;margin-left: 16px;border-radius: 2px;background-color: #ffe6dc;line-height: 34px;text-align: center;font-size: 14px;color: #E15616;border: solid 1px #e15616;}
@@ -19,34 +17,33 @@ li{list-style:none}
     .content .section .section-content .new-list{width: 100%;height: 36px;float: left;box-sizing: border-box;}
     .content .section .section-content .new-list .text{line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;float: left;}
     .content .section .section-content .new-list .icon{width: 16px;height: 16px;display: block;float: left;padding: 10px 15px;line-height: 16px;cursor: pointer;}
-    .content .section .section-content .new-list .icon.icon-weigouxuan:before{width: 16px;height: 16px;background-position: -236px 0;}
-    .content .section .section-content .new-list .icon.icon-gouxuan:before{width: 16px;height: 16px;background-position: -210px 0;}
     .content .section .section-content .new-list .text p{line-height: 36px;font-size: 14px;color: #627386;float: left;width: 600px;overflow: hidden;word-wrap: normal;vertical-align: middle;text-overflow: ellipsis}
-    .content .section .section-content .new-list .time{line-height: 36px;font-size: 12px;color: #b8bfca;float: right;}
+    .content .section .section-content .new-list .time{line-height: 36px;font-size: 14px;color: #b8bfca;float: right;}
+    .check{float: left;margin: 8px}
+    .notclick{pointer-events: none;opacity: .6}
 }
 
 /**
 * 移动端
 */
 @media screen and (max-width:768px){
-    .content{width: 100%;background-color: #FFFFFF;box-sizing: border-box;padding:0 5.3vw 5.3vw 5.3vw;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);margin:0 0 2.7vw 0;}
+    .content{width: 100%;background-color: #FFFFFF;box-sizing: border-box;padding:3.3vw;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);margin:0 0 2.7vw 0;}
     .content .title{width: 100%;height: 10vw;line-height: 10vw;color: #22272e;font-size: 3.4vw;}
     .section-top{width: 100%;height: 54px;float: left;box-sizing: border-box;padding: 10px;background: #fff}
     .section-top .cheacked{width: 100px;height: 36px;float: left;cursor: pointer;}
     .section-top .cheacked .icon{width: 16px;height: 16px;display: block;float: left;padding: 10px 15px}
-    .section-top .cheacked .icon.icon-weigouxuan:before{width: 16px;height: 16px;background-position:-36px -201px;}
-    .section-top .cheacked .icon.icon-gouxuan:before{width: 16px;height: 16px;background-position: -3px -201px;}
     .section-top .cheacked span{display: inline-block;line-height: 36px;font-size: 16px;color: #22272e;}
     .section-top .button{height: 36px;float: right;}
-    .section-top .button .btn{width: 90px;height: 34px;float: right;margin-left: 16px;border-radius: 2px;background-color: #ffe6dc;line-height: 34px;text-align: center;font-size: 14px;color: #E15616;border: solid 1px #e15616;}
+    .section-top .button .btn{width: 90px;height: 34px;float: right;margin-left: 16px;border-radius: 2px;background-color: #ffd8d8;
+    line-height: 34px;text-align: center;font-size: 14px;color: #f94b4b;border: solid 1px #f94b4b;border-radius: 6.4vw}
+    .section-top .button .btn.Read{border: .27vw solid #1890f9;color: #1890f9;background: #e0f1ff}
     .content .section .section-content{width: 100%;height: auto;float: left;box-sizing: border-box;padding: 10px 0;}
     .content .section .section-content .new-list{width: 100%;box-sizing: border-box;}
     .content .section .section-content .new-list .text{line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;float: left;}
     .content .section .section-content .new-list .icon{width: 16px;height: 16px;display: block;float: left;padding: 10px;line-height: 16px;cursor: pointer;}
-    .content .section .section-content .new-list .icon.icon-weigouxuan:before{width: 16px;height: 16px;background-position: -36px -201px;}
-    .content .section .section-content .new-list .icon.icon-gouxuan:before{width: 16px;height: 16px;background-position: -3px -201px;}
     .content .section .section-content .new-list .text p{line-height: 36px;font-size: 3.4vw;color: #627386;float: left;width: 77.6vw;overflow: hidden;word-wrap: normal;vertical-align: middle;text-overflow: ellipsis}
     .content .section .section-content .new-list .time{font-size: 3.1vw;color: #b8bfca;float: left;padding-left: 37px}
-
+    input.check {width: 3.5vw;height: 3.5vw;line-height: 3.5vw;vertical-align: top;margin: 3vw 3vw 1.3vw 3.3vw;float: left;}
+    .notclick{pointer-events: none;opacity: .6}
 }
 

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

@@ -29,10 +29,10 @@
     textarea::placeholder {color: #9aa5b5;}
     .red{color: #f94b4b;}
     .companyBtn{width: 36px;height: 36px;background-color: #ffffff;border-radius: 2px;border: solid 1px #b8bfca;margin-left: 8px;cursor: pointer;font-size: 18px}
-    .icon.add:before {width: 25px;height: 25px;background-position: -168px -374px;position: absolute;top: 17px;right: 29px;}
+    .mIcon.add{background: url(/img/account/add.png) no-repeat;height: 80px;display: block;background-size: 80px;}
     .add-text {font-size: 12px;color: #333330;opacity: 0.5;position: absolute;top: 60%;right: 13px;}
-    .upload-file{position: relative;float: left;margin: 10px 10px 10px 0px;cursor: pointer;width: 80px;height: 80px;border-radius: 2px;border: solid 1px #b8bfca}
-    .input-file{width: 80px;height: 80px;opacity: 0;cursor: pointer;position: absolute}
+    .upload-file{position: relative;float: left;margin: 10px 10px 10px 0px;cursor: pointer;width: 80px;height: 80px;border-radius: 2px;}
+    .input-file{width: 80px;height: 80px;opacity: 0;cursor: pointer;position: absolute;top: 0}
     #uploadGoodsImages{overflow: hidden;float: left;width: 90%}
     .release-from{overflow: hidden;}
     .red-color{float: left;height: 80px;line-height: 80px;width: 85px;}
@@ -88,10 +88,9 @@
     textarea::placeholder {color: #9aa5b5;}
     .red{color: #f94b4b;}
     .companyBtn{width: 11.8vw;height: 11.8vw;background-color: #ffffff;border-radius: .53vw;border: solid 1px #b8bfca;margin-left: .53vw;cursor: pointer;font-size: 4.8vw;color: #b8bfca;}
-    .mIcon.add:before {width: 8vw;height: 8vw;background-position: -8.2vw -60.3vw;position: absolute;top: 5.5vw;right: 8vw}
-    .add-text {font-size: 3.6vw;color: #333330;opacity: 0.5;position: absolute;top: 60%;right: 4.3vw}
-    .upload-file{position: relative;float: left;margin: 0 2.7vw 2.7vw 0px;cursor: pointer;width: 23vw;height: 23vw;border-radius: .53vw;border: solid .27vw #b8bfca}
-    .input-file{width: 23vw;height:23vw;opacity: 0;cursor: pointer;position: absolute}
+    .mIcon.add{background: url(/img/account/add.png) no-repeat;height: 23vw;display: block;    background-size: 23vw;}
+    .upload-file{position: relative;float: left;margin: 0 2.7vw 2.7vw 0px;cursor: pointer;width: 23vw;height: 23vw;border-radius: .53vw;}
+    .input-file{width: 23vw;height:23vw;opacity: 0;cursor: pointer;position: absolute;top: 0;}
     #uploadGoodsImages{overflow: hidden;float: left;width: 90%;margin-top: 2.7vw}
     .release-from{overflow: hidden;}
     .upload-file img{width: 100%;height: 100%;}

src/main/resources/static/css/user-center/address/list.css

@@ -4,6 +4,21 @@ li{list-style:none}
  * PC端
  */
 @media screen and (min-width:768px){
+    .navLayout {min-height: 410px;}
+    .crumbs{padding-left: 220px;padding-right: 20px;}
+    .crumbs .link{display: block;float: right;font-size: 14px;color: #E15616;text-decoration: underline;}
+    .navLayout .left{float:left;width:200px;line-height:50px;white-space:nowrap;text-indent:16px;font-size:16px;background:#FFF}
+    .navLayout .left .title{color:#22272e;font-weight:bold;border-bottom:1px solid #f5f5f5}
+    .navLayout .navList .tab{display:block;color:#22272e;position:relative;cursor: pointer;}
+    .navLayout .navList .tab:before{content:'\276F';font-weight:normal;position:absolute;right:10px;top:0;transform:rotate(90deg);width:32px;height:32px;line-height:32px;text-align:center;color:#bec2c9}
+    .navLayout .navList .con{position:relative;}
+    .navLayout .navList .con:before,.navLayout .navList .con:after{content:'';position:absolute;width:168px;border-top:1px solid #f5f5f5;left:16px}
+    .navLayout .navList .con:before{top:0}
+    .navLayout .navList .con:after{bottom:0}
+    .navLayout .navList .con a{display:block;font-size:14px;color:#627386;text-indent:32px}
+    .navLayout .navList.on .tab:before{top:18px;transform:rotate(270deg);color:#e15616}
+    .navLayout .navList.on .tab{color:#e15616}
+    .navLayout .navList .con a.on{color:#e15616;background-color:#ffe6dc}
     /*个人中心右侧*/
     .navLayout .right{float:right;width:968px}
     .order-header{width: 100%;height: 78px;box-sizing: border-box;padding: 20px;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
@@ -57,40 +72,51 @@ li{list-style:none}
     .container .section .list .list-defalut .icon{height: 24px;width: 24px;display: block;float: left;margin-right: 5px;}
     .container .section .list .list-defalut .icon:before{height: 24px;width: 24px;background-position: -255px -330px;}
     .container .section .list .list-defalut .span-s{display: inline-block;height: 24px;line-height:24px;padding: 0 15px;background-color: #f94b4b;font-size: 12px;color: #FFFFFF;border-radius: 12px;text-align: center;cursor: pointer;}
-
+    .container .section.address-none .label p{color: #627386}
+    input::placeholder,textarea::placeholder{color: #9aa5b5}
 }
 
 /**
 * 移动端
 */
 @media screen and (max-width:768px){
-    .order-header{line-height:7.4vw;background:#FFF;padding:3.3vw;margin:1.5vw auto;font-size:3.1vw;position:relative}
-    .order-header p span{color:#E15616;margin:0 1vw}
-    .header-button .btn-server{position:absolute;right:3.3vw;top:3vw}
-    .container{box-sizing:border-box;width:100%;position:relative}
-    .container .list{line-height:7.4vw;background:#FFF;padding:3.3vw}
-    .container .list{margin-bottom:1vw;border-bottom:1px dashed #eee;position:relative}
-    .container .list p{display:inline-block;min-width:49%;line-height:5vw;font-size:3.4vw;color:#22272e}
-    .container .list p .label{color:#627386;margin-right:2vw}
-    .container .list-right{padding-top:2vw}
-    .container .list-btn,.header-button .btn-server{display:inline-block;height:8vw;line-height:8vw;font-size:3.4vw;color:#1890f9;padding:0 3vw;border-radius:4.5vw;background-color:#e0f1ff;border:solid 1px #1890f9}
-    .container .list-btn.ico{background-color:#ffd8d8;color:#f94b4b;border-color:#f94b4b;margin-left:2vw}
-    .header-button .btn-server{background-color:#E15616;color:#FFF;border-color:#E15616;}
-    .container .list-btn i{font-style:normal;}
-    .container .list-defalut{height:8vw;line-height:8vw}
-    .container .list-defalut .mIcon{display:inline-block;vertical-align:middle}
-    .container .list-defalut .mIcon:before{height:8vw;width:8vw;background-position:-94.1vw -36.7vw}
-    .container .list-defalut span{display:inline-block;height:6vw;line-height:6vw;font-size:3.1vw;color:#FFFFFF;background-color:#f94b4b;border-radius:3vw;padding:0 3vw;vertical-align:middle}
-    .container .list-defalut a{display:inline-block;height:6vw;line-height:6vw;margin-left:2vw;color:#1890f9;vertical-align:middle}
-    .container .list-defalut a{padding:0;margin:0;font-size: 3.1vw;}
-    .container .list .seclet{width:6vw;height:6vw;position:absolute;bottom:0;right:0;opacity:0}
-    .container .list .seclet .mIcon{width:6vw;height:6vw;display:block}
-    .container .list .seclet .mIcon:before{width:6vw;height:6vw;background-position:-75.1vw -7.8vw}
-    .container .list.checked{border:1px solid #E15616}
-    .container .list.checked .seclet{opacity:1}
-
-
-
-
+.navLayout .left{width:29.3vw;border-right:1px solid #F5F5F5;line-height:11.8vw;white-space:nowrap;text-indent:3.3vw;font-size:3.4vw;}
+.navLayout .left .title{color:#22272e;font-weight:bold;border-bottom:1px solid #f5f5f5;font-size: 3.7vw;}
+.navLayout .navList .tab{display:block;color:#22272e;position:relative}
+.navLayout .navList .tab:before{content:'\276F';font-weight:normal;position:absolute;right:1.4vw;top:1vw;transform:rotate(90deg);width:6.4vw;height:6.4vw;line-height:6.4vw;text-align:center;color:#bec2c9}
+.navLayout .navList .con a{display:block;color:#9aa5b5;}
+.navLayout .navList.on .tab:before{top:4vw;transform:rotate(270deg);color:#e15616}
+.navLayout .navList.on .tab{color:#e15616}
+.navLayout .navList .con a.on{color:#e15616;background-color:#ffe6dc}
+.header-bt{height: 10.7vw;line-height: 10.7vw;background: #ffe6dc;color: #f94b4b;padding:0 3.3vw}
+.section .list{background: #fff;padding: 3.3vw;margin-bottom: 2.7vw;}
+.list-left p{display: inline-block;width: 49%;margin-bottom: 2.7vw; color: #22272e;}
+.list-left p:last-child{width: 100%}
+.list-left p .label{color: #627386}
+.list-right >div{display: inline-block}
+.list-defalut .span-s{height: 6.3vw;background: #f94b4b;color: #fff;border-radius: 2.7vw;font-size: 3.1vw;display: inline-block;text-align: center;line-height: 6.3vw;padding: 0 2.7vw;}
+.mIcon.icon-address:before{background-position: -93.6vw -37.6vw;width: 8vw;height: 8vw;}
+.icon-address{position: relative;top: 2.7vw;}
+.list-button{float: right}
+.list-button a{width: 22.4vw;height: 9.6vw;line-height: 9.6vw;text-align: center;display: inline-block;border-radius: 6.4vw;color: #1890f9;background: #e0f1ff;border: .27vw solid #1890f9;margin-left: 2.7vw;}
+.list-button a.del{color: #f94b4b;border: .27vw solid #f94b4b;background:#ffd8d8;}
+.list-right{margin: 2.7vw 0; overflow: hidden;}
+.header-button{padding: 3.3vw;}
+.header-button .btn-server{background: #e15616;color: #fff;height: 11.2vw;line-height: 11.2vw;text-align: center;display: block;}
+.address-none{padding: 3.3vw;}
+.container .section.address-none .label p em {font-style: normal;color: #f94b4b;margin: 0 1.3vw;}
+.container .section.address-none .label{color: #627386;line-height: 10vw}
+.container .section.address-none .formLine select{width: 100%;height: 9.6vw;line-height: 9.6vw;border: .27vw solid rgba(184,191,202,.5);display: block;margin-bottom: 2.7vw}
+.container .section.address-none .formLine input{width:-webkit-fill-available;height: 9.6vw;line-height: 9.6vw;border: .27vw solid rgba(184,191,202,.5);padding-left: 2.7vw;}
+input::placeholder,textarea::placeholder{color: #9aa5b5}
+.form-input textarea{height: 24vw;width: -webkit-fill-available;border: .27vw solid rgba(184,191,202,.5);padding: 2.7vw;outline: none;resize: none;}
+.address-sub .button a{width:100%;height: 11.2vw;line-height: 11.2vw;text-align: center;border: .27vw solid #e15616;color: #fff;background: #e15616;display: block;margin-bottom: 2.7vw;}
+.address-sub .button .btn-cancel{border: .27vw solid #e15616;background: #ffe6dc;color: #e15616;}
+.address-sub .button{margin: 2.7vw auto}
+.address-none {position: fixed;background: rgba(34,39,46, 0.3);top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
+.address-main{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 71vw;height: 97vw;overflow: auto;background-color: #ffffff;border-radius: 2.1vw;padding: 3.3vw;}
+.address-sub .checked{color: #1890f9;text-align: center;margin: 2.7vw 0;}
+.container .section.address-none .address-sub .checked .icon-weigouxuan:before{width:4.3vw;height: 4.3vw;background-position: -26.1vw -53.6vw;}
+.container .section.address-none .address-sub .checked .icon-gouxuan:before{width:4.3vw;height: 4.3vw;background-position: -17.9vw -53.6vw;}
 }
 

src/main/resources/static/css/user-center/message.css

@@ -11,8 +11,6 @@ li{list-style:none}
     .content .section .section-top{width: 100%;height: 54px;float: left;box-sizing: border-box;padding: 9px 0;border-bottom: solid 1px #e2e7ef;}
     .content .section .section-top .cheacked{width: 100px;height: 36px;float: left;cursor: pointer;}
     .content .section .section-top .cheacked .icon{width: 16px;height: 16px;display: block;float: left;padding: 10px 15px}
-    .content .section .section-top .cheacked .icon.icon-weigouxuan:before{width: 16px;height: 16px;background-position: -236px 0;}
-    .content .section .section-top .cheacked .icon.icon-gouxuan:before{width: 16px;height: 16px;background-position: -210px 0;}
     .content .section .section-top .cheacked span{display: inline-block;line-height: 36px;font-size: 16px;color: #22272e;}
     .content .section .section-top .button{width: 250px;height: 36px;float: right;}
     .content .section .section-top .button .btn{width: 90px;height: 34px;float: right;margin-left: 16px;border-radius: 2px;background-color: #ffe6dc;line-height: 34px;text-align: center;font-size: 14px;color: #E15616;border: solid 1px #e15616;}
@@ -20,17 +18,33 @@ li{list-style:none}
     .content .section .section-content .new-list{width: 100%;height: 36px;float: left;box-sizing: border-box;}
     .content .section .section-content .new-list .text{line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;float: left;}
     .content .section .section-content .new-list .icon{width: 16px;height: 16px;display: block;float: left;padding: 10px 15px;line-height: 16px;cursor: pointer;}
-    .content .section .section-content .new-list .icon.icon-weigouxuan:before{width: 16px;height: 16px;background-position: -236px 0;}
-    .content .section .section-content .new-list .icon.icon-gouxuan:before{width: 16px;height: 16px;background-position: -210px 0;}
     .content .section .section-content .new-list .text p{width: 600px;line-height: 36px;font-size: 14px;color: #627386;float: left;overflow: hidden;text-overflow: ellipsis;}
-    .content .section .section-content .new-list .time{line-height: 36px;font-size: 12px;color: #b8bfca;float: right;}
+    .content .section .section-content .new-list .time{line-height: 36px;font-size: 14px;color: #b8bfca;float: right;}
+    .check{float: left;margin: 8px}
+    .notclick{pointer-events: none;opacity: .6}
 }
 
 /**
 * 移动端
 */
 @media screen and (max-width:768px){
-
-
+    .content{width: 100%;background-color: #FFFFFF;box-sizing: border-box;padding:3.3vw;box-shadow: 0px .8vw 1.6vw 0px rgba(0, 0, 0, 0.07);margin:0 0 2.7vw 0;}
+    .content .title{width: 100%;height: 10vw;line-height: 10vw;color: #22272e;font-size: 3.4vw;}
+    .section-top{width: 100%;height: 54px;float: left;box-sizing: border-box;padding: 10px;background: #fff}
+    .section-top .cheacked{width: 100px;height: 36px;float: left;cursor: pointer;}
+    .section-top .cheacked .icon{width: 16px;height: 16px;display: block;float: left;padding: 10px 15px}
+    .section-top .cheacked span{display: inline-block;line-height: 36px;font-size: 16px;color: #22272e;}
+    .section-top .button{height: 36px;float: right;}
+    .section-top .button .btn{width: 90px;height: 34px;float: right;margin-left: 16px;border-radius: 2px;background-color: #ffd8d8;
+    line-height: 34px;text-align: center;font-size: 14px;color: #f94b4b;border: solid 1px #f94b4b;border-radius: 6.4vw}
+    .section-top .button .btn.Read{border: .27vw solid #1890f9;color: #1890f9;background: #e0f1ff}
+    .content .section .section-content{width: 100%;height: auto;float: left;box-sizing: border-box;padding: 10px 0;}
+    .content .section .section-content .new-list{width: 100%;box-sizing: border-box;}
+    .content .section .section-content .new-list .text{line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;float: left;}
+    .content .section .section-content .new-list .icon{width: 16px;height: 16px;display: block;float: left;padding: 10px;line-height: 16px;cursor: pointer;}
+    .content .section .section-content .new-list .text p{line-height: 36px;font-size: 3.4vw;color: #627386;float: left;width: 77.6vw;overflow: hidden;word-wrap: normal;vertical-align: middle;text-overflow: ellipsis}
+    .content .section .section-content .new-list .time{font-size: 3.1vw;color: #b8bfca;float: left;padding-left: 37px}
+    input.check {width: 3.5vw;height: 3.5vw;line-height: 3.5vw;vertical-align: top;margin: 3vw 3vw 1.3vw 3.3vw;float: left;}
+    .notclick{pointer-events: none;opacity: .6}
 }
 

src/main/resources/static/css/user-center/repair.css

@@ -10,8 +10,16 @@ body{background:#FFF;}
 .repair .desc{font-size:14px;color:#e15616;height:36px;line-height:36px;text-align:center;margin-bottom:30px;background-color:#fff7f3;background-image:-ms-linear-gradient(270deg,#ffffff 0%,#ffe6dc 50%,#ffffff 100%);background-image:-webkit-linear-gradient(270deg,#ffffff 0%,#ffe6dc 50%,#ffffff 100%);background-image:linear-gradient(270deg,#ffffff 0%,#ffe6dc 50%,#ffffff 100%)}
 .repair form{width:498px;margin:0 auto}
 .repair .fileInfo{font-size:14px;line-height:24px;color:#f94b4b}
-
-
+.formLine .formLine-file {width: 92px;height: 92px;position: relative;}
+.formLine .file {width: 92px;height: 92px;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
+.mIcon.add{background: url(/img/account/add.png) no-repeat;height: 92px;display: block;background-size: 92px;}
+.form-upload-image{width: 92px;height: 92px;position: relative;float: left;margin: 0px 10px 10px 0px;cursor: pointer;border-radius: 2px;border: solid 1px #b8bfca}
+.uploadGoodsImages{overflow: hidden}
+.uploadGoodsImages>div{display: inline-block}
+.upload-img{width: 100%;height: 100%;}
+.icon.del:before {width: 20px;height: 20px;background-position: -116px -138px;position: absolute;top: -3px;right: -3px;}
+input::placeholder,textarea::placeholder{color: #9aa5b5}
+.formLine p{color: #627386}
 }
 
 /**
@@ -24,7 +32,15 @@ footer{display:none}
 .repair .desc{font-size:3vw;color:#e15616;line-height:5.2vw;padding:2vw 0;text-align:center;margin-bottom:3vw;background-color:#fff7f3;background-image:-ms-linear-gradient(270deg,#ffffff 0%,#ffe6dc 50%,#ffffff 100%);background-image:-webkit-linear-gradient(270deg,#ffffff 0%,#ffe6dc 50%,#ffffff 100%);background-image:linear-gradient(270deg,#ffffff 0%,#ffe6dc 50%,#ffffff 100%)}
 .repair form{width:100%;margin:0 auto}
 .repair .fileInfo{font-size:3vw;line-height:5.2vw;color:#f94b4b}
-
-
-
+.formLine p{color: #627386}
+input::placeholder,textarea::placeholder{color: #9aa5b5}
+.formLine select{color: #627386;}
+.formLine .formLine-file {width: 25vw;height: 25vw;position: relative;}
+.formLine input.file {width: 25vw;height: 25vw;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
+.mIcon.add{background: url(/img/account/add.png) no-repeat;height: 25vw;display: block;    background-size: 25vw;}
+.form-upload-image{width: 25vw;height: 25vw;position: relative;float: left;margin: 0px 2.7vw 2.7vw 0px;cursor: pointer;border-radius: .53vw;border: solid .27vw #b8bfca}
+.uploadGoodsImages{overflow: hidden}
+.uploadGoodsImages>div{display: inline-block}
+.upload-img{width: 100%;height: 100%;}
+.mIcon.del:before {width: 5.3vw;height: 5.3vw;background-position: -90vw -7.5vw;position: absolute;top: -.8vw;right: -.8vw}
 }

src/main/resources/static/css/user-center/repair/form.css

@@ -25,6 +25,7 @@ li{list-style:none}
     .container .formLine .btn.disabled{background-color: #999999;}
 
 
+
 }
 
 /**

src/main/resources/static/css/user-center/setting/information.css

@@ -33,8 +33,8 @@ li{list-style:none}
 .formLine .business{height:auto;position:relative}
 .formLine .business input[type="text"] {width: 324px;display: block;float: left;margin-right: 15px;}
 .formLine .business a {display: block;float: left; width: 92px;height: 32px;line-height: 34px;font-size: 14px;color: #e15616;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;text-align: center;}
-
-
+.formLine p{color: #627386}
+input::placeholder,textarea::placeholder{color: #9aa5b5}
 
 }
 
@@ -107,4 +107,8 @@ footer{display:none}
 .subLine .btn-upgrade {cursor: pointer;display: block;width: 93.4vw;height: 11.2vw;line-height: 50px;background-color: #e15616;border-radius: 0.2vw;text-align: center;font-size: 3.4vw;color: #FFF;float: left;margin-bottom: 2.8vw;}
 .subLine .btn-upgrade.none{border: 1px solid #E15616;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #e15616;}
 .subLine .btn-upgrade.disabled{background-color: #999999;}
+.container{padding:3.3vw}
+.title{color: #22272e;font-size: 3.7vw}
+.formLine p{color: #627386}
+input::placeholder,textarea::placeholder{color: #9aa5b5}
 }

src/main/resources/static/css/user-center/setting/upgrade.css

@@ -53,6 +53,44 @@ li{list-style:none}
 @media screen and (max-width:768px){
 body{width:100%;height:100%;background:#FFF url(/img/account/register.png) no-repeat center bottom;background-size:100% auto;background-attachment: fixed;}
 footer{display:none}
-
-
+.container{padding: 3.3vw}
+.container .title-tips {
+    margin-bottom: 4.3vw;
+    width: 100%;
+    height: 9.6vw;
+    background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);
+}
+.container .title-tips p {
+    width: 100%;
+    height:9.6vw;
+    font-family: Microsoft YaHei;
+    font-size: 3vw;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 9.6vw;
+    color: #e15616;
+    text-align: center;
+}
+.container .title{color: #22272e;font-size: 3.7vw;}
+.formLine p{color: #627386}
+input::placeholder,textarea::placeholder{color: #9aa5b5}
+    .formLine .form-upload{width: 36vw;height: auto;float: left;margin-right: 5.3vw;}
+    .formLine .formLine-file{width: 36vw;height: 25vw;position: relative;}
+    .formLine .form-upload-tips{width: 5.3vw;height: 25vw;float: left;position: relative;}
+    .formLine .form-upload-tips .icon{width: 5.3vw;height: 5.3vw;float: left;background: url("/img/base/icon.png") no-repeat;display: block;margin-top: 10.7vw;}
+    .formLine .form-upload-tips .icon-wen{background-position: -22.4vw -38.4vw;cursor: pointer;}
+    .formLine .form-upload-tips .wen-tips{width:48.5vw;height:12.3vw;line-height: 12.3vw;text-align: center;color: #FFF;font-size: 3.4vw; background-color: #1890f9; position: absolute;bottom: -6.4vw;left: -.53vw;border-radius:.8vw;display: none;}
+    .formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 2.1vw;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -4vw;left:1.3vw;}
+    .formLine .form-upload-tips:hover .wen-tips{display: block;}
+    .formLine .file{width:36vw;height:25vw;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
+    .formLine .formLine-file .icon{width: 36vw;height: 25vw;display: block;}
+    .formLine .formLine-file .file-biss{background: url("/img/account/icon-bisse.png") no-repeat;}
+    .formLine .formLine-file .file-door{background: url("/img/account/icon-door.png") no-repeat;}
+    .formLine .formLine-file .file-zizhi{background: url("/img/account/icon-zizhi.png") no-repeat;}
+    .formLine .form-upload-image{width: 36vw;height: 25vw;position: relative;}
+    .formLine .form-upload-image .upload-img{width: 36vw;height:25vw;display: block;}
+    .formLine .form-upload-image .icon{width: 4.2vw;height: 4.2vw;display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
+    .formLine .business{height:auto;position:relative}
+    .formLine .form-upload-image .mIcon:before {width: 16px;height: 16px;background-position: -90vw -8.5vw;}
+    .formLine{overflow: hidden}
 }

src/main/resources/static/js/common/serviceapi/user.service.js

@@ -136,4 +136,10 @@ var UserApi = {
                 callback(res)
             });
         },
-};
+       Maintenance : function(params,callback) { //扫码微信绑定机构
+            Http.AjaxService({ url:'/pcCenter/applyMaintenance', type:'post', data:params, json:false})
+            .then(function(res){
+                callback(res)
+            });
+        },
+};

src/main/resources/static/js/common/serviceapi/utils.service.js

@@ -247,6 +247,18 @@ var PublicApi = {
                 callback(res)
             });
         },
+        markAsRead:function (params,callback) {//已读消息
+            Http.AjaxService({ url:'/user/markAsRead', type:'post', data:params, json:false})
+            .then(function(res){
+                callback(res)
+            });
+        },
+        deleteMessage:function (params,callback) {//删除消息
+            Http.AjaxService({ url:'/user/deleteMessage', type:'post', data:params, json:false})
+            .then(function(res){
+                callback(res)
+            });
+        },
 };
 
 

src/main/resources/static/js/supplier-center/message.js

@@ -8,6 +8,9 @@ var helpSuggestion = new Vue({
         degree:'',
         isCheckedAll:false,
         messagesList:[],//新闻动态
+        check:false,
+        checklist:[],
+        msgId:'',
     },
     methods: {
         GetMyPcCenterInfo:function(){
@@ -21,36 +24,79 @@ var helpSuggestion = new Vue({
                 }
             })
         },
-        checkedAllFn :function(){
+        checkedItemFn:function(item){ //单选
             var _self = this;
-            _self.isCheckedAll = !_self.isCheckedAll;
-            _self.updateBothCheckBtn();
-        },
-        checkedItemFn :function(item){
-            var _self = this;
-            item.isCheck = !item.isCheck;
-            console.log(item)
-            _self.updateCheckAllBtn();
-        },
-        updateBothCheckBtn:function() {// 全选勾选
-            var _self = this;
-            _self.messagesList.forEach(function(item){
-                item.isCheck = _self.isCheckedAll ;
-         })
+                    if(event.target.checked){
+                         _self.checklist.push(item.messageID);
+                         _self.msgId = _self.checklist.toString()+','
+                    }else {
+                      _self.checklist.splice(_self.checklist.indexOf(item.messageID), 1);
+                      _self.msgId = _self.checklist.toString()+','
+                    }
+                    if(_self.checklist.length==_self.messagesList.length){
+                        _self.isCheckedAll=true;
+                    }else {
+                       _self.isCheckedAll=false;
+                    }
+
         },
-        updateCheckAllBtn:function() {// 全选勾选判断
+        checkedAllFn: function () { //全選
             var _self = this;
-            var goodsCheckedLength = 0,
-                messagesList = _self.messagesList;
-            _self.messagesList.forEach(function(item){
-                if(item.isCheck) { goodsCheckedLength++; }
-            });
-            _self.isCheckedAll = goodsCheckedLength === messagesList.length;
+            _self.isCheckedAll = !_self.isCheckedAll;
+                if (_self.isCheckedAll) {
+                    _self.checklist = [];
+                    _self.messagesList.forEach(function (item) {
+                            if(item.readFlag!=1){
+                                 item.check = true;
+                                 _self.checklist.push(item.messageID);
+                                 _self.msgId = _self.checklist.toString()+','
+                            }else {
+                                item.check = false;
+                            }
+                        })
+                }else{
+                     _self.messagesList.forEach(function(item){
+                          item.check = false;
+                    });
+                    _self.checklist = [];
+                    _self.msgId = ''
+                }
         },
-        deleteMessageFn: function(){//删除消息
-
+       deleteMessageFn: function(){//删除消息
+             var _this =this;
+             if(_this.messagesList==''){
+                 CAIMEI.Alert('暂无消息', '确定', false);
+             }else if(_this.checklist.length==0) {
+                 CAIMEI.Alert('未选择任何消息', '确定', false);
+             }else {
+                PublicApi.deleteMessage({messageIds:_this.msgId},function (res) {
+                    if (res.code==0){
+                      CAIMEI.dialog('刪除成功');
+                      location.reload();
+                    }else {
+                      CAIMEI.Alert(res.msg, '确定', false);
+                    }
+                })
+             }
         },
-        signMessageFn: function(){//标记为已读
+       signMessageFn: function(){//标记为已读
+           var _this =this;
+            console.log(_this.checklist);
+            console.log(_this.msgId);
+            if(_this.messagesList==''){
+             CAIMEI.Alert('暂无消息', '确定', false);
+            }else if(_this.checklist.length==0){
+              CAIMEI.Alert('未选择任何消息', '确定', false);
+            }else {
+                     PublicApi.markAsRead({messageIds:_this.msgId},function (res) {
+                    if(res.code==0){
+                     CAIMEI.dialog('已读成功');
+                     location.reload();
+                    }else {
+                     CAIMEI.Alert(res.msg, '确定', false);
+                    }
+                })
+            }
 
         },
         showBadge:function(n){//处理标签

src/main/resources/static/js/user-center/message.js

@@ -4,53 +4,99 @@ var helpSuggestion = new Vue({
     data: {
         btnLoading: false,
         isRequset:true,
-        userId: 0,
+        userId: '',
         degree:'',
         isCheckedAll:false,
         messagesList:[],//消息列表
+        check:false,
+        checklist:[],
+        msgId:'',
     },
     methods: {
         GetMyPcMymessageInfo:function(){
             var _self = this;
-            UserApi.GetMymessageList({userId:10689},function (response) {
+            UserApi.GetMymessageList({userId:_self.userId},function (response) {
                 if(response.code == 0){
                     var data = response.data;
-                    _self.messagesList = response.data
+                    _self.messagesList = response.data;
+
                     _self.isRequset = false;
                 }else{
                     CAIMEI.Alert(response.msg, '确定', false);
                 }
             })
         },
-        checkedAllFn :function(){
-            var _self = this;
-            _self.isCheckedAll = !_self.isCheckedAll;
-            _self.updateBothCheckBtn();
-        },
-        checkedItemFn :function(item){
-            var _self = this;
-            item.isCheck = !item.isCheck;
-            _self.updateCheckAllBtn();
-        },
-        updateBothCheckBtn:function() {// 全选勾选
+        checkedItemFn:function(item){ //单选
             var _self = this;
-            _self.messagesList.forEach(function(item){
-                item.isCheck = _self.isCheckedAll ;
-         })
+                    if(event.target.checked){
+                         _self.checklist.push(item.messageID);
+                         _self.msgId = _self.checklist.toString()+','
+                    }else {
+                      _self.checklist.splice(_self.checklist.indexOf(item.messageID), 1);
+                      _self.msgId = _self.checklist.toString()+','
+                    }
+                    if(_self.checklist.length==_self.messagesList.length){
+                        _self.isCheckedAll=true;
+                    }else {
+                       _self.isCheckedAll=false;
+                    }
+
         },
-        updateCheckAllBtn:function() {// 全选勾选判断
+          checkedAllFn: function () { //全選
             var _self = this;
-            var goodsCheckedLength = 0,
-                messagesList = _self.messagesList;
-            _self.messagesList.forEach(function(item){
-                if(item.isCheck) { goodsCheckedLength++; }
-            });
-            _self.isCheckedAll = goodsCheckedLength === messagesList.length;
+            _self.isCheckedAll = !_self.isCheckedAll;
+                if (_self.isCheckedAll) {
+                    _self.checklist = [];
+                    _self.messagesList.forEach(function (item) {
+                            if(item.readFlag!=1){
+                                 item.check = true;
+                                 _self.checklist.push(item.messageID);
+                                 _self.msgId = _self.checklist.toString()+','
+                            }else {
+                                item.check = false;
+                            }
+                        })
+                }else{
+                     _self.messagesList.forEach(function(item){
+                          item.check = false;
+                    });
+                    _self.checklist = [];
+                    _self.msgId = ''
+                }
         },
         deleteMessageFn: function(){//删除消息
-
+             var _this =this;
+             if(_this.messagesList==''){
+                 CAIMEI.Alert('暂无消息', '确定', false);
+             }else if(_this.checklist.length==0) {
+                 CAIMEI.Alert('未选择任何消息', '确定', false);
+             }else {
+                PublicApi.deleteMessage({messageIds:_this.msgId},function (res) {
+                    if (res.code==0){
+                      CAIMEI.dialog('刪除成功')
+                    }else {
+                      CAIMEI.Alert(res.msg, '确定', false);
+                    }
+                })
+             }
         },
         signMessageFn: function(){//标记为已读
+          var _this =this;
+            console.log(_this.checklist);
+            console.log(_this.msgId);
+            if(_this.messagesList==''){
+             CAIMEI.Alert('暂无消息', '确定', false);
+            }else if(_this.checklist.length==0){
+              CAIMEI.Alert('未选择任何消息', '确定', false);
+            }else {
+                     PublicApi.markAsRead({messageIds:_this.msgId},function (res) {
+                    if(res.code==0){
+                     CAIMEI.dialog('已读成功')
+                    }else {
+                     CAIMEI.Alert(res.msg, '确定', false);
+                    }
+                })
+            }
 
         },
         showBadge:function(n){//处理标签

src/main/resources/static/js/user-center/repair/repair.js

@@ -1,19 +1,43 @@
 var repairForm = new Vue({
     el: '#repairForm',
     data: {
-        postData: {
-            question: '',
-            linkman: '',
-            phone: '',
-            address: '',
-            name: '',
-            shopName: '',
-            image: ''
+        // postData: {
+        //     userId:'',
+        //     question: '',
+        //     linkman: '',
+        //     userMobile: '',
+        //     userContact:'',
+        //     userAddress:'',
+        //     name: '',
+        //     shopName: '',
+        //     image: '',
+        //
+        // },
+        postData:{
+            userId:'',
+            provinceName:'',
+            cityName:'',
+            townName:'',
+            userAddress:'',
+            userContact:'',
+            userMobile:'',
+            instrumentName:'',
+            problemDescription:'',
+            manufacturer:'',
+            instrumentImages:''
         },
+            townID:'',
+            provinceID: '',//省id
+            cityID: '',
         rule:{
             name: '^[a-zA-Z\\u4e00-\\u9fa5]{2,}$',
             phone: '^\\d{6,12}$'
-        }
+        },
+        provinceArray:[],
+        cityArray: [],//市
+        townArray: [],//区
+        productImagesList:[],
+        formData:new FormData(),
     },
     computed: {
 
@@ -26,14 +50,95 @@ var repairForm = new Vue({
         },
         // 提交数据
         submitData: function(){
-            alertInfo('提交数据');
+            var _self = this;
+            var pass = verifyForm();
+            if (_self.loginLoading) { return false; }
+            this.$nextTick(function() {
+                 if (!pass) {return false;}
+                  console.log(_self.postData)
+                 UserApi.Maintenance(_self.postData,function (res) {
+                        if(res.code==0){
+                         CAIMEI.dialog('申请成功')
+                        }else {
+                         CAIMEI.Alert(res.msg, '确定', false);
+                        }
+                 })
+            })
             console.log(JSON.stringify(this.postData));
-        }
+        },
+         province:function () {
+           var _this = this;
+           var donClass = '#cProvince';
+           var domProvince =  document.querySelector(donClass);
+           _this.postData.provinceName = domProvince.options[domProvince.selectedIndex].text;
+           _this.provinceID =event.target.value;
+            if(_this.provinceID==''){//省为请选择时市区初始化
+                _this.cityArray=[];
+                _this.townArray=[];
+                _this.postData.townName=''
+            }else {
+              _this.getcity();
+            }
+        },
+        uploadImageFn: function(event){//图片上传
+            var _this = this;
+            var inputDOM = _this.$refs.product;
+            var file = inputDOM.files;
+            _this.formData.append('file', file[0]);
+            PublicApi.uploadimg(_this.formData,function(response){
+               _this.productImagesList.push(response.data);
+               _this.postData.instrumentImages =_this.productImagesList.toString()+',';
+                event.target.value = '';
+            });
+        },
+         removeImagesFn: function(index){//删除图片
+            var _this = this;
+            _this.productImagesList.splice(index,1);
+            _this.postData.instrumentImages =_this.productImagesList.toString()+',';
+         },
+         getcity:function(event){//加载市
+           var _this = this;
+           var donClass = '#cityname';
+           var domCityname =  document.querySelector(donClass);
+           _this.postData.cityName = domCityname.options[domCityname.selectedIndex].text;
+            PublicApi.GetCity({ provinceId: _this.provinceID },function(response){
+                 if(response.code == 0 ){
+                    _this.cityArray = response.data;
+                     _this.cityID = event.target.value;
+                     if(_this.cityID==''){
+                           _this.townArray=[];
+                     }else {
+                         _this.getcTown();
+                     }
+                }
+            })
+        },
+         getcTown:function(event){
+            var _this = this;
+            var donClass = '#townname';
+           var domTownname =  document.querySelector(donClass);
+           _this.postData.townName = domTownname.options[domTownname.selectedIndex].text;
+            PublicApi.GetTown({cityId:_this.cityID},function(response){
+                if(response.code == 0 ){
+                    _this.townArray = response.data;
+                    _this.townID = event.target.value;
+                }else{
+                    CAIMEI.Alert(response.msg, '确定', false);
+                }
+            })
+        },
     },
     created: function () {
 
     },
     mounted: function () {
         var _self = this;
+        PublicApi.GetProvince({},function(response){ //省份
+            if(response.code == 0){
+                _self.provinceArray = response.data
+            }else{
+                CAIMEI.Alert(response.msg, '确定', false);
+            }
+        })
     }
 });

src/main/resources/templates/supplier-center/message/list.html

@@ -27,19 +27,19 @@
                     <div class="title">所有消息</div>
                     <div class="section">
                         <div class="section-top" v-if="isPC">
-                            <div class="cheacked" @click="checkedAllFn">
-                                <i class="icon mIcon" :class="isCheckedAll ? 'icon-gouxuan' : 'icon-weigouxuan'"></i>
+                            <div class="cheacked">
+                              <input type="checkbox" v-model="isCheckedAll" class="check" @click="checkedAllFn">
                                 <span>全选</span>
                             </div>
                             <div class="button">
-                                <a href="javascript:void(0);" class="btn" @class="deleteMessageFn">删除</a>
-                                <a href="javascript:void(0);" class="btn" @class="signMessageFn">标为已读</a>
+                                <a href="javascript:void(0);" class="btn" @click="deleteMessageFn">删除</a>
+                                <a href="javascript:void(0);" class="btn" @click="signMessageFn">标为已读</a>
                             </div>
                         </div>
                         <div class="section-content" v-if="messagesList.length > 0">
-                            <div class="new-list" v-for="(item, index) in messagesList" :key="index">
+                            <div class="new-list" v-for="(item, index) in messagesList" :key="index" :class="item.readFlag?'notclick':''">
                                 <div class="text">
-                                    <i class="icon mIcon" :class="item.isCheck?'icon-gouxuan' : 'icon-weigouxuan'" @click="checkedItemFn(item)"></i>
+                                 <input type="checkbox"  class="check" v-model="item.check" @change="checkedItemFn(item)" v-bind:disabled="item.readFlag?true:false"/>
                                     <p>{{item.content}}</p>
                                 </div>
                                 <div class="time">{{item.addTime}}</div>
@@ -52,13 +52,13 @@
                     </div>
                 </div>
                   <div class="section-top" v-if="!isPC">
-                    <div class="cheacked" @click="checkedAllFn">
-                        <i class="icon mIcon" :class="isCheckedAll ? 'icon-gouxuan' : 'icon-weigouxuan'"></i>
+                    <div class="cheacked">
+                     <input type="checkbox" class="check"  v-model="isCheckedAll" @click="checkedAllFn">
                         <span>全选</span>
                     </div>
-                    <div class="button">
-                        <a href="javascript:void(0);" class="btn" @class="deleteMessageFn">删除</a>
-                        <a href="javascript:void(0);" class="btn" @class="signMessageFn">标为已读</a>
+                    <div class="button" >
+                         <a href="javascript:void(0);" class="btn Read" @click="signMessageFn">标为已读</a>
+                         <a href="javascript:void(0);" class="btn" @click="deleteMessageFn">删除</a>
                     </div>
                  </div>
             </div>

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

@@ -99,7 +99,6 @@
                                 </div>
                                 <div class="upload-file" v-show="GoodsImagesList.length<5">
                                     <i class="icon mIcon add"></i>
-                                    <p class="add-text">添加图片</p>
                                     <input @change="uploadGoodsImagesFn" accept="image/png,image/jpeg,image/gif,image/jpg" class="input-file" name="file" ref="goodsImages"
                                            type="file"
                                            value="">

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

@@ -104,7 +104,6 @@
                                 </div>
                                 <div class="upload-file" v-show="GoodsImagesList.length<5">
                                     <i class="icon mIcon add"></i>
-                                    <p class="add-text">添加图片</p>
                                     <input ref="goodsImages" type="file" name="file" value="" class="input-file"
                                            accept="image/png,image/jpeg,image/gif,image/jpg"
                                            @change="uploadGoodsImagesFn">

src/main/resources/templates/user-center/address/list.html

@@ -26,7 +26,7 @@
                     <div class="header-bt">
                         <p>已保存<span>{{addressLength}}</span>条地址,还能保存 <span>{{20-addressLength}}</span>条地址</p>
                     </div>
-                    <div class="header-button">
+                    <div class="header-button" v-if="isPC">
                         <a class="btn-server" href="javascript: void(0);" @click="ShowAddAddressFn">新增地址</a>
                     </div>
                 </div>
@@ -72,8 +72,18 @@
                                     <input type="text" v-model.trim="addAddressData.mobile" placeholder="请输入联系方式" maxlength="11" >
                                 </div>
                             </div>
+                            <div class="address-sub" v-if="!isPC">
+                            <div class="checked" @click="settingDefaultFlag">
+                                <i class="icon mIcon" :class="isDefaultFlag?'icon-gouxuan':'icon-weigouxuan'"></i>
+                                <span>设为默认地址</span>
+                            </div>
+                            <div class="button">
+                                <a href="javascript:void(0);" class="btn btn-confirm" @click="ConfirmAddressFn">保存</a>
+                                <a href="javascript:void(0);" class="btn btn-cancel" @click="CancelAddressFn">取消</a>
+                            </div>
+                        </div>
                         </div>
-                        <div class="address-sub">
+                        <div class="address-sub" v-if="isPC">
                             <div class="checked" @click="settingDefaultFlag">
                                 <i class="icon mIcon" :class="isDefaultFlag?'icon-gouxuan':'icon-weigouxuan'"></i>
                                 <span>设为默认地址</span>
@@ -87,24 +97,24 @@
                     <div class="section" v-if="addressList.length > 0">
                         <div class="list" v-for="(item, index) in addressList" :key="index">
                             <div class="list-left">
-                                <p><span class="label">收货人:</span>{{item.shouHuoRen}}</p>
-                                <p><span class="label">联系方式:</span>{{item.mobile}}</p>
-                                <p><span class="label">收货地址:</span><span class="prov">{{item.province}}</span>{{item.city}}{{item.town}}{{item.address}}</p>
+                                <p><span class="label">收货人：</span>{{item.shouHuoRen}}</p>
+                                <p><span class="label">联系方式：</span>{{item.mobile}}</p>
+                                <p><span class="label">收货地址：</span><span class="prov">{{item.province}}</span>{{item.city}}{{item.town}}{{item.address}}</p>
                             </div>
-                            <div class="list-right  mfbt">
-                                <div class="list-defalut">
-                                    <template v-if="item.defaultFlag == 1">
-                                        <i class="icon mIcon"></i>
-                                        <span class="span-s">默认地址</span>
-                                    </template>
-                                    <a v-else href="javascript:void(0)">设为默认地址</a>
+                            <div class="list-right">
+                                <div class="list-defalut" v-if="item.defaultFlag == 1">
+                                    <i class="icon mIcon icon-address"></i>
+                                    <span class="span-s">默认地址</span>
                                 </div>
                                 <div class="list-button">
-                                    <a class="list-btn ico" href="javascript:void(0)" @click.stop="deleteAddress(item.addressID)">
+                                    <a class="list-btn ico" v-if="isPC" href="javascript:void(0)" @click.stop="deleteAddress(item.addressID)">
                                         <i class="icon mIcon">
                                             <span>删除</span>
                                         </i>
                                     </a>
+                                    <a class="list-btn del" v-if="!isPC" href="javascript:void(0)" @click.stop="deleteAddress(item.addressID)">
+                                            删除
+                                    </a>
                                     <a class="list-btn" href="javascript:void(0)" @click.stop="editAddress(item)">修改</a>
                                 </div>
                             </div>
@@ -116,6 +126,9 @@
                         <div class="msg"><p>暂无数据</p></div>
                     </div>
                 </div>
+                 <div class="header-button" v-if="!isPC">
+                        <a class="btn-server" href="javascript: void(0);" @click="ShowAddAddressFn">新增地址</a>
+                    </div>
             </div>
         </div>
     </div>

src/main/resources/templates/user-center/message/list.html

@@ -29,20 +29,20 @@
                 <div class="content clear">
                     <div class="title">所有消息</div>
                     <div class="section">
-                        <div class="section-top">
-                            <div class="cheacked" @click="checkedAllFn">
-                                <i class="icon mIcon" :class="isCheckedAll ? 'icon-gouxuan' : 'icon-weigouxuan'"></i>
+                        <div class="section-top" v-if="isPC">
+                            <div class="cheacked" >
+                            <input type="checkbox" v-model="isCheckedAll" class="check" @click="checkedAllFn">
                                 <span>全选</span>
                             </div>
                             <div class="button">
-                                <a href="javascript:void(0);" class="btn" @class="deleteMessageFn">删除</a>
-                                <a href="javascript:void(0);" class="btn" @class="signMessageFn">标为已读</a>
+                                <a href="javascript:void(0);" class="btn" @click="deleteMessageFn">删除</a>
+                                <a href="javascript:void(0);" class="btn" @click="signMessageFn">标为已读</a>
                             </div>
                         </div>
                         <div class="section-content" v-if="messagesList.length > 0">
-                            <div class="new-list" v-for="(item, index) in messagesList" :key="index">
+                            <div class="new-list" v-for="(item, index) in messagesList" :key="index" :class="item.readFlag?'notclick':''">
                                 <div class="text">
-                                    <i class="icon mIcon" :class="item.isCheck ? 'icon-gouxuan' : 'icon-weigouxuan'" @click="checkedItemFn(item)"></i>
+                                    <input type="checkbox"  class="check" v-model="item.check" @change="checkedItemFn(item)" v-bind:disabled="item.readFlag?true:false"/>
                                     <p>{{item.content}}</p>
                                 </div>
                                 <div class="time">{{item.addTime}}</div>
@@ -54,6 +54,16 @@
                         </div>
                     </div>
                 </div>
+                <div class="section-top" v-if="!isPC">
+                    <div class="cheacked" >
+                     <input type="checkbox" class="check"  @change="checkedAllFn" v-model="isCheckedAll">
+                        <span>全选</span>
+                    </div>
+                    <div class="button" >
+                         <a href="javascript:void(0);" class="btn Read" @click="signMessageFn">标为已读</a>
+                         <a href="javascript:void(0);" class="btn" @click="deleteMessageFn">删除</a>
+                    </div>
+                 </div>
             </div>
         </div>
     </div>

src/main/resources/templates/user-center/repair/form.html

@@ -19,48 +19,67 @@
         <form>
             <div class="formLine">
                 <p><em>*</em>问题描述：</p>
-                <textarea  v-model.trim="postData.question" placeholder="请输入您的问题描述(不超过200字)…" maxlength="200" needverify></textarea>
+                <textarea  v-model.trim="postData.problemDescription" placeholder="请输入您的问题描述(不超过200字)…" maxlength="200" needverify></textarea>
                 <i class="checked icon mIcon"></i>
                 <span class="errTips icon mIcon" tips="请输入您的问题描述"></span>
             </div>
             <div class="formLine">
                 <p><em>*</em>联系人：</p>
-                <input type="text" v-model.trim="postData.linkman" placeholder="请输入联系人姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
+                <input type="text" v-model.trim="postData.userContact" placeholder="请输入联系人姓名" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
                 <i class="checked icon mIcon"></i>
                 <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
             </div>
             <div class="formLine">
                 <p><em>*</em>联系电话：</p>
-                <input type="text" v-model.trim="postData.phone" placeholder="请输入联系电话" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
+                <input type="text" v-model.trim="postData.userMobile" placeholder="请输入联系电话" :rule="rule.phone" maxlength="12" @blur="blurHandle($event)" needverify>
                 <i class="checked icon mIcon"></i>
                 <span class="errTips icon mIcon" tips="请输入有效的联系电话"></span>
             </div>
             <div class="formLine">
                 <p><em>*</em>联系地址：</p>
                 <div class="address">
-                    <select><option value="">请选择</option></select>
-                    <select><option value="">请选择</option></select>
-                    <select><option value="">请选择</option></select>
-                    <textarea v-model.trim="postData.address" placeholder="建议您如实填写详细收货地址，例如：街道名称，门牌号码，楼层和房间号等信息"></textarea>
+                    <select id="cProvince" @change="province($event)">
+                        <option value="">请选择</option>
+                         <option v-for="item in provinceArray" :value="item.provinceID">{{item.name}}</option>
+                    </select>
+                    <select id="cityname" @change="getcity($event)">
+                        <option value="">请选择</option>
+                        <option v-for="(item ,index) in cityArray" :key="index" :value="item.cityID">{{item.name}}</option>
+                    </select>
+                    <select id="townname" @change="getcTown($event)">
+                        <option value="">请选择</option>
+                        <option v-for="(item ,index) in townArray" :key="index" :value="item.townID" >{{item.name}}</option>
+                    </select>
+                    <textarea v-model.trim="postData.userAddress" placeholder="建议您如实填写详细收货地址，例如：街道名称，门牌号码，楼层和房间号等信息"></textarea>
                 </div>
                 <i class="checked icon mIcon"></i>
                 <span class="errTips icon mIcon" tips="请输入正确的联系地址"></span>
             </div>
             <div class="formLine">
                 <p><em>*</em>仪器名称：</p>
-                <input type="text" v-model.trim="postData.name" placeholder="请输入仪器名称" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
+                <input type="text" v-model.trim="postData.instrumentName" placeholder="请输入仪器名称" :rule="rule.name" maxlength="50" @blur="blurHandle($event)" needverify>
                 <i class="checked icon mIcon"></i>
                 <span class="errTips icon mIcon" tips="请输入正确的仪器名称"></span>
             </div>
             <div class="formLine">
                 <p>生产厂家：</p>
-                <input type="text" v-model.trim="postData.shopName" placeholder="请输入生产厂家" :rule="rule.name" maxlength="50" @blur="blurHandle($event)">
+                <input type="text" v-model.trim="postData.manufacturer" placeholder="请输入生产厂家" :rule="rule.name" maxlength="50" @blur="blurHandle($event)">
                 <i class="checked icon mIcon"></i>
                 <span class="errTips icon mIcon" tips="请输入正确的公司名称"></span>
             </div>
             <div class="formLine">
                 <p>上传图片：</p>
-                <input type="file" v-model="postData.image">
+                <div class="uploadGoodsImages">
+                    <div class="form-upload-image"  v-for="(item, index) in productImagesList" :key="index">
+                        <img class="upload-img" :src="item" :data-image="item" alt="" id="product" @click="">
+                        <i class="icon mIcon del" @click="removeImagesFn(index)"></i>
+                    </div>
+                    <div class="formLine-file" v-show="productImagesList.length<5">
+                        <input ref="product" class="file" type="file" accept="image/png,image/jpeg,image/gif,image/jpg"  @change="uploadImageFn">
+                        <i class="icon mIcon add"></i>
+<!--                        <p class="add-text">添加图片</p>-->
+                    </div>
+                </div>
                 <span class="errTips icon mIcon"></span>
                 <p class="fileInfo">请尽量上传仪器全照或者仪器故障图片，方便您的维修事宜上传jpg/png格式照片，单个照片不能超过5M,最多不超过5张</p>
             </div>
@@ -74,6 +93,7 @@
 <!-- 引入底部 -->
 <template th:replace="components/footer"></template>
 <template th:replace="components/foot-link"></template>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/user.service.js(v=${version})}"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/user-center/repair/repair.js(v=${version})}"></script>
 </body>
 </html>