centaline-data-driven 1.2.50 → 1.2.53

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

@@ -0,0 +1,354 @@
+import base from '../../index';
+import Base from './Base';
+import Enum from './lib/Enum';
+import common from '../../../common';
+import Router from './Router';
+import Vue from 'vue';
+const ContactList = function (source,para ,callBack) {
+  var init = function (data) {
+    var rtn = {
+      $vue: null,        
+      _buttons: null,
+      _actionRouter: null,
+      _rowRouter: null,
+      _columns: [],
+      _listData: [],
+      _scripts: null,
+      options: [],
+      isMergeTitle: false,//是否合并标题
+      text:'',
+      value:0,
+      currentRow: null,
+      attrs: {
+        size: 'mini'
+      },
+      optionAttrs: {
+        value: 'code',
+        label: 'name',
+        displayLabel:'displayName',
+        actionType: 'actionType',
+        flagDeleted: 'flagDeleted'
+      },
+      get lock() {
+        return false;
+      },
+      get primaryKey() {
+        return common.initialsToUpperCase(data.content.primaryFieldName);
+      },
+      get primaryFieldMappingDBName() {
+        return data.content.primaryFieldMappingDBName;
+      },
+      get buttons() {
+        if (rtn._buttons !== null) {
+          return rtn._buttons;
+        }
+        else {
+          if (data.content.toolButtons) {
+            rtn._buttons = [];
+            data.content.toolButtons.forEach((v) => {
+              var button = Router(v);
+              button.is = "ct-btn";
+              button.attrs = { size: "mini", class: 'max-btn-gray' }
+              rtn._buttons.push(button);
+            });
+          }
+          return rtn._buttons;
+        }
+      },      
+      get actionRouter() {
+        if (rtn._actionRouter !== null) {
+          return rtn._actionRouter;
+        }
+        else {
+          rtn._actionRouter = [];
+          if (data.content.actionRouters) {
+            data.content.actionRouters.forEach((v) => {
+              var router = Router(v);
+              router.is = "ct-btn";
+              router.attrs = { size: "mini" }
+              rtn._actionRouter.push(router);
+            });
+          }
+          return rtn._actionRouter;
+        }
+      },
+      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;
+        }
+      },      
+      get listData() {
+        if (rtn._listData.length<=0) {
+          if(data.content.rows && data.content.rows.length>0){
+            data.content.rows.forEach((v,i) => {
+              rtn._listData.push(v);              
+            });
+          }
+        }
+        return rtn._listData;
+      },
+      set listData(v) {
+        if (v) {
+          rtn._listData=v;
+        }
+      },
+      get columns() {
+        var self = this;
+        if (self._columns.length > 0) {
+          return self._columns;
+        }
+        else {
+          var lockLeft = true;
+
+          self.isMergeTitle = data.content.columns.some(v => {
+            return v.trOrder === 2;
+          });
+
+          data.content.columns.forEach((v) => {
+            v.columnWidth = v.columnWidth ? v.columnWidth : 'auto';
+            var col = {
+              fixedSize: 0,
+              get source() {
+                return v;
+              },
+              get id() {
+                return common.initialsToUpperCase(v.fieldName);
+              },
+              get name() {
+                return v.displayName;
+              },
+              get sort() {
+                return v.flagSort;
+              },
+              get sortName() {
+                return v.sortBy;
+              },
+              get sortAction() {
+                return v.sc;
+              },
+              set sortAction(v1) {
+                v.sc = v1;
+              },
+              get style() {
+                return v.columnStyle;
+              },
+              get show() {
+                return v.visible;
+              },
+              get rowspan() {
+                return v.rowSpan || 1;
+              },
+              get colspan() {
+                return v.colSpan || 1;
+              },
+              get trOrder() {
+                return v.trOrder || 1;
+              },
+              get isDataField() {
+                return v.isDataField;
+              },
+              get width() {
+                return v.columnWidth ? v.columnWidth : undefined;
+              },
+              set width(widthV) {
+                v.columnWidth = widthV;
+              },
+              get lock() {
+                return v.frozen;
+              },
+              get routerKey() {
+                return v.routerKey;
+              },
+              _router: null,
+              get router() {
+                if (col._router !== null) {
+                  return col._router;
+                }
+                //todo
+                if (typeof v.routerKey !== "undefined") {
+                  let router = rtn.actionRouter.find(b => {
+                    return b.id === v.routerKey;
+                  });
+                  return router;
+                }
+                return null;
+              },
+              //是否高度自适应
+              get autoRowHeight() {
+                return v.autoRowHeight;
+              },
+              attrs: {
+                get style() {
+                  let styleObj = v.cs ? JSON.parse(v.cs) : {};
+                  if (rtn.$vue !== null) {
+                    if (v.frozen) {
+                      if (col.fixed === 'right') {
+                        styleObj.right = col.fixedSize + 'px'
+                      }
+                      else if (col.fixed === 'left') {
+                        styleObj.left = col.fixedSize + 'px'
+                      }
+                    }
+                  }
+
+                  if (col.width) {
+                    styleObj["width"] = col.width + 'px';//列宽
+                    styleObj["min-width"] = col.width + 'px';//列宽
+                  }
+                  styleObj["text-align"] = col.align;//水平位置
+
+                  return styleObj;
+                  //  return ;
+                },
+                get align() {//水平位置
+                  if (v.align === Enum.HalignType.Left) {
+                    return 'left';
+                  }
+                  if (v.align === Enum.HalignType.Right) {
+                    return 'right';
+                  }
+                  return 'center';
+                },
+                get valign() {//垂直位置 TODO
+                  return v.valign || 'center';
+                },
+                get title() {
+                  return v.columnToolTip;
+                }
+              }
+            };
+            if (col.show) {
+              //合并表头时暂不支持固定列
+              if (col.lock && !self.isMergeTitle) {
+                if (lockLeft) {
+                  col.fixed = 'left';
+                }
+                else {
+                  col.fixed = 'right';
+                }
+              }
+              else {
+                lockLeft = false;
+              }
+            }
+            self._columns.push(col);
+          });
+        }
+        return self._columns;
+      },
+      set columns(v) {
+        this._columns = [];
+        data.content.columns = v;
+      },
+      get apiRouter() {
+        return data.apiRouter;
+      },
+      getOptions(){
+        if (rtn.options.length<=0) {
+          let label=rtn.columns[0].id;
+          rtn.listData.forEach((v,i) => {
+            rtn.options.push({code:i,name:v[label]})
+          });
+        }
+      },
+      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: searchValue1,
+          });
+        }
+        Vue.prototype.$api.postHandler(common.globalUri(), {
+          action: rtn.apiRouter.action,
+          para: {
+            searchFields: searchFields,
+            pageAttribute: { pageIndex: 1 },
+            flagSearch: true
+          }
+        })
+        .then(function (response) {
+          if (response.rtnCode === Enum.ReturnCode.Successful) {
+            if (response.content.rows.length > 0) {
+              if(router.flagAddRowAfterAction){
+                rtn.doNew(response.content.rows);   
+              }
+              else{
+                rtn.doUpdate(response.content.rows,searchValue1);
+              }
+            }
+          }
+        })
+        .catch((error) => {
+        });
+      },
+      doAction(response,field) {
+        if (response.responseData) {
+          response = response.responseData;
+        }
+        if(field.flagFreshCurrentRow || field.flagAddRowAfterAction){
+          rtn.getCurrentRowApiData(response,field);
+        }
+        else{
+          switch (response.notification) {
+            case Enum.ActionType.Delete://删除
+            case Enum.ActionType.CloseTabThenDelete://删除
+              
+              break;
+            case Enum.ActionType.New://新增
+            case Enum.ActionType.CloseTabThenNew://新增  
+                         
+              break;
+            case Enum.ActionType.Update://修改
+            case Enum.ActionType.CloseTabThenUpdate://修改
+              
+              break;
+            default:
+              break;
+          }
+        }        
+      },
+    };
+    return rtn;
+  }
+  if (typeof source === 'string') {
+    let paras= {
+      searchFields: para,
+      pageAttribute: { pageIndex: 1 },
+      flagSearch: true
+    }
+    Vue.prototype.$api.postHandler(common.globalUri(), { action: source,para:paras}).then(
+      function (response) {
+        if (response.rtnCode === Enum.ReturnCode.Successful) {
+          var rtn = init(response);
+          if (callBack) {
+            callBack(rtn);
+          }
+        }
+      }
+    );
+  }
+  else {
+    var rtn = init(source);
+    if (callBack) {
+      callBack(rtn);
+    }
+  }
+}
+export default ContactList;

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

@@ -14,6 +14,7 @@ const Detail = function (source,para ,callBack) {
         _otherTradeActionRouter: null,//对应另外种交易的 router 如：本盘出售 则可能对应的出租的交易，没有则为空
         _actionRouters:null,//页面上的动作行为
         _actionRoutersMoreList:null,//页面上的更多动作行为
+        _actionRoutersSimple:null,//页面上的动作行为
         _contactApiRouter:null,//查看联系人
         _commissionApiRouter:null,//查看角色
         detailHeight:750,
@@ -191,6 +192,23 @@ const Detail = function (source,para ,callBack) {
                 return rtn._actionRoutersMoreList;
             }
         },
+        get actionRoutersSimple() {
+            if (rtn._actionRoutersSimple !== null) {
+                return rtn._actionRoutersSimple;
+            }
+            else {
+              rtn._actionRoutersSimple = [];  
+              if (data.actionRouters) {
+                data.actionRouters.forEach((v,i) => {
+                  var router = Router(v);
+                  router.is = "ct-btn";
+                  router.attrs = { size: "mini" }
+                  rtn._actionRoutersSimple.push(router);
+                });
+              }
+              return rtn._actionRoutersSimple;
+            }
+        },
         get tags1() {
             return data.tags1;
         },

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

@@ -38,6 +38,9 @@ const Router = function (source) {
     get isDropdown() {
       return source.buttonType === Enum.ButtonType.Dropdown;
     },
+    get isCallTel() {
+      return source.actionType === Enum.ActionType.CallTel;
+    },
     get alert() {
       return source.flagAlert === true;
     },

package/src/centaline/loader/src/ctl/lib/Enum.js

@@ -229,6 +229,10 @@ const Enum = {
     /// 重复控件
     /// </summary>
     Repeat: 47,
+    /// <summary>
+    /// 复合控件
+    /// </summary>
+    Compound: 48,
   },
 
   //返回状态码
@@ -368,6 +372,11 @@ const Enum = {
     ///  替换当前表单内容
     /// </summary>
     Replace: 18,
+
+    /// <summary>
+    ///  执行 拨打电话 的动作
+    /// </summary>
+    CallTel: 19,
   },
 
   /// <summary>

package/src/centaline/loader/src/ctl/lib/LibFunction.js

@@ -33,6 +33,7 @@ import SensitiveEye from '../SensitiveEye';
 import Cb from '../Cb';
 import PhotoSelect from '../PhotoSelect';
 import Repeat from '../Repeat';
+import Compound from '../Compound';
 
 const LibFunction = {
   install(Vue) {
@@ -218,6 +219,10 @@ const LibFunction = {
         item = Repeat(listobj, field);
         item.is = 'ct-repeat';
         break;
+      case Enum.ControlType.Compound://复合
+        item = Compound(field);
+        item.is = 'ct-compound';
+        break;
       case Enum.ControlType.Hidden://隐藏控件
         item = Hd(field);
         break;

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

@@ -39,6 +39,8 @@ const loader = {
   QuickInputSos: require("./ctl/QuickInputSos.js").default,
   ContactList: require("./ctl/ContactList.js").default,
   Repeat: require("./ctl/Repeat.js").default,
+  Compound: require("./ctl/Compound.js").default,
+  Contact: require("./ctl/Contact.js").default,
 };
 
 export default loader;

package/src/centaline/selectOption/src/selectOptionVertical.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="ct-selectOptionVertical" style="">
     <ul>
-      <li v-for="op in model.options" :class="[getOptionSelect(op[model.optionAttrs.value])?'select':'']" @click="selectOption(op[model.optionAttrs.value])">
+      <li v-for="(op, index) in model.options" :key="index" :class="[getOptionSelect(op[model.optionAttrs.value])?'select':'']" @click="selectOption(op[model.optionAttrs.value])">
         <span>{{op[model.optionAttrs.displayLabel]||op[model.optionAttrs.label]}}</span>
       </li>
     </ul>

package/src/centaline/templateControls/src/dynamicTableCurrency.vue

@@ -1,7 +1,7 @@
 <template>
-  <div :class="isOperationalColumn?'subdiv_allinline':''" v-if="isShowLabel" @click="clickHandler($event)">
-    <img v-if="router.imgUrl && isShowImg" class="ct-tablecurrencyImg ct-tablecurrencyItem" :src="router.imgUrl" :title="router.label" />
-    <a v-else href="javascript:void(0);" class="ct-tablecurrencyItem" >
+  <div :class="isOperationalColumn?'subdiv_allinline':''" v-if="isShowLabel" @click="isOperationalColumn?clickHandler($event):null">
+    <img v-if="router.imgUrl && isShowImg" class="ct-tablecurrencyImg ct-tablecurrencyItem" :src="router.imgUrl" :title="router.label"  @click="!isOperationalColumn?clickHandler($event):null"/>
+    <a v-else href="javascript:void(0);" class="ct-tablecurrencyItem"  @click="!isOperationalColumn?clickHandler($event):null">
       {{label}}
     </a>
   </div>