149 行
5.4 KiB
HTML
可执行文件
149 行
5.4 KiB
HTML
可执行文件
<!doctype html>
|
|
<html>
|
|
<!--[1.4.36]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vue/element-ui.css">
|
|
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/vue/js/vue2.5.16.js"></script>
|
|
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/vue/element-ui.js"></script>
|
|
<title>Document</title>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
[v-cloak] {
|
|
display: none;
|
|
}
|
|
th {
|
|
background-color: #f5f7fa !important;
|
|
}
|
|
|
|
th > .cell {
|
|
white-space: nowrap !important;
|
|
text-align: center;
|
|
}
|
|
|
|
th, td {
|
|
text-align: center;
|
|
line-height: 30px;
|
|
padding: 0;
|
|
}
|
|
|
|
th > .cell, td > .cell {
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="advance" v-cloak>
|
|
<el-table
|
|
:data="list"
|
|
border
|
|
size="mini"
|
|
max-height="500"
|
|
v-loading="loading"
|
|
element-loading-text="数据获取中"
|
|
element-loading-spinner="el-icon-loading"
|
|
style="width: 100%;box-sizing: border-box; border: none;">
|
|
<el-table-column prop="index" label="序号" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="storetag" label="门店名称" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="detail_address" label="门店地址" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="shop_manager" label="店长" show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="phone" label="联系方式" show-overflow-tooltip></el-table-column>
|
|
<el-table-column label="操作" show-overflow-tooltip>
|
|
<template slot-scope="scope">
|
|
<if condition="$authArr['advanceState'] eq true">
|
|
<el-switch @change="changeStatus(scope.row.id,scope.row.plug_id,scope.row.s_status)"
|
|
v-model="scope.row.s_status"
|
|
inactive-value="0"
|
|
active-value="1">
|
|
</el-switch>
|
|
</if>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<el-pagination
|
|
@size-change="handleSizeChange"
|
|
@current-change="handleCurrentChange"
|
|
:current-page="currentPage"
|
|
:page-sizes="[10, 15, 20, 25, 30, 35, 40, 45, 50]"
|
|
:page-size="100"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="currentLen">
|
|
</el-pagination>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript">
|
|
new Vue({
|
|
el:"#advance",
|
|
data:{
|
|
loading:true,
|
|
list:[],
|
|
currentPage:1,
|
|
currentLimit:10,
|
|
currentLen:0
|
|
},
|
|
methods:{
|
|
handleSizeChange:function(val){
|
|
this.currentLimit = val;
|
|
this.currentPage = 1;
|
|
this.getData();
|
|
},
|
|
handleCurrentChange:function(val){
|
|
this.currentPage = val;
|
|
this.getData();
|
|
},
|
|
getData:function(){
|
|
var that = this;
|
|
$.ajax({
|
|
url:"{:U('getAdvanceSale')}",
|
|
type:"post",
|
|
data:{
|
|
page:that.currentPage,
|
|
limit:that.currentLimit
|
|
},
|
|
success:function(res){
|
|
that.loading = false;
|
|
that.list = [];
|
|
that.list = res.data;
|
|
that.$nextTick(function () {
|
|
that.currentLen = parseInt(res.count);
|
|
})
|
|
}
|
|
})
|
|
},
|
|
changeStatus:function(id,plug_id,s_status) {
|
|
var that = this;
|
|
$.ajax({
|
|
url:"{:U('changeAdvance')}",
|
|
type:"post",
|
|
data:{id:id,plug_id:plug_id,s_status:s_status},
|
|
success:function(res){
|
|
if(res.status == 1){
|
|
that.$message({
|
|
message:res.msg,
|
|
type:"success",
|
|
duration:1000,
|
|
})
|
|
}else{
|
|
that.$message({
|
|
message:res.msg,
|
|
type:"error",
|
|
duration:1000,
|
|
})
|
|
}
|
|
}
|
|
})
|
|
}
|
|
},
|
|
created:function(){
|
|
this.getData();
|
|
}
|
|
})
|
|
</script>
|
|
</html> |