centaline-data-driven 1.2.45 → 1.2.48

package/package.json

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

package/src/centaline/css/common.css

@@ -324,7 +324,7 @@ html {
    height:initial;
  }
  .st-serach-screen .el-input__icon {
-  line-height:initial!important;
+  line-height:26px;
 }
 .ct-checkbox .cover-list-item-span{
   line-height: initial!important;

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

@@ -2,17 +2,20 @@
     <div>
       <ct-PropertyDetailOFI :api="api" :apiParam="apiParam" class="ct-PropertyDetailOFI"  v-if="pageType=='PropertyDetailOFI'"></ct-PropertyDetailOFI>
       <ct-PropertyDetailRET :api="api" :apiParam="apiParam" class="ct-PropertyDetailRET"  v-if="pageType=='PropertyDetailRET'"></ct-PropertyDetailRET>
+      <ct-PropertySimpleDetailRET :api="api" :apiParam="apiParam" class="ct-PropertySimpleDetailRET"  v-if="pageType=='PropertySimpleDetailRET'"></ct-PropertySimpleDetailRET>
     </div>
 </template>
 
 <script>
   import dynamicPropertyDetailOFI from './dynamicPropertyDetailOFI'
   import dynamicPropertyDetailRET from './dynamicPropertyDetailRET'
+  import dynamicPropertySimpleDetailRET from './dynamicPropertySimpleDetailRET'
   export default {
     name: 'ct-Detail',
     components: {
       'ct-PropertyDetailOFI': dynamicPropertyDetailOFI,
       'ct-PropertyDetailRET': dynamicPropertyDetailRET,
+      'ct-PropertySimpleDetailRET': dynamicPropertySimpleDetailRET,
     },
     props: {
       vmodel: Object,

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

@@ -110,13 +110,13 @@
                       <img src="../../../assets/jsq.png" class="img-jsq" alt="">
                       </div>
                       <div class="row-i"><span>{{model.fields1Dic.PriceUnit.label}}</span><span class="base-clolr">{{model.fields1Dic.PriceUnit.value}}</span><span class="base-clolr">{{model.fields1Dic.PriceUnit.unitName}}</span></div>
-                      <div class="row-i"><span>{{model.fields1Dic.PriceLine.label}}</span><div>{{model.fields1Dic.PriceLine.value}}{{model.fields1Dic.PriceLine.unitName}}</div></div></div>
+                      <div v-if="model.fields1Dic.PriceLine" class="row-i"><span>{{model.fields1Dic.PriceLine.label}}</span><div>{{model.fields1Dic.PriceLine.value}}{{model.fields1Dic.PriceLine.unitName}}</div></div></div>
                    <div class="info-row">
-                      <div class="row-i">
+                      <div v-if="model.fields1Dic.PriceLine" class="row-i">
                         <span >{{model.fields1Dic.MarketRateOfReturn.label}}</span><span>{{model.fields1Dic.MarketRateOfReturn.value}} </span><span>{{model.fields1Dic.MarketRateOfReturn.unitName}}</span>
                       </div>                     
-                      <div class="row-i"><span>{{model.fields1Dic.EstimatePriceRent.label}}</span><div>{{model.fields1Dic.EstimatePriceRent.value}}<span>{{model.fields1Dic.EstimatePriceRent.unitName}}</span></div></div>
-                      <div class="row-i"><span>{{model.fields1Dic.EstimatePriceRentUnit.label}}</span><span>{{model.fields1Dic.EstimatePriceRentUnit.value}}</span><span>{{model.fields1Dic.EstimatePriceRentUnit.unitName}}</span></div>
+                      <div v-if="model.fields1Dic.EstimatePriceRent" class="row-i"><span>{{model.fields1Dic.EstimatePriceRent.label}}</span><div>{{model.fields1Dic.EstimatePriceRent.value}}<span>{{model.fields1Dic.EstimatePriceRent.unitName}}</span></div></div>
+                      <div v-if="model.fields1Dic.EstimatePriceRentUnit" class="row-i"><span>{{model.fields1Dic.EstimatePriceRentUnit.label}}</span><span>{{model.fields1Dic.EstimatePriceRentUnit.value}}</span><span>{{model.fields1Dic.EstimatePriceRentUnit.unitName}}</span></div>
                   </div>
                   
                     <div class="info-mid">

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

@@ -0,0 +1,301 @@
+<template>
+    <div ref="main" class="main" v-if="model!==null">
+      1111111111111111111111
+    </div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  import dynamicContactList from './dynamicContactList.vue';
+  export default {
+    name: 'ct-PropertySimpleDetailRET',
+    mixins: [dynamicElement],
+    components: {
+      'ct-contactList': dynamicContactList,
+    },
+    props: {
+      vmodel: Object,
+      api: String,
+      apiParam: Object,
+    },
+    data() {
+      return {
+        
+      }
+    },
+    mounted() {
+      var self = this;
+      this.$nextTick(function () {
+        if (self.vmodel) {
+          self.load(self.vmodel);
+        }
+        else if (typeof self.source !== 'undefined') {
+          self.loaderObj.Detail(self.source,null,self.load);
+        }
+        else if (typeof self.api !== 'undefined') {
+          self.loaderObj.Detail(self.api,self.apiParam, self.load);
+        }
+      });
+    },
+    activated() {
+      this.$nextTick(() => {
+        this.setDetailHeight();
+      })
+    },
+    methods: {
+      load(data) {
+        var self = this;
+        this.model = data; 
+        this.model.$vue = self;
+        this.loadFields();
+        if(this.model.tags2 && this.model.tags2[0]){
+          this.model.getTags2List(0);
+        }
+        this.loadOperation();
+        this.loadCommission();
+        this.setDetailHeight();
+        this.$nextTick(() => {
+          window.addEventListener("resize", (ev) => {
+            self.setDetailHeight();
+          });
+        });
+      },
+      loadFields() {
+        var self = this;
+        self.collapse=[];
+        var collapseItemArr = [];
+        var col=0;
+        var colCount=4;
+        self.model.fields2Dic.forEach((v, index) => {
+          if(v.type===13){
+            collapseItemArr = [];
+            col=0;
+          }
+          else if(v.singleLine){
+            if(collapseItemArr.length>0){
+              self.collapse.push(collapseItemArr);
+              collapseItemArr = [];
+            }
+            collapseItemArr.push(v);
+            self.collapse.push(collapseItemArr);
+            collapseItemArr = [];
+            col=0;
+          }
+          else if(v.spanCols){
+            collapseItemArr.push(v);
+            col=col+v.spanCols;
+            if(col===colCount || index===self.model.fields2Dic.length-1){
+              self.collapse.push(collapseItemArr);
+              collapseItemArr = [];
+              col=0;
+            }
+          }
+          else{
+            collapseItemArr.push(v);
+            col=col+1;
+            if(col===colCount || index===self.model.fields2Dic.length-1){
+              self.collapse.push(collapseItemArr);
+              collapseItemArr = [];
+              col=0;
+            }
+          }
+        });
+      },
+      loadOperation() {
+        this.model._operationList=null;        
+        this.model._operationRouters=[];
+        this.model.getOperationList();
+      },
+      loadCommission() {
+        this.model.getCommissionList();
+      },
+      lookOwner() {
+        this.codeOwner = true
+      },
+      handleClick(tab, event) {
+        let i=tab.index;
+        if(this.model.tags2 && this.model.tags2[i]){
+          this.model.getTags2List(i);
+        }
+      },
+      setDetailHeight() {
+        this.$nextTick(() => {
+          if (this.$refs.detail && this.$refs.main) {
+            
+          }
+        });
+      }, 
+      handleSelect(key, keyPath) {
+        let i=key.index;
+        this.model.activeIndex1=i;
+        if(this.model.tags1 && this.model.tags1[i]){
+          this.model.searchlistKey=this.model.searchlistKey+1;
+          this.model.searchConditionApiTags1=this.model.tags1[i].searchConditionApiUrl||'';
+          this.model.searchDataApiTags1=this.model.tags1[i].searchDataApiUrl||'';
+          this.model.paramDataTags1=this.model.tags1[i].paramData||'';
+        }
+      },      
+      fieldClickHandler(field) {
+        var self = this;
+        var callBack=null;
+        let submitData={};
+        var router = this.model.actionRouters.find((v) => {
+          return v.id === field.id;
+        });
+        if(router==undefined && this.model.actionRoutersMoreList){
+          router = this.model.actionRoutersMoreList.find((v) => {
+            return v.id === field.id;
+          });
+        }
+        if(router==undefined && this.model.otherTradeActionRouter){
+          if(field.id===this.model.otherTradeActionRouter.id){
+            router = this.model.otherTradeActionRouter
+          }
+        }
+        if(router==undefined && this.model.operationRouters){
+            router = this.model.operationRouters.find((v) => {
+              return v.id === field.id;
+            });
+            callBack="loadOperation";
+        }
+
+        if(router){
+          if(field.isSubmitDataFromSelf){
+            router.submitFormField.forEach((v) => {
+              submitData[v] = field.list[field.listIndex].code;
+            });
+          }
+          else{
+            router.submitFormField.forEach((v) => {
+              submitData[v] = self.model.fields1Dic[v].value;
+            });
+          }
+        }
+
+        if(callBack && callBack=='loadOperation'){
+          this.routerClickHandler(router,submitData,self.loadOperation);  
+        }
+        else{
+          this.routerClickHandler(router,submitData);
+        }
+      },
+      routerClickHandler(field, submitData,callBack) {
+        var self = this;
+        // this.model.scripts.$fd = field.id;
+        // this.model.scripts.$result = [];
+        
+        var clickAcion = function (field) {
+          //若不是客户端方法，则直接访问接口
+          if (!field.isClientFuntion) {
+            // if (typeof field.onClick !== 'undefined') {
+            //   verified = self.$common.excute.call(self.model.scripts, field.onClick);
+            // }
+            
+            if (field.isOpenForm) {
+              var dialogOption = {
+                title: field.pageTitle,
+                pane: self.$common.getParentPane(self),
+                content: [{
+                  component: 'ct-form',
+                  attrs: {
+                    api: field.action,
+                    apiParam: field.getActionPara(submitData).para,
+                    showTitle: false,
+                    width: field.dialogWidth + 'px',
+                    height: field.dialogHeight + 'px'
+                  },
+                  on: {
+                    submit(ev) {
+                      self.model.doAction(ev,field);
+                      if(callBack){
+                        callBack();
+                      }
+                      self.$common.closeDialog(dialogOption.dialog);
+                    }
+                  }
+                }]
+              };
+              self.$common.openDialog(dialogOption);
+            }
+            else if (field.isOpenList) {
+              var dialogOption = {
+                title: field.pageTitle,
+                pane: self.$common.getParentPane(self),
+                content: [{
+                  component: 'ct-searchlist',
+                  attrs: {
+                    searchConditionApi: field.actionForSearchLayout,
+                    searchDataApi: field.actionForSearch,
+                    apiParam: submitData,
+                    width: field.dialogWidth + 'px',
+                    height: field.dialogHeight + 'px'
+                  },
+                  on: {
+                    submit(ev) {
+                      self.model.updateFields(ev, () => {
+                        self.$refs.Fields.forEach((fd) => {
+                          fd.$forceUpdate();
+                        });
+                      });
+                      self.$common.closeDialog(dialogOption.dialog);
+                    }
+                  }
+                }]
+              };
+              self.$common.openDialog(dialogOption);
+            }
+            else if (field.isFormPageInTab || field.isSearchPageInTab) {// 外部框架tab页打开
+              submitData = field.getActionPara(submitData).para;
+              self.$common.getDataDrivenOpts().handler.openTab(field.action, submitData, field.pageTitle);
+            }
+            else if (field.isBrowserNewTab) {// 浏览器打开
+              submitData = field.getActionPara(submitData).para;
+              let query = self.$common.objectToQueryStr(submitData);
+              window.open(field.action + query, "_blank");
+            }
+            else{
+              field.doAction(submitData, (data) => {
+                self.model.doAction(data,field);
+                if(callBack){
+                  callBack();
+                }
+              })
+            }
+          }
+          //执行客户端脚本
+          else {
+            submitData = field.getActionPara(submitData).para;
+            let title=field.pageTitle==undefined ?field.label:field.pageTitle;
+            submitData.actionType=field.actionType;
+            var fun =self.$common.getDataDrivenOpts().handler[field.action];
+            fun(submitData,title,self.model);
+          }
+        }
+
+        if (field.isSubmit && !self.validExcute()) {
+          return;
+        }
+
+        if (field.alert) {
+          self.$common.confirm(field.alertMsg, field.alertCaption, {
+            confirmButtonText: field.alertOKButtonText,
+            cancelButtonText: field.alertCancelButtonText,
+            //type: 'warning'
+            center: field.alertCenter
+          }).then(() => {
+            clickAcion(field,submitData);
+          }).catch(() => {
+          });
+        }
+        else {
+          clickAcion(field,submitData);
+        }
+      },
+    }
+  }
+</script>
+<style lang="scss" scoped>
+
+</style>
+
+

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

@@ -16,11 +16,11 @@
       @toolbarClick="toolbarClickHandler" @refreshParent="refreshParentHandler"  :key="reloadKeyTable" @searchComplate="searchComplate()" 
       @showTitle="showTitleHandler"></ct-searchtable>
     </div>
-    <div v-if="flagSideBar" 
-    :style="{'height': pageHeight? pageHeight:'100%','width':sideBarWidth+'px',right:this.sideBarRight+'px'}" 
+    <div v-if="flagSideBar && flagSideBarOfData" 
+    :style="{'height': pageHeight? pageHeight:'100%','width':sideBarWidth+'px',right:sideBarRight+'px'}" 
     class="sidebar">
-      <div>1111111111111111111111111111111111</div>
-      <ct-SearchSideMenu :sideBarMenuRight="sideBarMenuRight" :sideBarSide="sideBarSide" 
+      <ct-Detail :api="sideBarApi" :apiParam="sideBarApiParam" :pageType="sideBarPageType"></ct-Detail>
+      <ct-SearchSideMenu :sideBarMenuRight="sideBarMenuRight" :sideBarStatus="sideBarStatus" 
       @sideMenuClickHandler="sideMenuClickHandler"></ct-SearchSideMenu>
     </div>
   </div>
@@ -32,6 +32,7 @@
   import dynamicSearchTable from './dynamicSearchTable.vue';
   import dynamicSearchSideMenu from './dynamicSearchSideMenu.vue';
   import progress from '../../progress/src/progress.vue';
+  import dynamicDetail from '../../dynamicDetail/src/dynamicDetail.vue';
   export default {
     name: 'ct-searchlist',
     mixins: [dynamicElement],
@@ -40,7 +41,8 @@
       'ct-searchtable': dynamicSearchTable,
       'ct-progress': progress,
       'ct-searchcategory': dynamicSearchCategory,
-      'ct-SearchSideMenu': dynamicSearchSideMenu
+      'ct-SearchSideMenu': dynamicSearchSideMenu,
+      'ct-Detail': dynamicDetail,
     },
     props: {
       vmodel: Object,
@@ -84,12 +86,17 @@
         pageDisabled:false,
 
         flagSideBar:false,
+        flagSideBarOfData:true,
         flagDefaultDisplaySideBar:false,
         sideBarWidth:0,
         searchWidth:0,
         sideBarRight:0,
         sideBarMenuRight:0,
-        sideBarSide:'',
+        sideBarStatus:'',
+        sideBarStatus:'',
+        sideBarApi:'',
+        sideBarApiParam:null,
+        sideBarPageType:'',
       }
     },
     methods: {
@@ -113,7 +120,7 @@
       search(btn) {
         if (this.$refs.table.model) {
           this.pageDisabled=true;
-          this.$refs.table.getPage(1);
+          this.$refs.table.getPage(1);          
         }
         else {
           this.$refs.table.searchComplate(this.$refs.screen.model);
@@ -121,25 +128,18 @@
 
         this.$refs.table.loadStats();
       },
-      tableLoaded(table) {
-        if(table.model.listData.length>0){
-          this.flagSideBar=table.model.flagSideBar;
-          this.flagDefaultDisplaySideBar=table.model.flagDefaultDisplaySideBar;
-          this.sideBarWidth=table.model.sideBarWidth;
-          if(this.flagSideBar){
-            this.searchWidth=this.$refs.main.clientWidth-this.sideBarWidth;
-            this.sideBarMenuRight=this.sideBarWidth-2;
-          }
-          if(this.flagDefaultDisplaySideBar){
-            this.sideBarSide='right';
-          }
-          else{
-            this.sideBarSide='left';
+      searchComplate() {
+        this.pageDisabled=false;
+        if(this.flagSideBar && this.$refs.table.model.listData.length>0){
+          if(!this.flagSideBarOfData){
+            this.flagSideBarOfData=true;
+            this.sideMenuClickHandler(this.sideBarStatus =='close'?'open':'close');
           }
         }
-      },
-      searchComplate(table) {
-        this.pageDisabled=false;
+        else{
+          this.flagSideBarOfData=false;
+          this.searchWidth=0;
+        }
       },
       toolbarClickHandler(field, submitData) {
         if (field.isExport) {
@@ -167,16 +167,37 @@
           this.showTitle=this.$refs.screen.model.flagShowTitle;
         }
       },
+      tableLoaded() {
+        if(this.$refs.table.model.listData.length>0){
+          this.flagSideBar=this.$refs.table.model.flagSideBar;
+          this.flagDefaultDisplaySideBar=this.$refs.table.model.flagDefaultDisplaySideBar;
+          if(!this.$refs.table.model.rowSelectRouter)this.flagSideBar=false;
+
+          if(this.flagSideBar){
+            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);
+            }
+          }
+        }
+      },
       sideMenuClickHandler(v) {
-        if(v=='right'){
-          this.sideBarSide ='left';
+        if(v=='open'){
+          this.sideBarStatus ='close';
           this.sideBarRight=-this.sideBarWidth;
+          this.sideBarWidth=0;
           this.searchWidth=0;
           this.sideBarMenuRight=0;
         }
-        else if(v=='left'){
-          this.sideBarSide ='right';
+        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;
         }

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

@@ -1,7 +1,7 @@
 <template>
   <div class="searchSideMenu toggler" :style="{right:sideBarMenuRight+'px'}" @click="clickHandler()" >
-    <span class="el-icon-arrow-right" v-show="side=='right'"></span> 
-    <span class="el-icon-arrow-left" v-show="side=='left'"></span>
+    <span class="el-icon-arrow-right" v-show="side=='open'"></span> 
+    <span class="el-icon-arrow-left" v-show="side=='close'"></span>
   </div>
 </template>
 <script>
@@ -9,23 +9,23 @@
     name: 'ct-SearchSideMenu',
     props: {
       sideBarMenuRight: Number,
-      sideBarSide: String,
+      sideBarStatus: String,
     },
     data() {
       return {
-        side:'right',
+        side:'open',
       }
     },
     created() {
-      if(this.sideBarSide){
-        this.side = this.sideBarSide;
+      if(this.sideBarStatus){
+        this.side = this.sideBarStatus;
       }
     },
     methods: {
       clickHandler() {
         let v=this.side;
-        if(v=='right')this.side ='left';
-        if(v=='left')this.side ='right';
+        if(v=='close')this.side ='open';
+        else if(v=='open')this.side ='close';
         this.$emit('sideMenuClickHandler',v);
       },
     }

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

@@ -93,7 +93,7 @@
                     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"
+                  <el-popover v-if="getRowRouterDisplay(row).length>0" :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">
@@ -235,7 +235,7 @@
         this.model.scripts.formData = this.model.formData;
         this.model.scripts.formData.formTable = this.model;
 
-        self.$emit('loaded',self);
+        self.$emit('loaded');
         self.$emit('showTitle');
         if (this.tempSearchModel !== null) {
           self.model.searchModel = this.tempSearchModel;
@@ -375,7 +375,7 @@
             self.tableLoading = false;
             self.rowColorChange();
           }
-          self.$emit('searchComplate',self);
+          self.$emit('searchComplate');
         }
         self.tableLoading = true;
 

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

@@ -378,6 +378,18 @@ const SearchTable = function (data, callBack, searchModel, flagSearch, defaultSe
           return rtn._rowRouter;
         }
       },
+      _rowSelectRouter: null,
+      get rowSelectRouter() {
+        if (rtn._rowSelectRouter !== null) {
+          return rtn._rowSelectRouter;
+        }
+        else {
+          if (source.content.rowSelectRouter && source.content.rowSelectRouter.key) {
+            rtn._rowSelectRouter=Router(source.content.rowSelectRouter);
+          }
+          return rtn._rowSelectRouter;
+        }
+      },
       sortData: [],
       toSort: function (col, action, callback) {
         this.columns.forEach((v1) => {