提交 1dedca1a authored 作者: 潘鹏's avatar 潘鹏

attributes

上级 7995eefd
...@@ -155,14 +155,14 @@ ...@@ -155,14 +155,14 @@
class="vradio-wrapper" class="vradio-wrapper"
> >
<span class="vRadio" :class="[element.isChecked?'vRadio-active':null]"></span> <span class="vRadio" :class="[element.isChecked?'vRadio-active':null]"></span>
<i>{{element.name}}</i> <i>{{element}}</i>
</span> </span>
</p> </p>
<section class="edit-container"> <section class="edit-container">
<!-- 链接 --> <!-- 链接 -->
<div v-if='typeActive==0'> <!-- <div v-if='typeActive==0'>-->
<i-Input v-model="link" placeholder="请输入目标链接"/> <!-- <i-Input v-model="link" placeholder="请输入目标链接"/>-->
</div> <!-- </div>-->
<!-- 分类子页面 --> <!-- 分类子页面 -->
<!-- <div v-else-if='typeActive==1'>--> <!-- <div v-else-if='typeActive==1'>-->
<!-- <span>一级分类</span>--> <!-- <span>一级分类</span>-->
...@@ -176,42 +176,42 @@ ...@@ -176,42 +176,42 @@
<!-- </i-Select>--> <!-- </i-Select>-->
<!-- </div>--> <!-- </div>-->
<!-- 商品列表页 --> <!-- 商品列表页 -->
<div v-else-if='typeActive==1'> <!-- <div v-else-if='typeActive==1'>-->
<div class="productList-style-start"> <!-- <div class="productList-style-start">-->
<div> <!-- <div>-->
<span>一级分类</span> <!-- <span>一级分类</span>-->
<i-Select v-model.sync="categoryListsActive1" style="width:100px" <!-- <i-Select v-model.sync="categoryListsActive1" style="width:100px"-->
@on-change="changeSubCateType"> <!-- @on-change="changeSubCateType">-->
<i-Option v-for="item in CategoryLists1" :value="item.value" :key="item.value"> <!-- <i-Option v-for="item in CategoryLists1" :value="item.value" :key="item.value">-->
{{ item.label }} <!-- {{ item.label }}-->
</i-Option> <!-- </i-Option>-->
</i-Select> <!-- </i-Select>-->
</div> <!-- </div>-->
<div> <!-- <div>-->
<span style="margin-left:20px;">二级分类</span> <!-- <span style="margin-left:20px;">二级分类</span>-->
<i-Select v-model.sync="categoryListsActive2" @on-change="queryMiniCatagory(2)" <!-- <i-Select v-model.sync="categoryListsActive2" @on-change="queryMiniCatagory(2)"-->
style="width:100px"> <!-- style="width:100px">-->
<i-Option v-for="item in CategoryLists2" :value="item.value" :key="item.value"> <!-- <i-Option v-for="item in CategoryLists2" :value="item.value" :key="item.value">-->
{{ item.label }} <!-- {{ item.label }}-->
</i-Option> <!-- </i-Option>-->
</i-Select> <!-- </i-Select>-->
</div> <!-- </div>-->
<div> <!-- <div>-->
<span style="margin-left:20px;">三级分类</span> <!-- <span style="margin-left:20px;">三级分类</span>-->
<i-Select v-model.sync="categoryListsActive3" style="width:100px"> <!-- <i-Select v-model.sync="categoryListsActive3" style="width:100px">-->
<i-Option v-for="item in CategoryLists3" :value="item.value" :key="item.value"> <!-- <i-Option v-for="item in CategoryLists3" :value="item.value" :key="item.value">-->
{{ item.label }} <!-- {{ item.label }}-->
</i-Option> <!-- </i-Option>-->
</i-Select> <!-- </i-Select>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<i-Button type="warning" style="float: right;margin-top:30px;width:100px;" <!-- <i-Button type="warning" style="float: right;margin-top:30px;width:100px;"-->
@click='resetSelectedCategory'>重置 <!-- @click='resetSelectedCategory'>重置-->
</i-Button> <!-- </i-Button>-->
</div> <!-- </div>-->
<!-- 商品 --> <!-- 商品 -->
<div v-else-if="typeActive==2"> <div v-if="typeActive==0">
<div class="productList-style-start"> <div class="productList-style-start">
<div> <div>
<span>一级分类</span> <span>一级分类</span>
...@@ -254,21 +254,26 @@ ...@@ -254,21 +254,26 @@
</i-Button> </i-Button>
<i-Button style="width:100px;" @click="resetSelectedCategory('commodity')">重置</i-Button> <i-Button style="width:100px;" @click="resetSelectedCategory('commodity')">重置</i-Button>
</div> </div>
<section id="showItems">
<table id="searchjqGrid"></table>
</section>
</div> </div>
<div v-else-if="typeActive==3"> <div v-else-if="typeActive==1">
<div> <div class="search" style="margin-top:20px;">
<span style="margin-left:20px;">商品标签</span> <div>
<i-Select v-model="tagListsActive" style="width:100px"> <i-Input v-model="search"
<i-Option v-for="item in tagLists" :value="item.value" :key="item.value">{{ placeholder="请输入搜索内容(可选)"
item.label }} style="width:500px;"/>
</i-Option> </div>
</i-Select> <i-Button
type="primary"
style="width:100px;"
@click='handleSearch2()'
>搜索
</i-Button>
<i-Button style="width:100px;" @click="resetSelectedCategory('commodity')">重置</i-Button>
</div> </div>
</div> </div>
<section id="showItems">
<table id="searchjqGrid"></table>
</section>
</section> </section>
</Card> </Card>
</div> </div>
......
...@@ -32,8 +32,8 @@ let vm = new Vue({ ...@@ -32,8 +32,8 @@ let vm = new Vue({
} }
], ],
tempId: '', tempId: '',
typeActive: 2, //显示索引 typeActive: 0, //显示索引
items: [], items: ["分类搜索","属性搜索"],
/* /*
--链接方式 --链接方式
*/ */
...@@ -519,6 +519,7 @@ let vm = new Vue({ ...@@ -519,6 +519,7 @@ let vm = new Vue({
}, },
//切换海报导航定向方式 //切换海报导航定向方式
vHandleChange(element, _index) { vHandleChange(element, _index) {
this.search = null
this.items.forEach((item, index) => { this.items.forEach((item, index) => {
item.isChecked = false item.isChecked = false
}) })
...@@ -581,7 +582,53 @@ let vm = new Vue({ ...@@ -581,7 +582,53 @@ let vm = new Vue({
})() : alert('未输入搜索内容~'); })() : alert('未输入搜索内容~');
}, },
handleSearch2(e) {
1 == 1 ? (() => {
$('#showItems').children().remove();
$('#showItems').append(`<table id="searchjqGrid"></table>`);
function beforeSelectRow() {
$("#searchjqGrid").jqGrid('resetSelection');
return (true);
}
let _this = this;
$(function () {
$("#searchjqGrid").Grid({
url: `../attributes/queryItemByParam?param=${vm.search || e || ''}`,
colModel: [
{label: 'itemId', name: 'itemId', index: 'item_id', key: true, hidden: true},
{label: '商品图片', name: 'itemImg', index: 'item_img', width: 50, formatter: imageFormat},
{label: '商品编号', name: 'itemCode', index: 'item_code', width: 160},
{label: '商品名称', name: 'itemName', index: 'item_name', width: 160},
/* {label: '商品标题', name: 'itemBrief', index: 'item_brief', width: 120},*/
/*{label: '商品链接', name: 'itemUrl', index: 'item_url', width: 80,formatter:linkFormat},*/
{label: '商品原价', name: 'itemPrice', index: 'item_price', width: 65},
{label: '商品现价', name: 'discountPrice', index: 'discount_price', width: 55},
{label: '库存', name: 'itemCount', index: 'item_count', width: 55},
{label: '点击量', name: 'itemNum', index: 'item_num', width: 55},
/*{label: '所属平台', name: 'platformCode', index: 'platform_code', width: 80},
{label: '平台名', name: 'platformName', index: 'platform_name', width: 80},*/
{label: '供应商', name: 'supplier', index: 'supplier', width: 80},
{label: '商品一级分类', name: 'goodtype', index: 'goodtype', width: 80},
{label: '商品二级分类', name: 'title', index: 'title', width: 80},
{label: '商品品名', name: 'dname', index: 'itemDescritionId', width: 120},
{
label: '状态',
name: 'enableFlag',
index: 'enable_flag',
width: 120,
formatter: itemStatusFormat
},
{label: '创建日期', name: 'createTime', index: 'create_time', width: 160}
],
// beforeSelectRow: beforeSelectRow,
});
});
})() : alert('未输入搜索内容~');
},
//获取分类子页面二级分类数据 //获取分类子页面二级分类数据
changeSubCateType(callback = null) { changeSubCateType(callback = null) {
let ID = null; let ID = null;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论