centaline-data-driven 1.2.52 → 1.2.55

package/build/centaline/centaline.path.js

@@ -44,6 +44,7 @@ const paths = {
     "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.52",
+  "version": "1.2.55",
   "description": "ccai",
   "author": "hjc <3226136347@qq.com>",
   "private": false,

package/src/centaline/css/common.css

@@ -319,7 +319,7 @@ html {
  }
  .spanMessage {
    font-size: 12px;
-   padding: 2px 2px;
+   padding: 0px 2px;
  }
  .el-input__icon {
    height:initial;

package/src/centaline/css/max.css

@@ -240,4 +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.content.qrCode;
+          if(data.content.width)this.width=data.content.width;
+          if(data.content.height)this.height=data.content.height;
+        }
+      },
     }
   }
 </script>

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

@@ -3,7 +3,7 @@
       <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" :selectIndex="selectIndex" :rowCount="rowCount" class="ct-PropertySimpleDetailRET"  
-      @clickNextHandler="clickNextHandler" @clickPrevHandler="clickPrevHandler"
+      @clickNextHandler="clickNextHandler" @clickPrevHandler="clickPrevHandler" @simpleRouterclickHandler="simpleRouterclickHandler"
       v-if="pageType=='PropertySimpleDetailRET'" @closeSideHandler="closeSideHandler"></ct-PropertySimpleDetailRET>
     </div>
 </template>
@@ -45,6 +45,9 @@
       clickPrevHandler() {
         this.$emit('clickPrevHandler');
       },
+      simpleRouterclickHandler(field,data) {
+        this.$emit('simpleRouterclickHandler',field,data);
+      },
     }
   }
 </script>

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

@@ -179,7 +179,8 @@
                   </div>
                   <div class="t-item"><span class="i" :class="'operation'+col.flagKey">{{col.desc}}</span></div>
                   <div class="t-item" style="min-height: 50px;">
-                    <component class="el-button t-but el-button--info max-info" v-if="col.router && col.router.show" :is="col.router.is" :vmodel="col.router" :api="model.optionApi" @click="fieldClickHandler(col.router,$event)"></component>
+                    <component v-for="(router, routerIndex) in col.routers" :key="routerIndex" :is="router.is" :vmodel="router" :api="model.optionApi" 
+                    @click="fieldClickHandler(router,$event)" class="el-button t-but el-button--info max-info"></component>
                   </div>
                 </div>                  
               </div>
@@ -594,10 +595,10 @@
   }
 </script>
 <style lang="scss" scoped>
-.operation0{
+.operation0,.operation20,.operation-1000{
   color: #000000;
 }
-.operation1{
+.operation1,.operation10{
   color: #388cd3;
 }
 .operation2{

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

@@ -1,7 +1,7 @@
 <template>
     <div ref="main" class="main" v-if="model!==null">
       <div style="height:36px;margin-top: 10px;display: flex;border-bottom: solid 2px #EE6B6B;">        
-        <img src="../../../assets/ewmA.png" alt="" style="width: 26px;height: 26px;vertical-align: bottom;margin-left:22px;cursor: pointer">
+        <img :src="model.fields1Dic.ewmUrl.value" alt="" style="width: 26px;height: 26px;vertical-align: bottom;margin-left:22px;cursor: pointer">
         <div :style="{'width':topWidth+'px'}" style="font-size: 14px;color: #333333;padding-left: 10px;line-height: 26px;">
           <span>{{model.fields1Dic.PropertyNo.label}}</span>
           <span>{{model.fields1Dic.PropertyNo.value}}</span>
@@ -14,12 +14,12 @@
       </div>
       <div style="padding-left: 20px;padding-right: 20px;">
         <div style="margin-top: 18px;">
-          <div style="font-weight: Bold;font-size: 16px;color: #333333;">
+          <div style="font-weight: Bold;font-size: 16px;color: #333333;display: flex;">
             <span>{{model.fields1Dic.EstateName.value}}</span>
             <span>{{model.fields1Dic.BuildingName.value}}</span>
             <span>{{model.fields1Dic.RoomNo.value}}</span>
-            <div style="float:right;border: 1px solid #E0E0E0;font-size: 12px;color: #333333;padding-top: 3px;
-            width: 68px;height: 26px;border-radius: 6px;text-align: center;">
+            <div style="border: 1px solid #E0E0E0;font-size: 12px;color: #333333;padding-top: 3px;
+            width: 68px;height: 26px;border-radius: 6px;text-align: center;margin-left: auto;">
               {{model.fields1Dic.StatusName.value}}
             </div>
           </div>
@@ -34,10 +34,10 @@
             </div>
           </div>
         </div>
-        <div style="display: flex;margin-top: 16px;height: 65px;border: 1px solid #ECEFF2;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);border-radius: 6px;text-align: center;">
+        <div style="margin-top: 16px;display: flex;height: 65px;border: 1px solid #ECEFF2;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);border-radius: 6px;text-align: center;">
           <div style="width: 33.33%;">
-            <div style="margin-top: 13px;font-size: 12px;">{{model.fields1Dic.AreaNet.label}}</div>
-            <div style="margin-top: 7px;font-size: 14px;font-weight: Bold;color: #EE6B6B;">{{model.fields1Dic.AreaNet.value}}{{model.fields1Dic.AreaNet.unitName}}</div>
+            <div style="margin-top: 13px;font-size: 12px;">{{model.fields1Dic.Area.label}}</div>
+            <div style="margin-top: 7px;font-size: 14px;font-weight: Bold;color: #EE6B6B;">{{model.fields1Dic.Area.value}}{{model.fields1Dic.Area.unitName}}</div>
           </div>
           <div style="width: 33.33%;">
             <div style="margin-top: 13px;font-size: 12px;">{{model.fields1Dic.Price.label}}</div>
@@ -48,16 +48,39 @@
             <div style="margin-top: 7px;font-size: 14px;font-weight: Bold;color: #EE6B6B;">{{model.fields1Dic.FloorName.value}}</div>
           </div>
         </div>
+        <div ref="contact" style="margin-top: 16px;" v-if="model.contactApiRouter!==null" >
+          <ct-contact :apiRouter="model.contactApiRouter" :api="model.contactApiRouter.action" :apiParam="model.contactApiRouter.getSearchPara()"></ct-contact>
+        </div>
+        <div ref="routers" style="margin-top: 16px;display: flex;">
+          <component v-for="(router, index) in model.actionRoutersSimple.slice(0,showIndex>0?showIndex:model.actionRoutersSimple.length-1)" :key="index" 
+            :ref="'routers'+index"
+            v-if="!router.rightField || (model.fields1Dic[router.rightField] && model.fields1Dic[router.rightField].value == 1)"
+            :is="router.is" :vmodel="router" :api="model.optionApi" @click="fieldClickHandler(router)">
+          </component>
+          <el-popover v-if="showIndex>0" ref="popover0" :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">
+              <component v-for="(router, index) in model.actionRoutersSimple.slice(showIndex)" :key="index" 
+                v-if="!router.rightField || (model.fields1Dic[router.rightField] && model.fields1Dic[router.rightField].value == 1)"
+                :is="router.is" :vmodel="router" :api="model.optionApi" @click="fieldClickHandler(router)">
+              </component>
+            </div>
+            <span :slot="showIndex>0?'reference':''" class="icon-more" style="margin-left: 10px;"></span>
+          </el-popover>
+        </div>
       </div>
     </div>
 </template>
 
 <script>
   import dynamicElement from '../../mixins/dynamicElement';
+  import dynamicContact from '../../dynamicContact/src/dynamicContact.vue';
   export default {
     name: 'ct-PropertySimpleDetailRET',
     mixins: [dynamicElement],
     components: {
+      'ct-contact': dynamicContact,
     },
     props: {
       vmodel: Object,
@@ -71,6 +94,14 @@
     data() {
       return {
         topWidth:300,
+        showIndex:0,
+        option: {
+          isHidden: true,//是否开启操作栏隐藏设置，默认开启
+          showNum: 3,//如果isHidden为true时，个数大于3就会隐藏，默认是3
+          appendId: '',//将浮动栏添加到对应id或者class节点中。或者.xxx。传空字符串是添加到body中。
+          trigger: 'hover',//触发方式，传值可查看Popper UI组件trigger属性
+          placement: 'right-start',//方向，传值可查看Popper UI组件placement属性
+        },
       }
     },
     mounted() {
@@ -110,10 +141,27 @@
         });
       },
       setDetailStyle() {
+        let self=this;
         this.$nextTick(() => {
           if(this.$refs.main){
             this.topWidth=this.$refs.main.clientWidth-140;
           }
+
+          let totalWidth=self.$refs.routers.offsetWidth;
+          let sumWidth=0;
+          let moreWidth = 20;
+          self.model.actionRoutersSimple.forEach((v,i) => {
+            if(!v.rightField || (self.model.fields1Dic[v.rightField] && self.model.fields1Dic[v.rightField].value == 1)){
+              if(self.$refs['routers'+i][0] && self.$refs['routers'+i][0].$el){
+                if(sumWidth+self.$refs['routers'+i][0].$el.offsetWidth+moreWidth+10>totalWidth && self.showIndex===0){
+                  self.showIndex=i;
+                }
+                else{
+                  sumWidth=sumWidth+self.$refs['routers'+i][0].$el.offsetWidth+(i>0?10:0);
+                }
+              }
+            }
+          });
         });
       }, 
       loadFields() {
@@ -162,9 +210,6 @@
         this.model._operationRouters=[];
         this.model.getOperationList();
       },
-      lookOwner() {
-        this.codeOwner = true
-      },
       handleClick(tab, event) {
         let i=tab.index;
         if(this.model.tags2 && this.model.tags2[i]){
@@ -182,6 +227,10 @@
         }
       },      
       fieldClickHandler(field) {
+        if(this.$refs['popover0']){
+          this.$refs['popover0'].doClose();
+        }
+
         var self = this;
         var callBack=null;
         let submitData={};
@@ -257,6 +306,7 @@
                         callBack();
                       }
                       self.$common.closeDialog(dialogOption.dialog);
+                      self.$emit('simpleRouterclickHandler',field,ev);
                     }
                   }
                 }]
@@ -305,6 +355,7 @@
                 if(callBack){
                   callBack();
                 }
+                self.$emit('simpleRouterclickHandler',field,data);
               })
             }
           }