n20-common-lib 1.3.4 → 1.3.7

package/src/components/NstcG6Components/Form/AutocompleteCustom/index.vue

@@ -1,72 +0,0 @@
-<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/src/components/NstcG6Components/Form/BusinessSpecific/InputMultiple.vue

@@ -1,191 +0,0 @@
-<!-- 行政区域三级联动下拉组件 -->
-<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>

package/src/components/NstcG6Components/Form/BusinessSpecific/InputWithUnit.vue

@@ -1,128 +0,0 @@
-<template>
-  <div>
-    <div v-if="isSingle" class="nstc-g6-common-input-with-unit">
-      <InputCustom
-          v-model="_value[0]"
-          :width="_widthConfig[0]"
-          :maxlength="3"
-      />
-      <SelectCustom
-          v-model="_value[1]"
-          filterable
-          :options="options"
-          :width="_widthConfig[1]"
-      />
-    </div>
-    <div v-else class="nstc-g6-common-input-with-unit">
-      <InputCustom
-          v-model="_value[0]"
-          :width="_widthConfig[0]"
-          :maxlength="3"
-      />
-      <span style="margin: 0 10px">到</span>
-      <InputCustom
-          v-model="_value[1]"
-          :width="_widthConfig[1]"
-          :maxlength="3"
-      />
-      <SelectCustom
-          v-model="_value[2]"
-          filterable
-          :options="options"
-          :width="_widthConfig[2]"
-      />
-    </div>
-    
-  </div>
-</template>
-
-<script>
-import InputCustom from '../InputCustom'
-import SelectCustom from '../SelectCustom'
-export default {
-  name: "NstcInputWithUnit",
-  props: {
-    isSingle: {
-      type: Boolean,
-      default: false,
-    },
-    value: {
-      type: Array,
-      default: () => {
-        return [null, null]
-      }
-    },
-    options: {
-      type: Array,
-      default: () => {
-        return [
-          {label: '年', value: 3},
-          {label: '月', value: 2},
-          {label: '日', value: 1},
-        ]
-      }
-    },
-    widthConfig: {
-      type: Array,
-      default: () => {
-        return [150, 106]
-      }
-    },
-    default: {
-      type: [String, Number, Array],
-      default: () => {
-        return []
-      }
-    }
-  },
-  components: {
-    InputCustom,
-    SelectCustom
-  },
-  watch: {
-    isSingle:{
-      immediate: true,
-      handler(val) {
-        if (!val) {
-          this._value = ['', '', 3]
-          this._widthConfig = [150, 150, 106]
-        } else {
-          this._value = ['', 3]
-          this._widthConfig = [150, 106]
-        }
-      }
-    }
-  },
-  computed: {
-    _value: {
-      get() {
-        return this.value
-      },
-      set(val) {
-        this.$emit('input', val)
-      }
-    }
-  },
-  created() {
-    this._value = this.default
-    this._widthConfig = this.widthConfig
-  },
-  data() {
-    return {
-      arr: [null, null]
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-@import '~@/theme/theme1/styles/variables.scss';
-.nstc-g6-common-input-with-unit{
-  display: flex;
-  width: $formItemDefaultWidth;
-  align-items: center;
-  // .input-custom{
-  //   margin-right: 10px;
-  // }
-}
-</style>

package/src/components/NstcG6Components/Form/BusinessSpecific/SelectTreeDialog.vue

@@ -1,233 +0,0 @@
-<template>
-  <SelectInDialogCustom
-      ref="SelectInDialogCustom"
-      v-model="model[0]"
-      :title="title"
-      :url="url"
-      clearable
-      remote
-      :value-key="valueKey"
-      :label-key="labelKey"
-      width="294"
-      :original-form="false"
-      :original-table="false"
-      :dialogVisibleTree="dialogVisibleTree"
-  >
-    <template v-slot:table>
-      <div style="display:flex;">
-        <el-input
-          class="select-dialog-custom-tree-inp"
-          placeholder="输入关键字进行过滤"
-          v-model="filterText">
-        </el-input>
-        <el-button
-          type="primary"
-          style="margin-left: 20px;"
-          class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b"
-          @click.stop="handleQuery"
-        >
-          查询
-        </el-button>
-      </div>
-      
-      <div style="height:300px;overflow:scroll;">
-        <el-tree
-          class="filter-tree"
-          style="margin:20px;"
-          :data="data"
-          :props="defaultProps"
-          :node-key="nodeKey"
-          default-expand-all
-          :show-checkbox="showCheckbox"
-          v-bind="$attrs"
-          v-on="$listeners"
-          @node-click="treeNodeClick"
-          :filter-node-method="filterNode"
-          ref="tree"
-        >
-        </el-tree>
-      </div>
-      <div style='text-align:center;'>
-        <el-button
-          type="primary"
-          class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b"
-          @click.stop="handleclick"
-        >
-          确认
-        </el-button>
-        <el-button
-          class="nstc-g6-common-btn-1 nstc-g6-common-btn-size-b"
-          @click.stop="handleClear"
-        >
-          取消
-        </el-button>
-        </div>
-    </template>
-  </SelectInDialogCustom>
-
-</template>
-
-<script>
-import SelectInDialogCustom from '../SelectindialogCustom'
-export default {
-  name: 'SelectTreeDialog',
-
-  components: {
-    SelectInDialogCustom,
-  },
-  
-  computed: {
-    _value: {
-      get() {
-        return this.value
-      },
-      set(val) {
-        this.$emit('input', val)
-      }
-    }
-  },
-
-  props: {
-    title: {
-      type: String,
-      default: '表格里边弹窗'
-    },
-    value: {
-      type: String,
-      default: ''
-    },
-    data: {
-      type: Array,
-      default: () => [{
-          id: 1,
-          label: '一级 1',
-          children: [{
-            id: 4,
-            label: '二级 1-1',
-            children: [{
-              id: 9,
-              label: '三级 1-1-1'
-            }, {
-              id: 10,
-              label: '三级 1-1-2'
-            }]
-          }]
-        }, {
-          id: 2,
-          label: '一级 2',
-          children: [{
-            id: 5,
-            label: '二级 2-1'
-          }, {
-            id: 6,
-            label: '二级 2-2'
-          }]
-        }, {
-          id: 3,
-          label: '一级 3',
-          children: [{
-            id: 7,
-            label: '二级 3-1'
-          }, {
-            id: 8,
-            label: '二级 3-2'
-          }]
-        }]
-    },
-    defaultProps: {
-      type: Object,
-      default: () => {
-        return {
-          children: 'children',
-          label: 'label'
-        }
-      }
-    },
-    valueKey :{
-      type: String,
-      default: 'prop1'
-    },
-    labelKey: {
-      type: String,
-      default: 'prop2'
-    },
-    url: {
-      type: String,
-      default: ''
-    },
-    showCheckbox: {
-      type: Boolean,
-      default: false
-    },
-    nodeKey: {
-      type: String,
-      default: 'id'
-    },
-
-  },
-
-  data() {
-    return {
-      filterText: '',
-      model: [{ prop1: '1', prop2: '' }],
-      dialogVisibleTree: false,
-    }
-  },
-
-  methods: {
-    filterNode(value, data) {
-      if (!value) return true;
-      return data.label.indexOf(value) !== -1;
-    },
-    handleQuery() {
-      this.$refs.tree.filter(this.filterText);
-    },
-    /**
-     * 树节点点击事件
-     *  回调参数： data, node, tree
-     */
-    treeNodeClick(data) {
-      this.queryFlag = false
-
-      const k = this.defaultProps.label || 'label'
-
-      this.filterText = data[k]
-      this.placeholder = this.filterText
-
-      this._value = data[this.nodeKey]
-      console.log(this._value,this.nodeKey)
-
-      // 主动让input框失去交单
-      // this.$refs[this.inputRefName].blur()
-      this.showPopoverFlag = false
-    },
-    handleclick() {
-      this.$emit('handleclick', this.filterText) 
-      this.model[0].prop2 = this.filterText
-      this.model[0].prop1 = this.nodeKey
-      this.$refs.SelectInDialogCustom.dialogVisible = false
-      console.log(this.filterText)
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.select-dialog-custom-tree-inp {
-  .el-input__inner {
-    height: 34px !important;
-    margin-right: 20px;
-  }
-  .el-tree-node:focus {
-    background-color: #007AFF;
-  }
-}
-
-</style>
-
-<style scoped>
-.select-dialog-custom-tree-inp {
-  width: 299px;
-  height: 34px !important;
-}
-</style>

package/src/components/NstcG6Components/Form/BusinessSpecific/readme.md

@@ -1,7 +0,0 @@
-#各个业务模块特殊的组件
-
-##融租
-
-```
-1. 期限
-```