报表提交
曾嘉俊
3 years ago
parent
cf2e10bc32
commit
b7b9517afb
@ -0,0 +1,65 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="staffRanking_header padding-bottom-xs">
|
||||
<div></div>
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="Time"
|
||||
placeholder="选择月份"
|
||||
type="month"
|
||||
range-separator="至"
|
||||
>
|
||||
</el-date-picker>
|
||||
<el-button size="mini" type="primary" @click="init">查询</el-button>
|
||||
<el-button size="mini" type="primary" @click="exit">导出</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table v-loading="loading" :data="list" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)', color: '#eeeeee', }" show-summary border max-height="600" ref="table">
|
||||
<el-table-column align="center" min-width="80" prop="storeNum" label="日期" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="storeName" label="门店" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="date" label="顾客姓名"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allRows" label="项目明细名称"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="cashRows" label="疗程卡号"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="courseRows" label="博卡单号"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="rechargeRows" label="金额"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="次数"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="服务员工号"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="卖卷奖"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="备注"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
list: [],
|
||||
Time:new Date()
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
dateChange(date){
|
||||
},
|
||||
exit(){
|
||||
},
|
||||
timestampToTime(timestamp) {
|
||||
const date = new Date(timestamp);
|
||||
const year = date.getFullYear();
|
||||
const month = ("0" + (date.getMonth() + 1)).slice(-2);
|
||||
const day = ("0" + date.getDate()).slice(-2);
|
||||
const hour = ("0" + date.getHours()).slice(-2);
|
||||
const minute = ("0" + date.getMinutes()).slice(-2);
|
||||
const second = ("0" + date.getSeconds()).slice(-2);
|
||||
const formattedTime = `${year}-${month}-${day}`;
|
||||
return formattedTime;
|
||||
},
|
||||
init(){
|
||||
this.loading = true
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@ -0,0 +1,70 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="staffRanking_header padding-bottom-xs">
|
||||
<div></div>
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="Time"
|
||||
placeholder="选择月份"
|
||||
type="month"
|
||||
range-separator="至"
|
||||
>
|
||||
</el-date-picker>
|
||||
<el-button size="mini" type="primary" @click="init">查询</el-button>
|
||||
<el-button size="mini" type="primary" @click="exit">导出</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table v-loading="loading" :data="list" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)', color: '#eeeeee', }" show-summary border max-height="600" ref="table">
|
||||
<el-table-column align="center" min-width="80" prop="storeNum" label="日期" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="storeName" label="营业额" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="date" label="厂家分成"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allRows" label="实业绩"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="cashRows" label="美容部实业绩"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="courseRows" label="美发部实业绩"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="rechargeRows" label="美容部疗程"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美发部疗程"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美容部合作项目"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美发部合作项目"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美容部折扣卡金"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美发部折扣卡金"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美容部其他现金服务"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美发部其他现金服务"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美发客单"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美容客单"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
list: [],
|
||||
Time:new Date()
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
dateChange(date){
|
||||
},
|
||||
exit(){
|
||||
},
|
||||
timestampToTime(timestamp) {
|
||||
const date = new Date(timestamp);
|
||||
const year = date.getFullYear();
|
||||
const month = ("0" + (date.getMonth() + 1)).slice(-2);
|
||||
const day = ("0" + date.getDate()).slice(-2);
|
||||
const hour = ("0" + date.getHours()).slice(-2);
|
||||
const minute = ("0" + date.getMinutes()).slice(-2);
|
||||
const second = ("0" + date.getSeconds()).slice(-2);
|
||||
const formattedTime = `${year}-${month}-${day}`;
|
||||
return formattedTime;
|
||||
},
|
||||
init(){
|
||||
this.loading = true
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@ -0,0 +1,65 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="staffRanking_header padding-bottom-xs">
|
||||
<div></div>
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="Time"
|
||||
placeholder="选择月份"
|
||||
type="month"
|
||||
range-separator="至"
|
||||
>
|
||||
</el-date-picker>
|
||||
<el-button size="mini" type="primary" @click="init">查询</el-button>
|
||||
<el-button size="mini" type="primary" @click="exit">导出</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table v-loading="loading" :data="list" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)', color: '#eeeeee', }" show-summary border max-height="600" ref="table">
|
||||
<el-table-column align="center" min-width="80" prop="storeNum" label="门店" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="storeName" label="工号" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="date" label="姓名"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allRows" label="耗卡明细"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="cashRows" label="单号"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="courseRows" label="会员编号"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="rechargeRows" label="顾客姓名"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="项目"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="优惠卷金额"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="奖励"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="备注"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
list: [],
|
||||
Time:new Date()
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
dateChange(date){
|
||||
},
|
||||
exit(){
|
||||
},
|
||||
timestampToTime(timestamp) {
|
||||
const date = new Date(timestamp);
|
||||
const year = date.getFullYear();
|
||||
const month = ("0" + (date.getMonth() + 1)).slice(-2);
|
||||
const day = ("0" + date.getDate()).slice(-2);
|
||||
const hour = ("0" + date.getHours()).slice(-2);
|
||||
const minute = ("0" + date.getMinutes()).slice(-2);
|
||||
const second = ("0" + date.getSeconds()).slice(-2);
|
||||
const formattedTime = `${year}-${month}-${day}`;
|
||||
return formattedTime;
|
||||
},
|
||||
init(){
|
||||
this.loading = true
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@ -0,0 +1,69 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="staffRanking_header padding-bottom-xs">
|
||||
<div></div>
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="Time"
|
||||
placeholder="选择月份"
|
||||
type="month"
|
||||
range-separator="至"
|
||||
>
|
||||
</el-date-picker>
|
||||
<el-button size="mini" type="primary" @click="init">查询</el-button>
|
||||
<el-button size="mini" type="primary" @click="exit">导出</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table v-loading="loading" :data="list" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)', color: '#eeeeee', }" show-summary border max-height="600" ref="table">
|
||||
<el-table-column align="center" min-width="80" prop="storeNum" label="门店" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="storeName" label="日期" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="date" label="顾客姓名"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allRows" label="合作厂家名称"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="cashRows" label="项目明细名称"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="courseRows" label="会员编码"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="rechargeRows" label="单据号"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="销卡金额"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="销卡次数"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="门店分成金额"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="厂家分成金额"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="服务员工号"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="跟单管理层"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="收据编码"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="备注"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
list: [],
|
||||
Time:new Date()
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
dateChange(date){
|
||||
},
|
||||
exit(){
|
||||
},
|
||||
timestampToTime(timestamp) {
|
||||
const date = new Date(timestamp);
|
||||
const year = date.getFullYear();
|
||||
const month = ("0" + (date.getMonth() + 1)).slice(-2);
|
||||
const day = ("0" + date.getDate()).slice(-2);
|
||||
const hour = ("0" + date.getHours()).slice(-2);
|
||||
const minute = ("0" + date.getMinutes()).slice(-2);
|
||||
const second = ("0" + date.getSeconds()).slice(-2);
|
||||
const formattedTime = `${year}-${month}-${day}`;
|
||||
return formattedTime;
|
||||
},
|
||||
init(){
|
||||
this.loading = true
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@ -0,0 +1,65 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="staffRanking_header padding-bottom-xs">
|
||||
<div></div>
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="Time"
|
||||
placeholder="选择月份"
|
||||
type="month"
|
||||
range-separator="至"
|
||||
>
|
||||
</el-date-picker>
|
||||
<el-button size="mini" type="primary" @click="init">查询</el-button>
|
||||
<el-button size="mini" type="primary" @click="exit">导出</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table v-loading="loading" :data="list" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)', color: '#eeeeee', }" show-summary border max-height="600" ref="table">
|
||||
<el-table-column align="center" min-width="80" prop="storeNum" label="日期" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="storeName" label="门店" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="date" label="顾客姓名"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allRows" label="项目名称"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="cashRows" label="金额"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="courseRows" label="数量"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="rechargeRows" label="入账单据号"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="跟单员工"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="跟单管理层"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="备注"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="备注"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
list: [],
|
||||
Time:new Date()
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
dateChange(date){
|
||||
},
|
||||
exit(){
|
||||
},
|
||||
timestampToTime(timestamp) {
|
||||
const date = new Date(timestamp);
|
||||
const year = date.getFullYear();
|
||||
const month = ("0" + (date.getMonth() + 1)).slice(-2);
|
||||
const day = ("0" + date.getDate()).slice(-2);
|
||||
const hour = ("0" + date.getHours()).slice(-2);
|
||||
const minute = ("0" + date.getMinutes()).slice(-2);
|
||||
const second = ("0" + date.getSeconds()).slice(-2);
|
||||
const formattedTime = `${year}-${month}-${day}`;
|
||||
return formattedTime;
|
||||
},
|
||||
init(){
|
||||
this.loading = true
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@ -0,0 +1,66 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="staffRanking_header padding-bottom-xs">
|
||||
<div></div>
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="Time"
|
||||
placeholder="选择月份"
|
||||
type="month"
|
||||
range-separator="至"
|
||||
>
|
||||
</el-date-picker>
|
||||
<el-button size="mini" type="primary" @click="init">查询</el-button>
|
||||
<el-button size="mini" type="primary" @click="exit">导出</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table v-loading="loading" :data="list" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)', color: '#eeeeee', }" show-summary border max-height="600" ref="table">
|
||||
<el-table-column align="center" min-width="80" prop="storeNum" label="门店" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="storeName" label="职位" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="date" label="姓名"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" label="项目明细">
|
||||
<el-table-column align="center" min-width="100" prop="date" label="客人会员卡号"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="date" label="售产品/现金服务名称"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="cashRows" label="金额"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="courseRows" label="跟单员工签名"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="rechargeRows" label="收银签名"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="部门经理签名"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="总经理签名"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
list: [],
|
||||
Time:new Date()
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
dateChange(date){
|
||||
},
|
||||
exit(){
|
||||
},
|
||||
timestampToTime(timestamp) {
|
||||
const date = new Date(timestamp);
|
||||
const year = date.getFullYear();
|
||||
const month = ("0" + (date.getMonth() + 1)).slice(-2);
|
||||
const day = ("0" + date.getDate()).slice(-2);
|
||||
const hour = ("0" + date.getHours()).slice(-2);
|
||||
const minute = ("0" + date.getMinutes()).slice(-2);
|
||||
const second = ("0" + date.getSeconds()).slice(-2);
|
||||
const formattedTime = `${year}-${month}-${day}`;
|
||||
return formattedTime;
|
||||
},
|
||||
init(){
|
||||
this.loading = true
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@ -0,0 +1,78 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="staffRanking_header padding-bottom-xs">
|
||||
<div></div>
|
||||
<div class="block">
|
||||
<el-date-picker
|
||||
v-model="Time"
|
||||
placeholder="选择月份"
|
||||
type="month"
|
||||
range-separator="至"
|
||||
>
|
||||
</el-date-picker>
|
||||
<el-button size="mini" type="primary" @click="init">查询</el-button>
|
||||
<el-button size="mini" type="primary" @click="exit">导出</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table v-loading="loading" :data="list" :header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)', color: '#eeeeee', }" show-summary border max-height="600" ref="table">
|
||||
<el-table-column align="center" min-width="80" prop="storeNum" label="门店" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="storeName" label="日期" ></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="date" label="总收入"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="date" label="现金/微信和银行（项目）"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="date" label="卡销售"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="cashRows" label="总卡付额"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="courseRows" label="美发组项目(现金)"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="rechargeRows" label="美容组项目(现金)"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美发公司项目(现金)"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美容公司项目(现金)"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美发组项目(卡)"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美容组项目(卡)"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美发公司项目(卡)"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美容公司项目(卡)"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="疗程业绩"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="合作项目"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="总客数"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="收银"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="公司业绩"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="公司销卡"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美发部现金项目业绩"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美容部现金项目业绩"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美发部销卡项目业绩"></el-table-column>
|
||||
<el-table-column align="center" min-width="100" prop="allCashNumber" label="美容部销卡项目业绩"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
list: [],
|
||||
Time:new Date()
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
dateChange(date){
|
||||
},
|
||||
exit(){
|
||||
},
|
||||
timestampToTime(timestamp) {
|
||||
const date = new Date(timestamp);
|
||||
const year = date.getFullYear();
|
||||
const month = ("0" + (date.getMonth() + 1)).slice(-2);
|
||||
const day = ("0" + date.getDate()).slice(-2);
|
||||
const hour = ("0" + date.getHours()).slice(-2);
|
||||
const minute = ("0" + date.getMinutes()).slice(-2);
|
||||
const second = ("0" + date.getSeconds()).slice(-2);
|
||||
const formattedTime = `${year}-${month}-${day}`;
|
||||
return formattedTime;
|
||||
},
|
||||
init(){
|
||||
this.loading = true
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
@ -0,0 +1,82 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
title="同步多门店数据"
|
||||
:visible.sync="showVisible"
|
||||
width="30%"
|
||||
:before-close="handleClose"
|
||||
>
|
||||
<div>
|
||||
<el-select ref="select" multiple filterable v-model="storeId" placeholder="请选择门店">
|
||||
<el-option v-for="item in options" :key="item.id" :label="item.label" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleCancel" size='mini'>取 消</el-button>
|
||||
<el-button type="primary" @click="handleConfirm" :loading='loading' size='mini' :disabled="storeId == []">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { organizations } from "@/api/storeManage.js";
|
||||
export default {
|
||||
props:['storeIds'],
|
||||
watch:{
|
||||
showVisible:{
|
||||
handler(show){
|
||||
if(show){
|
||||
this.storeId = [this.storeIds]
|
||||
this.init()
|
||||
}
|
||||
},
|
||||
immediate:true
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading:false,
|
||||
showVisible:false,
|
||||
storeId:[],
|
||||
options:[],
|
||||
form:{},
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
handleConfirm(){
|
||||
this.$emit('confirm',this.storeId)
|
||||
},
|
||||
handleCancel(){
|
||||
this.showVisible = false
|
||||
this.storeId = []
|
||||
this.$emit('cancel')
|
||||
},
|
||||
handleClose(done){
|
||||
this.storeId = []
|
||||
done();
|
||||
},
|
||||
// 初始化门店
|
||||
init(){
|
||||
organizations({ pageSize: 999 }).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
res.rows.forEach((item) => {
|
||||
item.label = item.storeNum + "-" + item.storeName;
|
||||
});
|
||||
this.options = res.rows;
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
</style>
|
||||
Loading…
Reference in New Issue