260 lines
12 KiB
Plaintext
260 lines
12 KiB
Plaintext
@{
|
||
ViewBag.Title = "Form";
|
||
Layout = "~/Views/Shared/_Form.cshtml";
|
||
}
|
||
<script>
|
||
layui.use(['jquery', 'form', 'laydate', 'common', 'xmSelect', 'optimizeSelectOption'], function () {
|
||
var form = layui.form,
|
||
$ = layui.$,
|
||
common = layui.common,
|
||
xmSelect = layui.xmSelect;
|
||
var keyValue = $.request("keyValue");
|
||
var module = $.request("module");
|
||
var cout = 0;
|
||
$(function () {
|
||
initControl();
|
||
if (!!keyValue) {
|
||
var tempdata = common.parentWindow().layui.table.cache.currentTableId;
|
||
var Filters = [];
|
||
for (var i = 0; i < tempdata.length; i++) {
|
||
if (keyValue == tempdata[i].F_Id) {
|
||
Filters = JSON.parse(tempdata[i].Filters);
|
||
$('#Description').val(tempdata[i].Description);
|
||
break;
|
||
}
|
||
}
|
||
for (var i = 0; i < Filters.length; i++) {
|
||
$('#NF-add').click();
|
||
$('#fields' + i).val(Filters[i].Key);
|
||
$('#symbol' + i).val(Filters[i].Contrast);
|
||
$('#lookname' + i).val(Filters[i].Text);
|
||
$('#values' + i).val(Filters[i].Value);
|
||
}
|
||
form.render();
|
||
}
|
||
else {
|
||
$('#NF-add').click();
|
||
form.render();
|
||
}
|
||
form.render();
|
||
});
|
||
wcLoading.close();
|
||
function initControl() {
|
||
$("#fields").bindSelect({
|
||
url: "/SystemManage/ModuleFields/GetSelectJson?moduleId=" + module,
|
||
});
|
||
}
|
||
$(document).on('click', '#NF-add', function () {
|
||
var target = $('#ruledata');
|
||
var html = $("#divInputTemplate").prop("outerHTML");
|
||
html = html.replace(/rulecontext/g, "rulecontext" + cout); // 替换多个
|
||
html = html.replace(/条件规则/g, "条件规则" + (cout + 1)); // 替换多个
|
||
html = html.replace(/fields/g, "fields" + cout); // 替换多个
|
||
html = html.replace(/symbol/g, "symbol" + cout); // 替换多个
|
||
html = html.replace(/lookname/g, "lookname" + cout); // 替换多个
|
||
html = html.replace(/condition/g, "condition" + cout); // 替换多个
|
||
html = html.replace(/divInputTemplate/g, "divInput" + cout);
|
||
html = html.replace(/values/g, "values" + cout);
|
||
html = html.replace(/searchCout/g, cout);
|
||
var obj = $(html);
|
||
obj.removeClass("layui-hide");
|
||
obj.appendTo(target);
|
||
cout++;
|
||
form.render();
|
||
});
|
||
//select验证
|
||
form.verify({
|
||
required: function (value, item) {
|
||
var msg = "必填项不能为空";
|
||
value = $.trim(value);
|
||
var isEmpty = !value || value.length < 1;
|
||
// 当前验证元素是select且为空时,将页面定位至layui渲染的select处，或自定义想定位的位置
|
||
if (item.tagName == 'SELECT' && isEmpty) {
|
||
$("html").animate({
|
||
scrollTop: $(item).siblings(".layui-form-select").offset().top - 74
|
||
}, 50);
|
||
}
|
||
if (isEmpty) {
|
||
return msg;
|
||
}
|
||
}
|
||
});
|
||
//监听提交
|
||
var lock = false;
|
||
form.on('submit(saveBtn)', function (data) {
|
||
if (!lock) {
|
||
var index = parent.layer.load(0, {
|
||
shade: [0.5, '#000'], //0.1透明度的背景
|
||
});
|
||
var postData = {};
|
||
postData.Operation = data.field.Operation;
|
||
postData.Description = data.field.Description;
|
||
if (!!keyValue) {
|
||
postData.F_Id = keyValue;
|
||
}
|
||
else {
|
||
postData.F_Id = uuid();
|
||
}
|
||
var Filters = [];
|
||
for (var i = 0; i < cout; i++) {
|
||
var temp = {};
|
||
temp["Key"] = $('#fields' + + i).val();
|
||
temp["Contrast"] = $('#symbol' + + i).val();
|
||
temp["Text"] = $('#lookname' + + i).val();
|
||
temp["Value"] = $('#values' + + i).val();
|
||
if(temp["Key"]!="{loginRole}" && temp["Key"]!="{loginUser}" && temp["Key"]!="{loginOrg}")
|
||
{
|
||
temp["Value"] = null;
|
||
}
|
||
if (!temp["Value"]) {
|
||
temp["Value"] = temp["Text"];
|
||
}
|
||
if (!!temp["Key"]) {
|
||
Filters.push(temp);
|
||
}
|
||
}
|
||
postData.Filters = JSON.stringify(Filters);
|
||
var tempdata = common.parentWindow().layui.table.cache.currentTableId;
|
||
if (!!keyValue) {
|
||
for (var i = 0; i < tempdata.length; i++) {
|
||
if (keyValue == tempdata[i].F_Id) {
|
||
tempdata[i].Filters = postData.Filters;
|
||
tempdata[i].Description = postData.Description;
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
else {
|
||
tempdata.push(postData);
|
||
}
|
||
common.modalMsg("操作成功", "success");
|
||
common.parentWindow().layui.table.reload('currentTableId', {
|
||
data: tempdata
|
||
});
|
||
parent.layer.close(index);
|
||
common.modalClose();
|
||
lock = false;
|
||
}
|
||
return false;
|
||
});
|
||
});
|
||
function deleteRule(data) {
|
||
var obj = document.getElementById(data);//建议使用ID
|
||
if (obj != null) {
|
||
obj.parentNode.removeChild(obj);
|
||
}
|
||
layui.use(['jquery', 'form', 'laydate', 'common'], function () {
|
||
layui.form.render();
|
||
});
|
||
}
|
||
function search(data) {
|
||
var fields = $('#fields' + data).val();
|
||
if (fields != '{loginRole}' && fields != '{loginUser}' && fields != '{loginOrg}') {
|
||
return false;
|
||
}
|
||
$('#lookname' + data).val(null);
|
||
$('#values' + data).val(null);
|
||
layui.use(['jquery', 'form', 'common'], function () {
|
||
var form = layui.form,
|
||
$ = layui.$,
|
||
common = layui.common;
|
||
//不同弹窗
|
||
if (fields == '{loginRole}') {
|
||
common.modalOpen({
|
||
title: "选择角色",
|
||
url: "/SystemOrganize/Role/AddForm?name=" + "lookname" + data + "&value=" + "values" + data,
|
||
width: "650px",
|
||
height: "600px",
|
||
});
|
||
}
|
||
else if (fields == '{loginUser}') {
|
||
common.modalOpen({
|
||
title: "选择用户",
|
||
url: "/SystemOrganize/User/AddForm?name=" + "lookname" + data + "&value=" + "values" + data,
|
||
width: "650px",
|
||
height: "600px",
|
||
});
|
||
}
|
||
else if (fields == '{loginOrg}') {
|
||
common.modalOpen({
|
||
title: "选择组织",
|
||
url: "/SystemOrganize/Organize/AddForm?name=" + "lookname" + data + "&value=" + "values" + data,
|
||
width: "650px",
|
||
height: "600px",
|
||
});
|
||
}
|
||
else {
|
||
return false;
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
|
||
<body>
|
||
<div class="layui-input-item layui-hide" id="divInputTemplate">
|
||
<label class="layui-form-label required">条件规则</label>
|
||
<div class="layui-input-block" style="padding-right: 70px;">
|
||
<div class="layui-input-block" style="margin-left:0px">
|
||
<select id="condition" name="condition" lay-verify="required" disabled lay-search>
|
||
<option value="and" selected>并且</option>
|
||
<option value="or">或者</option>
|
||
</select>
|
||
</div>
|
||
<div class="layui-input-inline" style="width:145px">
|
||
<select id="fields" name="fields" lay-verify="required" lay-search>
|
||
<option value="">请选择</option>
|
||
<option value="{loginRole}">{当前登录用户的角色}</option>
|
||
<option value="{loginUser}">{当前登录的用户}</option>
|
||
<option value="{loginOrg}">{当前登录用户的部门}</option>
|
||
</select>
|
||
</div>
|
||
<div class="layui-input-inline" style="width:100px">
|
||
<select id="symbol" name="symbol" lay-verify="required" lay-search>
|
||
<option value="">请选择</option>
|
||
<option value=">=">大于等于</option>
|
||
<option value="<=">小于等于</option>
|
||
<option value="==">等于</option>
|
||
<option value="!=">不等于</option>
|
||
<option value="contains">包含</option>
|
||
<option value="in">属于</option>
|
||
<option value="intersect">含有任意一个</option>
|
||
</select>
|
||
</div>
|
||
<div class="layui-input-inline" style="width:180px">
|
||
<input type="text" id="lookname" name="lookname" class="layui-input" lay-verify="required" maxlength="50" value="" placeholder="请输入值">
|
||
<input type="text" id="values" name="values" class="layui-input layui-hide">
|
||
</div>
|
||
<button class="layui-btn layui-btn-danger" style="position: absolute;top: 0;right: 6px;cursor: pointer;" onclick="deleteRule('divInputTemplate')"><i class="layui-icon"></i></button>
|
||
<button class="layui-btn layui-btn-primary" style="position: absolute;top: 0;right: 6px;cursor: pointer;margin-top:40px" onclick="search(searchCout)">...</button>
|
||
</div>
|
||
</div>
|
||
<div class="layuimini-container">
|
||
<div class="layuimini-main">
|
||
<blockquote class="layui-elem-quote layui-text">
|
||
当前登录的用户{loginUser},当前登录用户的角色{loginRole}，当前用户的部门{loginOrg}
|
||
</blockquote>
|
||
<div class="layui-form layuimini-form" lay-filter="adminform">
|
||
<div class="layui-form-item layui-form-text">
|
||
<label class="layui-form-label">规则备注</label>
|
||
<div class="layui-input-block">
|
||
<textarea id="Description" name="Description" class="layui-textarea" placeholder="请输入规则备注"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">规则条件</label>
|
||
<div class="layui-input-block" style="padding-right: 70px;">
|
||
<input id="Operation" name="Operation" lay-verify="required" value="and" disabled class="layui-hide">
|
||
<button id="NF-add" class="layui-btn"><i class="layui-icon"></i></button>
|
||
</div>
|
||
</div>
|
||
<div id="ruledata">
|
||
</div>
|
||
<div class="layui-form-item layui-hide">
|
||
<button class="layui-btn" lay-submit id="submit" lay-filter="saveBtn">确认保存</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|