286 lines
9.7 KiB
Plaintext
286 lines
9.7 KiB
Plaintext
@model WX.CRM.IBLL.ActivityProduct.ActivityEidtModel
|
||
@{
|
||
ViewBag.Title = "Add";
|
||
Layout = "~/Views/Shared/_content.cshtml";
|
||
}
|
||
|
||
<style>
|
||
.layui-form-label {
|
||
width: 150px;
|
||
}
|
||
|
||
.layui-input-block {
|
||
margin-left: 180px;
|
||
min-height: 36px;
|
||
width: 400px;
|
||
}
|
||
|
||
.layui-form {
|
||
margin-top: 20px;
|
||
}
|
||
|
||
#extdiv {
|
||
margin-left: 20px;
|
||
margin-top: 40px;
|
||
}
|
||
</style>
|
||
<div class="x-body">
|
||
<form class="layui-form">
|
||
<div class="layui-form-item" style="display:none">
|
||
<label class="layui-form-label">
|
||
活动Id：
|
||
</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" id="Id" name="Id" class="layui-input" value="@ViewBag.Id">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">
|
||
活动：
|
||
</label>
|
||
<div class="layui-input-block">
|
||
<select id="ActId" class="layui-form-mid">
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">
|
||
产品：
|
||
</label>
|
||
<div class="layui-input-block">
|
||
<div id="ProductCode"></div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">
|
||
期限：
|
||
</label>
|
||
<div class="layui-input-block">
|
||
<label id="Day" style="line-height:36px"></label>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">
|
||
价格：
|
||
</label>
|
||
<div class="layui-input-block">
|
||
<label id="Price" style="line-height:36px"></label>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">
|
||
是否首选：
|
||
</label>
|
||
<div class="layui-input-block">
|
||
<select id="IsFirst" class="layui-form-mid">
|
||
<option value="1" selected="selected">是</option>
|
||
<option value="0">否</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">活动状态：</label>
|
||
<div class="layui-input-block">
|
||
<select id="status" class="layui-form-mid">
|
||
<option value="1" selected="selected">启用</option>
|
||
<option value="0">禁用</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">
|
||
排序：
|
||
</label>
|
||
<div class="layui-input-block">
|
||
<input type="number" id="Order" name="Order" class="layui-input" value="10">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item" id="extdiv">
|
||
<button class="layui-btn" lay-submit="" lay-filter="save">确定</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<script>
|
||
var apiPath = '@ViewBag.apiPath';
|
||
layui.use('laydate', function () {
|
||
var laydate = layui.laydate;
|
||
//执行一个laydate实例
|
||
//本月的开始时间
|
||
laydate.render({
|
||
elem: '#StartTime', //指定元素
|
||
type: 'datetime'
|
||
});
|
||
//执行一个laydate实例
|
||
laydate.render({
|
||
elem: '#EndTime',//指定元素
|
||
type: 'datetime'
|
||
});
|
||
});
|
||
layui.extend({
|
||
}).use(['form', 'element', 'jquery'], function () {
|
||
var form = layui.form
|
||
, layer = layui.layer
|
||
init();
|
||
//提交
|
||
form.on('submit(save)', function (data) {
|
||
debugger
|
||
var data = {
|
||
ActId:$("#ActId").val(),
|
||
Id: data.field.Id > 0 ? data.field.Id : null,
|
||
ProductCode: data.field.ProductCode,
|
||
status: $("#status").val(),
|
||
IsFirst:$("#IsFirst").val(),
|
||
eid: '@ViewBag.Eid',
|
||
ename: '@ViewBag.Uname',
|
||
order: $("#Order").val() == '' ? 10 : $("#Order").val()
|
||
};
|
||
console.log(data);
|
||
$.ajax({
|
||
type: "Post",
|
||
url: apiPath + '/QwOnlinePay/CreateActProduct',
|
||
data: JSON.stringify(data),
|
||
dataType: "json",
|
||
contentType: "application/json",
|
||
success: function (msg) {
|
||
console.log(msg);
|
||
if (msg.code == 0) {
|
||
layer.alert("操作成功！", {
|
||
yes: function () {
|
||
layer.closeAll();
|
||
parent.layer.closeAll();
|
||
parent.TableReload();
|
||
}
|
||
})
|
||
}
|
||
|
||
else {
|
||
layer.alert(msg.message);
|
||
}
|
||
},
|
||
error: function () {
|
||
layer.msg('创建失败！', { icon: 2 });
|
||
}
|
||
});
|
||
$(this).show();
|
||
return false;
|
||
});
|
||
|
||
});
|
||
function initCheckValue(selectid, value, type) {
|
||
var select = document.getElementById(selectid);
|
||
for (var i = 0; i < select.options.length; i++) {
|
||
if (select.options[i].value == value) {
|
||
select.options[i].selected = true;
|
||
if (type == 1) {
|
||
dept_val = select.options[i].value;
|
||
dept_txt = select.options[i].text;
|
||
}
|
||
break;
|
||
}
|
||
}
|
||
layui.form.render("select");
|
||
}
|
||
function init() {
|
||
var id = '@Html.Raw(ViewBag.id)';
|
||
var companyCode = '@Html.Raw(ViewBag.companycode)';
|
||
var apiPath = '@Html.Raw(ViewBag.apiPath)';
|
||
$.ajax({
|
||
type: "Get",
|
||
url: apiPath + '/QwOnlinePay/GetProductEditModel?Id=' + id + "&companycode=" + companyCode,
|
||
dataType: "json",
|
||
contentType: "application/json",
|
||
success: function (da) {
|
||
if (da.code == 0) {
|
||
//下拉框处理
|
||
var res = da.data;
|
||
$("#ActId").append(new Option("--请选择活动--", ""));
|
||
$.each(da.data.actList, function (i, j) {
|
||
$("#ActId").append(new Option(j.name, j.id));
|
||
});
|
||
var initproList = [];
|
||
var checkList = [];
|
||
for (var i = 0; i < res.actProducts.length; i++) {
|
||
var item = res.actProducts[i];
|
||
var newItem = {
|
||
name : item.productName,
|
||
value : item.productCode
|
||
};
|
||
initproList.push(newItem);
|
||
}
|
||
if (res.qwActivityProduct != null) {
|
||
initProduct(res.qwActivityProduct.productCode);
|
||
initCheckValue('ActId', res.qwActivityProduct.actId);
|
||
checkList.push(res.qwActivityProduct.productCode);
|
||
$("#status").val(res.qwActivityProduct.status); IsFirst
|
||
$("#IsFirst").val(res.qwActivityProduct.isFirst);
|
||
$("#Order").val(res.qwActivityProduct.order);
|
||
|
||
}
|
||
renderSelectChannel(initproList, checkList);
|
||
layui.form.render("select");
|
||
}
|
||
else if (da.code == 10001) {
|
||
//退出登录
|
||
top.LogOut();
|
||
}
|
||
},
|
||
error: function () {
|
||
layer.msg('失败！', { icon: 2 });
|
||
}
|
||
});
|
||
}
|
||
function renderSelectChannel(dataList,check) {
|
||
var optionsChannel = {
|
||
el: '#ProductCode',
|
||
name: 'ProductCode',//表单的name属性
|
||
layVerify: '',
|
||
tips: '产品',
|
||
toolbar: {//工具条,全选,清空,反选,自定义
|
||
show: true,
|
||
list: [
|
||
'CLEAR'
|
||
]
|
||
},
|
||
on: function (data) {
|
||
debugger
|
||
if (data.arr.length > 0) {
|
||
initProduct(data.arr[0].value);
|
||
}
|
||
},
|
||
data: dataList,
|
||
filterable: true, // 开启搜索框
|
||
searchTips: '请输入选项名称', // 搜索框提示语
|
||
empty: '无匹配数据', // 搜索无匹配数据时的提示语
|
||
delay: 500 ,// 搜索延迟时间，单位ms
|
||
initValue: check,
|
||
radio: true //单选
|
||
};
|
||
var selectChannel = xmSelect.render(optionsChannel);
|
||
|
||
return selectChannel;
|
||
}
|
||
function initProduct(code) {
|
||
$.ajax({
|
||
type: "Get",
|
||
url: apiPath + '/QwOnlinePay/GetProductInfo?code=' + code+"&Eid="+'@ViewBag.Eid',
|
||
dataType: "json",
|
||
contentType: "application/json",
|
||
success: function (da) {
|
||
if (da.code == 0) {
|
||
//下拉框处理
|
||
$("#Day").text(da.data.day);
|
||
$("#Price").text(da.data.price);
|
||
|
||
}
|
||
else if (da.code == 10001) {
|
||
//退出登录
|
||
layer.msg('失败！', { icon: 2 });
|
||
}
|
||
},
|
||
error: function () {
|
||
layer.msg('失败！', { icon: 2 });
|
||
}
|
||
});
|
||
}
|
||
</script> |