You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
800 lines
35 KiB
800 lines
35 KiB
3 years ago
|
@{
|
||
|
|
ViewData["Title"] = "编辑表格设置";
|
||
|
|
Layout = "~/Views/Shared/_Form.cshtml";
|
||
|
|
}
|
||
|
|
<style>
|
||
|
|
.lr-component-title {
|
||
|
|
height: 28px;
|
||
|
|
line-height: 28px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lr-component-title .help {
|
||
|
|
color: #9f9f9f;
|
||
|
|
cursor: help;
|
||
|
|
padding-left: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.editopen {
|
||
|
|
padding-right:240px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layerop {
|
||
|
|
padding-bottom:240px;
|
||
|
|
}
|
||
|
|
.lastcol {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div class="lr-rblock" style="padding:5px;">
|
||
|
|
<div class="lr-rblock">
|
||
|
|
<div class="lr-rblock" style="border:1px solid #ccc;">
|
||
|
|
<div id="edit_grid"></div>
|
||
|
|
<div id="layerop" style="position:absolute;bottom:0;left:0;width:100%;height:240px;border-top:1px solid #ccc;display:none;"><div id="layerGrid"></div></div>
|
||
|
|
</div>
|
||
|
|
<div id="colopWrap" style="position:absolute;border:1px solid #ccc;border-left:0;top:0; right:0;width:240px;height:100%;display:none;">
|
||
|
|
<div id="colop" style="padding:5px;padding-bottom:0;">
|
||
|
|
<div class="lr-component-title">显示名称</div>
|
||
|
|
<div class="lr-component-control"><input id="name" type="text" class="form-control" placeholder="必填项" /></div>
|
||
|
|
<div class="lr-component-title">上级列头</div>
|
||
|
|
<div class="lr-component-control"><div id="parentId"></div></div>
|
||
|
|
<div class="lr-component-title field">绑定字段</div>
|
||
|
|
<div class="lr-component-control field"><div id="field"></div></div>
|
||
|
|
|
||
|
|
<div class="lr-component-title lastcol">对齐方式</div>
|
||
|
|
<div class="lr-component-control lastcol"><div id="align"></div></div>
|
||
|
|
<div class="lr-component-title lastcol">宽度</div>
|
||
|
|
<div class="lr-component-control lastcol"><input id="width" type="text" class="form-control" placeholder="必填项" value="100" /></div>
|
||
|
|
|
||
|
|
<div class="lr-component-title lastcol">类型</div>
|
||
|
|
<div class="lr-component-control lastcol"><div id="type"></div></div>
|
||
|
|
|
||
|
|
<div class="lr-component-title datasource">数据来源</div>
|
||
|
|
<div class="lr-component-control datasource"><div id="dataSource"></div></div>
|
||
|
|
<div class="lr-component-title datasource">数据选项</div>
|
||
|
|
<div class="lr-component-control datasource"><div id="dataItemId"></div><div id="dataSourceId" style="display:none;"></div></div>
|
||
|
|
<div class="lr-component-title datasource1">显示字段</div>
|
||
|
|
<div class="lr-component-control datasource1"><div id="showField"></div></div>
|
||
|
|
<div class="lr-component-title datasource1">保存字段</div>
|
||
|
|
<div class="lr-component-control datasource1"><div id="saveField"></div></div>
|
||
|
|
<div class="lr-component-title datasource dfvalue">默认值</div>
|
||
|
|
<div class="lr-component-control datasource dfvalue"><div id="dfvalue"></div></div>
|
||
|
|
|
||
|
|
<div class="lr-component-title datetime">日期格式</div>
|
||
|
|
<div class="lr-component-control datetime"><div id="datetime"></div></div>
|
||
|
|
|
||
|
|
<div class="lr-component-title layer">窗口宽</div>
|
||
|
|
<div class="lr-component-control layer"><input id="layerW" type="text" class="form-control" /></div>
|
||
|
|
|
||
|
|
<div class="lr-component-title layer">窗口高</div>
|
||
|
|
<div class="lr-component-control layer"><input id="layerH" type="text" class="form-control" /></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
var keyValue = request('keyValue');
|
||
|
|
var gridSetting = top[keyValue];
|
||
|
|
|
||
|
|
var bootstrap = function ($, learun) {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
var currentRow = null;
|
||
|
|
var setFlag = false;
|
||
|
|
function initData(data) {
|
||
|
|
var colDatas = [];
|
||
|
|
var map = {};
|
||
|
|
$.each(gridSetting.fields, function (_index, _item) {
|
||
|
|
map[_item.field] = _item;
|
||
|
|
});
|
||
|
|
$.each(data, function (_index, _item) {
|
||
|
|
var point = {
|
||
|
|
isHide: 0,
|
||
|
|
field: _item.f_column,
|
||
|
|
name: _item.f_remark,
|
||
|
|
width: 80,
|
||
|
|
align: 'left',
|
||
|
|
type: 'input'
|
||
|
|
};
|
||
|
|
if (map[_item.field]) {
|
||
|
|
point = map[_item.field];
|
||
|
|
}
|
||
|
|
colDatas.push(point);
|
||
|
|
});
|
||
|
|
gridSetting.fields = colDatas;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function setRowOp() {
|
||
|
|
setFlag = true;
|
||
|
|
var res = [];
|
||
|
|
var parentId = currentRow.parentId;
|
||
|
|
$('.field').show();
|
||
|
|
$.each(gridSetting.fields, function (_index, _item) {
|
||
|
|
if (_item.field === '' && _item.name !== '' && _item.id !== currentRow.id) {
|
||
|
|
res.push({ 'id': _item.id, 'text': _item.name });
|
||
|
|
}
|
||
|
|
if (currentRow.id === _item.parentId) {
|
||
|
|
$('.field').hide();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$('#parentId').lrselectRefresh({
|
||
|
|
data: res
|
||
|
|
});
|
||
|
|
|
||
|
|
//$('#colop').lrSetFormData(currentRow);
|
||
|
|
$('#name').val(currentRow.name);
|
||
|
|
$('#parentId').lrselectSet(parentId);
|
||
|
|
$('#field').lrselectSet(currentRow.field);
|
||
|
|
$('#align').lrselectSet(currentRow.align);
|
||
|
|
$('#width').val(currentRow.width);
|
||
|
|
$('#type').lrselectSet(currentRow.type);
|
||
|
|
|
||
|
|
switch (currentRow.type) {
|
||
|
|
case 'label':
|
||
|
|
case 'input':
|
||
|
|
case 'guid':
|
||
|
|
break;
|
||
|
|
case 'radio':
|
||
|
|
case 'checkbox':
|
||
|
|
case 'select':
|
||
|
|
$('#dataSource').lrselectSet(currentRow.dataSource);
|
||
|
|
$('#dfvalue').lrselectSet(currentRow.dfvalue);
|
||
|
|
if (currentRow.dataSource === '0') {
|
||
|
|
$('#dataItemId').lrselectSet(currentRow.itemCode);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$('#dataSourceId').lrselectSet(currentRow.dataSourceId);
|
||
|
|
$('#showField').lrselectSet(currentRow.showField);
|
||
|
|
$('#saveField').lrselectSet(currentRow.saveField);
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'layer':
|
||
|
|
$('#layerW').val(currentRow.layerW || '');
|
||
|
|
$('#layerH').val(currentRow.layerH || '');
|
||
|
|
break;
|
||
|
|
case 'datetime':
|
||
|
|
$('#datetime').lrselectSet(currentRow.datetime);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
setFlag = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 设置弹层显示数据
|
||
|
|
function setLayerGridData(data) {
|
||
|
|
currentRow.layerData = data || [
|
||
|
|
{ label: '项目名', name: 'F_ItemName', value: '', width: '100', align: 'left', hide: 0 },
|
||
|
|
{ label: '项目值', name: 'F_ItemValue', value: '', width: '100', align: 'left', hide: 0 }
|
||
|
|
];
|
||
|
|
$('#layerGrid').jfGridSet('refreshdata', currentRow.layerData);
|
||
|
|
}
|
||
|
|
|
||
|
|
var page = {
|
||
|
|
init: function () {
|
||
|
|
page.bind();
|
||
|
|
},
|
||
|
|
bind: function () {
|
||
|
|
$('#colopWrap').lrscroll();
|
||
|
|
// 显示名称
|
||
|
|
$('#name').on("input propertychange", function (e) {
|
||
|
|
var value = $(this).val();
|
||
|
|
currentRow['name'] = value;
|
||
|
|
$('#edit_grid').jfGridSet('updateRow');
|
||
|
|
});
|
||
|
|
|
||
|
|
// 字段绑定
|
||
|
|
$('#field').lrselect({
|
||
|
|
value: 'f_column',
|
||
|
|
text: 'f_column',
|
||
|
|
title: 'f_remark',
|
||
|
|
allowSearch: true,
|
||
|
|
select: function (item) {
|
||
|
|
if (item) {
|
||
|
|
currentRow.field = item.f_column;
|
||
|
|
if (currentRow.name === '') {
|
||
|
|
currentRow.name = item.f_remark;
|
||
|
|
$('#name').val(currentRow.name);
|
||
|
|
}
|
||
|
|
$('.lastcol').show();
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
if (currentRow) {
|
||
|
|
currentRow.field = '';
|
||
|
|
}
|
||
|
|
$('.lastcol').hide();
|
||
|
|
}
|
||
|
|
|
||
|
|
$('#edit_grid').jfGridSet('updateRow');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 对齐方式
|
||
|
|
$('#align').lrselect({
|
||
|
|
placeholder: false,
|
||
|
|
data: [
|
||
|
|
{ 'id': 'left', 'text': '靠左' },
|
||
|
|
{ 'id': 'center', 'text': '居中' },
|
||
|
|
{ 'id': 'right', 'text': '靠右' }
|
||
|
|
],
|
||
|
|
select: function (item) {
|
||
|
|
currentRow.align = item.id;
|
||
|
|
$('#edit_grid').jfGridSet('updateRow');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 字段宽度
|
||
|
|
$('#width').on("input propertychange", function (e) {
|
||
|
|
var value = $(this).val();
|
||
|
|
currentRow['width'] = value;
|
||
|
|
});
|
||
|
|
|
||
|
|
// 字段类型
|
||
|
|
$('#type').lrselect({
|
||
|
|
placeholder: false,
|
||
|
|
data: [
|
||
|
|
{ 'id': 'label', 'text': '文本' },
|
||
|
|
{ 'id': 'input', 'text': '输入框' },
|
||
|
|
{ 'id': 'select', 'text': '下拉框' },
|
||
|
|
{ 'id': 'radio', 'text': '单选框' },
|
||
|
|
{ 'id': 'checkbox', 'text': '多选框' },
|
||
|
|
{ 'id': 'layer', 'text': '弹层选择框' },
|
||
|
|
{ 'id': 'datetime', 'text': '日期' },
|
||
|
|
{ 'id': 'guid', 'text': 'GUID' }
|
||
|
|
],
|
||
|
|
select: function (item) {
|
||
|
|
currentRow.type = item.id;
|
||
|
|
$('#layerop').hide();
|
||
|
|
$('#layerop').parent().removeClass('layerop');
|
||
|
|
$('.layer').hide();
|
||
|
|
|
||
|
|
switch (item.id) {
|
||
|
|
case 'label':
|
||
|
|
case 'input':
|
||
|
|
case 'guid':
|
||
|
|
$('.datasource').hide();
|
||
|
|
$('.datasource1').hide();
|
||
|
|
$('.datetime').hide();
|
||
|
|
break;
|
||
|
|
case 'radio':
|
||
|
|
case 'checkbox':
|
||
|
|
case 'select':
|
||
|
|
$('.datetime').hide();
|
||
|
|
$('.datasource').show();
|
||
|
|
$('#dataSource').lrselectSet(currentRow.dataSource);
|
||
|
|
if (currentRow.dataSource === '0') {
|
||
|
|
$('#dataItemId').lrselectSet(currentRow.itemCode || currentRow.dataItemCode);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$('#dataSourceId').lrselectSet(currentRow.dataSourceId);
|
||
|
|
$('#showField').lrselectSet(currentRow.showField);
|
||
|
|
$('#saveField').lrselectSet(currentRow.saveField);
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 'layer':
|
||
|
|
$('.datetime').hide();
|
||
|
|
$('.datasource1').hide();
|
||
|
|
$('.datasource').show();
|
||
|
|
|
||
|
|
$('.dfvalue').hide();
|
||
|
|
$('#dataSource').lrselectSet(currentRow.dataSource);
|
||
|
|
if (currentRow.dataSource === '0') {
|
||
|
|
$('#dataItemId').lrselectSet(currentRow.itemCode || currentRow.dataItemCode);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$('#dataSourceId').lrselectSet(currentRow.dataSourceId);
|
||
|
|
}
|
||
|
|
$('.layer').show();
|
||
|
|
$('#layerop').show();
|
||
|
|
$('#layerop').parent().addClass('layerop');
|
||
|
|
|
||
|
|
break;
|
||
|
|
case 'datetime':
|
||
|
|
$('.datetime').show();
|
||
|
|
$('.datasource').hide();
|
||
|
|
$('.datasource1').hide();
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
$('#edit_grid').jfGridSet('updateRow');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 上级列头
|
||
|
|
$('#parentId').lrselect({
|
||
|
|
select: function (item) {
|
||
|
|
if (!item) {
|
||
|
|
currentRow.parentId = '';
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
if (currentRow.parentId !== item.id) {
|
||
|
|
currentRow.parentId = item.id;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!setFlag) {
|
||
|
|
$('#edit_grid').jfGridSet('refreshdata', gridSetting.fields);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 数据来源
|
||
|
|
$('#dfvalue').lrselect({
|
||
|
|
allowSearch: true,
|
||
|
|
select: function (item) {
|
||
|
|
if (item) {
|
||
|
|
if (currentRow.dataSource === '0') {
|
||
|
|
currentRow.dfvalue = item.id;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
currentRow.dfvalue = item[currentRow.saveField];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
currentRow.dfvalue = '';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 数据字典选项
|
||
|
|
$('#dataItemId').lrselect({
|
||
|
|
allowSearch: true,
|
||
|
|
url: top.$.rootUrl + '/LR_SystemModule/DataItem/GetClassifyTree',
|
||
|
|
type: 'tree',
|
||
|
|
value: 'value',
|
||
|
|
select: function (item) {
|
||
|
|
if (item) {
|
||
|
|
if (currentRow.dataSourceId !== item.id) {
|
||
|
|
currentRow.dfvalue = '';
|
||
|
|
currentRow.itemCode = item.value;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (currentRow.type === 'radio' || currentRow.type === 'checkbox' || currentRow.type === 'select') {
|
||
|
|
|
||
|
|
learun.clientdata.getAllAsync('dataItem', {
|
||
|
|
code: item.value,
|
||
|
|
callback: function (dataes) {
|
||
|
|
var list = [];
|
||
|
|
$.each(dataes, function (_index, _item) {
|
||
|
|
if (_item.parentId === "0") {
|
||
|
|
list.push({ id: _item.value, text: _item.text, title: _item.text, k: _index });
|
||
|
|
}
|
||
|
|
});
|
||
|
|
var _value = currentRow.dfvalue;
|
||
|
|
$('#dfvalue').lrselectRefresh({
|
||
|
|
value: "id",
|
||
|
|
text: "text",
|
||
|
|
title: "title",
|
||
|
|
data: list,
|
||
|
|
url: ''
|
||
|
|
});
|
||
|
|
if (_value !== '' && _value !== undefined && _value !== null) {
|
||
|
|
$('#dfvalue').lrselectSet(_value);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
currentRow.itemCode = '';
|
||
|
|
currentRow.dataItemCode && (currentRow.dataItemCode = '');
|
||
|
|
if (currentRow.type === 'radio' || currentRow.type === 'checkbox' || currentRow.type === 'select') {
|
||
|
|
currentRow.dfvalue = '';
|
||
|
|
$('#dfvalue').lrselectRefresh({ url: '', data: [] });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 数据源
|
||
|
|
$('#showField').lrselect({
|
||
|
|
title: 'text',
|
||
|
|
text: 'text',
|
||
|
|
value: 'value',
|
||
|
|
allowSearch: true,
|
||
|
|
select: function (item) {
|
||
|
|
if (item) {
|
||
|
|
currentRow.showField = item.value;
|
||
|
|
if (currentRow.saveField !== '') {
|
||
|
|
learun.clientdata.getAllAsync('sourceData', {
|
||
|
|
code: currentRow.dataSourceId,
|
||
|
|
callback: function (dataes) {
|
||
|
|
var _value = currentRow.dfvalue;
|
||
|
|
$('#dfvalue').lrselectRefresh({
|
||
|
|
value: currentRow.saveField,
|
||
|
|
text: currentRow.showField,
|
||
|
|
title: currentRow.showField,
|
||
|
|
url: '',
|
||
|
|
data: dataes
|
||
|
|
});
|
||
|
|
|
||
|
|
if (_value !== '' && _value !== undefined && _value !== null) {
|
||
|
|
$('#dfvalue').lrselectSet(_value);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$('#saveField').lrselect({
|
||
|
|
title: 'text',
|
||
|
|
text: 'text',
|
||
|
|
value: 'value',
|
||
|
|
allowSearch: true,
|
||
|
|
select: function (item) {
|
||
|
|
if (item) {
|
||
|
|
currentRow.saveField = item.value;
|
||
|
|
if (currentRow.showField !== '') {
|
||
|
|
learun.clientdata.getAllAsync('sourceData', {
|
||
|
|
code: currentRow.dataSourceId,
|
||
|
|
callback: function (dataes) {
|
||
|
|
var _value = currentRow.dfvalue;
|
||
|
|
$('#dfvalue').lrselectRefresh({
|
||
|
|
value: currentRow.saveField,
|
||
|
|
text: currentRow.showField,
|
||
|
|
title: currentRow.showField,
|
||
|
|
url: '',
|
||
|
|
data: dataes
|
||
|
|
});
|
||
|
|
|
||
|
|
if (_value !== '' && _value !== undefined && _value !== null) {
|
||
|
|
$('#dfvalue').lrselectSet(_value);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$('#dataSourceId').lrselect({
|
||
|
|
allowSearch: true,
|
||
|
|
url: top.$.rootUrl + '/LR_SystemModule/DataSource/GetList',
|
||
|
|
value: 'F_Code',
|
||
|
|
text: 'F_Name',
|
||
|
|
title: 'F_Name',
|
||
|
|
select: function (item) {
|
||
|
|
var flag = true;
|
||
|
|
if (item) {
|
||
|
|
if (currentRow.dataSourceId !== item.F_Code) {
|
||
|
|
currentRow.showField = '';
|
||
|
|
currentRow.saveField = '';
|
||
|
|
currentRow.dfvalue = '';
|
||
|
|
flag = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
currentRow.dataSourceId = item.F_Code;
|
||
|
|
if (currentRow.type === 'radio' || currentRow.type === 'checkbox' || currentRow.type === 'select') {
|
||
|
|
var _value = currentRow.dfvalue;
|
||
|
|
$('#dfvalue').lrselectRefresh({ url: '', data: [] });
|
||
|
|
currentRow.dfvalue = _value;
|
||
|
|
//获取字段数据
|
||
|
|
learun.httpAsync('GET', top.$.rootUrl + '/LR_SystemModule/DataSource/GetDataColName', { code: item.F_Code }, function (data) {
|
||
|
|
var fieldData = [];
|
||
|
|
for (var i = 0, l = data.length; i < l; i++) {
|
||
|
|
var id = data[i];
|
||
|
|
var selectpoint = { value: id, text: id };
|
||
|
|
fieldData.push(selectpoint);
|
||
|
|
}
|
||
|
|
$('#showField').lrselectRefresh({
|
||
|
|
data: fieldData,
|
||
|
|
placeholder: false
|
||
|
|
});
|
||
|
|
$('#showField').lrselectSet(currentRow.showField || fieldData[0].value);
|
||
|
|
$('#saveField').lrselectRefresh({
|
||
|
|
data: fieldData,
|
||
|
|
placeholder: false
|
||
|
|
});
|
||
|
|
$('#saveField').lrselectSet(currentRow.saveField || fieldData[0].value);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else if (currentRow.type === 'layer') {
|
||
|
|
if (!flag || currentRow.layerData.length === 0) {
|
||
|
|
learun.httpAsync('GET', top.$.rootUrl + '/LR_SystemModule/DataSource/GetDataColName', { code: item.F_Code }, function (data) {
|
||
|
|
var fieldData = [];
|
||
|
|
$.each(data, function (_index, _item) {
|
||
|
|
var selectpoint = { label: '', name: _item, value: '', width: '100', align: 'left', hide: 0 };
|
||
|
|
fieldData.push(selectpoint);
|
||
|
|
});
|
||
|
|
setLayerGridData(fieldData);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
setLayerGridData(currentRow.layerData);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
currentRow.dataSourceId = '';
|
||
|
|
if (currentRow.type === 'radio' || currentRow.type === 'checkbox' || currentRow.type === 'select') {
|
||
|
|
currentRow.showField = '';
|
||
|
|
currentRow.saveField = '';
|
||
|
|
currentRow.dfvalue = '';
|
||
|
|
|
||
|
|
$('#showField').lrselectRefresh({
|
||
|
|
data: [],
|
||
|
|
placeholder: '请选择'
|
||
|
|
});
|
||
|
|
$('#saveField').lrselectRefresh({
|
||
|
|
data: [],
|
||
|
|
placeholder: '请选择'
|
||
|
|
});
|
||
|
|
$('#dfvalue').lrselectRefresh({ url: '', data: [] });
|
||
|
|
} else if (currentRow.type === 'layer') {
|
||
|
|
setLayerGridData([]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$('#dataSource').lrselect({
|
||
|
|
data: [{ id: '0', text: '数据字典' }, { id: '1', text: '数据源' }],
|
||
|
|
value: 'id',
|
||
|
|
text: 'text',
|
||
|
|
placeholder: false,
|
||
|
|
select: function (item) {
|
||
|
|
if (currentRow) {
|
||
|
|
if (currentRow.dataSource === '0' && item.id === '1') {
|
||
|
|
currentRow.layerData = [];
|
||
|
|
}
|
||
|
|
else if (currentRow.dataSource === '1' && item.id === '0') {
|
||
|
|
currentRow.layerData = [
|
||
|
|
{ label: '项目名', name: 'F_ItemName', value: '', width: '100', align: 'left', hide: 0 },
|
||
|
|
{ label: '项目值', name: 'F_ItemValue', value: '', width: '100', align: 'left', hide: 0 }
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
currentRow.dataSource = item.id;
|
||
|
|
}
|
||
|
|
if (item.id === '0') {
|
||
|
|
$('#dataSourceId').hide();
|
||
|
|
$('#dataItemId').show();
|
||
|
|
$('.datasource1').hide();
|
||
|
|
|
||
|
|
if (currentRow.type === 'layer') {
|
||
|
|
setLayerGridData(currentRow.layerData);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$('#dataItemId').hide();
|
||
|
|
$('#dataSourceId').show();
|
||
|
|
|
||
|
|
if (currentRow.type === 'radio' || currentRow.type === 'checkbox' || currentRow.type === 'select') {
|
||
|
|
$('.datasource1').show();
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$('.datasource1').hide();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (currentRow.type === 'layer') {
|
||
|
|
setLayerGridData(currentRow.layerData || []);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 弹层数据设置
|
||
|
|
$('#layerGrid').jfGrid({
|
||
|
|
headData: [
|
||
|
|
{
|
||
|
|
label: "字段名", name: "label", width: 150, align: "left",
|
||
|
|
edit: {
|
||
|
|
type: 'input'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{ label: "字段ID", name: "name", width: 150, align: "left" },
|
||
|
|
{
|
||
|
|
label: "绑定字段", name: "value", width: 150, align: "left",
|
||
|
|
edit: {
|
||
|
|
type: 'select',
|
||
|
|
init: function (row, $self) {// 选中单元格后执行
|
||
|
|
$self.lrselectRefresh({
|
||
|
|
data: gridSetting.fieldMap[gridSetting.dbId + gridSetting.tableName]
|
||
|
|
});
|
||
|
|
},
|
||
|
|
op: {
|
||
|
|
value: 'f_column',
|
||
|
|
text: 'f_column',
|
||
|
|
title: 'f_remark',
|
||
|
|
allowSearch: true
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "宽度", name: "width", width: 70, align: "center",
|
||
|
|
edit: {
|
||
|
|
type: 'input'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "对齐", name: "align", width: 70, align: "center",
|
||
|
|
edit: {
|
||
|
|
type: 'select',
|
||
|
|
op: {
|
||
|
|
placeholder: false,
|
||
|
|
data: [
|
||
|
|
{ 'id': 'left', 'text': '靠左' },
|
||
|
|
{ 'id': 'center', 'text': '居中' },
|
||
|
|
{ 'id': 'right', 'text': '靠右' }
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "隐藏", name: "hide", width: 50, align: "center",
|
||
|
|
formatter: function (value, row, op, $cell) {
|
||
|
|
$cell.on('click', function () {
|
||
|
|
var v = $cell.find('span').text();
|
||
|
|
if (v === '是') {
|
||
|
|
row.hide = 0;
|
||
|
|
$cell.html('<span class=\"label label-success \" style=\"cursor: pointer;\">否</span>');
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
row.hide = 1;
|
||
|
|
$cell.html('<span class=\"label label-default \" style=\"cursor: pointer;\">是</span>');
|
||
|
|
}
|
||
|
|
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
|
||
|
|
if (value === 1) {
|
||
|
|
return '<span class=\"label label-default \" style=\"cursor: pointer;\">是</span>';
|
||
|
|
} else if (value === 0) {
|
||
|
|
return '<span class=\"label label-success \" style=\"cursor: pointer;\">否</span>';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},// 1 隐藏 0 显示
|
||
|
|
{
|
||
|
|
label: "", name: "btn1", width: 50, align: "center",
|
||
|
|
formatter: function (value, row, op, $cell) {
|
||
|
|
$cell.on('click', function () {
|
||
|
|
var rowindex = parseInt($cell.attr('rowindex'));
|
||
|
|
var res = $('#layerGrid').jfGridSet('moveUp', rowindex);
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
return '<span class=\"label label-info\" style=\"cursor: pointer;\">上移</span>';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "", name: "btn2", width: 50, align: "center",
|
||
|
|
formatter: function (value, row, op, $cell) {
|
||
|
|
$cell.on('click', function () {
|
||
|
|
var rowindex = parseInt($cell.attr('rowindex'));
|
||
|
|
var res = $('#layerGrid').jfGridSet('moveDown', rowindex);
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
return '<span class=\"label label-warning\" style=\"cursor: pointer;\">下移</span>';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
],
|
||
|
|
isShowNum: false
|
||
|
|
});
|
||
|
|
// 弹层宽
|
||
|
|
$('#layerW').on("input propertychange", function (e) {
|
||
|
|
var value = $(this).val();
|
||
|
|
currentRow['layerW'] = value;
|
||
|
|
});
|
||
|
|
// 弹层高
|
||
|
|
$('#layerH').on("input propertychange", function (e) {
|
||
|
|
var value = $(this).val();
|
||
|
|
currentRow['layerH'] = value;
|
||
|
|
});
|
||
|
|
|
||
|
|
// 日期格式
|
||
|
|
$('#datetime').lrselect({
|
||
|
|
placeholder: false,
|
||
|
|
data: [
|
||
|
|
{ 'id': 'date', 'text': '仅日期' },
|
||
|
|
{ 'id': 'datetime', 'text': '日期和时间' }
|
||
|
|
],
|
||
|
|
select: function (item) {
|
||
|
|
if (currentRow) {
|
||
|
|
if (item) {
|
||
|
|
currentRow.datetime = item.id;
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
currentRow.datetime = 'date';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}).lrselectSet('date');
|
||
|
|
|
||
|
|
$('#edit_grid').jfGrid({
|
||
|
|
headData: [
|
||
|
|
{
|
||
|
|
label: "显示名称", name: "name", width: 200, align: "left"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "绑定字段", name: "field", width: 200, align: "left"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "类型", name: "type", width: 100, align: "center",
|
||
|
|
formatter: function (value, row, op, $cell) {
|
||
|
|
switch (value) {
|
||
|
|
case 'label':
|
||
|
|
return '文本';
|
||
|
|
case 'input': // 输入框 文本,数字,密码
|
||
|
|
return '输入框';
|
||
|
|
case 'select': // 下拉框选择
|
||
|
|
return '下拉框';
|
||
|
|
case 'radio': // 单选
|
||
|
|
return '单选框';
|
||
|
|
case 'checkbox': // 多选
|
||
|
|
return '多选框';
|
||
|
|
case 'datetime': // 时间
|
||
|
|
return '日期';
|
||
|
|
case 'layer': // 弹层
|
||
|
|
return '弹层选择框';
|
||
|
|
case 'guid':
|
||
|
|
return 'GUID';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "", name: "btn1", width: 50, align: "center",
|
||
|
|
formatter: function (value, row, op, $cell) {
|
||
|
|
$cell.on('click', function () {
|
||
|
|
var rowindex = parseInt($cell.attr('rowindex'));
|
||
|
|
var res = $('#edit_grid').jfGridSet('moveUp', rowindex);
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
return '<span class=\"label label-info\" style=\"cursor: pointer;\">上移</span>';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "", name: "btn2", width: 50, align: "center",
|
||
|
|
formatter: function (value, row, op, $cell) {
|
||
|
|
$cell.on('click', function () {
|
||
|
|
var rowindex = parseInt($cell.attr('rowindex'));
|
||
|
|
var res = $('#edit_grid').jfGridSet('moveDown', rowindex);
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
return '<span class=\"label label-warning\" style=\"cursor: pointer;\">下移</span>';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "", name: "", width: 5, align: "center"
|
||
|
|
}
|
||
|
|
],
|
||
|
|
isEdit: true,
|
||
|
|
isShowNum: false,
|
||
|
|
mainId: 'id',
|
||
|
|
isTree: true,
|
||
|
|
onSelectRow: function (rowdata) {
|
||
|
|
$('#colopWrap').show();
|
||
|
|
$('#colopWrap').parent().addClass('editopen');
|
||
|
|
currentRow = rowdata;
|
||
|
|
setRowOp();
|
||
|
|
},
|
||
|
|
onAddRow: function (row, rows) {
|
||
|
|
row.id = learun.newGuid();
|
||
|
|
row.name = '';
|
||
|
|
row.type = 'label';
|
||
|
|
row.width = 100;
|
||
|
|
row.align = 'left';
|
||
|
|
row.parentId = '';
|
||
|
|
row.field = '';
|
||
|
|
row.dataSource = '0';
|
||
|
|
},
|
||
|
|
onMinusRow: function (row, rows) {
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$('#edit_grid').jfGridSet('refreshdata', gridSetting.fields);
|
||
|
|
if (!gridSetting.fieldMap[gridSetting.dbId + gridSetting.tableName]) {
|
||
|
|
learun.httpAsync('GET', top.$.rootUrl + '/LR_SystemModule/DatabaseTable/GetFieldList', { dbCode: gridSetting.dbId, tableName: gridSetting.tableName }, function (data) {
|
||
|
|
gridSetting.fieldMap[gridSetting.dbId + gridSetting.tableName] = data;
|
||
|
|
$('#field').lrselectRefresh({
|
||
|
|
data: data
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
$('#field').lrselectRefresh({
|
||
|
|
data: gridSetting.fieldMap[gridSetting.dbId + gridSetting.tableName]
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
page.init();
|
||
|
|
};
|
||
|
|
</script>
|