centaline-data-driven 1.1.54 → 1.1.55

package/src/centaline/dynamicTree/src/dynamicTree.vue

@@ -1,233 +1,233 @@
-<template>
-  <div class='mytree'>
-    <el-tree :data="treeData"
-             class="tree-line"
-             :props="defaultProps"
-             :load="loadNode"
-             :indent="0"
-             :expand-on-click-node="false"
-             @node-click="handleNodeClick"
-             lazy
-             ref="Tree">
-    </el-tree>
-  </div>
-</template>
-
-<script>
-  import dynamicElement from '../../mixins/dynamicElement'
-  import dynamicTreeScreen from '../../dynamicSearchList/src/dynamicSearchScreen.vue';
-  export default {
-    name: 'ct-tree',
-    mixins: [dynamicElement],
-    components: {
-      'ct-searchtreescreen': dynamicTreeScreen
-    },
-    props: {
-      vmodel: Object,
-      api: String
-    },
-    data() {
-      return {
-        treeNode: {},
-        treeResolve: function () { },
-        LastClickNode: {},
-        para: {},
-        filterText: '',
-        treeData: [],      // 树节点
-        defaultProps: {
-          label: 'name',
-          key: 'Key',
-          children: 'children',
-          isLeaf: "isLeaf",
-          id: 'code'
-        },
-      };
-    },
-    methods: {
-      search(m) {
-        this.treeNode.childNodes = [];
-        this.searchComplate(m, undefined, this.treeResolve);
-      },
-      loadNode(node, resolve) {        // 加载 树数据
-        let self = this;
-        if (node.level === 0) {
-          self.treeNode = node;
-          self.treeResolve = resolve;
-          return self.loadtreeData(resolve);
-        }
-        if (node.level >= 1) {
-          return self.getChildByList(node.data.code, resolve, node.data);
-        }
-      },
-      loadtreeData(resolve) {      // 获取loadtreeData 就是父节点数据，getChildByList就是异步获取子节点数据
-        this.searchComplate(undefined, undefined, resolve);
-      },
-      getChildByList(_parentID, resolve,) {     // 获取子节点请求
-        var fields = this.model.searchData("code", _parentID, 9, 3);
-        var model = {
-          "searchData": fields
-        };
-        this.searchComplate(model, undefined, resolve);
-      },
-      load(data, resolve) {
-        var self = this;
-        self.model = data;
-        var treeResolve = resolve || self.treeResolve;
-        treeResolve(data.modeltree);
-        self.LastResolve = treeResolve;
-      },
-      searchComplate(m, defaultSearch, resolve) {
-        var self = this;
-        this.$nextTick(function () {
-          if (typeof self.api !== 'undefined') {
-            self.loaderObj.Tree(self.api, self.load, m, defaultSearch, resolve);
-          }
-        });
-      },
-      handleNodeClick(data) {
-        var self = this;
-        if (self.LastClickNode != data) {
-          self.LastClickNode = data;
-          var rowRouter = self.model.rowSelectRouter;
-          var SearchData = {};
-          rowRouter.submitFormField.forEach(v => {
-            SearchData[v] = data[v];
-          })
-          this.model.getCurrentRowApiData(rowRouter.action, SearchData, function (rowdata) {
-            var newdata = self.$common.deepClone(data);
-            newdata.rowRouter = rowdata
-            self.$emit('loaded', newdata);
-          });
-
-        }
-
-      }
-    },
-    created() {
-      this.model = this.vmodel;
-    }
-  }
-</script>
-<style lang="scss">
-  .tree-line:first-child div{
-    overflow: hidden;
-  }
-    .el-tree-node {
-      position: relative;
-      padding-left: 16px;
-    }
-
-    .el-tree-node__children {
-      padding-left: 16px;
-    }
-  .el-tree-node__content {
-    padding-left: 0px !important;
-    padding-right:2px !important;
-  }
-    /* 竖线 */
-    .el-tree-node::before {
-      content: "";
-      height: 100%;
-      width: 1px;
-      position: absolute;
-      left: 27px;
-      top: -1px;
-      border-width: 1px;
-      border-left: 1px dashed #52627C;
-    }
-
-    .tree-line .el-tree-node:before:last-child{
-      top: -35px;
-    }
-    .el-tree-node__children .el-tree-node::before {
-      content: "";
-      height: 100%;
-      width: 1px;
-      position: absolute;
-      left: 27px;
-      top: -2px;
-      border-width: 1px;
-      border-left: 1px dashed #52627C;
-    }
-    /* 当前最后一个接点的竖线高度 */
-    .el-tree-node:last-child::before {
-      height: 15px; /*可以自己调整 */
-    }
-
-    /* 横线 */
-    .el-tree-node::after {
-      content: "";
-      width: 12px;
-      height: 20px;
-      position: absolute;
-      left: 27px;
-      top: 12px;
-      right:2px;
-      border-width: 1px;
-      border-top: 1px dashed #52627C;
-    }
-
-    .el-tree:first-child .el-tree-node:before {
-      // height: 46px; /*可以自己调整 */
-    }
-
-    .el-tree-node__expand-icon {
-      font-size: 16px;
-    }
-    /* 去掉顶层虚线 */
-    .tree > .el-tree-node:first-child::after {
-      border-top: none;
-    }
-
-    .el-tree > .el-tree-node:first-child:before {
-      // border-left: none;
-    }
-
-    .tree > .is-leaf {
-      color: transparent;
-    }
-
-    .el-tree .el-tree-node__expand-icon.expanded {
-      -webkit-transform: rotate(0deg);
-      transform: rotate(0deg);
-    }
-
-    .el-tree .el-tree-node__expand-icon.expanded {
-      -webkit-transform: rotate(0deg);
-      transform: rotate(0deg);
-    }
-
-
-    .el-tree .el-icon-caret-right:before {
-      background: url("../../../assets/node-collapse.png") no-repeat;
-      content: '';
-      display: block;
-      width: 12px;
-      height: 12px;
-      font-size: 12px;
-      background-size: 10px;
-    }
-    /*
-  //有子节点 且已展开*/
-    .el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
-      background: url("../../../assets/node-expand.png") no-repeat;
-      content: '';
-      display: block;
-      width: 12px;
-      height: 12px;
-      font-size: 12px;
-      background-size: 10px;
-    }
-
-    /*  //没有子节点*/
-    .el-tree .el-tree-node__expand-icon.is-leaf::before {
-      background: transparent no-repeat 0 3px;
-      content: '';
-      display: block;
-      width: 12px;
-      height: 12px;
-      font-size: 12px;
-      background-size: 10px;
-    }
-</style>
-
+<template>
+  <div class='mytree'>
+    <el-tree :data="treeData"
+             class="tree-line"
+             :props="defaultProps"
+             :load="loadNode"
+             :indent="0"
+             :expand-on-click-node="false"
+             @node-click="handleNodeClick"
+             lazy
+             ref="Tree">
+    </el-tree>
+  </div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  import dynamicTreeScreen from '../../dynamicSearchList/src/dynamicSearchScreen.vue';
+  export default {
+    name: 'ct-tree',
+    mixins: [dynamicElement],
+    components: {
+      'ct-searchtreescreen': dynamicTreeScreen
+    },
+    props: {
+      vmodel: Object,
+      api: String
+    },
+    data() {
+      return {
+        treeNode: {},
+        treeResolve: function () { },
+        LastClickNode: {},
+        para: {},
+        filterText: '',
+        treeData: [],      // 树节点
+        defaultProps: {
+          label: 'name',
+          key: 'Key',
+          children: 'children',
+          isLeaf: "isLeaf",
+          id: 'code'
+        },
+      };
+    },
+    methods: {
+      search(m) {
+        this.treeNode.childNodes = [];
+        this.searchComplate(m, undefined, this.treeResolve);
+      },
+      loadNode(node, resolve) {        // 加载 树数据
+        let self = this;
+        if (node.level === 0) {
+          self.treeNode = node;
+          self.treeResolve = resolve;
+          return self.loadtreeData(resolve);
+        }
+        if (node.level >= 1) {
+          return self.getChildByList(node.data.code, resolve, node.data);
+        }
+      },
+      loadtreeData(resolve) {      // 获取loadtreeData 就是父节点数据，getChildByList就是异步获取子节点数据
+        this.searchComplate(undefined, undefined, resolve);
+      },
+      getChildByList(_parentID, resolve,) {     // 获取子节点请求
+        var fields = this.model.searchData("code", _parentID, 9, 3);
+        var model = {
+          "searchData": fields
+        };
+        this.searchComplate(model, undefined, resolve);
+      },
+      load(data, resolve) {
+        var self = this;
+        self.model = data;
+        var treeResolve = resolve || self.treeResolve;
+        treeResolve(data.modeltree);
+        self.LastResolve = treeResolve;
+      },
+      searchComplate(m, defaultSearch, resolve) {
+        var self = this;
+        this.$nextTick(function () {
+          if (typeof self.api !== 'undefined') {
+            self.loaderObj.Tree(self.api, self.load, m, defaultSearch, resolve);
+          }
+        });
+      },
+      handleNodeClick(data) {
+        var self = this;
+        if (self.LastClickNode != data) {
+          self.LastClickNode = data;
+          var rowRouter = self.model.rowSelectRouter;
+          var SearchData = {};
+          rowRouter.submitFormField.forEach(v => {
+            SearchData[v] = data[v];
+          })
+          this.model.getCurrentRowApiData(rowRouter.action, SearchData, function (rowdata) {
+            var newdata = self.$common.deepClone(data);
+            newdata.rowRouter = rowdata
+            self.$emit('loaded', newdata);
+          });
+
+        }
+
+      }
+    },
+    created() {
+      this.model = this.vmodel;
+    }
+  }
+</script>
+<style lang="scss">
+  .tree-line:first-child div{
+    overflow: hidden;
+  }
+    .el-tree-node {
+      position: relative;
+      padding-left: 16px;
+    }
+
+    .el-tree-node__children {
+      padding-left: 16px;
+    }
+  .el-tree-node__content {
+    padding-left: 0px !important;
+    padding-right:2px !important;
+  }
+    /* 竖线 */
+    .el-tree-node::before {
+      content: "";
+      height: 100%;
+      width: 1px;
+      position: absolute;
+      left: 27px;
+      top: -1px;
+      border-width: 1px;
+      border-left: 1px dashed #52627C;
+    }
+
+    .tree-line .el-tree-node:before:last-child{
+      top: -35px;
+    }
+    .el-tree-node__children .el-tree-node::before {
+      content: "";
+      height: 100%;
+      width: 1px;
+      position: absolute;
+      left: 27px;
+      top: -2px;
+      border-width: 1px;
+      border-left: 1px dashed #52627C;
+    }
+    /* 当前最后一个接点的竖线高度 */
+    .el-tree-node:last-child::before {
+      height: 15px; /*可以自己调整 */
+    }
+
+    /* 横线 */
+    .el-tree-node::after {
+      content: "";
+      width: 12px;
+      height: 20px;
+      position: absolute;
+      left: 27px;
+      top: 12px;
+      right:2px;
+      border-width: 1px;
+      border-top: 1px dashed #52627C;
+    }
+
+    .el-tree:first-child .el-tree-node:before {
+      // height: 46px; /*可以自己调整 */
+    }
+
+    .el-tree-node__expand-icon {
+      font-size: 16px;
+    }
+    /* 去掉顶层虚线 */
+    .tree > .el-tree-node:first-child::after {
+      border-top: none;
+    }
+
+    .el-tree > .el-tree-node:first-child:before {
+      // border-left: none;
+    }
+
+    .tree > .is-leaf {
+      color: transparent;
+    }
+
+    .el-tree .el-tree-node__expand-icon.expanded {
+      -webkit-transform: rotate(0deg);
+      transform: rotate(0deg);
+    }
+
+    .el-tree .el-tree-node__expand-icon.expanded {
+      -webkit-transform: rotate(0deg);
+      transform: rotate(0deg);
+    }
+
+
+    .el-tree .el-icon-caret-right:before {
+      background: url("../../../assets/node-collapse.png") no-repeat;
+      content: '';
+      display: block;
+      width: 12px;
+      height: 12px;
+      font-size: 12px;
+      background-size: 10px;
+    }
+    /*
+  //有子节点 且已展开*/
+    .el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
+      background: url("../../../assets/node-expand.png") no-repeat;
+      content: '';
+      display: block;
+      width: 12px;
+      height: 12px;
+      font-size: 12px;
+      background-size: 10px;
+    }
+
+    /*  //没有子节点*/
+    .el-tree .el-tree-node__expand-icon.is-leaf::before {
+      background: transparent no-repeat 0 3px;
+      content: '';
+      display: block;
+      width: 12px;
+      height: 12px;
+      font-size: 12px;
+      background-size: 10px;
+    }
+</style>
+

package/src/centaline/dynamicTree/src/dynamicTreeList.vue

@@ -1,74 +1,74 @@
-<template>
-  <div id="app-Tree" style="height:100%;">
-    <el-container style="height:  calc(100vh - 98px);border: 1px solid #eee">
-      <el-aside width="15%" style="background-color:white">
-        <ct-searchtree :flagsearch="true" :searchConditionApi="searchConditionApi" :searchDataApi="searchDataApi" @loaded="loaded"></ct-searchtree>
-      </el-aside>
-      <el-main v-if="isShowSearchlist">
-        <div style="height: calc(100vh - 100px);">
-          <ct-searchlist :searchConditionApi="searchTableConditionApi" :searchDataApi="searchTableDataApi" :api-param="apiParam"></ct-searchlist>
-        </div>
-      </el-main>
-    </el-container>
-  </div>
-</template>
-
-<script>
-  import dynamicElement from '../../mixins/dynamicElement'
-  import dynamicSearchTree from './dynamicSearchTree.vue';
-  import dynamicSearchList from '../../dynamicSearchList/src/dynamicSearchList.vue';
-  export default {
-    name: 'ct-treelist',
-    mixins: [dynamicElement],
-    components: {
-      'ct-searchtree': dynamicSearchTree,
-      'ct-searchlist': dynamicSearchList
-    },
-    props: {
-      vmodel: Object,
-      searchConditionApi: String,
-      searchDataApi: String
-    },
-    data() {
-      return {
-        searchTableConditionApi: "",
-        searchTableDataApi: "",
-        isShowSearchlist: false,
-        apiParam: {}
-      };
-    },
-    methods: {
-      loaded(data) {
-        var self = this;
-        self.isShowSearchlist = false;
-        if (data && data.rowRouter) {
-          self.searchTableConditionApi = data.rowRouter.getLayoutOfSearch;
-          self.searchTableDataApi = data.rowRouter.getList;
-          var defaultPara = self.$common.deepClone(data);
-          delete defaultPara.rowRouter;
-          delete defaultPara.getLayoutOfSearch;
-          delete defaultPara.getList;
-
-          self.apiParam = defaultPara;
-          self.$nextTick(() => {
-            self.isShowSearchlist = true;
-          });
-        }
-      },
-
-    },
-    created() {
-      this.model = this.vmodel;
-    }
-  }
-
-</script>
-<style lang="scss">
-  #app-Tree .el-main {
-    padding: 0 0px 0px 10px;
-  }
-
-    #app-Tree .el-main .ct-table-content {
-      padding: 0 0 0 15px;
-    }
-</style>
+<template>
+  <div id="app-Tree" style="height:100%;">
+    <el-container style="height:  calc(100vh - 98px);border: 1px solid #eee">
+      <el-aside width="15%" style="background-color:white">
+        <ct-searchtree :flagsearch="true" :searchConditionApi="searchConditionApi" :searchDataApi="searchDataApi" @loaded="loaded"></ct-searchtree>
+      </el-aside>
+      <el-main v-if="isShowSearchlist">
+        <div style="height: calc(100vh - 100px);">
+          <ct-searchlist :searchConditionApi="searchTableConditionApi" :searchDataApi="searchTableDataApi" :api-param="apiParam"></ct-searchlist>
+        </div>
+      </el-main>
+    </el-container>
+  </div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  import dynamicSearchTree from './dynamicSearchTree.vue';
+  import dynamicSearchList from '../../dynamicSearchList/src/dynamicSearchList.vue';
+  export default {
+    name: 'ct-treelist',
+    mixins: [dynamicElement],
+    components: {
+      'ct-searchtree': dynamicSearchTree,
+      'ct-searchlist': dynamicSearchList
+    },
+    props: {
+      vmodel: Object,
+      searchConditionApi: String,
+      searchDataApi: String
+    },
+    data() {
+      return {
+        searchTableConditionApi: "",
+        searchTableDataApi: "",
+        isShowSearchlist: false,
+        apiParam: {}
+      };
+    },
+    methods: {
+      loaded(data) {
+        var self = this;
+        self.isShowSearchlist = false;
+        if (data && data.rowRouter) {
+          self.searchTableConditionApi = data.rowRouter.getLayoutOfSearch;
+          self.searchTableDataApi = data.rowRouter.getList;
+          var defaultPara = self.$common.deepClone(data);
+          delete defaultPara.rowRouter;
+          delete defaultPara.getLayoutOfSearch;
+          delete defaultPara.getList;
+
+          self.apiParam = defaultPara;
+          self.$nextTick(() => {
+            self.isShowSearchlist = true;
+          });
+        }
+      },
+
+    },
+    created() {
+      this.model = this.vmodel;
+    }
+  }
+
+</script>
+<style lang="scss">
+  #app-Tree .el-main {
+    padding: 0 0px 0px 10px;
+  }
+
+    #app-Tree .el-main .ct-table-content {
+      padding: 0 0 0 15px;
+    }
+</style>