n20-common-lib 1.3.46 → 1.3.49

package/nstc-g6/components/Form/AutocompleteCustom/index.vue

@@ -1,72 +1,72 @@
-<template>
-  <el-autocomplete
-    v-model="_value"
-    v-bind="$attrs"
-    :style="{width:parseFloat(width) + 'px'}"
-    :placeholder="placeholder"
-    v-on="$listeners"
-    @select="handleSelect"
-  >
-    <template v-for="(_, slotName) in $slots" v-slot:[slotName]>
-      <slot :name="slotName" />
-    </template>
-  </el-autocomplete>
-</template>
-
-<script>
-export default {
-  name: 'AutocompleteCustom',
-
-  inheritAttrs: false,
-
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-
-    width: {
-      type: [String, Number],
-      default: ''
-    },
-
-    unit: {
-      type: String,
-      default: ''
-    },
-
-    placeholder: {
-      type: String,
-      default: function (){
-        return '请输入'
-      }
-    },
-
-    selectHandler: {
-      type: Function,
-      default: undefined
-    }
-  },
-
-  computed: {
-    _value: {
-      get() {
-        return this.value
-      },
-      set(val) {
-        this.$emit('input', val)
-      }
-    }
-  },
-
-  methods: {
-    handleSelect(val) {
-      this.selectHandler && this.selectHandler(val)
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <el-autocomplete
+    v-model="_value"
+    v-bind="$attrs"
+    :style="{width:parseFloat(width) + 'px'}"
+    :placeholder="placeholder"
+    v-on="$listeners"
+    @select="handleSelect"
+  >
+    <template v-for="(_, slotName) in $slots" v-slot:[slotName]>
+      <slot :name="slotName" />
+    </template>
+  </el-autocomplete>
+</template>
+
+<script>
+export default {
+  name: 'AutocompleteCustom',
+
+  inheritAttrs: false,
+
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+
+    width: {
+      type: [String, Number],
+      default: ''
+    },
+
+    unit: {
+      type: String,
+      default: ''
+    },
+
+    placeholder: {
+      type: String,
+      default: function (){
+        return '请输入'
+      }
+    },
+
+    selectHandler: {
+      type: Function,
+      default: undefined
+    }
+  },
+
+  computed: {
+    _value: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    }
+  },
+
+  methods: {
+    handleSelect(val) {
+      this.selectHandler && this.selectHandler(val)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/nstc-g6/components/Form/BusinessSpecific/InputMultiple.vue

@@ -1,191 +1,191 @@
-<!-- 行政区域三级联动下拉组件 -->
-<template>
-  <div class="nstc-g6-common-input-multiple">
-    <SelectCustom
-        v-model="_value[0]"
-        filterable
-        :options="options[0]"
-        :width="widthConfig[0]"
-        @change="inputChange(0)"
-        class="nstc-g6-common-input-multiple-select"
-    />
-    <SelectCustom
-        v-model="_value[1]"
-        filterable
-        :options="options[1]"
-        :width="widthConfig[1]"
-        @change="inputChange(1)"
-        class="nstc-g6-common-input-multiple-select"
-    />
-    <SelectCustom
-        v-model="_value[2]"
-        filterable
-        :options="options[2]"
-        :width="widthConfig[2]"
-        @change="inputChange(2)"
-        class="nstc-g6-common-input-multiple-select"
-    />
-  </div>
-</template>
-
-<script>
-import SelectCustom from '../SelectCustom'
-import request from '@/utils/request'
-export default {
-  name: "NstcInputMultiple",
-  props: {
-    value: {
-      type: Array,
-      default: () => {
-        return [null, null, null]
-      }
-    },
-    // options: {
-    //   type: Array,
-    //   default: () => {
-    //     return [[],[],[]]
-    //   }
-    // },
-    widthConfig: {
-      type: Array,
-      default: () => {
-        return [100, 100, 100]
-      }
-    },
-    default: {
-      type: [String, Number, Array],
-      default: () => {
-        return []
-      }
-    },
-    url: {
-      type: String,
-      default: ''
-    },
-    labelKey: {
-      type: String,
-      default: ''
-    },
-    valueKey: {
-      type: String,
-      default: ''
-    },
-    data: {
-      type: Object,
-      default: () => {
-        return null
-      }
-    },
-    // 额外参数
-    params: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    // 特殊处理
-    father: {
-      type: Boolean,
-      default: false
-    }
-  },
-  components: {
-    SelectCustom
-  },
-  computed: {
-    _value: {
-      get() {
-        return this.value
-      },
-      set(val) {
-        this.$emit('input', val)
-      }
-    }
-  },
-  created() {
-    this._value = this.default
-    this.request(this.url, 0)
-  },
-  data() {
-    return {
-      arr: [null, null, null],
-      options: [null,null,null]
-    }
-  },
-
-  methods: {
-    request(url, optionsIndex) {
-      const that = this
-
-      request({
-        url: url,
-        method: 'get',
-        params: optionsIndex === 0 ? null : this.params
-      }).then(res => {
-        console.log(res)
-        let resList = res.list || res
-        resList = Array.isArray(resList) ? resList : [resList] 
-
-        // 特殊业务处理
-        if (this.father && optionsIndex === 0) {
-          let newOptions = []
-          that.options[optionsIndex] = resList
-          that.options[optionsIndex].map(item => {
-            if (!item.fatherNo) {
-              item.label = item[this.labelKey]
-              item.value = item[this.valueKey]
-              newOptions.push(item)
-            }
-          })
-          that.options[optionsIndex] = newOptions
-        } else {
-          // alert(1)
-          console.log(resList[0].children)
-          let newOptions = resList[0].children
-          newOptions.map(item => {
-            item.label = item[this.labelKey]
-            item.value = item[this.valueKey]
-          })
-        
-          that.options[optionsIndex] = newOptions
-          
-        }
-        
-        that.$nextTick(() => {
-          that.$forceUpdate()
-        })
-      }).catch(() => {})
-
-    },
-    inputChange(i) {
-      switch (i) {
-        case 0:
-            this._value[1] = ''
-            this._value[2] = ''
-            this.request(`${this.url}?${this.valueKey}=${this._value[i]}`, 1)
-          break;
-        case 1:
-            this._value[2] = ''
-            this.request(`${this.url}?${this.valueKey}=${this._value[i]}`, 2)
-          break;
-      }
-      
-    }
-    
-  },
-}
-</script>
-
-<style scoped lang="scss">
-@import '~@/theme/theme1/styles/variables.scss';
-.nstc-g6-common-input-multiple{
-  display: flex;
-  width: $formItemDefaultWidth;
-  .nstc-g6-common-input-multiple-select {
-    margin-right: 10px;
-  }
-  .input-custom{
-    margin-right: 10px;
-  }
-}
-</style>
+<!-- 行政区域三级联动下拉组件 -->
+<template>
+  <div class="nstc-g6-common-input-multiple">
+    <SelectCustom
+        v-model="_value[0]"
+        filterable
+        :options="options[0]"
+        :width="widthConfig[0]"
+        @change="inputChange(0)"
+        class="nstc-g6-common-input-multiple-select"
+    />
+    <SelectCustom
+        v-model="_value[1]"
+        filterable
+        :options="options[1]"
+        :width="widthConfig[1]"
+        @change="inputChange(1)"
+        class="nstc-g6-common-input-multiple-select"
+    />
+    <SelectCustom
+        v-model="_value[2]"
+        filterable
+        :options="options[2]"
+        :width="widthConfig[2]"
+        @change="inputChange(2)"
+        class="nstc-g6-common-input-multiple-select"
+    />
+  </div>
+</template>
+
+<script>
+import SelectCustom from '../SelectCustom'
+import request from '@/utils/request'
+export default {
+  name: "NstcInputMultiple",
+  props: {
+    value: {
+      type: Array,
+      default: () => {
+        return [null, null, null]
+      }
+    },
+    // options: {
+    //   type: Array,
+    //   default: () => {
+    //     return [[],[],[]]
+    //   }
+    // },
+    widthConfig: {
+      type: Array,
+      default: () => {
+        return [100, 100, 100]
+      }
+    },
+    default: {
+      type: [String, Number, Array],
+      default: () => {
+        return []
+      }
+    },
+    url: {
+      type: String,
+      default: ''
+    },
+    labelKey: {
+      type: String,
+      default: ''
+    },
+    valueKey: {
+      type: String,
+      default: ''
+    },
+    data: {
+      type: Object,
+      default: () => {
+        return null
+      }
+    },
+    // 额外参数
+    params: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    // 特殊处理
+    father: {
+      type: Boolean,
+      default: false
+    }
+  },
+  components: {
+    SelectCustom
+  },
+  computed: {
+    _value: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    }
+  },
+  created() {
+    this._value = this.default
+    this.request(this.url, 0)
+  },
+  data() {
+    return {
+      arr: [null, null, null],
+      options: [null,null,null]
+    }
+  },
+
+  methods: {
+    request(url, optionsIndex) {
+      const that = this
+
+      request({
+        url: url,
+        method: 'get',
+        params: optionsIndex === 0 ? null : this.params
+      }).then(res => {
+        console.log(res)
+        let resList = res.list || res
+        resList = Array.isArray(resList) ? resList : [resList] 
+
+        // 特殊业务处理
+        if (this.father && optionsIndex === 0) {
+          let newOptions = []
+          that.options[optionsIndex] = resList
+          that.options[optionsIndex].map(item => {
+            if (!item.fatherNo) {
+              item.label = item[this.labelKey]
+              item.value = item[this.valueKey]
+              newOptions.push(item)
+            }
+          })
+          that.options[optionsIndex] = newOptions
+        } else {
+          // alert(1)
+          console.log(resList[0].children)
+          let newOptions = resList[0].children
+          newOptions.map(item => {
+            item.label = item[this.labelKey]
+            item.value = item[this.valueKey]
+          })
+        
+          that.options[optionsIndex] = newOptions
+          
+        }
+        
+        that.$nextTick(() => {
+          that.$forceUpdate()
+        })
+      }).catch(() => {})
+
+    },
+    inputChange(i) {
+      switch (i) {
+        case 0:
+            this._value[1] = ''
+            this._value[2] = ''
+            this.request(`${this.url}?${this.valueKey}=${this._value[i]}`, 1)
+          break;
+        case 1:
+            this._value[2] = ''
+            this.request(`${this.url}?${this.valueKey}=${this._value[i]}`, 2)
+          break;
+      }
+      
+    }
+    
+  },
+}
+</script>
+
+<style scoped lang="scss">
+@import '~@/theme/theme1/styles/variables.scss';
+.nstc-g6-common-input-multiple{
+  display: flex;
+  width: $formItemDefaultWidth;
+  .nstc-g6-common-input-multiple-select {
+    margin-right: 10px;
+  }
+  .input-custom{
+    margin-right: 10px;
+  }
+}
+</style>