centaline-data-driven 1.1.62 → 1.1.66

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

@@ -0,0 +1,193 @@
+<template>
+  <div class="ct-table-Statistics" ref="tableStatistics">
+
+    <!--计算占用宽度-->
+    <div style="position:relative" v-if="FlagStatistics">
+      <div style="position:absolute;left:-10000px" class="tab-list">
+        <label v-for="(item, index) in data" class="btnTab" :class="[selectStats==item.code1?'active':'']" :ref="'StatisticsItem'+index">{{item.controlLabel}}</label>111
+      </div>
+    </div>
+    <!--展示-->
+    <div v-if="FlagStatistics" class="tab-list">
+      <template v-if="showData.length===1">
+        <label class="btnTab" v-for="(item, index) in showData[0]" :class="[selectStats==item.code1?'active':'']" @click="handleClick($event,item)">{{item.controlLabel}}</label>
+      </template>
+      <template v-else-if="showData.length>1">
+        <label class="btnTab" v-for="(item, index) in showData[0]" :class="[selectStats==item.code1?'active':'']" @click="handleClick($event,item)">{{item.controlLabel}}</label>
+        <el-popover :append-to-table="option.appendId?option.appendId:''"
+                    :placement="option.placement?option.placement:'left'"
+                    :trigger="option.trigger?option.trigger:''"
+                    class="tabl-el">
+          <label class="tablf" v-for="(item, index) in showData[1]" :class="[selectStats==item.code1?'active':'']" @click="handleClick($event,item)">{{item.controlLabel}}</label>
+          <i slot="reference" class="icon-more"></i>
+
+        </el-popover>
+      </template>
+    </div>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+
+  export default {
+    name: 'ct-tableStatistics',
+    mixins: [dynamicElement],
+    props: {
+      api: String,
+      searchModel: Object,
+    },
+    data() {
+      return {
+        FlagStatistics: false,
+        showWidth: 0,
+        selectStats: [],
+        data: [],
+        showData: [],
+        option: {
+          isHidden: true,//是否开启操作栏隐藏设置，默认开启
+          showNum: 3,//如果isHidden为true时，个数大于3就会隐藏，默认是3
+          appendId: '.s-table',//将浮动栏添加到对应id或者class节点中。或者.xxx。传空字符串是添加到body中。
+          trigger: 'hover',//触发方式，传值可查看Popper UI组件trigger属性
+          placement: 'bottom-start'//方向，传值可查看Popper UI组件placement属性
+        },
+      }
+    },
+    mounted() {
+      var self = this;
+      self.showWidth = self.$refs.tableStatistics.offsetWidth || document.body.clientWidth;
+      window.onresize = () => {
+        self.showWidth = self.$refs.tableStatistics.offsetWidth || document.body.clientWidth;
+      };
+    },
+    methods: {
+      load(data) {
+        var self = this;
+        self.model = data;
+        self.FlagStatistics = false;
+        self.data = data.source.content;
+        self.selectVa = "";
+        if (self.data.length > 0) {
+          if (self.selectStats == []) {
+            debugger
+            self.selectStats = self.data[0].code1;
+          }
+          self.FlagStatistics = true;
+          self.showStats();
+        }
+      },
+      showStats() {
+        var self = this;
+        this.$nextTick(function () {
+          if (self.data.length > 0) {
+            var showIndex = 0;
+            var sumWidth = 0;
+            for (var i = 0; i < self.data.length; i++) {
+              var moreWidth = 20;
+              sumWidth = sumWidth + self.$refs["StatisticsItem" + i][0].offsetWidth;
+              var nextWidth = 0;
+              if (i + 1 < self.data.length) {
+                try {
+                  nextWidth = self.$refs["StatisticsItem" + (i + 1)][0].offsetWidth;
+                } catch (e) {
+
+                }
+              }
+              else {
+                moreWidth = 0;
+              }
+              if (self.showWidth < (sumWidth + moreWidth)) {
+                showIndex = i;
+                break;
+              }
+              else if (self.showWidth < (nextWidth + moreWidth)) {
+                showIndex = i + 1;
+                break;
+              }
+            }
+            if (showIndex > 0) {
+              self.showData = [self.data.slice(0, showIndex), self.data.slice(showIndex)];
+            } else {
+              self.showData = [self.data];
+            }
+
+          }
+        });
+      },
+      handleClick(ev, obj) {
+        var self = this;
+        self.selectStats = obj.code1;
+        var fields = self.model.searchData(obj.fieldName1, obj.code1, obj.controlType, obj.searchDataType);
+        var model = {
+          "searchData": fields
+        };
+        self.$emit('searchStats', model);
+      },
+      searchStatsComplate(selectItem) {
+        var self = this;
+        this.$nextTick(function () {
+          if (typeof self.api !== 'undefined') {
+            self.loaderObj.SearchStats(self.api, self.load, this.searchModel);
+          }
+          if (typeof self.source !== 'undefined') {
+            self.load(self.loaderObj.SearchStats(self.source));
+          }
+          if (self.vmodel) {
+            self.load(self.vmodel);
+          }
+        });
+      }
+    },
+    watch: {
+      showWidth: function (newVal, oldVal) {
+        this.showStats();
+      }
+    }
+  }
+</script>
+<style>
+</style>
+
+<style>
+
+  .tab-list {
+    height: 30px;
+    border-bottom: 1px solid #E0E0E0;
+    margin-bottom: 10px;
+  }
+
+  .btnTab {
+    font-size: 14px !important;
+    font-weight: bold;
+    padding: 5px 20px;
+  }
+
+    .btnTab:hover ,.tablf:hover{
+      color: #ee5d56;
+    }
+    .tabl-el{
+      max-width: 150px;
+      box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
+    }
+  .tablf{
+    font-size: 14px !important;
+    font-weight: bold;
+    text-align: center;
+    padding: 5px 10px;
+    display: block;
+  }
+  .active {
+    color: #ee5d56 !important;
+    border-bottom: solid 3px #ee5d56 !important;
+    background: none;
+    border-radius: 0 !important;
+  }
+
+  .icon-more {
+    background: url(../../../assets/vertical.png)no-repeat;
+    background-size: 80% 80%;
+    height: 20px;
+    width: 7px;
+    display: inline-block;
+    vertical-align: bottom;
+  }
+</style>

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

@@ -44,7 +44,7 @@
     width:100%;
     position:relative;
     float:left;
-    padding:0 5px 10px 15px;
+    padding:0 5px 10px 0px;
     background-color:#fff;
     border-radius: 6px;
   }

package/src/centaline/dynamicT/src/dynamicT.vue

@@ -11,7 +11,7 @@
                 @keyup.enter.native="search()">
         <span slot="suffix" v-if="model.unitName" class="ct-unitname">{{model.unitName}}</span>
 
-        <span slot="suffix" class="el-input__suffix el-input--mini" v-if="showClear" :class="model.unitName?'ct-right-10':'ct-right-0'">
+        <span slot="suffix" class="el-input__suffix el-input--mini" v-if="!model.isPassword&&showClear" :class="model.unitName?'ct-right-10':'ct-right-0'">
           <span 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>

package/src/centaline/dynamicTree/src/dynamicTreeList.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="app-Tree" style="height:100%;">
     <el-container style="height:  calc(100vh - 98px);border: 1px solid #eee">
-      <el-aside width="15%" style="background-color:white">
+      <el-aside :width="leftWidth?leftWidth+'px':'15%'" style="background-color:white">
         <ct-searchtree :flagsearch="true" :searchConditionApi="searchConditionApi" :searchDataApi="searchDataApi" @loaded="loaded"></ct-searchtree>
       </el-aside>
       <el-main v-if="isShowSearchlist">
@@ -27,7 +27,8 @@
     props: {
       vmodel: Object,
       searchConditionApi: String,
-      searchDataApi: String
+      searchDataApi: String,
+      leftWidth: Number,
     },
     data() {
       return {
@@ -69,6 +70,6 @@
   }
 
     #app-Tree .el-main .ct-table-content {
-      padding: 0 0 0 15px;
+      padding: 0;
     }
 </style>

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

@@ -20,9 +20,6 @@ const Detail = function (source,para ,callBack) {
         _searchConditionApiTags1:null,
         _searchDataApiTags1:null,
         _paramDataTags1:null,
-        _searchConditionApiTags2:null,
-        _searchDataApiTags2:null,
-        _paramDataTags2:null,
         get fields1() {
             return data.fields1;
         },
@@ -213,43 +210,25 @@ const Detail = function (source,para ,callBack) {
         get tags2() {
             return data.tags2;
         },
-        get searchConditionApiTags2() {
-          if (rtn._searchConditionApiTags2 !==null){
-            return rtn._searchConditionApiTags2;
-          }
-          else if(rtn.tags2 && rtn.tags2.length>0){
-            rtn._searchConditionApiTags2= rtn.tags2[0].searchConditionApiUrl;
-            return rtn._searchConditionApiTags2;
-          }
-        },
-        set searchConditionApiTags2(v) {
-            rtn._searchConditionApiTags2 = v;
-        },
-        get searchDataApiTags2() {
-          if (rtn._searchDataApiTags2 !==null){
-            return rtn._searchDataApiTags2;
-          }
-          else if(rtn.tags2 && rtn.tags2.length>0){
-            rtn._searchDataApiTags2= rtn.tags2[0].searchDataApiUrl;
-            return rtn._searchDataApiTags2;
-          }
-        },
-        set searchDataApiTags2(v) {
-            rtn._searchDataApiTags2 = v;
-        },
-        get paramDataTags2() {
-          if (rtn._paramDataTags2){
-            return rtn._paramDataTags2;
-          }
-          else if(rtn.tags2 && rtn.tags2.length>0){
-            rtn._paramDataTags2= JSON.parse(rtn.tags2[0].paramData);
-            return rtn._paramDataTags2;
-          }
-        },
-        set paramDataTags2(v) {
-            rtn._paramDataTags2={};
-            if(v)rtn._paramDataTags2 = JSON.parse(v);
-        },
+        set tags2(v) {
+            data.tags2=v;
+        },
+        getTags2List(i){
+            if(rtn.tags2 && rtn.tags2[i] && !rtn.tags2[i].list && rtn.tags2[i].searchDataApiUrl){
+                let action =rtn.tags2[i].searchDataApiUrl;
+                let para={};
+                if(rtn.tags2[i].paramData)para = JSON.parse(rtn.tags2[i].paramData);
+                Vue.prototype.$api.postHandler(common.globalUri(), { action: action,para:para}).then(
+                    function (response) {
+                        if (response.rtnCode === Enum.ReturnCode.Successful) {
+                            rtn.tags2[i].list=response.content;
+                            rtn.tags2[i].appID=rtn.tags2[i].appID+'1';
+                            rtn.tags2[i].key='1';
+                        }
+                    }
+                );
+            }
+        }
     };
     return rtn;
   }

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

@@ -0,0 +1,69 @@
+import base from '../../index';
+import Base from './Base';
+
+const HyperLinkList = function (source) {
+  var rtn = {
+    disabled: false,
+    loading: false,
+    get api() {
+      return source.api;
+    },
+    get label() {
+      return source.controlLabel || '';
+    },
+    set label(v) {
+      source.controlLabel = v;
+    },
+    get isSubmitDataFromSelf() {
+        return true;
+    },
+    _list: null,
+    get list() {
+      if (rtn._list !== null) {
+        return rtn._list;
+      }
+      else {
+        rtn._list = [];
+        if (source.code1) {
+          let codeList=JSON.parse(source.code1);
+          codeList.forEach((f) => {
+            if(!f.flagDeleted){
+              let col = {
+                get code() {
+                    return f.code;
+                },
+                get name() {
+                  return f.name;
+                },
+                get isHyperLink() {
+                  return true;
+                },
+                attrs: {
+                  get placeholder() {
+                    return f.placeholder1 || '';
+                  },
+                  get style() {
+                    return f.style;
+                  },
+                  get size() {
+                    return  "mini";
+                  },
+                  get class() {
+                    var size = f.size ? f.size : "mini";
+                    f.className=f.className||'ct-font-size-' + size;
+                    return f.className;
+                  }
+                },
+              }
+              rtn._list.push(col);
+            }
+          });
+        }
+        return rtn._list;
+      }
+    },
+  }; 
+  rtn = base.copy(Base(source), rtn);
+  return rtn;
+}
+export default HyperLinkList;

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

@@ -130,24 +130,102 @@ const SearchScreen = function (source, callBack, screenPara) {
           btn.disabled = loading;
         });
       },
+      //如果是复选框则searchValue1格式为 1,2
       get searchData() {
+      
+        let that=this;
         var rtn = {
           fields: []
         };
         this.screen.forEach((v) => {
-          var tempObj = v.searchObj;
+          var tempObj = common.deepClone(v.searchObj);          
           if ((tempObj.searchValue1 && tempObj.searchValue1 !== '') || (tempObj.searchValue2 && tempObj.searchValue2 !== '')) {
+            if(that.isHandle(v.type))
+            {
+              tempObj.searchValue1=that.getNewSearchValue(tempObj); 
+            }
             rtn.fields.push(tempObj);
+           
           }
         });
         this.highScreen.forEach((v) => {
-          var tempObj = v.searchObj;
+          var tempObj = common.deepClone(v.searchObj);
           if ((tempObj.searchValue1 && tempObj.searchValue1 !== '') || (tempObj.searchValue2 && tempObj.searchValue2 !== '')) {
+            if(that.isHandle(v.type))
+            {
+              tempObj.searchValue1=that.getNewSearchValue(tempObj); 
+            }
             rtn.fields.push(tempObj);
           }
         });
         return rtn;
       },
+      getNewSearchValue(tempObj)
+      {
+          let codeList=JSON.parse(tempObj.searchValue1);
+          let dataType=this.getDataType(tempObj.searchDataType);
+          let code='';
+          let symbol=',';
+          if(dataType==1)
+          {
+            codeList.forEach((v) => {
+              if(!v.flagDeleted&&v.code)
+              {
+                code+= `'${v.code}'${symbol}`;
+              }
+            });
+          }else
+          {
+            codeList.forEach((v) => {
+              if(!v.flagDeleted&&v.code)
+              {
+                code+= `${v.code}${symbol}`;
+              }
+            });
+          }
+          if(code.endsWith(`${symbol}`))
+          {
+            code=code.substring(0,code.length-1);
+          }
+         return code;
+      },
+      //判断控件是否需要单独处理searchValue1
+      isHandle(type)
+      {
+        let result=false;
+        switch (type) 
+        {
+          case Enum.ControlType.CheckBoxList://复选列表
+          result=true;
+          break;
+          default:
+            result=false;
+            break;
+        }
+        return result;
+      },
+       // 1 是字符串 2是数字
+       getDataType(searchDataType)
+       {
+         let dataType=1;
+         switch(searchDataType)
+         {
+           case 2:
+           case 6:
+            dataType=2;
+             break;
+            case 1:
+            case 3:
+            case 4:
+            case 5:
+               dataType=1;
+                break;
+           default:
+                dataType=1;
+               break; 
+         }
+         return dataType;
+       },
       initScreen(screens) {
         var rtnscreens = [];
 

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

@@ -0,0 +1,133 @@
+import common from '../../../common';
+import Router from './Router';
+import Vue from 'vue';
+import Enum from './lib/Enum';
+const SearchStats = function (source, callBack, searchModel, defaultSearchData) {
+  var init = function (source) {
+    var rtn = {
+      searchModel: searchModel,
+      tableHeight: 350,
+      defaultSearchData: defaultSearchData,
+      $vue: null,
+      get source() {
+        return source;
+      },
+      set source(v) {
+        source = v;
+      }, 
+      _rowSelectRouter: null,
+      get rowSelectRouter() {
+        if (rtn._rowSelectRouter !== null) {
+          return rtn._rowSelectRouter;
+        }
+        else {
+          rtn._rowSelectRouter = [];
+          if (source.content.rowSelectRouter) {
+            var router = Router(source.content.rowSelectRouter);
+            rtn._rowSelectRouter = router;
+          }
+          return rtn._rowSelectRouter;
+        }
+      },
+      _actionRouter: null,
+      get actionRouter() {
+        if (rtn._actionRouter !== null) {
+          return rtn._actionRouter;
+        }
+        else {
+          rtn._actionRouter = [];
+          if (source.content.actionRouters) {
+            source.content.actionRouters.forEach((v) => {
+              var router = Router(v);
+              //router.is = "ct-btn";
+              //router.attrs = { size: "mini" }
+              rtn._actionRouter.push(router);
+            });
+          }
+          return rtn._actionRouter;
+        }
+      },
+      _rowRouter: null,
+      get rowRouter() {
+        if (rtn._rowRouter !== null) {
+          return rtn._rowRouter;
+        }
+        else {
+          rtn._rowRouter = [];
+          if (rtn.actionRouter) {
+            rtn.actionRouter.forEach((v) => {
+              if (v.show) {
+                rtn._rowRouter.push(v);
+              }
+            });
+          }
+          return rtn._rowRouter;
+        }
+      },
+      searchData(fieldName1, val, operation, searchDataType) {
+        var rtn = {
+          fields: []
+        };
+        rtn.fields.push({
+          "fieldName1": fieldName1,
+          "groupName": fieldName1,
+          "operation": operation || 0,
+          "searchDataType": searchDataType || 3,
+          "searchValue1": val
+        });
+
+        
+
+        return rtn;
+      },
+      doAction(api, searchModel, callback) {
+        var self = this;
+        var para = searchModel ? searchModel : {};
+        Vue.prototype.$api.postHandler(common.globalUri(), {
+          action: api,
+          para: para
+        })
+          .then(function (response) {
+            if (response.rtnCode === Enum.ReturnCode.Successful) {
+              if (typeof callback !== 'undefined') {
+                callback(response.content);
+              }
+            }
+          })
+          .catch((error) => {
+            console.error(error);
+            if (typeof callback !== 'undefined') {
+              callback();
+            }
+          });
+      },
+    };
+    return rtn;
+  };
+  if (typeof source === 'string') {
+    var apiData = searchModel ? searchModel.searchData : {};
+    Vue.prototype.$api.postHandler(common.globalUri(),
+      {
+        action: source,
+        para:
+        {
+          searchFields: apiData,
+          pageAttribute: { pageIndex: 1 },
+          flagSearch: true
+        }
+      }).then(
+        function (response) {
+          if (response.rtnCode === Enum.ReturnCode.Successful) {
+            var rtn = init(response);
+            if (callBack) {
+              callBack(rtn);
+            }
+          }
+        }
+      );
+  }
+  else {
+    return init(source);
+  }
+};
+export default SearchStats;