parent
deb058fbee
commit
f973417618
@ -0,0 +1,165 @@
|
||||
<!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: '/QingLong/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>
|
||||
Loading…
Reference in new issue