262 lines
9.4 KiB
Plaintext
262 lines
9.4 KiB
Plaintext
@{
|
||
ViewBag.Title = "Add";
|
||
Layout = "~/Views/Shared/_Layout.cshtml";
|
||
}
|
||
|
||
|
||
<div class="x-body">
|
||
<form class="layui-form" action="">
|
||
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label layui-required">协议：</label>
|
||
<div class="layui-input-inline">
|
||
<select name="protocolType" id="protocolType" lay-filter="pType" disabled="disabled">
|
||
<option value="6" selected>高龄人群投资风险告知确认书</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label layui-required">客户id：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="resid" id="resid" autocomplete="off" class="layui-input" lay-verify="required">
|
||
</div>
|
||
<input type="button" class="layui-btn" id="query_resid" lay-filter="query" value="查询" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label layui-required">订单号：</label>
|
||
<div class="layui-input-inline">
|
||
<div id="selectOrder" style="width: 290px"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">用户名：</label>
|
||
<div class="layui-input-inline">
|
||
@*<select name="userid" id="userid" lay-filter="userid" lay-verify="required">
|
||
</select>*@
|
||
<input type="text" name="userid" id="userid" autocomplete="off" class="layui-input" disabled="disabled">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">客户姓名：</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" name="username" id="username" autocomplete="off" class="layui-input" disabled="disabled">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">备注：</label>
|
||
<div class="layui-input-inline">
|
||
<textarea name="note" class="layui-input note"></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-block">
|
||
<input type="button" class="layui-btn layui-btn-normal" id="close" value="取消" />
|
||
<button class="layui-btn" lay-submit lay-filter="save" onclick="return false;">确认</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<style>
|
||
.layui-form-label.layui-required:after {
|
||
content: "*";
|
||
color: red;
|
||
position: absolute;
|
||
top: 5px;
|
||
left: 15px;
|
||
}
|
||
.note {
|
||
padding: 10px;
|
||
height: 150px;
|
||
}
|
||
.layui-input-inline {
|
||
width: 290px !important;
|
||
}
|
||
.zy-box {
|
||
display:none;
|
||
}
|
||
.price_tip {
|
||
color:red;
|
||
display:none;
|
||
}
|
||
</style>
|
||
<script src="~/Scripts/layui_ext/xm-select/xm-select.js"></script>
|
||
<script>
|
||
var form, layer;
|
||
var userError = false;
|
||
var softusername = '';
|
||
var cname = '';
|
||
layui.use(['form', 'laydate', 'upload'], function () {
|
||
form = layui.form, layer = layui.layer;
|
||
autoInput();
|
||
renderSelectOrder(null, []);
|
||
form.verify({
|
||
NewRequired: function (value) {
|
||
|
||
}
|
||
});
|
||
|
||
form.on('submit(save)', function (data) {
|
||
$(".price_tip").hide();
|
||
if (userError) {
|
||
layer.msg('用户信息错误，无法保存！', { icon: 2 });
|
||
return;
|
||
}
|
||
layer.confirm('是否确认保存?', { icon: 3, title: '提示' }, function (index) {
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "Save",
|
||
data: data.field,
|
||
dataType: "json",
|
||
success: function (da) {
|
||
if (da.s == true) {
|
||
layer.msg('操作成功！', { icon: 1 });
|
||
parent.TableReload();
|
||
parent.Closed();
|
||
} else if (da.m != "" || da.m != undefined) {
|
||
layer.msg(da.m, { icon: 2 });
|
||
$(".price_tip").show();
|
||
}
|
||
else {
|
||
layer.msg("操作失败！", { icon: 2 });
|
||
}
|
||
},
|
||
error: function () {
|
||
layer.msg('操作失败！', { icon: 2 });
|
||
}
|
||
});
|
||
});
|
||
});
|
||
form.on("select(pType)", function () {
|
||
autoInput();
|
||
})
|
||
//赠送服务
|
||
form.on("select(producttype)", function () {
|
||
autoInput();
|
||
})
|
||
//选择赠送订单号
|
||
form.on("select(orderid)", function () {
|
||
var option = $("#orderid option:selected");
|
||
if (option.length > 0) {
|
||
$("#productname").val(option.attr("productname"));
|
||
$("#giftdays").val(option.attr("giftdays"));
|
||
}
|
||
})
|
||
//查询
|
||
$("#query_resid").click(function () {
|
||
var resid = $("#resid").val();
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "UserInfo",
|
||
data: { resid },
|
||
dataType: "json",
|
||
success: function (r) {
|
||
if (r.s) {
|
||
console.log(r.d.orderList);
|
||
var data = $.extend(true, [], r.d.orderList);
|
||
renderSelectOrder("", data);
|
||
$("#userid option").remove();
|
||
r.d.userNameList.forEach(function (e, i) {
|
||
$("#userid").append(new Option(e, e));
|
||
});
|
||
if ($("#protocolType").val() == "4" || $("#protocolType").val() == "5") {
|
||
$("#orderid option").remove();
|
||
}
|
||
form.render("select");
|
||
/*$("#username").val(r.d.cName);*/
|
||
} else {
|
||
userError = true;
|
||
layer.msg(r.m, { icon: 2 });
|
||
}
|
||
},
|
||
error: function () {
|
||
layer.msg('操作失败！', { icon: 2 });
|
||
}
|
||
});
|
||
})
|
||
//取消
|
||
$("#close").click(function () {
|
||
parent.TableReload();
|
||
parent.Closed();
|
||
})
|
||
});
|
||
function autoInput() {
|
||
$(".price-box").hide();
|
||
$(".zy-box").hide();
|
||
$(".zs-box").hide();
|
||
$("#servicename").attr("lay-verify", "");
|
||
$("#giftdays").attr("readonly", true).attr("lay-verify", "");
|
||
|
||
if ($("#protocolType").val() == "1") {
|
||
$(".price-box").show();
|
||
$("#price").attr("lay-verify", "number");//价格必填
|
||
} else if ($("#protocolType").val() == "4" || $("#protocolType").val() == "5") {
|
||
$(".zy-box").show();
|
||
$(".zscp,.zsfw,.zsddh").hide();
|
||
//赠送订单
|
||
if ($("#producttype").val() == "1") {
|
||
$(".zscp,.zsddh").show();
|
||
$("#giftdays").attr("readonly", true);
|
||
} else if ($("#producttype").val() == "2") {
|
||
$(".zsfw").show();
|
||
$("#servicename").attr("lay-verify", "required");
|
||
$("#giftdays").attr("readonly", false).attr("lay-verify", "number");
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
function renderSelectOrder(check, orders) {
|
||
var optionsOrder = {
|
||
el: '#selectOrder',
|
||
name: 'orderids',//表单的name属性
|
||
tips: '请选择订单',
|
||
layVerify: 'required',
|
||
toolbar: {//工具条,全选,清空,反选,自定义
|
||
show: true,
|
||
list: [
|
||
'CLEAR'
|
||
]
|
||
},
|
||
data: orders,
|
||
initValue: check,
|
||
on: function (data) {
|
||
for (var i = 0; i < data.arr.length; i++) {
|
||
if (softusername && softusername != '' && softusername != data.arr[i].softusername) {
|
||
layer.msg('请选择用户名相同的订单！', { icon: 2 });
|
||
return;
|
||
} else {
|
||
softusername = data.arr[i].softusername
|
||
}
|
||
if (cname && cname != '' && cname != data.arr[i].cname) {
|
||
layer.msg('请选择用户名相同的订单！', { icon: 2 });
|
||
return;
|
||
} else {
|
||
cname = data.arr[i].cname
|
||
}
|
||
}
|
||
$("#username").val(cname);
|
||
$("#userid").val(softusername);
|
||
},
|
||
};
|
||
var selectOrder = xmSelect.render(optionsOrder);
|
||
selectOrder.update({ data: orders, initValue: check });
|
||
return selectOrder;
|
||
}
|
||
</script> |