centaline-data-driven 1.2.29 → 1.2.32

package/package.json

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

package/src/centaline/css/common.css

@@ -780,3 +780,6 @@ html {
 .current-row .el-table__cell .el-input-group__prepend{
   min-width: 0!important;
 }
+.list-button .max-btn-add{
+  width: 85px;
+}

package/src/centaline/css/max.css

@@ -47,7 +47,6 @@
     height: 26px;
     background: #EE6B6B;
     border-color:#EE6B6B;
-    width: 85px;
     box-shadow: 0px 2px 4px 0px rgba(238,107,107,0.25);
     border-radius: 6px;
 }

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

@@ -33,6 +33,8 @@
                     :rowspan="column.rowspan"
                     :colspan="column.colspan"
                     :class="[colHasWidth[colIndex],column.sortAction,model.tdClass,
+                    rowBorderLeftColumns.includes(column.id)?'ct-td4':null,
+                    rowBorderRightColumns.includes(column.id)?'ct-td5':null,
                     colIndex === leftShadow?'shadowLeft':null,
                     colIndex === rightShadow?'shadowRight':null,
                     column.fixed === 'left'?'left-fixation-th':null,
@@ -66,7 +68,11 @@
                     :colspan="tdColspan(column, row)"
                     class="ct-td"
                     :class="[colHasWidth[colIndex],model.tdClass,
-                    row.flagRow?'ct-td3':null,
+                    //row.flagRow && row.columnShow===column.id?'ct-td3':null,
+                    rowBorderLeftColumns.includes(column.id)?'ct-td4':null,
+                    rowBorderRightColumns.includes(column.id)?'ct-td5':null,
+                    model.rowHiddenKeyData.indexOf(row[model.rowHiddenKey])%2?'ct-tdDouble':'ct-tdSingle',
+                    selectKey===row[model.rowHiddenKey]?'select':null,
                     colIndex === leftShadow?'shadowLeft':null,
                     colIndex === rightShadow?'shadowRight':null,
                     column.fixed === 'left'?'left-fixation':null,
@@ -74,8 +80,8 @@
                     column.fixed === 'right'?'right-fixation':null]"
                     v-bind="column.attrs">
                   <!--操作列-->
-                  <div v-if="row.flagRow" :class="column.autoRowHeight ? 'lineFeedCell':'cell'">
-                    {{row.descNewRow}}
+                  <div v-if="row.flagRow" :class="column.autoRowHeight ? 'lineFeedCell':'cell'" style="color: #999;">
+                    {{row.rowHiddenColumns && row.rowHiddenColumns.includes(column.id)?"":row.descNewRow}}
                   </div>
                   <div v-else-if="column.id==='operation' && row.rowHiddenColumns==undefined" class="div_allinline" :class="column.autoRowHeight ? 'lineFeedCell':'cell'">
                     <ct-tablecurrency v-for="(router,rowRouterIndex) in model.rowRouter" :key="rowRouterIndex" 
@@ -125,6 +131,10 @@
         colHasWidth: {},//有无列宽集合
         pageRowMin: 0,//页面实际的第一行号
         pageRowMax: 100,//页面实际的第后行号   
+        rowMergedColumns:['contactNameDesc','propertyIdentityTypeID','operation'],
+        rowBorderLeftColumns:['contactNameDesc','operation'],
+        rowBorderRightColumns:['propertyIdentityTypeID','operation'],
+        selectKey:'',
       }
     },
     mounted() {    
@@ -178,7 +188,8 @@
           });
         router.doSearch(submitData, (res) => {
           if (res.rtnCode === 200) {
-            res.apiRouter=self.apiRouter;
+            res.apiRouter=self.apiRouter;            
+            res.rowMergedColumns=self.rowMergedColumns;
             self.loaderObj.ContactList(res,null,self.load);
             self.flagLook = true;
           }
@@ -202,19 +213,21 @@
       },
       rowColorChange() {
         var index = this.model.selectIndex;
-        if (typeof this.$refs['rows.' + index] !== "undefined" && this.currentRow !== this.$refs['rows.' + index][0]) {
-          if (this.currentRow !== null) {
-            for (var i = 0; i < this.currentRow.children.length; i++) {
-              this.currentRow.children[i].classList.remove('select');
-            }
-          }
-          if (this.$refs['rows.' + index][0]) {
-            for (var j = 0; j < this.$refs['rows.' + index][0].children.length; j++) {
-              this.$refs['rows.' + index][0].children[j].classList.add('select');
-            }
-          }
-          this.currentRow = this.$refs['rows.' + index][0] || null;
-        }
+        this.selectKey=this.model.listData[index][this.model.rowHiddenKey];
+        this.currentRow = this.$refs['rows.' + index][0] || null;
+        // if (typeof this.$refs['rows.' + index] !== "undefined" && this.currentRow !== this.$refs['rows.' + index][0]) {
+        //   if (this.currentRow !== null) {
+        //     for (var i = 0; i < this.currentRow.children.length; i++) {
+        //       this.currentRow.children[i].classList.remove('select');
+        //     }
+        //   }
+        //   if (this.$refs['rows.' + index][0]) {
+        //     for (var j = 0; j < this.$refs['rows.' + index][0].children.length; j++) {
+        //       this.$refs['rows.' + index][0].children[j].classList.add('select');
+        //     }
+        //   }
+        //   this.currentRow = this.$refs['rows.' + index][0] || null;
+        // }
       },
       tdRowspan(column, row) {
         if (!column.show) {
@@ -222,17 +235,16 @@
         }
 
         //合并行
-        if (row.$rowspan !== 0 && this.model.rowMergedColumns.indexOf(column.id) > -1) {
+        if (row.$rowspan !== 0 && this.rowMergedColumns.includes(column.id)) {
           return row.$rowspan;
         }
 
         return '';
       },
       tdColspan(column, row) {
-        if (row.colspan !== 0) {
+        if (row.colspan !== 0 && row.columnShow===column.id) {
           return row.colspan;
         }
-        return '';
       },
       tdShow(column, row) {
         if (!column.show) {
@@ -240,11 +252,11 @@
         }
 
         //合并行
-        if (row.$rowspan === 0 && this.model.rowMergedColumns.indexOf(column.id) > -1) {
+        if (row.$rowspan === 0 && this.rowMergedColumns.indexOf(column.id) > -1) {
           return false;
         }
 
-        if(row.flagRow && row.columnShow!==column.id){
+        if(row.flagRow && row.columnShow!==column.id && !row.rowHiddenColumns.includes(column.id)){
           return false;
         }
 
@@ -489,11 +501,12 @@
 
 .ct-tableParent {
     overflow: auto;
-    border-bottom: 1px solid #ebeef5;
+    border-bottom: 0px;
     width: 100%;
     outline: 0;
+    padding: 0px;
   }
-  .ct-searchtable .ct-table {
+.ct-searchtable .ct-table {
     min-width: 100%;
     border-collapse: separate;
   }
@@ -519,6 +532,18 @@
   .ct-searchtable .ct-tr > .ct-td3 {
     border: 1px solid #e7e8eb;
   }
+  .ct-searchtable .ct-tr > .ct-td4 {
+    border-left: 1px solid #e7e8eb;
+  }
+  .ct-searchtable .ct-tr > .ct-td5 {
+    border-right: 1px solid #e7e8eb;
+  }
+  .ct-searchtable .ct-tr > .ct-tdSingle {
+    background-color: rgb(255 243 244);
+  }
+  .ct-searchtable .ct-tr > .ct-tdDouble {
+    background-color: rgb(239 255 239);
+  }
   .shadowLeft {
     border-right: 1px solid #e7e8eb;
     box-shadow: 2px 0 3px -1px rgba(0,0,0,0.1);

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

@@ -26,7 +26,7 @@
                :class="['ct-table',model.attrs.size?'ct-table-'+model.attrs.size:'']">
           <!--表头-->
           <thead ref="tableHead">
-            <tr class="ct-tr" ref="headTr" v-for="(columns,columnsIndex) in model.columnsArr">
+            <tr class="ct-tr" ref="headTr" v-for="(columns,columnsIndex) in model.columnsArr" :key="columnsIndex">
               <th v-if="model.isMulti && columnsIndex === 0" ref="headLeftThs" class="ct-td left-fixation-th checkbox-td" :class="[model.tdClass]">
                 <label class="el-checkbox"><span class="el-checkbox__input" :class="model.selectAllType">
                   <span class="el-checkbox__inner"></span>
@@ -37,7 +37,7 @@
 
                 
               </th>
-              <th :ref="column.fixed?(column.fixed==='left'?'headLeftThs':'headRightThs'):'headThs'" v-for="(column,colIndex) in columns"
+              <th :ref="column.fixed?(column.fixed==='left'?'headLeftThs':'headRightThs'):'headThs'" v-for="(column,colIndex) in columns" :key="colIndex"
                   v-if="column.show" class="ct-td ct-searchtable-th"
                   :rowspan="column.rowspan"
                   :colspan="column.colspan"
@@ -75,7 +75,7 @@
               </td>
             </tr>-->
             <!--可视区域的行数据-->
-            <tr v-for="(row,rowindex) in model.listData"
+            <tr v-for="(row,rowindex) in model.listData" :key="rowindex"
                 v-if="pageRowMin <= rowindex && rowindex <= pageRowMax"
                 :ref="'rows.'+rowindex" @click="rowClickHandle($event,rowindex)"
                 class="ct-tr"
@@ -89,7 +89,7 @@
               </label>
               </td>
               <td :ref="column.fixed?(column.fixed==='left'?'headLeftTds':'headRightTds'):null"
-                  v-for="(column,colIndex) in model.dataFieldcolumns"
+                  v-for="(column,colIndex) in model.dataFieldcolumns" :key="colIndex"
                   v-if="tdShow(column, row)"
                   :rowspan="tdRowspan(column, row)"
                   class="ct-td"

package/src/centaline/dynamicSosTt/src/dynamicSosTt.vue

@@ -7,35 +7,40 @@
           <div v-if="model.showLabel && model.label" class="el-input-group__prepend" :class="[model.labelClass]">
             {{model.label}}
           </div>
-          <el-popover ref="pop" placement="bottom-start" v-model="showDrop" :class="[model.showLabel?'showLabel':'']" :trigger="(!model.paramName || model.lock)? 'manual' : 'click'">
-            <div>
-              <div>
-                <el-input ref="searchInput" :size="model.attrs.size" suffix-icon="el-icon-search" v-model="searchText" @input="searchInputHandle"></el-input>
-              </div>
-              <ctSelectOptionVertical :model="model" @click="selectOption($event)"></ctSelectOptionVertical>
+          <div class="ct-sostt">
+            <div  :class="[model.w1=='0'?'ct-input-editor':'ct-input-editorw']" :style="{'width':(model.w1!='0'?model.w1+'px':'auto')}">
+              <el-popover ref="pop" placement="bottom-start" v-model="showDrop" :class="[model.showLabel?'showLabel':'']" :trigger="(!model.paramName || model.lock)? 'manual' : 'click'">
+                <div>
+                  <div>
+                    <el-input ref="searchInput" :size="model.attrs.size" suffix-icon="el-icon-search" v-model="searchText" @input="searchInputHandle"></el-input>
+                  </div>
+                  <ctSelectOptionVertical :model="model" @click="selectOption($event)"></ctSelectOptionVertical>
+                </div>
+                <input slot="reference" v-bind="model.attrs" readonly="readonly" v-model="model.text" :placeholder="soPlaceholder"
+                       ref="ct-input" :style="{height:inputHeight + 'px','line-height':inputLineHeight + 'px'}"
+                       @focus="focusHandle" @blur="blurHandle" @click="clickHandle" @input="inputHandler($event)" @change="changeHandler($event)"
+                       :disabled="model.lock" :class="model.lock ? 'ct-is-disabled' : 'ct-input_inner'" />
+              </el-popover>
+              <span v-if="!model.lock" class="el-input__suffix" @click="clickHandle" :class="[model.attrs.size?'el-input--'+model.attrs.size:'']">
+                <span v-if="showClear === false" class="el-input__suffix-inner">
+                  <i class="el-select__caret el-input__icon el-icon-arrow-up" :class="{'is-reverse':showDrop}"></i>
+                </span>
+                <span v-if="showClear === true" class="el-input__suffix-inner ct-close">
+                  <i class="el-select__caret el-input__icon el-icon-circle-close is-show-close" @click="clearClickHandle($event)"></i>
+                </span>
+              </span>
             </div>
-            <input slot="reference" v-bind="model.attrs" readonly="readonly" v-model="model.text" :placeholder="soPlaceholder"
-                   ref="ct-input" :style="{height:inputHeight + 'px','line-height':inputLineHeight + 'px'}"
-                   @focus="focusHandle" @blur="blurHandle" @click="clickHandle" @input="inputHandler($event)" @change="changeHandler($event)"
-                   :disabled="model.lock" :class="model.lock ? 'ct-is-disabled' : 'ct-input_inner'" />
-          </el-popover>
-          <span v-if="!model.lock" class="el-input__suffix" @click="clickHandle" :class="[model.attrs.size?'el-input--'+model.attrs.size:'']">
-            <span v-if="showClear === false" class="el-input__suffix-inner">
-              <i class="el-select__caret el-input__icon el-icon-arrow-up" :class="{'is-reverse':showDrop}"></i>
-            </span>
-            <span v-if="showClear === true" class="el-input__suffix-inner ct-close">
-              <i class="el-select__caret el-input__icon el-icon-circle-close is-show-close" @click="clearClickHandle($event)"></i>
-            </span>
-          </span>
+            <div class="ml10" :class="[model.w2=='0'?'ct-input-editor':'ct-input-editorw']" :style="{'width':(model.w2!='0'?model.w2+'px':'auto')}">
+              <el-input :title="model.lock?model.value1:''" :type="model.inputType" v-model="model.value1" v-bind="model.attrs" @input="inputHandler($event);isShowClear()" @change="changeHandler($event)"
+                        class="ct-flex-div-input max-input" :class="[model.showLabel?'showLabel':'',!valid?'inputError':'']" :disabled="model.lock" :rows="model.rows"
+                        :readonly="model.readonly" :show-password="model.isPassword" autocomplete="on" :maxlength="model.max" :show-word-limit="model.showWordLimit"
+                        @keyup.enter.native="search()">
+              </el-input>
+            </div>
+          </div>
         </div>
       </div>
-      <div style="width:40%; margin-left:10px;">
-        <el-input :title="model.lock?model.value1:''" :type="model.inputType" v-model="model.value1" v-bind="model.attrs" @input="inputHandler($event);isShowClear()" @change="changeHandler($event)"
-                  class="ct-flex-div-input max-input" :class="[model.showLabel?'showLabel':'',!valid?'inputError':'']" :disabled="model.lock" :rows="model.rows"
-                  :readonly="model.readonly" :show-password="model.isPassword" autocomplete="on" :maxlength="model.max" :show-word-limit="model.showWordLimit"
-                  @keyup.enter.native="search()">
-        </el-input>
-      </div>
+     
       <span v-if="model.sufLabel" class="spanMessage ct-flex-div-span">{{model.sufLabel}}</span>
       <transition name="el-fade-in">
         <span v-show="!valid" class="errorMessage">
@@ -243,7 +248,8 @@
       },
       //不能共用的数据校验
       selfValidExcute: function (eventName) {
-        if (this.required == true && this.model.value1 == "") {
+        if (this.model.required && this.model.value1 == "") {
+          this.validMessage = "必填";
           this.valid = false;
           return false;
         }
@@ -280,4 +286,27 @@
 .h26{
   height: 26px;
 }
+  .ct-so .ct-sostt {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+    .ct-so .ct-sostt .ct-input-editor {
+      flex: 1 0 0;
+      position: relative;
+    }
+    .ct-so .ct-sostt .ct-input-editorw {
+      position: relative;
+      display:inline-block;
+    }
+
+    .ct-so .ct-sostt .ml10 {
+    margin-left:10px;
+    }
+  .ct-sostt .showLabel input {
+    border-top-left-radius: 4px !important;
+    border-bottom-left-radius: 4px !important;
+    text-align: left !important;
+  }
 </style>

package/src/centaline/loader/src/ctl/ContactList.js

@@ -15,13 +15,16 @@ const ContactList = function (source,para ,callBack) {
       _columns: [],
       _columnsArr: [],
       _dataFieldcolumns: [],
+      _dataFieldcolumnsShow: [],
       _listData: [],
       _scripts: null,
       isMergeTitle: false,//是否合并标题    
       selectIndex: 0,
       formData: formData,
       rowHiddenKey:'contactID',
-      rowHiddenColumns:['contactName','propertyIdentityTypeID'],
+      rowHiddenColumns:['contactNameDesc','propertyIdentityTypeID'],
+      columnShow:'contactNoTypeDesc',
+      rowHiddenKeyData:[],
       attrs: {
         size: 'mini'
       },
@@ -90,8 +93,8 @@ const ContactList = function (source,para ,callBack) {
                   var newRow = {};
                   newRow[rtn.rowHiddenKey]=v[rtn.rowHiddenKey];
                   newRow.descNewRow = v.descNewRow;
-                  newRow.colspan = rtn.dataFieldcolumns.length;
-                  newRow.columnShow=rtn.dataFieldcolumns[0].id;
+                  newRow.colspan = rtn.dataFieldcolumnsShow.length-rtn.rowMergedColumns.length;
+                  newRow.columnShow=rtn.columnShow;
                   newRow.flagRow=true;
                   rtn._listData.push(newRow);
               }
@@ -100,6 +103,11 @@ const ContactList = function (source,para ,callBack) {
         }
         return rtn._listData;
       },
+      set listData(v) {
+        if (v) {
+          rtn._listData=v;
+        }
+      },
       get columns() {
         var self = this;
         if (self._columns.length > 0) {
@@ -281,9 +289,23 @@ const ContactList = function (source,para ,callBack) {
           self._dataFieldcolumns = arr;
           return self._dataFieldcolumns;
         }
+      },      
+      get dataFieldcolumnsShow() {
+        var self = this;
+        if (self._dataFieldcolumnsShow.length > 0) {
+          return self._dataFieldcolumnsShow;
+        }
+        else {
+          var arr = self.columns.filter(v => {
+            return v.isDataField !== false && v.show
+          });
+
+          self._dataFieldcolumnsShow = arr;
+          return self._dataFieldcolumnsShow;
+        }
       },
       get rowMergedColumns() {
-        return source.content.rowMergedColumns || [];
+        return source.rowMergedColumns || [];
       },
       get apiRouter() {
         return source.apiRouter;
@@ -291,13 +313,14 @@ const ContactList = function (source,para ,callBack) {
       getCurrentRowApiData(rtnData,router) {
         var self = this;
         var searchFields = self.apiRouter.getSearchPara();
+        var searchValue1=router.flagAddRowAfterAction? rtnData.content: rtn.listData[rtn.selectIndex][self.primaryKey];
         if (self.primaryKey) {
           searchFields.fields.push({
             fieldName1: self.primaryFieldMappingDBName ? self.primaryFieldMappingDBName : self.primaryKey,
             groupName: self.primaryKey,
             operation: Enum.SearchOperation.等于,
             searchDataType: Enum.SearchDataType.Text,
-            searchValue1: router.flagAddRowAfterAction? rtnData.content: rtn.listData[rtn.selectIndex][self.primaryKey],
+            searchValue1: searchValue1,
           });
         }
         Vue.prototype.$api.postHandler(common.globalUri(), {
@@ -312,26 +335,10 @@ const ContactList = function (source,para ,callBack) {
           if (response.rtnCode === Enum.ReturnCode.Successful) {
             if (response.content.rows.length > 0) {
               if(router.flagAddRowAfterAction){
-                response.content.rows.forEach((v) => {
-                  if(v.descNewRow){
-                    var newRow = {};
-                    newRow[rtn.rowHiddenKey]=v[rtn.rowHiddenKey];
-                    newRow.descNewRow = v.descNewRow;
-                    newRow.colspan = rtn.dataFieldcolumns.length;
-                    newRow.columnShow=rtn.dataFieldcolumns[0].id;
-                    newRow.flagRow=true;
-                    rtn._listData.unshift(newRow);
-                  }
-                  rtn._listData.unshift(v);
-                });
-                rtn.setHiddenRow();
+                rtn.doNew(response.content.rows);   
               }
               else{
-                // response.content.rows.forEach((row) => {
-                //   for (var vkey in row) {
-                //     rtn.dataDictionary[row[rtn.primaryKey]][vkey] = row[vkey];
-                //   }
-                // });
+                rtn.doUpdate(response.content.rows,searchValue1);
               }
             }
           }
@@ -367,27 +374,12 @@ const ContactList = function (source,para ,callBack) {
               break;
             case Enum.ActionType.New://新增
             case Enum.ActionType.CloseTabThenNew://新增  
-              response.content.forEach((v) => {
-                if(v.descNewRow){
-                  var newRow = {};
-                  newRow[rtn.rowHiddenKey]=v[rtn.rowHiddenKey];
-                  newRow.descNewRow = v.descNewRow;
-                  newRow.colspan = rtn.dataFieldcolumns.length;
-                  newRow.columnShow=rtn.dataFieldcolumns[0].id;
-                  newRow.flagRow=true;
-                  rtn._listData.unshift(newRow);
-                }
-                rtn._listData.unshift(v);
-              });
-              rtn.setHiddenRow();
+              rtn.doNew(response.content);              
               break;
             case Enum.ActionType.Update://修改
             case Enum.ActionType.CloseTabThenUpdate://修改
-              response.content.forEach((row) => {
-                for (var vkey in row) {
-                  rtn.dataDictionary[row[rtn.primaryKey]][vkey] = row[vkey];
-                }
-              });
+              var searchValue1=rtn.listData[rtn.selectIndex][self.primaryKey];
+              rtn.doUpdate(response.content,searchValue1);
               break;
             default:
               break;
@@ -395,6 +387,63 @@ const ContactList = function (source,para ,callBack) {
         }
         rtn.$vue.$forceUpdate();
       },
+      doNew(data){
+        data.forEach((v) => {
+          if(v.descNewRow){
+            var newRow = {};
+            newRow[rtn.rowHiddenKey]=v[rtn.rowHiddenKey];
+            newRow.descNewRow = v.descNewRow;
+            newRow.colspan = rtn.dataFieldcolumnsShow.length-rtn.rowMergedColumns.length;
+            newRow.columnShow=rtn.columnShow;
+            newRow.flagRow=true;
+            rtn._listData.unshift(newRow);
+          }
+          rtn._listData.unshift(v);
+        });
+        rtn.setHiddenRow();
+      },
+      doUpdate(data,searchValue1){
+        let updateData=[];
+        data.forEach((v) => {
+          updateData.push(v);
+          if(v.descNewRow){
+            var newRow = {};
+            newRow[rtn.rowHiddenKey]=v[rtn.rowHiddenKey];
+            newRow.descNewRow = v.descNewRow;
+            newRow.colspan = rtn.dataFieldcolumnsShow.length-rtn.rowMergedColumns.length;
+            newRow.columnShow=rtn.columnShow;
+            newRow.flagRow=true;
+            updateData.push(newRow);
+          }
+        });
+        let strat=-1;
+        let count=0;
+        rtn._listData.forEach((v,i) => {
+          if(v[rtn.rowHiddenKey]===searchValue1){
+            if(strat===-1)strat=i;
+            count=count+1;
+          }
+        });
+        if(updateData.length===1){
+          rtn._listData.splice(strat, count,updateData[0]);
+        }        
+        else if(updateData.length===2){
+          rtn._listData.splice(strat, count,updateData[0],updateData[1]);
+        }       
+        else if(updateData.length===3){
+          rtn._listData.splice(strat, count,updateData[0],updateData[1],updateData[2]);
+        }       
+        else if(updateData.length===4){
+          rtn._listData.splice(strat, count,updateData[0],updateData[1],updateData[2],updateData[3]);
+        }       
+        else if(updateData.length===5){
+          rtn._listData.splice(strat, count,updateData[0],updateData[1],updateData[2],updateData[3],updateData[4]);
+        }       
+        else if(updateData.length===6){
+          rtn._listData.splice(strat, count,updateData[0],updateData[1],updateData[2],updateData[3],updateData[4],updateData[5]);
+        }
+        rtn.setHiddenRow();
+      },
       get scripts() {
         if (rtn._scripts !== null) {
           return rtn._scripts;
@@ -430,19 +479,35 @@ const ContactList = function (source,para ,callBack) {
           return;
         }
         let lastKey='';
+        let count=1;
+        let firstIndex=0;
+        rtn.rowHiddenKeyData=[];
         for (let i = 0; i < rtn.listData.length; i++) {
+          if(!rtn.rowHiddenKeyData.includes(rtn.listData[i][rtn.rowHiddenKey])){
+            rtn.rowHiddenKeyData.push(rtn.listData[i][rtn.rowHiddenKey])
+          }
+          rtn.listData[i].$rowspan=0;
           if(lastKey){
             if(rtn.listData[i][rtn.rowHiddenKey]){
               if(rtn.listData[i][rtn.rowHiddenKey]===lastKey){
                 rtn.listData[i].rowHiddenColumns=rtn.rowHiddenColumns;
+                count++;
+                if(i===rtn.listData.length-1){
+                  rtn.listData[firstIndex].$rowspan=count;
+                }
               }
               else{
+                rtn.listData[firstIndex].$rowspan=count;
                 lastKey=rtn.listData[i][rtn.rowHiddenKey];
+                count=1;
+                firstIndex=i;
               }
             }
           }
           else{
             lastKey=rtn.listData[i][rtn.rowHiddenKey];
+            count=1;
+            firstIndex=i;
           }
         }
       },

package/src/centaline/loader/src/ctl/SosTt.js

@@ -22,6 +22,22 @@ const SosTt = function (source, moreActionRouter) {
         source.name1 = v;
       }
     },
+    get w1() {
+      if (typeof source.width1 !== 'undefined' && source.width1 != "0") {
+        return source.width1;
+      }
+      else {
+        return '0';
+      }
+    },
+    get w2() {
+      if (typeof source.width2 !== 'undefined' && source.width2 != "0") {
+        return source.width2;
+      }
+      else {
+        return '0';
+      }
+    },
     get optionColCount() {
       return parseInt(source.optCount) || 5;
     },