n20-common-lib 1.3.46 → 1.3.49

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

@@ -1,233 +1,233 @@
-<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>
+<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/nstc-g6/components/Form/BusinessSpecific/readme.md

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

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

@@ -1,101 +1,101 @@
-<template>
-  <el-cascader
-    v-model="_value"
-    v-bind="$attrs"
-    :collapse-tags="collapseTags"
-    :props="calcProps"
-    :style="{width:parseFloat(width) + 'px'}"
-    v-on="$listeners"
-  >
-    <template v-slot="scope">
-      <slot v-bind="scope" />
-    </template>
-    <template v-slot:empty>
-      <slot name="empty" />
-    </template>
-  </el-cascader>
-</template>
-
-<script>
-import request from '@/utils/request'
-
-export default {
-  name: 'CascaderCustom',
-
-  inheritAttrs: false,
-
-  props: {
-    value: {
-      type: Array,
-      default: () => []
-    },
-
-    width: {
-      type: [String, Number],
-      default: ''
-    },
-
-    collapseTags: {
-      type: Boolean,
-      default: true
-    },
-
-    url: {
-      type: String,
-      default: ''
-    },
-
-    props: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-
-  data() {
-    return {
-      options: []
-    }
-  },
-
-  computed: {
-    _value: {
-      get() {
-        return this.value
-      },
-      set(val) {
-        this.$emit('input', val)
-      }
-    },
-
-    calcProps() {
-      return {
-        ...this.props,
-        lazyLoad: this.props.lazy
-          ? (node) => {
-            // Todo 需要后端统一传参格式与返回数据的格式
-            console.log('子选项node', node)
-          }
-          : undefined
-      }
-    }
-  },
-
-  async created() {
-    !this.props.lazy && (this.options = await this.getOptions())
-  },
-
-  methods: {
-    getOptions() {
-      return request(this.url)
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.el-cascader {
-  .el-input {
-    width: 100%;
-  }
-}
-</style>
+<template>
+  <el-cascader
+    v-model="_value"
+    v-bind="$attrs"
+    :collapse-tags="collapseTags"
+    :props="calcProps"
+    :style="{width:parseFloat(width) + 'px'}"
+    v-on="$listeners"
+  >
+    <template v-slot="scope">
+      <slot v-bind="scope" />
+    </template>
+    <template v-slot:empty>
+      <slot name="empty" />
+    </template>
+  </el-cascader>
+</template>
+
+<script>
+import request from '@/utils/request'
+
+export default {
+  name: 'CascaderCustom',
+
+  inheritAttrs: false,
+
+  props: {
+    value: {
+      type: Array,
+      default: () => []
+    },
+
+    width: {
+      type: [String, Number],
+      default: ''
+    },
+
+    collapseTags: {
+      type: Boolean,
+      default: true
+    },
+
+    url: {
+      type: String,
+      default: ''
+    },
+
+    props: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+
+  data() {
+    return {
+      options: []
+    }
+  },
+
+  computed: {
+    _value: {
+      get() {
+        return this.value
+      },
+      set(val) {
+        this.$emit('input', val)
+      }
+    },
+
+    calcProps() {
+      return {
+        ...this.props,
+        lazyLoad: this.props.lazy
+          ? (node) => {
+            // Todo 需要后端统一传参格式与返回数据的格式
+            console.log('子选项node', node)
+          }
+          : undefined
+      }
+    }
+  },
+
+  async created() {
+    !this.props.lazy && (this.options = await this.getOptions())
+  },
+
+  methods: {
+    getOptions() {
+      return request(this.url)
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.el-cascader {
+  .el-input {
+    width: 100%;
+  }
+}
+</style>