centaline-data-driven 1.1.20 → 1.1.25

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

@@ -0,0 +1,213 @@
+<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;
+          this.model.getCurrentRowApiData(rowRouter.action, data, function (rowdata) {
+            var newdata = self.$common.deepClone(data);
+            newdata.rowRouter = rowdata
+            self.$emit('loaded', newdata);
+          });
+
+        }
+
+      }
+    },
+    created() {
+      this.model = this.vmodel;
+    }
+  }
+</script>
+<style lang="scss">
+
+    .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: -33px;
+      border-width: 1px;
+      border-left: 1px dashed #52627C;
+    }
+    /* 当前最后一个接点的竖线高度 */
+    .el-tree-node:last-child::before {
+      height: 46px; /*可以自己调整 */
+    }
+
+    /* 横线 */
+    .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

@@ -0,0 +1,65 @@
+<template>
+  <div id="app-Tree" style="height:100%;position: fixed;">
+    <el-container style="height: 100vh;width:100vw; border: 1px solid #eee">
+      <el-aside width="200px" style="background-color:#eceff2">
+        <ct-searchtree :flagsearch="true" :searchConditionApi="searchConditionApi" :searchDataApi="searchDataApi" @loaded="loaded"></ct-searchtree>
+      </el-aside>
+      <el-main v-if="isShowSearchlist">
+        <ct-searchlist :searchConditionApi="searchTableConditionApi" :searchDataApi="searchTableDataApi" :api-param="apiParam"></ct-searchlist>
+      </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,
+      apiParam: {
+        type: Object,
+        default: () => { }
+      }
+    },
+    data() {
+      return {
+        searchTableConditionApi: "",
+        searchTableDataApi: "",
+        isShowSearchlist: false
+      };
+    },
+    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 = defaultPara;
+          self.$nextTick(() => {
+            self.isShowSearchlist = true;
+          });
+        }
+      },
+      
+    },
+    created() {
+      this.model = this.vmodel;
+    }
+  }
+
+</script>

package/src/centaline/imgPreview/index.js

@@ -1,15 +1,15 @@
 import imgPreview from './src/imgPreview.vue'
 
 imgPreview.install = function (Vue) {
-  Vue.component(imgPreview.name, imgPreview);
+  Vue.component(imgPreview.name, imgPreview);
   //import ElImageViewer from "element-ui/packages/image/src/image-viewer";
-  //Vue.component("ElImageViewer", ElImageViewer);
+  //Vue.component("ElImageViewer", ElImageViewer);
 
   const PreviewConstructor = Vue.extend(imgPreview);
   const instance = new PreviewConstructor();
-  instance.$mount(document.createElement("div"));
+  instance.$mount(document.createElement("div"));
   setTimeout(function () {
-    document.body.appendChild(instance.$el);
+    document.body.appendChild(instance.$el);
   }, 1000);
 
 
@@ -24,8 +24,8 @@ imgPreview.install = function (Vue) {
 }
 
 if (typeof window !== 'undefined' && window.Vue) {
-  window.Vue.use(imgPreview);
-
+  window.Vue.use(imgPreview);
+
   const PreviewConstructor = Vue.extend(imgPreview);
   const instance = new PreviewConstructor();
   instance.$mount(document.createElement("div"));

package/src/centaline/imgPreview/src/imgPreview.vue

@@ -3,9 +3,9 @@
                    :urlList="previewImages"
                    :on-close="closeViewer"></el-image-viewer>
 </template>
-<script>
+<script>
   //该组件打包被排除（会导致包大很多），不排除的话无法使用，todo待更新
-  //import ElImageViewer from "element-ui/packages/image/src/image-viewer";
+  //import ElImageViewer from "element-ui/packages/image/src/image-viewer";
   export default {
     name: 'ctImgPreview',
     data() {
@@ -23,4 +23,4 @@
       }
     }
   };
-</script>
+</script>

package/src/centaline/index.js

@@ -1,30 +1,30 @@
 const paths = require('../../build/centaline/centaline.path').default;
 //import './css/common.css'
 import babelpolyfill from 'babel-polyfill'
-
+
 let defaultInstallOpt = {
   baseUrl: '',
-  zIndex: 2000,
+  zIndex: 2000,
   showRequestErrorMessage: true,
-  handler: {
+  handler: {
     // 打开tab页
     openTab: function (action, submitData, pageTitle) {
       
-    },
+    },
     // 关闭当前tab页
     closeTab: function () {
 
-    },
-    // 获取请求头
-    getRequestHeaders: function () {
-      return {};
-    },
-    // 请求完成事件，可判断是否登录过期执行响应操作
-    requestComplete: function (response) {
-      
+    },
+    // 获取请求头
+    getRequestHeaders: function () {
+      return {};
+    },
+    // 请求完成事件，可判断是否登录过期执行响应操作
+    requestComplete: function (response) {
+      
     }
   }
-}
+}
 
 const centaline = {
   install(Vue, opts = {}) {
@@ -37,7 +37,7 @@ const centaline = {
       var plug = require("./" + plugName + "/index.js").default;
       Vue.use(plug);
     }
-
+
     opts.handler = Object.assign(defaultInstallOpt.handler, opts.handler)
     const option = Object.assign(defaultInstallOpt, opts)
     Vue.prototype.$dataDrivenOpts = option

package/src/centaline/loader/index.js

@@ -96,8 +96,7 @@ var loader = {
    */
   depObj: function (obj, source, key, tempData) {
     if (key == 'timeValue') {
-      debugger
-
+ 
     }
     var property = Object.getOwnPropertyDescriptor(source, key);
     var getter = property && property.get;

package/src/centaline/loader/src/ctl/Base.js

@@ -192,9 +192,14 @@ const Base = function (source) {
       get size() {
         return  "mini";
       },
+      set class(v)
+      {
+        source.className=v
+      },
       get class() {
         var size = this.size ? this.size : "mini";
-        return 'ct-font-size-' + size;
+        source.className=source.className||'ct-font-size-' + size;
+        return source.className;
       }
     },
     get max() {
@@ -208,7 +213,31 @@ const Base = function (source) {
     },
     set min(v) {
       source.minValue1 = v;
-    }
+    },
+    get refFieldName() {
+      return source.refFieldName;
+    },
+    getFormRefFieldPara() {
+      if (rtn.form && typeof rtn.refFieldName !== 'undefined' && rtn.refFieldName.length > 0) {
+        if (typeof rtn.form.getRefFieldPara === 'function') {
+          return JSON.stringify(rtn.form.getRefFieldPara(rtn.refFieldName));
+        }
+      }
+      return null;
+    },
+    get parentField() {
+      let rf='';
+      if(source.parentField)rf=source.parentField.split(',');
+      return rf;
+    },
+    getFormParentFieldPara() {
+      if (rtn.form && typeof rtn.parentField !== 'undefined' && rtn.parentField.length > 0) {
+        if (typeof rtn.form.getRefFieldPara === 'function') {
+          return JSON.stringify(rtn.form.getParentFieldPara(rtn.parentField));
+        }
+      }
+      return null;
+    },
   };
 
   return rtn;

package/src/centaline/loader/src/ctl/Button.js

@@ -1,6 +1,5 @@
 import base from '../../index';
 import Base from './Base';
-import Enum from './lib/Enum';
 const Button = function (source, router) {
   var rtn = {
     disabled: false,
@@ -14,12 +13,30 @@ const Button = function (source, router) {
     set label(v) {
       source.controlLabel = v;
     },
-    get isHyperLink() {
+    get isHyperLink() {
       if (router) {
-        return router.isHyperLink;
-      }
+        return router.isHyperLink;
+      }
       return false;
     },
+    get textColor() {
+      return source.textColor ? source.textColor : '';
+    },
+    set bgColor(v)
+    {
+      source.bgColor = v;
+    },
+    get bgColor() {
+      return source.bgColor ? source.bgColor : '';
+    },
+    set borderColor(v)
+    {
+      source.borderColor = v;
+    },
+    get borderColor() {
+      return source.borderColor ? source.borderColor + '' : (source.bgColor ? source.bgColor + '' : '');
+    },
+    icon:'',
   };
   rtn = base.copy(Base(source), rtn);
   return rtn;

package/src/centaline/loader/src/ctl/ComboBoxWithTextBox.js

@@ -3,7 +3,7 @@ import Base from './Base';
 import valid from '../../../validate/index';
 import common from '../../../common';
 import Vue from 'vue';
-const cbwt = function (source) {
+const cbwt = function (source) {
   var rtn = {
     options: [{ code: source.code1, name: source.name1 }],
     options1: [{ code: source.code2, name: source.name2 }],
@@ -95,7 +95,7 @@ const cbwt = function (source) {
         action: apiAddrs,
         para: {
           paramName: self['paramName' + numStr],
-          parentValue: parentValue,
+          parentValue: parentValue,
           extraData: rtn.getFormRefFieldPara()
         }
       };
@@ -105,14 +105,6 @@ const cbwt = function (source) {
         }
       });
     },
-    getFormRefFieldPara() {
-      if (rtn.form && typeof source.refFieldName !== 'undefined' && source.refFieldName.length > 0) {
-        if (typeof rtn.form.getRefFieldPara === 'function') {
-          return JSON.stringify(rtn.form.getRefFieldPara(source.refFieldName));
-        }
-      }
-      return null;
-    },
     getFormObj() {
       var rtnFormObj = {};
       Object.defineProperty(rtnFormObj, source.fieldName1, {
@@ -121,21 +113,21 @@ const cbwt = function (source) {
         },
         enumerable: true,
         configurable: true
-      });
+      });
       Object.defineProperty(rtnFormObj, source.fieldName2, {
         get: function () {
           return source.code2;
         },
         enumerable: true,
         configurable: true
-      });
+      });
       Object.defineProperty(rtnFormObj, source.fieldName3, {
         get: function () {
           return source.code3;
         },
         enumerable: true,
         configurable: true
-      });
+      });
       Object.defineProperty(rtnFormObj, source.fieldName4, {
         get: function () {
           return source.code4;
@@ -160,7 +152,7 @@ const cbwt = function (source) {
     attrs: {
       clearable: true
     },
-  };
+  };
   var baseSource = Base(source);
   //rtn.attrs = base.copy(baseSource.attrs, rtn.attrs);
   rtn = base.copy(baseSource, rtn);

package/src/centaline/loader/src/ctl/D.js

@@ -12,9 +12,9 @@ const D = function (source, dateType) {
         if (typeof source.valueFormat !== 'undefined') {
           return source.valueFormat;
         }
-        else {
+        else {
           if (dateType === "datetime") {
-            return 'yyyy-MM-dd HH:mm:ss'
+            return 'yyyy-MM-dd HH:mm:ss'
           }
           return 'yyyy-MM-dd'
         }

package/src/centaline/loader/src/ctl/Dtd.js

@@ -6,9 +6,9 @@ import Vue from 'vue';
 import common from '../../../common';
 
 const Dtd = function (source, dateType) {
-  var self = this;
-  if (!dateType) {
-    dateType = "date";
+  var self = this;
+  if (!dateType) {
+    dateType = "date";
   }
   var init = function (data) {
     var rtn = {
@@ -16,9 +16,9 @@ const Dtd = function (source, dateType) {
         if (typeof source.valueFormat !== 'undefined') {
           return source.valueFormat;
         }
-        else {
+        else {
           if (dateType === "datetime") {
-            return 'yyyy-MM-dd HH:mm:ss'
+            return 'yyyy-MM-dd HH:mm:ss'
           }
           return 'yyyy-MM-dd'
         }
@@ -42,21 +42,21 @@ const Dtd = function (source, dateType) {
       get value() {
         return source.code1;
       },
-      set value(v) {
-        if (!v) {
-          source.code1 = "";
-          return;
-        }
+      set value(v) {
+        if (!v) {
+          source.code1 = "";
+          return;
+        }
         source.code1 = common.formatDate(v, rtn.valueFormat);
       },
       get value1() {
         return source.code2;
       },
-      set value1(v) {
-        if (!v) {
-          source.code2 = "";
-          return;
-        }
+      set value1(v) {
+        if (!v) {
+          source.code2 = "";
+          return;
+        }
         source.code2 = common.formatDate(v, rtn.valueFormat);
       },
       get id1() {
@@ -68,7 +68,7 @@ const Dtd = function (source, dateType) {
         source.code1 = this.formatValue[0];
         source.code2 = this.formatValue[1];
       },
-      getFormObj() {
+      getFormObj() {
         var rtnFormObj = {};
         Object.defineProperty(rtnFormObj, source.fieldName1, {
           get: function () {
@@ -89,8 +89,8 @@ const Dtd = function (source, dateType) {
       attrs: {
         type: dateType,
         'unlink-panels': true,
-        get format() {
-          return rtn.valueFormat;
+        get format() {
+          return rtn.valueFormat;
         },
         //'value-format': 'yyyy-MM-dd',
         align: 'left'

package/src/centaline/loader/src/ctl/DtdOld.js

@@ -5,9 +5,9 @@ import Axios from 'axios';
 import Vue from 'vue';
 
 const Dtd = function (source, dateType) {
-  var self = this;
-  if (!dateType) {
-    dateType = "daterange";
+  var self = this;
+  if (!dateType) {
+    dateType = "daterange";
   }
   var init = function (data) {
     var rtn = {
@@ -37,11 +37,11 @@ const Dtd = function (source, dateType) {
       get placeholder1() {
         return source.placeholder2 || '';
       },
-      setFormatValue(v1) {//上面的set formatValue(v1)无法自动触发(无法监听数组)
-        let dateFormat = "yyyy-MM-dd";
-        if (dateType === "datetimerange") {
-          dateFormat = 'yyyy-MM-dd HH:mm:ss';
-        }
+      setFormatValue(v1) {//上面的set formatValue(v1)无法自动触发(无法监听数组)
+        let dateFormat = "yyyy-MM-dd";
+        if (dateType === "datetimerange") {
+          dateFormat = 'yyyy-MM-dd HH:mm:ss';
+        }
 
         if (v1 && v1.length > 0) {
           source.code1 = v1[0] && v1[0] instanceof Date ? Vue.prototype.$common.formatDate(v1[0], dateFormat) : "";

package/src/centaline/loader/src/ctl/File.js

@@ -237,7 +237,7 @@ const box = function (source, fileSourceList, router, optionApi) {
           Vue.prototype.$message.error(res.rtnMsg);
         }
       },
-      deleteFile(file, forceDelete) {
+      deleteFile(file, forceDelete) {
         for (let i = 0; i < rtn.fileList.length; i++) {
           if (rtn.fileList[i].uid === file.uid) {
             if (forceDelete) {