fstarter 2.10.53 → 2.10.54

package/src/plugins/components/BSCascader.vue

@@ -1,465 +1,465 @@
-<template>
-  <div>
-    <van-field
-      is-link
-      readonly
-      :label="model.label"
-      :value="model.text"
-      @click="onOpen"
-      @blur="blur"
-    />
-    <van-popup @close="onClose" :lock-scroll="false" ref="popup" v-model="show" round position="bottom"
-               :style="{ height: model.height }">
-      <van-nav-bar class="vanBar" style="margin-bottom:5px" :title="model.popTitle?model.popTitle:model.label">
-        <template #right>
-          <van-icon name="cross" :color="color" size="1.5rem" @click="show=false"/>
-        </template>
-      </van-nav-bar>
-      <van-search class="vanField" v-if="model.searchFlag"
-                  v-model="searchValueTemp"
-                  show-action
-                  shape="round"
-                  maxlength="20"
-                  style="width: 95%;margin:0 auto;margin-bottom:5px"
-                  :placeholder="model.searchPlaceholder" @search="search(false)" @clear="search(false)"
-      >
-        <template #action>
-          <div @click="search(false)">搜&nbsp;&nbsp;索</div>
-        </template>
-      </van-search>
-      <div class="vanHot" style="width: 100% ;margin-bottom:15px " v-if="hotListSort.length>0">
-        <van-divider
-          :style="{   width: '95%',margin:'0 auto','margin-bottom':'0.5rem' ,color: '#000000', borderColor: '#929292', 'font-size': '1rem' }"
-          dashed>
-          {{ model.hotTitle ? model.hotTitle : '常用选项' }}
-        </van-divider>
-        <van-row style="width: 80% ;margin:0 auto;padding: 0 0.6rem 0 1rem ">
-
-          <van-button v-for="(item,index)  in  hotListSort" round plain type="default"
-                      style="margin-bottom:5px ;margin-right:0.4rem;height:1.5rem" @click="select(item)">
-            {{ item.text.length > 7 ? item.text.substring(0, 7) + '...' : item.text }}
-          </van-button>
-        </van-row>
-      </div>
-      <van-tabs style="width: 97%;margin:0  auto" class="vanTab def_color" animated v-model="active" ref="tabs"
-                :before-change="beforeChange">
-        <van-tab v-for="(item,index)  in  options" :title="titles[index]?titles[index]:''">
-          <van-cell-group class=" divScrollbar divStyle divStyleBorder" :key="key"
-                          :style="{ height: height}">
-            <div style="height: 1.5rem"></div>
-            <van-cell clickable style="padding-left: 1rem ;padding-right: 1rem" size="large" center
-                      v-for="(item1,index1) in  item" :title="item1.text"
-                      @click="onChange(item1,index1)" :label="item1.label">
-              <template #right-icon>
-                <van-icon name="checked" v-show="item1.value==thisRadio" :color="color" size="1.2rem"/>
-              </template>
-            </van-cell>
-            <div style="height: 0.5rem"></div>
-          </van-cell-group>
-        </van-tab>
-      </van-tabs>
-
-    </van-popup>
-  </div>
-</template>
-
-<script>
-
-import base2 from './base2.js'
-
-export default {
-  name: "bs-cascader",
-  mixins: [base2],
-  watch: {
-    active(newVal) {
-      if (this.values['level' + newVal]) {
-        this.thisRadio = this.values['level' + newVal].value
-      } else {
-        this.thisRadio = undefined
-      }
-      // && newVal != this.level_length - 1
-      if (!this.selectFlag) {
-        this.search()
-      }
-      this.selectFlag = false
-    },
-    'model.items': {
-      handler(val, oldval) {
-
-        this.onInit()
-      },
-      deep: false
-    }
-  }
-  ,
-  methods: {
-    blur(){
-
-      if(!this.model.readonly)
-        this.model.validateToken++
-
-      this.$emit('blur',function(){
-
-      },this.fullName)
-
-    },
-    onInit() {
-      this.options1 = this.model.items
-      let that = this
-      that.level_length = 0
-      let options2 = {}
-      this.hotListSort = []
-      Object.keys(that.options1).sort().forEach(function (key) {
-        options2[key] = that.options1[key];
-        that.level_length++
-      })
-      that.options1 = options2
-      for (const level in that.options1) {
-        this.options[level] = []
-        if (!this.model.defaultTitles[level]) {
-          this.model.defaultTitles[level] = this.defaultTitle
-        }
-        if (level == 'level0') {
-          this.titles[level] = this.model.defaultTitles[level]
-        } else {
-          this.titles[level] = ''
-        }
-
-        that.options1[level].forEach((item, index) => {
-          item['level'] = level
-          item.parentsIndex = ''
-          this.optionsMap[item.value] = index
-          item.show = true
-          item.index = level + '-' + index
-          item.i = index
-          this.getParentsIndex(item, level)
-          item.fullIndex = item.parentsIndex + item.index + ','
-          if (level == 'level0') {
-            this.options[level].push(item)
-          }
-          if (that.model.hotList.length != 0 && that.model.hotList.indexOf(item.value) != -1) {
-            this.hotListSort.push(item)
-          }
-        })
-
-      }
-      this.hotListSort.sort(function (a, b) {
-        return a.text.length > b.text.length ? 1 : -1;
-      })
-    },
-    onOpen() {
-      if (this.model.readonly)
-        return
-      if (this.options1['level0']) {
-        //调试用
-        // if (!this.options1.level0) {
-        //   this.onInit()
-        // }
-        if (this.model.value) {
-          this.select(this.options1['level' + (this.level_length - 1)][this.optionsMap[this.model.value]])
-          this.search()
-        }
-        this.show = true
-        let that = this
-        setTimeout(() => {
-          that.height = that.getHeight();
-        }, 50);
-      }
-
-    },
-    onClose() {
-      this.onFinish()
-    },
-    // 全部选项选择完毕后，会触发 finish 事件
-    getHeight() {
-      // this.$refs.tabs.$el.style.setProperty("--variable", this.model.color);
-      return this.$refs.popup.$el.offsetHeight - 46 + 'px'
-    },
-    onFinish() {
-      if (this.values['level' + (this.level_length - 1)]) {
-        this.select(this.values['level' + (this.level_length - 1)])
-        this.model.value2 = JSON.parse(JSON.stringify(this.values['level' + (this.level_length - 1)]));
-        this.model.value = this.model.value2.value
-        this.model.text = this.model.value2.text
-        this.model.data = JSON.parse(JSON.stringify(this.values));
-        this.searchValueTemp = this.searchValue = ''
-      }
-    },
-    beforeChange(index) {
-      if (!this.titles['level' + index]) {
-        return false;
-      }
-      this.selectFlag = false
-      return true
-    },
-    onChange(item, index) {
-      try {
-        if (!this.titles[item.level]) {
-          return
-        }
-        this.thisRadio = item.value
-        this.putItem(item)
-        const nextIndex = (this.getLevelIndex(item.level) + 1)
-        const nextlevel = 'level' + nextIndex
-        for (let j = this.level_length - 1; j > this.getLevelIndex(item.level); j--) {
-          if (j == nextIndex) {
-            this.titles[nextlevel] = this.defaultTitle
-          } else {
-            this.titles['level' + j] = undefined
-          }
-          this.values['level' + j] = undefined
-        }
-        let that = this
-        if (nextIndex < that.level_length) {
-          setTimeout(() => {
-            that.active = nextIndex
-          }, 50);
-        } else if (this.autoFinish) {
-          this.show = false
-        }
-      } catch (e) {
-        console.log(e.stack); // print stack trace
-        this.show = false
-        this.onInit()
-      }
-
-    },
-    getParentsIndex(children, level) {
-      if (children.parent) {
-        level = 'level' + (this.getLevelIndex(level) - 1)
-        this.options1[level].forEach((item, index) => {
-          if (children.parent == item.value) {
-            children.parentsIndex += item.parentsIndex + (level + '-' + index + ',')
-          }
-        })
-      }
-    },
-    getLevelIndex(level) {
-      return Number(level.charAt(level.length - 1))
-    },
-    //搜索选择， false点击搜索
-    search(flag = true) {
-      try {
-        let active = this.active
-        let reStr = "level" + active + "-[0-9]{1,1000},"
-        let re = new RegExp(reStr)
-        if (!flag) {
-          this.searchValue = this.searchValueTemp
-          this.reset(this.active + 1)
-        }
-        if (active > 0) {
-          re = new RegExp(this.values['level' + (active - 1)].fullIndex + reStr)
-        }
-        let re1 = new RegExp(reStr)
-        if (!this.searchValue) {
-          this.reflash(re, active)
-        } else {
-          let levelset = new Set([]);
-          for (let j = this.level_length - 1; j >= active; j--) {
-            this.options['level' + j].length = 0
-            this.options1['level' + j].forEach((item, index) => {
-              if (item.fullIndex.search(re) != -1) {
-                if (this.matchText(item)) {
-                  levelset.add(item.fullIndex.match(re1)[0])
-                }
-              }
-              if (j == active) {
-                if (levelset.has(item.index + ',')) {
-                  this.options['level' + j].push(item)
-                }
-              }
-            })
-          }
-          if (flag) {
-            if (levelset.size == 0 && active > 0) {
-              for (let j = 0; j < active; j++) {
-                if (this.matchText(this.values['level' + j])) {
-                  this.reflash(re, active)
-                  break
-                }
-              }
-            }
-          }
-        }
-        this.key++
-      } catch (e) {
-        console.log(e.stack); // print stack trace
-        this.show = false
-        this.onInit()
-      }
-    },
-    //热们选择，flag 显示单个
-    select(item) {
-      try {
-        this.searchValueTemp = this.searchValue = ''
-        let fullindex = item.fullIndex.split(',')
-        let nextindex = (this.getLevelIndex(item.level) + 1)
-        this.reset(this.getLevelIndex(item.level))
-        if (nextindex < this.level_length) {
-          this.titles['level' + nextindex] = this.model.defaultTitles['level' + nextindex]
-        }
-        for (let i = 0; i < nextindex; i++) {
-          let item1 = this.options1['level' + i][fullindex[i].split('-')[1]]
-          this.putItem(item1)
-          this.options[item1.level].push(item1)
-        }
-        this.thisRadio = this.values[item.level].value
-        let that = this
-        this.searchValue = ''
-        // this.$refs.tabs.resize();
-        if (that.active != (fullindex.length - 2)) {
-          this.selectFlag = true
-          setTimeout(() => {
-            that.active = (fullindex.length - 2)
-          }, 50);
-        }
-        this.key++
-      } catch (e) {
-        console.log(e.stack); // print stack trace
-        this.show = false
-        this.onInit()
-      }
-    },
-    putItem(item) {
-      this.values[item.level] = item
-      this.titles[item.level] = item.text
-    },
-    //清空option
-    reset(start, end = this.level_length - 1) {
-      for (let i = start; i <= end; i++) {
-        let level = "level" + i
-        this.values[level] = undefined
-        this.options[level].length = 0
-        if (i == start && this.values["level" + (i - 1)]) {
-          this.titles[level] = this.model.defaultTitles[level]
-        } else {
-          this.titles[level] = undefined
-        }
-      }
-    },
-    //刷新option
-    reflash(re, active) {
-      this.options['level' + active].length = 0
-      this.options1['level' + active].forEach((item, index) => {
-        if (item.fullIndex.search(re) != -1) {
-          this.options['level' + active].push(item)
-        }
-      })
-    },
-    matchText(item) {
-      let re = new RegExp(this.searchValue.toLowerCase())
-      return item.text.search(re) != -1 || item.value.toLowerCase().search(re) != -1
-    },
-    createDefaultModel() {
-      return {
-        value: '',
-        value2: {},
-        height: '80%',
-        text: '',
-        type: 'BSCascader',
-        placeholder: 'lang.ctl.BSCascader.placeholder',
-        searchPlaceholder: 'lang.ctl.BSCascader.placeholder',
-        searchFlag: true,
-        autoFinish: false,
-        hotTitle: 'lang.ctl.BSCascader.hotTitle',
-        items: {},
-        popTitle: '',
-        hotList: [],
-        defaultTitles: {},
-      };
-    }
-  }
-  ,
-  data() {
-    return {
-      show: false,
-      color: '#1989fa',
-      fieldValue: '',
-      active: 0,
-      key: 0,
-      height: '0px',
-      values: {},
-      hotListSort: [],
-      thisRadio: undefined,
-      selectFlag: false,
-      defaultTitle: '请选择',
-      level_length: 0,
-      searchValueTemp: '',
-      searchValue: '',
-      options: {},
-      optionsMap: {},
-      titles: {},
-      options1: {}
-    };
-  },
-}
-
-
-</script>
-
-<style scoped>
-
-.divScrollbar::-webkit-scrollbar { /*滚动条整体样式*/
-  display: none /*高宽分别对应横竖滚动条的尺寸*/
-}
-
-.def_color {
-  --variable: #1989fa;
-}
-
-/deep/ .van-tabs__line {
-  background-color: var(--variable);
-}
-
-
-/deep/ .van-tab--active {
-  font-weight: bold;
-}
-
-.divStyle {
-  border: none;
-  overflow: auto;
-  bottom: 1rem;
-  margin: 0 auto;
-
-}
-
-/*标题*/
-.vanBar /deep/ .van-nav-bar__title {
-  font-size: 1.4rem;
-}
-
-.vanBar[class*=van-hairline]::after {
-  border: none;
-}
-
-/*搜索*/
-.vanField /deep/ .van-field__control {
-  font-size: 1rem;
-}
-
-/*搜索*/
-.vanField /deep/ .van-search__action {
-  font-size: 1rem;
-}
-
-/*常用标题*/
-.vanHot /deep/ .van-divider {
-  font-size: 1rem;
-}
-
-/*常用词*/
-.vanHot /deep/ .van-button__text {
-  font-size: 0.95rem;
-}
-
-/*TAB文字*/
-.vanTab /deep/ .van-tab {
-  font-size: 1.1rem;
-}
-
-.divStyleBorder[class*=van-hairline]::after {
-  border: none;
-}
-
-</style>
+<template>
+  <div>
+    <van-field
+      is-link
+      readonly
+      :label="model.label"
+      :value="model.text"
+      @click="onOpen"
+      @blur="blur"
+    />
+    <van-popup @close="onClose" :lock-scroll="false" ref="popup" v-model="show" round position="bottom"
+               :style="{ height: model.height }">
+      <van-nav-bar class="vanBar" style="margin-bottom:5px" :title="model.popTitle?model.popTitle:model.label">
+        <template #right>
+          <van-icon name="cross" :color="color" size="1.5rem" @click="show=false"/>
+        </template>
+      </van-nav-bar>
+      <van-search class="vanField" v-if="model.searchFlag"
+                  v-model="searchValueTemp"
+                  show-action
+                  shape="round"
+                  maxlength="20"
+                  style="width: 95%;margin:0 auto;margin-bottom:5px"
+                  :placeholder="model.searchPlaceholder" @search="search(false)" @clear="search(false)"
+      >
+        <template #action>
+          <div @click="search(false)">搜&nbsp;&nbsp;索</div>
+        </template>
+      </van-search>
+      <div class="vanHot" style="width: 100% ;margin-bottom:15px " v-if="hotListSort.length>0">
+        <van-divider
+          :style="{   width: '95%',margin:'0 auto','margin-bottom':'0.5rem' ,color: '#000000', borderColor: '#929292', 'font-size': '1rem' }"
+          dashed>
+          {{ model.hotTitle ? model.hotTitle : '常用选项' }}
+        </van-divider>
+        <van-row style="width: 80% ;margin:0 auto;padding: 0 0.6rem 0 1rem ">
+
+          <van-button v-for="(item,index)  in  hotListSort" round plain type="default"
+                      style="margin-bottom:5px ;margin-right:0.4rem;height:1.5rem" @click="select(item)">
+            {{ item.text.length > 7 ? item.text.substring(0, 7) + '...' : item.text }}
+          </van-button>
+        </van-row>
+      </div>
+      <van-tabs style="width: 97%;margin:0  auto" class="vanTab def_color" animated v-model="active" ref="tabs"
+                :before-change="beforeChange">
+        <van-tab v-for="(item,index)  in  options" :title="titles[index]?titles[index]:''">
+          <van-cell-group class=" divScrollbar divStyle divStyleBorder" :key="key"
+                          :style="{ height: height}">
+            <div style="height: 1.5rem"></div>
+            <van-cell clickable style="padding-left: 1rem ;padding-right: 1rem" size="large" center
+                      v-for="(item1,index1) in  item" :title="item1.text"
+                      @click="onChange(item1,index1)" :label="item1.label">
+              <template #right-icon>
+                <van-icon name="checked" v-show="item1.value==thisRadio" :color="color" size="1.2rem"/>
+              </template>
+            </van-cell>
+            <div style="height: 0.5rem"></div>
+          </van-cell-group>
+        </van-tab>
+      </van-tabs>
+
+    </van-popup>
+  </div>
+</template>
+
+<script>
+
+import base2 from './base2.js'
+
+export default {
+  name: "bs-cascader",
+  mixins: [base2],
+  watch: {
+    active(newVal) {
+      if (this.values['level' + newVal]) {
+        this.thisRadio = this.values['level' + newVal].value
+      } else {
+        this.thisRadio = undefined
+      }
+      // && newVal != this.level_length - 1
+      if (!this.selectFlag) {
+        this.search()
+      }
+      this.selectFlag = false
+    },
+    'model.items': {
+      handler(val, oldval) {
+
+        this.onInit()
+      },
+      deep: false
+    }
+  }
+  ,
+  methods: {
+    blur(){
+
+      if(!this.model.readonly)
+        this.model.validateToken++
+
+      this.$emit('blur',function(){
+
+      },this.fullName)
+
+    },
+    onInit() {
+      this.options1 = this.model.items
+      let that = this
+      that.level_length = 0
+      let options2 = {}
+      this.hotListSort = []
+      Object.keys(that.options1).sort().forEach(function (key) {
+        options2[key] = that.options1[key];
+        that.level_length++
+      })
+      that.options1 = options2
+      for (const level in that.options1) {
+        this.options[level] = []
+        if (!this.model.defaultTitles[level]) {
+          this.model.defaultTitles[level] = this.defaultTitle
+        }
+        if (level == 'level0') {
+          this.titles[level] = this.model.defaultTitles[level]
+        } else {
+          this.titles[level] = ''
+        }
+
+        that.options1[level].forEach((item, index) => {
+          item['level'] = level
+          item.parentsIndex = ''
+          this.optionsMap[item.value] = index
+          item.show = true
+          item.index = level + '-' + index
+          item.i = index
+          this.getParentsIndex(item, level)
+          item.fullIndex = item.parentsIndex + item.index + ','
+          if (level == 'level0') {
+            this.options[level].push(item)
+          }
+          if (that.model.hotList.length != 0 && that.model.hotList.indexOf(item.value) != -1) {
+            this.hotListSort.push(item)
+          }
+        })
+
+      }
+      this.hotListSort.sort(function (a, b) {
+        return a.text.length > b.text.length ? 1 : -1;
+      })
+    },
+    onOpen() {
+      if (this.model.readonly)
+        return
+      if (this.options1['level0']) {
+        //调试用
+        // if (!this.options1.level0) {
+        //   this.onInit()
+        // }
+        if (this.model.value) {
+          this.select(this.options1['level' + (this.level_length - 1)][this.optionsMap[this.model.value]])
+          this.search()
+        }
+        this.show = true
+        let that = this
+        setTimeout(() => {
+          that.height = that.getHeight();
+        }, 50);
+      }
+
+    },
+    onClose() {
+      this.onFinish()
+    },
+    // 全部选项选择完毕后，会触发 finish 事件
+    getHeight() {
+      // this.$refs.tabs.$el.style.setProperty("--variable", this.model.color);
+      return this.$refs.popup.$el.offsetHeight - 46 + 'px'
+    },
+    onFinish() {
+      if (this.values['level' + (this.level_length - 1)]) {
+        this.select(this.values['level' + (this.level_length - 1)])
+        this.model.value2 = JSON.parse(JSON.stringify(this.values['level' + (this.level_length - 1)]));
+        this.model.value = this.model.value2.value
+        this.model.text = this.model.value2.text
+        this.model.data = JSON.parse(JSON.stringify(this.values));
+        this.searchValueTemp = this.searchValue = ''
+      }
+    },
+    beforeChange(index) {
+      if (!this.titles['level' + index]) {
+        return false;
+      }
+      this.selectFlag = false
+      return true
+    },
+    onChange(item, index) {
+      try {
+        if (!this.titles[item.level]) {
+          return
+        }
+        this.thisRadio = item.value
+        this.putItem(item)
+        const nextIndex = (this.getLevelIndex(item.level) + 1)
+        const nextlevel = 'level' + nextIndex
+        for (let j = this.level_length - 1; j > this.getLevelIndex(item.level); j--) {
+          if (j == nextIndex) {
+            this.titles[nextlevel] = this.defaultTitle
+          } else {
+            this.titles['level' + j] = undefined
+          }
+          this.values['level' + j] = undefined
+        }
+        let that = this
+        if (nextIndex < that.level_length) {
+          setTimeout(() => {
+            that.active = nextIndex
+          }, 50);
+        } else if (this.autoFinish) {
+          this.show = false
+        }
+      } catch (e) {
+        console.log(e.stack); // print stack trace
+        this.show = false
+        this.onInit()
+      }
+
+    },
+    getParentsIndex(children, level) {
+      if (children.parent) {
+        level = 'level' + (this.getLevelIndex(level) - 1)
+        this.options1[level].forEach((item, index) => {
+          if (children.parent == item.value) {
+            children.parentsIndex += item.parentsIndex + (level + '-' + index + ',')
+          }
+        })
+      }
+    },
+    getLevelIndex(level) {
+      return Number(level.charAt(level.length - 1))
+    },
+    //搜索选择， false点击搜索
+    search(flag = true) {
+      try {
+        let active = this.active
+        let reStr = "level" + active + "-[0-9]{1,1000},"
+        let re = new RegExp(reStr)
+        if (!flag) {
+          this.searchValue = this.searchValueTemp
+          this.reset(this.active + 1)
+        }
+        if (active > 0) {
+          re = new RegExp(this.values['level' + (active - 1)].fullIndex + reStr)
+        }
+        let re1 = new RegExp(reStr)
+        if (!this.searchValue) {
+          this.reflash(re, active)
+        } else {
+          let levelset = new Set([]);
+          for (let j = this.level_length - 1; j >= active; j--) {
+            this.options['level' + j].length = 0
+            this.options1['level' + j].forEach((item, index) => {
+              if (item.fullIndex.search(re) != -1) {
+                if (this.matchText(item)) {
+                  levelset.add(item.fullIndex.match(re1)[0])
+                }
+              }
+              if (j == active) {
+                if (levelset.has(item.index + ',')) {
+                  this.options['level' + j].push(item)
+                }
+              }
+            })
+          }
+          if (flag) {
+            if (levelset.size == 0 && active > 0) {
+              for (let j = 0; j < active; j++) {
+                if (this.matchText(this.values['level' + j])) {
+                  this.reflash(re, active)
+                  break
+                }
+              }
+            }
+          }
+        }
+        this.key++
+      } catch (e) {
+        console.log(e.stack); // print stack trace
+        this.show = false
+        this.onInit()
+      }
+    },
+    //热们选择，flag 显示单个
+    select(item) {
+      try {
+        this.searchValueTemp = this.searchValue = ''
+        let fullindex = item.fullIndex.split(',')
+        let nextindex = (this.getLevelIndex(item.level) + 1)
+        this.reset(this.getLevelIndex(item.level))
+        if (nextindex < this.level_length) {
+          this.titles['level' + nextindex] = this.model.defaultTitles['level' + nextindex]
+        }
+        for (let i = 0; i < nextindex; i++) {
+          let item1 = this.options1['level' + i][fullindex[i].split('-')[1]]
+          this.putItem(item1)
+          this.options[item1.level].push(item1)
+        }
+        this.thisRadio = this.values[item.level].value
+        let that = this
+        this.searchValue = ''
+        // this.$refs.tabs.resize();
+        if (that.active != (fullindex.length - 2)) {
+          this.selectFlag = true
+          setTimeout(() => {
+            that.active = (fullindex.length - 2)
+          }, 50);
+        }
+        this.key++
+      } catch (e) {
+        console.log(e.stack); // print stack trace
+        this.show = false
+        this.onInit()
+      }
+    },
+    putItem(item) {
+      this.values[item.level] = item
+      this.titles[item.level] = item.text
+    },
+    //清空option
+    reset(start, end = this.level_length - 1) {
+      for (let i = start; i <= end; i++) {
+        let level = "level" + i
+        this.values[level] = undefined
+        this.options[level].length = 0
+        if (i == start && this.values["level" + (i - 1)]) {
+          this.titles[level] = this.model.defaultTitles[level]
+        } else {
+          this.titles[level] = undefined
+        }
+      }
+    },
+    //刷新option
+    reflash(re, active) {
+      this.options['level' + active].length = 0
+      this.options1['level' + active].forEach((item, index) => {
+        if (item.fullIndex.search(re) != -1) {
+          this.options['level' + active].push(item)
+        }
+      })
+    },
+    matchText(item) {
+      let re = new RegExp(this.searchValue.toLowerCase())
+      return item.text.search(re) != -1 || item.value.toLowerCase().search(re) != -1
+    },
+    createDefaultModel() {
+      return {
+        value: '',
+        value2: {},
+        height: '80%',
+        text: '',
+        type: 'BSCascader',
+        placeholder: 'lang.ctl.BSCascader.placeholder',
+        searchPlaceholder: 'lang.ctl.BSCascader.placeholder',
+        searchFlag: true,
+        autoFinish: false,
+        hotTitle: 'lang.ctl.BSCascader.hotTitle',
+        items: {},
+        popTitle: '',
+        hotList: [],
+        defaultTitles: {},
+      };
+    }
+  }
+  ,
+  data() {
+    return {
+      show: false,
+      color: '#1989fa',
+      fieldValue: '',
+      active: 0,
+      key: 0,
+      height: '0px',
+      values: {},
+      hotListSort: [],
+      thisRadio: undefined,
+      selectFlag: false,
+      defaultTitle: '请选择',
+      level_length: 0,
+      searchValueTemp: '',
+      searchValue: '',
+      options: {},
+      optionsMap: {},
+      titles: {},
+      options1: {}
+    };
+  },
+}
+
+
+</script>
+
+<style scoped>
+
+.divScrollbar::-webkit-scrollbar { /*滚动条整体样式*/
+  display: none /*高宽分别对应横竖滚动条的尺寸*/
+}
+
+.def_color {
+  --variable: #1989fa;
+}
+
+/deep/ .van-tabs__line {
+  background-color: var(--variable);
+}
+
+
+/deep/ .van-tab--active {
+  font-weight: bold;
+}
+
+.divStyle {
+  border: none;
+  overflow: auto;
+  bottom: 1rem;
+  margin: 0 auto;
+
+}
+
+/*标题*/
+.vanBar /deep/ .van-nav-bar__title {
+  font-size: 1.4rem;
+}
+
+.vanBar[class*=van-hairline]::after {
+  border: none;
+}
+
+/*搜索*/
+.vanField /deep/ .van-field__control {
+  font-size: 1rem;
+}
+
+/*搜索*/
+.vanField /deep/ .van-search__action {
+  font-size: 1rem;
+}
+
+/*常用标题*/
+.vanHot /deep/ .van-divider {
+  font-size: 1rem;
+}
+
+/*常用词*/
+.vanHot /deep/ .van-button__text {
+  font-size: 0.95rem;
+}
+
+/*TAB文字*/
+.vanTab /deep/ .van-tab {
+  font-size: 1.1rem;
+}
+
+.divStyleBorder[class*=van-hairline]::after {
+  border: none;
+}
+
+</style>