홈 탐색 도움말
로그인
caimei365
/
caimei365-www
3
0
포크 0
파일 이슈 0 풀 리퀘스트 0 위키
소스 검색

add

Administrator 4 년 전
부모
b6a89ecc00
커밋
0ce038591e
4개의 변경된 파일과 91개의 추가작업 그리고 107개의 파일을 삭제
분할 보기 변경상태 보기
  1. 16 57
      src/main/resources/static/css/help/select.css
  2. 27 0
      src/main/resources/static/js/help/select.js
  3. 46 48
      src/main/resources/templates/help/select.html
  4. 2 2
      src/main/resources/templates/supplier-center/shop/release.html

+ 16 - 57
src/main/resources/static/css/help/select.css
파일 보기 

@@ -1,67 +1,26 @@
 
-.release-from {
 
-    width: 100%;
 
-    height: auto;
 
-    margin-bottom: 15px;
 
-    line-height: 32px;
 
-    font-size: 14px;
 
-    color: #333;
 
+#select{background: #fff}
 
+.productlist{padding: 30px}
 
+.select{
 
+    height: 36px;
 
+    width: 150px;
 
 }
 
-.release-from .release-label {
 
+table{
 
     width: 100%;
 
-    float: left;
 
-    text-align: left;
 
-    height: 32px;
 
-    color: #627386;
 
+    margin:auto;
 
 }
 
-.release-from .release-input {
 
-    width: 100%;
 
-    height: auto;
 
-    float: left;
 
-    position: relative;
 
+table tbody tr,table tbody td{
 
+    line-height: 36px;
 
+    text-align: center;
 
 }
 
-.release-props {
 
+select{
 
     width: 100%;
 
     height: 36px;
 
-}
 
-.release-from .release-input .release-props .release-radio {
 
-    width: 150px;
 
-    height: 36px;
 
-    margin-right: 10px;
 
-    line-height: 34px;
 
-    box-sizing: border-box;
 
-    font-size: 14px;
 
+    border: none;
 
     text-align: center;
 
-    display: inline-block;
 
-}
 
-.release-from .release-input .release-props .release-radio input {
 
-    display: none;
 
-}
 
-.release-from .release-input .release-props .release-radio input:checked + i {
 
-    border-color: #e15616;
 
-    color: #e15616;
 
-}
 
-.release-from .release-input .release-props .release-radio i {
 
-    display: block;
 
-    font-style: normal;
 
+    text-align-last: center;
 
     cursor: pointer;
 
-    width: 100%;
 
-    height: 100%;
 
-    position: relative;
 
-    overflow: hidden;
 
-    border-radius: 2px;
 
-    background: #FFF;
 
-    border: 1px solid #b8bfca;
 
-    color: #627386;
 
-}
 
-.release-from .release-input .release-props .release-radio input:checked + i:before {
 
-    display: block;
 
 }
 
-.release-from .release-input .release-props .release-radio i:before {
 
-    position: absolute;
 
-    right: 0;
 
-    bottom: 0;
 
-    display: none;
 
-    width: 20px;
 
-    height: 20px;
 
-    background-position: -208px -253px;
 
+option{
 
+    text-align:center;
 
 }
 
+

+ 27 - 0
src/main/resources/static/js/help/select.js
파일 보기 

@@ -0,0 +1,27 @@
 
+var select = new Vue({
 
+    el:'#select',
 
+    data:{
 
+        commodityType:'',
 
+
 
+        List:[
 
+            {id:'1010',name:'卡琪紫红色精华油',shop:'供应商',stauts:'已上架',bigName:'会所常用品',smallName:'客装产品',tinyName:'其他'},
 
+            {id:'1011',name:'卡琪紫红色精华油',shop:'供应商',stauts:'已上架',bigName:'会所常用品',smallName:'客装产品',tinyName:'其他'},
 
+            {id:'1012',name:'卡琪紫红色精华油',shop:'供应商',stauts:'已上架',bigName:'会所常用品',smallName:'客装产品',tinyName:'其他'},
 
+            {id:'1013',name:'卡琪紫红色精华油',shop:'供应商',stauts:'已上架',bigName:'会所常用品',smallName:'客装产品',tinyName:'其他'},
 
+            {id:'1014',name:'卡琪紫红色精华油',shop:'供应商',stauts:'已上架',bigName:'会所常用品',smallName:'客装产品',tinyName:'其他'},
 
+            {id:'1015',name:'卡琪紫红色精华油',shop:'供应商',stauts:'已上架',bigName:'会所常用品',smallName:'客装产品',tinyName:'其他'},
 
+            {id:'1016',name:'卡琪紫红色精华油',shop:'供应商',stauts:'已上架',bigName:'会所常用品',smallName:'客装产品',tinyName:'其他'},
 
+            {id:'1017',name:'卡琪紫红色精华油',shop:'供应商',stauts:'已上架',bigName:'会所常用品',smallName:'客装产品',tinyName:'其他'},
 
+            {id:'1018',name:'卡琪紫红色精华油',shop:'供应商',stauts:'已上架',bigName:'会所常用品',smallName:'客装产品',tinyName:'其他'},
 
+            {id:'1019',name:'卡琪紫红色精华油',shop:'供应商',stauts:'已上架',bigName:'会所常用品',smallName:'客装产品',tinyName:'其他'},
 
+            {id:'1020',name:'卡琪紫红色精华油',shop:'供应商',stauts:'已上架',bigName:'会所常用品',smallName:'客装产品',tinyName:'其他'},
 
+        ],
 
+    },
 
+    methods:{
 
+        changeAttr:function (event) {
 
+            this.commodityType = event.target.value;
 
+
 
+        },
 
+
 
+    },
 
+})

+ 46 - 48
src/main/resources/templates/help/select.html
파일 보기 

@@ -5,54 +5,52 @@
 
     <title>采美365网--医疗美容生活美容正品采购平台</title>
 
     <template th:replace="components/head-link"></template>
 
 
-    <link th:href="@{/css/supplier-center/shop/release.css(v=${version})}" rel="stylesheet" type="text/css">
 
+    <link th:href="@{/css/help/select.css(v=${version})}" rel="stylesheet" type="text/css">
 
 </head>
 
-<body>
 
-<!--		<div id="select">-->
 
-<!--			<div id="conten">-->
 
-<!--				<div class="release-from clear">-->
 
-<!--					 <div class="release-label">商品属性:</div>-->
 
-<!--						<div class="release-input">-->
 
-<!--							<div class="release-props">-->
 
-<!--								<label class="release-radio" @click="getclass(1)"><input type="radio" name="commodityType"  value="1"><i class="icon mIcon">产品</i></label>-->
 
-<!--								<label class="release-radio" @click="getclass(2)"><input type="radio" name="commodityType"  value="2" checked><i class="icon mIcon">仪器</i></label>-->
 
-<!--							</div>-->
 
-<!--						</div>-->
 
-<!--				 </div>-->
 
-<!--				  <div class="release-from clear">-->
 
-<!--					<div class="release-label"><span class="star">*</span>商品分类:</div>-->
 
-<!--					<div class="release-input">-->
 
-<!--						<div class="select-main" :class="[isSelectActive == 1 ? 'border' : '']">-->
 
-<!--							<input class="select" v-model="selectText.bigTypeID" type="text" readonly="readonly" placeholder="请选择分类" @click.stop.prevent="showOption('first')">-->
 
-<!--							<i class="mIcon selected"></i>-->
 
-<!--							<div class="option-main" v-if="isSelectActive == 1">-->
 
-<!--								<div class="option" v-for="x in classificationFirstList" :key="x.bigTypeID" @click="ChangeClassificationFirst(x)">{{x.name}}</div>-->
 
-<!--							</div>-->
 
-<!--						</div>-->
 
-<!--						<div class="select-main" :class="[isSelectActive == 2 ? 'border' : '']" v-if="classificationTwoList!=''">-->
 
-<!--							<input class="select" v-model="selectText.smallTypeID" type="text" readonly="readonly" placeholder="请选择分类" @click.stop.prevent="showOption('two')">-->
 
-<!--							 <i class="mIcon selected"></i>-->
 
-<!--							<div class="option-main" v-if="isSelectActive == 2">-->
 
-<!--								<div class="option" v-for="x in classificationTwoList" :key="x.value" @click="ChangeClassificationTwo(x)">{{x.name}}</div>-->
 
-<!--							</div>-->
 
-<!--						</div>-->
 
-<!--					</div>-->
 
-<!--				</div>-->
 
-<!--				<div class="productlist">-->
 
-<!--					<table width="300" border="1" cellspacing="0">-->
 
-<!--						<tr>-->
 
-<!--							<th>名称</th>-->
 
-<!--							<th>供应商</th>-->
 
-<!--							<th>状态</th>-->
 
-<!--						</tr>-->
 
-<!--						<tr>-->
 
-<!--							<td>111</td>-->
 
-<!--							<td>222</td>-->
 
-<!--							<td>333</td>-->
 
-<!--						</tr>-->
 
-<!--					</table>-->
 
-<!--				</div>-->
 
-<!--			</div>-->
 
-<!--		</div>-->
 
+	<body>
 
+		<div id="select">
 
+			<div class="productlist">
 
+				<table width="300" border="1" cellspacing="0">
 
+					<tr>
 
+						<th>商品ID</th>
 
+						<th>名称</th>
 
+						<th>供应商</th>
 
+						<th>状态</th>
 
+						<th>一级分类</th>
 
+						<th>二级分类</th>
 
+						<th>三级分类</th>
 
+						<th>商品属性</th>
 
+						<th>新一级</th>
 
+						<th>新二级</th>
 
+					</tr>
 
+					<tr v-for="(item,index) in List">
 
+						<td>{{item.id}}</td>
 
+						<td>{{item.name}}</td>
 
+						<td>{{item.shop}}</td>
 
+						<td>{{item.stauts}}</td>
 
+						<td>{{item.bigName}}</td>
 
+						<td>{{item.smallName}}</td>
 
+						<td>{{item.tinyName}}</td>
 
+						<td>
 
+							<select @change="changeAttr($event)">
 
+								<option value="1">产品</option>
 
+								<option value="2">属性</option>
 
+							</select>
 
+						</td>
 
+						<td>
 
+							<select @change="preserve($event)">
 
+								<option>一级分类</option>
 
+							</select>
 
+						</td>
 
+						<td>
 
+							<select @change="SeconPreserve($event)">
 
+								<option>二类分类</option>
 
+							</select>
 
+						</td>
 
+					</tr>
 
+				</table>
 
+			</div>
 
+		</div>
 
+<script charset="utf-8" type="text/javascript" th:src="@{/js/help/select.js(v=${version})}"></script>
 
 	</body>
 
 </html>

+ 2 - 2
src/main/resources/templates/supplier-center/shop/release.html
파일 보기 

@@ -68,7 +68,7 @@
 
                                             <label class="release-radio" @click="getclass(1)"><input type="radio" name="commodityType" v-model="releaseParams.commodityType" value="1"><i class="icon mIcon">产品</i></label>
 
                                             <label class="release-radio" @click="getclass(2)"><input type="radio" name="commodityType" v-model="releaseParams.commodityType" value="2" checked><i class="icon mIcon">仪器</i></label>
 
                                         </div>
 
-                                </div>
 
+                                    </div>
 
                                 <div class="release-tips" v-show="vShow_attribute">{{fromMessage}}</div>
 
                              </div>
 
                             <div class="release-from clear">
 
@@ -81,7 +81,7 @@
 
                                             <div class="option" v-for="x in classificationFirstList" :key="x.bigTypeID" @click="ChangeClassificationFirst(x)">{{x.name}}</div>
 
                                         </div>
 
                                     </div>
 
-                                    <div class="select-main" :class="[isSelectActive == 2 ? 'border' : '']">
 
+                                    <div class="select-main" :class="[isSelectActive == 2 ? 'border' : '']" v-if="classificationTwoList!=''">
 
                                         <input class="select" v-model="selectText.smallTypeID" type="text" readonly="readonly" placeholder="请选择分类" @click.stop.prevent="showOption('two')">
 
                                          <i class="mIcon selected"></i>
 
                                         <div class="option-main" v-if="isSelectActive == 2">