<!DOCTYPE HTML>
|
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="utf-8">
|
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
|
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
<!-- 本框架基本脚本和样式 -->
|
<script type="text/javascript" th:src="@{/js/systools/MBaseVue.js}"></script>
|
<link rel="stylesheet" th:href="@{/plugin/element-ui/index.css}">
|
<link rel="stylesheet" th:href="@{/plugin/bootstrap-3.3.5/css/bootstrap.min.css}">
|
<link th:href="@{/css/styleOne/style.min.css}" rel="stylesheet" type="text/css"/>
|
</head>
|
<body>
|
<div class="ibox-content" id="app" v-cloak>
|
<el-form ref="form" :model="form" label-width="80px">
|
<el-form-item label="元素名称">
|
<el-input v-model="node.name"></el-input>
|
</el-form-item>
|
<el-form-item label="活动区域">
|
<el-select v-model="form.region" placeholder="请选择活动区域">
|
<el-option label="区域一" value="shanghai"></el-option>
|
<el-option label="区域二" value="beijing"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="活动时间">
|
<el-col :span="11">
|
<el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
|
</el-col>
|
<el-col class="line" :span="2">-</el-col>
|
<el-col :span="11">
|
<el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker>
|
</el-col>
|
</el-form-item>
|
<el-form-item label="即时配送">
|
<el-switch v-model="form.delivery"></el-switch>
|
</el-form-item>
|
<el-form-item label="活动性质">
|
<el-checkbox-group v-model="form.type">
|
<el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
|
<el-checkbox label="地推活动" name="type"></el-checkbox>
|
<el-checkbox label="线下主题活动" name="type"></el-checkbox>
|
<el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
<el-form-item label="特殊资源">
|
<el-radio-group v-model="form.resource">
|
<el-radio label="线上品牌商赞助"></el-radio>
|
<el-radio label="线下场地免费"></el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="活动形式">
|
<el-input type="textarea" v-model="form.desc"></el-input>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="onSubmit">立即创建</el-button>
|
<el-button>取消</el-button>
|
</el-form-item>
|
</el-form>
|
|
</div>
|
</body>
|
<script type="text/javascript" th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript" th:src="@{/js/plugin/jquery.query.js}"></script>
|
<script type="text/javascript" th:src="@{/plugin/bootstrap-3.3.5/js/bootstrap.min.js}"></script>
|
<script type="text/javascript" th:src="@{/js/systools/AjaxProxyVue.js}"></script>
|
<script type="text/javascript" th:src="@{/js/plugin/vue.js}"></script>
|
<script type="text/javascript" th:src="@{/plugin/element-ui/index.js}"></script>
|
|
|
<script>
|
|
var id=$.query.get("id");
|
|
|
var app = new Vue({
|
el: '#app',
|
data: {
|
form: {
|
node: '',
|
},
|
warehouses: [],
|
shops: [],
|
},
|
created: function () {
|
this.loadInfo();
|
},
|
|
mounted: function () {
|
|
},
|
|
methods: {
|
loadInfo() {
|
let _this = this;
|
|
//加载配置
|
AjaxProxy.requst({
|
app: _this,
|
data: {},
|
url: basePath + '/admin/busParameterSettings/getByCodes?codes=wx_warehouse,wx_shop',
|
callback: function (data) {
|
_this.form.warehouseId = parseInt(data.rows[0].paramValue);
|
_this.form.shopId = parseInt(data.rows[1].paramValue);
|
console.log(_this.form.shopId);
|
_this.loadWarehouse();
|
}
|
});
|
|
|
//加载门店
|
AjaxProxy.requst({
|
app: _this,
|
data: {},
|
url: basePath + '/admin/shopInfo/findAll',
|
callback: function (data) {
|
_this.shops = data.rows;
|
}
|
});
|
|
|
|
|
|
},
|
|
|
changeShop(){
|
let _this = this;
|
this.loadWarehouse(function(data){
|
_this.form.warehouseId = parseInt(data.rows[0].id);
|
})
|
},
|
|
loadWarehouse(callBack){
|
//加载仓库
|
let _this = this;
|
AjaxProxy.requst({
|
app: _this,
|
data: {},
|
url: basePath + '/admin/warehouse/getShopWarehouse?shopId='+_this.form.shopId,
|
callback: function (data) {
|
_this.warehouses = data.rows;
|
callBack?callBack(data):"";
|
}
|
});
|
},
|
|
onSubmit() {
|
let _this = this;
|
let data = [{
|
paramCode: "wx_warehouse",
|
paramValue: _this.form.warehouseId
|
},
|
{
|
paramCode: "wx_shop",
|
paramValue: _this.form.shopId
|
}]
|
AjaxProxy.requst({
|
app: _this,
|
data: data,
|
url: basePath + '/admin/busParameterSettings/modifyParams',
|
callback: function (data) {
|
_this.$message({
|
message: data.info,
|
type: 'success'
|
});
|
}
|
});
|
}
|
}
|
|
})
|
</script>
|
|
</body>
|
</html>
|
