centaline-data-driven 1.2.38 → 1.2.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven",
-  "version": "1.2.38",
+  "version": "1.2.41",
   "description": "ccai",
   "author": "hjc <3226136347@qq.com>",
   "private": false,

package/src/Detail.vue

@@ -10,7 +10,7 @@
     name: 'DataDrivendetail',
     data() {
       return {        
-        apiParam: {actionType: 1,chanceID: "1"} ,
+        apiParam: {actionType: 1,chanceID: "2"} ,
       }
     },
     mounted() {

package/src/Form.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="app-form" class="data-driven" style="width:100%;height:100%;overflow:auto">
     <!-- <ct-form :api="'/api/third-dept-tran/profit-return/applyUI'" :apiParam="apiParam"></ct-form> -->
-    <ct-form :api="'/PropertyRET/getLayoutOfNewStepOne'" :apiParam="apiParam"></ct-form>
+    <ct-form :api="'/PropertyRET/getLayoutOfNew'" :apiParam="apiParam"></ct-form>
     <!-- <ct-form :source="formdata.content" :apiParam="apiParam"></ct-form> -->
     <!--<ct-form :api="'/api/form/formdata/contractDetail'" :apiParam="apiParam"></ct-form>-->
     <!--<ct-form :api="'api/Form/formdata'"></ct-form>-->
@@ -17,7 +17,7 @@
         // apiParam: {profitReturnId: "1504359257134055426", actionType: 1, pageStyle: 2, pageTitle: "查看返利", pageOnly: true} ,
         // apiParam: {headerParam: {}, urlParam: {contractID: "06cad32e-4d0d-4b6f-bd24-16a28629a550", actionType: "0"}}
         // apiParam: {originalTraId: "1475658732246241281", actionType: 2, chanceID: "1"} ,
-        apiParam: {actionType: "2", pageStyle: "2", pageTitle: "新增盘源", pageOnly: "true"},
+        apiParam: {actionType: "2", propertyID: "", estateID: "1", buildingID: "1", floorID: "1", roomNo: "1504",tradeID: "100"}
       }
     },
     methods: {

package/src/SearchList.vue

@@ -1,15 +1,15 @@
 <template>
   <div id="app-search" style="height:100%;position: fixed;">
-    <ct-searchlist :searchConditionApi="'/api/third-dept-tran/tran-list/tran-emp-achievement-layout'" :searchDataApi="'/api/third-dept-tran/tran-list/tran-emp-achievement-list'"></ct-searchlist>
+    <!-- <ct-searchlist :searchConditionApi="'/api/third-dept-tran/transaction-workflow/getLayoutOfSearch'" :searchDataApi="'/api/third-dept-tran/transaction-workflow/list'"></ct-searchlist> -->
 
     <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'" :searchDataApi="'/PropertyRETList/getListOfSearchModel'" :searchCategoryApi="'/PropertyRETList/getLayoutOfSearchCategory'"></ct-searchlist> -->
     <!-- <ct-searchlist :searchConditionApi="'/PropertyPublishLogList/getLayoutOfSearch'" :searchDataApi="'/PropertyPublishLogList/getListOfSearchModel'"></ct-searchlist> -->
 
-    <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"
+    <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"
                    :searchDataApi="'/PropertyRETList/getListOfSearchModel'"
                    :searchCategoryApi="'/PropertyRETList/getLayoutOfSearchCategory'"
                     :searchStatsApi="'/exampleList/getListStats'"
-                   ></ct-searchlist> -->
+                   ></ct-searchlist>
 
     <!--<ct-searchlist :searchConditionApi="'/api/invoice-info/search-condition'" :searchDataApi="'/api/invoice-info/list'" :searchDataStatisticsApi="'api/ContractList/GetLayoutOfStatisticsTool'" :apiParam="para"></ct-searchlist>-->
     <!-- <ct-searchlist :searchConditionApi="'/PropertyStatusList/getLayoutOfSearch'" :searchDataApi="'/PropertyStatusList/getListOfSearchModel'"  :apiParam="para"></ct-searchlist> -->
@@ -23,7 +23,8 @@
     name: 'DataDrivenSearch',
     data() {
       return {
-        para: {searchFields: {fields: []}, pageAttribute: {pageIndex: 1}, flagSearch: true}
+        para:{},
+        // para: {searchFields: {fields: []}, pageAttribute: {pageIndex: 1}, flagSearch: true}
         // para: {publishID: "1503900718229229568"}
         // para: {paramKey: "PropertyStatusID", code: "002.001", name: "盘源状态", paramName: "盘源状态"}
       }

package/src/centaline/css/common.css

@@ -114,7 +114,6 @@ html {
    display:initial;
  }
  .ct-Seg .ct-radios .el-input__suffix-inner {
-   float: right;
    display: none;
  }
    .ct-Seg .ct-radios .el-input__suffix-inner .el-icon-circle-close {
@@ -321,7 +320,12 @@ html {
  .el-input__icon {
    height:initial;
  }
- 
+ .st-serach-screen .el-input__icon {
+  line-height:initial!important;
+}
+.ct-checkbox .cover-list-item-span{
+  line-height: initial!important;
+}
  /*两个div在同一行并居中*/
  .div_allinline {
    text-align: center;
@@ -783,4 +787,11 @@ html {
 }
 .list-button .max-btn-add{
   width: 85px;
-}
+}
+.el-radio__input.is-checked .el-radio__inner {
+  border-color: #409eff;
+  background: #409eff;
+}
+.el-radio__input.is-checked + .el-radio__label {
+  color: #409eff;
+}

package/src/centaline/css/max.css

@@ -105,6 +105,8 @@
 }
 .ct-checkbox .ct-checkbox-mian{
     padding-left: 0!important;
+    min-height: 26px;
+    line-height: 25px;
 }
 .cover-list-item .el-checkbox{
     margin-right: 10px!important;
@@ -156,7 +158,7 @@
     white-space: nowrap;
 }
 .max-cover-list-item .el-input__icon{
-    line-height: 40px!important;
+    line-height:initial;
 }
 .el-card{
     border: none;
@@ -206,7 +208,7 @@
   }
   .ct-Seg.ct-Seg-mini .ct-radios, .ct-Seg.ct-Seg-mini .ct-radios .el-radio__label {
     min-height: 26px;
-    line-height: 26px;
+    line-height: 25px!important;
 }
 .el-input-group__append, .el-input-group__prepend {
     color: #666;
@@ -228,3 +230,10 @@
  .hyperLinkList .el-button + .el-button{
       margin-left: 0!important;
   }
+  .el-radio__input.is-checked .el-radio__inner {
+    border-color: #409eff;
+    background: #409eff;
+}
+.el-radio__input.is-checked + .el-radio__label {
+    color: #409eff;
+}

package/src/centaline/dynamicBtn/src/dynamicBtn.vue

@@ -5,7 +5,7 @@
                placement="bottom"
                @click.native="dropClick" 
                @command="commandClick"
-               :disabled="model.disabled">
+               :disabled="model.disabled || model.locked">
     <el-button type="primary">
       {{model.label}}<i class="el-icon-arrow-down el-icon--right"></i>
     </el-button>
@@ -13,15 +13,7 @@
       <el-dropdown-item v-for="item in model.elementOptions" :key="item.code" :command="item.code">{{item.name}}</el-dropdown-item>
     </el-dropdown-menu>
   </el-dropdown>
-  <el-button v-else-if="!model.isImport"
-             :type="model.isHyperLink ? 'text' : 'primary'"
-             v-bind="model.attrs" @click="$emit('click',model)"
-             :style="{color:model.textColor,backgroundColor:model.bgColor,borderColor:model.borderColor}"
-             :icon="model.icon"
-             :disabled="model.disabled">
-             <!-- <i v-if="model.isShowIocn" :class="model.iconClass"></i> -->
-             {{model.label}}</el-button>
-  <el-upload v-else
+  <el-upload v-else-if="model.isImport"
              :action="model.action"
              v-bind="model.attrs"
              size="mini"
@@ -33,6 +25,23 @@
              :on-error="handleAvatarError">
     <el-button size="mini" type="primary">{{model.label}}</el-button>
   </el-upload>
+  <el-button v-else-if="model.subText" style="height: 100%;padding: 5px 0;"
+             :type="model.isHyperLink ? 'text' : 'primary'"
+             v-bind="model.attrs" @click="$emit('click',model)"
+             :style="{color:model.textColor,backgroundColor:model.bgColor,borderColor:model.borderColor}"
+             :icon="model.icon"
+             :disabled="model.disabled || model.locked">
+             <div>{{model.label}}</div>
+             <div style="color:red;font-weight:700;">{{model.subText}}</div>             
+  </el-button>
+  <el-button v-else
+             :type="model.isHyperLink ? 'text' : 'primary'"
+             v-bind="model.attrs" @click="$emit('click',model)"
+             :style="{color:model.textColor,backgroundColor:model.bgColor,borderColor:model.borderColor}"
+             :icon="model.icon"
+             :disabled="model.disabled || model.locked">
+             {{model.label}}
+  </el-button>
 </template>
 <script>
   import dynamicElement from '../../mixins/dynamicElement'

package/src/centaline/dynamicCheckbox/src/dynamicCheckbox.vue

@@ -6,15 +6,12 @@
           {{model.label}}
         </div>
         <div class="ct-checkbox-mian cover-list-item" :class="[model.showLabel?'showLabel':'',model.value !== ''?'hasValue':'']">
-          <span>
-            <el-checkbox-group v-model="model.checkedItemArr" @change="changeHandler1">
-              <el-checkbox :disabled="model.lock" v-for="item in model.options" :label="item[model.optionAttrs.value]" :key="item[model.optionAttrs.value]">{{item[model.optionAttrs.label]}}</el-checkbox>
-            </el-checkbox-group>
-          </span>
-
-          <span v-if="!model.lock" class="cover-list-item-span max-cover-list-item">
-          <i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
-        </span>
+          <el-checkbox-group v-model="model.checkedItemArr" @change="changeHandler1">
+            <el-checkbox :disabled="model.lock" v-for="item in model.options" :label="item[model.optionAttrs.value]" :key="item[model.optionAttrs.value]">{{item[model.optionAttrs.label]}}</el-checkbox>          
+            <span v-if="!model.lock" class="cover-list-item-span max-cover-list-item">
+              <i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
+            </span>
+          </el-checkbox-group>
         </div>
       </div>
       <span v-show="!valid" class="errorMessage">
@@ -40,7 +37,6 @@
     created() {
       var self = this;
       this.$nextTick(function () {
-
         if (self.vmodel) {
           self.load(self.vmodel);
           self.$emit('loaded');
@@ -104,14 +100,12 @@
   }
 
   .ct-checkbox .cover-list-item {
-    position: relative;
   }
 
   .ct-checkbox .cover-list-item-span {
-    position: absolute;
-    top: -6px;
-    right: 0px;
     display: none;
+    min-height: 26px;
+    font-size: 12px;
   }
 
   .ct-checkbox .ct-checkbox-mian .el-icon-circle-close:hover {

package/src/centaline/dynamicDetail/src/dynamicContactList.vue

@@ -510,7 +510,7 @@
   }
 .ct-searchtable .ct-table {
     min-width: 100%;
-    border-collapse: separate;
+    border-collapse: collapse;
   }
     .ct-searchtable .ct-table th {
       background-color: #f4f7fa !important;

package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue

@@ -178,7 +178,7 @@
                     <span class="i">{{col.operationName}}</span>
                   </div>
                   <div class="t-item"><span class="i" :class="'operation'+col.flagKey">{{col.desc}}</span></div>
-                  <div class="t-item" style="height: 50px;">
+                  <div class="t-item" style="min-height: 50px;">
                     <component class="el-button t-but el-button--info max-info" v-if="col.router && col.router.show" :is="col.router.is" :vmodel="col.router" :api="model.optionApi" @click="fieldClickHandler(col.router,$event)"></component>
                   </div>
                 </div>                  
@@ -404,9 +404,6 @@
       lookOwner() {
         this.codeOwner = true
       },
-      onSearch() {
-        console.log('submit!');
-      },
       handleClick(tab, event) {
         let i=tab.index;
         if(this.model.tags2 && this.model.tags2[i]){

package/src/centaline/dynamicForm/src/dynamicForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-loading="loading" style="width:100%">
+  <div v-loading="loading" :style="{width:pageWidth?pageWidth+'px':'100%',margin:'auto'}">
     <div v-if="model !== null && !loading" class="ct-form"  :class="{'domDisabled':model.pageDisabled}">
       <!--可根据场景判断显示el-card还是el-main-->
       <component :is="model.showTitle?'el-main':'el-card'">
@@ -95,6 +95,7 @@
       source: Object,
       apiParam: Object,
       parentModel: Object,
+      pageWidth: Number,
       showTitle: {
         type: Boolean,
         default: false
@@ -380,7 +381,7 @@
               }
               else if (field.isFormPageInTab || field.isSearchPageInTab) {// 外部框架tab页打开
                 submitData = field.getActionPara(submitData).para;
-                self.$common.getDataDrivenOpts().handler.openTab(field.action, submitData, field.pageTitle);
+                self.$common.getDataDrivenOpts().handler.openTab(field.action, submitData, field.pageTitle,self.model,field.dialogWidth);
               }
               else if (field.isBrowserNewTab) {// 浏览器打开
                 submitData = field.getActionPara(submitData).para;
@@ -533,8 +534,9 @@
                     if (f.$el.offsetParent && f.$el.offsetParent.offsetParent) {
                       let total = f.$el.offsetParent.offsetParent.offsetTop;
                       //this.$common.setScrollTop(total);
-
-                      if (f.$el.offsetParent.offsetParent.offsetParent === null || f.$el.offsetParent.offsetParent.classList[0] === 'app-main') {
+                      if (f.$el.offsetParent.offsetParent.offsetParent === null 
+                      || f.$el.offsetParent.offsetParent.offsetParent.classList[0] === 'app-main'
+                      || f.$el.offsetParent.offsetParent.classList[0] === 'app-main') {
                         total = f.$el.offsetParent.offsetTop;
                         this.$common.setScrollTop(total);
                       }

package/src/centaline/dynamicInputNumber/src/dynamicInputNumber.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="field-top">
-    <div style="width:100;" v-if="model !== null" class="ct-inputNumber" :class="[model.attrs.size?'ct-font-size-'+model.attrs.size:'',model.lock ? 'ct-inputNumber-lock' : ''
+    <div style="width:100%;display:flex;">
+    <div style="flex:1;" v-if="model !== null" class="ct-inputNumber" :class="[model.attrs.size?'ct-font-size-'+model.attrs.size:'',model.lock ? 'ct-inputNumber-lock' : ''
        ]" @mouseover="mouseOverHandle" @mouseout="mouseOutHandle">
       <div class="ct-flex-div" :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']">
         <div v-if="model.showLabel && model.label" class="el-input-group__prepend field-label-div" :class="[model.labelClass]">
@@ -23,13 +24,14 @@
           <span v-if="model.unitName" class="ct-unitname el-input__suffix el-input__suffix-inner" :class="showClear?'unitName-20':'unitName-0'">{{model.unitName}}</span>
         </div>
         <span v-if="model.sufLabel" class="spanMessage ct-flex-div-span">{{model.sufLabel}}</span>
-        <transition name="el-fade-in ct-flex-div-span">
-          <span v-show="!valid" class="errorMessage">
-            {{validMessage}}
-          </span>
-        </transition>
       </div>
     </div>
+    <transition name="el-fade-in ct-flex-div-span">
+      <span v-show="!valid" class="errorMessage">
+        {{validMessage}}
+      </span>
+    </transition>
+  </div>
   </div>
 </template>
 <script>

package/src/centaline/dynamicRepeat/src/dynamicRepeat.vue

@@ -1,15 +1,14 @@
 <template>
-  <div class="ct-form-list" v-focus="foucus" :class="{'tableDisabled':model.tableDisabled}">
+  <div class="ct-form-repeat" v-focus="foucus" :class="{'tableDisabled':model.tableDisabled}">
     <div class="list-button">
       <el-button v-if="model.create" type="success" class=" max-btn-add" size="mini" icon="el-icon-circle-plus-outline" @click="addRow">
         新增
       </el-button>
     </div>
-
-    <div class="el-col el-col-24" v-for="(v, i) in model.tableData" :key="v.guid" v-if="!v.deleted">
-      <div class="list-title">
-        <h5>{{model.title}}</h5>
-      </div>
+    <div class="list-title">
+      <h5>{{model.title}}</h5>
+    </div>
+    <div class="el-col el-col-24 ct-form-repeat-el-col"  v-for="(v, i) in model.tableData" :key="v.guid" v-if="!v.deleted">
       <el-row v-if="v.field.length > 0">
         <el-col v-for="(col, index) in v.field" :key="col.guid" v-if="col.show !== false" :span="col.colspan" style="padding:5px">
           <component ref="Fields" :is="col.is" :vmodel="col" :api="model.OptApi" v-bind="col.bindPara"
@@ -18,7 +17,7 @@
         </el-col>
       </el-row>
       <div class="list-button" v-if="i>0">
-        <el-button v-if="v.delete" type="success" class=" max-btn-add" size="mini" icon="el-icon-circle-plus-outline" @click="deleteRow(i)">
+        <el-button v-if="v.delete" type="success" class=" max-btn-add" size="mini" icon="el-icon-delete" @click="deleteRow(i)">
           删除
         </el-button>
       </div>
@@ -137,50 +136,32 @@
   }
 </script>
 <style>
-  .el-table-add-row {
-    margin-top: 10px;
-    width: 100%;
-    height: 34px;
-    border: 1px dashed #c1c1cd;
-    border-radius: 3px;
-    cursor: pointer;
-    justify-content: center;
-    display: flex;
-    line-height: 34px;
-  }
-
-  .ct-form-list .list-title {
-    padding-bottom: 5px;
-    text-align: left;
-    display: inline-table;
-    width: 45%;
-  }
-
-  .ct-form-list .list-button {
-    padding-bottom: 5px;
-    text-align: right;
-    display: inline-table;
-    float: right;
-  }
-
-  .ct-table-inputnumber {
-    text-align: right;
+ 
+  .ct-form-repeat {
+    display: table;
+    background: aliceblue;
+    padding:10px;
   }
 
-  .ct-form-list .el-table__footer-wrapper .el-table__footer .has-gutter div {
-    text-align: right;
-  }
+    .ct-form-repeat .list-title {
+      padding-bottom: 5px;
+      text-align: left;
+      display: inline-table;
+      width: 45%;
+    }
 
-  .ct-form-list .el-table__footer-wrapper .el-table__footer .has-gutter tr td:first-child div {
-    text-align: left;
-  }
+    .ct-form-repeat .list-button {
+      padding-bottom: 5px;
+      text-align: right;
+      display: inline-table;
+      float: right;
+    }
+    .ct-form-repeat .ct-form-repeat-el-col {
+      border-bottom: 1px dashed #f1706b;
+    }
+      .ct-form-repeat .ct-form-repeat-el-col:last-child {
+        border-bottom: none;
+      }
 
-  .ct-table-required {
-    color: red;
-  }
 
-  .tableDisabled {
-    pointer-events: none;
-    opacity: 0.4;
-  }
 </style>

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

@@ -88,9 +88,21 @@
                   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 model.rowRouter" :key="rowRouterIndex" v-if="!router.rightField || row[router.rightField] == 1" :isOperationalColumn="true"
-                                    :router="router" :colValue="router.label" :rowData="row" @click="rolRouterClickHandler">
+                  <ct-tablecurrency v-for="(router,rowRouterIndex) in getRowRouterShow(row)" :key="rowRouterIndex" 
+                    v-if="!router.rightField || row[router.rightField] == 1" :isOperationalColumn="true"
+                    :router="router" :colValue="router.label" :rowData="row" @click="rolRouterClickHandler">
                   </ct-tablecurrency>
+                  <el-popover :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:''">
+                    <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">
+                      </ct-tablecurrency>
+                    </div>
+                    <span :slot="getRowRouterDisplay(row).length>0?'reference':''" class="icon-more"></span>
+                  </el-popover>
                 </div>
 
                 <!--可点击的列-->
@@ -99,6 +111,8 @@
                 </ct-tablecurrency>
 
                 <!--正常的列-->
+                <div v-else-if="column.flagHtml" v-html="row[column.id]" :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:''">
                   {{row[column.id]}}
                 </div>
@@ -176,6 +190,13 @@
         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() {
@@ -506,9 +527,8 @@
             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;
+            var h7 =  this.$refs.tableStats?(this.$refs.tableStats.$el.offsetHeight+7 | 0):0;
             let tableHeight = h1 - h2 - h3 - h4 - h5 - h6 - h7-22;
-            console.log(tableHeight+"   "+h7);
             this.model.tableHeight = tableHeight < 40 ? 350 : tableHeight;
             this.$nextTick(() => {
               self.getScrollAttr();
@@ -650,9 +670,13 @@
 
         this.routerClickHandler(field, submitData, action);
       },
-      rolRouterClickHandler(field, rowData) {
+      rolRouterClickHandler(field, rowData,rowindex) {
+        if(this.$refs['popover'+rowindex]){
+          this.$refs['popover'+rowindex][0].doClose();
+        }
+
         var self = this;
-        var submitData = {};
+        var submitData = {};        
         field.submitListField.forEach((k) => {
           submitData[k] = rowData[k];
         });
@@ -677,7 +701,7 @@
               if (field.pageStyle) {
                 submitData.pageStyle = field.pageStyle;
               }
-              self.$common.getDataDrivenOpts().handler.openTab(action, submitData, field.pageTitle, self.model);
+              self.$common.getDataDrivenOpts().handler.openTab(action, submitData, field.pageTitle, self.model,field.dialogWidth);
             }
             else if (field.isBrowserNewTab) {// 浏览器打开
               submitData = field.getActionPara(submitData).para;
@@ -894,7 +918,33 @@
         let self = this;
         self.model.searchStats = m;
         self.getPage(1);
-      }
+      },
+      getRowRouterShow(row) {
+        let self=this;
+        let rowRouterShow=[];
+        self.model.rowRouter.forEach((v) => {
+          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.rightField || row[v.rightField] == 1) {
+            i=i+1;
+            if(i>self.model.rowMenuDisplayCount){
+              rowRouterDisplay.push(v);
+            }
+          }
+        });
+        return rowRouterDisplay;
+      },
     },
   }</script>
 <style>
@@ -903,11 +953,12 @@
     border-bottom: 1px solid #ebeef5;
     width: 100%;
     outline: 0;
+    border-top: 1px solid #fff;
   }
 
   .ct-searchtable .ct-table {
     min-width: 100%;
-    border-collapse: separate;
+    border-collapse: collapse;
   }
 
     .ct-searchtable .ct-table th {
@@ -1110,4 +1161,35 @@
     .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;
+  }
+  .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>