centaline-data-driven 1.2.79 → 1.2.82

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

@@ -3,7 +3,7 @@
     <ct-tableStats ref="tableStats" class="ct-search-table-list-header"
                    v-if="!isLoading&&searchStatsApi"
                    :api="searchStatsApi"
-                   @searchStats="searchStats"  @setTableHeight="setTableHeight"
+                   @searchStats="searchStats" @setTableHeight="setTableHeight"
                    :searchModel="model.searchModel"></ct-tableStats>
     <ct-tabletoolbar ref="toolbar" v-if="!isLoading" :buttons="model.buttons"
                      @click="toolbarClickHandler($event)"
@@ -56,8 +56,8 @@
               </th>
 
               <!--<th v-if="model.rowRouter.length > 0" class="ct-td tdFiexd" :class="[-1 === rightShadow?'shadowRight':null]" :style="{'min-width':'20px','transform':'translate('+scrollRight+'px, '+scrollTop+'px)'}">
-            操作
-          </th>-->
+                操作
+              </th>-->
             </tr>
           </thead>
           <!--表体-->
@@ -122,10 +122,10 @@
 
                 <!--模版列(启用)-->
                 <!--<component v-else :is="column.template(row).component" :class="column.autoRowHeight ? 'lineFeedCell':'cell'" :vmodel="column.template(row)" :style="{'width': column.width + 'px'}">
-              <template slot="value">
-                {{row[column.id]}}
-              </template>
-            </component>-->
+                  <template slot="value">
+                    {{row[column.id]}}
+                  </template>
+                </component>-->
               </td>
             </tr>
             <!--适配滚动条-->
@@ -135,7 +135,7 @@
       </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>
+          <ct-layout :ref="'layout'+rowindex" :vmodel="row" :cellLayout="model.cellLayout" :key="tableComplate" :rowindex="rowindex" :actionRouter="model.actionRouter" @click="rolRouterCellClickHandler"></ct-layout>
         </div>
       </div>
     </div>
@@ -164,13 +164,13 @@
       vmodel: Object,
       api: String,
       searchStatsApi: String,
-      flagFocus:{
+      flagFocus: {
         Boolean,
-        default:true
+        default: true
       },
       from: {
         String,
-        default:'searchlist'
+        default: 'searchlist'
       },
     },
     computed: {
@@ -200,7 +200,7 @@
         pageRowMin: 0,//页面实际的第一行号
         pageRowMax: 100,//页面实际的第后行号
         displayRowNumber: 30,
-        selectAllType:1,
+        selectAllType: 1,
         option: {
           isHidden: true,//是否开启操作栏隐藏设置，默认开启
           showNum: 3,//如果isHidden为true时，个数大于3就会隐藏，默认是3
@@ -217,9 +217,9 @@
     },
     methods: {
       rowCheckClass(row) {
-         if(row.$select){
-           return 'is-checked';
-         }
+        if (row.$select) {
+          return 'is-checked';
+        }
       },
       load(data) {
         var self = this;
@@ -258,7 +258,7 @@
         }
         self.tableComplate = true;
         this.setTableHeight();
-        this.selectAllType=this.model.getSelectAll();
+        this.selectAllType = this.model.getSelectAll();
 
         this.$nextTick(() => {
           self.loadStats();
@@ -387,7 +387,7 @@
             self.tableLoading = false;
             self.rowColorChange();
           }
-          self.$emit('searchComplate',index);
+          self.$emit('searchComplate', index);
         }
         self.tableLoading = true;
 
@@ -496,7 +496,7 @@
       setTrLazyLoading() {
         this.pageRowMax = this.firstRow + this.displayRowNumber;
         this.pageRowMin = this.firstRow - this.displayRowNumber;
-        this.pageRowMin=this.pageRowMin>0?this.pageRowMin:0;
+        this.pageRowMin = this.pageRowMin > 0 ? this.pageRowMin : 0;
         if (this.pageRowMin > 0 && this.model.listData[this.pageRowMin].$rowspan === 0) {
           for (let i = this.pageRowMin; i >= 0; i--) {
             if (this.model.listData[i].$rowspan > 0) {
@@ -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;
@@ -563,7 +569,7 @@
 
           }
         });
-      },      
+      },
       scrollHandle(ev) {
         var self = this;
         if ((this.$refs.tableParent.scrollTop + this.$refs.tableParent.clientHeight) >= (this.$refs.tableParent.scrollHeight - 5)) {
@@ -571,7 +577,7 @@
             self.isBusy = true;
             self.tableLoading = true;
             self.model.nextPage((rtn) => {
-              if (rtn) {                
+              if (rtn) {
                 self.getScrollAttr();
                 self.$forceUpdate();
               }
@@ -644,7 +650,7 @@
             });
           }
         }
-        if(ev){
+        if (ev) {
           ev.cancelBubble = true;
           ev.stopPropagation();
           ev.preventDefault();
@@ -702,13 +708,13 @@
 
         this.routerClickHandler(field, submitData, action);
       },
-      rolRouterClickHandler(field, rowData,rowindex) {
-        if(this.$refs['popover'+rowindex]){
-          this.$refs['popover'+rowindex][0].doClose();
+      rolRouterClickHandler(field, rowData, rowindex) {
+        if (this.$refs['popover' + rowindex]) {
+          this.$refs['popover' + rowindex][0].doClose();
         }
 
         var self = this;
-        var submitData = {};        
+        var submitData = {};
         field.submitListField.forEach((k) => {
           submitData[k] = rowData[k];
         });
@@ -733,7 +739,7 @@
               if (field.pageStyle) {
                 submitData.pageStyle = field.pageStyle;
               }
-              self.$common.getDataDrivenOpts().handler.openTab(action, submitData, field.pageTitle, self.model,field.dialogWidth);
+              self.$common.getDataDrivenOpts().handler.openTab(action, submitData, field.pageTitle, self.model, field.dialogWidth);
             }
             else if (field.isSearchPageInTab) {// 外部框架tab页打开
               submitData = field.getActionPara(submitData).para;
@@ -770,7 +776,7 @@
                         self.$forceUpdate();
                         self.$refs.footer.$forceUpdate();
                         self.$common.closeDialog(dialogOption.dialog);
-                        self.updateCurrentRow(field,ev);
+                        self.updateCurrentRow(field, ev);
                       },
                       refreshParent() {
                         self.getPage(1);
@@ -840,7 +846,7 @@
                   }
                   self.$forceUpdate();
                   self.$refs.footer.$forceUpdate();
-                  self.updateCurrentRow(field,data);
+                  self.updateCurrentRow(field, data);
                 })
               }
             }
@@ -873,6 +879,194 @@
           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];
+        }
+        self.model.selectIndex = rowindex;
+        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][0], 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) {
@@ -880,34 +1074,34 @@
           }
         });
         this.model.setButtonsDisabled();
-        this.selectAllType=this.model.getSelectAll();
+        this.selectAllType = this.model.getSelectAll();
         this.$forceUpdate();
       },
       selectOne($ev) {
         this.model.setButtonsDisabled();
         this.model.setSelectAll();
-        this.selectAllType=this.model.getSelectAll();
+        this.selectAllType = this.model.getSelectAll();
       },
       calculatingRowHeight() {
         let self = this;
 
         //查询出所有没有设置$heigth的数据并重新设置$heigth
         self.model.listData.forEach((item, i) => {
-          if(item.$heigth === undefined || item.$heigth <= 0){
+          if (item.$heigth === undefined || item.$heigth <= 0) {
             if (self.$refs["rows." + i] && self.$refs["rows." + i].length > 0) {
               self.$set(item, "$heigth", self.$refs["rows." + i][0].clientHeight);
             }
           }
         });
       },
-      updateCurrentRow(router,data) {
+      updateCurrentRow(router, data) {
         let self = this;
         if (router.flagFreshCurrentRow || router.flagAddRowAfterAction) {
           self.tableComplate = true;
           self.model.getCurrentRowApiData(function () {
             self.$forceUpdate();
             self.tableComplate = false;
-          },data,router);
+          }, data, router);
         }
       },
       importComplete(res) {
@@ -956,12 +1150,12 @@
         self.getPage(1);
       },
       getRowRouterShow(row) {
-        let self=this;
-        let rowRouterShow=[];
+        let self = this;
+        let rowRouterShow = [];
         self.model.rowRouter.forEach((v) => {
-          if(v.show){
+          if (v.show) {
             if (!v.rightField || row[v.rightField] == 1) {
-              if(rowRouterShow.length<self.model.rowMenuDisplayCount){
+              if (rowRouterShow.length < self.model.rowMenuDisplayCount) {
                 rowRouterShow.push(v);
               }
             }
@@ -970,14 +1164,14 @@
         return rowRouterShow;
       },
       getRowRouterDisplay(row) {
-        let self=this;
-        let rowRouterDisplay=[];
-        let i=0;
+        let self = this;
+        let rowRouterDisplay = [];
+        let i = 0;
         self.model.rowRouter.forEach((v) => {
-          if(v.show){
+          if (v.show) {
             if (!v.rightField || row[v.rightField] == 1) {
-              i=i+1;
-              if(i>self.model.rowMenuDisplayCount){
+              i = i + 1;
+              if (i > self.model.rowMenuDisplayCount) {
                 rowRouterDisplay.push(v);
               }
             }
@@ -985,23 +1179,23 @@
         });
         return rowRouterDisplay;
       },
-      refreshFromSimple(field,data){
-        var self=this;
+      refreshFromSimple(field, data) {
+        var self = this;
         if (field.isOpenForm) {
           if (!field.flagFreshCurrentRow && !field.flagAddRowAfterAction) {
             self.model.doAction(data);
           }
           self.$forceUpdate();
           self.$refs.footer.$forceUpdate();
-          self.updateCurrentRow(field,data);
+          self.updateCurrentRow(field, data);
         }
-        else {               
+        else {
           if (!field.flagFreshCurrentRow && !field.flagAddRowAfterAction) {
             self.model.doAction({ responseData: data });
           }
           self.$forceUpdate();
           self.$refs.footer.$forceUpdate();
-          self.updateCurrentRow(field,data);
+          self.updateCurrentRow(field, data);
         }
       },
     },
@@ -1014,14 +1208,17 @@
     outline: 0;
     border-top: 1px solid #fff;
   }
+
   .ct-searchtable .ct-table {
     min-width: 100%;
     border-collapse: collapse;
   }
+
     .ct-searchtable .ct-table th {
       background-color: #f4f7fa !important;
       border-top: 1px solid #ebeef5;
     }
+
   .ct-searchtable .ct-tr > .ct-td {
     /*border: 1px solid #e7e8eb;
     border-bottom: 1px solid #e7e8eb;
@@ -1031,53 +1228,66 @@
     cursor: default;
     background-color: #ffffff;
   }
+
   .ct-searchtable .ct-tr > .ct-td1 {
     border-right: 1px solid #e7e8eb;
     border-left: 1px solid #e7e8eb;
   }
+
   .ct-searchtable .ct-tr:last-child > .ct-td1 {
     border-bottom: 1px solid #e7e8eb;
   }
+
   .ct-searchtable .ct-tr > .ct-td2 {
     border-bottom: 1px solid #e7e8eb;
   }
+
   .ct-searchtable .ct-tr > .ct-td3 {
     border: 1px solid #e7e8eb;
   }
+
   .shadowLeft {
     border-right: 1px solid #e7e8eb;
     box-shadow: 2px 0 3px -1px rgba(0,0,0,0.1);
   }
+
   .shadowRight {
     box-shadow: -2px 0 3px -1px rgba(0,0,0,0.1);
   }
+
   .ct-searchtable body:last-child > .ct-td {
     border-bottom: 0px;
   }
+
   .ct-searchtable .ct-tr > .ct-td.nowidth {
     white-space: nowrap;
   }
+
   .ct-table {
     color: #606266;
     font-size: 18px;
     line-height: 40px;
     min-height: 40px;
   }
+
   .ct-table-mini {
     font-size: 12px;
     line-height: 26px;
     min-height: 28px;
   }
+
   .ct-table-small {
     font-size: 14px;
     line-height: 32px;
     min-height: 32px;
   }
+
   .ct-table-medium {
     font-size: 16px;
     line-height: 36px;
     min-height: 36px;
   }
+
   .ct-table .ct-td > .caret-wrapper {
     display: inline-flex;
     flex-direction: column;
@@ -1089,6 +1299,7 @@
     overflow: initial;
     position: relative;
   }
+
     .ct-table .ct-td > .caret-wrapper > .sort-caret {
       width: 0;
       height: 0;
@@ -1096,28 +1307,35 @@
       position: absolute;
       left: 7px;
     }
+
       .ct-table .ct-td > .caret-wrapper > .sort-caret.ascending {
         border-bottom-color: #c0c4cc;
         top: 5px;
       }
+
       .ct-table .ct-td > .caret-wrapper > .sort-caret.descending {
         border-top-color: #c0c4cc;
         bottom: 7px;
       }
+
   .ct-table .ct-td.select {
     background-color: #ecf5ff !important;
   }
+
   .ct-table .ct-tr:hover .ct-td.select {
     background-color: #ecf5ff !important;
   }
+
   .ct-table .ct-td.asc > .caret-wrapper > .sort-caret.ascending {
     border-bottom-color: #409eff;
     top: 5px;
   }
+
   .ct-table .ct-td.desc > .caret-wrapper > .sort-caret.descending {
     border-top-color: #409eff;
     bottom: 7px;
   }
+
   .ct-table .cell {
     /*white-space: nowrap;*/
     text-overflow: ellipsis;
@@ -1141,59 +1359,72 @@
     -webkit-hyphens: auto;
     hyphens: auto;
   }
+
   .ct-table .lineFeedCell {
     min-width: 40px;
   }
+
   .ct-table .left-fixation {
     position: sticky;
   }
+
   .ct-table .right-fixation {
     position: sticky;
   }
+
   .ct-table .left-fixation-th {
     position: sticky;
     top: 0px;
     z-index: 99;
   }
+
   .ct-table .right-fixation-th {
     position: sticky;
     top: 0px;
     z-index: 99;
   }
+
   .ct-table .right-no-fixation-th {
     position: sticky;
     top: 0px;
     z-index: 50;
   }
+
   .ct-table .checkbox-td {
     min-width: 20px;
     width: 20px;
     left: 0px;
   }
+
     .ct-table .checkbox-td .checkbox-td-1 {
       vertical-align: inherit;
     }
-    
+
   .tab-list {
     position: relative;
-    margin-bottom: 0px !important;;
-    height: auto !important;;
+    margin-bottom: 0px !important;
+    ;
+    height: auto !important;
+    ;
     display: block;
     padding-left: 8px;
     padding-right: 4px;
   }
-  .tab-list .subdiv_allinline {    
-    float: none;
-    display: block;
-    width: -webkit-fill-available;
-    cursor: pointer;
-  }
+
+    .tab-list .subdiv_allinline {
+      float: none;
+      display: block;
+      width: -webkit-fill-available;
+      cursor: pointer;
+    }
+
   .div_allinline .Stats-popover {
     float: right;
     margin-top: 3px;
     margin-left: 4px;
     height: 16px;
   }
+
   .icon-more {
     background: url('../../../assets/XL.png')no-repeat;
     background-size: 100% 100%;
@@ -1201,7 +1432,8 @@
     height: 16px;
     display: table-caption;
     cursor: pointer;
-  } 
+  }
+
   .el-popover1 {
     min-width: inherit !important;
   }