n20-common-lib 1.2.43 → 1.3.0

package/src/components/NstcG6Components/Form/SelectSubject/src/main.vue

@@ -0,0 +1,182 @@
+<!--
+ * @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-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-form-item>
+          <el-form-item :label="chMapper.subjectNameLabel">
+            <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">{{$t(`common_w_0034`)}}</el-button>
+            <el-button style="margin-left:8px;" class="nstc-g6-common-btn-3" @click="queryReset">{{
+              $t(`common_w_0037`)
+            }}</el-button>
+          </el-form-item>
+        </el-form>
+    </div>
+  </SelectAndDialog>
+</template>
+
+<script>
+import request from "@/utils/request";
+import SelectAndDialog from "^/Form/SelectAndDialog/src/main.vue";
+export default {
+  name: "NstcSelectSubject",
+  components: { SelectAndDialog },
+  props: {
+    value: [String, Object],
+    queryConf: {
+      type: Object,
+      default: () => {}
+    },
+    chMapper: {
+      type: Object,
+      default: () => ({
+        title: "选择科目",
+        plcInput: "请输入",
+        plcSelect: "请选择",
+        noselectmsg: "请选择科目",
+        subjectNoLabel: "科目编号",
+        subjectNameLabel: "科目名称",
+        balanceDirectionlabel: "余额方向",
+      }),
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      showText: "",
+      formSearch: {
+        km: "",
+        kmName: "",
+      },
+      showDialog: false,
+      columns: [],
+      options: [],
+      inputHovering: false,
+      remoteQuery: "",
+      bindProps: {},
+    };
+  },
+  wacth: {
+    'queryConf.defaultParam': {
+      handler(val) {
+        this.$refs.select.queryAllData();
+        // this.queryAllData();
+      },
+      deep: true
+    }
+  },
+  computed: {
+    _value: {
+      set(val) {
+        this.$emit("input", val);
+      },
+      get() {
+        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" },
+      ],
+      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",
+      disabled: this.disabled,
+      chMapper: this.chMapper
+    };
+    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"];
+      }
+      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 { data, total };
+    },
+
+
+    onShowDialog() {
+      this.queryReset();
+    },
+
+    searchClick() {
+      this.$refs.select.queryTableData();
+    },
+
+    queryReset() {
+      this.formSearch = {
+        km: "",
+        kmName: "",
+      };
+    },
+  },
+};
+</script>
+
+<style>
+.search-btn {
+  color: #c0c4cc;
+  position: absolute;
+  right: 5px;
+  top: -1px;
+}
+</style>

package/src/components/NstcG6Components/Form/SelectindialogCustom/demo/index.vue

@@ -0,0 +1,188 @@
+<template>
+  <div>
+    <div>
+      <h3>自定义选择</h3>
+      <SelectInDialogCustom
+          v-model="model[0]"
+          :columns="columns"
+          :form-config="formConfig"
+          title="表格里边弹窗"
+          url="/api/nstc-lcms/open/apply/query"
+          clearable
+          remote
+          value-key="prop1"
+          label-key="prop2"
+          width="294"
+          :original-form="true"
+          :original-table="false"
+      >
+        <template v-slot:table>
+          <NstcTable
+              :columns="columnsS"
+              :data="dataS"
+              :pagination.sync="paginationS"
+              @pagination-change="handlePaginationChange"
+          />
+        </template>
+      </SelectInDialogCustom>
+      <h3>可远程搜索--111</h3>
+      <SelectInDialogCustom
+          v-model="model[0]"
+          :columns="columns"
+          :form-config="formConfig"
+          title="表格里边弹窗"
+          url="/api/nstc-aims/1.0/account/link"
+          clearable
+          remote
+          http-method="get"
+          :optionValueIsObject="true"
+          value-key="accountNo"
+          label-key="accountNo"
+          width="294"
+      />
+    </div>
+    <div>
+      <h3>可远程搜索</h3>
+      <SelectInDialogCustom
+        v-model="model"
+        :columns="columns"
+        :form-config="formConfig"
+        title="表格里边弹窗"
+        url="/api/nstc-lcms/open/apply/query"
+        multiple
+        clearable
+        remote
+        value-key="prop1"
+        label-key="prop2"
+        width="294"
+      />
+    </div>
+    <div>
+      <h3>无远程搜索</h3>
+      <SelectInDialogCustom
+        v-model="model"
+        :columns="columns"
+        :form-config="formConfig"
+        multiple
+        clearable
+        disabled
+        value-key="prop1"
+        label-key="prop2"
+        width="220"
+      />
+    </div>
+
+    <div>{{ model[0] }}</div>
+
+  </div>
+
+</template>
+
+<script>
+import SelectInDialogCustom from '../'
+import NstcTable from '^/Table/src/main'
+export default {
+  name: 'Demo',
+
+  components: {
+    SelectInDialogCustom,
+    NstcTable
+  },
+
+  data() {
+    return {
+      model: [{ prop1: '', prop2: '' }, { prop1: '222', prop2: 'label222' }],
+      formConfig: [
+        {
+          mold: 'input',
+          name: '名称',
+          prop: 'prop1'
+        },
+        {
+          mold: 'input',
+          name: '名称',
+          prop: 'prop2'
+        },
+        {
+          mold: 'input',
+          name: '名称',
+          prop: 'prop3'
+        },
+        {
+          mold: 'input',
+          name: '名称',
+          prop: 'prop4'
+        }
+      ],
+      columns: [
+        {
+          prop: 'prop1',
+          label: '操作'
+        },
+        {
+          prop: 'prop2',
+          label: '申请单号'
+        },
+        {
+          prop: 'prop2',
+          label: '单位名称'
+        },
+        {
+          prop: 'prop2',
+          label: '金融机构'
+        },
+        {
+          prop: 'prop2',
+          label: '申请开户数'
+        },
+        {
+          prop: 'prop2',
+          label: '申请人'
+        },
+        {
+          prop: 'prop2',
+          label: '申请时间'
+        }
+      ],
+
+      columnsS: [
+        { label: '标题一', prop: 'a' },
+        { label: '标题一', prop: 'b' },
+        { label: '标题一', prop: 'c' },
+        { label: '标题一', prop: 'b' },
+        { label: '标题一', prop: 'd' },
+        { label: '标题一', prop: 'e' },
+        { label: '标题一', prop: 'f' },
+        { label: '标题一', prop: 'g' },
+        { label: '标题一', prop: 'h' }
+      ],
+      dataS: [
+        { a: '1', b: '2', c: '4', d: '5', e: '6', f: '7', g: '8', h: '9' },
+        { a: '1', b: '2', c: '4', d: '5', e: '6', f: '7', g: '8', h: '9' },
+        { a: '1', b: '2', c: '4', d: '5', e: '6', f: '7', g: '8', h: '9' },
+        { a: '1', b: '2', c: '4', d: '5', e: '6', f: '7', g: '8', h: '9' },
+        { a: '1', b: '2', c: '4', d: '5', e: '6', f: '7', g: '8', h: '9' },
+        { a: '1', b: '2', c: '4', d: '5', e: '6', f: '7', g: '8', h: '9' },
+        { a: '1', b: '2', c: '4', d: '5', e: '6', f: '7', g: '8', h: '9' },
+        { a: '1', b: '2', c: '4', d: '5', e: '6', f: '7', g: '8', h: '9' },
+        { a: '1', b: '2', c: '4', d: '5', e: '6', f: '7', g: '8', h: '9' }
+      ],
+      paginationS: {
+        page: 1,
+        size: 20,
+        total: 0
+      },
+    }
+  },
+
+  methods: {
+    handlePaginationChange(val) {
+      console.log('分页变化', val)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>