Skip to content

M
marketing
You need to sign in or sign up before continuing.
Commit 40476653 by zhangmeng
Options

门店组件

parent 4949f902
Showing with 52 additions and 41 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" href=./static/img/favicon.ico><title>GIC后台</title><link rel=stylesheet type=text/css href=static/css/iconfont.css><link rel=stylesheet type=text/css href=static/css/common.css><link href=/marketing/static/css/app.4d7f6c83aec5db7bfa57001f61431720.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/marketing/static/js/manifest.0a85049e489e85ac5f0a.js></script><script type=text/javascript src=/marketing/static/js/vendor.e13e067b86567c233928.js></script><script type=text/javascript src=/marketing/static/js/app.e62c640f4e125e0abf30.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" href=./static/img/favicon.ico><title>GIC后台</title><link rel=stylesheet type=text/css href=static/css/iconfont.css><link rel=stylesheet type=text/css href=static/css/common.css><link href=/marketing/static/css/app.07f4349bc048b4fedad4d28ca125adfa.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/marketing/static/js/manifest.0a85049e489e85ac5f0a.js></script><script type=text/javascript src=/marketing/static/js/vendor.e13e067b86567c233928.js></script><script type=text/javascript src=/marketing/static/js/app.33886a42a82429b474b4.js></script></body></html>
\ No newline at end of file
dist/static/js/app.33886a42a82429b474b4.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/app.e62c640f4e125e0abf30.js deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
src/test/component/dmStore/index.css
......@@ -153,6 +153,18 @@
line-height: 34px;
padding: 0 10px;
}
.dm-store__item .el-icon-close,.dm-store__item .el-icon-circle-close {
color:#909399;
}
.dm-store__item .el-icon-arrow-right {
color:#c0c4cc;
}
.dm-store__list .el-tree-node__label {
text-overflow: ellipsis;
overflow: hidden;
}
.dm-store__item--52 {
height: 52px;
......@@ -186,8 +198,15 @@
.dm-store__center {
display: inline-block;
vertical-align: middle;
width: 78px;
width: 34px;
}
.dm-store__center.dm-store__center--card{
width: 78px;
}
.dm-store__center .el-button.is-circle {
padding: 6px;
}
.dm-store__center .el-button {
display: block;
......
src/test/component/dmStore/options/option-group.vue
<template>
<el-popover class="vertical-baseline" placement="bottom-start" width="490" height="378" trigger="click" v-model="popoverShow">
<el-popover class="vertical-baseline" placement="bottom-start" width="446" height="378" trigger="click">
<div class="dm-store__wrap" style="height: 378px;">
<!-- 左侧 -->
<div class="dm-store__left">
......@@ -35,11 +35,6 @@
</el-checkbox-group>
</div>
</div>
<!-- 操作按钮 -->
<div class="dm-store__btn">
<span class="dm-store__btn--cancel" @click="popoverShow = false">取 消</span>
<el-button class="dm-store__btn--cancel" type="text" @click="popoverShow = false">确 定</el-button>
</div>
<!-- 展示区 -->
<div class="el-input dm-store__reference w240" slot="reference">
<div class="el-input__inner dm-store__inputtag">
......@@ -89,8 +84,7 @@ export default {
id:'storeGroupId',
label:'storeGroupName',
children:'children'
},
popoverShow:false
}
}
},
created() {
......
src/test/component/dmStore/options/option-part.vue
<template>
<el-popover class="vertical-baseline" placement="bottom-start" width="490" height="378" trigger="click" v-model="popoverShow">
<el-popover class="vertical-baseline" placement="bottom-start" width="446" height="378" trigger="click">
<div class="dm-store__wrap" style="height: 378px;">
<div class="dm-store__left">
<div class="dm-store__state">
......@@ -15,7 +15,7 @@
<p>{{v.storeName}}</p>
<p class="gray fz13">{{v.storeCode}}</p>
</el-checkbox>
<i class="el-icon-arrow-right"></i>
<!-- <i class="el-icon-arrow-right"></i> -->
</p>
</el-checkbox-group>
</div>
......@@ -29,7 +29,7 @@
<el-button type="text" @click="deleteRightAll">全部清除</el-button>
</div>
<div class="dm-store__search">
<el-input v-model="rightValue" placeholder="请输入门店名称" prefix-icon="el-icon-search" @change="getRightList"></el-input>
<el-input v-model="rightValue" placeholder="请输入门店名称" prefix-icon="el-icon-search" @change="rightSearch"></el-input>
</div>
<el-checkbox-group v-model="rightCheckList" class="dm-store__list">
<p v-for="(v,i) in rightList" :key="i" class="dm-store__item" @mouseover="rightHoverIndex = i" @mouseout="rightHoverIndex = null">
......@@ -41,11 +41,6 @@
</el-checkbox-group>
</div>
</div>
<!-- 操作按钮 -->
<div class="dm-store__btn">
<span class="dm-store__btn--cancel" @click="popoverShow = false">取 消</span>
<el-button class="dm-store__btn--cancel" type="text" @click="popoverShow = false">确 定</el-button>
</div>
<div class="el-input dm-store__reference w240" slot="reference">
<div class="el-input__inner dm-store__inputtag">
<el-tag size="small" v-for="v in rightList" :key="v.id" @close="deleteRightItems(v.id)" closable>{{v.name}}</el-tag>
......@@ -98,8 +93,7 @@ export default {
rightTotal:0,
leftTotal:0,
moreShow:false,
moreLoading:false,
popoverShow:false
moreLoading:false
}
},
created() {
......@@ -110,6 +104,13 @@ export default {
})
},
methods:{
// 右侧搜索
rightSearch() {
this.rightParams.currentPage = 1;
this.getRightList().then(res => {
this.rightList = res;
})
},
// 拉取左侧数据
getLeftList() {
this.axios.get(baseUrl + '/api-plug/query-store-by-code-name-new?requestProject=gic-web&pageSize=20&currentPage=1&searchParam='+this.leftValue).then(res => {
......
src/test/component/dmStore/options/option-tags.vue
<template>
<el-popover class="vertical-baseline" placement="bottom-start" width="490" height="378" trigger="click" v-model="popoverShow">
<el-popover class="vertical-baseline" placement="bottom-start" width="446" height="378" trigger="click">
<div class="dm-store__wrap" style="height: 378px;">
<div class="dm-store__left">
<div class="dm-store__state">
......@@ -12,7 +12,7 @@
<el-checkbox-group v-model="leftCheckList" class="dm-store__list">
<p v-for="(v,i) in leftList" :key="i" class="dm-store__item">
<el-checkbox :label="v.tagId">{{v.tagName}}</el-checkbox>
<i class="el-icon-arrow-right"></i>
<!-- <i class="el-icon-arrow-right"></i> -->
</p>
</el-checkbox-group>
</div>
......@@ -26,7 +26,7 @@
<el-button type="text" @click="deleteRightAll">全部清除</el-button>
</div>
<div class="dm-store__search">
<el-input v-model="rightValue" placeholder="请输入标签名称" prefix-icon="el-icon-search" @change="getRightList"></el-input>
<el-input v-model="rightValue" placeholder="请输入标签名称" prefix-icon="el-icon-search" @change="rightSearch"></el-input>
</div>
<el-checkbox-group v-model="rightCheckList" class="dm-store__list">
<p v-for="(v,i) in rightList" :key="i" class="dm-store__item" @mouseover="rightHoverIndex = i" @mouseout="rightHoverIndex = null">
......@@ -38,11 +38,6 @@
</el-checkbox-group>
</div>
</div>
<!-- 操作按钮 -->
<div class="dm-store__btn">
<span class="dm-store__btn--cancel" @click="popoverShow = false">取 消</span>
<el-button class="dm-store__btn--cancel" type="text" @click="popoverShow = false">确 定</el-button>
</div>
<div class="el-input dm-store__reference w240" slot="reference">
<div class="el-input__inner dm-store__inputtag">
<el-tag size="small" v-for="v in rightList" :key="v.id" @close="deleteRightItems(v.id)" closable>{{v.name}}</el-tag>
......@@ -94,8 +89,7 @@ export default {
rightTotal:0,
leftTotal:0,
moreShow:false,
moreLoading:false,
popoverShow:false
moreLoading:false
}
},
created() {
......@@ -106,6 +100,13 @@ export default {
})
},
methods:{
// 右侧搜索
rightSearch() {
this.rightParams.currentPage = 1;
this.getRightList().then(res => {
this.rightList = res;
})
},
// 拉取左侧数据
getLeftList() {
this.axios.get(baseUrl + '/api-plug/tag-list?requestProject=gic-web&search='+this.leftValue).then(res => {
......
src/test/component/dmStore/options/option-type.vue
<template>
<el-popover class="vertical-baseline" placement="bottom-start" width="214" trigger="click" v-model="popoverShow">
<el-checkbox-group v-model="checkedList">
<el-popover class="vertical-baseline" placement="bottom-start" width="214" trigger="click">
<el-checkbox-group v-model="checkedList" @change="saveToRight">
<div class="dm-store__type__item" v-for="(v,i) in typeList" :key="i">
<el-checkbox :label="v.value">{{v.label}}</el-checkbox>
</div>
</el-checkbox-group>
<div class="dm-store__btn dm-store__btn--border">
<span class="dm-store__btn--cancel" @click="popoverShow = false">取 消</span>
<el-button class="dm-store__btn--cancel" type="text" @click="saveToRight">确 定</el-button>
</div>
<div class="el-input dm-store__reference w240" slot="reference">
<div class="el-input__inner dm-store__inputtag">
<el-tag v-for="(v,i) in checkedList" size="small" :key="i" closable @close="delItem(v)">{{filterLabel(v)}}</el-tag>
......@@ -93,7 +89,7 @@ export default {
return;
}
this.axios.post(baseUrl + '/api-plug/save-store-widget?requestProject=gic-web',qs.stringify(this.params)).then(res => {
this.popoverShow = false;
// this.popoverShow = false;
}).catch(err => {
console.log(err)
})
......
src/test/component/dmStore/store-card.vue
......@@ -21,13 +21,13 @@
<p>{{v.storeName}}</p>
<p class="fz13 gray">{{v.storeCode}}</p>
</el-checkbox>
<i class="el-icon-arrow-right"></i>
<!-- <i class="el-icon-arrow-right"></i> -->
</p>
</el-checkbox-group>
</div>
</div>
<!-- 中间按钮区域 -->
<div class="dm-store__center">
<div class="dm-store__center dm-store__center--card">
<el-button type="primary" size="mini" icon="el-icon-arrow-right" :disabled="!leftCheckList.length" @click="saveToRight">转入</el-button>
<el-button icon="el-icon-close" size="mini" :disabled="!rightCheckList.length" @click="deleteRightItems(false)">移除</el-button>
</div>
......@@ -169,7 +169,7 @@ export default {
this.leftLoading = true;
let params = {
key:this.newUuid,
search:this.leftValue,
searchParams:this.leftValue,
currentPage:1,
pageSize:999
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment