centaline-data-driven 1.3.18 → 1.3.21

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

@@ -16,7 +16,7 @@
     <div v-loading="operationLoading">
     </div>
     <div class="ct-tableParent" ref="tableParent" v-bind="model.attrs" v-if="!isLoading"
-         :style="{'height':from=='form'?'100%':model.tableHeight+'px','border-bottom':isLayout?'none':''}"
+         :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">
@@ -150,687 +150,790 @@
   </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
+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
     },
-    props: {
-      vmodel: Object,
-      api: String,
-      searchStatsApi: String,
-      flagFocus: {
-        Boolean,
-        default: true
-      },
-      from: {
-        String,
-        default: 'searchlist'
-      },
-    },
-    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: {},//有无列宽集合
-        test: true,
-        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属性
-        },
+    from: {
+      String,
+      default: "searchlist"
+    }
+  },
+  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: {}, //有无列宽集合
+      test: true,
+      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属性
+      }
+    };
+  },
+  activated() {
+    this.$nextTick(() => {
+      this.setTableHeight();
+    });
+  },
+  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);
-        }
-        self.tableComplate = true;
-        this.setTableHeight();
-        this.selectAllType = this.model.getSelectAll();
-
-        this.$nextTick(() => {
-          self.loadStats();
-          window.addEventListener("resize", (ev) => {
-            self.setTableHeight();
-          });
-          self.rowColorChange();
-          self.fiexdHead();
-
-          //当表格没有占满表格框时，主动请求下一页
-          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.calculatingRowHeight();
-                }
-              });
-            }
-            else {
-              self.tableLoading = false;
-            }
-          }
-          next(true);
+      });
+      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;
+      this.setTableHeight();
+      this.selectAllType = this.model.getSelectAll();
 
-          self.setfixedSize();
+      this.$nextTick(() => {
+        self.loadStats();
+        window.addEventListener("resize", ev => {
+          self.setTableHeight();
         });
-      },
-      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');
-                    }
-                  });
-                }
+        self.rowColorChange();
+        self.fiexdHead();
 
-                //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) {
+        //当表格没有占满表格框时，主动请求下一页
+        var next = function(rtn) {
           if (rtn) {
             self.$forceUpdate();
             self.$nextTick(() => {
-              if (self.$refs.tableParent.scrollHeight <= self.$refs.tableParent.offsetHeight) {
+              if (
+                self.$refs.tableParent.scrollHeight <=
+                self.$refs.tableParent.offsetHeight
+              ) {
                 self.tableLoading = true;
                 self.model.nextPage(next);
-              }
-              else {
+              } else {
                 self.tableLoading = false;
                 self.rowColorChange();
-                self.resetScroll();
+
                 self.calculatingRowHeight();
-                self.getScrollAttr();
               }
-              self.setfixedSize();
             });
-          }
-          else {
+          } else {
             self.tableLoading = false;
-            self.rowColorChange();
           }
-          self.$emit('searchComplate', index);
-        }
-        self.tableLoading = true;
+        };
+        next(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();
+        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();
+            });
           }
-          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;
+        };
+        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"
+                    );
+                  }
+                });
               }
-            }
 
-            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;
+              //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.$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();
         }
-      },
-      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;
+        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;
             }
-            else {
-              topHeigth = topHeigth + this.model.listData[index].$heigth;
+          }
+
+          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;
             }
           }
-          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;
-            }
+      }
+    },
+    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;
           }
         }
+      }
 
-        //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;
+      //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;
+            }
+            let tableHeight = h1 - h2 - h3 - h4 - 290;
+            if (h2 == 0) {
+              tableHeight = tableHeight + 15;
+            }
+            this.model.tableHeight = 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;
-              }
-              let tableHeight = h1 - h2 - h3-h4 - 290;
-              if (h2 == 0) {
-                tableHeight = tableHeight + 15;
-              }
-              this.model.tableHeight = 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();
-              }
-              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');
-            }
-          }
-          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');
+      });
+    },
+    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();
             }
-          }
-          this.currentRow = this.$refs['rows.' + index][0] || null;
+            self.isBusy = false;
+            self.tableLoading = false;
+          });
         }
-      },
-      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 = self.$refs['rows.' + self.model.selectIndex][0].offsetTop - self.$refs.tableHead.offsetHeight;
+      }
+      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 (self.$refs.tableParent.scrollTop + self.$refs.tableParent.clientHeight <= 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;
+        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");
+          }
         }
-        self.scrollTop = self.$refs.tableParent.scrollTop;
-      },
-      rowKeyDownHandle(ev, action) {
-        var self = this;
-        if (action === 1) {
-          this.model.downKey();
+        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 =
+          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].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;
+          });
         }
-        else {
-          this.model.upKey();
+      }
+      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);
         }
-        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 this.source !== "undefined") {
+          self.load(self.loaderObj.SearchTable(self.source));
         }
-        if (ev) {
-          ev.cancelBubble = true;
-          ev.stopPropagation();
-          ev.preventDefault();
+        if (typeof self.vmodel !== "undefined") {
+          self.load(self.vmodel);
         }
-      },
-      searchComplate(m, defaultSearch) {
-        var self = this;
-
-        this.$nextTick(function () {
-
-          if (typeof this.api !== 'undefined') {
-            self.loaderObj.SearchTable(self.api, self.load, m, defaultSearch);
-          }
-          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];
+      });
+    },
+    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]);
             }
-          });
-
-          if (field.isSingle && tempListData.length > 0 && field.actionField) {
-            action = tempListData[0][field.actionField];
+          } else {
+            submitData[k] = tempListData[0][k];
           }
-        }
+        });
 
-        if (field.flagAttachSearchCondition) {
-          submitData['searchFields'] = self.model.searchModel.searchData;
+        if (field.isSingle && tempListData.length > 0 && field.actionField) {
+          action = tempListData[0][field.actionField];
         }
+      }
 
-        //如果是导出按钮，则直接交给父组件处理
-        if (field.isExport) {
-          self.$emit('toolbarClick', field, submitData);
-          return;
-        }
+      if (field.flagAttachSearchCondition) {
+        submitData["searchFields"] = self.model.searchModel.searchData;
+      }
 
-        this.routerClickHandler(field, submitData, action);
-      },
-      rolRouterClickHandler(field, rowData, rowindex) {
-        if (this.$refs['popover' + rowindex]) {
-          this.$refs['popover' + rowindex][0].doClose();
-        }
+      //如果是导出按钮，则直接交给父组件处理
+      if (field.isExport) {
+        self.$emit("toolbarClick", field, submitData);
+        return;
+      }
 
-        var self = this;
-        var submitData = {};
-        field.submitListField.forEach((k) => {
-          submitData[k] = rowData[k];
-        });
+      this.routerClickHandler(field, submitData, action);
+    },
+    rolRouterClickHandler(field, rowData, rowindex) {
+      if (this.$refs["popover" + rowindex]) {
+        this.$refs["popover" + rowindex][0].doClose();
+      }
 
-        let action = field.action;
-        if (field.actionField) {
-          action = rowData[field.actionField];
-        }
+      var self = this;
+      var submitData = {};
+      field.submitListField.forEach(k => {
+        submitData[k] = rowData[k];
+      });
 
-        this.routerClickHandler(field, submitData, action);
-      },
-      routerClickHandler(field, submitData, action) {
-        let self = this;
-        action = action || field.action;
+      let action = field.action;
+      if (field.actionField) {
+        action = rowData[field.actionField];
+      }
 
-        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)
+      this.routerClickHandler(field, submitData, action);
+    },
+    routerClickHandler(field, submitData, action) {
+      let self = this;
+      action = action || field.action;
+      var clickAcion = function() {
+        //若不是客户端方法，则直接访问接口
+        if (!field.isClientFuntion) {
+          // 外部框架tab页打开
+          if (field.isFormPageInTab) {
+            submitData = field.getActionPara(submitData).para;
+            if (field.pageStyle) {
+              submitData.pageStyle = field.pageStyle;
             }
-            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'
+            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: [] }
+            ];
+            submitData.mediaData.forEach(v => {
+              MediaAlbum[0].medias.push(v);
+            });
+            self.$common.viewerfile(field, MediaAlbum, 0, 0);
+          } 
+          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);
                     },
-                    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);
-                      },
+                    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 {
-              //self.operationLoading = true;
-
-              //Form
-              if (field.isOpenForm) {
-                var dialogOption = {
-                  title: field.pageTitle,
-                  pane: self.$common.getParentPane(self),
-                  content: [{
+                  }
+                }
+              ]
+            };
+            self.$common.openDialog(dialogOption);
+          } 
+          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'
+                      width: field.dialogWidth + "px",
+                      height: field.dialogHeight + "px"
                     },
                     on: {
                       submit(ev) {
-                        if (!field.flagFreshCurrentRow && !field.flagAddRowAfterAction) {
+                        if (
+                          !field.flagFreshCurrentRow &&
+                          !field.flagAddRowAfterAction
+                        ) {
                           self.model.doAction(ev);
                         }
                         self.$forceUpdate();
@@ -846,23 +949,25 @@
                         self.updateCurrentRow(field);
                       }
                     }
-                  }]
-                };
-                self.$common.openDialog(dialogOption);
-              }
-              //SearchList
-              else if (field.isOpenList) {
-                var dialogOption = {
-                  title: field.pageTitle,
-                  pane: self.$common.getParentPane(self),
-                  content: [{
+                  }
+                ]
+              };
+              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'
+                      width: field.dialogWidth + "px",
+                      height: field.dialogHeight + "px"
                     },
                     on: {
                       refreshParent() {
@@ -873,148 +978,178 @@
                         self.updateCurrentRow(field);
                       }
                     }
-                  }]
-                };
-                self.$common.openDialog(dialogOption);
-              }
-              //Tabs
-              else if (field.isOpenTabs) {
-                var dialogOption = {
-                  title: field.pageTitle,
-                  pane: self.$common.getParentPane(self),
-                  content: [{
+                  }
+                ]
+              };
+              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'
+                      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 });
+                    on: {}
                   }
-                  self.$forceUpdate();
-                  self.$refs.footer.$forceUpdate();
-                  self.updateCurrentRow(field, data);
-                })
-              }
+                ]
+              };
+              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);
-            // 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];
-            fun(submitData, title, self.$parent);
-          }
         }
+        //执行客户端脚本
+        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];
+          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(() => {
+          })
+          .then(() => {
             clickAcion();
-          }).catch(() => {
-          });
-        }
-        else {
-          clickAcion();
-        }
-      },
-      rolRouterCellClickHandler(routerKey, rowindex, forname, forrowindex) {
-        var self = this;
-        var submitData = {};
-        var rowData = self.model.listData[rowindex];
-        var actionRouter = self.model.actionRouter;
-        let field = actionRouter.find(b => {
-          return b.id === routerKey;
+          })
+          .catch(() => {});
+      } 
+      else {
+        clickAcion();
+      }
+    },
+    rolRouterCellClickHandler(routerKey, rowindex, forname, forrowindex) {
+      var self = this;
+      var submitData = {};
+      var rowData = self.model.listData[rowindex];
+      var actionRouter = self.model.actionRouter;
+      let field = actionRouter.find(b => {
+        return b.id === routerKey;
+      });
+      if (typeof forname !== "undefined") {
+        field.submitListField.forEach(k => {
+          submitData[k] = rowData[forname][forrowindex][k];
         });
-        if (typeof forname !== "undefined") {
-          field.submitListField.forEach((k) => {
-            submitData[k] = rowData[forname][forrowindex][k];
-          });
-        }
-        else {
-          field.submitListField.forEach((k) => {
-            submitData[k] = rowData[k];
-          });
-        }
-        let action = field.action;
-        if (field.actionField) {
-          action = rowData[field.actionField];
-        }
-        self.model.selectIndex = rowindex;
-        this.routerCellClickHandler(field, submitData, action, rowindex, forname, forrowindex);
-      },
-      routerCellClickHandler(field, submitData, action, rowindex, forname, forrowindex) {
-        let self = this;
-        action = action || field.action;
-
-        var clickAcion = function () {
-          //若不是客户端方法，则直接访问接口
-          if (!field.isClientFuntion) {
-            // 外部框架tab页打开
-            if (field.isFormPageInTab) {
-              submitData = field.getActionPara(submitData).para;
-              if (field.pageStyle) {
-                submitData.pageStyle = field.pageStyle;
-              }
-              self.$common.getDataDrivenOpts().handler.openTab(action, submitData, field.pageTitle, self.model, field.dialogWidth);
-            }
-            else if (field.isSearchPageInTab) {// 外部框架tab页打开
-              submitData = field.getActionPara(submitData).para;
-              self.$common.getDataDrivenOpts().handler.openTabSearch(field, submitData);
-            }
-            else if (field.isBrowserNewTab) {// 浏览器打开
-              submitData = field.getActionPara(submitData).para;
-              let query = self.$common.objectToQueryStr(submitData);
-              window.open(action + query, "_blank");
-            }
-            else if (field.isOpenUrlInBrowse) {// 浏览器打开
-              window.open(submitData[field.submitFormField], "_blank");
-            }
-            else if (field.isSeeVoice) {//看视频              
-              self.$common.browseVideo(field,submitData)
+      } else {
+        field.submitListField.forEach(k => {
+          submitData[k] = rowData[k];
+        });
+      }
+      let action = field.action;
+      if (field.actionField) {
+        action = rowData[field.actionField];
+      }
+      self.model.selectIndex = rowindex;
+      this.routerCellClickHandler(
+        field,
+        submitData,
+        action,
+        rowindex,
+        forname,
+        forrowindex
+      );
+    },
+    routerCellClickHandler( field, submitData, action, rowindex, forname,forrowindex) {
+      let self = this;
+      action = action || field.action;
+
+      var clickAcion = function() {
+        //若不是客户端方法，则直接访问接口
+        if (!field.isClientFuntion) {
+          // 外部框架tab页打开
+          if (field.isFormPageInTab) {
+            submitData = field.getActionPara(submitData).para;
+            if (field.pageStyle) {
+              submitData.pageStyle = field.pageStyle;
             }
-            else {
-              //self.operationLoading = true;
-
-              //Form
-              if (field.isOpenForm) {
-                var dialogOption = {
-                  title: field.pageTitle,
-                  pane: self.$common.getParentPane(self),
-                  content: [{
+            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'
+                      width: field.dialogWidth + "px",
+                      height: field.dialogHeight + "px"
                     },
                     on: {
                       submit(ev) {
-                        if (!field.flagFreshCurrentRow && !field.flagAddRowAfterAction) {
+                        if (
+                          !field.flagFreshCurrentRow &&
+                          !field.flagAddRowAfterAction
+                        ) {
                           self.model.doAction(ev);
                         }
                         self.$forceUpdate();
@@ -1029,23 +1164,25 @@
                         self.updateCurrentRow(field);
                       }
                     }
-                  }]
-                };
-                self.$common.openDialog(dialogOption);
-              }
-              //SearchList
-              else if (field.isOpenList) {
-                var dialogOption = {
-                  title: field.pageTitle,
-                  pane: self.$common.getParentPane(self),
-                  content: [{
+                  }
+                ]
+              };
+              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'
+                      width: field.dialogWidth + "px",
+                      height: field.dialogHeight + "px"
                     },
                     on: {
                       refreshParent() {
@@ -1056,451 +1193,501 @@
                         self.updateCurrentRow(field);
                       }
                     }
-                  }]
-                };
-                self.$common.openDialog(dialogOption);
-              }
-              //Tabs
-              else if (field.isOpenTabs) {
-                var dialogOption = {
-                  title: field.pageTitle,
-                  pane: self.$common.getParentPane(self),
-                  content: [{
+                  }
+                ]
+              };
+              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'
+                      width: field.dialogWidth + "px",
+                      height: field.dialogHeight + "px"
                     },
-                    on: {
-                    }
-                  }]
-                };
-                self.$common.openDialog(dialogOption);
-              }
-              else {
-                field.doAction(submitData, (data) => {
-                  self.model.doAction(data, field);
-                  if (field.actionType === 19) {
-                    self.callTelClick(self.$refs['layout' + rowindex][0], data, forname, forrowindex)
+                    on: {}
                   }
-                })
-              }
+                ]
+              };
+              self.$common.openDialog(dialogOption);
+            } 
+            else {
+              field.doAction(submitData, data => {
+                self.model.doAction(data, field);
+                if (field.actionType === 19) {
+                  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);
-          }
         }
+        //执行客户端脚本
+        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, {
+      if (field.alert) {
+        self.$common
+          .confirm(field.alertMsg, field.alertCaption, {
             confirmButtonText: field.alertOKButtonText,
             cancelButtonText: field.alertCancelButtonText,
             //type: 'warning'
             center: field.alertCenter
-          }).then(() => {
+          })
+          .then(() => {
             clickAcion();
-          }).catch(() => {
-          });
-        }
-        else {
-          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;
+          }
         }
-      },
-      callTelClick(VueCom, data, forname, forrowindex) {
-        if (typeof VueCom.$refs['router' + forname + forrowindex] !== "undefined") {
-          VueCom.callTelClick(data);
+      }
+    },
+    closeCallTel(VueCom) {
+      var self = this;
+      if (self.model.currentCallTelrouter) {
+        if (
+          typeof VueCom.$refs[self.model.currentCallTelrouter] !== "undefined"
+        ) {
+          console.log(VueCom);
+          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.callTelClick(item, data, forname, forrowindex);
+            var result = this.closeCallTel(item);
             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;
-          }
-        });
-        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 () {
+        }
+      });
+    },
+    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) {
-        this.model.doAction(res);
-      },
-      tdRowspan(column, row) {
-        if (!column.show) {
-          return '';
-        }
+          },
+          data,
+          router
+        );
+      }
+    },
+    importComplete(res) {
+      this.model.doAction(res);
+    },
+    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 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 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 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 });
+      });
+      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);
+            }
           }
-          self.$forceUpdate();
-          self.$refs.footer.$forceUpdate();
-          self.updateCurrentRow(field, data);
         }
-      },
+      });
+      return rowRouterDisplay;
     },
-  }</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;
-      
+    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);
+      }
     }
-
-  .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 {
+};
+</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;
     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;
-  }
+    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;
+}
 </style>