vsyswin-ui 0.2.84 → 0.2.85

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vsyswin-ui",
-    "version": "0.2.84",
+    "version": "0.2.85",
     "main": "lib/vsyswin-ui.umd.min.js",
     "private": false,
     "description": "Vue2.x的应用组件库.",

package/packages/search-bar/src/search-bar.vue

@@ -123,6 +123,12 @@
                       <el-option v-for="opt in item.options" :key="opt.id" :label="opt.label" :value="opt.value"></el-option>
                     </el-select>
                   </template>
+                  <template v-else-if="item.type === 'cascade'">
+                    <span class="syswin-filter-item__name" v-if="item.name && !item.hideName">{{ item.name }}</span>
+                    <el-cascader size="small" v-model="item.value" :placeholder="`请选择${item.name}`" :style="{
+                        width: item.width ? item.width : '200px'
+                      }" :options="item.options" :props="{ multiple: !!item.multiple, checkStrictly: !!item.checkStrictly }" collapse-tags clearable @change="handleChangeDateragne(idx, index)"></el-cascader>
+                  </template>
                   <template v-else-if="item.type === 'slot'">
                     <slot :name="item.slot" :item="item">内容为空</slot>
                   </template>
@@ -230,6 +236,12 @@
                       <el-option v-for="opt in item.options" :key="opt.id" :label="opt.label" :value="opt.value"></el-option>
                     </el-select>
                   </template>
+                  <template v-else-if="item.type === 'cascade'">
+                    <span class="syswin-filter-item__name" v-if="item.name && !item.hideName">{{ item.name }}</span>
+                    <el-cascader size="small" v-model="item.value" :placeholder="`请选择${item.name}`" :style="{
+                        width: item.width ? item.width : '200px'
+                      }" :options="item.options" :props="{ multiple: !!item.multiple, checkStrictly: !!item.checkStrictly }" collapse-tags clearable @change="handleChangeDateragne(idx, index)"></el-cascader>
+                  </template>
                   <template v-else-if="item.type === 'slot'">
                     <slot :name="item.slot" :item="item">内容为空</slot>
                   </template>
@@ -324,6 +336,12 @@
                           <el-option v-for="opt in item.options" :key="opt.id" :label="opt.label" :value="opt.value"></el-option>
                         </el-select>
                       </template>
+                      <template v-else-if="item.type === 'cascade'">
+                        <span class="syswin-filter-item__name" v-if="item.name && !item.hideName">{{ item.name }}</span>
+                        <el-cascader size="small" v-model="item.value" :placeholder="`请选择${item.name}`" :style="{
+                            width: item.width ? item.width : '200px'
+                          }" :options="item.options" :props="{ multiple: !!item.multiple, checkStrictly: !!item.checkStrictly }" collapse-tags clearable @change="handleChangeDateragne(idx, index + maxConditionLength)"></el-cascader>
+                      </template>
                       <template v-else-if="item.type === 'slot'">
                         <slot :name="item.slot" :item="item">内容为空</slot>
                       </template>
@@ -371,6 +389,7 @@
 import _ from 'lodash'
 import moment from 'moment'
 import saveLocal from './save-local'
+import XEUtils from 'xe-utils'
 
 function deepCopyFunction(arr1, arr2) {
   for (let i = 0; i < arr1.length; i++) {
@@ -601,6 +620,25 @@ export default {
                 } else {
                   obj.name = item.options.find((x) => x.value === item.value).label
                 }
+              } else if (item.type === 'cascade') {
+                if (!item.value) return
+                if (item.multiple) {
+                  if (!item.value.length) {
+                    return
+                  }
+                  // const valueOptions = item.value.map((x) => item.options.find((f) => f.value === x))
+                  const valueOptions = item.value.map((x) => {
+                    // console.log('xxxxxxxxxxxxx', x) // 这里的x是个数组
+                    const lastValue = x[x.length - 1]
+                    const find = XEUtils.findTree(item.options, tItem => tItem.value === lastValue)
+                    return find
+                  })
+                  obj.name = valueOptions.map((x) => x.nodes.map(y => y.label).join('/')).join(',')
+                } else {
+                  const lastValue = item.value[item.value.length - 1]
+                  const find = XEUtils.findTree(item.options, tItem => tItem.value === lastValue)
+                  obj.name = find.nodes.map(y => y.label).join('/')
+                }
               } else if (item.type === 'slot') {
                 if (!item.getValue) return
                 const info = item.getValue() // 这里不能直接调，因为是深拷贝过来的
@@ -687,6 +725,9 @@ export default {
             if (item.type === 'select') {
               item.value = item.multiple ? [] : null
             }
+            if (item.type === 'cascade') {
+              item.value = item.multiple ? [] : null
+            }
             if (item.type === 'slot') {
               item.setValue({ name: '', value: '' })
             }
@@ -719,6 +760,9 @@ export default {
               if (item.type === 'select') {
                 item.value = item.multiple ? [] : null
               }
+              if (item.type === 'cascade') {
+                item.value = item.multiple ? [] : null
+              }
               if (item.type === 'slot') {
                 item.setValue({ name: '', value: '' })
               }
@@ -758,6 +802,13 @@ export default {
               item.value = null
             }
           }
+          if (item.type === 'cascade') {
+            if (item.multiple) {
+              item.value = []
+            } else {
+              item.value = null
+            }
+          }
           item.type === 'slot' && item.setValue({ value: '', name: '' })
         })
       })
@@ -840,6 +891,9 @@ export default {
           if (item.type === 'select') {
             item.value = item.multiple ? [] : null
           }
+          if (item.type === 'cascade') {
+            item.value = item.multiple ? [] : null
+          }
         }
       })
       this.$set(this.currentSearchList, parentIndex, parentItem)
@@ -920,6 +974,9 @@ export default {
                       v.value = ele.value
                     }
                     if (ele.value) v.isActive = true
+                  } else if (v.type === 'cascade') {
+                    v.value = ele.value
+                    if (ele.value) v.isActive = true
                   } else if (v.type === 'month' || v.type === 'year') {
                     v.value = ele.value
                     if (ele.value) v.isActive = true