|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<Row style="margin-top: 20px;width: 100%;background-color: #F7F8FA;">
|
|
|
|
|
<Row style="margin-top: -10px;width: 100%;background-color: #FFF;">
|
|
|
|
|
<i-col span="24" style="text-align: left;padding-left: 10px;">
|
|
|
|
|
<Row class="row-style">
|
|
|
|
|
<i-col span="24" style="text-align: right;padding-right: 20px;">
|
|
|
|
@ -10,8 +10,8 @@
|
|
|
|
|
</i-col>
|
|
|
|
|
</Row>
|
|
|
|
|
|
|
|
|
|
<Table :columns="columns1" :data="data1" style="margin-top: 20px;">
|
|
|
|
|
<template slot-scope="row" slot="qrCodeAction">
|
|
|
|
|
<Table :columns="columns1" :data="data1" style="margin-top: 0px;">
|
|
|
|
|
<template slot-scope="{row}" slot="qrCodeAction">
|
|
|
|
|
<img :src="require('../../../static/img/qrCode-init.png')" @click="show(row)" style="margin-left: 5px;margin-top: 5px;width:30px;height:30px;"/>
|
|
|
|
|
</template>
|
|
|
|
|
<template slot-scope="{ row, index }" slot="state">
|
|
|
|
@ -21,21 +21,24 @@
|
|
|
|
|
</i-switch>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template slot-scope="row" slot="action">
|
|
|
|
|
<Button ghost type="primary" size="small" style="margin-right: 5px" @click="open(2, row)">修改</Button>
|
|
|
|
|
<Button ghost type="error" size="small" @click="remove(row)">删除</Button>
|
|
|
|
|
<template slot-scope="{row}" slot="action">
|
|
|
|
|
<Button ghost type="primary" size="small" style="margin-right: 5px;border: 0px;color:#2074E2" @click="open(2, row)">修改</Button>
|
|
|
|
|
<Button ghost type="error" size="small" style="border: 0px" @click="remove(row)">删除</Button>
|
|
|
|
|
</template>
|
|
|
|
|
</Table>
|
|
|
|
|
|
|
|
|
|
<!-- 预览二维码 -->
|
|
|
|
|
<Modal
|
|
|
|
|
v-model="isShow"
|
|
|
|
|
:title="showStoreName"
|
|
|
|
|
:footer-hide="true"
|
|
|
|
|
width="230"
|
|
|
|
|
class-name="vertical-center-modal"
|
|
|
|
|
>
|
|
|
|
|
<div slot="header">{{this.showStoreName}}</div>
|
|
|
|
|
<div slot="header">
|
|
|
|
|
<p> </p>
|
|
|
|
|
</div>
|
|
|
|
|
<p>{{this.showStoreCode}}</p>
|
|
|
|
|
<p>{{this.showStoreName}}</p>
|
|
|
|
|
<img :src="qrCodeImage" style="width:200px;height:200px;"/>
|
|
|
|
|
<div style="text-align: center;">
|
|
|
|
|
<Button ghost type="primary" @click="download(rowData)">下载</Button>
|
|
|
|
@ -101,7 +104,7 @@
|
|
|
|
|
</Modal>
|
|
|
|
|
|
|
|
|
|
<Page :total="total" :current="pageNum" :page-size="pageSize" show-elevator show-total
|
|
|
|
|
placement="top" @on-change="handlePage" style="margin: 20px 50px 0 0;right:0px;position: absolute;"></Page>
|
|
|
|
|
placement="top" @on-change="handlePage" style="margin: 20px 50px 0 0;right:0px;position: absolute;bottom: 50px"></Page>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
@ -124,6 +127,7 @@
|
|
|
|
|
isShow: false,
|
|
|
|
|
isShowAdd: false,
|
|
|
|
|
showStoreName: '',
|
|
|
|
|
showStoreCode: '',
|
|
|
|
|
qrCodeImage: '',
|
|
|
|
|
loading:true,
|
|
|
|
|
spuLoading:false,
|
|
|
|
@ -163,7 +167,7 @@
|
|
|
|
|
{
|
|
|
|
|
title: '店铺',
|
|
|
|
|
key: 'storeName',
|
|
|
|
|
width: 100
|
|
|
|
|
width: 500
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '角色',
|
|
|
|
@ -224,15 +228,8 @@
|
|
|
|
|
mounted() {
|
|
|
|
|
this.setMenuName("门店推广","推广管理","门店导购管理");
|
|
|
|
|
this.listOfLogistics();
|
|
|
|
|
this.downRegionData();
|
|
|
|
|
this.downShopData();
|
|
|
|
|
this.downRoleData()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
changePage (page) {
|
|
|
|
|
this.pageNum = page;
|
|
|
|
|
this.listOfLogistics();
|
|
|
|
|
},
|
|
|
|
|
cancel: function(){
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
@ -355,7 +352,8 @@
|
|
|
|
|
// 预览二维码
|
|
|
|
|
show: function (index) {
|
|
|
|
|
this.isShow = true;
|
|
|
|
|
this.showStoreName = index.storeName;
|
|
|
|
|
this.showStoreName ="姓名:"+index.name;
|
|
|
|
|
this.showStoreCode = "工号:"+ index.staffCode;
|
|
|
|
|
this.qrCodeImage = index.epWechatQrCode;
|
|
|
|
|
this.rowData = index;
|
|
|
|
|
},
|
|
|
|
|