centaline-data-driven 1.2.26 → 1.2.29

package/build/centaline/centaline.path.js

@@ -7,6 +7,7 @@ const paths = {
     "dynamicMt": "./src/centaline/dynamicMt/index.js",//多行文本组件
     "dynamicSo": "./src/centaline/dynamicSo/index.js",//单选下拉菜单
     "dynamicSos": "./src/centaline/dynamicSos/index.js",//单选搜索下拉菜单
+    "dynamicSosTt": "./src/centaline/dynamicSosTt/index.js",//电话号码编辑框
     "dynamicT": "./src/centaline/dynamicT/index.js",//文本input组件
     "dynamicL": "./src/centaline/dynamicL/index.js",//文本label组件
     "dynamicTags": "./src/centaline/dynamicTags/index.js",//多选搜索下拉菜单组件

package/package.json

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

package/src/Form.vue

@@ -1,40 +1,25 @@
 <template>
   <div id="app-form" class="data-driven" style="width:100%;height:100%;overflow:auto">
-    <!-- <ct-form :api="'/api/third-dept-tran/transaction/detail'" :apiParam="apiParam"></ct-form> -->
+    <ct-form :api="'/api/third-dept-tran/transaction/detail'" :apiParam="apiParam"></ct-form>
+    <!-- <ct-form :api="'/PropertyPublish/getLayoutOfNew'" :apiParam="apiParam"></ct-form> -->
     <!-- <ct-form :source="formdata.content" :apiParam="apiParam"></ct-form> -->
     <!--:api="'FormSample/formdata'"-->
     <!--<ct-form :source="formdata.content"></ct-form>-->
     <!--<ct-form :api="'/api/form/formdata/contractDetail'" :apiParam="apiParam"></ct-form>-->
     <!--<ct-form :api="'api/Form/formdata'"></ct-form>-->
-    <!-- <ct-form :api="'/forminfo/readDetail'" :apiParam="apiParam"></ct-form> -->
-    <!-- <ct-form :api="'PropertyKey/getLayoutOfNew'" :apiParam="apiParam"></ct-form> -->
-    <ct-form :api="'PropertyDuty/getLayoutOfClearDuty'" :apiParam="para"></ct-form>
-    <!-- <ct-form :api="'/api/distribution/transaction/add'" :apiParam="apiParam"></ct-form> -->
     <ct-dialog-list></ct-dialog-list>
   </div>  
 </template>
 
 <script>
   export default {
-    name: 'DataDrivenForm',
+    name: 'App',
     data() {
       return {
-        // apiParam: {originalTraId: "1481454808274235394", actionType: 3, pageTitle: "成交报告", pageOnly: true} ,
+        // apiParam: {originalTraId: "1475658732246241281", actionType: 2, chanceID: "1"} ,
+        apiParam: {originalTraId: "1475658732246241281", actionType: 3, pageTitle: "成交报告", pageOnly: true} ,
         // apiParam: {headerParam: {}, urlParam: {contractID: "06cad32e-4d0d-4b6f-bd24-16a28629a550", actionType: "0"}}
         // apiParam: {SN: "13557_132", UserID: "wuhan3"},
-        // apiParam: {actionType: 3,formId: "2c12649f-09c5-4aa9-8011-b6d1c7b56a41"} ,
-        // apiParam: {chanceID: "1", actionType: 2} ,
-        // apiParam: {worklistID: "1494206747714392064", actionType: 2}
-        para: {propertyID: "1", actionType: 2}
-        // apiParam: {
-        //   actionType: 2,
-        //   agentId: "1450283160825425922",
-        //   estateId: "B6E6B3D8-FDF2-4AF8-91E6-B348D637E993",
-        //   pageOnly: true,
-        //   pageStyle: 2,
-        //   propertyId: "14102015-0736-9265-205A-451687BF7062",
-        //   relProId: "1475708315466829833",
-        // }
       }
     },
     methods: {

package/src/SearchList.vue

@@ -2,8 +2,8 @@
   <div id="app-search" style="height:100%;position: fixed;">
     <!-- <ct-searchlist :searchConditionApi="'/api/third-dept-tran/tran-list/layout'" :searchDataApi="'/api/third-dept-tran/tran-list'"></ct-searchlist> -->
 
-    <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'" :searchDataApi="'/PropertyRETList/getListOfSearchModel'" :searchCategoryApi="'/PropertyRETList/getLayoutOfSearchCategory'"></ct-searchlist>
-    <!-- <ct-searchlist :searchConditionApi="'/WorklistList/getLayoutOfSearch'" :searchDataApi="'/WorklistList/getListOfSearchModel'" :searchCategoryApi="'/WorklistList/getLayoutOfSearchCategory'"></ct-searchlist> -->
+    <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'" :searchDataApi="'/PropertyRETList/getListOfSearchModel'" :searchCategoryApi="'/PropertyRETList/getLayoutOfSearchCategory'"></ct-searchlist> -->
+    <ct-searchlist :searchConditionApi="'/PropertyPublishLogList/getLayoutOfSearch'" :searchDataApi="'/PropertyPublishLogList/getListOfSearchModel'"></ct-searchlist>
 
     <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"
                    :searchDataApi="'/PropertyRETList/getListOfSearchModel'"
@@ -24,7 +24,7 @@
     data() {
       return {
         //para: { agentId: "1424932685198864386", estateId: "L201402181627000007233", estateName: "271医院宿舍区", pageOnly: "true", pageTitle: "销控房源列表" }
-        para: {}
+        para: {publishID: "1503900718229229568"}
         // para: {paramKey: "PropertyStatusID", code: "002.001", name: "盘源状态", paramName: "盘源状态"}
       }
     },

package/src/centaline/css/common.css

@@ -777,3 +777,6 @@ html {
 .details-mid .st-serach-screen,.details-mid .ct-searchtable{
   border-radius: initial;
 }
+.current-row .el-table__cell .el-input-group__prepend{
+  min-width: 0!important;
+}

package/src/centaline/dialogList/src/dialog.vue

@@ -149,10 +149,10 @@
                                     if(item.attrs.height){
                                       ph=parseInt(item.attrs.height.replace('px',''));
                                     }
-                                    if(self.vmodel.pane && self.vmodel.pane.$el.offsetHeight<ph){
-                                      item.attrs.height=(self.vmodel.pane.$el.offsetHeight-30)+'px';
+                                    if(self.vmodel.pane && self.vmodel.pane.$el.clientHeight<ph){
+                                      item.attrs.height=(self.vmodel.pane.$el.clientHeight-40)+'px';
                                     }
-                                    // console.log(document.body.offsetHeight);
+                                    // console.log(document.body.clientHeight);可见区域高度
                                     // console.log(item.attrs.height)
                                     return h('div', {
                                       style: {

package/src/centaline/dynamicD/src/dynamicD.vue

@@ -51,6 +51,9 @@
         }
       },
       dateBlur(event) {
+        if(this.model.attrs && this.model.attrs.type && this.model.attrs.type=='month'){
+          return;
+        }
         var text = event.$el.querySelector("input").value;
         text = text.replace('-', '').replace('/', '').replace('\\', '');
         var nowDate = new Date();

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

@@ -63,8 +63,10 @@
                     v-for="(column,colIndex) in model.dataFieldcolumns" :key="colIndex"
                     v-if="tdShow(column, row)"
                     :rowspan="tdRowspan(column, row)"
+                    :colspan="tdColspan(column, row)"
                     class="ct-td"
                     :class="[colHasWidth[colIndex],model.tdClass,
+                    row.flagRow?'ct-td3':null,
                     colIndex === leftShadow?'shadowLeft':null,
                     colIndex === rightShadow?'shadowRight':null,
                     column.fixed === 'left'?'left-fixation':null,
@@ -72,8 +74,12 @@
                     column.fixed === 'right'?'right-fixation':null]"
                     v-bind="column.attrs">
                   <!--操作列-->
-                  <div v-if="column.id==='operation'" class="div_allinline" :class="column.autoRowHeight ? 'lineFeedCell':'cell'">
-                    <ct-tablecurrency v-for="(router,rowRouterIndex) in model.rowRouter" :key="rowRouterIndex" v-if="!router.rightField || row[router.rightField] == 1" :isOperationalColumn="true"
+                  <div v-if="row.flagRow" :class="column.autoRowHeight ? 'lineFeedCell':'cell'">
+                    {{row.descNewRow}}
+                  </div>
+                  <div v-else-if="column.id==='operation' && row.rowHiddenColumns==undefined" class="div_allinline" :class="column.autoRowHeight ? 'lineFeedCell':'cell'">
+                    <ct-tablecurrency v-for="(router,rowRouterIndex) in model.rowRouter" :key="rowRouterIndex" 
+                                      v-if="!router.rightField || row[router.rightField] == 1" :isOperationalColumn="true"
                                       :router="router" :colValue="router.label" :rowData="row" @click="rolRouterClickHandler">
                     </ct-tablecurrency>
                   </div>
@@ -83,7 +89,7 @@
                   </ct-tablecurrency>
                   <!--正常的列-->
                   <div v-else-if="typeof column.template === 'undefined'" :class="column.autoRowHeight ? 'lineFeedCell':'cell'">
-                    {{row[column.id]}}
+                    {{row.rowHiddenColumns && row.rowHiddenColumns.includes(column.id)?"":row[column.id]}}
                   </div>
                 </td>
               </tr>
@@ -149,13 +155,30 @@
         });
         this.model.scripts.formData = this.model.formData;
         this.model.scripts.formData.formTable = this.model;
+        this.model.setHiddenRow();
         console.log(this.model);
       },
       lookOwner(router) {
         var self = this; 
-        var submitData=router.getActionPara({}).para;
-        router.doAction(submitData, (res) => {
+        var submitData={
+          action: router.action,
+          para: {
+            searchFields: null,
+            pageAttribute: { pageIndex: 1 },
+            flagSearch: true
+          }
+        };
+        submitData.para.searchFields=router.getSearchPara();
+        submitData.para.searchFields.fields.push({
+            fieldName1: 'flagLookFromButton',
+            groupName: 'flagLookFromButton',
+            operation: 1,
+            searchDataType: 3,
+            searchValue1: '1',
+          });
+        router.doSearch(submitData, (res) => {
           if (res.rtnCode === 200) {
+            res.apiRouter=self.apiRouter;
             self.loaderObj.ContactList(res,null,self.load);
             self.flagLook = true;
           }
@@ -205,6 +228,12 @@
 
         return '';
       },
+      tdColspan(column, row) {
+        if (row.colspan !== 0) {
+          return row.colspan;
+        }
+        return '';
+      },
       tdShow(column, row) {
         if (!column.show) {
           return false;
@@ -215,6 +244,10 @@
           return false;
         }
 
+        if(row.flagRow && row.columnShow!==column.id){
+          return false;
+        }
+
         return true;
       },
       rolRouterClickHandler(field, rowData) {
@@ -222,13 +255,7 @@
         field.submitListField.forEach((k) => {
           submitData[k] = rowData[k];
         });
-
-        let action = field.action;
-        if (field.actionField) {
-          action = rowData[field.actionField];
-        }
-
-        this.routerClickHandler(field, submitData, action);
+        this.routerClickHandler(field, submitData, null);
       },
       fieldClickHandler(field) {
         var self = this;

package/src/centaline/dynamicFile/src/dynamicFile.vue

@@ -34,16 +34,16 @@
           <span class="cover-list-item-span" v-if="model.lock||model.paramName">
             <!--锁定-->
             <span v-if="model.lock || !file.rightEdit" class="el-dropdown-link">
-              &nbsp;{{file.mediaLabelName}}
+              <span style="width:80px;height:26px;display: inline-flex">&nbsp;{{file.mediaLabelName}}</span>
             </span>
             <!--复杂分类-->
             <span v-else-if="model.isComplexClassify" class="el-dropdown-link" @click="classifyFormClickHandle(file)">
-              &nbsp;{{file.mediaLabelName}}<i class="el-icon-arrow-down el-icon--right"></i>
+              <span style="width:80px;height:26px;display: inline-flex">&nbsp;{{file.mediaLabelName}}</span><i class="el-icon-arrow-down el-icon--right"></i>
             </span>
             <!--简单分类-->
             <el-dropdown v-else class="el-upload-list__item-preview" trigger="click" placement="top" @command="classifySelectedClickHandle">
               <span class="el-dropdown-link" @click="classifyClickHandle">
-                &nbsp;{{file.mediaLabelName}}<i class="el-icon-arrow-down el-icon--right"></i>
+                <span style="width:80px;height:26px;display: inline-flex">&nbsp;{{file.mediaLabelName}}</span><i class="el-icon-arrow-down el-icon--right"></i>
               </span>
               <el-dropdown-menu slot="dropdown" class="el-upload-list__item-preview">
                 <el-dropdown-item v-for="(option, index) in model.optionModel.options" :key="index" :command="{option:option,file:file}">
@@ -331,6 +331,19 @@
     background-color: #544f48;
     opacity: 0.8;
   }
+  .ct-file .el-dropdown-link{
+    cursor: pointer;
+    color: #fff;
+    position: relative;
+    width: 100px;
+    height: 26px;
+    display: inline-block;
+  }
+  .el-icon--right {
+      position: absolute;
+      right: 5px;
+      top: 6px;
+  }
   .ct-file .cover-list-item-span-delete {
     position: inherit;
     bottom: 160px;

package/src/centaline/dynamicForm/src/dynamicForm.vue

@@ -554,8 +554,7 @@
       },
       getFormObj(){
         let formData=this.model.getFormObj();
-        if(this.$route && this.$route.query && this.$route.query.pageStyle)
-        {
+        if(this.$route && this.$route.query && this.$route.query.pageStyle){
            return Object.assign(formData,{'pageStyle':this.$route.query.pageStyle});
         }
         return formData;

package/src/centaline/dynamicL/src/dynamicL.vue

@@ -12,8 +12,8 @@
       </el-input>
       <span v-if="model.sufLabel" style="width:auto" class="spanMessage">{{model.sufLabel}}</span> -->
       <div class="el-input el-input--mini el-input-group el-input-group--prepend el-input--suffix showLabel lableinput">
-        <div class="el-input-group__prepend">
-          <div v-if="model.showLabel && model.label" slot="prepend" class="" :class="[model.labelClass]">
+        <div v-if="model.showLabel && model.label" class="el-input-group__prepend">
+          <div slot="prepend" class="" :class="[model.labelClass]">
             {{model.label}}
           </div>
         </div>

package/src/centaline/dynamicPopupSearchList/src/dynamicPopupSearchListTable.vue

@@ -19,7 +19,7 @@
                          :prop="col.id" :label="col.name" :min-width="col.width">
         </el-table-column>
       </el-table>
-      <div style="margin-top: 20px; width:100%;">
+      <div style="margin-top: 20px;width: 100%;display: inline-block;height: 30px;margin-bottom: 10px;">
         <el-input v-if="jumpBtnName" size="mini" v-model="jumpStr" placeholder="定位" style="width:150px"></el-input>
         <el-button v-if="jumpBtnName" size="mini" @click="jumpClickHandler()">{{jumpBtnName}}</el-button>
         <el-button v-if="filterBtnName" size="mini" @click="filterClickHandler()" style="margin-left: 0px;">{{filterBtnName}}</el-button>

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

@@ -113,7 +113,7 @@
                 </ct-tablecurrency>
 
                 <!--正常的列-->
-                <div v-else-if="typeof column.template === 'undefined'" :class="column.autoRowHeight ? 'lineFeedCell':'cell'">
+                <div v-else-if="typeof column.template === 'undefined'" :class="column.autoRowHeight ? 'lineFeedCell':'cell'" :style="column.style ? column.style:''">
                   {{row[column.id]}}
                 </div>
 

package/src/centaline/dynamicSosTt/index.js

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

package/src/centaline/dynamicSosTt/src/dynamicSosTt.vue

@@ -0,0 +1,283 @@
+<template>
+  <div class="field-top">
+    <div style="width:100%;display:flex">
+      <div style="flex:1;" class="ct-so" :class="[(focus || showDrop)?'isfocus':'',model.attrs.size?'ct-so-'+model.attrs.size:''
+       ]" @mouseover="mouseOverHandle" @mouseout="mouseOutHandle">
+        <div :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']">
+          <div v-if="model.showLabel && model.label" class="el-input-group__prepend" :class="[model.labelClass]">
+            {{model.label}}
+          </div>
+          <el-popover ref="pop" placement="bottom-start" v-model="showDrop" :class="[model.showLabel?'showLabel':'']" :trigger="(!model.paramName || model.lock)? 'manual' : 'click'">
+            <div>
+              <div>
+                <el-input ref="searchInput" :size="model.attrs.size" suffix-icon="el-icon-search" v-model="searchText" @input="searchInputHandle"></el-input>
+              </div>
+              <ctSelectOptionVertical :model="model" @click="selectOption($event)"></ctSelectOptionVertical>
+            </div>
+            <input slot="reference" v-bind="model.attrs" readonly="readonly" v-model="model.text" :placeholder="soPlaceholder"
+                   ref="ct-input" :style="{height:inputHeight + 'px','line-height':inputLineHeight + 'px'}"
+                   @focus="focusHandle" @blur="blurHandle" @click="clickHandle" @input="inputHandler($event)" @change="changeHandler($event)"
+                   :disabled="model.lock" :class="model.lock ? 'ct-is-disabled' : 'ct-input_inner'" />
+          </el-popover>
+          <span v-if="!model.lock" class="el-input__suffix" @click="clickHandle" :class="[model.attrs.size?'el-input--'+model.attrs.size:'']">
+            <span v-if="showClear === false" class="el-input__suffix-inner">
+              <i class="el-select__caret el-input__icon el-icon-arrow-up" :class="{'is-reverse':showDrop}"></i>
+            </span>
+            <span v-if="showClear === true" 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>
+          </span>
+        </div>
+      </div>
+      <div style="width:40%; margin-left:10px;">
+        <el-input :title="model.lock?model.value1:''" :type="model.inputType" v-model="model.value1" v-bind="model.attrs" @input="inputHandler($event);isShowClear()" @change="changeHandler($event)"
+                  class="ct-flex-div-input max-input" :class="[model.showLabel?'showLabel':'',!valid?'inputError':'']" :disabled="model.lock" :rows="model.rows"
+                  :readonly="model.readonly" :show-password="model.isPassword" autocomplete="on" :maxlength="model.max" :show-word-limit="model.showWordLimit"
+                  @keyup.enter.native="search()">
+        </el-input>
+      </div>
+      <span v-if="model.sufLabel" class="spanMessage ct-flex-div-span">{{model.sufLabel}}</span>
+      <transition name="el-fade-in">
+        <span v-show="!valid" class="errorMessage">
+          {{validMessage}}
+        </span>
+      </transition>
+      <div v-if="!model.lock && model.popupSearchListType === 1">
+        <el-button v-if="!model.moreActionBtnName" size="mini" class="h26" type="primary" icon="el-icon-search" @click="popupSearchListHandle"></el-button>
+        <el-button v-else size="mini" type="primary" class="h26" @click="popupSearchListHandle">{{model.moreActionBtnName}}</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  import selectOption from '../../selectOption/src/selectOption'
+  import ctSelectOptionVertical from '../../selectOption/src/selectOptionVertical'
+  export default {
+    name: 'ct-sosTt',
+    mixins: [dynamicElement],
+    components: {
+      'ctSelectOption': selectOption,
+      'ctSelectOptionVertical': ctSelectOptionVertical
+    },
+    props: {
+      api: String,
+      vmodel: Object,
+      popShow: {
+        type: Boolean,
+        default: true
+      }
+    },
+    data() {
+      return {
+        focus: false,
+        showDrop: false,
+        inputHeight: 26,
+        showClear: false,
+        searchText: ""
+      }
+    },
+    created() {
+      if (typeof this.vmodel === 'undefined') {
+        this.model = this.loaderObj.SosTt(this.source);
+      }
+      else {
+        this.model = this.vmodel;
+      }
+      this.$watch('model.value', (n, o) => {
+        if (typeof this.model.child !== 'undefined') {
+          this.model.child.value = this.model.child.defaultValue || '';
+          this.model.child.text = this.model.child.defaultText || '';
+        }
+      });
+      this.inputHeight = this.inputLineHeight;
+    },
+    computed: {
+      soPlaceholder: {
+        get: function () {
+          if (this.model.value !== '') {
+            return '';
+          }
+          else {
+            return this.model.attrs.placeholder;
+          }
+        },
+        set: function (v) {
+
+        }
+      },
+      inputLineHeight: {
+        get: function () {
+          switch (this.model.attrs.size) {
+            case 'mini':
+              return 26;
+            case 'small':
+              return 32;
+            case 'medium':
+              return 36;
+            default:
+              return 40;
+          }
+        }
+      },
+      optionColSpan: function () {
+        return parseInt(24 / this.model.optionColCount);
+      },
+      optionRowCount: function () {
+        return parseInt(this.model.options.length % this.model.optionColCount > 0 ? (this.model.options.length / this.model.optionColCount) + 1 : this.model.options.length / this.model.optionColCount);
+      }
+    },
+    mounted() {
+      var self = this;
+      this.$nextTick(function () {
+        var dropdown = self.$refs["pop"];
+        self.$watch('model.options', function (newVal, oldVal) {
+          self.$nextTick(() => {
+            if (typeof dropdown.popperJS !== 'undefined' && dropdown.popperJS) {
+              dropdown.popperJS.destroy();
+              dropdown.popperJS = null;
+              dropdown.updatePopper();
+            }
+            self.$refs["searchInput"].$el.querySelector("input").focus();
+          });
+        }, { deep: true, immediate: true });
+      });
+    },
+    methods: {
+      getOptions: function () {
+        var self = this;
+        this.model.getOptions(this.api, self.searchText);
+      },
+      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');
+      },
+      focusHandle: function () {
+        this.$set(this, 'focus', true);
+      },
+      blurHandle: function () {
+        this.$set(this, 'focus', false);
+      },
+      clickHandle: function () {
+        if (this.model.lock) {
+          return false;
+        }
+        if (this.model.paramName) {
+          this.$set(this, 'showDrop', !this.showDrop);
+          if (this.showDrop) {
+            this.getOptions();
+          }
+          this.focusHandle();
+        }
+        else if (this.model.popupSearchListType === 1) {
+          this.popupSearchListHandle();
+        }
+        else if ((this.model.popupSearchListType === 0)) {
+          this.$message.warning("请配置参数paramName1");
+        }
+      },
+      popupSearchListHandle: function () {
+        var self = this;
+       
+        self.$emit('popupSearchList', true, self.model, self.model.moreActionRouter, (option) => {
+          if (option) {
+            self.model.value = option[self.model.optionAttrs.value];
+            self.model.text = option[self.model.optionAttrs.label];
+            self.model.options.push(option);
+
+            self.soChange();
+          }
+        });
+      },
+      getOptionText: function (value) {
+        var self = this;
+        var option = this.model.options.find((v) => { return v[self.model.optionAttrs.value] === value });
+        if (option) {
+          return option[self.model.optionAttrs.label];
+        } else {
+          return value;
+        }
+      },
+      getOptionSelect(value) {
+        if (this.model.value === value) {
+          return "danger";
+        }
+        else {
+          return "success";
+        }
+      },
+      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);
+      },
+      mouseOverHandle: function () {
+        if (this.model.value !== '' && this.model.clearable) {
+          this.$set(this, 'showClear', true);
+        }
+      },
+      mouseOutHandle: function () {
+        this.$set(this, 'showClear', false);
+      },
+      //不能共用的数据校验
+      selfValidExcute: function (eventName) {
+        if (this.required == true && this.model.value1 == "") {
+          this.valid = false;
+          return false;
+        }
+        return true;
+      },
+      clearClickHandle: function (event) {
+        this.model.value = '';
+        this.soChange();
+        event.stopPropagation();
+      },
+      isShowClear() {
+        if (this.model.value1 !== '' && this.model.clearable) {
+          this.$set(this, 'showClear', true);
+        } else {
+          this.$set(this, 'showClear', false);
+        }
+      },
+      searchInputHandle: function () {
+        var currentSeatch = this.searchText;
+        this.searchTickControl(currentSeatch);
+      },
+      searchTickControl: function (search) {
+        var self = this;
+        setTimeout(function () {
+          if (search === self.searchText) {
+            self.getOptions(self.searchText);
+          }
+        }, self.model.searchTick);
+      }
+    }
+  }
+</script>
+<style>
+.h26{
+  height: 26px;
+}
+</style>