centaline-data-driven 1.2.50 → 1.2.53

package/build/centaline/centaline.path.js

@@ -43,6 +43,8 @@ const paths = {
     "dynamicPhotoSelectList": "./src/centaline/dynamicPhotoSelectList/index.js",//图片选择列表
     "dynamicViewer": "./src/centaline/dynamicViewer/index.js",//图片选择列表
     "dynamicRepeat": "./src/centaline/dynamicRepeat/index.js",//重复控件
+    "dynamicCompound": "./src/centaline/dynamicCompound/index.js",//复合控件
+    "dynamicContact": "./src/centaline/dynamicContact/index.js",//联系人电话
   },
   "plugs": {
     "api": "./src/centaline/api/index.js",//调用API插件

package/package.json

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

package/src/Detail.vue

@@ -10,7 +10,7 @@
     name: 'DataDrivendetail',
     data() {
       return {        
-        apiParam: {actionType: 1,chanceID: "2"} ,
+        apiParam: {actionType: 1,chanceID: "1"} ,
       }
     },
     mounted() {

package/src/centaline/css/common.css

@@ -313,12 +313,13 @@ html {
    height: 26px;
    font-size: 12px;
    color: #ff5b5b !important;
-   padding: 3px 5px;
+   padding: 0 5px;
+   line-height: 26px;
    white-space: nowrap;
  }
  .spanMessage {
    font-size: 12px;
-   padding: 2px 2px;
+   padding: 0px 2px;
  }
  .el-input__icon {
    height:initial;
@@ -712,6 +713,7 @@ html {
 
 .el-date-editor .el-range-input, .el-date-editor .el-range-separator {
   font-size: 12px;
+  height: 22px;
 }
 .ct-text{
   position: relative

package/src/centaline/css/max.css

@@ -240,3 +240,6 @@
 .el-radio__input.is-checked + .el-radio__label {
     color: #409eff;
 }
+.ct-table-content .ct-table .ct-tr .cell img{
+    display: inherit;
+}

package/src/centaline/dynamicBtn/src/dynamicBtn.vue

@@ -34,13 +34,30 @@
              <div>{{model.label}}</div>
              <div style="color:red;font-weight:700;">{{model.subText}}</div>             
   </el-button>
-  <el-button v-else
-             :type="model.isHyperLink ? 'text' : 'primary'"
-             v-bind="model.attrs" @click="$emit('click',model)"
-             :style="{color:model.textColor,backgroundColor:model.bgColor,borderColor:model.borderColor}"
-             :icon="model.icon"
-             :disabled="model.disabled || model.locked">
-             {{model.label}}
+  <el-button v-else-if="model.isCallTel"
+    :type="model.isHyperLink ? 'text' : 'primary'"
+    v-bind="model.attrs" @click="clickHandle"
+    :style="{color:model.textColor,backgroundColor:model.bgColor,borderColor:model.borderColor}"
+    :icon="model.icon"
+    :disabled="model.disabled || model.locked">
+    <el-popover :ref="'popover'+model.id" :append-to-table="option.appendId?option.appendId:''" 
+    class="Stats-popover" popper-class="el-popover1" :placement="option.placement?option.placement:'left'" 
+    v-model="visible"
+    :trigger="option.trigger?option.trigger:''">
+    <div style="border-bottom:none">
+      <div style="color: #388cd3;text-align: center;">{{message}}</div>
+      <img v-show="qrCode" :src="qrCode" style="margin-top: 5px;" :style="{'width':width+'px','height':height+'px'}" />
+    </div>
+    <span slot="reference">{{model.label}}</span>
+  </el-popover>
+  </el-button>
+  <el-button v-else 
+    :type="model.isHyperLink ? 'text' : 'primary'"
+    v-bind="model.attrs" @click="$emit('click',model)"
+    :style="{color:model.textColor,backgroundColor:model.bgColor,borderColor:model.borderColor}"
+    :icon="model.icon"
+    :disabled="model.disabled || model.locked">
+    {{model.label}}
   </el-button>
 </template>
 <script>
@@ -54,7 +71,20 @@
     },
     mixins: [dynamicElement],
     data: function () {
-      return {};
+      return {
+        visible:false,
+        message:'',
+        qrCode:'',
+        width:300,
+        height:300,
+        option: {
+          isHidden: true,//是否开启操作栏隐藏设置，默认开启
+          showNum: 3,//如果isHidden为true时，个数大于3就会隐藏，默认是3
+          appendId: '',//将浮动栏添加到对应id或者class节点中。或者.xxx。传空字符串是添加到body中。
+          trigger: 'manual',//触发方式，传值可查看Popper UI组件trigger属性
+          placement: 'bottom-start',//方向，传值可查看Popper UI组件placement属性
+        },
+      };
     },
     created() {
       if (typeof this.vmodel === 'undefined') {
@@ -104,6 +134,34 @@
         this.model.selectOptionCode=code;
         this.$emit('click', this.model);
       },
+      clickHandle(){
+        if(this.model.isCallTel){
+          if(this.visible){
+            this.visible=false;
+          }
+          else{
+            this.$emit('click',this.model);
+          }
+        }
+        else{
+          this.$emit('click',this.model);
+        }
+      },
+      callTelClick(data){
+        this.message='';
+        this.qrCode='';
+        if(data.content.actionType=='显示消息'){
+          this.visible=true;
+          this.message=data.content.message;
+        }
+        else if(data.content.actionType=='扫码拨号'){
+          this.visible=true;
+          this.message=data.content.message;
+          this.qrCode='data:image/png;base64,' + data.content.qrCode;
+          if(data.content.width)this.width=data.content.width;
+          if(data.content.height)this.height=data.content.height;
+        }
+      },
     }
   }
 </script>

package/src/centaline/dynamicCompound/index.js

@@ -0,0 +1,14 @@
+import dynamicCompound from './src/dynamicCompound'
+import api from '../api/index'
+
+dynamicCompound.install = function (Vue) {
+  Vue.component(dynamicCompound.name, dynamicCompound);
+
+  Vue.use(api);
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.use(dynamicCompound);
+}
+
+export default dynamicCompound;

package/src/centaline/dynamicCompound/src/dynamicCompound.vue

@@ -0,0 +1,89 @@
+<template>
+  <el-row v-if="model.fields.length > 0">
+    <el-col v-for="(col, index) in model.fields" :key="index" v-if="col.show !== false" :span="col.colspan" :class="index>0&&col.label==''?'complex-left-10':''">
+      <component ref="Fields" :is="col.is" :vmodel="col" :api="model.OptApi" v-bind="col.bindPara"
+                           @click="fieldClickHandler(col,index)" @change="changeHandler(col,index)"
+                           @input="inputHandler(col,index)"></component>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+  var ctSpan = {
+    props: {
+      vmodel: Object,
+    },
+    data: function () {
+      return {
+
+      }
+    },
+    methods: {
+      
+    },
+  }
+
+  export default {
+    name: 'ct-compound',
+    components: {
+      'ct-span': ctSpan
+    },
+    props: {
+      vmodel: Object,
+      api: String
+    },
+    data() {
+      return {
+        model: null,
+        foucus: false,
+        itemKey: Math.random()
+      }
+    },
+    created() {
+      let self = this;
+      this.model = this.vmodel;
+      this.model.OptApi = this.api;
+    },
+    methods: {
+      fieldsValidExcute() {
+        var self = this;
+        var rtnBool = true;
+        if (typeof self.$refs.Fields !== 'undefined') {
+          self.$refs.Fields.forEach((f) => {
+            if (typeof f.validExcute !== 'undefined') {
+              if (!f.validExcute()) {
+                rtnBool = false;
+              }
+            }
+          });
+        }
+        return rtnBool;
+      },
+      validExcute() {
+        var self = this;
+        var rtnBool = true;
+        if (!self.fieldsValidExcute()) {
+          rtnBool = false;
+        } 
+        return rtnBool;
+      },
+      changeHandler(field,index) {
+        var self = this;
+        this.model.change = field.change;
+        self.$emit('change');
+      },
+      inputHandler(field, index) {
+        var self = this;
+        this.model.input = field.input;//当前小组件事件作为大组件事件
+        self.$emit('input');
+
+      },
+    }
+  }
+</script>
+<style>
+  .complex-left-10 {
+    padding-left: 10px;
+  }
+ 
+</style>

package/src/centaline/dynamicContact/index.js

@@ -0,0 +1,11 @@
+import dynamicContact from './src/dynamicContact'
+
+dynamicContact.install = function (Vue) {
+  Vue.component(dynamicContact.name, dynamicContact);
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.use(dynamicContact);
+}
+
+export default dynamicContact;

package/src/centaline/dynamicContact/src/dynamicContact.vue

@@ -0,0 +1,293 @@
+<template>
+  <div v-if="apiRouter!=={} && model && model.listData.length>0" style="border: 1px solid #ECEFF2;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);border-radius: 6px;
+  padding-bottom: 10px;padding-top: 10px;padding-left: 10px;display: flex;font-size: 12px;">
+    <div class="ct-so" style="width:180px;">        
+      <el-popover ref="pop" placement="bottom-start" v-model="showDrop" trigger="click">
+        <div>
+          <ctSelectOptionVertical :model="model" @click="selectOption($event)"></ctSelectOptionVertical>
+        </div>
+        <input slot="reference" readonly="readonly" ref="ct-input" style="font-weight: Bold;color:#333333 !important;"
+        :style="{height:inputHeight + 'px','line-height':inputLineHeight + 'px'}"
+        @focus="focusHandle" @blur="blurHandle" @click="clickHandle" @input="inputHandler($event)" v-model="model.text" 
+        @change="changeHandler($event)" :disabled="model.lock" :class="model.lock ? 'ct-is-disabled' : 'ct-input_inner'" />
+      </el-popover>
+      <span class="el-input__suffix" @click="clickHandle" :class="[model.attrs.size?'el-input--'+model.attrs.size:'']">
+        <span class="el-input__suffix-inner">
+          <i class="el-select__caret el-input__icon el-icon-arrow-up" :class="{'is-reverse':showDrop}"></i>
+        </span>
+      </span>
+    </div>
+    <div style="margin-left: 5px;display: flex;">
+      <component v-for="(router, index) in model.rowRouter" :key="index" :ref="'router'+router.id"
+      v-if="!router.rightField || model.listData[model.value][router.rightField] == 1"
+      :is="router.is" :vmodel="router" :api="model.optionApi" @click="fieldClickHandler(router)">
+      </component>
+    </div>
+  </div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  import selectOption from '../../selectOption/src/selectOption.vue';
+  import ctSelectOptionVertical from '../../selectOption/src/selectOptionVertical';
+  export default {
+    name: 'ct-contact',
+    mixins: [dynamicElement],
+    components: {
+      'ct-select-option': selectOption,
+      'ctSelectOptionVertical': ctSelectOptionVertical,
+    },
+    props: {
+      vmodel: Object,
+      api: String,
+      apiParam: Object,
+      apiRouter: {
+        Object,
+        default:{}
+      },
+    },
+    data() {
+      return {
+        focus: false,
+        showDrop: false,
+        inputHeight: 26,
+        inputLineHeight: 26,
+      }
+    },
+    created() {
+      var self = this;
+      this.$nextTick(function () {
+        if (self.vmodel) {
+          self.load(self.vmodel);
+        }
+        else if (typeof self.source !== 'undefined') {
+          self.loaderObj.Contact(self.source,null,self.load);
+        }
+        else if (typeof self.api !== 'undefined' && self.apiParam) {
+          self.loaderObj.Contact(self.api,self.apiParam, self.load);
+        }
+      });   
+    },
+    activated() {      
+    },
+    methods: {
+      load(data) {
+        this.model = data;
+        this.model.$vue = self;
+        if(this.model.listData.length>0){
+          this.model.text=data.listData[0][data.columns[0].id];
+          this.model.value=0;
+        }
+      },
+      focusHandle: function () {
+        this.$refs['ct-input'].focus();
+        this.$set(this, 'focus', true);
+      },
+      blurHandle: function () {
+        this.$set(this, 'focus', false);
+      },
+      clickHandle: function () {
+        if (this.model.lock) {
+          return false;
+        }
+        this.$set(this, 'showDrop', !this.showDrop);
+        if (this.showDrop) {
+          this.getOptions();
+        }
+        this.focusHandle();
+      },
+      selectOption(value) {
+        if (this.model.value === value) {
+          this.$set(this, 'showDrop', false);
+          return;
+        }
+        else {
+          this.model.value = value;
+        }
+        this.soChange();
+        this.$set(this, 'showDrop', false);
+      },
+      getOptions: function () {
+        this.model.getOptions();
+      },
+      soChange: function () {
+        var self = this;
+        if (typeof this.model.child !== 'undefined') {
+          this.model.child.value = this.model.child.defaultValue || '';
+          this.model.child.text = this.model.child.defaultText || '';
+        }
+        var currentOption = this.model.options.find((value) => {
+          return self.model.value === value[self.model.optionAttrs.value];
+        });
+        if (currentOption) {
+          this.model.text = currentOption[self.model.optionAttrs.label];
+        }
+        else {
+          this.model.text = '';
+        }
+        this.inputHandler(self.model.value);
+        this.changeHandler(self.model.value);
+        if(this.model.autoSearch) this.$emit('click');
+      },
+      fieldClickHandler(field) {
+        var self = this;
+        let submitData={};
+        var router = this.model.buttons.find((v) => {
+          return v.id === field.id;
+        });
+        if(router==undefined && this.model.actionRouter){
+          router = this.model.actionRouter.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.listData[self.model.value][v];
+            });
+          }
+        }
+        
+        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();
+                }
+                if(field.actionType===10){
+                  self.loaderObj.Contact(data,null,self.load);
+                }
+                else if(field.actionType===19){
+                  self.$refs['router'+field.id][0].callTelClick(data);
+                }
+              })
+            }
+          }
+          //执行客户端脚本
+          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/dynamicDetail/src/dynamicDetail.vue

@@ -2,7 +2,9 @@
     <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>
+      <ct-PropertySimpleDetailRET :api="api" :apiParam="apiParam" :selectIndex="selectIndex" :rowCount="rowCount" class="ct-PropertySimpleDetailRET"  
+      @clickNextHandler="clickNextHandler" @clickPrevHandler="clickPrevHandler" @simpleRouterclickHandler="simpleRouterclickHandler"
+      v-if="pageType=='PropertySimpleDetailRET'" @closeSideHandler="closeSideHandler"></ct-PropertySimpleDetailRET>
     </div>
 </template>
 
@@ -22,6 +24,8 @@
       api: String,
       apiParam: Object,
       pageType: String,
+      selectIndex:Number,
+      rowCount:Number,
     },
     data() {
       return {
@@ -32,6 +36,18 @@
       this.model = this.vmodel;
     },
     methods: {
+      closeSideHandler() {
+        this.$emit('closeSideHandler');
+      },
+      clickNextHandler() {
+        this.$emit('clickNextHandler');
+      },
+      clickPrevHandler() {
+        this.$emit('clickPrevHandler');
+      },
+      simpleRouterclickHandler(field,data) {
+        this.$emit('simpleRouterclickHandler',field,data);
+      },
     }
   }
 </script>