n20-common-lib 2.4.5 → 2.4.7

package/nstc-g6/components/Form/ListSecond.vue

@@ -2,36 +2,28 @@
   <div class="form-base-wrapper">
     <template v-for="(item, idx) in config">
       <template v-if="Array.isArray(item)">
-        <div
-          :key="'inlineItem' + idx"
-          class="form-group"
-        >
+        <div :key="'inlineItem' + idx" class="form-group">
           <template v-for="(iItem, index) in item">
             <BaseItem
               v-if="iItem.renderable !== false"
-
-              :key="iItem.mold + '-' + (iItem.prop ? iItem.prop : (idx + '-' + index))"
-
+              :key="iItem.mold + '-' + (iItem.prop ? iItem.prop : idx + '-' + index)"
               v-model="value"
-
               :class="[
                 'form-item',
                 `form-item-${iItem.mold}`,
                 {
-                  'form-item-link': iItem.link && ((Array.isArray(iItem.link) && iItem.link.some(link => link.mold)) || iItem.link.mold)
+                  'form-item-link':
+                    iItem.link &&
+                    ((Array.isArray(iItem.link) && iItem.link.some((link) => link.mold)) || iItem.link.mold)
                 },
                 `form-item-${iItem.mold}-${iItem.prop ? iItem.prop : idx + '-' + index}`
               ]"
-
               :popper-class="popperClass"
-
               :item="iItem"
               :resets.sync="resets"
               :disableds="disableds"
-
               :loading="loading"
-
-              @after-leave="val => $emit('after-leave', val)"
+              @after-leave="(val) => $emit('after-leave', val)"
               @query-click="$emit('query-click')"
               @add-click="$emit('add-click')"
               @other-click="$emit('other-click')"
@@ -44,31 +36,24 @@
       <template v-else>
         <BaseItem
           v-if="item.renderable !== false"
-
           :key="item.mold + '-' + (item.prop ? item.prop : idx)"
-
           v-model="value"
-
           :class="[
             'form-item',
             `form-item-${item.mold}`,
             {
-              'form-item-link': item.link && ((Array.isArray(item.link) && item.link.some(link => link.mold)) || item.link.mold)
+              'form-item-link':
+                item.link && ((Array.isArray(item.link) && item.link.some((link) => link.mold)) || item.link.mold)
             },
             `form-item-${item.mold}-${item.prop ? item.prop : idx}`
           ]"
-
           :popper-class="popperClass"
-
           :item="item"
           :resets.sync="resets"
           :disableds="disableds"
-
           :loading="loading"
-
           :from="from"
-
-          @after-leave="val => $emit('after-leave', val)"
+          @after-leave="(val) => $emit('after-leave', val)"
           @query-click="$emit('query-click')"
           @add-click="$emit('add-click')"
           @other-click="$emit('other-click')"
@@ -80,7 +65,6 @@
 </template>
 
 <script>
-
 import BaseItem from './ItemSecond'
 
 export default {
@@ -95,11 +79,11 @@ export default {
   props: {
     from: {
       type: String,
-      default: null,
+      default: null
     },
     config: {
       type: Array,
-      default: () => ([])
+      default: () => []
     },
 
     loading: {

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

@@ -1,26 +1,10 @@
 <template>
-  <el-radio-group
-    v-model="_value"
-    v-bind="$attrs"
-    :style="{width:parseFloat(width) + 'px'}"
-    v-on="$listeners"
-  >
+  <el-radio-group v-model="_value" v-bind="$attrs" :style="{ width: parseFloat(width) + 'px' }" v-on="$listeners">
     <template v-for="item in options">
-      <el-radio-button
-        v-if="type === 'button'"
-        :key="item.value"
-        :label="item.value"
-        :disabled="item.disabled"
-      >
+      <el-radio-button v-if="type === 'button'" :key="item.value" :label="item.value" :disabled="item.disabled">
         {{ item.label }}
       </el-radio-button>
-      <el-radio
-        v-else
-        :key="item.value"
-        :label="item.value"
-        :disabled="item.disabled"
-        :border="type === 'border'"
-      >
+      <el-radio v-else :key="item.value" :label="item.value" :disabled="item.disabled" :border="type === 'border'">
         {{ item.label }}
       </el-radio>
     </template>
@@ -39,7 +23,7 @@ export default {
 
     type: {
       default: 'normal',
-      validator: function(val) {
+      validator: function (val) {
         return ['normal', 'border', 'button'].includes(val)
       }
     },
@@ -68,6 +52,4 @@ export default {
 }
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

package/nstc-g6/components/Form/SelectAccount/index.js

@@ -6,10 +6,10 @@
  * @Description: 选择账号输入弹窗
  * @FilePath: \nstc_g6_common\packages\Form\SelectAccount\index.js
  */
-import NstcSelectAccount from "./src/main.vue";
+import NstcSelectAccount from './src/main.vue'
 
-NstcSelectAccount.install = function(Vue) {
-  Vue.component(NstcSelectAccount.name, NstcSelectAccount);
-};
+NstcSelectAccount.install = function (Vue) {
+  Vue.component(NstcSelectAccount.name, NstcSelectAccount)
+}
 
-export default NstcSelectAccount;
+export default NstcSelectAccount

package/nstc-g6/components/Form/SelectAccount/src/demo/index.vue

@@ -7,52 +7,58 @@
  * @FilePath: \settle\src\cmmon-components\demo.vue
 -->
 <template>
-<div>
-  {{ selectOpt }}
-  <NstcSelectAccount v-model="account" :ch-mapper="labelconf" :query-conf="accountConf" :agencyOptionsConf="agencyOptionsConf"  :selectOpt="selectOpt" @confirm="confirm"/>
-</div>
+  <div>
+    {{ selectOpt }}
+    <NstcSelectAccount
+      v-model="account"
+      :ch-mapper="labelconf"
+      :query-conf="accountConf"
+      :agencyOptionsConf="agencyOptionsConf"
+      :selectOpt="selectOpt"
+      @confirm="confirm"
+    />
+  </div>
 </template>
 
 <script>
-import NstcSelectAccount from "../main.vue";
+import NstcSelectAccount from '../main.vue'
 export default {
   components: { NstcSelectAccount },
   data() {
     return {
-      account: "",
+      account: '',
       accountConf: {
-        url: "http://192.168.20.109:8080/api/nstc-tss/1.0/settle/account/list",
+        url: 'http://192.168.20.109:8080/api/nstc-tss/1.0/settle/account/list',
         defaultParam: {
-          diabledValue:'001', // 开户机构由外部带入diaabled
-        },
+          diabledValue: '001' // 开户机构由外部带入diaabled
+        }
       },
       selectOpt: {},
       labelconf: {
-        title: "选择账号",
-        plcInput: "请输入",
-        plcSelect: "请选择",
-        noselectmsg: "请选择账号",
-        accountAgencyLabel: "开户机构",
-        accountLabel: "账号",
-        accountNameLabel: "账户名",
-        accountNameTableLabel:"户名",
+        title: '选择账号',
+        plcInput: '请输入',
+        plcSelect: '请选择',
+        noselectmsg: '请选择账号',
+        accountAgencyLabel: '开户机构',
+        accountLabel: '账号',
+        accountNameLabel: '账户名',
+        accountNameTableLabel: '户名'
       },
-      agencyOptionsConf:{
-        url: "/api/nstc-tss/1.0/common/drop/organ",
-        method: "GET",
+      agencyOptionsConf: {
+        url: '/api/nstc-tss/1.0/common/drop/organ',
+        method: 'GET',
         defaultParam: {
           // orgName:''
         }
-      },
-    };
+      }
+    }
   },
-  methods:{
+  methods: {
     confirm(opt) {
-      console.log(opt,'----------opt')
-    },
+      console.log(opt, '----------opt')
+    }
   }
-};
+}
 </script>
 
-<style>
-</style>
+<style></style>

package/nstc-g6/components/Form/SelectAccount/src/main.vue

@@ -7,13 +7,29 @@
  * @FilePath: NstcSelectCashFlow.vue
 -->
 <template>
-  <SelectAndDialog v-model="_value" ref="select" v-bind="bindProps" :lazyLoad="true" :table-form="formSearch" :format-data="formatData" :format-params="formatParams" @show-dialog="onShowDialog" @comfirm="selectOption">
+  <SelectAndDialog
+    v-model="_value"
+    ref="select"
+    v-bind="bindProps"
+    :lazyLoad="true"
+    :table-form="formSearch"
+    :format-data="formatData"
+    :format-params="formatParams"
+    @show-dialog="onShowDialog"
+    @comfirm="selectOption"
+  >
     <div class="form-wrap">
       <el-form inline :model="formSearch" :label-width="labelWidth">
         <el-row>
           <el-col :span="8">
             <el-form-item :label="chMapper.accountAgencyLabel">
-              <el-select :placeholder="chMapper.plcSelect" v-model="formSearch.brNo" filterable clearable :disabled="queryConf.defaultParam.diabledValue?true:false">
+              <el-select
+                :placeholder="chMapper.plcSelect"
+                v-model="formSearch.brNo"
+                filterable
+                clearable
+                :disabled="queryConf.defaultParam.diabledValue ? true : false"
+              >
                 <el-option v-for="item in agencyOptionsArr" :key="item.orgNo" :label="item.orgName" :value="item.orgNo">
                 </el-option>
               </el-select>
@@ -21,20 +37,34 @@
           </el-col>
           <el-col :span="8">
             <el-form-item :label="chMapper.accountLabel">
-              <el-input :placeholder="chMapper.plcInput" v-model="formSearch.accountNo" maxlength="64" clearable></el-input>
+              <el-input
+                :placeholder="chMapper.plcInput"
+                v-model="formSearch.accountNo"
+                maxlength="64"
+                clearable
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="20">
             <el-form-item :label="chMapper.accountNameLabel">
-              <el-input :placeholder="chMapper.plcInput" v-model="formSearch.accountName" maxlength="64" clearable></el-input>
+              <el-input
+                :placeholder="chMapper.plcInput"
+                v-model="formSearch.accountName"
+                maxlength="64"
+                clearable
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <div class="search-btn">
-              <el-button type="primary" class="nstc-g6-common-btn-1" @click="searchClick">{{$t(`common_w_0034`)}}</el-button>
-              <el-button class="nstc-g6-common-btn-3" style="margin-left:8px;" @click="queryReset">{{$t(`common_w_0037`)}}</el-button>
+              <el-button type="primary" class="nstc-g6-common-btn-1" @click="searchClick">{{
+                $t(`common_w_0034`)
+              }}</el-button>
+              <el-button class="nstc-g6-common-btn-3" style="margin-left: 8px" @click="queryReset">{{
+                $t(`common_w_0037`)
+              }}</el-button>
             </div>
           </el-col>
         </el-row>
@@ -44,10 +74,10 @@
 </template>
 
 <script>
-import request from "@/utils/request";
-import SelectAndDialog from "^/Form/SelectAndDialog/src/main.vue";
+import request from '@/utils/request'
+import SelectAndDialog from '^/Form/SelectAndDialog/src/main.vue'
 export default {
-  name: "NstcSelectAccount",
+  name: 'NstcSelectAccount',
   components: { SelectAndDialog },
   props: {
     value: String,
@@ -65,35 +95,35 @@ export default {
     },
     valueKey: {
       type: String,
-      default: "accountNo"
+      default: 'accountNo'
     },
     labelKey: {
       type: String,
-      default: "accountNo"
+      default: 'accountNo'
     },
     rowKey: {
       type: String,
-      default: "accountId"
+      default: 'accountId'
     },
     optionKey: {
       type: String,
-      default: "subjectNo"
+      default: 'subjectNo'
     },
     labelWidth: {
       type: String,
-      default: "80px"
+      default: '80px'
     },
     chMapper: {
       type: Object,
       default: () => ({
-        title: "选择账号",
-        plcInput: "请输入",
-        plcSelect: "请输入或选择",
-        noselectmsg: "请选择账号",
-        accountAgencyLabel: "开户机构",
-        accountLabel: "账号",
-        accountNameLabel: "账户名",
-        accountNameTableLabel: "户名"
+        title: '选择账号',
+        plcInput: '请输入',
+        plcSelect: '请输入或选择',
+        noselectmsg: '请选择账号',
+        accountAgencyLabel: '开户机构',
+        accountLabel: '账号',
+        accountNameLabel: '账户名',
+        accountNameTableLabel: '户名'
       })
     },
 
@@ -106,32 +136,32 @@ export default {
   data() {
     return {
       formSearch: {
-        brNo: "",
-        accountNo: "",
-        accountName: ""
+        brNo: '',
+        accountNo: '',
+        accountName: ''
       },
       showDialog: false,
       inputHovering: false,
       columns: [],
-      agencyOptionsArr:[],
+      agencyOptionsArr: [],
       options: [],
-      remoteQuery: "",
-      searchObj:{
-        brNo: "",
-        accountNo: "",
-        accountName:""
+      remoteQuery: '',
+      searchObj: {
+        brNo: '',
+        accountNo: '',
+        accountName: ''
       },
       bindProps: {},
       agencyOptionsArr: []
-    };
+    }
   },
   computed: {
     _value: {
       set(val) {
-        this.$emit("input", val);
+        this.$emit('input', val)
       },
       get() {
-        return this.value;
+        return this.value
       }
     }
   },
@@ -152,37 +182,37 @@ export default {
   },
 
   created() {
-    let url = "/api/nstc-tss/1.0/settle/account/list";
+    let url = '/api/nstc-tss/1.0/settle/account/list'
     let props = {
       columns: [
-        { prop: "accountNo", label: this.chMapper.accountLabel, align: "center" },
-        { prop: "accountName", label: this.chMapper.accountNameTableLabel, align: "center" },
-        { prop: "brName", label: this.chMapper.accountAgencyLabel, align: "center" }
+        { prop: 'accountNo', label: this.chMapper.accountLabel, align: 'center' },
+        { prop: 'accountName', label: this.chMapper.accountNameTableLabel, align: 'center' },
+        { prop: 'brName', label: this.chMapper.accountAgencyLabel, align: 'center' }
       ],
       url: this.queryConf.url || url,
       params: this.queryConf.defaultParam || {},
-      httpMethod: this.queryConf.httpMethod || "POST",
+      httpMethod: this.queryConf.httpMethod || 'POST',
       rowKey: this.rowKey,
       valueKey: this.valueKey,
       labelKey: this.labelKey,
-      chMapper: this.chMapper,
-    };
-    this.bindProps = props;
+      chMapper: this.chMapper
+    }
+    this.bindProps = props
   },
 
   methods: {
     async agencyOptions() {
-      let defaultParam = this.agencyOptionsConf.defaultParam;
-      let res = await this.queryOptionsApi(defaultParam);
-      this.agencyOptionsArr = res;
+      let defaultParam = this.agencyOptionsConf.defaultParam
+      let res = await this.queryOptionsApi(defaultParam)
+      this.agencyOptionsArr = res
     },
 
     queryOptionsApi(param) {
-      const { url, method } = this.agencyOptionsConf;
-      let body = method === "POST" ? "data" : "params";
-      let reqConf = { url, method };
-      reqConf[body] = param;
-      return request(reqConf);
+      const { url, method } = this.agencyOptionsConf
+      let body = method === 'POST' ? 'data' : 'params'
+      let reqConf = { url, method }
+      reqConf[body] = param
+      return request(reqConf)
     },
 
     // formatParams(pageParam) {
@@ -196,43 +226,43 @@ export default {
     //   return { ...param,...defaultParam, ...page };
     // },
     formatParams(params) {
-      console.log(params,'----------params')
-      let size = 20;
-      let current = 1;
-      if (params["page.size"]) {
-        size = params["page.size"];
-        current = params["page.current"];
+      console.log(params, '----------params')
+      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 this.filterData({ data, total });
+      return this.filterData({ data, total })
     },
 
     searchBtnClick(event) {
-      this.queryReset();
-      this.showDialog = true;
+      this.queryReset()
+      this.showDialog = true
       this.$nextTick(() => {
-        this.searchClick();
-      });
+        this.searchClick()
+      })
     },
 
     // searchClick() {
@@ -241,33 +271,32 @@ export default {
     //   this.$refs.dialog.queryData("searchbtn");
     // },
 
-
     onShowDialog() {
-      this.queryReset();
-      this.agencyOptions();
+      this.queryReset()
+      this.agencyOptions()
     },
 
     searchClick() {
-      this.$refs.select.queryTableData();
+      this.$refs.select.queryTableData()
     },
 
     // 返回选中对象
-    selectOption (values, opt) {
+    selectOption(values, opt) {
       if (this.$attrs.selectOpt) {
-        this.$emit('confirm',opt)
-        this.$attrs.selectOpt["item"] = opt;
+        this.$emit('confirm', opt)
+        this.$attrs.selectOpt['item'] = opt
       }
     },
 
     queryReset() {
       this.formSearch = {
         brNo: this.queryConf.defaultParam.diabledValue,
-        accountNo: "",
-        accountName: ""
-      };
+        accountNo: '',
+        accountName: ''
+      }
     }
   }
-};
+}
 </script>
 
 <style lang="scss" scoped>
@@ -280,4 +309,4 @@ export default {
 .form-wrap ::v-deep .el-input__suffix-inner .el-input__icon {
   line-height: 32px;
 }
-</style>
+</style>

package/nstc-g6/components/Form/SelectAndDialog/index.js

@@ -6,10 +6,10 @@
  * @Description: 下拉+弹窗
  * @FilePath: \nstc_g6_common\packages\Form\SelectAndDialog\index.js
  */
-import NstcSelectAndDialog from "./src/main.vue";
+import NstcSelectAndDialog from './src/main.vue'
 
-NstcSelectAndDialog.install = function(Vue) {
-  Vue.component(NstcSelectAndDialog.name, NstcSelectAndDialog);
-};
+NstcSelectAndDialog.install = function (Vue) {
+  Vue.component(NstcSelectAndDialog.name, NstcSelectAndDialog)
+}
 
-export default NstcSelectAndDialog;
+export default NstcSelectAndDialog