|
|
@@ -11,51 +11,37 @@
|
|
|
<div class="modal-dialog">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-body">
|
|
|
- <div>
|
|
|
- <div class="col-3 form-inline">
|
|
|
- <label for="feature_type">类型:</label>
|
|
|
- <select id="feature_type" class="form-control form-control-sm">
|
|
|
- <option>商品名称</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="col-3 form-inline">
|
|
|
- <label for="feature_logic">逻辑:</label>
|
|
|
- <select id="feature_logic" class="form-control form-control-sm">
|
|
|
- <option>不包含</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="col-4 form-inline">
|
|
|
- <label for="feature">特征:</label>
|
|
|
- <input id="feature" type="text" class="form-control form-control-sm">
|
|
|
- </div>
|
|
|
- <div class="col-2 form-inline">
|
|
|
-
|
|
|
- </div>
|
|
|
+ <div class="row text-center text-primary">
|
|
|
+ <div class="col-2">运算</div>
|
|
|
+ <div class="col-3">类型</div>
|
|
|
+ <div class="col-3">逻辑</div>
|
|
|
+ <div class="col-3">特征</div>
|
|
|
+ <div class="col-1 pull-right"><span class="fa fa-plus-square" style="cursor: pointer" @click="addFeatureDom()"></span></div>
|
|
|
</div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-3 form-inline">
|
|
|
- <label for="feature_type">类型:</label>
|
|
|
- <select id="feature_type" class="form-control form-control-sm">
|
|
|
+ <div class="row mt-1" v-for="(feature,i) in features">
|
|
|
+ <label class="col-2">
|
|
|
+ <select class="form-control form-control-sm" v-model="feature.calculation" v-if="ponds[thisIndex] || i>0">
|
|
|
+ <option value="&&">并且</option>
|
|
|
+ <option value="||">或</option>
|
|
|
+ </select>
|
|
|
+ </label>
|
|
|
+ <label class="col-3">
|
|
|
+ <select id="feature_type" v-model="feature.type" class="form-control form-control-sm">
|
|
|
<option>商品名称</option>
|
|
|
</select>
|
|
|
- </div>
|
|
|
- <div class="col-3 form-inline">
|
|
|
- <label for="feature_logic">逻辑:</label>
|
|
|
- <select id="feature_logic" class="form-control form-control-sm">
|
|
|
+ </label>
|
|
|
+ <label class="col-3">
|
|
|
+ <select id="feature_logic" v-model="feature.logic" class="form-control form-control-sm">
|
|
|
<option>不包含</option>
|
|
|
</select>
|
|
|
- </div>
|
|
|
- <div class="col-4 form-inline">
|
|
|
- <label for="feature">特征:</label>
|
|
|
- <input id="feature" type="text" class="form-control form-control-sm">
|
|
|
- </div>
|
|
|
- <div class="col-2 form-inline">
|
|
|
-
|
|
|
- </div>
|
|
|
+ </label>
|
|
|
+ <label class="col-4">
|
|
|
+ <input id="feature_describe" type="text" v-model="feature.describe" class="form-control form-control-sm">
|
|
|
+ </label>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
- <button type="button" class="btn btn-success">提交更改</button>
|
|
|
+ <button type="button" class="btn btn-success" @click="addFeature()">提交特征</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -118,23 +104,15 @@
|
|
|
<div class="row mt-2" v-if="type=='出库'">
|
|
|
<label for="describe" class="col-2">特征:</label>
|
|
|
<input id="describe" type="text" :value="pond" v-if="pond" disabled class="col-5 form-control"/>
|
|
|
- <button type="button" class="btn btn-dark col-2" v-else @click="showModal()">添加特征</button>
|
|
|
+ <button type="button" class="btn btn-dark col-2" v-else @click="showModal(i)">添加特征</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
- <div class="row mt-3">
|
|
|
- <label for="discount_value" class="col-2">减免值</label>
|
|
|
- <input id="discount_value" type="number" name="discount_value" class="col-6 form-control">
|
|
|
- </div>
|
|
|
- <div class="row mt-3">
|
|
|
- <label for="unit_id" class="col-2">单位</label>
|
|
|
- <select id="unit_id" name="unit_id" class="col-3 form-control">
|
|
|
- <option></option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
+ <div class="row mt-3">
|
|
|
+ <label for="remark" class="col-2">备注</label>
|
|
|
+ <textarea id="remark" name="remark" class="col-6 form-control"></textarea>
|
|
|
+ </div>
|
|
|
|
|
|
<div class="row mt-3 offset-1">
|
|
|
<button type="submit" class="btn btn-success col-7">提交</button>
|
|
|
@@ -155,6 +133,13 @@
|
|
|
ponds : [""],
|
|
|
len : 0,
|
|
|
type : "",
|
|
|
+ features : [{
|
|
|
+ calculation : "",
|
|
|
+ type : "",
|
|
|
+ logic : "",
|
|
|
+ describe : "",
|
|
|
+ }],
|
|
|
+ thisIndex : "",
|
|
|
},
|
|
|
methods:{
|
|
|
addDom(){
|
|
|
@@ -165,8 +150,26 @@
|
|
|
this.$delete(this.ponds,index);
|
|
|
this.len--;
|
|
|
},
|
|
|
- showModal(){
|
|
|
+ showModal(index){
|
|
|
+ this.thisIndex = index;
|
|
|
+ this.features = [{
|
|
|
+ calculation : "",
|
|
|
+ type : "",
|
|
|
+ logic : "",
|
|
|
+ describe : "",
|
|
|
+ }];
|
|
|
$("#modal").modal("show");
|
|
|
+ },
|
|
|
+ addFeatureDom(){
|
|
|
+ this.features.push({
|
|
|
+ calculation : "",
|
|
|
+ type : "",
|
|
|
+ logic : "",
|
|
|
+ describe : "",
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addFeature(){
|
|
|
+ console.log(this.features);
|
|
|
}
|
|
|
},
|
|
|
});
|