n20-common-lib 2.4.5 → 2.4.7

package/nstc-g6/components/NstcForm/SelectSubject/NstcSelectSubject.vue

@@ -7,33 +7,26 @@
  * @FilePath: NstcSelectSubject.vue
 -->
 <template>
-  <SelectAndDialog v-model="_value" ref="select" v-bind="bindProps" :table-form="formSearch" :format-data="formatData"
-                   :format-params="formatParams" @show-dialog="onShowDialog">
+  <SelectAndDialog
+    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="chMapper.subjectNoLabel">
-          <el-input
-              :placeholder="chMapper.plcInput"
-              v-model="formSearch.km"
-              maxlength="60"
-              clearable
-          >
-          </el-input>
+          <el-input :placeholder="chMapper.plcInput" v-model="formSearch.km" maxlength="60" clearable> </el-input>
         </el-form-item>
         <el-form-item :label="chMapper.subjectNameLabel">
-          <el-input
-              :placeholder="chMapper.plcInput"
-              v-model="formSearch.kmName"
-              maxlength="60"
-              clearable
-          >
-          </el-input>
+          <el-input :placeholder="chMapper.plcInput" v-model="formSearch.kmName" 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-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>
@@ -41,29 +34,28 @@
 </template>
 
 <script>
-import SelectAndDialog from "../SelectAndDialog/NstcSelectAndDialog.vue";
+import SelectAndDialog from '../SelectAndDialog/NstcSelectAndDialog.vue'
 
 export default {
-  name: "NstcSelectSubject",
-  components: {SelectAndDialog},
+  name: 'NstcSelectSubject',
+  components: { SelectAndDialog },
   props: {
     value: [String, Object],
     queryConf: {
       type: Object,
-      default: () => {
-      }
+      default: () => {}
     },
     chMapper: {
       type: Object,
       default: () => ({
-        title: "选择科目",
-        plcInput: "请输入",
-        plcSelect: "请选择",
-        noselectmsg: "请选择科目",
-        subjectNoLabel: "科目编号",
-        subjectNameLabel: "科目名称",
-        balanceDirectionlabel: "余额方向",
-      }),
+        title: '选择科目',
+        plcInput: '请输入',
+        plcSelect: '请选择',
+        noselectmsg: '请选择科目',
+        subjectNoLabel: '科目编号',
+        subjectNameLabel: '科目名称',
+        balanceDirectionlabel: '余额方向'
+      })
     },
     disabled: {
       type: Boolean,
@@ -72,23 +64,23 @@ export default {
   },
   data() {
     return {
-      showText: "",
+      showText: '',
       formSearch: {
-        km: "",
-        kmName: "",
+        km: '',
+        kmName: ''
       },
       showDialog: false,
       columns: [],
       options: [],
       inputHovering: false,
-      remoteQuery: "",
-      bindProps: {},
-    };
+      remoteQuery: '',
+      bindProps: {}
+    }
   },
   wacth: {
     'queryConf.defaultParam': {
       handler(val) {
-        this.$refs.select.queryAllData();
+        this.$refs.select.queryAllData()
         // this.queryAllData();
       },
       deep: true
@@ -97,82 +89,80 @@ export default {
   computed: {
     _value: {
       set(val) {
-        this.$emit("input", val);
+        this.$emit('input', val)
       },
       get() {
-        return this.value;
-      },
-    },
+        return this.value
+      }
+    }
   },
   created() {
     let props = {
       columns: [
-        {prop: "km", label: this.chMapper.subjectNoLabel, align: "center"},
-        {prop: "kmName", label: this.chMapper.subjectNameLabel, align: "center"},
-        {prop: "dirName", label: this.chMapper.balanceDirectionlabel, align: "center"},
+        { prop: 'km', label: this.chMapper.subjectNoLabel, align: 'center' },
+        { prop: 'kmName', label: this.chMapper.subjectNameLabel, align: 'center' },
+        { prop: 'dirName', label: this.chMapper.balanceDirectionlabel, align: 'center' }
       ],
-      url: this.queryConf.url || "/api/nstc-tss/1.0/remote/list",
-      httpMethod: this.queryConf.httpMethod || "POST",
+      url: this.queryConf.url || '/api/nstc-tss/1.0/remote/list',
+      httpMethod: this.queryConf.httpMethod || 'POST',
       params: this.queryConf.defaultParam || {},
-      rowKey: "km",
-      valueKey: "km",
-      labelKey: "km",
+      rowKey: 'km',
+      valueKey: 'km',
+      labelKey: 'km',
       disabled: this.disabled,
       chMapper: this.chMapper
-    };
-    this.bindProps = props;
-  },
-  mounted() {
+    }
+    this.bindProps = props
   },
+  mounted() {},
   methods: {
     formatParams(params) {
       console.log(params, '----------params')
-      let size = 20;
-      let current = 1;
-      if (params["page.size"]) {
-        size = params["page.size"];
-        current = params["page.current"];
+      let size = 20
+      let current = 1
+      if (params['page.size']) {
+        size = params['page.size']
+        current = params['page.current']
       }
       if (params.page && params.page.size) {
-        size = params.page.size;
-        current = params.page.current;
+        size = params.page.size
+        current = params.page.current
       }
-      let page = {"pageSize": size, "pageNo": current};
-      if (params.diabledValue && !(params.brNo)) {
+      let page = { pageSize: size, pageNo: current }
+      if (params.diabledValue && !params.brNo) {
         params.brNo = params.diabledValue
       }
-      return {...params, ...page};
+      return { ...params, ...page }
     },
     formatData(res) {
       let data = [],
-          total = 0;
+        total = 0
       if (res && !res.total && Array.isArray(res)) {
-        data = res;
-        total = res.length;
+        data = res
+        total = res.length
       } else if (res && res.total && res.list) {
-        data = res.list || [];
-        total = res.total;
+        data = res.list || []
+        total = res.total
       }
-      return {data, total};
+      return { data, total }
     },
 
-
     onShowDialog() {
-      this.queryReset();
+      this.queryReset()
     },
 
     searchClick() {
-      this.$refs.select.queryTableData();
+      this.$refs.select.queryTableData()
     },
 
     queryReset() {
       this.formSearch = {
-        km: "",
-        kmName: "",
-      };
-    },
-  },
-};
+        km: '',
+        kmName: ''
+      }
+    }
+  }
+}
 </script>
 
 <style>
@@ -182,4 +172,4 @@ export default {
   right: 5px;
   top: -1px;
 }
-</style>
+</style>

package/nstc-g6/components/NstcForm/SelectindialogCustom/index.vue

@@ -30,14 +30,8 @@
         @click="!disabled && (dialogVisible = true) && handleSelectClick()"
       ></i>
     </div>
-    <div
-      v-else
-      class="select-in-dialog-result"
-      @click="!disabled && (dialogVisible = true) && handleSelectClick()"
-    >
-      <span :class="{ 'select-in-dialog-result-null': !resultLabel }">{{
-        resultLabel || '请选择'
-      }}</span>
+    <div v-else class="select-in-dialog-result" @click="!disabled && (dialogVisible = true) && handleSelectClick()">
+      <span :class="{ 'select-in-dialog-result-null': !resultLabel }">{{ resultLabel || '请选择' }}</span>
       <el-button
         v-if="clearable && !disabled && hasValue"
         type="text"
@@ -350,9 +344,7 @@ export default {
     },
 
     hasValue() {
-      return this.multiple
-        ? this._value && this._value.length
-        : this._value || this._value === 0
+      return this.multiple ? this._value && this._value.length : this._value || this._value === 0
     }
   },
 
@@ -373,8 +365,7 @@ export default {
         this.$refs.formCustom.resetFields()
       }
 
-      const init =
-        (!this.formConfig || !this.formConfig.length) && !this.hasInit // 未初始化
+      const init = (!this.formConfig || !this.formConfig.length) && !this.hasInit // 未初始化
       const query = init || !this.cache // 不需要缓存
       if (query && val) {
         this.handleQuery()
@@ -407,10 +398,7 @@ export default {
         }
 
         if (this.queryParamFormatter && model) {
-          const formatParam = await this.queryParamFormatter(
-            model,
-            this.pagination
-          )
+          const formatParam = await this.queryParamFormatter(model, this.pagination)
 
           param = {
             ...param,
@@ -466,9 +454,7 @@ export default {
           tableData = []
         }
 
-        this.tableData = this.queryDataFormatter
-          ? await this.queryDataFormatter(tableData)
-          : tableData
+        this.tableData = this.queryDataFormatter ? await this.queryDataFormatter(tableData) : tableData
         this.hasInit = true
         this.loading = false
 

package/nstc-g6/components/NstcForm/TableRadioCustom/index.vue

@@ -9,20 +9,12 @@
       :show-pagination="showPagination"
       :pagination.sync="_pagination"
       @selection-change="handleSelectionChange"
-      @pagination-change="val => $emit('pagination-change', val)"
+      @pagination-change="(val) => $emit('pagination-change', val)"
     >
       <template v-if="!multiple" v-slot:before>
-        <el-table-column
-          :width="45"
-          align="center"
-          header-align="center"
-        >
+        <el-table-column :width="45" align="center" header-align="center">
           <template v-slot="{ row, $index }">
-            <el-radio
-              v-model="_value"
-              :label="$index"
-              :disabled="row.disabled"
-            >{{ '' }}</el-radio>
+            <el-radio v-model="_value" :label="$index" :disabled="row.disabled">{{ '' }}</el-radio>
           </template>
         </el-table-column>
       </template>
@@ -98,16 +90,14 @@ export default {
 
   data() {
     return {
-      key: `TableRadioCustomID-${Math.random()
-        .toString(36)
-        .slice(2)}`
+      key: `TableRadioCustomID-${Math.random().toString(36).slice(2)}`
     }
   },
 
   computed: {
     _value: {
       get() {
-        return this.data.findIndex(row => this.value && row[this.valueKey] === this.value[this.valueKey])
+        return this.data.findIndex((row) => this.value && row[this.valueKey] === this.value[this.valueKey])
       },
       set(val) {
         const row = this.data[val]
@@ -125,12 +115,12 @@ export default {
     _columns() {
       return this.multiple
         ? [
-          {
-            type: 'selection',
-            width: 35
-          },
-          ...this.columns
-        ]
+            {
+              type: 'selection',
+              width: 35
+            },
+            ...this.columns
+          ]
         : this.columns
     },
 
@@ -157,15 +147,16 @@ export default {
 
   methods: {
     setSelectedRow(data) {
-      this.value && this.value.forEach((item) => {
-        const index = data.findIndex(row => row[this.valueKey] === item[this.valueKey])
+      this.value &&
+        this.value.forEach((item) => {
+          const index = data.findIndex((row) => row[this.valueKey] === item[this.valueKey])
 
-        this.$refs.tableSelect.$refs.elTable.toggleRowSelection(data[index], true)
-      })
+          this.$refs.tableSelect.$refs.elTable.toggleRowSelection(data[index], true)
+        })
     },
 
     handleSelectionChange(val) {
-      const res = val.map(item => ({
+      const res = val.map((item) => ({
         ...item,
         [this.valueKey]: item[this.valueKey],
         [this.labelKey]: item[this.labelKey]

package/nstc-g6/components/NstcForm/TextCustom/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <span class="text-custom" :style="{width:parseFloat(width) + 'px'}">{{ getValue(value) }}</span>
+  <span class="text-custom" :style="{ width: parseFloat(width) + 'px' }">{{ getValue(value) }}</span>
 </template>
 
 <script>
@@ -20,7 +20,7 @@ export default {
 
   methods: {
     getValue(value) {
-      if(value instanceof Array) {
+      if (value instanceof Array) {
         return value.toString().replace(/,/g, '')
       } else {
         return value

package/nstc-g6/components/NstcForm/UploadCustom/index.vue

@@ -1,19 +1,10 @@
 <template>
   <div
     :key="key"
-    :class="[
-      'upload-custom',
-      { 'is-multiple': multiple || valueClassification.img.length }
-    ]"
+    :class="['upload-custom', { 'is-multiple': multiple || valueClassification.img.length }]"
     :style="{ width: `${_width}px` }"
   >
-    <input
-      v-if="isChoosing"
-      ref="fileInput"
-      type="file"
-      :multiple="multiple"
-      @change="handleFileChange"
-    />
+    <input v-if="isChoosing" ref="fileInput" type="file" :multiple="multiple" @change="handleFileChange" />
     <el-button
       v-if="!isView"
       :loading="loading"
@@ -30,50 +21,25 @@
         <div v-if="fileName" class="upload-file-name" :title="fileName">
           {{ fileName }}
         </div>
-        <el-button
-          v-if="fileName"
-          class="upload-file-delete"
-          type="text"
-          @click="handleClickFileBtn"
-        >
+        <el-button v-if="fileName" class="upload-file-delete" type="text" @click="handleClickFileBtn">
           {{ fileBtnName }}
         </el-button>
       </template>
       <template v-else>
         <div class="upload-file-other">
-          <div
-            v-for="(item, index) in valueClassification.other"
-            :key="index"
-            class="upload-file-other-item"
-          >
+          <div v-for="(item, index) in valueClassification.other" :key="index" class="upload-file-other-item">
             <div class="upload-file-name" :title="item.fileName">
               {{ item.fileName }}
             </div>
-            <el-button
-              class="upload-file-other-delete"
-              type="text"
-              @click="handleClickFileBtn(item)"
-            >
+            <el-button class="upload-file-other-delete" type="text" @click="handleClickFileBtn(item)">
               {{ fileBtnName }}
             </el-button>
           </div>
         </div>
         <div class="upload-file-img">
-          <div
-            v-for="(item, index) in valueClassification.img"
-            :key="index"
-            class="upload-file-img-item"
-          >
-            <el-image
-              :src="item.fileUrl"
-              :preview-src-list="getPreviewSrcList(index)"
-            />
-            <img
-              v-if="!isView"
-              :src="closeImg"
-              alt="#"
-              @click="handleDelete(item)"
-            />
+          <div v-for="(item, index) in valueClassification.img" :key="index" class="upload-file-img-item">
+            <el-image :src="item.fileUrl" :preview-src-list="getPreviewSrcList(index)" />
+            <img v-if="!isView" :src="closeImg" alt="#" @click="handleDelete(item)" />
           </div>
         </div>
       </template>
@@ -200,9 +166,7 @@ export default {
     },
 
     fileName() {
-      return !this.multiple && this._value && this._value.fileName
-        ? this._value.fileName
-        : ''
+      return !this.multiple && this._value && this._value.fileName ? this._value.fileName : ''
     },
 
     _width() {
@@ -214,18 +178,11 @@ export default {
     },
 
     _disabled() {
-      return (
-        this.disabled ||
-        (Array.isArray(this._value) && this._value.length >= this.max)
-      )
+      return this.disabled || (Array.isArray(this._value) && this._value.length >= this.max)
     },
 
     valueClassification() {
-      const _value = this.multiple
-        ? this._value
-        : this._value
-        ? [this._value]
-        : []
+      const _value = this.multiple ? this._value : this._value ? [this._value] : []
       const reg = /\.(png|jpg|gif|jpeg)$/
 
       return _value.reduce(
@@ -272,9 +229,7 @@ export default {
   },
 
   beforeDestroy() {
-    this.revokeObjectURL.forEach((fileUrl) =>
-      window.URL.revokeObjectURL(fileUrl)
-    )
+    this.revokeObjectURL.forEach((fileUrl) => window.URL.revokeObjectURL(fileUrl))
   },
 
   methods: {
@@ -302,9 +257,7 @@ export default {
         await this.fileMaxCheck(files)
         await Promise.all(files.map((file) => this.fileTypeCheck(file)))
 
-        const value = await Promise.all(
-          files.map((file) => this.singleFileUpload(file))
-        )
+        const value = await Promise.all(files.map((file) => this.singleFileUpload(file)))
 
         this._value = this.multiple ? [...this._value, ...value] : value[0]
       } catch (err) {

package/nstc-g6/components/NstcForm/configs.js

@@ -18,7 +18,6 @@
 // const FormTooltips = () => ('../FormCreate/component/FormTooltips')
 // const nstcselecttreeCustom = () => import('../SelectTree/src/main')
 
-
 import DatepickerCustom from './DatepickerCustom'
 import InputCustom from './InputCustom'
 import IntervalinputCustom from './IntervalInputCustom'
@@ -45,7 +44,6 @@ import selectsubjectCustom from './SelectSubject/NstcSelectSubject'
 import payeePersonSelect from './payeePersonSelect/NstcPayeePerson'
 import inputAndDialog from './InputAndDialog/NstcInputAndDialog'
 
-
 // 定义支持的类型
 export const SUPPORT_TYPE = [
   'datepicker',
@@ -108,7 +106,7 @@ export function getDefaultValue({ mold, multiple, type, default: def }) {
     case 'nstcBankBanchTree':
     case 'selecttreedialog':
       _def = {
-        value: isEmpty(def) ? multiple ? [] : null : def
+        value: isEmpty(def) ? (multiple ? [] : null) : def
       }
       break
 
@@ -127,13 +125,7 @@ export function getDefaultValue({ mold, multiple, type, default: def }) {
 
     case 'upload':
       _def = {
-        value: isEmpty(def)
-          ? multiple
-            ? []
-            : null
-          : multiple
-            ? [...def]
-            : def
+        value: isEmpty(def) ? (multiple ? [] : null) : multiple ? [...def] : def
       }
       break
 
@@ -158,9 +150,7 @@ export function getDefaultValue({ mold, multiple, type, default: def }) {
     case 'datewmqy':
     case 'datepicker':
       _def = {
-        value: type && type.includes('range')
-          ? isEmpty(def) ? [] : [...def]
-          : isEmpty(def) ? null : def
+        value: type && type.includes('range') ? (isEmpty(def) ? [] : [...def]) : isEmpty(def) ? null : def
       }
       break
 
@@ -188,4 +178,3 @@ export function getDefaultValue({ mold, multiple, type, default: def }) {
 export function isEmpty(def) {
   return def === null || def === undefined
 }
-

package/nstc-g6/components/NstcForm/configsSecond.js

@@ -18,7 +18,6 @@
 // const FormTooltips = () => ('../FormCreate/component/FormTooltips')
 // const nstcselecttreeCustom = () => import('../SelectTree/src/main')
 
-
 import DatepickerCustom from './DatepickerCustom'
 import InputCustom from './InputCustom'
 import IntervalinputCustom from './IntervalInputCustom'
@@ -34,8 +33,6 @@ import nstcselecttreeCustom from '../NstcSelectTree/NstcSelectTree'
 import nstcselecttreeListCustom from '../NstcSelectTreeList/NstcSelectTreeList'
 import nstcfileuploadCustom from '../NstcFileUpload/NstcFileUpload'
 
-
-
 // 定义支持的类型
 export const SUPPORT_TYPE = [
   'datepicker',
@@ -73,7 +70,6 @@ export const components = {
   nstcfileuploadCustom
 }
 
-
 // 支持的类型对应的默认值
 export function getDefaultValue({ mold, multiple, type, default: def }) {
   let _def
@@ -83,7 +79,7 @@ export function getDefaultValue({ mold, multiple, type, default: def }) {
     case 'selectindialog':
     case 'nstcBankBanchTree':
       _def = {
-        value: isEmpty(def) ? multiple ? [] : null : def
+        value: isEmpty(def) ? (multiple ? [] : null) : def
       }
       break
 
@@ -99,13 +95,7 @@ export function getDefaultValue({ mold, multiple, type, default: def }) {
 
     case 'upload':
       _def = {
-        value: isEmpty(def)
-          ? multiple
-            ? []
-            : null
-          : multiple
-            ? [...def]
-            : def
+        value: isEmpty(def) ? (multiple ? [] : null) : multiple ? [...def] : def
       }
       break
 
@@ -128,9 +118,7 @@ export function getDefaultValue({ mold, multiple, type, default: def }) {
     case 'datewmqy':
     case 'datepicker':
       _def = {
-        value: type && type.includes('range')
-          ? isEmpty(def) ? [] : [...def]
-          : isEmpty(def) ? null : def
+        value: type && type.includes('range') ? (isEmpty(def) ? [] : [...def]) : isEmpty(def) ? null : def
       }
       break
 
@@ -158,4 +146,3 @@ export function getDefaultValue({ mold, multiple, type, default: def }) {
 export function isEmpty(def) {
   return def === null || def === undefined
 }
-

package/nstc-g6/components/NstcForm/index.js

@@ -1,6 +1,6 @@
 import NstcForm from './Component'
 
-NstcForm.install = function(Vue) {
+NstcForm.install = function (Vue) {
   Vue.component(NstcForm.name, NstcForm)
 }