542 lines
24 KiB
HTML
Executable File
542 lines
24 KiB
HTML
Executable File
<!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> </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">是否有效 <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> </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>具体图形 </span>
|
||
<select id="selectMultiple" class="awsui-select-lg"></select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>-->
|
||
</body>
|
||
</html> |