centaline-data-driven 1.5.24 → 1.5.26

package/package.json

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

package/release-log.md

@@ -1,3 +1,43 @@
+## v1.5.26
+2023-06-21
+
+优化
+
+列表页右侧边栏图标展示计算优化
+
+表单formData添加方法setTabsSelect，可以设置tab选中项
+
+右侧表单保存后，左侧列表刷新行数据
+
+bug修复
+
+异步导入成功，消息没有提示bug处理
+
+## v1.5.25
+2023-06-19
+
+优化
+
+优化树状组件列表页表格高度计算问题
+
+时间区间组件新增单独每个时间必填校验以及placeholder显示
+
+toolButtons打开列表时，支持queryString传参
+
+Checkbox按钮
+
+详情页展开优化
+
+列表统计栏，点击更多里面的选项，体验优化
+ 
+bug修复
+
+解决侧边栏表格tab宽度计算问题
+
+解决ccai在列表和弹层中固定按钮位置不同问题
+
+mo默认值bug处理
+
 ## v1.5.24
 2023-06-13
  

package/src/SearchList.vue

@@ -14,10 +14,10 @@
       :searchDataApi="'/api/transaction/adjustRecord/getTableList'">
     </ct-searchlist> -->
 
-    <ct-searchlist :apiParam="para"
+    <!-- <ct-searchlist :apiParam="para"
       :searchConditionApi="'/api/transfer_subscribe_master/layout'" 
       :searchDataApi="'/api/transfer_subscribe_master/transferSubscribeMasterList'">
-    </ct-searchlist>
+    </ct-searchlist> -->
 
     <!-- <ct-searchlist :apiParam="para"
       :searchConditionApi="'/wf/todo/wx/layout'" 
@@ -44,7 +44,7 @@
 
     <!-- <ct-searchlist 
       :searchCategoryApi="'/PropertyPublishList/getLayoutOfSearchCategory'" 
-      :searchConditionApi="'/PropertyPublishList/getLayoutOfSearchForRET'" 
+      :searchConditionApi="'/PropertyPublishList/getLayoutOfSearchForRET'" :searchStatsApi="'/PropertyPublishList/getListStatsForRET'"
       :searchDataApi="'/PropertyPublishList/getListOfSearchModelForRET'">
     </ct-searchlist> -->
 
@@ -71,6 +71,10 @@
     <!-- <ct-searchlist :searchConditionApi="'/DistrictList/getLayoutOfSearch'"
       :searchDataApi="'/DistrictList/getListOfSearchModel'">
     </ct-searchlist> -->
+
+    <ct-searchlist :searchConditionApi="'/CustomerImportList/getLayoutOfSearch'"
+      :searchDataApi="'/CustomerImportList/getListOfSearchModel'">
+    </ct-searchlist>
     
     <!-- <ct-searchlist :searchConditionApi="'/RoleList/getLayoutOfSearch'" :searchStatsApi="'/RoleList/getListStats'" :searchDataApi="'/RoleList/getListOfSearchModel'"></ct-searchlist> -->
 

package/src/centaline/css/ccai.css

@@ -2,10 +2,14 @@
    padding-top: 0px;
    padding-bottom: 0;
 }
-.ccai.button-absolute{
-   bottom: 26px;
-   width: calc(100% - 47px);
+#form-app .ccai.button-absolute{
+   /* bottom: 26px; */
+   width: calc(100% - 52px);
+   margin-bottom: 20px;
 }
+.btnPadBom {
+   padding-bottom: 4px !important;
+ }
 .ccai.ct-tags .ct-tags-mini{
 font-size: 12px !important;
 }
@@ -17,4 +21,5 @@ font-size: 12px !important;
  }
 .ccai .ccai-aside.el-aside{
    padding: 0 !important;
- }
+ }
+ 

package/src/centaline/css/common.css

@@ -706,6 +706,10 @@ html {
 .el-tabs__nav .el-tabs__item.is-active{
   color: var(--chinaRed);
   border-bottom: 3px solid var(--chinaRed);
+} 
+.el-tabs__item:focus.is-active.is-focus:not(:active) {
+  box-shadow: none !important;
+  border-radius: 3px;
 }
 .el-tabs__active-bar{
   background-color: var(--chinaRed);

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

@@ -50,6 +50,9 @@
       <span v-else slot="reference">{{model.label}}</span>
     </el-popover>
   </el-button>
+  <el-checkbox v-else-if="model.isCheckbox" v-model="model.code1" @change="clickHandle">
+    {{model.label}}
+  </el-checkbox>
   <el-button v-else  class="max"
     :type="model.isHyperLink ? 'text' : 'primary'"
     v-bind="model.attrs" @click="clickHandle"
@@ -57,7 +60,7 @@
     :icon="model.icon"
     :disabled="model.disabled || model.locked">
     <div v-if="flagAppMode" :title="model.label">
-      <img  :src="model.imgUrl" :height="model.buttonHeight+'px'"/>
+      <img :src="model.imgUrl" :height="model.buttonHeight+'px'"/>
       <div style="margin-top:5px;" class="labelText">{{model.label}}</div>
     </div>
     <div v-else>

package/src/centaline/dynamicContact/src/dynamicContact.vue

@@ -237,7 +237,7 @@ export default {
                 attrs: {
                   searchConditionApi: field.actionForSearchLayout,
                   searchDataApi: field.actionForSearch,
-                  apiParam: submitData,
+                  apiParam: field.getActionPara(submitData).para,
                   width: field.dialogWidth + 'px',
                   height: field.dialogHeight + 'px'
                 },

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

@@ -371,7 +371,7 @@
                   attrs: {
                     searchConditionApi: field.actionForSearchLayout,
                     searchDataApi: field.actionForSearch,
-                    apiParam: submitData,
+                    apiParam: field.getActionPara(submitData).para,
                     width: field.dialogWidth + 'px',
                     height: field.dialogHeight + 'px'
                   },

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

@@ -22,8 +22,8 @@
       :apiParam="apiParam" :pageHeight="listHeight+'px'" @tableLoaded="loaded">
       </ct-SearchList>
 
-      <div v-if="pageType=='Form'" style="overflow: auto;" :style="{height:listHeight+'px'}">
-        <ct-form :api="api" :apiParam="apiParam" @loaded="loaded">
+      <div ref="detailForm" v-if="pageType=='Form'" style="overflow: auto;" :style="{height:(listHeight-5)+'px'}">
+        <ct-form :api="api" :apiParam="apiParam" @loaded="loaded" @submit="submit" :flagScroll="'true'" :drowerClose="drowerClose">
         </ct-form>
       </div>
 
@@ -85,10 +85,13 @@
       simpleRouterclickHandler(field,data) {
         this.$emit('simpleRouterclickHandler',field,data);
       },
-      loaded(model) {        
+      loaded(model) {
         //通知父组件加载完成
         this.$emit('loaded',model);
       },
+      submit(modelForm,responseData) {
+        this.$emit('submit',modelForm,responseData);
+      },
       scrollHandle(scrollTop,scrollLeft){
         this.$emit('scrollHandle',scrollTop,scrollLeft)
       },

package/src/centaline/dynamicDetail/src/dynamicEstateBuildingDetail.vue

@@ -729,7 +729,7 @@ export default {
                   attrs: {
                     searchConditionApi: field.actionForSearchLayout,
                     searchDataApi: field.actionForSearch,
-                    apiParam: submitData,
+                    apiParam: field.getActionPara(submitData).para,
                     width: field.dialogWidth + "px",
                     height: field.dialogHeight + "px",
                   },

package/src/centaline/dynamicDetail/src/dynamicEstateSimpleDetail.vue

@@ -255,7 +255,7 @@ export default {
             if (!v.rightField || (self.model.fields1Dic[v.rightField] && self.model.fields1Dic[v.rightField].value == 1)) {
               if (self.$refs['routers' + i] && self.$refs['routers' + i].length > 0 && self.$refs['routers' + i][0] && self.$refs['routers' + i][0].$el) {
                 if (sumWidth + self.$refs['routers' + i][0].$el.offsetWidth -8 > totalWidth && self.showIndex === 0) {
-                  self.showIndex = i -1;
+                  self.showIndex = i ;
                 }
                 else {
                   sumWidth = sumWidth + self.$refs['routers' + i][0].$el.offsetWidth + (i > 0 ? 10 : 0);
@@ -519,7 +519,7 @@ export default {
                 attrs: {
                   searchConditionApi: field.actionForSearchLayout,
                   searchDataApi: field.actionForSearch,
-                  apiParam: submitData,
+                  apiParam: field.getActionPara(submitData).para,
                   width: field.dialogWidth + 'px',
                   height: field.dialogHeight + 'px'
                 },

package/src/centaline/dynamicDetail/src/dynamicPropertyDetailOFI.vue

@@ -932,7 +932,7 @@ export default {
                   attrs: {
                     searchConditionApi: field.actionForSearchLayout,
                     searchDataApi: field.actionForSearch,
-                    apiParam: submitData,
+                    apiParam: field.getActionPara(submitData).para,
                     width: field.dialogWidth + "px",
                     height: field.dialogHeight + "px",
                   },

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

@@ -942,7 +942,7 @@ export default {
                   attrs: {
                     searchConditionApi: field.actionForSearchLayout,
                     searchDataApi: field.actionForSearch,
-                    apiParam: submitData,
+                    apiParam: field.getActionPara(submitData).para,
                     width: field.dialogWidth + "px",
                     height: field.dialogHeight + "px",
                   },

package/src/centaline/dynamicDetail/src/dynamicPropertySimpleDetailRET.vue

@@ -253,10 +253,9 @@ export default {
           self.model.actionRoutersSimple.forEach((v, i) => {
             if (!v.rightField || (self.model.fields1Dic[v.rightField] && self.model.fields1Dic[v.rightField].value == 1)) {
               if (self.$refs['routers' + i] && self.$refs['routers' + i].length > 0 && self.$refs['routers' + i][0] && self.$refs['routers' + i][0].$el) {
-                if (sumWidth + self.$refs['routers' + i][0].$el.offsetWidth -8 > totalWidth && self.showIndex === 0) {
-                  self.showIndex = i -1;
-                }
-                
+                if (sumWidth + self.$refs['routers' + i][0].$el.offsetWidth -8 > totalWidth && self.showIndex === 0) {               
+                  self.showIndex = i;
+                }   
                 else {
                   sumWidth = sumWidth + self.$refs['routers' + i][0].$el.offsetWidth + (i > 0 ? 10 : 0);
                 }
@@ -519,7 +518,7 @@ export default {
                 attrs: {
                   searchConditionApi: field.actionForSearchLayout,
                   searchDataApi: field.actionForSearch,
-                  apiParam: submitData,
+                  apiParam: field.getActionPara(submitData).para,
                   width: field.dialogWidth + 'px',
                   height: field.dialogHeight + 'px'
                 },

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

@@ -74,8 +74,9 @@
         </el-row>
         <el-row v-if="model.buttons.findIndex((v)=>{return v.show}) > -1" :class="isScroll?'ccai button-absolute':'button-initial'"
                 :style="{'max-width':pageWidth?(pageWidth-20)+'px':'100%'}">
-          <el-col :span="24" style="text-align:center;padding-bottom: 1px;">
-            <component v-for="(btn, index) in model.buttons" :key="index" :is="btn.is" :vmodel="btn" @click="clickHandler" v-if="btn.show"></component>
+          <el-col :span="24" style="text-align:center;padding-bottom: 1px;padding-left: 5px;padding-right: 5px;" class="btnPadBom">
+            <component v-for="(btn, index) in model.buttons" :key="index" :is="btn.is" :vmodel="btn" @click="clickHandler" v-if="btn.show"
+              :style="{'float':btn.isCheckbox ? btn.alignCss:''}"></component>
           </el-col>
         </el-row>
         <div v-if="isScroll" style="height: 34px;"></div>
@@ -124,6 +125,10 @@
         Boolean,
         default: false,
       },
+      drowerClose:{
+        String,
+        default: 'close',
+      },
     },
     data() {
       return {
@@ -147,10 +152,13 @@
       this.setCss();
     },
     updated() {
-      if (this.$el.parentElement.scrollHeight > this.$el.parentElement.clientHeight
-        && this.model && (!this.model.isHorizontalLayout || this.flagScroll)) {
-        this.isScroll = true;
-      }
+      this.$nextTick(() => {
+        let parentDom=this.$el.parentElement;
+        if (parentDom.scrollHeight > parentDom.clientHeight
+          && this.model && (!this.model.isHorizontalLayout || this.flagScroll)) {
+          this.isScroll = true;
+        }
+      });
     },
     methods: {
       init() {
@@ -163,6 +171,9 @@
         this.independentItem.splice(0, this.independentItem.length);
 
         this.$nextTick(function () {
+          if(this.drowerClose && this.drowerClose=='open'){
+            return;
+          }
           if (typeof self.api !== 'undefined') {
             self.loaderObj.Form(self.api, self.load, this.apiParam, self.failLoad);
           }
@@ -337,7 +348,7 @@
                                   self.$common.closeDialog(dialogOption.dialog);
                                   if (data.rtnMsg) {
                                     self.$message({
-                                      message: response.data.rtnMsg,
+                                      message: data.rtnMsg,
                                       type: 'success',
                                       showClose:true,
                                     });
@@ -600,7 +611,7 @@
                               self.$common.closeDialog(dialogOption.dialog);
                               if (data.rtnMsg) {
                                 self.$message({
-                                  message: response.data.rtnMsg,
+                                  message: data.rtnMsg,
                                   type: 'success',
                                   showClose:true,
                                 });
@@ -1096,13 +1107,10 @@
       },
       tabClickHandler(){
         this.$nextTick(() => {
-          if (this.$el.parentElement.scrollHeight > this.$el.parentElement.clientHeight
-          && this.model && (!this.model.isHorizontalLayout || this.flagScroll)) {
-            this.isScroll = true;
-          }
-          else{
-            this.isScroll = false;
-          }
+        });
+      },
+      refreshPage() {
+        this.$nextTick(() => {
         });
       },
     }

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

@@ -25,7 +25,7 @@
       :searchConditionApi="sideBarSearchConditionApi" :searchStatsApi="sideBarSearchStatsApi" :searchDataApi="sideBarSearchDataApi" :listHeight="listHeight"
       :selectIndex="selectIndex" :rowCount="rowCount" :key="detailKey" :drowerClose="drowerClose"
       @clickNextHandler="clickNextHandler" @clickPrevHandler="clickPrevHandler" @simpleRouterclickHandler="simpleRouterclickHandler"
-      @closeSideHandler="closeSideHandler"></ct-Detail>
+      @closeSideHandler="closeSideHandler" @submit="submitHandler"></ct-Detail>
       <ct-SearchSideMenu ref="sideMenu" :sideBarMenuRight="sideBarMenuRight" :sideBarStatus="sideBarStatus" 
       @sideMenuClickHandler="sideMenuClickHandler"></ct-SearchSideMenu>
     </div>
@@ -247,6 +247,7 @@
       },
       tableLoaded() {
         var self = this;
+        this.title=this.$refs.table.model.title;
         if (typeof this.$refs.table.model.cellLayout !== "undefined") {
           this.$refs.screen.LoadLayout();
         }
@@ -274,7 +275,7 @@
             this.selectIndex=-1;
 
             if (typeof window.localStorage !== "undefined" && !this.sideBarStatus) {
-              var tagkey = window.localStorage.getItem(this.sideBarPageType+"key");
+              var tagkey = window.localStorage.getItem(this.sideBarPageType+"key"+this.title);
               this.sideBarStatus=tagkey;
             }
 
@@ -349,7 +350,7 @@
             }
           }
         }
-        window.localStorage.setItem(this.sideBarPageType+"key", this.sideBarStatus);
+        window.localStorage.setItem(this.sideBarPageType+"key"+this.title, this.sideBarStatus);
         this.$refs.table.setTableHeight();
       },
       refreshPage(pageHeight) {
@@ -387,6 +388,9 @@
         this.$emit('submit', tempListData);
         this.$common.closeDialog(this);
       },
+      submitHandler(modelForm,responseData){
+        this.$refs.table.updateCurrentRow({flagFreshCurrentRow:true},{responseData:responseData});
+      },
     },
     beforeDestroy() {
       async function destroyDeep(vnode) {

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

@@ -721,7 +721,7 @@ export default {
           var h1 = this.$refs.searchTable.parentElement.offsetHeight | 0;
           var h2 = this.$refs.searchTable.offsetTop | 0;
           if(this.from && this.from=='detail'){
-            h2=h2-this.screenTop-22;
+            h2=h2-this.screenTop - 13;
           }
           var h3 = this.$refs.toolbar.$el.offsetHeight | 0;
           var h4 = this.$refs.footer.$el.offsetHeight | 0;
@@ -729,7 +729,12 @@ export default {
           var h6 = this.$refs.listFooter.$el.offsetHeight | 0;
           var h7 = this.$refs.tableStats ? (this.$refs.tableStats.$el.offsetHeight + 7) | 0 : 0;
           var h8 = this.$refs.popupButton ? this.$refs.popupButton.offsetHeight + 21 : 0;
-          let tableHeight = h1 - h2 - h3 - h4 - h5 - h6 - h7 - h8 - 8;
+          var h9 = 0
+          if (this.$parent.$parent.$parent.$children[0].$el.classList.contains('el-aside')) {
+            h9 = 4
+          }
+          let tableHeight = h1 - h2 - h3 - h4 - h5 - h6 - h7 - h8 + h9 - 8 ;
+          
           this.model.tableHeight = tableHeight < 40 ? 350 : tableHeight;
           this.$nextTick(() => {
             self.getScrollAttr();
@@ -766,6 +771,8 @@ export default {
               h7 = this.$refs.listHeader.$el.offsetHeight | 0;
             }
             var h8 = this.$refs.tableStats ? (this.$refs.tableStats.$el.offsetHeight + 7) | 0 : 0;
+
+           
             let tableHeight = h1 - h2 - h3 - h4 - h5 - h6 - h7 - h8 - 290 -7;
             if(this.flagAppMode){
               tableHeight = tableHeight + 40;
@@ -1146,16 +1153,14 @@ export default {
                           self.$common.closeDialog(dialogOption.dialog);
                           if (data.rtnMsg) {
                             self.$message({
-                              message: response.data.rtnMsg,
+                              message: data.rtnMsg,
                               type: 'success',
                               showClose:true,
                             });
                           }
-                          if(!field.isExport)
-                          {
+                          if(!field.isExport){
                              self.getPage(1);
-                          }
-                          
+                          }                          
                         },
                         error(data) {
                           self.$common.closeDialog(dialogOption.dialog);
@@ -1278,7 +1283,7 @@ export default {
                     attrs: {
                       searchConditionApi: field.actionForSearchLayout,
                       searchDataApi: field.actionForSearch,
-                      apiParam: submitData,
+                      apiParam: field.getActionPara(submitData).para,
                       width: field.dialogWidth + "px",
                       height: field.dialogHeight + "px",
                       documentHeight: self.documentHeight,
@@ -1309,7 +1314,7 @@ export default {
                     attrs: {
                       searchConditionApi: field.actionForSearchLayout,
                       searchDataApi: field.actionForSearch,
-                      apiParam: submitData,
+                      apiParam: field.getActionPara(submitData).para,
                       width: field.dialogWidth + "px",
                       height: field.dialogHeight + "px",
                     },
@@ -1562,7 +1567,7 @@ export default {
                     attrs: {
                       searchConditionApi: field.actionForSearchLayout,
                       searchDataApi: field.actionForSearch,
-                      apiParam: submitData,
+                      apiParam: field.getActionPara(submitData).para,
                       width: field.dialogWidth + "px",
                       height: field.dialogHeight + "px",
                     },
@@ -1591,7 +1596,7 @@ export default {
                     attrs: {
                       searchConditionApi: field.actionForSearchLayout,
                       searchDataApi: field.actionForSearch,
-                      apiParam: submitData,
+                      apiParam: field.getActionPara(submitData).para,
                       width: field.dialogWidth + "px",
                       height: field.dialogHeight + "px",
                     },
@@ -1748,8 +1753,15 @@ export default {
                 height: '165px'
               },
               on: {
-                finished() {
+                finished(data) {
                   self.$common.closeDialog(dialogOption.dialog);
+                  if (data.rtnMsg) {
+                    self.$message({
+                      message: data.rtnMsg,
+                      type: 'success',
+                      showClose:true,
+                    });
+                  }
                   self.getPage(1);
                 },
                 error(data) {

package/src/centaline/dynamicSearchList/src/dynamicTableStats.vue

@@ -46,7 +46,7 @@
           v-for="(item, index) in showData[0]"
           @click="handleClick($event, item,true)"
         >
-          <ul class="btnTab">
+          <ul class="btnTab" :style="{'width':(index == showData[0].length-1 ? lastWidth + 'px' : '' ),'white-space':(index == showData[0].length-1 ? 'nowrap' : '' )}">
             <li
               :class="[
                 selectStats ==item.fieldName1 + '*' + item.code1 
@@ -82,7 +82,7 @@
             <div
               class="popovertablf"
               v-for="(item, index) in showData[1]"
-              @click="handleClick($event, item,true)"
+              @click="handleClick($event, item,true,1,index)"
             >
               <ul class="popoverbtnTab" style="padding: 0px">
                 <li
@@ -140,6 +140,8 @@ export default {
       selectStats: [],
       data: [],
       showData: [],
+      lastWidth:0,
+      sortData: null,
       option: {
         isHidden: true, //是否开启操作栏隐藏设置，默认开启
         showNum: 3, //如果isHidden为true时，个数大于3就会隐藏，默认是3
@@ -154,10 +156,10 @@ export default {
     var self = this;
     self.showWidth =
       self.$refs.tableStatistics.offsetWidth || document.body.clientWidth;
-    window.onresize = () => {
+      window.addEventListener('resize', function () {
       self.showWidth =
         self.$refs.tableStatistics.offsetWidth || document.body.clientWidth;
-    };
+    });
   },
   methods: {
     load(data) {
@@ -166,12 +168,29 @@ export default {
       self.FlagStatistics = false;
       self.data = data.source.content;
       self.selectVa = "";
-      if (self.data.length > 0) {
-
+ if (self.data.length > 0) {
+        if (self.sortData == null) {
+          self.sortData = {};
+          self.data.forEach((item, index) => {
+            self.sortData[item.fieldName1 + "*" + item.code1] = index;
+            item.sort = index;
+          });
+        }
+        else {
+          self.data.forEach((item, index) => {
+            item.sort = self.sortData[item.fieldName1 + "*" + item.code1];
+          });
+        }
+        self.data.sort(function (a, b) {
+          if (a.sort > b.sort) {
+            return 1; // 交换顺序
+          } else {
+            return -1; // 顺序不变
+          }
+        });
         let i = self.data.findIndex(
           (v) => self.selectStats === v.fieldName1 + "*" + v.code1 
         );
-
         if (i == -1 || self.selectStats == []) {
           self.handleClick(null, self.data[0], false);
         }
@@ -187,13 +206,16 @@ export default {
           var sumWidth = 0;
           for (var i = 0; i < self.data.length; i++) {
             var moreWidth = 20;
-            sumWidth =
-              sumWidth + self.$refs["StatisticsItem" + i][0].offsetWidth;
+            // sumWidth =
+            //   sumWidth + self.$refs["StatisticsItem" + i][0].offsetWidth;
+              sumWidth += self.$refs["StatisticsItem" + i][0].getBoundingClientRect().width;
+              sumWidth = Math.ceil(sumWidth * 100) / 100;
             var nextWidth = 0;
             if (i + 1 < self.data.length) {
               try {
-                nextWidth =
-                  self.$refs["StatisticsItem" + (i + 1)][0].offsetWidth;
+                // nextWidth = self.$refs["StatisticsItem" + (i + 1)][0].offsetWidth;
+                nextWidth = self.$refs["StatisticsItem" + (i + 1)][0].getBoundingClientRect().width;
+                nextWidth = Math.ceil(nextWidth * 100) / 100;
               } catch (e) {}
             } else {
               moreWidth = 0;
@@ -207,6 +229,9 @@ export default {
             }
           }
           if (showIndex > 0) {
+            const ExceptShowIndexWidth = self.$refs["StatisticsItem"+(showIndex)][0].offsetLeft;
+            const preShowIndexWidth =self.$refs["StatisticsItem" + (showIndex-1)][0].getBoundingClientRect().width;
+           self.lastWidth=self.showWidth-ExceptShowIndexWidth + preShowIndexWidth -20;
             self.showData = [
               self.data.slice(0, showIndex),
               self.data.slice(showIndex),
@@ -219,9 +244,9 @@ export default {
         self.$emit("setTableHeight");
       });
     },
-    handleClick(ev, obj, flagRefreshTable) {
+    handleClick(ev, obj, flagRefreshTable,type,index) {
       var self = this;
-      self.selectStats = obj.fieldName1 + "*" + obj.code1 
+      self.selectStats = obj.fieldName1 + "*" + obj.code1 ;
       var fields = self.model.searchData(
         obj.fieldName1,
         obj.code1,
@@ -232,6 +257,14 @@ export default {
         searchData: fields,
       };
       self.$emit("searchStats", model, flagRefreshTable);
+      if (type===1) {
+       let lastItemIndex = self.showData[0].length - 1;
+       let lastItem = self.showData[0][lastItemIndex];
+       self.showData[0][lastItemIndex]=obj;
+       self.showData[1][index]=lastItem;
+       self.sortData[lastItem.fieldName1 + "*" + lastItem.code1]=obj.sort;
+       self.sortData[obj.fieldName1 + "*" + obj.code1]=lastItem.sort;
+      }
     },
     searchStatsComplate(selectItem) {
       var self = this;
@@ -272,7 +305,7 @@ export default {
 .tab-list .btnTab {
   font-size: 14px !important;
   font-weight: bold;
-  padding: 0px 20px 0px 20px;
+  padding: 0px 18px;
   cursor: pointer;
   float: left;
   list-style-type: none;

package/src/centaline/dynamicSearchListTab/src/dynamicSearchListOne.vue

@@ -218,6 +218,7 @@
       },
       tableLoaded() {
         var self = this;
+        this.title=this.$refs.table.model.title;
         if (typeof this.$refs.table.model.cellLayout !== "undefined") {
           this.$refs.screen.LoadLayout();
         }
@@ -242,7 +243,7 @@
             this.selectIndex=-1;
 
             if (typeof window.localStorage !== "undefined" && !this.sideBarStatus) {
-              var tagkey = window.localStorage.getItem(this.sideBarPageType+this.categorySource+"key");
+              var tagkey = window.localStorage.getItem(this.sideBarPageType+this.categorySource+"key"+this.title);
               this.sideBarStatus=tagkey;
             }
 
@@ -316,7 +317,7 @@
             }
           }
         }
-        window.localStorage.setItem(this.sideBarPageType+this.categorySource+"key", this.sideBarStatus);
+        window.localStorage.setItem(this.sideBarPageType+this.categorySource+"key"+this.title, this.sideBarStatus);
         this.$refs.table.setTableHeight();
       },
       closeSideHandler() {