npm - centaline-data-driven - Versions diffs - 1.3.71 → 1.3.73 - Mend

centaline-data-driven 1.3.71 → 1.3.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

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

@@ -1,14 +1,14 @@
 <template>
   <div style="width: 100%" class="ct-searchtable" ref="searchTable" :style="{ 'margin-top': isLayout ? '0' : '', padding: isLayout ? '0' : '' }">
     <ct-tableStats ref="tableStats" class="ct-search-table-list-header"
-      v-if="!isLoading && searchStatsApi" :api="searchStatsApi"
-      @searchStats="searchStats"  @setTableHeight="setTableHeight" :searchModel="model.searchModel">
+                   v-if="!isLoading && model && searchStatsApi" :api="searchStatsApi"
+                   @searchStats="searchStats" @setTableHeight="setTableHeight" :searchModel="model.searchModel">
     </ct-tableStats>
     <ct-tabletoolbar ref="toolbar" v-if="!isLoading && model && model.buttons"
-      :buttons="model.buttons"
-      @click="toolbarClickHandler($event)" @importComplete="importComplete"
-      :optionApi="model.optionApi" :searchModel="model.searchModel">
+                     :buttons="model.buttons"
+                     @click="toolbarClickHandler($event)" @importComplete="importComplete"
+                     :optionApi="model.optionApi" :searchModel="model.searchModel">
     </ct-tabletoolbar>
     <ct-tabletip ref="listHeader" class="ct-search-table-list-header" :tip="model.listHeader" v-if="!isLoading && model"></ct-tabletip>
@@ -17,13 +17,13 @@
     <div v-loading="operationLoading"></div>
     <div class="ct-tableParent" ref="tableParent" v-bind="model.attrs" v-if="!isLoading && model"
-      :style="{ height: from == 'form' ? '100%' : model.tableHeight + 'px','border-bottom': isLayout ? 'none' : '','border-top': isLayout ? 'none' : '',}"
-      @scroll="scrollHandle($event)" :v-focus="model.flagFocus"
-      @keydown.up="rowKeyDownHandle($event, 0)" @keydown.down="rowKeyDownHandle($event, 1)"
-      tabindex="-1">
+         :style="{ height: from == 'form' ? '100%' : model.tableHeight + 'px','border-bottom': isLayout ? 'none' : '','border-top': isLayout ? 'none' : '',}"
+         @scroll="scrollHandle($event)" :v-focus="model.flagFocus"
+         @keydown.up="rowKeyDownHandle($event, 0)" @keydown.down="rowKeyDownHandle($event, 1)"
+         tabindex="-1">
       <div class="ct-table-content" v-if="!isLayout">
         <table border="0" cellpadding="0" cellspacing="0"
-          :class="['ct-table',model.attrs.size ? 'ct-table-' + model.attrs.size : '',]">
+               :class="['ct-table',model.attrs.size ? 'ct-table-' + model.attrs.size : '',]">
           <!--表头-->
           <thead ref="tableHead" class="right-no-fixation-th">
             <tr class="ct-tr" ref="headTr" v-for="(columns, columnsIndex) in model.columnsArr" :key="columnsIndex">
@@ -31,20 +31,18 @@
                 <label class="el-checkbox">
                   <span class="el-checkbox__input" :class="model.selectAllType">
                     <span class="el-checkbox__inner"></span>
-                    <input
-                      type="checkbox"
-                      @click="selectAll($event)"
-                      v-model="model.selectAll"
-                      class="el-checkbox__original checkbox-td-1"
-                      aria-hidden="false"
-                    />
+                    <input type="checkbox"
+                           @click="selectAll($event)"
+                           v-model="model.selectAll"
+                           class="el-checkbox__original checkbox-td-1"
+                           aria-hidden="false" />
                   </span>
                 </label>
               </th>
               <th :ref=" column.fixed ? column.fixed === 'left' ? 'headLeftThs' : 'headRightThs' : 'headThs'"
-                v-for="(column, colIndex) in columns" :key="colIndex" v-if="column.show"
-                class="ct-td ct-searchtable-th" :rowspan="column.rowspan" :colspan="column.colspan"
-                :class="[
+                  v-for="(column, colIndex) in columns" :key="colIndex" v-if="column.show"
+                  class="ct-td ct-searchtable-th" :rowspan="column.rowspan" :colspan="column.colspan"
+                  :class="[
                   colHasWidth[colIndex],
                   column.sortAction,
                   model.tdClass,
@@ -55,8 +53,8 @@
                   column.width === undefined ? 'ct-table-auto' : null,
                   typeof column.fixed === 'undefined' ? 'right-no-fixation-th': null,
                 ]"
-                @mousemove="thMouseMoveHandle($event)" @mousedown="thMouseDownHandle($event, colIndex)"
-                v-bind="column.attrs">
+                  @mousemove="thMouseMoveHandle($event)" @mousedown="thMouseDownHandle($event, colIndex)"
+                  v-bind="column.attrs">
                 <span>{{ column.name }}</span>
                 <span class="caret-wrapper" v-if="column.sort" @click="toSort($event, column)" @contextmenu.prevent="clearSort($event, column)">
                   <i class="sort-caret ascending" @click.left="toSort($event, column, 'asc')" @contextmenu.prevent="clearSort($event, column)"></i>
@@ -73,20 +71,20 @@
           <tbody>
             <!--可视区域的行数据-->
             <tr v-for="(row, rowindex) in model.listData" :key="rowindex" v-if="pageRowMin <= rowindex && rowindex <= pageRowMax"
-              :ref="'rows.' + rowindex" @click="rowClickHandle($event, rowindex)"
-              class="ct-tr" :style="row.$style">
+                :ref="'rows.' + rowindex" @click="rowClickHandle($event, rowindex)"
+                class="ct-tr" :style="row.$style">
               <td v-if="model.isMulti" class="ct-td tdFiexd left-fixation checkbox-td" :class="[model.tdClass]" align="center">
                 <label v-if="!model.rightMulti || row[model.rightMulti] == 1" class="el-checkbox is-checked">
                   <span class="el-checkbox__input" :class="rowCheckClass(row)">
                     <span class="el-checkbox__inner"></span>
-                    <input type="checkbox" v-model="row.$select" @change="selectOne($event)" class="el-checkbox__original checkbox-td-1"/>
+                    <input type="checkbox" v-model="row.$select" @change="selectOne($event)" class="el-checkbox__original checkbox-td-1" />
                   </span>
                 </label>
               </td>
               <td :ref="column.fixed? column.fixed === 'left' ? 'headLeftTds': 'headRightTds' : null"
-                v-for="(column, colIndex) in model.dataFieldcolumns" :key="colIndex" v-if="tdShow(column, row)"
-                :rowspan="tdRowspan(column, row)" class="ct-td"
-                :class="[
+                  v-for="(column, colIndex) in model.dataFieldcolumns" :key="colIndex" v-if="tdShow(column, row)"
+                  :rowspan="tdRowspan(column, row)" class="ct-td"
+                  :class="[
                   colHasWidth[colIndex],
                   model.tdClass,
                   colIndex === leftShadow ? 'shadowLeft' : null,
@@ -95,22 +93,22 @@
                   column.width === undefined ? 'ct-table-auto' : null,
                   column.fixed === 'right' ? 'right-fixation' : null,
                 ]"
-                v-bind="column.attrs">
+                  v-bind="column.attrs">
                 <!--操作列-->
                 <div v-if="column.id === 'operation'" class="div_allinline" :class="column.autoRowHeight ? 'lineFeedCell' : 'cell'">
                   <ct-tablecurrency v-for="(router, rowRouterIndex) in getRowRouterShow(row)" :key="rowRouterIndex" :ref="'router' +router.id+ rowindex"
-                    v-if="!router.rightField || row[router.rightField] == 1" :isOperationalColumn="true" :rowindex="rowindex"
-                    :router="router" :colValue="router.label" :rowData="row" @click="rolRouterClickHandler">
+                                    v-if="!router.rightField || row[router.rightField] == 1" :isOperationalColumn="true" :rowindex="rowindex"
+                                    :router="router" :colValue="router.label" :rowData="row" @click="rolRouterClickHandler">
                   </ct-tablecurrency>
                   <el-popover v-if="getRowRouterDisplay(row).length > 0" :ref="'popover' + rowindex"
-                    :append-to-table="option.appendId ? option.appendId : ''"
-                    class="Stats-popover" popper-class="el-popover1"
-                    :placement="option.placement ? option.placement : 'left'" :trigger="option.trigger ? option.trigger : ''">
+                              :append-to-table="option.appendId ? option.appendId : ''"
+                              class="Stats-popover" popper-class="el-popover1"
+                              :placement="option.placement ? option.placement : 'left'" :trigger="option.trigger ? option.trigger : ''">
                     <div class="tab-list" style="border-bottom: none">
                       <ct-tablecurrency v-for="(router, rowRouterIndex) in getRowRouterDisplay(row)"
-                        :key="rowRouterIndex" v-if="!router.rightField || row[router.rightField] == 1"
-                        :isOperationalColumn="true" :isShowImg="false" :rowindex="rowindex"
-                        :router="router" :colValue="router.label" :rowData="row"  @click="rolRouterClickHandler">
+                                        :key="rowRouterIndex" v-if="!router.rightField || row[router.rightField] == 1"
+                                        :isOperationalColumn="true" :isShowImg="false" :rowindex="rowindex"
+                                        :router="router" :colValue="router.label" :rowData="row" @click="rolRouterClickHandler">
                       </ct-tablecurrency>
                     </div>
                     <span :slot="getRowRouterDisplay(row).length > 0 ? 'reference' : ''" class="icon-more"></span>
@@ -118,22 +116,22 @@
                 </div>
                 <ct-tablecurrency v-else-if="column.id === 'voice'" :isShowVoice="true"
-                  :router="column.router" :colValue="column.router.label" :rowindex="rowindex"
-                  :rowData="row" @click="rolRouterClickHandler" :class="column.autoRowHeight ? 'lineFeedCell' : 'cell'">
+                                  :router="column.router" :colValue="column.router.label" :rowindex="rowindex"
+                                  :rowData="row" @click="rolRouterClickHandler" :class="column.autoRowHeight ? 'lineFeedCell' : 'cell'">
                 </ct-tablecurrency>
                 <!--可点击的列-->
-                <ct-tablecurrency v-else-if="column.router" :ref="'router' +column.router.id+ rowindex" :rowindex="rowindex"
-                  :align="column.attrs.align" :class="column.autoRowHeight ? 'lineFeedCell' : 'cell'"
-                  :router="column.router" :colValue="row[column.id]" :rowData="row" @click="rolRouterClickHandler">
+                <ct-tablecurrency v-else-if="column.router" :ref="'router' +column.router.id+ rowindex" :rowindex="rowindex"
+                                  :align="column.attrs.align" :class="column.autoRowHeight ? 'lineFeedCell' : 'cell'"
+                                  :router="column.router" :colValue="row[column.id]" :rowData="row" @click="rolRouterClickHandler">
                 </ct-tablecurrency>
                 <!--正常的列-->
                 <div v-else-if="column.flagHtml" v-html="row[column.id]"
-                  :class="column.autoRowHeight ? 'lineFeedCell' : 'cell'" :style="column.style ? column.style : ''">
+                     :class="column.autoRowHeight ? 'lineFeedCell' : 'cell'" :style="column.style ? column.style : ''">
                 </div>
                 <div v-else-if="typeof column.template === 'undefined'"
-                  :class="column.autoRowHeight ? 'lineFeedCell' : 'cell'" :style="column.style ? column.style : ''">
+                     :class="column.autoRowHeight ? 'lineFeedCell' : 'cell'" :style="column.style ? column.style : ''">
                   {{ row[column.id] }}
                 </div>
@@ -153,7 +151,7 @@
       <div v-else>
         <div v-for="(row, rowindex) in model.listData" :key="rowindex">
           <ct-layout :ref="'layout' + rowindex" :vmodel="row" :cellLayout="model.cellLayout" :key="tableComplate"
-            :rowindex="rowindex" :actionRouter="model.actionRouter" @click="rolRouterCellClickHandler">
+                     :rowindex="rowindex" :actionRouter="model.actionRouter" @click="rolRouterCellClickHandler">
           </ct-layout>
         </div>
       </div>
@@ -165,1642 +163,1647 @@
   </div>
 </template>
 <script>
-import dynamicElement from "../../mixins/dynamicElement";
-import dynamicTableTip from "./dynamicTableTip.vue";
-import dynamicTableToolbar from "./dynamicTableToolbar.vue";
-import dynamicTableStats from "./dynamicTableStats.vue";
-import dynamicLayout from "../../dynamicLayout/src/dynamicLayout.vue";
-export default {
-  name: "ct-searchtable",
-  mixins: [dynamicElement],
-  components: {
-    "ct-tabletip": dynamicTableTip,
-    "ct-tabletoolbar": dynamicTableToolbar,
-    "ct-tableStats": dynamicTableStats,
-    "ct-layout": dynamicLayout,
-  },
-  props: {
-    vmodel: Object,
-    api: String,
-    searchStatsApi: String,
-    flagFocus: {
-      Boolean,
-      default: true,
+  import dynamicElement from "../../mixins/dynamicElement";
+  import dynamicTableTip from "./dynamicTableTip.vue";
+  import dynamicTableToolbar from "./dynamicTableToolbar.vue";
+  import dynamicTableStats from "./dynamicTableStats.vue";
+  import dynamicLayout from "../../dynamicLayout/src/dynamicLayout.vue";
+  export default {
+    name: "ct-searchtable",
+    mixins: [dynamicElement],
+    components: {
+      "ct-tabletip": dynamicTableTip,
+      "ct-tabletoolbar": dynamicTableToolbar,
+      "ct-tableStats": dynamicTableStats,
+      "ct-layout": dynamicLayout,
     },
-    from: {
-      String,
-      default: "searchlist",
-    },
-    isIframe: {
-      Boolean,
-      default: false,
+    props: {
+      vmodel: Object,
+      api: String,
+      searchStatsApi: String,
+      flagFocus: {
+        Boolean,
+        default: true,
+      },
+      from: {
+        String,
+        default: "searchlist",
+      },
+      isIframe: {
+        Boolean,
+        default: false,
+      },
+      documentHeight: {
+        String,
+        default: 'auto',
+      },
+      documentWidth: {
+        String,
+        default: 'auto',
+      },
     },
-    documentHeight:{
-      String,
-      default: 'auto',
+    computed: {},
+    data() {
+      return {
+        currentTh: null,
+        isLoading: true,
+        isLayout: false,
+        searchLoading: true,
+        tableLoading: false, //表格等待
+        operationLoading: false, //操作等待
+        tempSearchModel: null,
+        isBusy: false,
+        screenComplate: false,
+        tableComplate: false,
+        scrollTop: 0,
+        scrollLeft: 0,
+        scrollRight: 0,
+        leftShadow: -1, //左阴影个数
+        rightShadow: -1, //右阴影个数
+        currentRow: null,
+        colHasWidth: {}, //有无列宽集合
+        firstRow: 0, //展示出来可视的第一行号
+        pageRowMin: 0, //页面实际的第一行号
+        pageRowMax: 100, //页面实际的第后行号
+        displayRowNumber: 30,
+        selectAllType: 1,
+        option: {
+          isHidden: true, //是否开启操作栏隐藏设置，默认开启
+          showNum: 3, //如果isHidden为true时，个数大于3就会隐藏，默认是3
+          appendId: "", //将浮动栏添加到对应id或者class节点中。或者.xxx。传空字符串是添加到body中。
+          trigger: "hover", //触发方式，传值可查看Popper UI组件trigger属性
+          placement: "right-start", //方向，传值可查看Popper UI组件placement属性
+        },
+      };
     },
-    documentWidth:{
-      String,
-      default: 'auto',
+    activated() {
+      this.$nextTick(() => {
+        this.setTableHeight();
+      });
     },
-  },
-  computed: {},
-  data() {
-    return {
-      currentTh: null,
-      isLoading: true,
-      isLayout: false,
-      searchLoading: true,
-      tableLoading: false, //表格等待
-      operationLoading: false, //操作等待
-      tempSearchModel: null,
-      isBusy: false,
-      screenComplate: false,
-      tableComplate: false,
-      scrollTop: 0,
-      scrollLeft: 0,
-      scrollRight: 0,
-      leftShadow: -1, //左阴影个数
-      rightShadow: -1, //右阴影个数
-      currentRow: null,
-      colHasWidth: {}, //有无列宽集合
-      firstRow: 0, //展示出来可视的第一行号
-      pageRowMin: 0, //页面实际的第一行号
-      pageRowMax: 100, //页面实际的第后行号
-      displayRowNumber: 30,
-      selectAllType: 1,
-      option: {
-        isHidden: true, //是否开启操作栏隐藏设置，默认开启
-        showNum: 3, //如果isHidden为true时，个数大于3就会隐藏，默认是3
-        appendId: "", //将浮动栏添加到对应id或者class节点中。或者.xxx。传空字符串是添加到body中。
-        trigger: "hover", //触发方式，传值可查看Popper UI组件trigger属性
-        placement: "right-start", //方向，传值可查看Popper UI组件placement属性
+    methods: {
+      rowCheckClass(row) {
+        if (row.$select) {
+          return "is-checked";
+        }
       },
-    };
-  },
-  activated() {
-    this.$nextTick(() => {
-      this.setTableHeight();
-    });
-  },
-  methods: {
-    rowCheckClass(row) {
-      if (row.$select) {
-        return "is-checked";
-      }
-    },
-    load(data) {
-      var self = this;
-      self.model = data;
-      self.model.$vue = self;
-      self.model.columns.forEach((v, vi) => {
-        if (v.fixed === "left") {
-          self.leftShadow = vi;
+      load(data) {
+        var self = this;
+        self.model = data;
+        self.model.$vue = self;
+        self.model.columns.forEach((v, vi) => {
+          if (v.fixed === "left") {
+            self.leftShadow = vi;
+          }
+          if (v.fixed === "right" && self.rightShadow < 0) {
+            self.rightShadow = vi;
+          }
+          if (typeof v.width !== "undefined") {
+            self.colHasWidth[vi] = "";
+          } else {
+            self.colHasWidth[vi] = "nowidth";
+          }
+        });
+        if (typeof self.model.cellLayout !== "undefined") {
+          self.isLayout = true;
         }
-        if (v.fixed === "right" && self.rightShadow < 0) {
-          self.rightShadow = vi;
+        self.isLoading = false;
+        self.$forceUpdate();
+        this.model.scripts.formData = this.model.formData;
+        this.model.scripts.formData.formTable = this.model;
+        self.$emit("loaded");
+        self.$emit("showTitle");
+        if (this.tempSearchModel !== null) {
+          self.model.searchModel = this.tempSearchModel;
         }
-        if (typeof v.width !== "undefined") {
-          self.colHasWidth[vi] = "";
-        } else {
-          self.colHasWidth[vi] = "nowidth";
+        //自动查询 调用合并列
+        if (self.model.rowMergedColumns.length > 0 && self.model.listData.length > 0) {
+          self.model.setRow(self.model.listData);
         }
-      });
-      if (typeof self.model.cellLayout !== "undefined") {
-        self.isLayout = true;
-      }
-      self.isLoading = false;
-      self.$forceUpdate();
-      this.model.scripts.formData = this.model.formData;
-      this.model.scripts.formData.formTable = this.model;
-      self.$emit("loaded");
-      self.$emit("showTitle");
-      if (this.tempSearchModel !== null) {
-        self.model.searchModel = this.tempSearchModel;
-      }
-      //自动查询 调用合并列
-      if ( self.model.rowMergedColumns.length > 0 && self.model.listData.length > 0) {
-        self.model.setRow(self.model.listData);
-      }
-      self.tableComplate = true;
-      self.setTableHeight();
-      this.selectAllType = this.model.getSelectAll();
+        self.tableComplate = true;
+        self.setTableHeight();
+        this.selectAllType = this.model.getSelectAll();
-      this.$nextTick(() => {
-        self.loadStats();
-        window.addEventListener("resize", (ev) => {
-          self.setTableHeight();
+        this.$nextTick(() => {
+          self.loadStats();
+          window.addEventListener("resize", (ev) => {
+            self.setTableHeight();
+          });
+          self.currentRow = null;
+          self.rowColorChange();
+          self.fiexdHead();
+          //当表格没有占满表格框时，主动请求下一页
+          var next = function (rtn) {
+            if (rtn) {
+              self.$forceUpdate();
+              self.$nextTick(() => {
+                if (!self.isLayout) {
+                  if (self.$refs.tableParent.scrollHeight <= self.$refs.tableParent.offsetHeight) {
+                    self.tableLoading = true;
+                    self.model.nextPage(next);
+                  }
+                  else {
+                    self.tableLoading = false;
+                    self.rowColorChange();
+                    self.calculatingRowHeight();
+                  }
+                }
+              });
+            }
+            else {
+              self.tableLoading = false;
+            }
+          };
+          next(true);
+          self.setfixedSize();
         });
-        self.currentRow = null;
-        self.rowColorChange();
-        self.fiexdHead();
+      },
+      thMouseMoveHandle(ev) {
+        if (ev.offsetX > ev.currentTarget.offsetWidth - 10) {
+          ev.currentTarget.style.cursor = "col-resize";
+          ev.currentTarget.canResize = true;
+        } else {
+          ev.currentTarget.style.cursor = "default";
+          ev.currentTarget.canResize = false;
+        }
+      },
+      thMouseDownHandle(ev, colIndex) {
+        var self = this;
+        var col = self.model.columns[colIndex];
+        if (ev.currentTarget.canResize) {
+          ev.currentTarget.isDown = true;
+          ev.currentTarget.oldX = ev.x;
+          ev.currentTarget.oldWidth = ev.currentTarget.offsetWidth;
+          this.currentTh = ev.currentTarget;
+          var MouseUpHandle = function () {
+            self.currentTh.isDown = false;
+            self.currentTh = null;
+            document.removeEventListener("mouseup", MouseUpHandle, false);
+            document.removeEventListener("mousemove", MouseMoveHandle, false);
+            //如果是高度可变的列，重新计算整个表的高度
+            if (col.autoRowHeight) {
+              self.model.listData.forEach((v) => {
+                v.$heigth = undefined;
+              });
+              self.$nextTick(() => {
+                self.calculatingRowHeight();
+              });
+            }
+          };
+          var MouseMoveHandle = function () {
+            var ev1 = event || e;
+            if (self.currentTh.isDown) {
+              if (self.currentTh) {
+                if (typeof col.width === "undefined") {
+                  self.colHasWidth[colIndex] = "";
+                  self.$forceUpdate();
+                  self.$nextTick(() => {
+                    var index = self.model.selectIndex;
+                    for (
+                      var j = 0;
+                      j < self.$refs["rows." + index][0].children.length;
+                      j++
+                    ) {
+                      self.$refs["rows." + index][0].children[j].classList.add(
+                        "select"
+                      );
+                    }
+                  });
+                }
-        //当表格没有占满表格框时，主动请求下一页
+                //col.width = (self.currentTh.oldWidth + (ev1.x - self.currentTh.oldX));
+                self.$set(
+                  col,
+                  "width",
+                  self.currentTh.oldWidth + (ev1.x - self.currentTh.oldX)
+                );
+                if (
+                  typeof self.$refs.headTr !== "undefined" &&
+                  self.$refs.headTr.length > 0
+                ) {
+                  self.currentTh.style.minWidth = col.width + "px";
+                  self.currentTh.style.width = col.width + "px";
+                  self.getScrollAttr();
+                }
+              }
+            }
+          };
+          document.addEventListener("mouseup", MouseUpHandle, false);
+          document.addEventListener("mousemove", MouseMoveHandle, false);
+        }
+      },
+      getPage(index) {
+        var self = this;
+        if (typeof self.$refs.tableParent !== "undefined") {
+          self.$refs.tableParent.scrollTop = 0;
+          self.$refs.tableParent.scrollLeft = 0;
+          self.scrollTop = 0;
+          self.scrollLeft = 0;
+        }
         var next = function (rtn) {
           if (rtn) {
             self.$forceUpdate();
             self.$nextTick(() => {
-              if (!self.isLayout) {
-                if ( self.$refs.tableParent.scrollHeight <= self.$refs.tableParent.offsetHeight) {
-                  self.tableLoading = true;
-                  self.model.nextPage(next);
-                }
-                else {
-                  self.tableLoading = false;
-                  self.rowColorChange();
-                  self.calculatingRowHeight();
-                }
+              if (self.$refs.tableParent.scrollHeight <= self.$refs.tableParent.offsetHeight) {
+                self.tableLoading = true;
+                self.model.nextPage(next);
               }
+              else {
+                self.tableLoading = false;
+                self.rowColorChange();
+                self.resetScroll();
+                self.calculatingRowHeight();
+                self.getScrollAttr();
+              }
+              self.setfixedSize();
             });
           }
           else {
             self.tableLoading = false;
+            self.rowColorChange();
           }
+          self.$emit("searchComplate", index);
         };
-        next(true);
+        self.tableLoading = true;
-        self.setfixedSize();
-      });
-    },
-    thMouseMoveHandle(ev) {
-      if (ev.offsetX > ev.currentTarget.offsetWidth - 10) {
-        ev.currentTarget.style.cursor = "col-resize";
-        ev.currentTarget.canResize = true;
-      } else {
-        ev.currentTarget.style.cursor = "default";
-        ev.currentTarget.canResize = false;
-      }
-    },
-    thMouseDownHandle(ev, colIndex) {
-      var self = this;
-      var col = self.model.columns[colIndex];
-      if (ev.currentTarget.canResize) {
-        ev.currentTarget.isDown = true;
-        ev.currentTarget.oldX = ev.x;
-        ev.currentTarget.oldWidth = ev.currentTarget.offsetWidth;
-        this.currentTh = ev.currentTarget;
-        var MouseUpHandle = function () {
-          self.currentTh.isDown = false;
-          self.currentTh = null;
-          document.removeEventListener("mouseup", MouseUpHandle, false);
-          document.removeEventListener("mousemove", MouseMoveHandle, false);
-          //如果是高度可变的列，重新计算整个表的高度
-          if (col.autoRowHeight) {
-            self.model.listData.forEach((v) => {
-              v.$heigth = undefined;
-            });
-            self.$nextTick(() => {
-              self.calculatingRowHeight();
-            });
+        this.model.getPage(index, next);
+        self.$nextTick(() => {
+          self.loadStats();
+        });
+      },
+      toSort(ev, col, action) {
+        var self = this;
+        this.model.toSort(col, action, () => {
+          self.$forceUpdate();
+          self.getScrollAttr();
+        });
+        ev.cancelBubble = true;
+        ev.stopPropagation();
+      },
+      clearSort(ev, col) {
+        var self = this;
+        this.model.clearSort(col, () => {
+          self.$forceUpdate();
+          self.getScrollAttr();
+        });
+        ev.cancelBubble = true;
+        ev.stopPropagation();
+      },
+      fiexdHead() {
+        this.$nextTick(() => {
+          var self = this;
+          var tableCont = this.$refs.tableParent;
+          function scrollHandle(e) {
+            self.getScrollAttr();
           }
-        };
-        var MouseMoveHandle = function () {
-          var ev1 = event || e;
-          if (self.currentTh.isDown) {
-            if (self.currentTh) {
-              if (typeof col.width === "undefined") {
-                self.colHasWidth[colIndex] = "";
-                self.$forceUpdate();
-                self.$nextTick(() => {
-                  var index = self.model.selectIndex;
-                  for (
-                    var j = 0;
-                    j < self.$refs["rows." + index][0].children.length;
-                    j++
-                  ) {
-                    self.$refs["rows." + index][0].children[j].classList.add(
-                      "select"
-                    );
-                  }
-                });
+          if (typeof tableCont !== "undefined") {
+            tableCont.addEventListener("scroll", self.getScrollAttr);
+          }
+        });
+      },
+      removeScrollEvent() {
+        var tableCont = this.$refs.tableParent;
+        //移除事件监听器
+        tableCont.removeEventListener("scroll", this.getScrollAttr, false);
+        //tableCont.removeEventListener("scroll", this.scrollHandle, false);
+      },
+      addScrollEvent() {
+        var tableCont = this.$refs.tableParent;
+        //添加事件监听器
+        tableCont.addEventListener("scroll", this.getScrollAttr, false);
+      },
+      freezeData() {
+        Object.freeze(this.model.listData);
+      },
+      setfixedSize() {
+        if (
+          typeof this.$refs.headTr !== "undefined" &&
+          this.$refs.headTr.length > 0
+        ) {
+          let fixedSize = 0;
+          let j = 0;
+          let fixationThArr =
+            this.$refs.headTr[0].getElementsByClassName("left-fixation-th");
+          if (fixationThArr.length > 0) {
+            if (this.model.isMulti) {
+              fixedSize = fixationThArr[j++].offsetWidth;
+            }
+            for (let i = 0; i < this.model.columns.length; i++) {
+              if (
+                this.model.columns[i].fixed === "left" &&
+                this.model.columns[i].show
+              ) {
+                this.model.columns[i].fixedSize = fixedSize;
+                fixedSize = fixedSize + fixationThArr[j++].offsetWidth;
               }
+            }
-              //col.width = (self.currentTh.oldWidth + (ev1.x - self.currentTh.oldX));
-              self.$set(
-                col,
-                "width",
-                self.currentTh.oldWidth + (ev1.x - self.currentTh.oldX)
-              );
+            fixedSize = 0;
+            fixationThArr =
+              this.$refs.headTr[0].getElementsByClassName("right-fixation-th");
+            j = fixationThArr.length - 1;
+            for (let i = this.model.columns.length - 1; i > 0; i--) {
               if (
-                typeof self.$refs.headTr !== "undefined" &&
-                self.$refs.headTr.length > 0
+                this.model.columns[i].fixed === "right" &&
+                this.model.columns[i].show
               ) {
-                self.currentTh.style.minWidth = col.width + "px";
-                self.currentTh.style.width = col.width + "px";
-                self.getScrollAttr();
+                this.model.columns[i].fixedSize = fixedSize;
+                fixedSize = fixedSize + fixationThArr[j--].offsetWidth;
               }
             }
           }
-        };
-        document.addEventListener("mouseup", MouseUpHandle, false);
-        document.addEventListener("mousemove", MouseMoveHandle, false);
-      }
-    },
-    getPage(index) {
-      var self = this;
-      if (typeof self.$refs.tableParent !== "undefined") {
-        self.$refs.tableParent.scrollTop = 0;
-        self.$refs.tableParent.scrollLeft = 0;
-        self.scrollTop = 0;
-        self.scrollLeft = 0;
-      }
-      var next = function (rtn) {
-        if (rtn) {
-          self.$forceUpdate();
-          self.$nextTick(() => {
-            if ( self.$refs.tableParent.scrollHeight <= self.$refs.tableParent.offsetHeight) {
-              self.tableLoading = true;
-              self.model.nextPage(next);
-            }
-            else {
-              self.tableLoading = false;
-              self.rowColorChange();
-              self.resetScroll();
-              self.calculatingRowHeight();
-              self.getScrollAttr();
-            }
-            self.setfixedSize();
-          });
-        }
-        else {
-          self.tableLoading = false;
-          self.rowColorChange();
-        }
-        self.$emit("searchComplate", index);
-      };
-      self.tableLoading = true;
-      this.model.getPage(index, next);
-    },
-    toSort(ev, col, action) {
-      var self = this;
-      this.model.toSort(col, action, () => {
-        self.$forceUpdate();
-        self.getScrollAttr();
-      });
-      ev.cancelBubble = true;
-      ev.stopPropagation();
-    },
-    clearSort(ev, col) {
-      var self = this;
-      this.model.clearSort(col, () => {
-        self.$forceUpdate();
-        self.getScrollAttr();
-      });
-      ev.cancelBubble = true;
-      ev.stopPropagation();
-    },
-    fiexdHead() {
-      this.$nextTick(() => {
-        var self = this;
-        var tableCont = this.$refs.tableParent;
-        function scrollHandle(e) {
-          self.getScrollAttr();
-        }
-        if (typeof tableCont !== "undefined") {
-          tableCont.addEventListener("scroll", self.getScrollAttr);
         }
-      });
-    },
-    removeScrollEvent() {
-      var tableCont = this.$refs.tableParent;
-      //移除事件监听器
-      tableCont.removeEventListener("scroll", this.getScrollAttr, false);
-      //tableCont.removeEventListener("scroll", this.scrollHandle, false);
-    },
-    addScrollEvent() {
-      var tableCont = this.$refs.tableParent;
-      //添加事件监听器
-      tableCont.addEventListener("scroll", this.getScrollAttr, false);
-    },
-    freezeData() {
-      Object.freeze(this.model.listData);
-    },
-    setfixedSize() {
-      if (
-        typeof this.$refs.headTr !== "undefined" &&
-        this.$refs.headTr.length > 0
-      ) {
-        let fixedSize = 0;
-        let j = 0;
-        let fixationThArr =
-          this.$refs.headTr[0].getElementsByClassName("left-fixation-th");
-        if (fixationThArr.length > 0) {
-          if (this.model.isMulti) {
-            fixedSize = fixationThArr[j++].offsetWidth;
-          }
-          for (let i = 0; i < this.model.columns.length; i++) {
-            if (
-              this.model.columns[i].fixed === "left" &&
-              this.model.columns[i].show
-            ) {
-              this.model.columns[i].fixedSize = fixedSize;
-              fixedSize = fixedSize + fixationThArr[j++].offsetWidth;
-            }
-          }
-          fixedSize = 0;
-          fixationThArr =
-            this.$refs.headTr[0].getElementsByClassName("right-fixation-th");
-          j = fixationThArr.length - 1;
-          for (let i = this.model.columns.length - 1; i > 0; i--) {
-            if (
-              this.model.columns[i].fixed === "right" &&
-              this.model.columns[i].show
-            ) {
-              this.model.columns[i].fixedSize = fixedSize;
-              fixedSize = fixedSize + fixationThArr[j--].offsetWidth;
+      },
+      getScrollAttr(e) {
+        if (
+          typeof this.$refs.tableParent !== "undefined" &&
+          typeof this.$refs.headThs !== "undefined"
+        ) {
+          this.calculatingRowHeight();
+          var scrollTop = this.$refs.tableParent.scrollTop;
+          var scrollLeft = this.$refs.tableParent.scrollLeft;
+          var scrollRight =
+            this.$refs.tableParent.scrollWidth -
+            scrollLeft -
+            this.$refs.tableParent.clientWidth;
+          //计算可视范围的第一条数据
+          let index = 0;
+          let topHeigth = 0;
+          for (; index < this.model.listData.length; index++) {
+            if (topHeigth >= scrollTop) {
+              break;
+            } else {
+              topHeigth = topHeigth + this.model.listData[index].$heigth;
             }
           }
+          this.firstRow = index - 1;
+          this.setTrLazyLoading();
+          //若每行高度是固定的，可直接使用下面方法即可
+          //this.firstRow = parseInt(scrollTop / 33);
+          this.scrollTop = scrollTop;
+          this.scrollLeft = scrollLeft;
+          this.scrollRight = scrollRight;
         }
-      }
-    },
-    getScrollAttr(e) {
-      if (
-        typeof this.$refs.tableParent !== "undefined" &&
-        typeof this.$refs.headThs !== "undefined"
-      ) {
-        this.calculatingRowHeight();
-        var scrollTop = this.$refs.tableParent.scrollTop;
-        var scrollLeft = this.$refs.tableParent.scrollLeft;
-        var scrollRight =
-          this.$refs.tableParent.scrollWidth -
-          scrollLeft -
-          this.$refs.tableParent.clientWidth;
-        //计算可视范围的第一条数据
-        let index = 0;
-        let topHeigth = 0;
-        for (; index < this.model.listData.length; index++) {
-          if (topHeigth >= scrollTop) {
-            break;
-          } else {
-            topHeigth = topHeigth + this.model.listData[index].$heigth;
-          }
-        }
-        this.firstRow = index - 1;
-        this.setTrLazyLoading();
-        //若每行高度是固定的，可直接使用下面方法即可
-        //this.firstRow = parseInt(scrollTop / 33);
-        this.scrollTop = scrollTop;
-        this.scrollLeft = scrollLeft;
-        this.scrollRight = scrollRight;
-      }
-    },
-    setTrLazyLoading() {
-      this.pageRowMax = this.firstRow + this.displayRowNumber;
-      this.pageRowMin = this.firstRow - this.displayRowNumber;
-      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) {
-            this.pageRowMin = i;
-            break;
+      },
+      setTrLazyLoading() {
+        this.pageRowMax = this.firstRow + this.displayRowNumber;
+        this.pageRowMin = this.firstRow - this.displayRowNumber;
+        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) {
+              this.pageRowMin = i;
+              break;
+            }
           }
         }
-      }
-      //let index = this.model.listData.length - 1;
-      //let isSet = false;
-      //for (; index >= 0; index--) {
-      //  if (Math.abs(index - this.firstRow) < this.displayRowNumber || typeof (this.model.listData[index].$heigth) === 'undefined') {
-      //    //this.$set(this.model.listData[index], "$trLazyLoadingShow", true);
-      //  }
-      //  else {
-      //    if (index < this.firstRow && !isSet) {
-      //      if (this.model.listData[index].$rowspan === 0) {
-      //        this.$set(this.model.listData[index], "$trLazyLoadingShow", true);
-      //        continue;
-      //      }
-      //      else {
-      //        isSet = true;
-      //        this.$set(this.model.listData[index], "$trLazyLoadingShow", true);
-      //        continue;
-      //      }
-      //    }
-      //    this.$set(this.model.listData[index], "$trLazyLoadingShow", false);
-      //  }
-      //}
-    },
-    setTableHeight() {
-      var self = this;
-      this.$nextTick(() => {
-        if (  this.$refs.searchTable && this.$refs.toolbar &&
-          this.$refs.searchTable.parentElement && !self.isLayout) {
-          var h1 = this.$refs.searchTable.parentElement.offsetHeight | 0;
-          var h2 = this.$refs.searchTable.offsetTop | 0;
-          var h3 = this.$refs.toolbar.$el.offsetHeight | 0;
-          var h4 = this.$refs.footer.$el.offsetHeight | 0;
-          var h5 = this.$refs.listHeader.$el.offsetHeight | 0;
-          var h6 = this.$refs.listFooter.$el.offsetHeight | 0;
-          var h7 = this.$refs.tableStats ? (this.$refs.tableStats.$el.offsetHeight + 7) | 0 : 0;
-          let tableHeight = h1 - h2 - h3 - h4 - h5 - h6 - h7 - 22;
-          this.model.tableHeight = tableHeight < 40 ? 350 : tableHeight;
-          this.$nextTick(() => {
-            self.getScrollAttr();
-          });
-        }
-        else {
-          if (this.$parent.$parent.$vnode.componentOptions.tag === "ct-PropertySimpleDetailRET") {
-            var h1 = this.$parent.$parent.$parent.$parent.$refs.sidebar.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.title) {
-              h3 = this.$parent.$parent.$refs.title.offsetHeight | 0;
-            }
-            var h4 = 0;
-            if (this.$parent.$parent.$refs.shortcutFollow) {
-              h4 = this.$parent.$parent.$refs.shortcutFollow.offsetHeight | 0;
-            }
-            var h5 = 0;
-            if (this.$parent.$refs.screen) {
-              h5 = this.$parent.$refs.screen.$el.offsetHeight | 0;
-            }
-            var h6 =  0;
-            if (this.$refs.toolbar) {
-              h6 = this.$refs.toolbar.$el.offsetHeight | 0;
-            }
-            var h7 =  0;
-            if (this.$refs.listHeader) {
-              h7 = this.$refs.listHeader.$el.offsetHeight | 0;
-            }
-            var h8 = this.$refs.tableStats ? (this.$refs.tableStats.$el.offsetHeight + 7) | 0 : 0;
-            let tableHeight = h1 - h2 - h3 - h4 - h5 - h6 - h7 - h8- 290;
-            if (h2 == 0) {
-              tableHeight = tableHeight + 15;
-            }
-            this.model.tableHeight = tableHeight;
+        //let index = this.model.listData.length - 1;
+        //let isSet = false;
+        //for (; index >= 0; index--) {
+        //  if (Math.abs(index - this.firstRow) < this.displayRowNumber || typeof (this.model.listData[index].$heigth) === 'undefined') {
+        //    //this.$set(this.model.listData[index], "$trLazyLoadingShow", true);
+        //  }
+        //  else {
+        //    if (index < this.firstRow && !isSet) {
+        //      if (this.model.listData[index].$rowspan === 0) {
+        //        this.$set(this.model.listData[index], "$trLazyLoadingShow", true);
+        //        continue;
+        //      }
+        //      else {
+        //        isSet = true;
+        //        this.$set(this.model.listData[index], "$trLazyLoadingShow", true);
+        //        continue;
+        //      }
+        //    }
+        //    this.$set(this.model.listData[index], "$trLazyLoadingShow", false);
+        //  }
+        //}
+      },
+      setTableHeight() {
+        var self = this;
+        this.$nextTick(() => {
+          if (this.$refs.searchTable && this.$refs.toolbar &&
+            this.$refs.searchTable.parentElement && !self.isLayout) {
+            var h1 = this.$refs.searchTable.parentElement.offsetHeight | 0;
+            var h2 = this.$refs.searchTable.offsetTop | 0;
+            var h3 = this.$refs.toolbar.$el.offsetHeight | 0;
+            var h4 = this.$refs.footer.$el.offsetHeight | 0;
+            var h5 = this.$refs.listHeader.$el.offsetHeight | 0;
+            var h6 = this.$refs.listFooter.$el.offsetHeight | 0;
+            var h7 = this.$refs.tableStats ? (this.$refs.tableStats.$el.offsetHeight + 7) | 0 : 0;
+            let tableHeight = h1 - h2 - h3 - h4 - h5 - h6 - h7 - 22;
+            this.model.tableHeight = tableHeight < 40 ? 350 : tableHeight;
             this.$nextTick(() => {
               self.getScrollAttr();
             });
           }
-        }
-      });
-    },
-    scrollHandle(ev) {
-      var self = this;
-      if ( this.$refs.tableParent.scrollTop +  this.$refs.tableParent.clientHeight >= this.$refs.tableParent.scrollHeight - 5) {
-        if (!this.isBusy) {
-          self.isBusy = true;
-          self.tableLoading = true;
-          self.model.nextPage((rtn) => {
-            if (rtn) {
-              self.getScrollAttr();
-              self.$forceUpdate();
+          else {
+            if (this.$parent.$parent.$vnode.componentOptions.tag === "ct-PropertySimpleDetailRET") {
+              var h1 = this.$parent.$parent.$parent.$parent.$refs.sidebar.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.title) {
+                h3 = this.$parent.$parent.$refs.title.offsetHeight | 0;
+              }
+              var h4 = 0;
+              if (this.$parent.$parent.$refs.shortcutFollow) {
+                h4 = this.$parent.$parent.$refs.shortcutFollow.offsetHeight | 0;
+              }
+              var h5 = 0;
+              if (this.$parent.$refs.screen) {
+                h5 = this.$parent.$refs.screen.$el.offsetHeight | 0;
+              }
+              var h6 = 0;
+              if (this.$refs.toolbar) {
+                h6 = this.$refs.toolbar.$el.offsetHeight | 0;
+              }
+              var h7 = 0;
+              if (this.$refs.listHeader) {
+                h7 = this.$refs.listHeader.$el.offsetHeight | 0;
+              }
+              var h8 = this.$refs.tableStats ? (this.$refs.tableStats.$el.offsetHeight + 7) | 0 : 0;
+              let tableHeight = h1 - h2 - h3 - h4 - h5 - h6 - h7 - h8 - 290;
+              if (h2 == 0) {
+                tableHeight = tableHeight + 15;
+              }
+              this.model.tableHeight = tableHeight;
+              this.$nextTick(() => {
+                self.getScrollAttr();
+              });
             }
-            self.isBusy = false;
-            self.tableLoading = false;
-          });
-        }
-      }
-      this.$emit("scrollHandle", this.$refs.tableParent.scrollTop, this.$refs.tableParent.scrollLeft);
-      ev.cancelBubble = true;
-      ev.stopPropagation();
-    },
-    rowClickHandle(ev, index) {
-      this.model.selectIndex = index;
-      this.rowColorChange();
-      this.$emit("rowClickHandle");
-      ev.cancelBubble = true;
-      ev.stopPropagation();
-    },
-    rowColorChange() {
-      var index = this.model.selectIndex;
-      if (
-        typeof this.$refs["rows." + index] !== "undefined" &&
-        this.currentRow !== this.$refs["rows." + index][0]
-      ) {
-        if (this.currentRow !== null) {
-          for (var i = 0; i < this.currentRow.children.length; i++) {
-            this.currentRow.children[i].classList.remove("select");
+          }
+        });
+      },
+      scrollHandle(ev) {
+        var self = this;
+        if (this.$refs.tableParent.scrollTop + this.$refs.tableParent.clientHeight >= this.$refs.tableParent.scrollHeight - 5) {
+          if (!this.isBusy) {
+            self.isBusy = true;
+            self.tableLoading = true;
+            self.model.nextPage((rtn) => {
+              if (rtn) {
+                self.getScrollAttr();
+                self.$forceUpdate();
+              }
+              self.isBusy = false;
+              self.tableLoading = false;
+            });
           }
         }
-        if (this.$refs["rows." + index][0]) {
-          for (
-            var j = 0;
-            j < this.$refs["rows." + index][0].children.length;
-            j++
-          ) {
-            this.$refs["rows." + index][0].children[j].classList.add("select");
+        this.$emit("scrollHandle", this.$refs.tableParent.scrollTop, this.$refs.tableParent.scrollLeft);
+        ev.cancelBubble = true;
+        ev.stopPropagation();
+      },
+      rowClickHandle(ev, index) {
+        this.model.selectIndex = index;
+        this.rowColorChange();
+        this.$emit("rowClickHandle");
+        ev.cancelBubble = true;
+        ev.stopPropagation();
+      },
+      rowColorChange() {
+        var index = this.model.selectIndex;
+        if (
+          typeof this.$refs["rows." + index] !== "undefined" &&
+          this.currentRow !== this.$refs["rows." + index][0]
+        ) {
+          if (this.currentRow !== null) {
+            for (var i = 0; i < this.currentRow.children.length; i++) {
+              this.currentRow.children[i].classList.remove("select");
+            }
           }
+          if (this.$refs["rows." + index][0]) {
+            for (
+              var j = 0;
+              j < this.$refs["rows." + index][0].children.length;
+              j++
+            ) {
+              this.$refs["rows." + index][0].children[j].classList.add("select");
+            }
+          }
+          this.currentRow = this.$refs["rows." + index][0] || null;
         }
-        this.currentRow = this.$refs["rows." + index][0] || null;
-      }
-    },
-    resetScroll: function () {
-      var self = this;
-      if (
-        self.$refs.tableParent.scrollTop >
-        self.$refs["rows." + self.model.selectIndex][0].offsetTop -
-          self.$refs.tableHead.offsetHeight
-      ) {
-        self.$refs.tableParent.scrollTop =
+      },
+      resetScroll: function () {
+        var self = this;
+        if (
+          self.$refs.tableParent.scrollTop >
           self.$refs["rows." + self.model.selectIndex][0].offsetTop -
-          self.$refs.tableHead.offsetHeight;
-      }
-      if (
-        self.$refs.tableParent.scrollTop +
+          self.$refs.tableHead.offsetHeight
+        ) {
+          self.$refs.tableParent.scrollTop =
+            self.$refs["rows." + self.model.selectIndex][0].offsetTop -
+            self.$refs.tableHead.offsetHeight;
+        }
+        if (
+          self.$refs.tableParent.scrollTop +
           self.$refs.tableParent.clientHeight <=
-        self.$refs["rows." + self.model.selectIndex][0].offsetTop +
+          self.$refs["rows." + self.model.selectIndex][0].offsetTop +
           self.$refs["rows." + self.model.selectIndex][0].offsetHeight
-      ) {
-        self.$refs.tableParent.scrollTop =
-          self.$refs["rows." + self.model.selectIndex][0].offsetTop -
-          self.$refs.tableParent.clientHeight +
-          self.$refs["rows." + self.model.selectIndex][0].offsetHeight;
-      }
-      self.scrollTop = self.$refs.tableParent.scrollTop;
-    },
-    rowKeyDownHandle(ev, action) {
-      var self = this;
-      if (action === 1) {
-        this.model.downKey();
-      } else {
-        this.model.upKey();
-      }
-      this.rowColorChange();
-      this.resetScroll();
-      this.$emit("rowClickHandle");
-      if (!this.isBusy) {
-        if (this.model.selectIndex === this.model.listData.length - 1) {
-          self.isBusy = true;
-          self.tableLoading = true;
-          self.model.nextPage((rtn) => {
-            if (rtn) {
-              self.$nextTick(() => {
-                self.calculatingRowHeight();
-                self.getScrollAttr();
-              });
-              self.$forceUpdate();
-            }
-            self.isBusy = false;
-            self.tableLoading = false;
-          });
+        ) {
+          self.$refs.tableParent.scrollTop =
+            self.$refs["rows." + self.model.selectIndex][0].offsetTop -
+            self.$refs.tableParent.clientHeight +
+            self.$refs["rows." + self.model.selectIndex][0].offsetHeight;
         }
-      }
-      if (ev) {
-        ev.cancelBubble = true;
-        ev.stopPropagation();
-        ev.preventDefault();
-      }
-    },
-    searchComplate(m, defaultSearch) {
-      var self = this;
-      this.$nextTick(function () {
-        if (typeof this.api !== "undefined") {
-          self.loaderObj.SearchTable(self.api, self.load, m, defaultSearch,null,function(){
-            self.isLoading = false;
-            self.tableLoading = false;
-          });
+        self.scrollTop = self.$refs.tableParent.scrollTop;
+      },
+      rowKeyDownHandle(ev, action) {
+        var self = this;
+        if (action === 1) {
+          this.model.downKey();
+        } else {
+          this.model.upKey();
         }
-        if (typeof this.source !== "undefined") {
-          self.load(self.loaderObj.SearchTable(self.source));
+        this.rowColorChange();
+        this.resetScroll();
+        this.$emit("rowClickHandle");
+        if (!this.isBusy) {
+          if (this.model.selectIndex === this.model.listData.length - 1) {
+            self.isBusy = true;
+            self.tableLoading = true;
+            self.model.nextPage((rtn) => {
+              if (rtn) {
+                self.$nextTick(() => {
+                  self.calculatingRowHeight();
+                  self.getScrollAttr();
+                });
+                self.$forceUpdate();
+              }
+              self.isBusy = false;
+              self.tableLoading = false;
+            });
+          }
         }
-        if (typeof self.vmodel !== "undefined") {
-          self.load(self.vmodel);
+        if (ev) {
+          ev.cancelBubble = true;
+          ev.stopPropagation();
+          ev.preventDefault();
         }
-      });
-    },
-    toolbarClickHandler(field) {
-      let self = this;
-      let submitData = {};
-      let action = field.action;
+      },
+      searchComplate(m, defaultSearch) {
+        var self = this;
-      var tempListData = self.model.getSelectRowData(field);
-      if (tempListData != null) {
-        field.submitListField.forEach((k) => {
-          if (field.isMulti) {
-            submitData[k] = [];
-            for (var ri = 0; ri < tempListData.length; ri++) {
-              submitData[k].push(tempListData[ri][k]);
-            }
-          } else {
-            submitData[k] = tempListData[0][k];
+        this.$nextTick(function () {
+          if (typeof this.api !== "undefined") {
+            self.loaderObj.SearchTable(self.api, self.load, m, defaultSearch, null, function () {
+              self.isLoading = false;
+              self.tableLoading = false;
+            });
+          }
+          if (typeof this.source !== "undefined") {
+            self.load(self.loaderObj.SearchTable(self.source));
+          }
+          if (typeof self.vmodel !== "undefined") {
+            self.load(self.vmodel);
           }
         });
+      },
+      toolbarClickHandler(field) {
+        let self = this;
+        let submitData = {};
+        let action = field.action;
+        var tempListData = self.model.getSelectRowData(field);
+        if (tempListData != null) {
+          field.submitListField.forEach((k) => {
+            if (field.isMulti) {
+              submitData[k] = [];
+              for (var ri = 0; ri < tempListData.length; ri++) {
+                submitData[k].push(tempListData[ri][k]);
+              }
+            } else {
+              submitData[k] = tempListData[0][k];
+            }
+          });
-        if (field.isSingle && tempListData.length > 0 && field.actionField) {
-          action = tempListData[0][field.actionField];
+          if (field.isSingle && tempListData.length > 0 && field.actionField) {
+            action = tempListData[0][field.actionField];
+          }
         }
-      }
-      if (field.flagAttachSearchCondition) {
-        submitData["searchFields"] = self.model.searchModel.searchData;
-      }
+        if (field.flagAttachSearchCondition) {
+          submitData["searchFields"] = self.model.getSearchData();
+        }
-      this.routerClickHandler(field, submitData, action);
-    },
-    rolRouterClickHandler(field, rowData, rowindex,visible) {
-      if (this.$refs["popover" + rowindex]) {
-        this.$refs["popover" + rowindex][0].doClose();
-      }
-      if(field.isListenVoice){
-        if(this.model.currentListenVoice){
-          this.$refs[this.model.currentListenVoice][0].closeListenVoice()
+        this.routerClickHandler(field, submitData, action);
+      },
+      rolRouterClickHandler(field, rowData, rowindex, visible) {
+        if (this.$refs["popover" + rowindex]) {
+          this.$refs["popover" + rowindex][0].doClose();
+        }
+        if (field.isListenVoice) {
+          if (this.model.currentListenVoice) {
+            this.$refs[this.model.currentListenVoice][0].closeListenVoice()
+          }
+          this.model.currentListenVoice = visible ? 'router' + field.id + rowindex : '';
         }
-        this.model.currentListenVoice=visible?'router'+field.id+rowindex:'';
-      }
-      var self = this;
-      var submitData = {};
-      field.submitListField.forEach((k) => {
-        submitData[k] = rowData[k];
-      });
+        var self = this;
+        var submitData = {};
+        field.submitListField.forEach((k) => {
+          submitData[k] = rowData[k];
+        });
-      let action = field.action;
-      if (field.actionField) {
-        action = rowData[field.actionField];
-      }
+        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 () {
-        self.$emit('doClosePopoverHandle');
-        //若不是客户端方法，则直接访问接口
-        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 if (field.isOpenUrlInBrowse) {// 浏览器打开
-            window.open(submitData[field.submitFormField], "_blank");
-          }
-          else if (field.isSeeVoice) {//看视频
-            self.$common.browseVideo(field, submitData);
-          }
-          else if (field.isBrowseAttachment) {//浏览附件
-            var MediaAlbum = [
-              { albumName: self.model.title || "媒体", medias: [] },
-            ];
-            if (field.action) {
-              var callback = function (data) {
-                MediaAlbum[0].medias = data;
-                self.$common.viewerfile(field, MediaAlbum, 0, 0);
+        this.routerClickHandler(field, submitData, action);
+      },
+      routerClickHandler(field, submitData, action) {
+        let self = this;
+        action = action || field.action;
+        var clickAcion = function () {
+          self.$emit('doClosePopoverHandle');
+          //若不是客户端方法，则直接访问接口
+          if (!field.isClientFuntion) {
+            // 外部框架tab页打开
+            if (field.isFormPageInTab) {
+              submitData = field.getActionPara(submitData).para;
+              if (field.pageStyle) {
+                submitData.pageStyle = field.pageStyle;
               }
-              self.model.getAction(field.action, submitData, callback);
-            }
-            else {
-              submitData.mediaData.forEach((v) => {
-                MediaAlbum[0].medias.push(v);
-              });
-              self.$common.viewerfile(field, MediaAlbum, 0, 0);
+              self.$common.getDataDrivenOpts().handler.openTab(action, submitData, field.pageTitle, self.model, field.dialogWidth);
             }
-          }
-          else if (field.isUrlInLayer) {//URL页面（弹层）
-            var dialogOption = {
-              title: field.pageTitle,
-              pane: self.$common.getParentPane(self),
-              content: [
-                {
-                  component: "ct-iframe",
-                  attrs: {
-                    src: submitData[field.submitListField],
-                    width: field.dialogWidth + "px",
-                    height: field.dialogHeight + "px",
-                  },
-                  on: {
-                    new(id) {
-                      field.flagAddRowAfterAction = true;
-                      field.flagFreshCurrentRow = false;
-                      var res = { responseData: { content: id } };
-                      self.updateCurrentRow(field, res);
-                      self.$forceUpdate();
-                      self.$refs.footer.$forceUpdate();
-                      self.$common.closeDialog(dialogOption.dialog);
-                    },
-                    update() {
-                      field.flagAddRowAfterAction = false;
-                      field.flagFreshCurrentRow = true;
-                      self.updateCurrentRow(field, null);
-                      self.$common.closeDialog(dialogOption.dialog);
-                    },
-                    delete() {
-                      var res = {};
-                      res.notification = 4;
-                      res.content = self.model.listData[self.model.selectIndex][self.model.primaryKey];
-                      self.model.doAction(res);
-                      self.$common.closeDialog(dialogOption.dialog);
-                    },
-                    refreshParent() {
-                      self.getPage(1);
-                      self.$common.closeDialog(dialogOption.dialog);
-                    },
-                    closeDialog() {
-                      self.$common.closeDialog(dialogOption.dialog);
-                    },
-                  },
-                },
-              ],
-            };
-            self.$common.openDialog(dialogOption);
-          }
-          else if (field.isExport || field.flagAsync) {
-            if(field.flagAsync){
-              field.doAction(submitData, (res) => {
-                if(res.content && res.content.action){
-                  var dialogOption = {
-                    title: field.pageTitle || field.label,
-                    content: [{
-                      component: 'ct-progress',
-                      attrs: {
-                        progressAction: res.content.action,
-                        progressKey: res.content.key,
-                        progressType:'import',
-                        width: '350px',
-                        height: '165px'
-                      },
-                      on: {
-                        finished(data) {
-                          self.$common.closeDialog(dialogOption.dialog);
-                          if(data.rtnMsg){
-                            self.$message.success(data.rtnMsg);
-                          }
-                          self.getPage(1);
-                        },
-                        error(data) {
-                          self.$common.closeDialog(dialogOption.dialog);
-                          self.$message.warning(data.rtnMsg);
-                        }
-                      }
-                    }]
-                  };
-                  self.$common.openDialog(dialogOption);
-                }
-              });
+            else if (field.isSearchPageInTab) {// 外部框架tab页打开
+              submitData = field.getActionPara(submitData).para;
+              self.$common.getDataDrivenOpts().handler.openTabSearch(field, submitData);
             }
-            else{
-              if(field.action.indexOf("http://")===0 || field.action.indexOf("https://")===0){
-                window.open(field.action, "_blank");
-              }
-              else{
-                field.doAction(submitData, (data) => {
-                  if(data.content){
-                    if(data.content.indexOf("http://")===0 || data.content.indexOf("https://")===0){
-                      window.open(data.content, "_blank");
-                    }
-                    else{
-                    }
-                  }
-                });
-              }
+            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: {
-                      api: action,
-                      apiParam: field.getActionPara(submitData).para,
-                      showTitle: false,
-                      width: field.dialogWidth + "px",
-                      height: field.dialogHeight + "px",
-                      documentHeight:self.documentHeight,
-                      documentWidth:self.documentWidth,
-                    },
-                    on: {
-                      submit(ev) {
-                        if (ev.responseData.notification == 24) {
-                          //更新列
-                          self.model.selectIndex=0;
-                          if (self.currentRow !== null) {
-                            for (var i = 0; i < self.currentRow.children.length; i++) {
-                              self.currentRow.children[i].classList.remove("select");
-                            }
-                          }
-                          if (typeof self.$refs.tableParent !== "undefined") {
-                            self.$refs.tableParent.scrollTop = 0;
-                            self.$refs.tableParent.scrollLeft = 0;
-                            self.scrollTop = 0;
-                            self.scrollLeft = 0;
-                          }
-                          self.$forceUpdate();
-                          self.$nextTick(() => {
-                            if ( self.$refs.tableParent.scrollHeight <= self.$refs.tableParent.offsetHeight) {
-                              self.tableLoading = true;
-                              self.model.nextPage(next);
-                            }
-                            else {
-                              self.tableLoading = false;
-                              self.rowColorChange();
-                              self.resetScroll();
-                              self.calculatingRowHeight();
-                              self.getScrollAttr();
-                            }
-                            self.setfixedSize();
-                          });
-                          self.loaderObj.SearchTable(self.api,self.load,self.model.searchModel,true);
-                          self.$common.closeDialog(dialogOption.dialog);
-                        }
-                        else {
-                          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);
+            else if (field.isOpenUrlInBrowse) {// 浏览器打开
+              window.open(submitData[field.submitFormField], "_blank");
             }
-            //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",
-                      documentHeight:self.documentHeight,
-                      documentWidth:self.documentWidth,
-                    },
-                    on: {
-                      refreshParent() {
-                        self.getPage(1);
-                        self.$common.closeDialog(dialogOption.dialog);
-                      },
-                      closeDialog() {
-                        self.updateCurrentRow(field);
-                      },
-                    },
-                  },
-                ],
-              };
-              self.$common.openDialog(dialogOption);
+            else if (field.isSeeVoice) {//看视频
+              self.$common.browseVideo(field, submitData);
             }
-            //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.$emit("refreshRowHandle");
+            else if (field.isBrowseAttachment) {//浏览附件
+              var MediaAlbum = [
+                { albumName: self.model.title || "媒体", medias: [] },
+              ];
+              if (field.action) {
+                var callback = function (data) {
+                  MediaAlbum[0].medias = data;
+                  self.$common.viewerfile(field, MediaAlbum, 0, 0);
                 }
-                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);
-          // var fun = self.model.scripts.formData[action];
-          // fun(submitData,field);
-          let title = field.pageTitle == undefined ? field.label : field.pageTitle;
-          submitData.actionType = field.actionType;
-          var fun = self.$common.getDataDrivenOpts().handler[action];
-          if(self.isIframe){
-            submitData.isIframe=self.isIframe;
-          }
-          fun(submitData, title, self.$parent);
-        }
-      };
-      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();
-      }
-    },
-    rolRouterCellClickHandler(routerKey, rowindex, forname, forrowindex,flagHaveAlert) {
-      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];
-        });
-      }
-      if(field.isCallTel){
-        submitData.flagHaveAlert=flagHaveAlert||false;
-      }
-      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 if (field.isOpenUrlInBrowse) {// 浏览器打开
-            window.open(submitData[field.submitFormField], "_blank");
-          }
-          else if (field.isSeeVoice) {//看视频
-            self.$common.browseVideo(field, submitData);
-          }
-          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);
+                self.model.getAction(field.action, submitData, callback);
+              }
+              else {
+                submitData.mediaData.forEach((v) => {
+                  MediaAlbum[0].medias.push(v);
+                });
+                self.$common.viewerfile(field, MediaAlbum, 0, 0);
+              }
             }
-            //Tabs
-            else if (field.isOpenTabs) {
+            else if (field.isUrlInLayer) {//URL页面（弹层）
               var dialogOption = {
                 title: field.pageTitle,
                 pane: self.$common.getParentPane(self),
                 content: [
                   {
-                    component: field.navToNewPageName,
+                    component: "ct-iframe",
                     attrs: {
-                      searchConditionApi: field.actionForSearchLayout,
-                      searchDataApi: field.actionForSearch,
-                      apiParam: submitData,
+                      src: submitData[field.submitListField],
                       width: field.dialogWidth + "px",
                       height: field.dialogHeight + "px",
                     },
-                    on: {},
+                    on: {
+                      new(id) {
+                        field.flagAddRowAfterAction = true;
+                        field.flagFreshCurrentRow = false;
+                        var res = { responseData: { content: id } };
+                        self.updateCurrentRow(field, res);
+                        self.$forceUpdate();
+                        self.$refs.footer.$forceUpdate();
+                        self.$common.closeDialog(dialogOption.dialog);
+                      },
+                      update() {
+                        field.flagAddRowAfterAction = false;
+                        field.flagFreshCurrentRow = true;
+                        self.updateCurrentRow(field, null);
+                        self.$common.closeDialog(dialogOption.dialog);
+                      },
+                      delete() {
+                        var res = {};
+                        res.notification = 4;
+                        res.content = self.model.listData[self.model.selectIndex][self.model.primaryKey];
+                        self.model.doAction(res);
+                        self.$common.closeDialog(dialogOption.dialog);
+                      },
+                      refreshParent() {
+                        self.getPage(1);
+                        self.$common.closeDialog(dialogOption.dialog);
+                      },
+                      closeDialog() {
+                        self.$common.closeDialog(dialogOption.dialog);
+                      },
+                    },
                   },
                 ],
               };
               self.$common.openDialog(dialogOption);
-            }
-            else {
-              field.doAction(submitData, (data) => {
-                self.model.doAction(data, field);
-                if (field.isCallTel) {
-                  if (self.model.currentCallTellayout) {
-                    self.closeCallTel(self.$refs[self.model.currentCallTellayout][0]);
+            }
+            else if (field.isExport || field.flagAsync) {
+              if (field.flagAsync) {
+                field.doAction(submitData, (res) => {
+                  if (res.content && res.content.action) {
+                    var dialogOption = {
+                      title: field.pageTitle || field.label,
+                      content: [{
+                        component: 'ct-progress',
+                        attrs: {
+                          progressAction: res.content.action,
+                          progressKey: res.content.key,
+                          progressType: 'import',
+                          width: '350px',
+                          height: '165px'
+                        },
+                        on: {
+                          finished(data) {
+                            self.$common.closeDialog(dialogOption.dialog);
+                            if (data.rtnMsg) {
+                              self.$message.success(data.rtnMsg);
+                            }
+                            self.getPage(1);
+                          },
+                          error(data) {
+                            self.$common.closeDialog(dialogOption.dialog);
+                            self.$message.warning(data.rtnMsg);
+                          }
+                        }
+                      }]
+                    };
+                    self.$common.openDialog(dialogOption);
                   }
-                  self.model.currentCallTellayout = "layout" + rowindex;
-                  self.model.currentCallTelrouter = "router" + forname + forrowindex;
-                  self.callTelClick(self.$refs["layout" + rowindex][0], data, forname, forrowindex);
+                });
+              }
+              else {
+                if (field.action.indexOf("http://") === 0 || field.action.indexOf("https://") === 0) {
+                  window.open(field.action, "_blank");
                 }
-              });
+                else {
+                  field.doAction(submitData, (data) => {
+                    if (data.content) {
+                      if (data.content.indexOf("http://") === 0 || data.content.indexOf("https://") === 0) {
+                        window.open(data.content, "_blank");
+                      }
+                      else {
+                      }
+                    }
+                  });
+                }
+              }
+            }
+            else {
+              //self.operationLoading = true;
+              //Form
+              if (field.isOpenForm) {
+                var dialogOption = {
+                  title: field.pageTitle,
+                  pane: self.$common.getParentPane(self),
+                  content: [
+                    {
+                      component: field.navToNewPageName,
+                      attrs: {
+                        api: action,
+                        apiParam: field.getActionPara(submitData).para,
+                        showTitle: false,
+                        width: field.dialogWidth + "px",
+                        height: field.dialogHeight + "px",
+                        documentHeight: self.documentHeight,
+                        documentWidth: self.documentWidth,
+                      },
+                      on: {
+                        submit(ev) {
+                          if (ev.responseData.notification == 24) {
+                            //更新列
+                            self.model.selectIndex = 0;
+                            if (self.currentRow !== null) {
+                              for (var i = 0; i < self.currentRow.children.length; i++) {
+                                self.currentRow.children[i].classList.remove("select");
+                              }
+                            }
+                            if (typeof self.$refs.tableParent !== "undefined") {
+                              self.$refs.tableParent.scrollTop = 0;
+                              self.$refs.tableParent.scrollLeft = 0;
+                              self.scrollTop = 0;
+                              self.scrollLeft = 0;
+                            }
+                            self.$forceUpdate();
+                            self.$nextTick(() => {
+                              if (self.$refs.tableParent.scrollHeight <= self.$refs.tableParent.offsetHeight) {
+                                self.tableLoading = true;
+                                self.model.nextPage(next);
+                              }
+                              else {
+                                self.tableLoading = false;
+                                self.rowColorChange();
+                                self.resetScroll();
+                                self.calculatingRowHeight();
+                                self.getScrollAttr();
+                              }
+                              self.setfixedSize();
+                            });
+                            self.loaderObj.SearchTable(self.api, self.load, self.model.searchModel, true);
+                            self.$common.closeDialog(dialogOption.dialog);
+                          }
+                          else {
+                            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",
+                        documentHeight: self.documentHeight,
+                        documentWidth: self.documentWidth,
+                      },
+                      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.$emit("refreshRowHandle");
+                  }
+                  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);
-        }
-      };
+          //执行客户端脚本
+          else {
+            // let parm={submitData:submitData,field:field}
+            // self.$common.excuteFunStr.call(self.model.scripts, field.action,parm);
+            // var fun = self.model.scripts.formData[action];
+            // fun(submitData,field);
+            let title = field.pageTitle == undefined ? field.label : field.pageTitle;
+            submitData.actionType = field.actionType;
+            var fun = self.$common.getDataDrivenOpts().handler[action];
+            if (self.isIframe) {
+              submitData.isIframe = self.isIframe;
+            }
+            fun(submitData, title, self.$parent);
+          }
+        };
-      if (field.alert) {
-        self.$common
-          .confirm(field.alertMsg, field.alertCaption, {
+        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) {
-      var self = this;
-      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;
+            .then(() => {
+              clickAcion();
+            })
+            .catch(() => { });
+        }
+        else {
+          clickAcion();
+        }
+      },
+      rolRouterCellClickHandler(routerKey, rowindex, forname, forrowindex, flagHaveAlert) {
+        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];
+          });
+        }
+        if (field.isCallTel) {
+          submitData.flagHaveAlert = flagHaveAlert || false;
+        }
+        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 if (field.isOpenUrlInBrowse) {// 浏览器打开
+              window.open(submitData[field.submitFormField], "_blank");
+            }
+            else if (field.isSeeVoice) {//看视频
+              self.$common.browseVideo(field, submitData);
+            }
+            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.isCallTel) {
+                    if (self.model.currentCallTellayout) {
+                      self.closeCallTel(self.$refs[self.model.currentCallTellayout][0]);
+                    }
+                    self.model.currentCallTellayout = "layout" + rowindex;
+                    self.model.currentCallTelrouter = "router" + forname + forrowindex;
+                    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(() => { });
         }
-      }
-    },
-    closeCallTel(VueCom) {
-      var self = this;
-      if (self.model.currentCallTelrouter) {
-        if ( typeof VueCom.$refs[self.model.currentCallTelrouter] !== "undefined") {
-          VueCom.closeCallTel();
+        else {
+          clickAcion();
+        }
+      },
+      callTelClick(VueCom, data, forname, forrowindex) {
+        var self = this;
+        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.closeCallTel(item);
+            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) {
-          ro.$select = $ev.srcElement.checked;
+      },
+      closeCallTel(VueCom) {
+        var self = this;
+        if (self.model.currentCallTelrouter) {
+          if (typeof VueCom.$refs[self.model.currentCallTelrouter] !== "undefined") {
+            VueCom.closeCallTel();
+            return true;
+          }
+          if (VueCom.$children.length > 0) {
+            for (var i = 0; i < VueCom.$children.length; i++) {
+              var item = VueCom.$children[i];
+              var result = this.closeCallTel(item);
+              if (result) {
+                return result;
+              }
+            }
+          }
         }
-      });
-      this.model.setButtonsDisabled();
-      this.selectAllType = this.model.getSelectAll();
-      this.$forceUpdate();
-    },
-    selectOne($ev) {
-      this.model.setButtonsDisabled();
-      this.model.setSelectAll();
-      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 (self.$refs["rows." + i] && self.$refs["rows." + i].length > 0) {
-            self.$set(item, "$heigth", self.$refs["rows." + i][0].clientHeight);
+      },
+      selectAll($ev) {
+        this.model.listData.forEach((ro) => {
+          if (!this.model.rightMulti || ro[this.model.rightMulti] == 1) {
+            ro.$select = $ev.srcElement.checked;
+          }
+        });
+        this.model.setButtonsDisabled();
+        this.selectAllType = this.model.getSelectAll();
+        this.$forceUpdate();
+      },
+      selectOne($ev) {
+        this.model.setButtonsDisabled();
+        this.model.setSelectAll();
+        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 (self.$refs["rows." + i] && self.$refs["rows." + i].length > 0) {
+              self.$set(item, "$heigth", self.$refs["rows." + i][0].clientHeight);
+            }
           }
+        });
+      },
+      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
+          );
         }
-      });
-    },
-    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
-        );
-      }
-    },
-    importComplete(res,field) {
-      var self=this;
-      if(field.flagAsync){
-        if(res.content && res.content.action){
-          console.log(field.pageTitle || field.label)
-          var dialogOption = {
-            title: field.pageTitle || field.label,
-            content: [{
-              component: 'ct-progress',
-              attrs: {
-                progressAction: res.content.action,
-                progressKey: res.content.key,
-                progressType:'import',
-                width: '350px',
-                height: '165px'
-              },
-              on: {
-                finished() {
-                  self.$common.closeDialog(dialogOption.dialog);
-                  self.getPage(1);
+      },
+      importComplete(res, field) {
+        var self = this;
+        if (field.flagAsync) {
+          if (res.content && res.content.action) {
+            console.log(field.pageTitle || field.label)
+            var dialogOption = {
+              title: field.pageTitle || field.label,
+              content: [{
+                component: 'ct-progress',
+                attrs: {
+                  progressAction: res.content.action,
+                  progressKey: res.content.key,
+                  progressType: 'import',
+                  width: '350px',
+                  height: '165px'
                 },
-                error(data) {
-                  self.$common.closeDialog(dialogOption.dialog);
-                  self.$message.warning(data.rtnMsg);
+                on: {
+                  finished() {
+                    self.$common.closeDialog(dialogOption.dialog);
+                    self.getPage(1);
+                  },
+                  error(data) {
+                    self.$common.closeDialog(dialogOption.dialog);
+                    self.$message.warning(data.rtnMsg);
+                  }
                 }
-              }
-            }]
-          };
-          self.$common.openDialog(dialogOption);
+              }]
+            };
+            self.$common.openDialog(dialogOption);
+          }
         }
-      }
-      else{
-        if(field && field.changeCallBackFunName){
-          this.changeCallBackHandler(field, field.changeCallBackFunName, res.content);
+        else {
+          if (field && field.changeCallBackFunName) {
+            this.changeCallBackHandler(field, field.changeCallBackFunName, res.content);
+          }
+          else {
+            this.model.doAction(res);
+          }
         }
-        else{
-          this.model.doAction(res);
+      },
+      tdRowspan(column, row) {
+        if (!column.show) {
+          return "";
         }
-      }
-    },
-    tdRowspan(column, row) {
-      if (!column.show) {
-        return "";
-      }
-      //合并行
-      if (
-        row.$rowspan !== 0 &&
-        this.model.rowMergedColumns.indexOf(column.id) > -1
-      ) {
-        return row.$rowspan;
-      }
+        //合并行
+        if (
+          row.$rowspan !== 0 &&
+          this.model.rowMergedColumns.indexOf(column.id) > -1
+        ) {
+          return row.$rowspan;
+        }
-      return "";
-    },
-    tdShow(column, row) {
-      if (!column.show) {
-        return false;
-      }
+        return "";
+      },
+      tdShow(column, row) {
+        if (!column.show) {
+          return false;
+        }
-      //合并行
-      if (
-        row.$rowspan === 0 &&
-        this.model.rowMergedColumns.indexOf(column.id) > -1
-      ) {
-        return false;
-      }
+        //合并行
+        if (
+          row.$rowspan === 0 &&
+          this.model.rowMergedColumns.indexOf(column.id) > -1
+        ) {
+          return false;
+        }
-      return true;
-    },
-    closeTabThen(ev) {
-      let self = this;
-      if (self.model.checkCloseTabThen(ev.notification)) {
-        self.model.doAction(ev);
-        self.$forceUpdate();
-        self.$refs.footer.$forceUpdate();
-      }
-    },
-    loadStats() {
-      if (this.searchStatsApi) {
-        this.$refs.tableStats.searchStatsComplate();
-      }
-    },
-    searchStats(m) {
-      let self = this;
-      self.model.searchStats = m;
-      self.getPage(1);
-    },
-    getRowRouterShow(row) {
-      let self = this;
-      let rowRouterShow = [];
-      self.model.rowRouter.forEach((v) => {
-        if (v.show) {
-          if (!v.rightField || row[v.rightField] == 1) {
-            if (rowRouterShow.length < self.model.rowMenuDisplayCount) {
-              rowRouterShow.push(v);
+        return true;
+      },
+      closeTabThen(ev) {
+        let self = this;
+        if (self.model.checkCloseTabThen(ev.notification)) {
+          self.model.doAction(ev);
+          self.$forceUpdate();
+          self.$refs.footer.$forceUpdate();
+        }
+      },
+      loadStats() {
+        if (this.searchStatsApi) {
+          this.$refs.tableStats.searchStatsComplate();
+        }
+      },
+      searchStats(m, flagRefreshTable) {
+        let self = this;
+        self.model.searchStats = m;
+        if (flagRefreshTable) {
+          self.getPage(1);
+        }
+      },
+      getRowRouterShow(row) {
+        let self = this;
+        let rowRouterShow = [];
+        self.model.rowRouter.forEach((v) => {
+          if (v.show) {
+            if (!v.rightField || row[v.rightField] == 1) {
+              if (rowRouterShow.length < self.model.rowMenuDisplayCount) {
+                rowRouterShow.push(v);
+              }
             }
           }
-        }
-      });
-      return rowRouterShow;
-    },
-    getRowRouterDisplay(row) {
-      let self = this;
-      let rowRouterDisplay = [];
-      let i = 0;
-      self.model.rowRouter.forEach((v) => {
-        if (v.show) {
-          if (!v.rightField || row[v.rightField] == 1) {
-            i = i + 1;
-            if (i > self.model.rowMenuDisplayCount) {
-              rowRouterDisplay.push(v);
+        });
+        return rowRouterShow;
+      },
+      getRowRouterDisplay(row) {
+        let self = this;
+        let rowRouterDisplay = [];
+        let i = 0;
+        self.model.rowRouter.forEach((v) => {
+          if (v.show) {
+            if (!v.rightField || row[v.rightField] == 1) {
+              i = i + 1;
+              if (i > self.model.rowMenuDisplayCount) {
+                rowRouterDisplay.push(v);
+              }
             }
           }
+        });
+        return rowRouterDisplay;
+      },
+      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);
+        } else {
+          if (!field.flagFreshCurrentRow && !field.flagAddRowAfterAction) {
+            self.model.doAction({ responseData: data });
+          }
+          self.$forceUpdate();
+          self.$refs.footer.$forceUpdate();
+          self.updateCurrentRow(field, data);
         }
-      });
-      return rowRouterDisplay;
-    },
-    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);
-      } else {
-        if (!field.flagFreshCurrentRow && !field.flagAddRowAfterAction) {
-          self.model.doAction({ responseData: data });
-        }
-        self.$forceUpdate();
-        self.$refs.footer.$forceUpdate();
-        self.updateCurrentRow(field, data);
-      }
+      },
     },
-  },
-};
+  };
 </script>
 <style>
-.ct-tableParent {
-  overflow: auto;
-  border-bottom: 1px solid #ebeef5;
-  width: 100%;
-  outline: 0;
-  border-top: 1px solid #ebeef5;
-}
-.ct-searchtable .ct-table {
-  min-width: 100%;
-  border-collapse: collapse;
-}
-.ct-searchtable .ct-table th {
-  background-color: #f4f7fa !important;
-}
-.ct-searchtable .ct-tr > .ct-td {
-  /*border: 1px solid #e7e8eb;
+  .ct-tableParent {
+    overflow: auto;
+    border-bottom: 1px solid #ebeef5;
+    width: 100%;
+    outline: 0;
+    border-top: 1px solid #ebeef5;
+  }
+  .ct-searchtable .ct-table {
+    min-width: 100%;
+    border-collapse: collapse;
+  }
+    .ct-searchtable .ct-table th {
+      background-color: #f4f7fa !important;
+    }
+  .ct-searchtable .ct-tr > .ct-td {
+    /*border: 1px solid #e7e8eb;
     border-bottom: 1px solid #e7e8eb;
     border-right: 1px solid #e7e8eb;
     border-left: 1px solid #e7e8eb;*/
-  padding: 2px 20px;
-  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;
-  align-items: center;
-  height: 34px;
-  width: 10px;
-  vertical-align: middle;
-  cursor: pointer;
-  overflow: initial;
-  position: relative;
-}
-.ct-table .ct-td > .caret-wrapper > .sort-caret {
-  width: 0;
-  height: 0;
-  border: 5px solid transparent;
-  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;
-  /*min-width: 50px; todo 实际宽度-21即可*/
-  overflow: hidden;
-  /*padding-right: 10px;*/
-}
-/*强制换行 todo 可去掉改成强制不换行*/
-.ct-table .cell {
-  /* 这两个在技术上是一样的, 为了兼容了浏览器两个都加上 */
-  overflow-wrap: break-word;
-  word-wrap: break-word;
-  -ms-word-break: break-all;
-  /* 这个的使用在web-kit中有些危险，他可能会阶段所有东西 */
-  word-break: break-all;
-  /* Instead use this non-standard one: */
-  word-break: break-word;
-  /* 如果浏览器支持的话增加一个连接符(Blink不支持) */
-  -ms-hyphens: auto;
-  -moz-hyphens: auto;
-  -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;
-  display: block;
-  padding-left: 8px;
-  padding-right: 4px;
-}
-.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%;
-  width: 16px;
-  height: 16px;
-  display: table-caption;
-  cursor: pointer;
-}
-.el-popover1 {
-  min-width: inherit !important;
-}
+    padding: 2px 20px;
+    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;
+    align-items: center;
+    height: 34px;
+    width: 10px;
+    vertical-align: middle;
+    cursor: pointer;
+    overflow: initial;
+    position: relative;
+  }
+    .ct-table .ct-td > .caret-wrapper > .sort-caret {
+      width: 0;
+      height: 0;
+      border: 5px solid transparent;
+      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;
+    /*min-width: 50px; todo 实际宽度-21即可*/
+    overflow: hidden;
+    /*padding-right: 10px;*/
+  }
+  /*强制换行 todo 可去掉改成强制不换行*/
+  .ct-table .cell {
+    /* 这两个在技术上是一样的, 为了兼容了浏览器两个都加上 */
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    -ms-word-break: break-all;
+    /* 这个的使用在web-kit中有些危险，他可能会阶段所有东西 */
+    word-break: break-all;
+    /* Instead use this non-standard one: */
+    word-break: break-word;
+    /* 如果浏览器支持的话增加一个连接符(Blink不支持) */
+    -ms-hyphens: auto;
+    -moz-hyphens: auto;
+    -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;
+    display: block;
+    padding-left: 8px;
+    padding-right: 4px;
+  }
+    .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%;
+    width: 16px;
+    height: 16px;
+    display: table-caption;
+    cursor: pointer;
+  }
+  .el-popover1 {
+    min-width: inherit !important;
+  }
 </style>