centaline-data-driven 1.2.78 → 1.2.81

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

@@ -1,8 +1,17 @@
 <template>
-  <div v-if="model.routerKey" :style="model.styleObject">
-    <img class="ct-tablecurrencyImg ct-tablecurrencyItem" :src="model.value"  @click="clickHandler($event)" />
+  <div v-if="model.routerKey">
+    <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>
+        <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>
@@ -15,10 +24,25 @@
     mixins: [dynamicElement],
     props: {
       vmodel: Object,
-      rowindex: Number
+      rowindex: Number,
+      forname: String,
+      forrowindex: String
     },
     data() {
       return {
+        visible: false,
+        message: '',
+        qrCode: '',
+        width: 300,
+        height: 300,
+        tellImgUrl: '',
+        option: {
+          isHidden: true,//是否开启操作栏隐藏设置，默认开启
+          showNum: 3,//如果isHidden为true时，个数大于3就会隐藏，默认是3
+          appendId: '',//将浮动栏添加到对应id或者class节点中。或者.xxx。传空字符串是添加到body中。
+          trigger: 'manual',//触发方式，传值可查看Popper UI组件trigger属性
+          placement: 'bottom-start',//方向，传值可查看Popper UI组件placement属性
+        },
       }
     },
     created() {
@@ -29,8 +53,33 @@
    
     methods: {
       clickHandler(ev) {
-        this.$emit('click', this.model.routerKey, this.rowindex);
-      }
+        if (!this.visible) {
+          this.$emit('click', this.model.routerKey, this.rowindex, this.forname, this.forrowindex);
+        }
+        else {
+          this.visible = false;
+          this.tellImgUrl = '';
+        }
+        
+      },
+      callTelClick(data) {
+        this.message = '';
+        this.qrCode = '';
+        this.tellImgUrl = '';
+        if (data.content.actionType == '显示消息') {
+          this.visible = true;
+          this.message = data.content.message;
+          if (data.content.imgUrl) this.tellImgUrl = data.content.imgUrl;
+        }
+        else if (data.content.actionType == '扫码拨号') {
+          this.visible = true;
+          this.message = data.content.message;
+          this.qrCode = data.content.qrCode;
+          if (data.content.width) this.width = data.content.width;
+          if (data.content.height) this.height = data.content.height;
+          if (data.content.imgUrl) this.tellImgUrl = data.content.imgUrl;
+        }
+      },
     },
     computed: {
      

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

@@ -1,10 +1,12 @@
 <template>
-  <div v-if="model.routerKey" :style="model.styleObject">
-    <a href="javascript:void(0);"  @click="clickHandler($event)" class="ct-tablecurrencyItem">
-      {{model.value}}
-    </a>
+  <div v-if="model.routerKey">
+    <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>
 
@@ -15,7 +17,9 @@
     mixins: [dynamicElement],
     props: {
       vmodel: Object,
-      rowindex: Number
+      rowindex: Number,
+      forname: String,
+      forrowindex: String
     },
     data() {
       return {
@@ -27,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 {

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

@@ -133,9 +133,9 @@
           </tbody>
         </table>
       </div>
-      <div v-else>
-        <div v-for="(row,rowindex) in model.listData" :key="rowindex">
-            <ct-layout :vmodel="row" :cellLayout="model.cellLayout" :rowindex="rowindex" :actionRouter="model.actionRouter"></ct-layout>
+      <div class="ct-Layout" v-else>
+        <div v-for="(row,rowindex) in model.layoutData" :key="rowindex">
+          <ct-layout :ref="'layoutrows.'+rowindex" :vmodel="row"  :rowindex="rowindex" @click="rolRouterCellClickHandler"></ct-layout>
         </div>
       </div>
     </div>
@@ -549,8 +549,14 @@
           else {
             if (this.$parent.$parent.$vnode.componentOptions.tag === 'ct-PropertySimpleDetailRET') {
               var h1 = this.$parent.$parent.$parent.$parent.$refs.sidebar.offsetHeight | 0;
-              var h2 = this.$parent.$parent.$refs.contact.offsetHeight | 0;
-              var h3 = this.$parent.$parent.$refs.title.offsetHeight | 0;
+              var h2 = 0;
+              if (this.$parent.$parent.$refs.contact) {
+                h2 = this.$parent.$parent.$refs.contact.offsetHeight | 0;
+              }
+              var h3 = 0;
+              if (this.$parent.$parent.$refs.contact) {
+                h3 = this.$parent.$parent.$refs.title.offsetHeight | 0;
+              }
               let tableHeight = h1 - h2 - h3 - 270;
               if (h2 == 0) {
                 tableHeight = tableHeight + 15;
@@ -728,13 +734,17 @@
           //若不是客户端方法，则直接访问接口
           if (!field.isClientFuntion) {
             // 外部框架tab页打开
-            if (field.isFormPageInTab || field.isSearchPageInTab) {
+            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);
@@ -869,6 +879,193 @@
           clickAcion();
         }
       },
+      rolRouterCellClickHandler(routerKey, rowindex, forname, forrowindex) {
+        var self = this;
+        var submitData = {};
+        var rowData = self.model.listData[rowindex];
+        var actionRouter = self.model.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.routerCellClickHandler(field, submitData, action, rowindex, forname, forrowindex);
+      },
+      routerCellClickHandler(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.$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;
+            }
+          }
+        }
+      },
       selectAll($ev) {
         this.model.listData.forEach((ro) => {
           if (!this.model.rightMulti || ro[this.model.rightMulti] == 1) {
@@ -1201,4 +1398,7 @@
   .el-popover1 {
     min-width: inherit !important;
   }
+  .ct-Layout {
+    font-size: 12px;
+  }
 </style>