
11 changed files with 753 additions and 193 deletions
@ -0,0 +1,15 @@ |
|||
.<template> |
|||
<div> |
|||
<h1>品牌信息</h1> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
|
|||
</style> |
@ -0,0 +1,15 @@ |
|||
.<template> |
|||
<div> |
|||
<h1>菜品信息</h1> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
|
|||
</style> |
@ -0,0 +1,15 @@ |
|||
.<template> |
|||
<div> |
|||
<h1>集团信息</h1> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
|
|||
</style> |
@ -0,0 +1,15 @@ |
|||
.<template> |
|||
<div> |
|||
<h1>物料信息</h1> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
|
|||
</style> |
@ -0,0 +1,15 @@ |
|||
.<template> |
|||
<div> |
|||
<h1>门店信息</h1> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
|
|||
</style> |
@ -0,0 +1,322 @@ |
|||
<template> |
|||
<el-tabs class="my-tabs" type="card"> |
|||
<el-tab-pane label="品牌信息"> |
|||
<div class="search"> |
|||
<el-form ref="queryParams" :inline="true" :model="queryParams" class="tab-header"> |
|||
<span style="font-size: 16px;font-weight: 500">品牌</span> |
|||
<el-select |
|||
v-model="queryParams.params.brand" |
|||
placeholder="请选择品牌" |
|||
style="width: 120px;margin-left: 10px;" |
|||
@change="blur" |
|||
> |
|||
<el-option |
|||
v-for="(item, i) in tableData" |
|||
:key="i" |
|||
:label="item.city" |
|||
:value="item.city" |
|||
/> |
|||
</el-select> |
|||
<span style="font-size: 16px;font-weight: 500;margin-left: 10px;">门店</span> |
|||
<el-select |
|||
v-model="queryParams.params.store" |
|||
placeholder="请选择门店" |
|||
style="width: 120px;margin-left: 10px;" |
|||
:disabled="chooseStore" |
|||
@change="store" |
|||
> |
|||
<el-option |
|||
v-for="(item, i) in tableData" |
|||
:key="i" |
|||
:label="item.address" |
|||
:value="item.address" |
|||
/> |
|||
</el-select> |
|||
<el-form-item label="到货日期" style="margin-left: 10px;margin-top: 3px;"> |
|||
<el-date-picker |
|||
v-model="queryParams.params.applyStartDate" |
|||
type="date" |
|||
clearable |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期" |
|||
/> |
|||
<span style="padding: 0 8px">至</span> |
|||
<el-date-picker |
|||
v-model="queryParams.params.applyStartDate1" |
|||
type="date" |
|||
clearable |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期" |
|||
/> |
|||
</el-form-item> |
|||
<el-button |
|||
type="primary" |
|||
size="small" |
|||
icon="el-icon-search" |
|||
@click="dosearch" |
|||
>查询</el-button |
|||
> |
|||
<el-button |
|||
type="primary" |
|||
size="small" |
|||
icon="el-icon-refresh" |
|||
@click="resetQuery" |
|||
>重置</el-button |
|||
> |
|||
</el-form> |
|||
</div> |
|||
<div class="container"> |
|||
<el-table v-loading="tableLoading" :data="tableData" border style="width: 100%"> |
|||
<el-table-column label="序号" width="55px" type="index" align="center"></el-table-column> |
|||
<el-table-column prop="name" label="厂家" width="100px" align="center"> |
|||
</el-table-column> |
|||
<el-table-column prop="city" label="品牌" align="center" width="100px"> |
|||
</el-table-column> |
|||
<el-table-column prop="address" label="门店" align="center" width="150px"> |
|||
</el-table-column> |
|||
<el-table-column prop="date" label="日期" sortable align="center" width="100px"> |
|||
</el-table-column> |
|||
<el-table-column prop="zip" label="销售额" align="center" width="100px"> |
|||
</el-table-column> |
|||
<el-table-column prop="" label="油类成本占比" align="center" width="150px"> |
|||
</el-table-column> |
|||
<el-table-column prop="" label="米类成本占比" align="center" width="150px"> |
|||
</el-table-column> |
|||
<el-table-column prop="" label="面类成本占比" align="center" width="150px"> |
|||
</el-table-column> |
|||
<el-table-column prop="" label="合计成本金额" align="center" width="150px"> |
|||
</el-table-column> |
|||
<el-table-column prop="" label="是否还款" align="center" width="100px"></el-table-column> |
|||
<el-table-column fixed="right" width="200px" label="明细信息" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
type="primary" |
|||
size="mini" |
|||
@click="purchase(scope.row)" |
|||
> |
|||
采购 |
|||
</el-button> |
|||
<el-button type="primary" size="mini" @click="market(scope.row)"> |
|||
销售 |
|||
</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination |
|||
:total="queryParams.total" |
|||
:page.sync="queryParams.current" |
|||
:limit.sync="queryParams.size" |
|||
@pagination="loadList" |
|||
/> |
|||
</div> |
|||
<!-- 销售详细信息 --> |
|||
<el-dialog |
|||
:title="dialogTitle + '详细信息'" |
|||
:visible.sync="editDialog" |
|||
width="40%" |
|||
> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>学生姓名</td> |
|||
</tr> |
|||
<tr> |
|||
<td>学号ID</td> |
|||
</tr> |
|||
<tr> |
|||
<td>性别</td> |
|||
</tr> |
|||
<tr> |
|||
<td>所属班级</td> |
|||
</tr> |
|||
<tr> |
|||
<td>系别</td> |
|||
</tr> |
|||
<tr> |
|||
<td>专业</td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center"> |
|||
<el-button type="primary" @click="save()">保存</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</el-tab-pane> |
|||
<!-- 采购详细信息 --> |
|||
<el-dialog |
|||
:title="dialogTitle + '详细信息'" |
|||
:visible.sync="entry" |
|||
width="40%" |
|||
> |
|||
<table class="e-table" cellspacing="0"> |
|||
<tr> |
|||
<td>学号ID</td> |
|||
</tr> |
|||
<tr> |
|||
<td>四级(分)</td> |
|||
</tr> |
|||
<tr> |
|||
<td>六级(分)</td> |
|||
</tr> |
|||
<tr> |
|||
<td>计算机(分)</td> |
|||
</tr> |
|||
</table> |
|||
<div style="margin-top: 20px; text-align: center"> |
|||
<el-button type="primary">保存</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</el-tabs> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
dialogTitle: "", |
|||
editDialog: false, |
|||
entry: false, |
|||
tableLoading: false, |
|||
chooseStore:true, |
|||
form: {}, |
|||
formBackup: Object.assign({}, this.form), |
|||
page: { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
current: 1, // 默认开始页面 |
|||
size: 10, |
|||
}, |
|||
}, |
|||
tableData: [], |
|||
student: {}, |
|||
queryParams: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
applyStartDate: "", |
|||
applyStartDate1: "", |
|||
brand:'', |
|||
store:'', |
|||
}, |
|||
}, |
|||
tableData: [ |
|||
{ |
|||
date: "2016-05-02", |
|||
name: "中鸿记", |
|||
province: "上海", |
|||
city: "熟溢香", |
|||
address: "熟溢香振头店", |
|||
zip: 50893, |
|||
}, |
|||
{ |
|||
date: "2016-05-04", |
|||
name: "中鸿记", |
|||
province: "上海", |
|||
city: "熟溢香", |
|||
address: "熟溢香欢乐街店", |
|||
zip: 20033, |
|||
}, |
|||
{ |
|||
date: "2016-05-01", |
|||
name: "中鸿记", |
|||
province: "上海", |
|||
city: "馍馍卤", |
|||
address: "馍馍卤大学城店", |
|||
zip: 78955, |
|||
}, |
|||
{ |
|||
date: "2016-05-03", |
|||
name: "中鸿记", |
|||
province: "上海", |
|||
city: "馍馍卤", |
|||
address: "馍馍卤雅清街店", |
|||
zip: 35890, |
|||
}, |
|||
{ |
|||
date: "2016-05-05", |
|||
name: "中鸿记", |
|||
province: "上海", |
|||
city: "馍馍卤", |
|||
address: "馍馍卤振岗店", |
|||
zip: 15890, |
|||
}, |
|||
], |
|||
}; |
|||
}, |
|||
mounted() {}, |
|||
methods: { |
|||
resetSearch() { |
|||
// 重置 |
|||
this.page = { |
|||
total: 0, // 默认数据总数 |
|||
current: 1, // 默认开始页面 |
|||
size: 10, // 每页的数据条数 |
|||
params: { |
|||
name: "", |
|||
psid: "", |
|||
sourceId: "", |
|||
sourceName: "", |
|||
}, |
|||
}; |
|||
this.getPageList(); |
|||
}, |
|||
getPageList() {}, |
|||
loadList() { |
|||
this.tableLoading = true |
|||
}, |
|||
reset() { |
|||
this.form = {}; |
|||
}, |
|||
//获取品牌门店 |
|||
blur(){ |
|||
console.log(this.queryParams.params.brand); |
|||
if(this.queryParams.params.brand){ |
|||
this.chooseStore=false |
|||
} |
|||
}, |
|||
store(){ |
|||
console.log(777777777); |
|||
}, |
|||
purchase(row) { |
|||
this.dialogTitle = "采购"; |
|||
this.entry = true; |
|||
}, |
|||
market(row) { |
|||
this.dialogTitle = "销售"; |
|||
this.editDialog = true; |
|||
this.form = Object.assign({}, row); |
|||
}, |
|||
// 查询某天的数据 |
|||
dosearch() { |
|||
console.log(this.queryParams.params); |
|||
}, |
|||
resetQuery() { |
|||
this.chooseStore=true |
|||
this.queryParams = { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
applyStartDate: "", |
|||
applyStartDate1: "", |
|||
brand:'', |
|||
store:'', |
|||
}, |
|||
}; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped="scoped" lang="scss"> |
|||
.my-tabs { |
|||
margin-top: 10px; |
|||
} |
|||
</style> |
|||
|
@ -0,0 +1,17 @@ |
|||
.<template> |
|||
<div> |
|||
<h3> |
|||
定时采集数据设置 |
|||
</h3> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
|
|||
</style> |
@ -0,0 +1,17 @@ |
|||
.<template> |
|||
<div> |
|||
<h3> |
|||
食材消耗比(成本占比)设置 |
|||
</h3> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
|
|||
</style> |
Loading…
Reference in new issue