n20-common-lib 1.3.46 → 1.3.49

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

@@ -1,164 +1,164 @@
-<!--
- * @Author: your name
- * @Date: 2022-03-06 14:36:22
- * @LastEditTime: 2022-03-06 15:18:40
- * @LastEditors: Please set LastEditors
- * @Description: 客商/付款方（输入+下拉+弹窗）
- * @FilePath: \payee\src\components\SelectInputMerchant.vue
--->
-<template>
-  <NstcInputAndDialog v-model="_value" ref="select" @input="chnageInput" v-bind="bindProps" :table-form="formSearch" :format-params="formatParams" :format-data="formatData" @show-dialog="onShowDialog">
-    <div class="form-wrap">
-      <el-form inline :model="formSearch">
-        <el-form-item label="所属单位">
-          <el-input v-model="formSearch.unitCode" placeholder="请输入" maxlength="64" clearable />
-        </el-form-item>
-        <el-form-item label="客商名称">
-          <el-input v-model="formSearch.relCorpFullName" placeholder="请输入" maxlength="64" clearable />
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="searchClick">{{$t(`common.query`)}}</el-button>
-          <el-button class="nstc-g6-common-btn-3" @click="queryReset">{{$t(`common.reset`)}}</el-button>
-        </el-form-item>
-      </el-form>
-    </div>
-  </NstcInputAndDialog>
-</template>
-
-<script>
-import NstcInputAndDialog from '^/Form/InputAndDialog/src/main.vue'
-export default {
-  components: {
-    NstcInputAndDialog
-  },
-  props: {
-    value: String,
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    unitName: {
-      type: String,
-      default: ""
-    }
-  },
-
-  data() {
-    return {
-      formSearch: {
-        unitCode: "",
-        relCorpFullName: ""
-      },
-      bindProps: {},
-      unitProps: {},
-      chMapper: {}
-    };
-  },
-
-  computed: {
-    _value: {
-      set(val) {
-        
-      },
-      get() {
-        return this.value;
-      }
-    }
-  },
-
-  watch: {
-    unitName() {
-      this.setUnitProps();
-    }
-  },
-
-  created() {
-    this.setBindProps();
-    this.setUnitProps();
-  },
-
-  methods: {
-    chnageInput(val) {
-      this.value = val
-    },
-    setBindProps() {
-      let chMapper = {
-        title: "选择客商",
-        noselectmsg: "请选择客商"
-      };
-      let props = {
-        columns: [
-          { prop: "relCorpNo", label: "客商编号" },
-          { prop: "relCorpFullName", label: "客商中文名称" },
-          { prop: "boundary", label: "境内外" }
-        ],
-        url: "/api/nstc-mdm/1.0/supplierRelation",
-        params: { supplierType: 0, useStatus: 0 },
-        rowKey: "relCorpNo",
-        valueKey: "relCorpNo",
-        labelKey: "relCorpFullName",
-        allowCreate: true,
-        chMapper: chMapper,
-        lazyLoad: true,
-        width: '1800px'
-      };
-      this.chMapper = chMapper;
-      this.bindProps = props;
-    },
-
-    setUnitProps() {
-      let props = {
-        url: "/bems/1.0/unit",
-        nodeKey: "unitNo",
-        label: this.unitName,
-        queryKey: "unitName",
-        disabled: true,
-        clearable: true,
-        class: "unit-tree",
-        params: { resultType: 1 },
-        defaultProps: { children: "children", label: "unitName" }
-      };
-      this.unitProps = props;
-    },
-
-    formatData(d) {
-      return {
-        data: d.list,
-        total: d.total
-      };
-    },
-    formatParams(d) {
-      return {
-        ...d,
-        unitCode: '',
-      }
-    },
-
-    unitChange() {},
-
-    onShowDialog() {
-      this.queryReset();
-    },
-
-    searchClick() {
-      this.$refs.select.queryTableData();
-    },
-
-    queryReset() {
-      this.formSearch = {
-        unitCode: 997,
-        relCorpFullName: ""
-      };
-      if(!this.formatParams.unitCode) {
-        this.$message({
-          type: 'warning',
-          message: this.$t(`请先选择收款单位`)
-        })
-      }
-    }
-  }
-};
-</script>
-
-<style>
+<!--
+ * @Author: your name
+ * @Date: 2022-03-06 14:36:22
+ * @LastEditTime: 2022-03-06 15:18:40
+ * @LastEditors: Please set LastEditors
+ * @Description: 客商/付款方（输入+下拉+弹窗）
+ * @FilePath: \payee\src\components\SelectInputMerchant.vue
+-->
+<template>
+  <NstcInputAndDialog v-model="_value" ref="select" @input="chnageInput" v-bind="bindProps" :table-form="formSearch" :format-params="formatParams" :format-data="formatData" @show-dialog="onShowDialog">
+    <div class="form-wrap">
+      <el-form inline :model="formSearch">
+        <el-form-item label="所属单位">
+          <el-input v-model="formSearch.unitCode" placeholder="请输入" maxlength="64" clearable />
+        </el-form-item>
+        <el-form-item label="客商名称">
+          <el-input v-model="formSearch.relCorpFullName" placeholder="请输入" maxlength="64" clearable />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="searchClick">{{$t(`common.query`)}}</el-button>
+          <el-button class="nstc-g6-common-btn-3" @click="queryReset">{{$t(`common.reset`)}}</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+  </NstcInputAndDialog>
+</template>
+
+<script>
+import NstcInputAndDialog from '^/Form/InputAndDialog/src/main.vue'
+export default {
+  components: {
+    NstcInputAndDialog
+  },
+  props: {
+    value: String,
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    unitName: {
+      type: String,
+      default: ""
+    }
+  },
+
+  data() {
+    return {
+      formSearch: {
+        unitCode: "",
+        relCorpFullName: ""
+      },
+      bindProps: {},
+      unitProps: {},
+      chMapper: {}
+    };
+  },
+
+  computed: {
+    _value: {
+      set(val) {
+        
+      },
+      get() {
+        return this.value;
+      }
+    }
+  },
+
+  watch: {
+    unitName() {
+      this.setUnitProps();
+    }
+  },
+
+  created() {
+    this.setBindProps();
+    this.setUnitProps();
+  },
+
+  methods: {
+    chnageInput(val) {
+      this.value = val
+    },
+    setBindProps() {
+      let chMapper = {
+        title: "选择客商",
+        noselectmsg: "请选择客商"
+      };
+      let props = {
+        columns: [
+          { prop: "relCorpNo", label: "客商编号" },
+          { prop: "relCorpFullName", label: "客商中文名称" },
+          { prop: "boundary", label: "境内外" }
+        ],
+        url: "/api/nstc-mdm/1.0/supplierRelation",
+        params: { supplierType: 0, useStatus: 0 },
+        rowKey: "relCorpNo",
+        valueKey: "relCorpNo",
+        labelKey: "relCorpFullName",
+        allowCreate: true,
+        chMapper: chMapper,
+        lazyLoad: true,
+        width: '1800px'
+      };
+      this.chMapper = chMapper;
+      this.bindProps = props;
+    },
+
+    setUnitProps() {
+      let props = {
+        url: "/bems/1.0/unit",
+        nodeKey: "unitNo",
+        label: this.unitName,
+        queryKey: "unitName",
+        disabled: true,
+        clearable: true,
+        class: "unit-tree",
+        params: { resultType: 1 },
+        defaultProps: { children: "children", label: "unitName" }
+      };
+      this.unitProps = props;
+    },
+
+    formatData(d) {
+      return {
+        data: d.list,
+        total: d.total
+      };
+    },
+    formatParams(d) {
+      return {
+        ...d,
+        unitCode: '',
+      }
+    },
+
+    unitChange() {},
+
+    onShowDialog() {
+      this.queryReset();
+    },
+
+    searchClick() {
+      this.$refs.select.queryTableData();
+    },
+
+    queryReset() {
+      this.formSearch = {
+        unitCode: 997,
+        relCorpFullName: ""
+      };
+      if(!this.formatParams.unitCode) {
+        this.$message({
+          type: 'warning',
+          message: this.$t(`请先选择收款单位`)
+        })
+      }
+    }
+  }
+};
+</script>
+
+<style>
 </style>