attributes

platform-admin/src/main/webapp/WEB-INF/page/sys/attributes.html

@@ -5,9 +5,9 @@
     #parse("sys/header.html")
     <style>
         .activityEdit{
-            margin-left: -40px;
+            /*margin-left: -40px;*/
             border: 1px solid #e3e3e3;
-            width: 400px;
+            width: 500px;
             padding: 20px;
             text-align: center;
             border-radius:6px ;
@@ -71,17 +71,18 @@
                 <i-input v-model="attributes.attrName" placeholder="属性名"/>
             </Form-item>
             <Form-item label="属性描述" prop="attrDesc">
-                <i-input v-model="attributes.attrDesc" placeholder="属性描述"/>
-<!--                <div class="activityEdit">-->
-<!--                    <ul>-->
-<!--                        <li v-for="(item,index) in activity.condition" :key="index">-->
-<!--                            当满&nbsp;&nbsp;<i-input v-model="item.key" style="width: 77px"></i-input>&nbsp;&nbsp;-->
-<!--                            减&nbsp;&nbsp;<i-input v-model="item.value" style="width: 77px"></i-input>-->
-<!--                            <span @click="delCondition(item)">删除</span>-->
-<!--                        </li>-->
-<!--                    </ul>-->
-<!--                    <span @click="addCondition" class="activityAdd">添加</span>-->
-<!--                </div>-->
+<!--                <i-input v-model="attributes.attrDesc" placeholder="属性描述"/>-->
+                <div class="activityEdit">
+                    <ul>
+                        <li v-for="(item,index) in attrDesc" :key="index">
+                            描述（英文）&nbsp;&nbsp;<i-input v-model="item.C" style="width: 77px"></i-input>&nbsp;&nbsp;
+                            （中文）&nbsp;&nbsp;<i-input v-model="item.E" style="width: 77px"></i-input>
+<!--                            <i-input v-model="item" style="width: 77px"></i-input>-->
+                            <span @click="delCondition(item)">删除</span>
+                        </li>
+                    </ul>
+                    <span @click="addCondition" class="activityAdd">添加</span>
+                </div>
             </Form-item>
             <Form-item label="是否开启" prop="status">
 <!--                <i-input v-model="attributes.status" placeholder="状态 0：删除 1：正常"/>-->

platform-admin/src/main/webapp/js/sys/attributes.js

@@ -38,6 +38,7 @@ let vm = new Vue({
 			vm.showList = false;
 			vm.title = "新增";
 			vm.attributes = {};
+			vm.attrDesc=[]
 		},
 		update: function (event) {
             let id = getSelectedRow("#jqGrid");
@@ -59,6 +60,7 @@ let vm = new Vue({
 			}else {
 				vm.attributes.need = true
 			}
+			vm.pushAttrDesc();
             Ajax.request({
 			    url: url,
                 params: JSON.stringify(vm.attributes),
@@ -97,7 +99,7 @@ let vm = new Vue({
                 async: true,
                 successCallback: function (r) {
                     vm.attributes = r.attributes;
-
+					vm.attrDescCheck();
                 }
             });
 		},
@@ -123,6 +125,35 @@ let vm = new Vue({
         },
         handleReset: function (name) {
             handleResetForm(this, name);
-        }
+        },
+		delCondition(item){
+			vm.attrDesc.remove(item)
+			// console.log(item)
+		},
+		addCondition(){
+			var conditionNew = {'C':'','E':''}
+			vm.attrDesc.push(conditionNew)
+		},
+		attrDescCheck(){
+			// vm.attrDesc = vm.attributes.attrDesc.split(",")
+			let arr = vm.attributes.attrDesc.split(",")
+			vm.attrDesc = []
+			arr.forEach(item=>{
+				let obj = {}
+				obj.C = item.split("(")[0]
+				obj.E = item.split("(")[1].split(")")[0]
+				vm.attrDesc.push(obj)
+			})
+			console.log(vm.attrDesc)
+		},
+		pushAttrDesc(){
+			let arr = []
+			vm.attrDesc.forEach(item=>{
+				let str = `${item.E}(${item.C})`
+				arr.push(str)
+			})
+			// console.log(arr.join())
+			vm.attributes.attrDesc = arr.join()
+		}
 	}
 });
\ No newline at end of file