|
|
@@ -0,0 +1,853 @@
|
|
|
+<!--右侧主体部分-->
|
|
|
+<style>
|
|
|
+ .tab.active {
|
|
|
+ display: inline-block !important;
|
|
|
+ }
|
|
|
+ *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
|
|
|
+ div.wanted_list01 dt.paging-bar>span {
|
|
|
+ float: right;
|
|
|
+ width: 322px;
|
|
|
+ height: 40px;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ div.wanted_list01 dt.paging-bar>span button.paging-button {
|
|
|
+ padding: 0;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ border: none;
|
|
|
+ background: #FFFFFF;
|
|
|
+ }
|
|
|
+ div.wanted_list01 dt.paging-bar>span button.paging-button:hover {
|
|
|
+ color: #0C3894;
|
|
|
+ }
|
|
|
+ div.wanted_list01 dt.paging-bar>span input.page-num {
|
|
|
+ width: 25px;
|
|
|
+ height: 25px;
|
|
|
+ line-height: 40px;
|
|
|
+ border: 1px #C7BEBE solid;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ label[disabled] {
|
|
|
+ cursor: not-allowed;
|
|
|
+ }
|
|
|
+ .com_tab ul li.down-goods span:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+ .materrial-list span.length01{
|
|
|
+ width: 10% !important;
|
|
|
+ }
|
|
|
+ .materrial-list span{
|
|
|
+ width: 20% !important;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+ ul.pagination.ng-table-pagination > li > a > span {
|
|
|
+ height: 17px;
|
|
|
+ line-height: 17px;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.ng-table-pager input.page-number {
|
|
|
+ vertical-align: inherit;
|
|
|
+ display: inline-block;
|
|
|
+ width: 40px;
|
|
|
+ height: 31px;
|
|
|
+ padding: 6px 6px;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 1.42857143;
|
|
|
+ color: #9B9792;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #F6F5F4;
|
|
|
+ background-image: none;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-top-left-radius: 4px;
|
|
|
+ border-bottom-left-radius: 4px;
|
|
|
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
|
|
+ transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.ng-table-pager a.page-a {
|
|
|
+ color: #fff;
|
|
|
+ cursor: pointer;
|
|
|
+ background-color: #4574E8;
|
|
|
+ border-color: #4574E8;
|
|
|
+ padding: 6px 6px;
|
|
|
+ font-size: 14px;
|
|
|
+ border-top-right-radius: 4px;
|
|
|
+ border-bottom-right-radius: 4px;
|
|
|
+ text-decoration: none;
|
|
|
+ height: 31px;
|
|
|
+ }
|
|
|
+
|
|
|
+ div.ng-table-pager div.page-go-block {
|
|
|
+ float: right;
|
|
|
+ margin-left: 20px;
|
|
|
+ margin-top: 15px;
|
|
|
+ font-size: 0px;
|
|
|
+ height: 31px;
|
|
|
+ line-height: 31px;
|
|
|
+ }
|
|
|
+ .filter:hover .hover-show {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .filter:hover .angle-hover-up {
|
|
|
+ -webkit-transform: rotateZ(180deg);
|
|
|
+ -moz-transform: rotateZ(180deg);
|
|
|
+ -o-transform: rotateZ(180deg);
|
|
|
+ -ms-transform: rotateZ(180deg);
|
|
|
+ transform: rotateZ(180deg);
|
|
|
+ }
|
|
|
+ .filter .hover-show{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ position: absolute;
|
|
|
+ background-color: #fff;
|
|
|
+ margin-top: -1px;
|
|
|
+ border: 1px solid #e8e8e8;
|
|
|
+ border-top: none;
|
|
|
+ display: none;
|
|
|
+ left: 0;
|
|
|
+ top: 40px;
|
|
|
+ }
|
|
|
+ .filter .hover-show a{
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: normal;
|
|
|
+ }
|
|
|
+ .filter .hover-show a:hover{
|
|
|
+ background: #ecf2fd;
|
|
|
+ color: #5078cb !important;
|
|
|
+ }
|
|
|
+ .wid02 .fr .hidden-ellipsis-110 {
|
|
|
+ width: 110px;
|
|
|
+ overflow: hidden;
|
|
|
+ word-break: normal;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+ .com-out-box{
|
|
|
+ position: fixed;
|
|
|
+ z-index: 2;
|
|
|
+ height: 152px;
|
|
|
+ opacity: 1;
|
|
|
+ background-color: white;
|
|
|
+ width: 310px;
|
|
|
+ -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
|
|
|
+ box-shadow: 0 5px 15px rgba(0,0,0,.5);
|
|
|
+ margin: -155px 0 0 -75px;
|
|
|
+ top: 55%;
|
|
|
+ left: 50%;
|
|
|
+ }
|
|
|
+ .com-out-box .title{
|
|
|
+ height: 30px;
|
|
|
+ background-color: #5078cb;
|
|
|
+ text-align: right;
|
|
|
+ padding-right: 15px;
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+ .com-out-box .title a{
|
|
|
+ color: white;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .pay_record .ticket_record_list dl dd{
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .com-out-box .content{
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .com-out-box .content p{
|
|
|
+ line-height: 50px;
|
|
|
+ font-size: 14px;
|
|
|
+ padding-top: 10px;
|
|
|
+ }
|
|
|
+ .com-out-box .content p i{
|
|
|
+ color: #5078cb;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .com-out-box .content div{
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+ .com-out-box .content div a{
|
|
|
+ width: 55px;
|
|
|
+ height: 26px;
|
|
|
+ line-height: 26px;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .com-out-box .content div a:first-child{
|
|
|
+ background: #b4b5b9;
|
|
|
+ color: #333;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .com-out-box .content div a:last-child{
|
|
|
+ background: #5078cb;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .com-out-box .content div a:hover{
|
|
|
+ background: #3f7ae3;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .com_tab ul li.down-goods {
|
|
|
+ float: right;
|
|
|
+ margin-right: 24px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #5078cb;
|
|
|
+ }
|
|
|
+
|
|
|
+ .com_tab ul li.down-goods span:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+ .check-input{
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .check-input .check-show{
|
|
|
+ position: absolute;
|
|
|
+ top: 21px;
|
|
|
+ height: 15px;
|
|
|
+ line-height: 15px;
|
|
|
+ left: 18px;
|
|
|
+ }
|
|
|
+ .pro_management .product_off dd:last-of-type{
|
|
|
+ border-bottom: #cfcfcf 1px solid;
|
|
|
+ }
|
|
|
+ .record-line{
|
|
|
+ /*height: 30px;*/
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 35px;
|
|
|
+ /* margin-top: 5px; */
|
|
|
+ padding-right: 22px
|
|
|
+ }
|
|
|
+ .wanted_list01 .pagination{
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ .ng-table-pager{
|
|
|
+ padding-bottom: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /*编辑*/
|
|
|
+ .vendor-tab .img{
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
+ border: #e8e8e8 1px solid;
|
|
|
+ overflow: hidden;
|
|
|
+ line-height: 60px;
|
|
|
+ margin-top: 0;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .vendor-tab .img img{
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
+ }
|
|
|
+ .vendor-tab .img a{
|
|
|
+ margin: 0 !important;
|
|
|
+ }
|
|
|
+ .vendor-tab .img
|
|
|
+ .public-tab.table>tbody>tr>td{
|
|
|
+ font-size: 14px !important;
|
|
|
+ text-align: left !important;
|
|
|
+ }
|
|
|
+ .vendor-tab.table td .wid135{
|
|
|
+ width: 143px;
|
|
|
+ margin-left: 7px;
|
|
|
+ position: relative;
|
|
|
+ top: -10px;
|
|
|
+ }
|
|
|
+ .filter a{
|
|
|
+ color: #333 !important;
|
|
|
+ }
|
|
|
+ .vendor-tab.table td .wid135 p{
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+ .vendor-tab.table td p{
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ /*.vendor-tab.table>tbody>tr{*/
|
|
|
+ /*height: 252px;*/
|
|
|
+ /*}*/
|
|
|
+ .public-tab.table>tbody>tr>td{
|
|
|
+ /*border-bottom: #cfcfcf 1px dashed;*/
|
|
|
+ /*padding: 74px 0;*/
|
|
|
+ }
|
|
|
+ .public-tab.table tbody.bottom-no tr td{
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ .edit-form .form-control{
|
|
|
+ height: 24px;
|
|
|
+ padding: 0;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12px;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ .edit-form select.form-control{
|
|
|
+ padding-left: 10px;
|
|
|
+ }
|
|
|
+ .edit-form div{
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .wid88{
|
|
|
+ width: 88px;
|
|
|
+ }
|
|
|
+ .wid48{
|
|
|
+ width: 48px;
|
|
|
+ }
|
|
|
+ .wid85{
|
|
|
+ width: 75px;
|
|
|
+ }
|
|
|
+ .wid68{
|
|
|
+ width: 68px;
|
|
|
+ }
|
|
|
+ .wid40{
|
|
|
+ width: 40px;
|
|
|
+ }
|
|
|
+ .wid25{
|
|
|
+ width: 25px;
|
|
|
+ text-align: center !important;
|
|
|
+ padding-left: 0 !important;
|
|
|
+ }
|
|
|
+ .wid56{
|
|
|
+ width: 56px;
|
|
|
+ }
|
|
|
+ .wid90{
|
|
|
+ width: 90px;
|
|
|
+ }
|
|
|
+ .edit-form td div{
|
|
|
+ float: left;
|
|
|
+ height: 24px;
|
|
|
+ margin-top: 5px;
|
|
|
+ line-height: 24px;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .edit-form td div span{
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .edit-form td div span:first-child{
|
|
|
+ margin-right: 2px;
|
|
|
+ }
|
|
|
+ .filter{
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .edit-form button {
|
|
|
+ width: 56px;
|
|
|
+ height: 24px;
|
|
|
+ border: none;
|
|
|
+ color: #fff;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .edit-form button.ok {
|
|
|
+ background: #33b401;
|
|
|
+ }
|
|
|
+ .edit-form button.off {
|
|
|
+ background: #f15601;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ }
|
|
|
+ .edit-form button:hover{
|
|
|
+ background: #5078cb;
|
|
|
+ }
|
|
|
+ .public-tab.table>tbody>tr>td.padding0{
|
|
|
+ padding: 8px 0;
|
|
|
+ }
|
|
|
+ .public-tab.table tbody .padding0 div{
|
|
|
+ text-align: center;
|
|
|
+ width: 50px;
|
|
|
+ }
|
|
|
+ .edit-form .reduce{
|
|
|
+ color: #faa002 !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ margin-left: 2px !important;
|
|
|
+ }
|
|
|
+ .edit-form .add{
|
|
|
+ color: #2ea001 !important;
|
|
|
+ margin: 0 !important;
|
|
|
+ }
|
|
|
+ .public-tab.table tr td{
|
|
|
+ vertical-align: top !important;
|
|
|
+ }
|
|
|
+ .public-tab.table tr td.middle{
|
|
|
+ vertical-align: middle !important;
|
|
|
+ padding-left: 0;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .record-line{
|
|
|
+ min-height: 30px;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 35px;
|
|
|
+ }
|
|
|
+ .text-center{
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
+ .text-center .col-xs-2 img{
|
|
|
+ margin-left: 95px;
|
|
|
+ }
|
|
|
+ .text-center .col-xs-4 p{
|
|
|
+ margin-top: 33px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ /*查看大图*/
|
|
|
+ .vendor-tab .img{
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .vendor-tab .img a{
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .vendor-tab .img .hover-show,.vendor-tab .img .edit-img{
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: rgba(0,0,0,.5);
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+ .vendor-tab .img .hover-show{
|
|
|
+ top: 60px;
|
|
|
+ }
|
|
|
+ .vendor-tab .img:hover .hover-show{
|
|
|
+ top: 0;
|
|
|
+ }
|
|
|
+ .vendor-tab .img .hover-show a, .vendor-tab .img .edit-img a{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 55px;
|
|
|
+ color: #fff !important;
|
|
|
+ }
|
|
|
+ .vendor-tab .img .hover-show i{
|
|
|
+ margin-right: 3px;
|
|
|
+ }
|
|
|
+ .vendor-tab .img .edit-img{
|
|
|
+
|
|
|
+ }
|
|
|
+ .vendor-tab .img .edit-img a img{
|
|
|
+ width: 38px;
|
|
|
+ height: 38px;
|
|
|
+ }
|
|
|
+ .vendor-tab .middle .prompt{
|
|
|
+ position: absolute;
|
|
|
+ bottom: 4px;
|
|
|
+ left: 0;
|
|
|
+ font-size: 10px;
|
|
|
+ /*color: #999;*/
|
|
|
+ }
|
|
|
+ .vendor-tab .middle .prompt em{
|
|
|
+ color: #ff0000;
|
|
|
+ }
|
|
|
+ .public-tab.table tr td.middle{
|
|
|
+ overflow: inherit;
|
|
|
+ }
|
|
|
+ .public-tab.table tr td.middle .img,.vendor-tab.table td .wid135{
|
|
|
+ margin-top: 15px;
|
|
|
+ }
|
|
|
+ .edit-form .error{
|
|
|
+ border: #f00 1px solid !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .edit-form .error:focus{
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+ .public-tab.table>tbody>tr>td div:last-child a.add[disabled], .public-tab.table>tbody>tr>td div:last-child a.reduce[disabled]{
|
|
|
+ color: #c7c7c7 !important;
|
|
|
+ }
|
|
|
+ .pro_management .table>tbody>tr>td div.img a.delete-img {
|
|
|
+ position: absolute;
|
|
|
+ top: 2px;
|
|
|
+ right: 0;
|
|
|
+ z-index: 20;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 16px;
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+ .pro_management .table>tbody>tr>td div.img a.delete-img i {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ .public-tab.table tr td div span.switch{
|
|
|
+ width:39px;
|
|
|
+ height: 14px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .public-tab.table tr td div span.switch button{
|
|
|
+ border: none;
|
|
|
+ position: relative;
|
|
|
+ top: 6px;
|
|
|
+ left: 5px;
|
|
|
+ width: 39px;
|
|
|
+ height: 14px;
|
|
|
+ background: url(static/img/icon/check-off.png) no-repeat center;
|
|
|
+ }
|
|
|
+ .public-tab.table tr td div span.switch button.active{
|
|
|
+ background: url("static/img/icon/check-ok.png") no-repeat center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-overflow {
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 100%;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<div class="user_right fr">
|
|
|
+ <!--货品管理-->
|
|
|
+ <div class="pro_management device">
|
|
|
+ <div class="com_tab">
|
|
|
+ <ul class="fl" style="width: 100%">
|
|
|
+ <li ng-class="{'active': tab == 'material'}"><a ui-sref="vendor_material_erp">可上架产品</a></li>
|
|
|
+ <li ng-class="{'active': tab == 'unstandard_material'}"><a ui-sref="vendor_material_unstandard_erp">暂不可上架产品</a></li>
|
|
|
+ <li ng-class="{'active': tab == 'onSale'}"><a ui-sref="vendor_onSale_erp">已上架</a></li>
|
|
|
+ <li ng-class="{'active': tab == 'undercarriage'}"><a ui-sref="vendor_undercarriage_erp">上下架历史</a></li>
|
|
|
+ <li class="down-goods">
|
|
|
+ <!--<span ng-click="downGoods()">
|
|
|
+ <i class="fa fa-file-excel-o fa-fw"></i>导出Excel
|
|
|
+ </span>
|
|
|
+ <form style="display: none;" id="down-load-goods" method="get">
|
|
|
+ <input type="hidden" name="ids" ng-value="localInfo.ids">
|
|
|
+ </form>-->
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="search-check">
|
|
|
+ <div class="search fl">
|
|
|
+ <input type="text" class="form-control" ng-model="keyword" ng-search="onSearch()" placeholder="产品型号/品牌/批次"/>
|
|
|
+ <button ng-click="onSearch()">搜索</button>
|
|
|
+ <a ng-click="downGoods()" class="down-goods-btn">批量导出</a>
|
|
|
+ <form style="display: none;" id="down-load-goods" method="get">
|
|
|
+ <input type="hidden" name="ids" ng-value="localInfo.ids">
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!--<div class="check fr">-->
|
|
|
+ <!--<a ng-click="">批量操作</a>-->
|
|
|
+ <!--<span class="check-btn">-->
|
|
|
+ <!--<label class="check-active">-->
|
|
|
+ <!--<input type="checkbox" id="AllChoose"/>-->
|
|
|
+ <!--<label for="AllChoose"></label>-->
|
|
|
+ <!--<span>全选</span>-->
|
|
|
+ <!--</label>-->
|
|
|
+ <!--<a href="#">下架</a>-->
|
|
|
+ <!--<a href="#">取消</a>-->
|
|
|
+ <!--<a href="#">确定</a>-->
|
|
|
+ <!--</span>-->
|
|
|
+ <!--</div>-->
|
|
|
+ </div>
|
|
|
+ <!--搜索 批量操作-->
|
|
|
+ <!--<div class="search-check">
|
|
|
+ <div class="search fl">
|
|
|
+ <input type="text" class="form-control" placeholder="型号/品牌"/>
|
|
|
+ <button>搜索产品</button>
|
|
|
+ <a ng-click="">批量导出</a>
|
|
|
+ </div>
|
|
|
+ <div class="check fr">
|
|
|
+ <a ng-click="">批量操作</a>
|
|
|
+ <span class="check-btn">
|
|
|
+ <label class="check-active">
|
|
|
+ <input type="checkbox" id="AllChoose"/>
|
|
|
+ <label for="AllChoose"></label>
|
|
|
+ <span>全选</span>
|
|
|
+ </label>
|
|
|
+ <a href="#">下架</a>
|
|
|
+ <a href="#">取消</a>
|
|
|
+ <a href="#">确定</a>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>-->
|
|
|
+ <div class="wanted_list01">
|
|
|
+ <!--在售产品-->
|
|
|
+ <div class="tab">
|
|
|
+ <table class="vendor-tab public-tab table">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th width="50" style="padding:8px 0;">序号</th>
|
|
|
+ <th width="220">产品信息</th>
|
|
|
+ <th width="115">包装/生产日期</th>
|
|
|
+ <th width="140">库存</th>
|
|
|
+ <th width="105">数量</th>
|
|
|
+ <th ng-if="onsale.currency == 'USD'" width="116">单价<b style="font-size: 12px;font-weight: 600">($)</b></th>
|
|
|
+ <th ng-if="onsale.currency == 'RMB'" width="116">单价<b style="font-size: 12px;font-weight: 600">(¥)</b></th>
|
|
|
+ <th width="120">交期</th>
|
|
|
+ <th class="filter" width="90">
|
|
|
+ <a>{{selfSupport}}<i class="fa fa-angle-double-down angle-hover-up" aria-hidden="true"></i></a>
|
|
|
+ <div class="hover-show">
|
|
|
+ <a ng-click="changeSupportType(selfSupportType.ALL)" title="自营/寄售">自营/寄售</a>
|
|
|
+ <a ng-click="changeSupportType(selfSupportType.SELF_SUPPORT)" title="自营">自营</a>
|
|
|
+ <a ng-click="changeSupportType(selfSupportType.CONSIGNMENT)" title="寄售">寄售</a>
|
|
|
+ </div>
|
|
|
+ </th>
|
|
|
+ <th width="60" class="padding0">操作</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody class="bottom-no">
|
|
|
+ <tr style="height: 14px;">
|
|
|
+ <td colspan="10" class="hei16"></td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ <tbody ng-repeat="commodity in currenctGoods">
|
|
|
+ <tr class="edit-form" ng-if="!commodity.edit">
|
|
|
+ <td class="middle padding0 check-input">
|
|
|
+ <!-- <span><input type="checkbox" id="{{$index+1}}"/><label for="{{$index+1}}"></label><br/></span>-->
|
|
|
+ <div>{{$index + 1}}</div>
|
|
|
+ </td>
|
|
|
+ <td class="middle" style="vertical-align: top !important;">
|
|
|
+ <div class="fl img">
|
|
|
+ <a><img ng-src="{{commodity.img ? commodity.img : 'static/img/store/common/default.png'}}"/></a>
|
|
|
+ <div class="hover-show">
|
|
|
+ <a ng-click="showImg(commodity.img || 'static/img/store/common/default.png')" title="查看大图"><i class="fa fa-search"></i>查看</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fr wid135">
|
|
|
+ <p>类目: <em ng-bind="commodity.kindNameCn" title="{{commodity.kindNameCn}}"></em></p>
|
|
|
+ <p>型号: <em ng-bind="commodity.code" title="{{commodity.code}}">LPC1112</em></p>
|
|
|
+ <p>品牌: <em ng-bind="commodity.brandNameEn" title="{{commodity.brandNameEn}}">NXP</em></p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td style="white-space: inherit;">
|
|
|
+ <div>
|
|
|
+ <span class="text-overflow" ng-bind="commodity.packaging || '无包装信息'" title="{{commodity.packaging}}"></span><br/>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span ng-bind="commodity.produceDate || '-'" title="{{commodity.produceDate}}"></span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span ng-bind="commodity.breakUp ? '可拆卖' : '不可拆卖'">可拆卖</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td style="padding: 8px 0;">
|
|
|
+ <div>
|
|
|
+ <span>库存: </span>
|
|
|
+ <span ng-bind="commodity.reserve" title="{{commodity.reserve}}"></span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>起拍: </span>
|
|
|
+ <span ng-bind="commodity.minBuyQty" title="{{commodity.minBuyQty}}"></span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>最小包数量: </span>
|
|
|
+ <span ng-bind="commodity.minPackQty" title="{{commodity.minPackQty}}"></span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div ng-repeat="price in commodity.prices" >
|
|
|
+ <span ng-bind="price.start + '+'" style="margin-left: 20px;"></span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td ng-if="onsale.currency == 'USD'">
|
|
|
+ <div ng-repeat="price in commodity.prices" ng-if="price.uSDPrice" >
|
|
|
+ <span ng-bind="price.uSDPrice | formateNumber : 6 | currencySysmbol : commodity.currencyName"></span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td ng-if="onsale.currency == 'RMB'">
|
|
|
+ <div ng-repeat="price in commodity.prices" ng-if="price.rMBPrice">
|
|
|
+ <span ng-bind="price.rMBPrice | formateNumber : 6 | currencySysmbol : commodity.currencyName" style="margin-left: 10px;"></span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div ng-if="onsale.currency == 'RMB'">
|
|
|
+ <span ng-if="commodity.b2cMaxDelivery && (commodity.b2cMaxDelivery != commodity.b2cMinDelivery)" ng-bind="'大陆:' + commodity.b2cMinDelivery + '-'+ commodity.b2cMaxDelivery"></span>
|
|
|
+ <span ng-if="commodity.b2cMaxDelivery && (commodity.b2cMaxDelivery == commodity.b2cMinDelivery)" ng-bind="'大陆:' + commodity.b2cMinDelivery"></span>
|
|
|
+ </div>
|
|
|
+ <div ng-if="onsale.currency == 'USD'">
|
|
|
+ <span ng-if="commodity.b2cMaxDelivery && (commodity.b2cMinDelivery != commodity.b2cMaxDelivery)" ng-bind="'香港:' + commodity.b2cMinDelivery + '-'+ commodity.b2cMaxDelivery"></span>
|
|
|
+ <span ng-if="commodity.b2cMaxDelivery && (commodity.b2cMinDelivery == commodity.b2cMaxDelivery)" ng-bind="'香港:' + commodity.b2cMinDelivery"></span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div>
|
|
|
+ <span ng-bind="(storeInfo.uuid != 'undefind' && commodity.storeid == storeInfo.uuid && storeInfo.storeName.indexOf('优软测试二') < 0 && storeInfo.storeName.indexOf('优软商城') < 0) ? '自营' : '寄售'" style="text-align: center; width: 100%;"></span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="padding0">
|
|
|
+ <div ng-if="!commodity.sourceId"><a class="edit" ng-click="editCommodity(commodity)">修改</a></div><!--updateCommodityInfo(commodity, false)-->
|
|
|
+ <div ng-if="commodity.sourceId"><a style="margin: 0;">来源UAS</a></div>
|
|
|
+ <div ng-if="!commodity.sourceId"><a ng-click="soldOut(commodity)">下架</a></div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="edit-form" ng-if="commodity.edit">
|
|
|
+ <td class="middle padding0 check-input">
|
|
|
+ <div>{{$index + 1}}</div>
|
|
|
+ </td>
|
|
|
+ <td class="middle" style="vertical-align: top !important;">
|
|
|
+ <div class="fl img">
|
|
|
+ <a><img ng-src="{{commodity.editPic ? commodity.editPic : 'static/img/store/common/default.png'}}"/></a>
|
|
|
+ <div class="edit-img">
|
|
|
+ <a ng-click="commodity.editPic = null" class="delete-img" title="删除" ng-if="commodity.editPic"><i class="fa fa-trash"></i></a>
|
|
|
+ <a ng-click="editGoodsPicture(commodity.editPic || 'static/img/store/common/default.png', commodity)" title="修改图片"><img src="static/img/icon/update-img.png" /></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fr wid135">
|
|
|
+ <p>类目: <em ng-bind="commodity.kindNameCn" title="{{commodity.kindNameCn}}"></em></p>
|
|
|
+ <p>型号: <em ng-bind="commodity.code" title="{{commodity.code}}">LPC1112</em></p>
|
|
|
+ <p>品牌: <em ng-bind="commodity.brandNameEn" title="{{commodity.brandNameEn}}">NXP</em></p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div>
|
|
|
+ <span><input type="text" ng-blur="editPackaging(commodity)" placeholder="包装方式" maxlength="10" ng-model="commodity.editPackaging" ng-class="{'error' : commodity.editPackagingInvalid}" class="wid88 form-control"/></span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span><input type="text" ng-blur="editProduceDateFa(commodity)" placeholder="生产日期" maxlength="11" ng-model="commodity.editProduceDate" ng-class="{'error' : commodity.editProduceDateInvalid}" class="wid88 form-control"/></span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>可拆卖:</span>
|
|
|
+ <span class="switch"><button ng-class="{'active' : commodity.editBreakUp}" ng-click="toggleIsBreadUp(commodity)"></button></span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div>
|
|
|
+ <span>库存: </span>
|
|
|
+ <span><input type="text" ng-blur="changeReserve(commodity)" ng-class="{'error' : commodity.editReserveInvalid}" placeholder="库存" ng-model="commodity.editReserve" class="wid48 form-control"/></span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>起拍: </span>
|
|
|
+ <span><input type="text" ng-blur="changeMinBuyQty(commodity)" ng-class="{'error' : commodity.editMinBuyQtyInValid}" placeholder="起拍" ng-model="commodity.editMinBuyQty" class="wid48 form-control"/></span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>最小包装数: </span>
|
|
|
+ <span><input type="text" ng-blur="changeMinPackQty(commodity)" ng-class="{'error' : commodity.editMinPackQtyInValid}" placeholder="倍数" ng-model="commodity.editMinPackQty" class="wid48 form-control"/></span>
|
|
|
+ </div>
|
|
|
+ <!--<div>-->
|
|
|
+ <!--<span>-->
|
|
|
+ <!--<select class="wid85 select-adder form-control" style="width: 81px;">-->
|
|
|
+ <!--<option value="1">可拆卖</option>-->
|
|
|
+ <!--<option value="2">不可拆卖</option>-->
|
|
|
+ <!--</select>-->
|
|
|
+ <!--</span>-->
|
|
|
+ <!--</div>-->
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div ng-repeat="price in commodity.editPrices">
|
|
|
+ <span style="margin-right: 0;"><input type="text" ng-disabled="$index == 0" ng-blur="editQty(commodity, $index, false, price.start)" ng-class="{'error' : price.startInValid}" placeholder="数量" ng-model="price.start" class="wid40 form-control"/></span>
|
|
|
+ <span>-</span>
|
|
|
+ <span><input type="text" ng-disabled="$index == commodity.editPrices.length - 1" ng-blur="editQty(commodity, $index, true, price.end)" ng-class="{'error' : price.endInValid}" placeholder="数量" ng-model="price.end" class="wid40 form-control"/></span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td ng-if="onsale.currency == 'USD'">
|
|
|
+ <div style="width: 99px;" ng-repeat="price in commodity.editPrices">
|
|
|
+ <span ng-if="commodity.currencyName.indexOf('USD') > -1">
|
|
|
+ <form name="usdForm">
|
|
|
+ <input type="text" name="usd" ng-blur="priceBlur(price, true)" ng-keyup="priceValid(price, true)" ng-class="{'error' : price.usdPriceInvalid}" placeholder="香港交货($)" autocomplete="off" ng-model="price.uSDPrice" ng-model-options="{debounce : 100}" class="wid85 form-control"/>
|
|
|
+ </form>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td ng-if="onsale.currency == 'RMB'">
|
|
|
+ <div style="width: 99px;" ng-repeat="price in commodity.editPrices">
|
|
|
+ <span ng-if="commodity.currencyName.indexOf('RMB') > -1">
|
|
|
+ <form name="rmbForm">
|
|
|
+ <input type="text" name="rmb" ng-blur="priceBlur(price, false)" ng-keyup="priceValid(price, false)" ng-class="{'error' : price.rmbPriceInvalid}" placeholder="大陆交货(¥)" autocomplete="off" ng-model="price.rMBPrice" ng-model-options="{debounce : 100}" class="wid85 form-control"/>
|
|
|
+ </form>
|
|
|
+ </span>
|
|
|
+ <a class="reduce" ng-disabled="commodity.editPrices.length < 2" ng-click="deleteFragment(commodity, $index)"><i class="fa fa-minus-circle"></i></a>
|
|
|
+ <a class="add" ng-disabled="commodity.editPrices.length >= 3" ng-click="addFragment(commodity)"><i class="fa fa-plus-circle"></i></a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div ng-if="onsale.currency == 'RMB'">
|
|
|
+ <span>大陆:</span>
|
|
|
+ <span><input type="text" ng-class="{'error' : commodity.editMinDeliveryinValid}" ng-blur="changeDelivery(commodity.editMinDelivery, commodity.editMaxDelivery, true, false, commodity)" placeholder="大陆最短交期" ng-model="commodity.editMinDelivery" class="wid25 form-control"/></span>
|
|
|
+ <span>-</span>
|
|
|
+ <span><input type="text" ng-class="{'error' : commodity.editMaxDeliveryinValid}" ng-blur="changeDelivery(commodity.editMinDelivery, commodity.editMaxDelivery, false, false, commodity)" placeholder="大陆最长交期" ng-model="commodity.editMaxDelivery" class="wid25 form-control"/></span>
|
|
|
+ </div>
|
|
|
+ <div ng-if="onsale.currency == 'USD'">
|
|
|
+ <span>香港:</span>
|
|
|
+ <span><input type="text" placeholder="香港最短交期" ng-class="{'error' : commodity.editMinDeliveryinValid}" ng-blur="changeDelivery(commodity.editMinDelivery, commodity.editMaxDelivery, true, true, commodity)" ng-model="commodity.editMinDelivery" class="wid25 form-control"/></span>
|
|
|
+ <span>-</span>
|
|
|
+ <span><input type="text" placeholder="香港最长交期" ng-class="{'error' : commodity.editMaxDeliveryinValid}" ng-blur="changeDelivery(commodity.editMinDelivery, commodity.editMaxDelivery, false, true, commodity)" ng-model="commodity.editMaxDelivery" class="wid25 form-control"/></span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div>
|
|
|
+ <span>
|
|
|
+ <select ng-change="changeSaleMode(commodity)" class="wid68 select-adder form-control" ng-model="commodity.editSelfSale">
|
|
|
+ <option value="1">自营</option>
|
|
|
+ <option value="2">寄售</option>
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="padding0">
|
|
|
+ <div>
|
|
|
+ <span><button class="off" ng-click="commodity.edit = false;">取消</button></span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span><button class="ok" ng-click="updateGoods(commodity, $index)">保存</button></span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ <tbody ng-if="!currenctGoods || currenctGoods.length <= 0">
|
|
|
+ <tr style="height: 252px;">
|
|
|
+ <td colspan="10" style="padding: 74px 0;">
|
|
|
+ <div style="line-height: 106px;">
|
|
|
+ <div class="col-xs-2" style="margin-left: 35%;">
|
|
|
+ <img src="static/img/all/empty-cart.png">
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-4" style="line-height: 124px;">
|
|
|
+ <p class="grey f16">暂无在售产品信息</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ <div class="record-line text-right" ng-if="currenctGoods.length != 0">显示1-<span ng-bind="goodsAll.size"></span>个,共:<span ng-bind="goodsAll.totalElements" cl style="color: #5078cb;"></span>个</div>
|
|
|
+ <div class="ng-cloak ng-table-pager" style="text-align: right;margin-right: 60px;" ng-if="goodsAll.totalPages>1">
|
|
|
+ <ul class="pagination ng-table-pagination">
|
|
|
+ <li ng-class="{'disabled': !page.active && !page.current, 'active': page.current}" ng-repeat="page in pages" ng-switch="page.type">
|
|
|
+ <a ng-switch-when="prev" ng-click="setPage(page.type, -1)" href="">«</a>
|
|
|
+ <a ng-switch-when="first" ng-click="setPage(page.type, page.number)" href=""><span ng-bind="page.number"></span></a>
|
|
|
+ <a ng-switch-when="page" ng-click="setPage(page.type, page.number)" href=""><span ng-bind="page.number"></span></a>
|
|
|
+ <a ng-switch-when="more" ng-click="setPage(page.type, -1)" href="">…</a>
|
|
|
+ <a ng-switch-when="last" ng-click="setPage(page.type, page.number)" href=""><span ng-bind="page.number"></span></a>
|
|
|
+ <a ng-switch-when="next" ng-click="setPage(page.type, -1)" href="">»</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="page-go-block">
|
|
|
+ <input class="page-number" type="text" ng-model="param.currentPage" ng-keydown="listenEnter()"/>
|
|
|
+ <a class="page-a" ng-click="setPage('page', param.currentPage)" href="">GO</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!--下架操作-->
|
|
|
+<div class="com-out-box" ng-if="isSoldOut">
|
|
|
+ <div class="title">
|
|
|
+ <a ng-click="cancleSoldOut()"><i class="fa fa-close fa-lg"></i></a>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <p><i class="fa fa-exclamation-circle"></i>确认下架?</p>
|
|
|
+ <div><a ng-click="cancleSoldOut()">取消</a><a ng-click="updateCommodityInfo(soldOutCommodity, true)">确认</a></div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<!--查看大图-->
|
|
|
+<div id="image-box" style="display: none">
|
|
|
+ <div class="x-floating-wrap"></div>
|
|
|
+ <div class="x-floating">
|
|
|
+ <div id="item-content">
|
|
|
+ <div class="x-close-wrap"><a href="javascript:void(0);">×</a></div>
|
|
|
+ <div class="img"><img/></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|