centaline-data-driven 1.4.93 → 1.4.95

package/src/centaline/dynamicFile/src/dynamicFile.vue

@@ -731,8 +731,8 @@
   }
  
 .browseDefault .el-radio__input.is-checked .el-radio__inner {
-    border-color: #409eff ;
-    background: #409eff ;
+    border-color: var(--centalineBlue) ;
+    background: var(--centalineBlue) ;
 }
   
   .ct-file .cover-list-item-play{

package/src/centaline/dynamicIti/src/dynamicIti.vue

@@ -164,7 +164,7 @@ span.ct-unitname.el-input__suffix.el-input__suffix-inner {
   top:0;
 }
 .hoverColor:hover {
-  border-color: #409EFF;
+  border-color: var(--centalineBlue);
 }
 .is-show-Span {
   display: none;

package/src/centaline/dynamicLayout/src/dynamicLayoutLabel.vue

@@ -50,7 +50,7 @@
     padding-left: 0px;
     padding-right: 4px;
     cursor: pointer;
-    color: #388cd3;
+    color: #2E58E6;
   }
 
     .ct-tablecurrencyItem:hover {

package/src/centaline/dynamicMo/src/dynamicMo.vue

@@ -379,11 +379,11 @@
       }
 
     .ct-mo.isfocus .ct-input_inner:hover {
-      border-color: #409EFF; /*border-color:#c0c4cc*/
+      border-color: var(--centalineBlue); /*border-color:#c0c4cc*/
     }
 
     .ct-mo.isfocus .ct-input_inner {
-      border-color: #409EFF;
+      border-color: var(--centalineBlue);
     }
 
     .ct-mo .el-input__suffix {
@@ -392,7 +392,7 @@
     }
 
     .ct-mo .el-select__caret {
-      color: #c0c4cc;
+      color: #BBBBBB;
       font-size: inherit;
       -webkit-transition: -webkit-transform .3s;
       transition: -webkit-transform .3s;

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

@@ -92,7 +92,7 @@
   .ct-searchcategory .el-input-group__prepend{
     text-align: left;
     padding-left: 0px!important;
-    color: #ee6b6b !important;
+    color: var(--chinaRed) !important;
     font-weight: Bold;
     text-shadow: 0 2px 2px rgb(121 0 4 / 10%);
     font-size: 16px;
@@ -118,12 +118,18 @@
   }
 .ct-searchcategory .el-radio-button__orig-radio:checked+.el-radio-button__inner {
   color: #FFF;
-  background-color: #EE6B6B;
-  border-color: #EE6B6B;
-  -webkit-box-shadow: -1px 0 0 0 #EE6B6B;
-  box-shadow: -1px 0 0 0 #EE6B6B;
+  background-color: var(--chinaRed);
+  border-color: var(--chinaRed);
+  -webkit-box-shadow: -1px 0 0 0 var(--chinaRed);
+  box-shadow: -1px 0 0 0 var(--chinaRed);
+font-weight: 700;
+font-size: 14px;
+}
+.ct-searchcategory .el-radio-button__inner{
+font-size: 14px;
+color: var(--centalineBlack); 
 }
 .ct-searchcategory .el-radio-button__inner:hover {
-    color: #EE6B6B;
+    color: var(--chinaRed);
 }
 </style>

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

@@ -144,9 +144,8 @@
 
                 <!--可点击的列-->
                 <template v-else-if="column.router">                  
-                  <div v-if="column.router.rightField && row[column.router.rightField] === 0"></div>
-                  <ct-tablecurrency v-else 
-                    :ref="'router' + column.router.id + rowindex"
+                  <div v-if="column.router.rightField && row[column.router.rightField] === 0" v-html="row[column.id]"></div>
+                  <ct-tablecurrency v-else :ref="'router' + column.router.id + rowindex"
                     :rowindex="rowindex" :align="column.attrs.align"
                     :class="column.autoRowHeight ? 'lineFeedCell' : 'cell'" :router="column.router"
                     :colValue="row[column.id]" :rowData="row" @click="rolRouterClickHandler">
@@ -1832,7 +1831,7 @@ export default {
 }
 
 .ct-searchtable .ct-table th {
-  background-color: #f4f7fa !important;
+  background-color: #F1F2F4 !important;
 }
 
 .ct-searchtable .ct-tr>.ct-td {
@@ -1843,6 +1842,7 @@ export default {
   padding: 2px 20px;
   cursor: default;
   background-color: #ffffff;
+  color: var(--centalineBlack);
 }
 
 .ct-searchtable .ct-tr>.ct-td1 {
@@ -1880,7 +1880,7 @@ export default {
 }
 
 .ct-table {
-  color: #606266;
+  color: #1F2233;
   font-size: 18px;
   line-height: 40px;
   min-height: 40px;

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

@@ -280,12 +280,12 @@ export default {
 
 .tab-list .btnTab:hover,
 .tab-list .tablf:hover {
-  color: #ee5d56;
+  color: var(--chinaRed);
 }
 
 .tab-list .popoverbtnTab:hover,
 .tab-list .popovertablf:hover {
-  color: #ee5d56;
+  color: var(--chinaRed);
 }
 
 .tab-list .tabl-el {
@@ -325,15 +325,15 @@ export default {
 }
 
 .tab-list .active {
-  color: #ee5d56 !important;
+  color: var(--chinaRed) !important;
   /* border-bottom-right-radius: 12px !important; */
   /* border-top-right-radius: 11px; */
   width: 20px;
-  border-bottom: #ee5d56 solid 3px;
+  border-bottom: var(--chinaRed) solid 3px;
 }
 
 .tab-list .activecolor {
-  color: #ee5d56 !important;
+  color: var(--chinaRed) !important;
 }
 
 .tab-list .btnTab span,
@@ -342,7 +342,7 @@ export default {
 }
 
 .tab-list .icon-more {
-  color: #ee5d56;
+  color: var(--chinaRed);
   font-size: 20px;
   font-weight: 900;
   display: inline-block;

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

@@ -25,7 +25,7 @@ export default {
 </script>
 <style>
 .ct-table-tip {
-  color: #606266;
+  color: var(--centalineBlack);
   font-size: 18px;
   line-height: 40px;
   min-height: 40px;

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

@@ -0,0 +1,372 @@
+<template>
+  <div ref="main" style="width: 100%;height: 100%;display: flex;" :class="{'domDisabled':pageDisabled}">
+    <div class="ct-search-list" :style="{'height': pageHeight? pageHeight:'100%','width':searchWidth?searchWidth+'px':'100%'}" >
+      <ct-searchscreen ref="screen" :api="searchConditionApi" :key="reloadKeyScreen"
+      @loaded="screenLoaded" :screenPara="screenPara" 
+      :categoryLoaded="loaded.categoryLoaded" @search="search()" @saveShortcut="saveShortcut" 
+      @showTitle="showTitleScreenHandler"></ct-searchscreen>
+
+      <ct-searchtable ref="table" :api="searchDataApi" :searchStatsApi="searchStatsApi" :from="from" :isIframe="isIframe" :documentHeight="documentHeight" 
+      @loaded="tableLoaded" :documentWidth="documentWidth" :flagPopupSearchlist="flagPopupSearchlist" :screenTop="screenTop" :flagAppMode="flagAppMode"
+      @toolbarClick="toolbarClickHandler" @refreshParent="refreshParentHandler"  :key="reloadKeyTable" @searchComplate="searchComplate" 
+      @rowClickHandle="rowClickHandle" @scrollHandle="scrollHandle" @refreshRowHandle="refreshRowHandle" @doClosePopoverHandle="doClosePopoverHandle" 
+      @showTitle="showTitleHandler" @popupClickHandler="popupClickHandler"></ct-searchtable>      
+    </div>
+    <div ref="sidebar" v-if="flagSideBar && flagSideBarOfData" 
+    :style="{'height': pageHeight? pageHeight:'100%','width':sideBarWidth+'px',right:sideBarRight+'px'}" 
+    class="sidebar">
+      <ct-Detail ref="detail" :api="sideBarApi" :apiParam="sideBarApiParam" :pageType="sideBarPageType" 
+      :selectIndex="selectIndex" :rowCount="rowCount" :key="detailKey" :drowerClose="drowerClose"
+      @clickNextHandler="clickNextHandler" @clickPrevHandler="clickPrevHandler" @simpleRouterclickHandler="simpleRouterclickHandler"
+      @closeSideHandler="closeSideHandler"></ct-Detail>
+      <ct-SearchSideMenu ref="sideMenu" :sideBarMenuRight="sideBarMenuRight" :sideBarStatus="sideBarStatus" 
+      @sideMenuClickHandler="sideMenuClickHandler"></ct-SearchSideMenu>
+    </div>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  import dynamicSearchScreen from '../../dynamicSearchList/src/dynamicSearchScreen.vue';
+  import dynamicSearchTable from '../../dynamicSearchList/src/dynamicSearchTable.vue';
+  import dynamicSearchSideMenu from '../../dynamicSearchList/src/dynamicSearchSideMenu.vue';
+  import progress from '../../progress/src/progress.vue';
+  export default {
+    name: 'ct-searchlist',
+    mixins: [dynamicElement],
+    components: {
+      'ct-searchscreen': dynamicSearchScreen,
+      'ct-searchtable': dynamicSearchTable,
+      'ct-progress': progress,
+      'ct-SearchSideMenu': dynamicSearchSideMenu,
+      'ct-Detail': ()=>import('../../dynamicDetail/src/dynamicDetail.vue'),
+    },
+    props: {
+      vmodel: Object,
+      searchCategoryApi: String,
+      searchConditionApi: String,
+      searchDataApi: String,
+      searchStatsApi: String,
+      pageHeight: String,
+      flagAppMode:Boolean,
+      apiParam: {
+        type: Object,
+        default: () => { }
+      },
+      from: {
+        String,
+        default:'searchlist'
+      },
+      documentHeight:{
+        String,
+        default: 'auto',
+      },
+      documentWidth:{
+        String,
+        default: 'auto',
+      },
+      flagPopupSearchlist:{
+        Boolean,
+        default:false,
+      },
+    },
+    created() {
+      this.model = this.vmodel;
+      this.screenPara=this.apiParam;
+      if(this.searchCategoryApi){
+        this.loaded.categoryLoaded=false;
+      }
+      if(this.apiParam && this.apiParam.isIframe && this.apiParam.isIframe=='true'){
+        this.isIframe=true;
+      }
+    },
+    computed: {
+    },
+    activated() {
+      this.$nextTick(() => {
+        if(this.$refs.detail){
+          if(this.$refs.detail.$children && this.$refs.detail.$children.length>0){
+            this.$refs.detail.$children[0].refreshPage();
+          }
+        }
+      })
+    },
+    data() {
+      return {
+        loaded: {
+          screenLoaded: false,
+          tableLoaded: false,
+          categoryLoaded: true,
+          categoryTabLoaded: false,
+        },
+        title:'',
+        showTitle:false,
+        screenPara:null,
+        screenTop:0,
+        reloadKey:0,
+        reloadKeyScreen:'s0',
+        reloadKeyTable:'t0',
+        isReload:false,
+        pageDisabled:false,
+        drowerClose:'',
+
+        flagSideBar:false,
+        flagSideBarOfData:true,
+        flagDefaultDisplaySideBar:false,
+        sideBarWidth:0,
+        searchWidth:0,
+        sideBarRight:0,
+        sideBarMenuRight:0,
+        sideBarStatus:'',
+        sideBarApi:'',
+        sideBarApiParam:null,
+        sideBarPageType:'',
+        selectIndex:-1,
+        rowCount:0,
+        detailKey:0,
+        isIframe: false,
+      }
+    },
+    methods: {
+      screenLoaded(defaultSearch) {
+        this.loaded.screenLoaded = true;
+        if(this.from && this.from=='detail'){
+          this.screenTop=this.$refs.screen.$el.offsetTop;
+        }
+        this.$refs.table.searchComplate(this.$refs.screen.model, defaultSearch);
+ 
+        this.$emit('loaded', this.$refs.screen.model);
+      },
+      categoryLoaded(param) {
+        this.loaded.categoryLoaded = true;
+        this.loaded.categoryTabLoaded = true;
+        if(param)this.screenPara=param;
+        this.$refs.screen.searchComplate();
+      },
+      categoryLoadedError() {
+        this.$refs.screen.isLoading=false;
+        this.$refs.table.isLoading=false;
+      },
+      categorychange(param) {
+        if(param)this.screenPara=param;
+        this.reloadKey = this.reloadKey+1;
+        this.reloadKeyScreen='s'+this.reloadKey;
+        this.reloadKeyTable='t'+this.reloadKey;
+      },
+      search() {
+        this.selectIndex=-1;
+        if (this.$refs.table.model) {
+          this.pageDisabled=true;
+          this.$refs.table.getPage(1);          
+        }
+        else {
+          this.$refs.table.searchComplate(this.$refs.screen.model,this.$refs.screen.model.defaultSearch);
+        }
+      },
+      searchComplate(index) {
+        this.pageDisabled=false;
+        if(this.flagSideBar && this.$refs.table.model.listData.length>0){
+          if(!this.flagSideBarOfData || index===1){
+            this.flagSideBarOfData=true;
+            this.sideMenuClickHandler(this.sideBarStatus =='close'?'open':'close');
+          }
+        }
+        else{
+          this.flagSideBarOfData=false;
+          this.searchWidth=0;
+        }
+      },
+      toolbarClickHandler(field, submitData) {
+        if (field.isExport) {
+          this.$refs.screen.model.export(field, submitData);
+        }
+        else if (field.isRefreshParent) {
+          this.isRefreshParent();
+        }
+      },
+      refreshParentHandler() {
+        this.$emit('refreshParent');
+      },
+      resize() {
+        if(this.$refs.table){
+          this.$refs.table.setTableHeight();
+        }
+      },
+      resizeSearchList() {
+        if(this.flagSideBar && this.flagSideBarOfData){
+          if(this.sideBarStatus=='open' && this.$refs.main){
+            this.searchWidth=this.$refs.main.clientWidth-this.sideBarWidth;
+          }
+        }
+      },
+      showTitleHandler() {
+        if (this.$refs.table.model && this.$refs.table.model.flagShowTitle) {
+          this.title=this.$refs.table.model.title;
+          this.showTitle=this.$refs.table.model.flagShowTitle;
+        }
+      },
+      showTitleScreenHandler() {
+        if (this.$refs.screen.model && this.$refs.screen.model.flagShowTitle) {
+          this.title=this.$refs.screen.model.title;
+          this.showTitle=this.$refs.screen.model.flagShowTitle;
+        }
+      },
+      tableLoaded() {
+        var self = this;
+        if (typeof this.$refs.table.model.cellLayout !== "undefined") {
+          this.$refs.screen.LoadLayout();
+        }
+        if(this.$refs.table.model.listData.length>0){
+          this.flagSideBarOfData=true;
+          this.flagSideBar=this.$refs.table.model.flagSideBar;
+          this.flagDefaultDisplaySideBar=this.$refs.table.model.flagDefaultDisplaySideBar;
+
+          if(this.$refs.table.model.rowSelectRouter){
+            this.sideBarApi=this.$refs.table.model.rowSelectRouter.action;
+            this.sideBarPageType=this.$refs.table.model.rowSelectRouter.actionSource;
+          }
+          else{
+            this.flagSideBar=false;
+          }
+
+          if(document.body.clientWidth && document.body.clientWidth<1024){
+            this.flagSideBar=false;
+          }
+
+          if(this.flagSideBar){
+            this.selectIndex=-1;
+            if(this.flagDefaultDisplaySideBar && !this.sideBarStatus){
+              this.sideMenuClickHandler('close');
+            }
+            else{
+              let status='open';
+              if(this.sideBarStatus=='open')status='close';
+              else if(this.sideBarStatus=='close')status='open';
+              this.sideMenuClickHandler(status);
+            }
+          }
+
+          window.addEventListener("resize", (ev) => {
+            self.resizeSearchList();
+          });
+        }
+        else{
+          this.flagSideBarOfData=false;
+          this.searchWidth=0;
+        }
+        this.$emit('tableLoaded', this.$refs.table.model);
+      },
+      rowClickHandle() {
+        var self = this;
+        if(self.selectIndex!==self.$refs.table.model.selectIndex && self.$refs.table.model.rowSelectRouter){
+          self.selectIndex=self.$refs.table.model.selectIndex;
+          self.rowCount=self.$refs.table.model.listData.length;
+          self.sideBarApiParam = {};
+          if(self.$refs.table.model.rowSelectRouter.submitListField){
+            self.$refs.table.model.rowSelectRouter.submitListField.forEach((k) => {
+              self.sideBarApiParam[k] = self.$refs.table.model.listData[self.selectIndex][k];
+            });
+          }
+          self.sideBarApiParam.actionType = self.$refs.table.model.rowSelectRouter.actionType;
+          self.detailKey = self.detailKey+1;
+        }
+      },
+      refreshRowHandle(){
+        this.selectIndex=-1;
+        this.rowClickHandle();
+      },
+      sideMenuClickHandler(v) {
+        this.drowerClose = v;
+        let popoverCallTels=document.getElementsByClassName('el-popoverCallTel');
+        if(v=='open'){
+          this.sideBarStatus ='close';
+          this.sideBarRight=-this.sideBarWidth;
+          this.sideBarWidth=0;
+          this.searchWidth=0;
+          this.sideBarMenuRight=0;
+          for(var i=0;i<popoverCallTels.length;i++){
+            popoverCallTels[i].style.display='none';
+          }
+        }
+        else if(v=='close'){
+          this.sideBarStatus ='open';
+          this.sideBarRight=0;
+          this.sideBarWidth=this.$refs.table.model.sideBarWidth;
+          this.searchWidth=this.$refs.main.clientWidth-this.sideBarWidth;
+          this.sideBarMenuRight=this.sideBarWidth-2;
+          this.rowClickHandle();          
+          for(var i=0;i<popoverCallTels.length;i++){
+            popoverCallTels[i].style.display='block';
+          }
+          if(this.$refs.detail){
+            if(this.$refs.detail.$children && this.$refs.detail.$children.length>0){
+              this.$refs.detail.$children[0].refreshPage();
+            }
+          }
+        }
+        this.$refs.table.setTableHeight();
+      },
+      closeSideHandler() {
+        this.$refs.sideMenu.clickHandler();
+      },
+      clickNextHandler() {
+        this.$refs.table.rowKeyDownHandle(null,1);
+      },
+      clickPrevHandler() {
+        this.$refs.table.rowKeyDownHandle(null,-1);
+      },
+      simpleRouterclickHandler(field,data) {
+        this.$refs.table.refreshFromSimple(field,data);
+        this.selectIndex=-1;
+        this.rowClickHandle();
+      },
+      saveShortcut(){
+        this.$refs.table.getPage(1);
+      },
+      scrollHandle(scrollTop,scrollLeft){
+        this.$emit('scrollHandle',scrollTop,scrollLeft)
+      },
+      doClosePopoverHandle(){
+        this.$refs.screen.$refs.doClosePopover.click();
+      },
+      popupClickHandler(tempListData){
+        this.$emit('submit', tempListData);
+        this.$common.closeDialog(this);
+      },
+    },
+    beforeDestroy() {
+      async function destroyDeep(vnode) {
+        let vnodes
+        if (vnode.children || (typeof vnode.componentInstance !== 'undefined' && vnode.componentInstance._vnode.children)) {
+          vnodes = vnode.children || vnode.componentInstance._vnode.children
+          for (const vn of vnodes) {
+            destroyDeep(vn)
+          }
+        }
+        if (typeof vnode.componentInstance !== 'undefined') {
+          vnode.componentInstance.$destroy()
+        }
+        setTimeout(() => {
+          vnode.componentInstance = undefined
+          vnode.elm.innerHTML = ''
+        }, 0)
+      }
+      destroyDeep(this._vnode)
+    },
+  }
+</script>
+<style lang="scss" scoped>
+.sidebar {
+    z-index: 1000;
+    top: -1px;
+    bottom: -1px;
+    padding: 0px;
+    width: auto;
+    background-color: #fff;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    border: 1px solid #ccc;
+    border: 1px solid rgba(0, 0, 0, .15);
+    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
+    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
+}
+</style>