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.
165 lines
4.1 KiB
165 lines
4.1 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<link rel="stylesheet" href="../../../../component/layui/css/layui.css" />
|
|
<style>
|
|
.text {
|
|
display: block;
|
|
padding: 9px 15px;
|
|
width: 230px;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.jcxx-layui-row {
|
|
width: 800px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.layui-card-header {
|
|
font-weight: bolder;
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
.top {
|
|
margin: 10px;
|
|
padding: 10px;
|
|
background-color: #FDF6EC;
|
|
color: #ffb800;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.bp {
|
|
background-color: rgba(23, 179, 163, .1);
|
|
padding: 5px 10px;
|
|
height: 32px;
|
|
line-height: 30px;
|
|
font-size: 12px;
|
|
color: #17b3a3;
|
|
border-radius: 4px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border: 1px solid rgba(23, 179, 163, .2);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.xp {
|
|
background-color: rgba(144, 147, 153, .1);
|
|
padding: 5px 10px;
|
|
height: 32px;
|
|
line-height: 30px;
|
|
font-size: 12px;
|
|
color: #909399;
|
|
border-radius: 4px;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
border: 1px solid rgba(144, 147, 153, .2);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
th {
|
|
color: #303133;
|
|
background-color: #f5f7fa;
|
|
}
|
|
|
|
.xxhxbfl {
|
|
background-color: #F2F2F2;
|
|
padding: 10px;
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.xxhxbfl-activate {
|
|
background-color: #33CABB;
|
|
padding: 10px;
|
|
border-radius: 8px;
|
|
cursor: pointer;
|
|
color: white;
|
|
}
|
|
|
|
.span {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.layui-table td,
|
|
.layui-table th {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-form-label {
|
|
width: 196px
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="layui-form">
|
|
|
|
|
|
<div id="demo3" class="xm-select-demo"></div>
|
|
|
|
|
|
<script src="../../../../component/layui/layui.js"></script>
|
|
<script src="../../../../component/pear/xm-select.js"></script>
|
|
|
|
|
|
<script>
|
|
layui.use(function () {
|
|
var $ = layui.jquery;
|
|
var table = layui.table;
|
|
var form = layui.form;
|
|
|
|
|
|
|
|
var demo3 = xmSelect.render({
|
|
el: '#demo3',
|
|
model: { label: { type: 'text' } },
|
|
radio: true,
|
|
clickClose: true,
|
|
tree: {
|
|
show: true,
|
|
simple: true,
|
|
strict: false,
|
|
expandedKeys: [-1],
|
|
},
|
|
// iconfont: {
|
|
// select: 'layui-icon layui-icon-chart',
|
|
// unselect: 'layui-icon-ok-circle',
|
|
// half: 'layui-icon layui-icon-table',
|
|
// parent: 'layui-icon layui-icon-survey',
|
|
// },
|
|
height: 'auto',
|
|
data: [
|
|
|
|
],
|
|
prop: {
|
|
value: "id",
|
|
name: "title"
|
|
}
|
|
|
|
});
|
|
|
|
$.ajax({
|
|
type: 'GET',
|
|
async: false,
|
|
url: '/dsBase/dm/getAreaNew?parent_id=337B0250-841C-4350-AB92-E5783611C934',
|
|
success: function (res) {
|
|
console.log(res.data);
|
|
// modifyObject(res.data);
|
|
demo3.update({
|
|
data: res.data
|
|
});
|
|
demo3.changeExpandedKeys(true);
|
|
}
|
|
});
|
|
|
|
|
|
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |