n20-common-lib 1.2.46 → 1.3.2

package/src/components/NstcG6Components/NstcForm/configs.js

@@ -0,0 +1,191 @@
+/**
+ * [important] 请添加支持组件的类型的同时， 指定组件引入 和 对应组件默认状态值
+ */
+
+// const DatepickerCustom = () => import('./DatepickerCustom')
+// const InputCustom = () => import('./InputCustom')
+// const IntervalinputCustom = () => import('./IntervalinputCustom')
+// const AutocompleteCustom = () => import('./AutocompleteCustom')
+// const SelectCustom = () => import('./SelectCustom')
+// const SelectindialogCustom = () => import('./SelectindialogCustom')
+// const UploadCustom = () => import('./UploadCustom')
+// const RadioCustom = () => import('./RadioCustom')
+// const CheckboxCustom = () => import('./CheckboxCustom')
+// const CascaderCustom = () => import('./CascaderCustom')
+// const TextCustom = () => import('./TextCustom')
+// const nstcuploadCustom = () => import('../Upload/src/main')
+// const FormItemTips = () => ('../FormCreate/component/FormItemTips')
+// const FormTooltips = () => ('../FormCreate/component/FormTooltips')
+// const nstcselecttreeCustom = () => import('../SelectTree/src/main')
+
+
+import DatepickerCustom from './DatepickerCustom'
+import InputCustom from './InputCustom'
+import IntervalinputCustom from './IntervalInputCustom'
+import AutocompleteCustom from './AutocompleteCustom'
+import SelectCustom from './SelectCustom'
+import SelectindialogCustom from './SelectindialogCustom'
+import UploadCustom from './UploadCustom'
+import RadioCustom from './RadioCustom'
+import CheckboxCustom from './CheckboxCustom'
+import CascaderCustom from './CascaderCustom'
+import TextCustom from './TextCustom'
+// import nstcuploadCustom from '^/Upload/src/main'
+import nstcselecttreeCustom from '../NstcSelectTree/NstcSelectTree'
+import nstcselecttreelistCustom from '../NstcSelectTreeList/NstcSelectTreeList'
+// import nstcfileuploadCustom from '^/FileUpload/src/main'
+
+// 特殊的业务组件
+import inputwithunitCustom from './BusinessSpecific/InputWithUnit'
+import inputmultipleCustom from './BusinessSpecific/InputMultiple'
+import selecttreedialogCustom from './BusinessSpecific/SelectTreeDialog'
+import selectaccountCustom from './SelectAccount/NstcSelectAccount'
+import selectcashflowCustom from './SelectCashFlow/NstcSelectCashFlow'
+import selectsubjectCustom from './SelectSubject/NstcSelectSubject'
+import payeePersonSelect from './payeePersonSelect/NstcPayeePerson'
+import inputAndDialog from './InputAndDialog/NstcInputAndDialog'
+
+
+// 定义支持的类型
+export const SUPPORT_TYPE = [
+  'datepicker',
+  'input',
+  'intervalinput',
+  'autocomplete',
+  'select',
+  'selectindialog',
+  'upload',
+  'radio',
+  'checkbox',
+  'cascader',
+  'text',
+  'nstcupload',
+  'nstcselecttree',
+  'nstcselecttreelist',
+  'nstcfileupload',
+  'inputwithunit',
+  'inputmultiple',
+  'selecttreedialog',
+  'selectaccount',
+  'selectcashflow',
+  'selectsubject'
+]
+
+// 支持的类型对应的组件
+export const components = {
+  SelectindialogCustom, // loop
+  SelectCustom,
+  DatepickerCustom,
+  InputCustom,
+  IntervalinputCustom,
+  AutocompleteCustom,
+  UploadCustom,
+  RadioCustom,
+  CheckboxCustom,
+  CascaderCustom,
+  TextCustom,
+  // nstcuploadCustom,
+  nstcselecttreeCustom,
+  nstcselecttreelistCustom,
+  // nstcfileuploadCustom,
+  inputwithunitCustom,
+  inputmultipleCustom,
+  selecttreedialogCustom,
+  selectaccountCustom,
+  selectcashflowCustom,
+  selectsubjectCustom,
+  payeePersonSelect,
+  inputAndDialog
+}
+
+// 支持的类型对应的默认值
+export function getDefaultValue({ mold, multiple, type, default: def }) {
+  let _def
+  mold = mold.replace(/ /g, '')
+  switch (mold) {
+    case 'select':
+    case 'selectindialog':
+    case 'nstcBankBanchTree':
+    case 'selecttreedialog':
+      _def = {
+        value: isEmpty(def) ? multiple ? [] : null : def
+      }
+      break
+
+    case 'input':
+    case 'autocomplete':
+    case 'text':
+    case 'nstcselecttree':
+    case 'nstcselecttreelist':
+    case 'selectaccount':
+    case 'selectcashflow':
+    case 'selectsubject':
+      _def = {
+        value: isEmpty(def) ? '' : def
+      }
+      break
+
+    case 'upload':
+      _def = {
+        value: isEmpty(def)
+          ? multiple
+            ? []
+            : null
+          : multiple
+            ? [...def]
+            : def
+      }
+      break
+
+    case 'checkbox':
+    case 'cascader':
+    case 'intervalinput':
+    case 'nstcupload':
+    case 'nstcfileupload':
+    case 'inputwithunit':
+    case 'inputmultiple':
+      _def = {
+        value: isEmpty(def) ? [] : [...def]
+      }
+      break
+
+    case 'radio':
+      _def = {
+        value: isEmpty(def) ? null : def
+      }
+      break
+
+    case 'datewmqy':
+    case 'datepicker':
+      _def = {
+        value: type && type.includes('range')
+          ? isEmpty(def) ? [] : [...def]
+          : isEmpty(def) ? null : def
+      }
+      break
+
+    case 'switch':
+      _def = {
+        value: isEmpty(def) ? false : def
+      }
+      break
+
+    case 'querybutton':
+    case 'addbutton':
+    case 'otherbutton':
+      _def = null
+      break
+
+    default:
+      alert(`未匹配到符合该类型${mold}的功能,请联系开发人员`)
+      _def = null
+      break
+  }
+
+  return _def
+}
+
+export function isEmpty(def) {
+  return def === null || def === undefined
+}
+

package/src/components/NstcG6Components/NstcForm/configsSecond.js

@@ -0,0 +1,161 @@
+/**
+ * [important] 请添加支持组件的类型的同时， 指定组件引入 和 对应组件默认状态值
+ */
+
+// const DatepickerCustom = () => import('./DatepickerCustom')
+// const InputCustom = () => import('./InputCustom')
+// const IntervalinputCustom = () => import('./IntervalinputCustom')
+// const AutocompleteCustom = () => import('./AutocompleteCustom')
+// const SelectCustom = () => import('./SelectCustom')
+// const SelectindialogCustom = () => import('./SelectindialogCustom')
+// const UploadCustom = () => import('./UploadCustom')
+// const RadioCustom = () => import('./RadioCustom')
+// const CheckboxCustom = () => import('./CheckboxCustom')
+// const CascaderCustom = () => import('./CascaderCustom')
+// const TextCustom = () => import('./TextCustom')
+// const nstcuploadCustom = () => import('../Upload/src/main')
+// const FormItemTips = () => ('../FormCreate/component/FormItemTips')
+// const FormTooltips = () => ('../FormCreate/component/FormTooltips')
+// const nstcselecttreeCustom = () => import('../SelectTree/src/main')
+
+
+import DatepickerCustom from './DatepickerCustom'
+import InputCustom from './InputCustom'
+import IntervalinputCustom from './IntervalInputCustom'
+import AutocompleteCustom from './AutocompleteCustom'
+import SelectCustom from './SelectCustom'
+import UploadCustom from './UploadCustom'
+import RadioCustom from './RadioCustom'
+import CheckboxCustom from './CheckboxCustom'
+import CascaderCustom from './CascaderCustom'
+import TextCustom from './TextCustom'
+// import nstcuploadCustom from '^/Upload/src/main'
+import nstcselecttreeCustom from '../NstcSelectTree/NstcSelectTree'
+import nstcselecttreeListCustom from '../NstcSelectTreeList/NstcSelectTreeList'
+import nstcfileuploadCustom from '../NstcFileUpload/NstcFileUpload'
+
+
+
+// 定义支持的类型
+export const SUPPORT_TYPE = [
+  'datepicker',
+  'input',
+  'intervalinput',
+  'autocomplete',
+  'select',
+  'selectindialog',
+  'upload',
+  'radio',
+  'checkbox',
+  'cascader',
+  'text',
+  'nstcupload',
+  'nstcselecttree',
+  'nstcselecttreelist',
+  'nstcfileupload'
+]
+
+// 支持的类型对应的组件
+export const components = {
+  SelectCustom,
+  DatepickerCustom,
+  InputCustom,
+  IntervalinputCustom,
+  AutocompleteCustom,
+  UploadCustom,
+  RadioCustom,
+  CheckboxCustom,
+  CascaderCustom,
+  TextCustom,
+  // nstcuploadCustom,
+  nstcselecttreeCustom,
+  nstcselecttreeListCustom,
+  nstcfileuploadCustom
+}
+
+
+// 支持的类型对应的默认值
+export function getDefaultValue({ mold, multiple, type, default: def }) {
+  let _def
+  mold = mold.replace(/ /g, '')
+  switch (mold) {
+    case 'select':
+    case 'selectindialog':
+    case 'nstcBankBanchTree':
+      _def = {
+        value: isEmpty(def) ? multiple ? [] : null : def
+      }
+      break
+
+    case 'input':
+    case 'autocomplete':
+    case 'text':
+    case 'nstcselecttree':
+    case 'nstcselecttreelist':
+      _def = {
+        value: isEmpty(def) ? '' : def
+      }
+      break
+
+    case 'upload':
+      _def = {
+        value: isEmpty(def)
+          ? multiple
+            ? []
+            : null
+          : multiple
+            ? [...def]
+            : def
+      }
+      break
+
+    case 'checkbox':
+    case 'cascader':
+    case 'intervalinput':
+    case 'nstcupload':
+    case 'nstcfileupload':
+      _def = {
+        value: isEmpty(def) ? [] : [...def]
+      }
+      break
+
+    case 'radio':
+      _def = {
+        value: isEmpty(def) ? null : def
+      }
+      break
+
+    case 'datewmqy':
+    case 'datepicker':
+      _def = {
+        value: type && type.includes('range')
+          ? isEmpty(def) ? [] : [...def]
+          : isEmpty(def) ? null : def
+      }
+      break
+
+    case 'switch':
+      _def = {
+        value: isEmpty(def) ? false : def
+      }
+      break
+
+    case 'querybutton':
+    case 'addbutton':
+    case 'otherbutton':
+      _def = null
+      break
+
+    default:
+      alert(`未匹配到符合该类型Second-${mold}的功能,请联系开发人员`)
+      _def = null
+      break
+  }
+
+  return _def
+}
+
+export function isEmpty(def) {
+  return def === null || def === undefined
+}
+

package/src/components/NstcG6Components/NstcForm/index.js

@@ -0,0 +1,8 @@
+import NstcForm from './Component'
+
+NstcForm.install = function(Vue) {
+  Vue.component(NstcForm.name, NstcForm)
+}
+
+// 导出该组件
+export default NstcForm

package/src/components/NstcG6Components/NstcForm/index.scss

@@ -0,0 +1,29 @@
+.form-custom {
+  &-horizontal {
+    .form-item {
+      display: inline-block;
+      vertical-align: bottom;
+    }
+  }
+
+  &-vertical {
+  }
+  .form-item-link .el-form-item__content {
+    display: flex;
+    flex-wrap: wrap;
+    overflow: hidden;
+    .form-item-link-child {
+      //flex: 1;
+      margin-bottom: 0;
+    }
+  }
+  .form-item-name-link {
+    color: #606266;
+    padding: 0 8px;
+    font-weight: 700;
+  }
+}
+
+.form-custom .el-form-item--mini.el-form-item {
+  margin-bottom: 24px;
+}

package/src/components/NstcG6Components/NstcForm/payeePersonSelect/NstcPayeePerson.vue

@@ -0,0 +1,188 @@
+<!--
+ * @Author: your name
+ * @Date: 2022-01-13 11:06:47
+ * @LastEditTime: 2022-01-13 17:11:38
+ * @LastEditors: Please set LastEditors
+ * @Description: 科目选择
+ * @FilePath: NstcSelectSubject.vue
+-->
+<template>
+  <SelectAndDialog v-if="bindProps" v-model="_value" ref="select" v-bind="bindProps" :table-form="formSearch"
+                   :format-data="formatData" :format-params="formatParams" @show-dialog="onShowDialog">
+    <div class="form-wrap">
+      <el-form inline :model="formSearch">
+        <el-form-item :label="'所属单位'">
+          <el-input
+              :placeholder="'请输入'"
+              v-model="formSearch.unitName"
+              maxlength="60"
+              disabled
+              clearable
+          >
+          </el-input>
+        </el-form-item>
+        <el-form-item :label="'客商类型'">
+          <el-select v-model="formSearch.supplierType" disabled placeholder="请选择" clearable>
+            <el-option
+                v-for="item in supplierTypeList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="'客商名称'">
+          <el-input
+              :placeholder="'请输入'"
+              v-model="formSearch.relCorpFullName"
+              maxlength="60"
+              clearable
+          >
+          </el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" class="nstc-g6-common-btn-1" @click="searchClick">查询
+          </el-button>
+          <el-button style="margin-left:8px;" class="nstc-g6-common-btn-3" @click="queryReset">重置
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+  </SelectAndDialog>
+</template>
+
+<script>
+import SelectAndDialog from "../SelectAndDialog/NstcSelectAndDialog.vue";
+
+export default {
+  name: "NstcPayeePerson",
+  components: {SelectAndDialog},
+  props: {
+    value: [String, Object],
+    queryConf: {
+      type: Object,
+      default: () => {
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    dialogParams: {
+      type: Object,
+      default: () => {
+      }
+    },
+    formatData: {
+      type: Function,
+      default: (d) => d,
+    },
+    formatParams: {
+      type: Function,
+      default: (d) => d,
+    },
+    chMapper: {
+      type: Object,
+      default: () => ({
+        title: "选择付款人",
+        plcInput: "请输入",
+        plcSelect: "请选择",
+        noselectmsg: "请选择付款人"
+      }),
+    },
+  },
+  data() {
+    return {
+      showText: "",
+      formSearch: {
+        unitCode: "",
+        unitName: "",
+        supplierType: 0,
+        relCorpFullName: ""
+      },
+      supplierTypeList: [
+        {
+          label: '账户',
+          value: 0
+        },
+        {
+          label: '供应商',
+          value: 1
+        }
+      ],
+      showDialog: false,
+      columns: [],
+      options: [],
+      inputHovering: false,
+      remoteQuery: "",
+      bindProps: {},
+
+    };
+  },
+  wacth: {},
+  computed: {
+    _value: {
+      set(val) {
+        this.$emit("input", val);
+      },
+      get() {
+        return this.value;
+      },
+    },
+  },
+  created() {
+    // 选择弹窗的参数传递
+    console.log('this.formSearch', this.dialogParams)
+    this.formSearch.unitCode = this.dialogParams.unitCode
+    this.formSearch.unitName = this.dialogParams.unitName
+    this.bindProps = {...this.queryConf, chMapper: this.chMapper}
+
+    console.log('this.payeePerson====', this.bindProps)
+  },
+  mounted() {
+  },
+  methods: {
+    formatData(res) {
+      let data = [],
+          total = 0;
+      if (res && !res.total && Array.isArray(res)) {
+        data = res;
+        total = res.length;
+      } else if (res && res.total && res.list) {
+        data = res.list || [];
+        total = res.total;
+      }
+      return {data, total};
+    },
+
+
+    onShowDialog() {
+      this.queryReset();
+    },
+
+    searchClick() {
+      this.$refs.select.queryTableData();
+    },
+
+    queryReset() {
+      this.formSearch = {
+        unitCode: "",
+        unitName: "",
+        supplierType: 0,
+        relCorpFullName: ""
+      };
+      this.formSearch.unitCode = this.dialogParams.unitCode
+      this.formSearch.unitName = this.dialogParams.unitName
+    },
+  },
+};
+</script>
+
+<style>
+.search-btn {
+  color: #c0c4cc;
+  position: absolute;
+  right: 5px;
+  top: -1px;
+}
+</style>

package/src/components/NstcG6Components/NstcForm/readme.txt

@@ -0,0 +1,4 @@
+之所以创建Second:
+原因： form 引用 SelectindialogCustom
+       然而： SelectindialogCustom 有引用 form
+       导致循环引用