123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- <html>
- <head>
- <title>数据选择</title>
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
- <meta charset="utf-8"/>
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
- <link rel="stylesheet" href="/common-assets/plugins/font-awesome/css/font-awesome.min.css"/>
- <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap/css/bootstrap.min.css"/>
- <link rel="stylesheet" href="/common-assets/css/outdated/style.css"/>
- <link rel="stylesheet" href="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.min.css"/>
- <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.css"/>
- <link rel="stylesheet" href="/common-assets/plugins/outdated/icheck/custom.css"/>
- <script src='/common-assets/js/jquery-2.1.1.js'></script>
- <script src="/common-assets/js/outdated/bootstrap.min.js"></script>
- <script src="/common-assets/js/outdated/jquery.form-3.51.0.min.js"></script>
- <script src="/common-assets/plugins/layer/3.0.3/layer.js"></script>
- <script src="/common-assets/plugins/outdated/pace/pace.min.js"></script>
- <script src="/common-assets/plugins/outdated/slimscroll/jquery.slimscroll.min.js"></script>
- <script src="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.js"></script>
- <script src="/common-assets/plugins/outdated/jquery-validation/jquery.validate-1.11.1.min.js"></script>
- <script src="/common-assets/plugins/outdated/jquery-validation/localization/messages_zh.js"></script>
- <script src="/common-assets/plugins/outdated/icheck/icheck.min.js"></script>
- <script src="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.js"></script>
- <script src="/common-assets/plugins/dotize/dotize.js"></script>
- <script src="/common-assets/js/promise-polyfill.min.js"></script>
- <!-- 开发阶段使用vue.js以获取编译信息 -->
- <script src="/common-assets/plugins/vue/2.5.17/vue.min.js"></script>
- <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
- <!-- 引入组件库 -->
- <script src="/common-assets/plugins/element-ui/lib/index.js"></script>
- <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap-table/1.11.1/css/bootstrap-table.min.css">
- <link rel="stylesheet" href="/common-assets/plugins/jquery-ztree/3.5/css/metroStyle/metroStyle.css">
- <link rel="stylesheet" href="/common-assets/css/outdated/page.css">
- <script src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table.min.js"></script>
- <script src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table-zh-CN.min.js"></script>
- <script src="/common-assets/plugins/jquery-ztree/3.5/js/jquery.ztree.all.min.js"></script>
- <script src="/common-assets/js/project.config.js"></script>
- <script src="/common-assets/js/outdated/common.js"></script>
- <script type="text/javascript">
- var tree = new Vue({
- el: "#tree",
- data: function () {
- return {
- url: GetQueryString('url'),
- selectId: GetQueryString('selectId') ? GetQueryString('selectId') : "",
- extIds: GetQueryString('extIds') ? GetQueryString('extIds') : "",
- }
- }
- });
- $(document).ajaxError(function (e, jqXHR, ajaxSettings, thrownError) {
- if (jqXHR.status == '302') {
- window.location = "${ctx}";
- } else if (jqXHR.status == '500') {
- try {
- var msg = $.parseJSON(jqXHR.responseText);
- toastr.error(msg.message, '错误', {
- preventDuplicates: true
- });
- } catch (e) {
- toastr.error('服务器内部错误', '错误', {
- preventDuplicates: true
- });
- }
- }
- });
- var selectId = tree.selectId;
- var extIds = tree.extIds.split(",");
- var tree, setting = {
- view: {
- selectedMulti: false,
- dblClickExpand: false
- },
- check: {
- enable: false
- },
- data: {
- simpleData: {
- enable: true,
- idKey: "id",
- pIdKey: "pId",
- rootPId: "0"
- },
- key: {
- name: "name"
- }
- },
- callback: {
- onDblClick: function (evt, tid, node) {
- if ($.inArray(node.id, extIds) != -1) {
- return;
- }
- top.$("#layui-layer" + top.layer.index).find(".layui-layer-btn0").click();
- }
- }
- };
- $(function () {
- $.get(tree.url, function (result) {
- var zNodes = !!result.list ? result.list : (!!result.data ? result.data : result);
- tree = $.fn.zTree.init($("#tree"), setting, zNodes);
- $('#wrapper').slimScroll({
- height: '100%',
- railOpacity: 0.9
- });
- var node = tree.getNodeByParam("id", selectId, null);
- if (!!node) {
- tree.selectNode(node);
- tree.expandNode(node, true, false, true);
- }
- })
- });
- </script>
- </head>
- <body>
- <div id="wrapper">
- <div id="tree" class="ztree" style="padding: 15px 20px;"></div>
- </div>
- </body>
|