centaline-data-driven 1.2.80 → 1.2.81

package/build/centaline/centaline.path.js

@@ -3,7 +3,6 @@ const paths = {
     "dynamicD": "./src/centaline/dynamicD/index.js",//日期组件
     "dynamicGp": "./src/centaline/dynamicGp/index.js",//分组标签组件
     "dynamicIti": "./src/centaline/dynamicIti/index.js",//数字区域组件
-    "dynamicLs": "./src/centaline/dynamicLs/index.js",//表单列表组件
     "dynamicMt": "./src/centaline/dynamicMt/index.js",//多行文本组件
     "dynamicSo": "./src/centaline/dynamicSo/index.js",//单选下拉菜单
     "dynamicSos": "./src/centaline/dynamicSos/index.js",//单选搜索下拉菜单
@@ -11,7 +10,6 @@ const paths = {
     "dynamicT": "./src/centaline/dynamicT/index.js",//文本input组件
     "dynamicL": "./src/centaline/dynamicL/index.js",//文本label组件
     "dynamicTags": "./src/centaline/dynamicTags/index.js",//多选搜索下拉菜单组件
-    "dynamicLabel": "./src/centaline/dynamicLabel/index.js",//标签组件
     "dynamicForm": "./src/centaline/dynamicForm/index.js",//表单组件
     "dynamicDrop": "./src/centaline/dynamicDrop/index.js",//快捷下拉输入组件
     "dynamicSearchList": "./src/centaline/dynamicSearchList/index.js",//查询表单组件  

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven",
-  "version": "1.2.80",
+  "version": "1.2.81",
   "description": "ccai",
   "author": "hjc <3226136347@qq.com>",
   "private": false,

package/src/centaline/css/max.css

@@ -248,4 +248,7 @@
 .max.el-button.el-button--mini{
     height: 26px;
 }
-
+.ct-text .showLabel label{
+    display: inline-block;
+    line-height: 27px!important;
+  }

package/src/centaline/dynamicForm/index.js

@@ -1,7 +1,5 @@
 import dynamicForm from './src/dynamicForm'
 import dynamicInput from '../dynamicInput/index'
-import dynamicLabel from '../dynamicLabel/index'
-import dynamicLs from '../dynamicLs/index'
 import api from '../api/index'
 import common from '../common/index'
 import validate from '../validate/index'
@@ -9,8 +7,6 @@ import validate from '../validate/index'
 dynamicForm.install = function (Vue) {
   Vue.component(dynamicForm.name, dynamicForm);
   Vue.component(dynamicInput.name, dynamicInput);
-  Vue.component(dynamicLabel.name, dynamicLabel);
-  Vue.component(dynamicLs.name, dynamicLs);
 
   Vue.use(api);
   Vue.use(common);

package/src/centaline/dynamicForm/src/dynamicFormListTable.vue

@@ -30,6 +30,13 @@
                 <span v-else-if="v.is=='ct-sensitiveeye'">
                   <component v-if ref="Fields" :is="v.is" :vmodel="scope.row[v.id]" :vrowmodel="scope.row" :api="model.OptApi"></component>
                 </span>
+                <!--可点击的列-->
+                <!-- <span v-else-if="v.routers" :class="'cell'" style="display: flex;">
+                  <component v-for="(router, routerIndex) in v.routers" :key="routerIndex" :ref="'router'+router.id+scope.$index" :rowData="scope.row" :rowindex="scope.$index"
+                    v-if="!router.rightField || !scope.row[router.rightField] || scope.row[router.rightField] == 1" 
+                    :is="router.is" :vmodel="router" :api="model.optionApi" @click="rolRouterClickHandler">
+                  </component>
+                </span> -->
                 <ct-span v-else :vmodel="scope.row[v.id]" :rowNum="scope.row.$sourceIndex" ref="FieldsLabel"></ct-span>
               </template>
             </el-table-column>

package/src/centaline/dynamicLayout/src/dynamicLayout.vue

@@ -1,409 +1,41 @@
 <template>
-  <div v-loading="loading" class="ct-Layout" v-if="Layout !== null && !loading">
-    <ct-layoutchildren :ref="'layout'+rowindex" :rowindex="rowindex" :vmodel="Layout" @click="rolRouterClickHandler"></ct-layoutchildren>
-  </div>
+  <el-container :direction="model.orientation" :style="model.styleObject" ref="layoutchildren">
+    <component v-for="(item, index) in model.fields" :key="index" :is="item.is" :vmodel="item" :rowindex="rowindex" :forname="forname" :forrowindex="forrowindex" @click="clickHandler"></component>
+  </el-container>
 </template>
 <script>
   import dynamicElement from '../../mixins/dynamicElement'
+  import dynamicLayoutLabel from './dynamicLayoutLabel.vue';
+  import dynamicLayoutLine from './dynamicLayoutLine.vue';
+  import dynamicLayoutImage from './dynamicLayoutImage.vue';
   import dynamicLayoutChildren from './dynamicLayoutChildren.vue';
   export default {
     name: 'ct-layout',
     mixins: [dynamicElement],
     components: {
+      'ct-layoutlabel': dynamicLayoutLabel,
+      'ct-layoutline': dynamicLayoutLine,
+      'ct-layoutimage': dynamicLayoutImage,
       'ct-layoutchildren': dynamicLayoutChildren
     },
     props: {
-      api: String,
-      cellLayout: String,
       vmodel: Object,
       rowindex: Number,
-      actionRouter: Array,
-      listData: Array,
-      apiParam: Object
+      forname: String,
+      forrowindex: String
     },
     data() {
       return {
-        Layout: []
+        forindex: 0
       };
     },
     created() {
-      this.init();
+      this.model = this.loaderObj.CellLayout(this.vmodel);
     },
     methods: {
-      init() {
-        var self = this;
-        //初始化
-        this.loading = true;
-        this.$nextTick(function () {
-          if (typeof self.api !== 'undefined') {
-            self.loaderObj.CellLayout(self.api, self.load, this.apiParam, self.failLoad);
-          }
-          else if (typeof self.vmodel !== 'undefined') {
-            self.load(self.vmodel, self.cellLayout);
-          }
-        });
-      },
-      failLoad() {
-        this.$emit('failLoad', this.model);
-      },
-      load(data, cellLayout) {
-        var str = '';
-        if (cellLayout.indexOf("for=") != -1) {
-          var cellxmlDOM = this.loadXML(cellLayout);
-          var listxml = this.getxmlForStr(cellxmlDOM);
-
-          if (typeof listxml !== 'undefined') {
-            for (var j = 0; j < listxml.attributes.length; j++) {
-              var attribute = listxml.attributes.item(j);
-              if (attribute.nodeName.toLowerCase() == "for".toLowerCase()) {
-                var liststr = "";
-                var celllist = this.xmlToString(listxml)
-
-                var celllistNew = this.loadXML(celllist);
-                var newAtt = celllistNew.createAttribute("forrowindex");
-                newAtt.nodeValue = "{{forrowindex}}";
-                var x = celllistNew.getElementsByTagName("Layout");
-                x[0].setAttributeNode(newAtt);
-                var cellstr = this.xmlToString(celllistNew)
-                var list = data[attribute.nodeValue];
-                if (typeof list !== 'undefined') {
-                  for (var i = 0; i < list.length; i++) {
-                    list[i].forrowindex = i;
-                    liststr += cellstr.replace(/\{\{(.+?)\}\}/g, (...args) => {
-                      return this.getValue(list[i], args[1])
-                    });
-                  }
-                }
-                cellLayout = cellLayout.replace(/\n/g, '').trim() //去除换行 和头尾空格
-                let replacer = function (match, p1, p2, p3, offset) {
-                  return p1 + p3
-                }
-                cellLayout = cellLayout.replace(/(>)(\s*)(<)/g, replacer) //把 > 和 < 之间的空格去除
-                cellLayout = cellLayout.replace(/ +/g, ' ')
-                cellLayout = cellLayout.replace(celllist, liststr)
-              }
-            }
-          }
-        }
-        if (typeof data !== 'undefined') {
-          str = cellLayout.replace(/\{\{(.+?)\}\}/g, (...args) => {
-            return this.getValue(data, args[1])
-          });
-        }
-        var xmlDOM = this.loadXML(str);
-        console.log(xmlDOM)
-        this.Layout = this.xmlToJson(xmlDOM);
-        this.model = this.loaderObj.CellLayout(this.Layout);
-        this.loading = false;
-      },
-      getValue(data, val) {
-        return val.split('.').reduce((data, currentVal) => {
-          var rtn = data[currentVal];
-          if (rtn.toString().indexOf('"') != -1) {
-            rtn = rtn.replace(/"/g, "'");
-            rtn = rtn.replace(/>/g, "&gt;");
-            rtn = rtn.replace(/</g, "&lt;");
-          }
-          return rtn
-        }, data)
-      },
-      loadXML(xmlString) {
-        xmlString = xmlString.replace(/\n/g, '').trim()
-        let replacer = function (match, p1, p2, p3, offset) {
-          return p1 + p3
-        }
-        xmlString = xmlString.replace(/(>)(\s*)(<)/g, replacer)
-        if (document.all) {
-          var xmlDom = new ActiveXObject("Microsoft.XMLDOM");
-          xmlDom.loadXML(xmlString)
-          return xmlDom
-        }
-        else {
-          return new DOMParser().parseFromString(xmlString, "text/xml");
-        }
-      },
-      xmlToString(xmlObj) {
-        if (document.all) //IE浏览器
-        {
-          return xmlObj.xml;
-        }
-        else //其他浏览器
-        {
-          return (new XMLSerializer()).serializeToString(xmlObj);
-        }
-      },
-      getxmlForStr(xml) {
-        if (xml.nodeType == 1) { // element
-          // do attributes
-          if (xml.attributes.length > 0) {
-            for (var j = 0; j < xml.attributes.length; j++) {
-              var attribute = xml.attributes.item(j);
-              if (attribute.nodeName.toLowerCase() == "for".toLowerCase()) {
-                return xml
-              }
-            }
-          }
-        }
-        if (xml.hasChildNodes()) {
-          for (var i = 0; i < xml.childNodes.length; i++) {
-            var item = xml.childNodes.item(i);
-            var result = this.getxmlForStr(item);
-            if (result) {
-              return result;
-            }
-          }
-        }
-      },
-
-      xmlToJson(xml) {
-        var self = this;
-        // Create the return object
-        var obj = {};
-        if (xml.nodeName.toLowerCase() == "Layout".toLowerCase() || xml.nodeName.toLowerCase() == "StackLayout".toLowerCase()) {
-          obj["is"] = "ct-layoutchildren";
-        }
-        else if (xml.nodeName.toLowerCase() == "Label".toLowerCase()) {
-          obj["is"] = "ct-layoutlabel";
-        }
-        else if (xml.nodeName.toLowerCase() == "Line".toLowerCase()) {
-          obj["is"] = "ct-layoutline";
-        }
-        else if (xml.nodeName.toLowerCase() == "Image".toLowerCase()) {
-          obj["is"] = "ct-layoutimage";
-        }
-        if (xml.nodeType == 1) { // element
-          // do attributes
-          if (xml.attributes.length > 0) {
-            for (var j = 0; j < xml.attributes.length; j++) {
-              var attribute = xml.attributes.item(j);
-              obj[attribute.nodeName] = attribute.nodeValue;
-              if (attribute.nodeName.toLowerCase() == "for".toLowerCase()) {
-                obj["is"] = "ct-layoutchildrenfor";
-              }
-              if (attribute.nodeName.toLowerCase() == "routerKey".toLowerCase()) {
-                var actionRouter = self.actionRouter;
-                let field = actionRouter.find(b => {
-                  return b.id === attribute.nodeValue;
-                });
-                if (typeof field !== "undefined") {
-                  if (!field.rightField || self.vmodel[field.rightField] == 1) {
-                    obj["rightRouter"] = true;
-                  }
-
-                }
-              }
-            }
-          }
-        }
-
-        // do children
-        if (xml.hasChildNodes()) {
-          for (var i = 0; i < xml.childNodes.length; i++) {
-            var item = xml.childNodes.item(i);
-            if (typeof (obj["fields"]) == "undefined") {
-              obj["fields"] = [];
-              obj["fields"].push(this.xmlToJson(item));
-            } else {
-              if (typeof (obj["fields"].push) == "undefined") {
-                var old = obj["fields"];
-                obj["fields"] = [];
-                obj["fields"].push(old);
-              }
-              obj["fields"].push(this.xmlToJson(item));
-            }
-          }
-        }
-        return obj;
-      },
-      rolRouterClickHandler(routerKey, rowindex, forname, forrowindex) {
-        var self = this;
-        var submitData = {};
-        var rowData = self.vmodel;
-        var actionRouter = self.actionRouter;
-        let field = actionRouter.find(b => {
-          return b.id === routerKey;
-        });
-        if (typeof forname !== "undefined") {
-          field.submitListField.forEach((k) => {
-            submitData[k] = rowData[forname][forrowindex][k];
-          });
-        }
-        else {
-          field.submitListField.forEach((k) => {
-            submitData[k] = rowData[k];
-          });
-        }
-        let action = field.action;
-        if (field.actionField) {
-          action = rowData[field.actionField];
-        }
-        this.routerClickHandler(field, submitData, action, rowindex,forname, forrowindex);
-      },
-      routerClickHandler(field, submitData, action, rowindex, forname, forrowindex) {
-        let self = this;
-        action = action || field.action;
-
-        var clickAcion = function () {
-          //若不是客户端方法，则直接访问接口
-          if (!field.isClientFuntion) {
-            // 外部框架tab页打开
-            if (field.isFormPageInTab) {
-              submitData = field.getActionPara(submitData).para;
-              if (field.pageStyle) {
-                submitData.pageStyle = field.pageStyle;
-              }
-              self.$common.getDataDrivenOpts().handler.openTab(action, submitData, field.pageTitle, self.model, field.dialogWidth);
-            }
-            else if (field.isSearchPageInTab) {// 外部框架tab页打开
-              submitData = field.getActionPara(submitData).para;
-              self.$common.getDataDrivenOpts().handler.openTabSearch(field, submitData);
-            }
-            else if (field.isBrowserNewTab) {// 浏览器打开
-              submitData = field.getActionPara(submitData).para;
-              let query = self.$common.objectToQueryStr(submitData);
-              window.open(action + query, "_blank");
-            }
-            else {
-              //self.operationLoading = true;
-
-              //Form
-              if (field.isOpenForm) {
-                var dialogOption = {
-                  title: field.pageTitle,
-                  pane: self.$common.getParentPane(self),
-                  content: [{
-                    component: field.navToNewPageName,
-                    attrs: {
-                      //source: data.content,
-                      api: action,
-                      apiParam: field.getActionPara(submitData).para,
-                      showTitle: false,
-                      width: field.dialogWidth + 'px',
-                      height: field.dialogHeight + 'px'
-                    },
-                    on: {
-                      submit(ev) {
-                        if (!field.flagFreshCurrentRow && !field.flagAddRowAfterAction) {
-                          self.model.doAction(ev);
-                        }
-                        self.$forceUpdate();
-                        self.$refs.footer.$forceUpdate();
-                        self.$common.closeDialog(dialogOption.dialog);
-                        self.updateCurrentRow(field, ev);
-                      },
-                      refreshParent() {
-                        self.getPage(1);
-                        self.$common.closeDialog(dialogOption.dialog);
-                      },
-                      closeDialog() {
-                        self.updateCurrentRow(field);
-                      }
-                    }
-                  }]
-                };
-                self.$common.openDialog(dialogOption);
-              }
-              //SearchList
-              else if (field.isOpenList) {
-                var dialogOption = {
-                  title: field.pageTitle,
-                  pane: self.$common.getParentPane(self),
-                  content: [{
-                    component: field.navToNewPageName,
-                    attrs: {
-                      searchConditionApi: field.actionForSearchLayout,
-                      searchDataApi: field.actionForSearch,
-                      apiParam: submitData,
-                      width: field.dialogWidth + 'px',
-                      height: field.dialogHeight + 'px'
-                    },
-                    on: {
-                      refreshParent() {
-                        self.getPage(1);
-                        self.$common.closeDialog(dialogOption.dialog);
-                      },
-                      closeDialog() {
-                        self.updateCurrentRow(field);
-                      }
-                    }
-                  }]
-                };
-                self.$common.openDialog(dialogOption);
-              }
-              //Tabs
-              else if (field.isOpenTabs) {
-                var dialogOption = {
-                  title: field.pageTitle,
-                  pane: self.$common.getParentPane(self),
-                  content: [{
-                    component: field.navToNewPageName,
-                    attrs: {
-                      searchConditionApi: field.actionForSearchLayout,
-                      searchDataApi: field.actionForSearch,
-                      apiParam: submitData,
-                      width: field.dialogWidth + 'px',
-                      height: field.dialogHeight + 'px'
-                    },
-                    on: {
-                    }
-                  }]
-                };
-                self.$common.openDialog(dialogOption);
-              }
-              else {
-                field.doAction(submitData, (data) => {
-                  self.model.doAction(data, field);
-                  if (field.actionType === 19) {
-                    self.callTelClick(self.$refs['layout' + rowindex].$refs.layoutchildren, data, forname, forrowindex)
-                  }
-                })
-              }
-            }
-          }
-          //执行客户端脚本
-          else {
-            // let parm={submitData:submitData,field:field}
-            // self.$common.excuteFunStr.call(self.model.scripts, field.action,parm);
-            let title = field.pageTitle == undefined ? field.label : field.pageTitle;
-            submitData.actionType = field.actionType;
-            var fun = self.$common.getDataDrivenOpts().handler[action];
-            fun(submitData, title, self.model);
-            // var fun = self.model.scripts.formData[action];
-            // fun(submitData,field);
-          }
-        }
-
-        if (field.alert) {
-          self.$common.confirm(field.alertMsg, field.alertCaption, {
-            confirmButtonText: field.alertOKButtonText,
-            cancelButtonText: field.alertCancelButtonText,
-            //type: 'warning'
-            center: field.alertCenter
-          }).then(() => {
-            clickAcion();
-          }).catch(() => {
-          });
-        }
-        else {
-          clickAcion();
-        }
-      },
-      callTelClick(VueCom, data, forname, forrowindex) {
-        if (typeof VueCom.$refs['router' + forname + forrowindex] !== "undefined") {
-          VueCom.callTelClick(data);
-          return true;
-        }
-        if (VueCom.$children.length>0) {
-          for (var i = 0; i < VueCom.$children.length; i++) {
-            var item = VueCom.$children[i];
-            var result = this.callTelClick(item, data,forname, forrowindex);
-            if (result) {
-              return result;
-            }
-          }
-        }
-      },
-
+      clickHandler(routerKey, rowindex, forname, forrowindex) {
+        this.$emit('click', routerKey, rowindex, forname, forrowindex);
+      }
     },
     mounted() {
 
@@ -411,7 +43,4 @@
   }
 </script>
 <style>
-  .ct-Layout {
-    font-size: 12px;
-  }
 </style>

package/src/centaline/dynamicLayout/src/dynamicLayoutChildren.vue

@@ -1,32 +1,24 @@
 <template>
-  <el-container :direction="model.orientation" :style="model.styleObject" ref="layoutchildren">
-    <component v-for="(item, index) in model.fields" :key="index" :is="item.is" :vmodel="item" :rowindex="rowindex" :forname="forname" :forrowindex="forrowindex" @click="clickHandler"></component>
+  <el-container :direction="model.orientation" :style="model.styleObject">
+    <ct-layout v-for="(item, index) in model.fields" :key="index" :rowindex="rowindex" :forrowindex="model.forrowindex" :vmodel="item" :forname="model.forname" @click="clickHandler"></ct-layout>
   </el-container>
 </template>
 <script>
   import dynamicElement from '../../mixins/dynamicElement'
-  import dynamicLayoutLabel from './dynamicLayoutLabel.vue';
-  import dynamicLayoutLine from './dynamicLayoutLine.vue';
-  import dynamicLayoutImage from './dynamicLayoutImage.vue';
-  import dynamicLayoutChildrenFor from './dynamicLayoutChildrenFor.vue';
   export default {
     name: 'ct-layoutchildren',
     mixins: [dynamicElement],
     components: {
-      'ct-layoutlabel': dynamicLayoutLabel,
-      'ct-layoutline': dynamicLayoutLine,
-      'ct-layoutimage': dynamicLayoutImage,
-      'ct-layoutchildrenfor': dynamicLayoutChildrenFor
+      'ct-layout': () => import('./dynamicLayout.vue'),
     },
     props: {
       vmodel: Object,
-      rowindex: Number,
-      forname: String,
-      forrowindex: String
+      rowindex: Number
     },
     data() {
       return {
-        forindex:0
+        forname: '',
+        forwindex: 0
       };
     },
     created() {
@@ -43,5 +35,4 @@
   }
 </script>
 <style>
- 
 </style>

package/src/centaline/dynamicLayout/src/dynamicLayoutImage.vue

@@ -1,18 +1,17 @@
 <template>
   <div v-if="model.routerKey">
-    <div :ref="'router'+forname+forrowindex" :style="model.styleObject">
+    <div v-if="model.rightRouter&&model.value!=''" :ref="'router'+forname+forrowindex" :style="model.styleObject">
       <el-popover class="Stats-popover" :popper-class="'el-popoverCallTel'" :placement="option.placement?option.placement:'left'"
                   v-model="visible" :trigger="option.trigger?option.trigger:''">
         <div style="border-bottom:none">
           <div style="color: #388cd3;text-align: center;">{{message}}</div>
           <img v-show="qrCode" :src="qrCode" style="margin-top: 5px;" :style="{'width':width+'px','height':height+'px'}" />
         </div>
-        <el-image :src="tellImgUrl?tellImgUrl:model.value"
-                  fit="fit" slot="reference" @click="clickHandler($event)" style="cursor:pointer;"></el-image>
+        <img :src="tellImgUrl?tellImgUrl:model.value" slot="reference" @click="clickHandler($event)" style="cursor:pointer;width:100%" />
       </el-popover>
     </div>
   </div>
-  <div v-else :style="model.styleObject">
+  <div v-else-if="model.value!=''" :style="model.styleObject">
     <el-image :src="model.value"
               fit="fit"></el-image>
   </div>

package/src/centaline/dynamicLayout/src/dynamicLayoutLabel.vue

@@ -1,12 +1,12 @@
 <template>
   <div v-if="model.routerKey">
-    <div  :style="model.styleObject">
+    <div v-if="model.rightRouter&&model.value!=''" :style="model.styleObject">
       <a href="javascript:void(0);" @click="clickHandler($event)" class="ct-tablecurrencyItem">
         {{model.value}}
       </a>
     </div>
   </div>
-  <div v-else :style="model.styleObject" v-html="model.value">
+  <div v-else-if="model.value!=''" :style="model.styleObject" v-html="model.value">
   </div>
 </template>
 
@@ -17,7 +17,9 @@
     mixins: [dynamicElement],
     props: {
       vmodel: Object,
-      rowindex: Number
+      rowindex: Number,
+      forname: String,
+      forrowindex: String
     },
     data() {
       return {
@@ -29,7 +31,7 @@
    
     methods: {
       clickHandler(ev) {
-        this.$emit('click', this.model.routerKey, this.rowindex);
+        this.$emit('click', this.model.routerKey, this.rowindex, this.forname, this.forrowindex);
       }
     },
     computed: {

package/src/centaline/dynamicLayout/src/dynamicLayoutLine.vue

@@ -9,7 +9,9 @@
     mixins: [dynamicElement],
     props: {
       vmodel: Object,
-      rowindex: Number
+      rowindex: Number,
+       forname: String,
+      forrowindex: String
     },
     data() {
       return {