yuandq/yili-apps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
733bc67aea
yili-apps/com.actionsoft.apps.coe.pal/template/page/pal.pl.manage.attribute.dialog.html

542 lines
24 KiB
HTML
Raw Normal View History

本地仓库pal初始化
2022-06-27 22:14:40 +08:00
<!Doctype html>
<html xmlns=http://www.w3.org/1999/xhtml xmlns="http://www.w3.org/1999/html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Attribute dialog page</title>
<link rel="stylesheet" href="../commons/css/awsui.css">
<script src="../commons/js/jquery/scripts/jquery.js"></script>
<link rel="stylesheet" href="../commons/css/awsui.css"/>
<link rel="stylesheet" href="../commons/js/jquery/themes/default/public.css">
<script type="text/javascript" src="../commons/js/jquery/scripts/demo/shCore.js"></script>
<script type="text/javascript" src="../commons/js/jquery/scripts/demo/shBrushJScript.js"></script>
<link type="text/css" rel="stylesheet" href="../commons/js/jquery/themes/default/demo/shCoreDefault.css"/>
<link rel="stylesheet" href="../apps/_bpm.platform/css/integration/console.m.job.main.css"/>
<link rel="stylesheet" href="../apps/_bpm.platform/css/integration/console.m.job.timeline.css"/>
<script src="../commons/js/awsui.js"></script>
<script type="text/javascript" src="../apps/_bpm.platform/js/console.m.process.bpmn.designer.properties.tools.js"></script>
<style type="text/css">
.switchery > small {
width: 16px!important;
height: 16px!important;
top: -2px!important;
}
</style>
<script type="text/javascript">
var sid = "<#sid>";
var methodId = "<#methodId>";
var switchAttributeReadOnlyBtn;
var switchAttributeValidBtn;
var switchFileAttributeBtn;
var switchShapeAttributeBtn;
function getData() {
var attrCode = $("#attrCode").val();
var attrName = $("#attrName").val();
var fileCkb = $("#switchFileAttribute")[0].checked;
var shapeCkb = $("#switchShapeAttribute")[0].checked;
var selectShape = $("#selectMultiple").val();
var type = $("#types").val();
var value = $("#defaultValue").val();
var readOnly = $("#switchAttributeReadOnly")[0].checked;
var groupPath = $("#groups").val();
var isValid = $("#switchAttributeValid")[0].checked;
var data = {
attrCode : attrCode,
attrName : attrName,
fileCkb : fileCkb,
shapeCkb : shapeCkb,
selectShape : selectShape,
type : type,
value : value,
readOnly : readOnly,
groupPath : groupPath,
isValid : isValid
};
return data;
}
$(function(){
//开关
//开关的样式设置
var executeOptReadOnly = {
disabled : true,
showtextflag : false,
color : '#82b1ec',//开背景色
onBtnColor: "#1a73e8",
onColor: "#1a73e8",
secondaryColor : '#bdc1c6',//关背景色
swwidth : 30,//宽度
swheight : 12,//高度
change: function () {
}
};
var executeOptValid = {
showtextflag : false,
color : '#82b1ec',//开背景色
onBtnColor: "#1a73e8",
onColor: "#1a73e8",
secondaryColor : '#bdc1c6',//关背景色
swwidth : 30,//宽度
swheight : 12,//高度
change: function () {
}
};
var executeOptFile = {
showtextflag : false,
color : '#82b1ec',//开背景色
onBtnColor: "#1a73e8",
onColor: "#1a73e8",
secondaryColor : '#bdc1c6',//关背景色
swwidth : 30,//宽度
swheight : 12,//高度
change: function () {
}
};
var executeOptShape = {
showtextflag : false,
color : '#82b1ec',//开背景色
onBtnColor: "#1a73e8",
onColor: "#1a73e8",
secondaryColor : '#bdc1c6',//关背景色
swwidth : 30,//宽度
swheight : 12,//高度
change: function () {
if ($("#switchShapeAttribute").prop("checked") == true) {
$("#shapeSelect").css("display", "block");
$("#shapeSelectInput").css("display", "block");
} else {
$("#shapeSelect").css("display", "none");
$("#shapeSelectInput").css("display", "none");
}
}
};
switchAttributeReadOnlyBtn = $("#switchAttributeReadOnly").switchButton(executeOptValid);
consolePropertiesListClickEvent.init("#testDiv");
switchAttributeValidBtn = $("#switchAttributeValid").switchButton(executeOptValid);
switchAttributeValidBtn.changeStatus(true);
switchFileAttributeBtn = $("#switchFileAttribute").switchButton(executeOptFile);
switchShapeAttributeBtn = $("#switchShapeAttribute").switchButton(executeOptShape);
//类型，组别，范围多选的参数
var opt = {
width : "100%",
data : [],
multiple :true,
closeOnSelect : false
};
var opt1 = {
width : "100%",
data : []
};
var opt2 = {
width : "100%",
data : []
};
var jsonShape;
//加载类型，组别，图形多选
awsui.ajax.request({
url: './jd',
type: 'post',
async: false,
data: {
sid: sid,
cmd: 'com.actionsoft.apps.coe.pal_pl_manage_main_attr_message',
methodId: methodId
},
error: function () {
$.simpleAlert('网络有问题请求失败', 'info', 2000, {model: true});
return false;
},
success: function (data) {
var shapes = data.shapes;
jsonShape = JSON.parse(shapes);
for (var key in jsonShape) {
var id = key;
var text = jsonShape[key]
var shape = {id:id, text:text};
opt.data.push(shape);
}
var types = data.types;
types = types.split(',');
for (var i = 0; i < types.length; i++) {
var temp = types[i];
var type = {id:temp, text:temp};
opt1.data.push(type);
}
if ("<#type>" == "update") {
//对于type下拉列表添加两个暂时没有的值
var typeSelect = {id:"select", text:"select"};
var typeSelectM = {id:"select_m", text:"select_m"};
opt1.data.push(typeSelect);
opt1.data.push(typeSelectM);
}
var groups = data.groups;
var jsonGroup = JSON.parse(groups);
for (var key in jsonGroup) {
var id = key;
var text = jsonGroup[key];
var group = {id:id, text:text};
opt2.data.push(group);
}
//初始化
$("#selectMultiple").select2(opt);
$("#types").select2(opt1);
$("#groups").select2(opt2);
}
});
//通过监听type为textArea的处理
$("#types").on("select2:select",function(e){
if (e.params.data.id == "textarea") {
switchAttributeReadOnlyBtn.changeStatus(false);
$("#isReadOnly .console-item").addClass("console-disabled");
window.switchAttributeReadOnlySwBtn.disable();
$("#switchAttributeReadOnlyDiv").removeAttr("checkboxid");
$("#switchAttributeReadOnlyDiv").removeAttr("itemname");
$("#switchAttributeReadOnlyDiv").removeAttr("propsTag");
consolePropertiesListClickEvent.init("#testDiv");
} else if (e.params.data.id == "relation") {
switchAttributeReadOnlyBtn.changeStatus(true);
$("#isReadOnly .console-item").addClass("console-disabled");
window.switchAttributeReadOnlySwBtn.disable();
$("#switchAttributeReadOnlyDiv").removeAttr("checkboxid");
$("#switchAttributeReadOnlyDiv").removeAttr("itemname");
$("#switchAttributeReadOnlyDiv").removeAttr("propsTag");
consolePropertiesListClickEvent.init("#testDiv");
} else {
$("#switchAttributeReadOnlyDiv").attr("checkboxid", "switchAttributeReadOnly");
$("#switchAttributeReadOnlyDiv").attr("itemname", "switchAttributeReadOnly");
$("#switchAttributeReadOnlyDiv").attr("propsTag", "switchAttributeReadOnly");
consolePropertiesListClickEvent.init("#testDiv");
$("#isReadOnly .console-item").removeClass("console-disabled")
window.switchAttributeReadOnlySwBtn.enable();
}
});
//对于修改操作-回填数据
if ("<#type>" == "update") {
$("#switchAttributeReadOnlyDiv").removeAttr("checkboxid");
$("#switchAttributeReadOnlyDiv").removeAttr("itemname");
$("#switchAttributeReadOnlyDiv").removeAttr("propsTag");
consolePropertiesListClickEvent.init("#testDiv");
//获取回填值
var attrCode = "<#attrCode>";
var attrName = "<#attrName>";
var attrType = "<#attrType>";
var attrValue = "<#attrValue>";
var readOnly = "<#readOnly>";
var groupPath = "<#groupPath>";
var scope = "<#scope>";
var isValid = "<#isValid>";
$("#attrCode").val(attrCode);
$("#attrCode").attr("disabled", true);
$("#attrName").val(attrName);
$("#types").val([attrType]).trigger("change");
$("#types").attr("disabled", true);
$("#defaultValue").val(attrValue);
if (readOnly == '是') {
switchAttributeReadOnlyBtn.changeStatus(true);
} else {
switchAttributeReadOnlyBtn.changeStatus(false);
}
$("#isReadOnly .console-item").addClass("console-disabled");
window.switchAttributeReadOnlySwBtn.disable();
$("#groups").val([groupPath]).trigger("change");
$("#groups").attr("disabled", true);
if (isValid == "是") {
switchAttributeValidBtn.changeStatus(true);
} else {
switchAttributeValidBtn.changeStatus(false);
}
if (scope.search("文件") != -1) {
switchFileAttributeBtn.changeStatus(true);
} else {
switchFileAttributeBtn.changeStatus(false);
}
if (scope.trim().length > 0 && scope != "文件") {
switchShapeAttributeBtn.changeStatus(true);
var scopeArray = scope.split("，");
var newScopeArray = [];
//将scope转化为select中的id
for (var i = 0; i < scopeArray.length; i++) {
for (var key in jsonShape) {
if (jsonShape[key] == scopeArray[i]) {
newScopeArray.push(key);
}
}
}
if (scopeArray != null) {
$("#selectMultiple").val(newScopeArray).trigger("change");
}
$("#shapeSelect").css("display", "block");
$("#shapeSelectInput").css("display", "block");
}
}
});
</script>
</head>
<body style="width: 99%">
<!--属性的dialog-->
<div id="testDiv" class="awsui-size-large awsui-hide" style="display:block;width:90%;height:100%;">
<div class="awsui-row" style="width: 106%; height: 30px; margin-top: 10px; margin-left: 15px;">
<div style="" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">基本信息</div>
</div>
</div>
<div class="awsui-row" style="width: 106%; margin-left: 15px; border:1px solid;border-color:#eee;margin-top: -10px;">
<div class="awsui-row" style="width: 100%; height: 30px; margin-left: 15px; margin-top: 10px;">
<div style="" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">属性代码</div>
</div>
</div>
<div class="awsui-row" style="width: 94.5%; height: 30px; margin-left: 15px;margin-top: -10px;">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<span class="required" style="float: left;"></span>
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<input id="attrCode" type="text" placeholder="请输入属性代码" class="awsui-input"/>
</div>
</div>
</div>
<div class="awsui-row" style="width: 100%; height: 30px; margin-left: 15px; margin-top: 10px;">
<div style="" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">属性名称</div>
</div>
</div>
<div class="awsui-row" style="width: 94.5%; height: 30px; margin-left: 15px;margin-top: -10px;">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<span class="required" style="float: left;"></span>
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<input id="attrName" type="text" placeholder="请输入属性名称" class="awsui-input"/>
</div>
</div>
</div>
<div class="awsui-row" style="width: 100%; height: 30px; margin-left: 15px; margin-top: 10px;">
<div style="" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">类型</div>
</div>
</div>
<div class="awsui-row" style="width: 94.5%; height: 30px; margin-left: 15px;margin-top: -10px;">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<select id="types" class="awsui-select-lg"></select>
</div>
</div>
</div>
<div class="awsui-row" style="width: 100%; height: 30px; margin-left: 15px; margin-top: 15px;">
<div style="" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">默认值</div>
</div>
</div>
<div class="awsui-row" style="width: 94.5%; height: 30px; margin-left: 15px;margin-top: -10px;">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<input id="defaultValue" type="text" placeholder="请输入默认值" class="awsui-input"/>
</div>
</div>
</div>
<div class="awsui-row" style="width: 100%; height: 30px; margin-left: 15px; margin-top: 10px;">
<div style="" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">类型</div>
</div>
</div>
<div class="awsui-row" style="width: 94.5%; height: 30px; margin-left: 15px;margin-top: -10px;">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<select id="groups" class="awsui-select-lg"></select>
</div>
</div>
</div>
<div id="isReadOnly" class="awsui-row" style="width: 100%; height: 39px; margin-top: 15px; margin-left: 0px; margin-right: 0px;">
<!--<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<div class="awsui-col-xs-3 awsui-col-sm-3 awsui-col-md-3 awsui-col-lg-3" style="margin-top: 5px">是否只读</div>
<div class="awsui-col-xs-8 awsui-col-sm-8 awsui-col-md-8 awsui-col-lg-8"></div>
<div onclick="changeAttrSwitchReadOnly();" class="awsui-col-xs-1 awsui-col-sm-1 awsui-col-md-1 awsui-col-lg-1" style="margin-top: 5px">
<span>
<input type="checkbox" id="switchAttributeReadOnly"/>
</span>
</div>
</div>-->
<div id="switchAttributeReadOnlyDiv" class="console-item" itemname="switchAttributeReadOnly" propsTag="switchAttributeReadOnly" checkboxid="switchAttributeReadOnly" style="border-bottom: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;">
<div class="console-main">
<div class="awsui-col-sm-2 awsui-col-md-2 awsui-col-xs-2">
<span class="console-opt-title">
是否只读
</span>
</div>
<div class="awsui-col-sm-9 awsui-col-md-9 awsui-col-xs-9">
</div>
<div class="awsui-col-sm-1 awsui-col-md-1 awsui-col-xs-1">
<span class="console-switchbutton">
<input type="checkbox" name="switchAttributeReadOnly" id="switchAttributeReadOnly" />
</span>
</div>
</div>
</div>
</div>
<div id="isValid" class="awsui-row" style="cursor: pointer; width: 100%; height: 41px; margin-left: 0px; margin-right: 0px;">
<div class="console-item" itemname="switchAttributeValid" propsTag="switchAttributeValid" checkboxid="switchAttributeValid">
<div class="console-main">
<div class="awsui-col-sm-2 awsui-col-md-2 awsui-col-xs-2">
<span class="console-opt-title">
是否有效
</span>
</div>
<div class="awsui-col-sm-9 awsui-col-md-9 awsui-col-xs-9">
</div>
<div class="awsui-col-sm-1 awsui-col-md-1 awsui-col-xs-1">
<span class="console-switchbutton">
<input type="checkbox" name="switchAttributeValid" id="switchAttributeValid" />
</span>
</div>
</div>
</div>
</div>
</div>
<div class="awsui-row" style="width: 100%; height: 30px; margin-left: 15px; margin-top: 10px;">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<!--<div class="required"></div>-->
<span class="required" style="float: left;"></span>
<div style="margin-top: 5px" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">作用范围</div>
</div>
</div>
</div>
<div class="awsui-row" style="width: 106%; margin-left: 15px; margin-top: -5px; border:1px solid;border-color:#eee; margin-bottom: 10px;">
<div id="fileAttrCkb" class="awsui-row" style="cursor: pointer; width: 100%; height: 39px; margin-left: 0px;margin-right:0px;">
<div class="console-item" itemname="switchFileAttribute" propsTag="switchFileAttribute" checkboxid="switchFileAttribute">
<div class="console-main">
<div class="awsui-col-sm-2 awsui-col-md-2 awsui-col-xs-2">
<span class="console-opt-title">
文件属性
</span>
</div>
<div class="awsui-col-sm-9 awsui-col-md-9 awsui-col-xs-9">
</div>
<div class="awsui-col-sm-1 awsui-col-md-1 awsui-col-xs-1">
<span class="console-switchbutton">
<input type="checkbox" name="switchFileAttribute" id="switchFileAttribute" />
</span>
</div>
</div>
</div>
</div>
<div id="shapeAttrCkb" class="awsui-row" style="cursor: pointer; width: 100%; height: 40px; margin-left: 0px;margin-right:0px;">
<div class="console-item" itemname="switchShapeAttribute" propsTag="switchShapeAttribute" checkboxid="switchShapeAttribute" style="border-top: 1px solid #e9e9e9;">
<div class="console-main">
<div class="awsui-col-sm-2 awsui-col-md-2 awsui-col-xs-2">
<span class="console-opt-title">
形状属性
</span>
</div>
<div class="awsui-col-sm-9 awsui-col-md-9 awsui-col-xs-9">
</div>
<div class="awsui-col-sm-1 awsui-col-md-1 awsui-col-xs-1">
<span class="console-switchbutton">
<input type="checkbox" name="switchShapeAttribute" id="switchShapeAttribute" />
</span>
</div>
</div>
</div>
</div>
<div id="shapeSelect" class="awsui-row" style="display: none; width: 100%; height: 30px; margin-left: 15px; margin-top: 10px;">
<div style="" class="awsui-col-xs-10 awsui-col-sm-10 awsui-col-md-10 awsui-col-lg-10">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2">形状选择</div>
</div>
</div>
<div id="shapeSelectInput" class="awsui-row" style="display: none; width: 94.5%; height: 30px; margin-left: 15px; margin-bottom: 10px;margin-top: -10px;">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12">
<select id="selectMultiple" class="awsui-select-lg"></select>
</div>
</div>
</div>
</div>
</div>
<!--<div class="awsui-size-large awsui-hide" style="display:block;width:750px;height:350px;">
<div class="awsui-code-content awsui-public-radius">
<div class="awsui-container-fluid">
<div class="awsui-row">
<div class="awsui-col-xs-6 awsui-col-sm-6 awsui-col-md-6 awsui-col-lg-6" style="margin-top: 3px;">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2 awsui-text required">属性代码</div>
<div class="awsui-col-xs-9 awsui-col-sm-9 awsui-col-md-9 awsui-col-lg-9 awsui-form-parent">
<input type="text" id="attrCode" class="awsui-input awsui-input-lg" placeholder="请输入属性代码">
</div>
</div>
<div class="awsui-col-xs-6 awsui-col-sm-6 awsui-col-md-6 awsui-col-lg-6" style="margin-top: 3px;">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2 awsui-text required">属性名称</div>
<div class="awsui-col-xs-9 awsui-col-sm-9 awsui-col-md-9 awsui-col-lg-9 awsui-form-parent">
<input type="text" id="attrName" class="awsui-input awsui-input-lg" placeholder="请输入属性名称">
</div>
</div>
</div>
<div class="awsui-row">
<div class="awsui-col-xs-6 awsui-col-sm-6 awsui-col-md-6 awsui-col-lg-6" style="height:42px;">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2 awsui-text">属性类型</div>
<div class="awsui-col-xs-9 awsui-col-sm-9 awsui-col-md-9 awsui-col-lg-9 awsui-form-parent">
<select id="types" class="awsui-select-lg"></select>
</div>
</div>
<div class="awsui-col-xs-6 awsui-col-sm-6 awsui-col-md-6 awsui-col-lg-6">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2 awsui-text">默认值</div>
<div class="awsui-col-xs-9 awsui-col-sm-9 awsui-col-md-9 awsui-col-lg-9 awsui-form-parent">
<input type="text" id="defaultValue" class="awsui-input awsui-input-lg" placeholder="请输入默认值">
</div>
</div>
</div>
<div class="awsui-row">
<div class="awsui-col-xs-6 awsui-col-sm-6 awsui-col-md-6 awsui-col-lg-6">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2 awsui-text">是否只读</div>
<div class="awsui-col-xs-9 awsui-col-sm-9 awsui-col-md-9 awsui-col-lg-9 awsui-form-parent">
<input class="awsui-radio" name="radio" id="rdoC1" value="1" type="radio" style="flex: 1">
<label class="awsui-radio-label" for="rdoC1">是</label>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<input class="awsui-radio" checked="checked" name="radio" id="rdoC2" value="2" type="radio" style="flex: 1">
<label class="awsui-radio-label" for="rdoC2">否</label>
</div>
</div>
<div class="awsui-col-xs-6 awsui-col-sm-6 awsui-col-md-6 awsui-col-lg-6">
<div class="awsui-col-xs-2 awsui-col-sm-2 awsui-col-md-2 awsui-col-lg-2 awsui-text">所属目录</div>
<div class="awsui-col-xs-9 awsui-col-sm-9 awsui-col-md-9 awsui-col-lg-9 awsui-form-parent">
<select id="groups" class="awsui-select-lg"></select>
</div>
</div>
</div>
<div class="awsui-row">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12 awsui-text">是否有效&nbsp;&nbsp;&nbsp;<input type="checkbox" checked="checked" id="switch" style="flex:1;margin-left: 15px;"></div>
</div>
<div class="awsui-row">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12 awsui-text required">作用范围</div>
</div>
<div class="awsui-row">
<div class="awsui-col-xs-11 awsui-col-sm-11 awsui-col-md-11 awsui-col-lg-11 awsui-form-parent" style="border:1px solid;border-color:#eee;height:120px;padding-right:42px;">
<div class="awsui-col-xs-12 awsui-col-sm-12 awsui-col-md-12 awsui-col-lg-12 awsui-form-parent">
<input class="awsui-checkbox" checked="checked" id="fileCkb" value="1" type="checkbox" style="flex: 1;margin-left:15px">
<label class="awsui-checkbox-label" for="fileCkb" >文件属性</label>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<input class="awsui-checkbox large" id="shapeCkb" value="2" type="checkbox" style="flex: 1;margin-left:15px">
<label class="awsui-checkbox-label" for="shapeCkb" style="margin-right: 25px;">所有图形</label>
<div id="selectShape" style="display: inline-block; position: relative; top: 2px;">
<span>具体图形&nbsp;&nbsp;</span>
<select id="selectMultiple" class="awsui-select-lg"></select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>-->
</body>
</html>
Reference in New Issue Copy Permalink