centaline-data-driven 1.2.71 → 1.2.74

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

@@ -0,0 +1,311 @@
+<template>
+    <div v-loading="loading" class="ct-Layout" v-if="Layout !== null && !loading">
+      <ct-layoutchildren  v-for="(item, index) in Layout.fields" :key="index":vmodel="item" :rowindex="index"  @click="rolRouterClickHandler"></ct-layoutchildren>
+    </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  import dynamicLayoutChildren from './dynamicLayoutChildren.vue';
+  import common from '../../common';
+  export default {
+    name: 'ct-layout',
+    mixins: [dynamicElement],
+    components: {
+      'ct-layoutchildren': dynamicLayoutChildren
+    },
+    props: {
+      api: String,
+      cellLayout: String,
+      vmodel: Object,
+      listData: Array,
+      apiParam: Object
+    },
+    data() {
+      return {
+        Layout:[]
+      };
+    },
+    created() {
+      this.init();
+    },
+    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);
+          }
+         
+        });
+        
+      },
+      failLoad() {
+        this.$emit('failLoad', this.model);
+      },
+      load(data) {
+        this.model = data;
+        if (data.rows.length > 0) {
+          var str = '<Layout orientation="vertical">';
+          for (var i = 0; i < data.rows.length; i++) {
+            str += data.cellLayout.replace(/\{\{(.+?)\}\}/g, (...args) => {
+              return this.getValue(data.rows[i], args[1])
+            });
+          }
+          str += '</Layout>';
+        }
+        var xmlDOM = this.loadXML(str);
+        this.Layout = this.xmlToJson(xmlDOM.childNodes[0]);
+        this.loading = false;
+        this.$emit('loaded', this.model);
+      },
+      getValue(data,val) {
+        return val.split('.').reduce((data, currentVal) => {
+          return data[currentVal]
+        }, data)
+      },
+      loadXML(xmlString) {
+        if (document.all) {
+          var xmlDom = new ActiveXObject("Microsoft.XMLDOM");
+          xmlDom.loadXML(xmlString)
+          return xmlDom
+        }
+        else {
+          return new DOMParser().parseFromString(xmlString, "text/xml");
+        }
+      },
+
+      xmlToJson(xml) {
+        // Create the return object
+        var obj = {};
+        var buffer = [];
+        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 (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";
+        }
+        obj["type"] = xml.nodeName;
+        // do children
+        if (xml.hasChildNodes()) {
+          for (var i = 0; i < xml.childNodes.length; i++) {
+            var item = xml.childNodes.item(i);
+            var nodeName = item.nodeName;
+            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) {
+        var self = this;
+        var submitData = {};
+        var rowData = self.model.rows[rowindex];
+        var actionRouter = [];
+        if (self.model.actionRouters) {
+          self.model.actionRouters.forEach((v) => {
+            var field = self.loaderObj.Router(v);
+            actionRouter.push(field);
+          });
+        }
+        let field = actionRouter.find(b => {
+          return b.id === routerKey;
+        });
+        field.submitListField.forEach((k) => {
+          submitData[k] = rowData[k];
+        });
+
+        let action = field.action;
+        if (field.actionField) {
+          action = rowData[field.actionField];
+        }
+        this.routerClickHandler(field, submitData, action);
+      },
+      routerClickHandler(field, submitData, action) {
+        let self = this;
+        action = action || field.action;
+       
+        var clickAcion = function () {
+          //若不是客户端方法，则直接访问接口
+          if (!field.isClientFuntion) {
+            // 外部框架tab页打开
+            if (field.isFormPageInTab || field.isSearchPageInTab) {
+              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.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 {
+                self.operationLoading = true;
+                field.doAction(submitData, (data) => {
+                  self.operationLoading = false;
+                  if (!field.flagFreshCurrentRow && !field.flagAddRowAfterAction) {
+                    self.model.doAction({ responseData: data });
+                  }
+                  self.$forceUpdate();
+                  self.$refs.footer.$forceUpdate();
+                  self.updateCurrentRow(field, data);
+                })
+              }
+            }
+          }
+          //执行客户端脚本
+          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();
+        }
+      },
+    },
+    mounted() {
+
+    }
+  }
+</script>
+<style>
+  .ct-Layout {
+    font-size: 12px;
+  }
+</style>

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

@@ -0,0 +1,44 @@
+<template>
+  <el-container :direction="model.orientation" :style="model.styleObject">
+    <component v-for="(item, index) in model.fields" :key="index" :is="item.is" :vmodel="item" :rowindex="rowindex"  @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';
+  export default {
+    name: 'ct-layoutchildren',
+    mixins: [dynamicElement],
+    components: {
+      'ct-layoutlabel': dynamicLayoutLabel,
+      'ct-layoutline': dynamicLayoutLine,
+      'ct-layoutimage': dynamicLayoutImage
+    },
+    props: {
+      vmodel: Object,
+      rowindex: Number
+    },
+    data() {
+      return {
+
+      };
+    },
+    created() {
+      this.model = this.loaderObj.CellLayout(this.vmodel);
+     
+    },
+    methods: {
+      clickHandler(routerKey, rowindex) {
+        this.$emit('click', routerKey, rowindex);
+      }
+    },
+    mounted() {
+
+    }
+  }
+</script>
+<style>
+ 
+</style>

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

@@ -0,0 +1,39 @@
+<template>
+  <div v-if="model.routerKey" :style="model.styleObject">
+    <img class="ct-tablecurrencyImg ct-tablecurrencyItem" :src="model.value"  @click="clickHandler($event)" />
+  </div>
+  <div v-else :style="model.styleObject">
+    <el-image :src="model.value"
+              fit="fit"></el-image>
+  </div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  export default {
+    name: 'ct-layoutimage',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object,
+      rowindex: Number
+    },
+    data() {
+      return {
+      }
+    },
+    created() {
+      if (typeof this.vmodel !== 'undefined') {
+        this.model = this.loaderObj.CellLayout(this.vmodel);
+      }
+    },
+   
+    methods: {
+      clickHandler(ev) {
+        this.$emit('click', this.model.routerKey, this.rowindex);
+      }
+    },
+    computed: {
+     
+    }
+  }
+</script>

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

@@ -0,0 +1,55 @@
+<template>
+  <div v-if="model.routerKey" :style="model.styleObject">
+    <a href="javascript:void(0);"  @click="clickHandler($event)" class="ct-tablecurrencyItem">
+      {{model.value}}
+    </a>
+  </div>
+  <div v-else :style="model.styleObject" v-html="model.value">
+  </div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  export default {
+    name: 'ct-layoutlabel',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object,
+      rowindex: Number
+    },
+    data() {
+      return {
+      }
+    },
+    created() {
+      this.model = this.loaderObj.CellLayout(this.vmodel);
+    },
+   
+    methods: {
+      clickHandler(ev) {
+        this.$emit('click', this.model.routerKey, this.rowindex);
+      }
+    },
+    computed: {
+     
+    }
+  }
+</script>
+<style>
+  .ct-tablecurrencyItem {
+    text-decoration: none;
+    padding-left: 0px;
+    padding-right: 4px;
+    cursor: pointer;
+    color: #388cd3;
+  }
+
+    .ct-tablecurrencyItem:hover {
+      color: #23527c;
+    }
+
+  .ct-tablecurrencyImg {
+    width: 24px;
+    margin-top: 2px;
+  }
+</style>

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

@@ -0,0 +1,29 @@
+<template>
+    <div :style="model.styleObject"></div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  export default {
+    name: 'ct-layoutline',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object,
+      rowindex: Number
+    },
+    data() {
+      return {
+      }
+    },
+    created() {
+      this.model = this.loaderObj.CellLayout(this.vmodel);
+    },
+   
+    methods: {
+     
+    },
+    computed: {
+     
+    }
+  }
+</script>

package/src/centaline/dynamicSearchList/src/dynamicSearchList.vue

@@ -14,7 +14,7 @@
 
       <ct-searchtable ref="table" :api="searchDataApi" :searchStatsApi="searchStatsApi" :from="from" @loaded="tableLoaded"
       @toolbarClick="toolbarClickHandler" @refreshParent="refreshParentHandler"  :key="reloadKeyTable" @searchComplate="searchComplate" 
-      @rowClickHandle="rowClickHandle"
+      @rowClickHandle="rowClickHandle" 
       @showTitle="showTitleHandler"></ct-searchtable>
     </div>
     <div v-if="flagSideBar && flagSideBarOfData" 
@@ -72,6 +72,15 @@
     },
     computed: {
     },
+    activated() {
+      this.$nextTick(() => {
+        if(this.$refs.detail){
+          if(this.$refs.detail.$children && this.$refs.detail.$children.length>0){
+            this.$refs.detail.$children[0].refreshPage();
+          }
+        }
+      })
+    },
     data() {
       return {
         loaded: {
@@ -203,13 +212,15 @@
       },
       rowClickHandle() {
         var self = this;
-        if(self.selectIndex!==self.$refs.table.model.selectIndex){
+        if(self.selectIndex!==self.$refs.table.model.selectIndex && self.$refs.table.model.rowSelectRouter){
           self.selectIndex=self.$refs.table.model.selectIndex;
           self.rowCount=self.$refs.table.model.listData.length;
           self.sideBarApiParam = {};
-          self.$refs.table.model.rowSelectRouter.submitListField.forEach((k) => {
-            self.sideBarApiParam[k] = self.$refs.table.model.listData[self.selectIndex][k];
-          });
+          if(self.$refs.table.model.rowSelectRouter.submitListField){
+            self.$refs.table.model.rowSelectRouter.submitListField.forEach((k) => {
+              self.sideBarApiParam[k] = self.$refs.table.model.listData[self.selectIndex][k];
+            });
+          }
           self.sideBarApiParam.actionType = self.$refs.table.model.rowSelectRouter.actionType;
           self.detailKey = self.detailKey+1;
         }
@@ -236,6 +247,11 @@
           for(var i=0;i<popoverCallTels.length;i++){
             popoverCallTels[i].style.display='block';
           }
+          if(this.$refs.detail){
+            if(this.$refs.detail.$children && this.$refs.detail.$children.length>0){
+              this.$refs.detail.$children[0].refreshPage();
+            }
+          }
         }
       },
       closeSideHandler() {