n20-common-lib 1.3.46 → 1.3.49

package/nstc-g6/components/NstcForm/SelectAccount/NstcSelectAccount.vue

@@ -1,334 +1,334 @@
-<!--
- * @Author: your name
- * @Date: 2022-01-13 11:06:47
- * @LastEditTime: 2022-02-21 14:24:07
- * @LastEditors: Please set LastEditors
- * @Description: 选择账户
- * @FilePath: NstcSelectCashFlow.vue
--->
-<template>
-  <SelectAndDialog
-    ref="select"
-    v-model="_value"
-    v-bind="bindProps"
-    :lazy-load="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
-                v-model="formSearch.brNo"
-                class="input-w"
-                :placeholder="chMapper.plcSelect"
-                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-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item :label="chMapper.accountLabel">
-              <el-input
-                v-model="formSearch.accountNo"
-                :placeholder="chMapper.plcInput"
-                maxlength="64"
-                clearable
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="20">
-            <el-form-item :label="chMapper.accountNameLabel">
-              <el-input
-                v-model="formSearch.accountName"
-                :placeholder="chMapper.plcInput"
-                maxlength="64"
-                clearable
-              />
-            </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"
-                >查询</el-button
-              >
-              <el-button
-                class="nstc-g6-common-btn-3"
-                style="margin-left: 8px"
-                @click="queryReset"
-                >重置</el-button
-              >
-            </div>
-          </el-col>
-        </el-row>
-      </el-form>
-    </div>
-  </SelectAndDialog>
-</template>
-
-<script>
-import axios from '../../../../src/utils/axios'
-import SelectAndDialog from '../SelectAndDialog/NstcSelectAndDialog.vue'
-export default {
-  name: 'NstcSelectAccount',
-  components: { SelectAndDialog },
-  props: {
-    value: String,
-    queryConf: {
-      type: Object,
-      default: () => {}
-    },
-    agencyOptionsConf: {
-      type: Object,
-      default: () => {}
-    },
-    filterData: {
-      type: Function,
-      default: (d) => d
-    },
-    valueKey: {
-      type: String,
-      default: 'accountNo'
-    },
-    labelKey: {
-      type: String,
-      default: 'accountNo'
-    },
-    rowKey: {
-      type: String,
-      default: 'accountId'
-    },
-    optionKey: {
-      type: String,
-      default: 'subjectNo'
-    },
-    labelWidth: {
-      type: String,
-      default: '80px'
-    },
-    chMapper: {
-      type: Object,
-      default: () => ({
-        title: '选择账号',
-        plcInput: '请输入',
-        plcSelect: '请输入或选择',
-        noselectmsg: '请选择账号',
-        accountAgencyLabel: '开户机构',
-        accountLabel: '账号',
-        accountNameLabel: '账户名',
-        accountNameTableLabel: '户名'
-      })
-    },
-
-    // 重新查询下拉数据
-    requery: {
-      default: false,
-      type: Boolean
-    }
-  },
-  data() {
-    return {
-      formSearch: {
-        brNo: '',
-        accountNo: '',
-        accountName: ''
-      },
-      showDialog: false,
-      inputHovering: false,
-      columns: [],
-      options: [],
-      remoteQuery: '',
-      searchObj: {
-        brNo: '',
-        accountNo: '',
-        accountName: ''
-      },
-      bindProps: {},
-      agencyOptionsArr: []
-    }
-  },
-  computed: {
-    _value: {
-      set(val) {
-        this.$emit('input', val)
-      },
-      get() {
-        return this.value
-      }
-    }
-  },
-
-  watch: {
-    // requery(val) {
-    //   if (val) {
-    //     this.$refs.select.queryAllData();
-    //   }
-    // },
-    // 'queryConf.defaultParam':{
-    //   handler:function(data) {
-    //     console.log(data,'------------')
-    //     this.$refs.select.queryAllData();
-    //   },
-    //   deep:true
-    // }
-  },
-
-  created() {
-    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'
-        }
-      ],
-      url: this.queryConf.url || url,
-      params: this.queryConf.defaultParam || {},
-      httpMethod: this.queryConf.httpMethod || 'POST',
-      rowKey: this.rowKey,
-      valueKey: this.valueKey,
-      labelKey: this.labelKey,
-      chMapper: this.chMapper
-    }
-    this.bindProps = props
-  },
-
-  methods: {
-    async agencyOptions() {
-      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 axios(reqConf)
-    },
-
-    // formatParams(pageParam) {
-    //   const { size, current } = pageParam;
-    //   let defaultParam = this.quryMergeConf.defaultParam;
-    //   let param = this.searchObj;
-    //   let page = { "pageSize": size, "pageNo": current };
-    //   if (this.queryConf.method == "POST") {
-    //     page = { page: { size, current } };
-    //   }
-    //   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']
-      }
-      if (params.page && params.page.size) {
-        size = params.page.size
-        current = params.page.current
-      }
-      let page = { pageSize: size, pageNo: current }
-      if (params.diabledValue && !params.brNo) {
-        params.brNo = params.diabledValue
-      }
-      return { ...params, ...page }
-    },
-
-    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 this.filterData({ data, total })
-    },
-
-    searchBtnClick(event) {
-      this.queryReset()
-      this.showDialog = true
-      this.$nextTick(() => {
-        this.searchClick()
-      })
-    },
-
-    // searchClick() {
-    //   let formSearch = this.formSearch
-    //   this.searchObj = JSON.parse(JSON.stringify(formSearch));
-    //   this.$refs.dialog.queryData("searchbtn");
-    // },
-
-    onShowDialog() {
-      this.queryReset()
-      this.agencyOptions()
-    },
-
-    searchClick() {
-      this.$refs.select.queryTableData()
-    },
-
-    // 返回选中对象
-    selectOption(values, opt) {
-      if (this.$attrs.selectOpt) {
-        this.$emit('confirm', opt)
-        this.$attrs.selectOpt['item'] = opt
-      }
-    },
-
-    queryReset() {
-      this.formSearch = {
-        brNo: this.queryConf.defaultParam.diabledValue,
-        accountNo: '',
-        accountName: ''
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.search-btn {
-  color: #c0c4cc;
-  position: absolute;
-  right: 5px;
-  top: 0px;
-}
-.form-wrap ::v-deep .el-input__suffix-inner .el-input__icon {
-  line-height: 32px;
-}
-</style>
+<!--
+ * @Author: your name
+ * @Date: 2022-01-13 11:06:47
+ * @LastEditTime: 2022-02-21 14:24:07
+ * @LastEditors: Please set LastEditors
+ * @Description: 选择账户
+ * @FilePath: NstcSelectCashFlow.vue
+-->
+<template>
+  <SelectAndDialog
+    ref="select"
+    v-model="_value"
+    v-bind="bindProps"
+    :lazy-load="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
+                v-model="formSearch.brNo"
+                class="input-w"
+                :placeholder="chMapper.plcSelect"
+                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-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item :label="chMapper.accountLabel">
+              <el-input
+                v-model="formSearch.accountNo"
+                :placeholder="chMapper.plcInput"
+                maxlength="64"
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="20">
+            <el-form-item :label="chMapper.accountNameLabel">
+              <el-input
+                v-model="formSearch.accountName"
+                :placeholder="chMapper.plcInput"
+                maxlength="64"
+                clearable
+              />
+            </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"
+                >查询</el-button
+              >
+              <el-button
+                class="nstc-g6-common-btn-3"
+                style="margin-left: 8px"
+                @click="queryReset"
+                >重置</el-button
+              >
+            </div>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </SelectAndDialog>
+</template>
+
+<script>
+import axios from '../../../../src/utils/axios'
+import SelectAndDialog from '../SelectAndDialog/NstcSelectAndDialog.vue'
+export default {
+  name: 'NstcSelectAccount',
+  components: { SelectAndDialog },
+  props: {
+    value: String,
+    queryConf: {
+      type: Object,
+      default: () => {}
+    },
+    agencyOptionsConf: {
+      type: Object,
+      default: () => {}
+    },
+    filterData: {
+      type: Function,
+      default: (d) => d
+    },
+    valueKey: {
+      type: String,
+      default: 'accountNo'
+    },
+    labelKey: {
+      type: String,
+      default: 'accountNo'
+    },
+    rowKey: {
+      type: String,
+      default: 'accountId'
+    },
+    optionKey: {
+      type: String,
+      default: 'subjectNo'
+    },
+    labelWidth: {
+      type: String,
+      default: '80px'
+    },
+    chMapper: {
+      type: Object,
+      default: () => ({
+        title: '选择账号',
+        plcInput: '请输入',
+        plcSelect: '请输入或选择',
+        noselectmsg: '请选择账号',
+        accountAgencyLabel: '开户机构',
+        accountLabel: '账号',
+        accountNameLabel: '账户名',
+        accountNameTableLabel: '户名'
+      })
+    },
+
+    // 重新查询下拉数据
+    requery: {
+      default: false,
+      type: Boolean
+    }
+  },
+  data() {
+    return {
+      formSearch: {
+        brNo: '',
+        accountNo: '',
+        accountName: ''
+      },
+      showDialog: false,
+      inputHovering: false,
+      columns: [],
+      options: [],
+      remoteQuery: '',
+      searchObj: {
+        brNo: '',
+        accountNo: '',
+        accountName: ''
+      },
+      bindProps: {},
+      agencyOptionsArr: []
+    }
+  },
+  computed: {
+    _value: {
+      set(val) {
+        this.$emit('input', val)
+      },
+      get() {
+        return this.value
+      }
+    }
+  },
+
+  watch: {
+    // requery(val) {
+    //   if (val) {
+    //     this.$refs.select.queryAllData();
+    //   }
+    // },
+    // 'queryConf.defaultParam':{
+    //   handler:function(data) {
+    //     console.log(data,'------------')
+    //     this.$refs.select.queryAllData();
+    //   },
+    //   deep:true
+    // }
+  },
+
+  created() {
+    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'
+        }
+      ],
+      url: this.queryConf.url || url,
+      params: this.queryConf.defaultParam || {},
+      httpMethod: this.queryConf.httpMethod || 'POST',
+      rowKey: this.rowKey,
+      valueKey: this.valueKey,
+      labelKey: this.labelKey,
+      chMapper: this.chMapper
+    }
+    this.bindProps = props
+  },
+
+  methods: {
+    async agencyOptions() {
+      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 axios(reqConf)
+    },
+
+    // formatParams(pageParam) {
+    //   const { size, current } = pageParam;
+    //   let defaultParam = this.quryMergeConf.defaultParam;
+    //   let param = this.searchObj;
+    //   let page = { "pageSize": size, "pageNo": current };
+    //   if (this.queryConf.method == "POST") {
+    //     page = { page: { size, current } };
+    //   }
+    //   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']
+      }
+      if (params.page && params.page.size) {
+        size = params.page.size
+        current = params.page.current
+      }
+      let page = { pageSize: size, pageNo: current }
+      if (params.diabledValue && !params.brNo) {
+        params.brNo = params.diabledValue
+      }
+      return { ...params, ...page }
+    },
+
+    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 this.filterData({ data, total })
+    },
+
+    searchBtnClick(event) {
+      this.queryReset()
+      this.showDialog = true
+      this.$nextTick(() => {
+        this.searchClick()
+      })
+    },
+
+    // searchClick() {
+    //   let formSearch = this.formSearch
+    //   this.searchObj = JSON.parse(JSON.stringify(formSearch));
+    //   this.$refs.dialog.queryData("searchbtn");
+    // },
+
+    onShowDialog() {
+      this.queryReset()
+      this.agencyOptions()
+    },
+
+    searchClick() {
+      this.$refs.select.queryTableData()
+    },
+
+    // 返回选中对象
+    selectOption(values, opt) {
+      if (this.$attrs.selectOpt) {
+        this.$emit('confirm', opt)
+        this.$attrs.selectOpt['item'] = opt
+      }
+    },
+
+    queryReset() {
+      this.formSearch = {
+        brNo: this.queryConf.defaultParam.diabledValue,
+        accountNo: '',
+        accountName: ''
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.search-btn {
+  color: #c0c4cc;
+  position: absolute;
+  right: 5px;
+  top: 0px;
+}
+.form-wrap ::v-deep .el-input__suffix-inner .el-input__icon {
+  line-height: 32px;
+}
+</style>