From a7b21b4baecb1d37f7d2e834d662cc61e96d469a Mon Sep 17 00:00:00 2001
From: HanLong <404402223@qq.com>
Date: Mon, 22 Dec 2025 15:20:56 +0800
Subject: [PATCH] =?UTF-8?q?feat:[=E7=B3=BB=E7=BB=9F=E7=AE=A1=E7=90=86][?=
 =?UTF-8?q?=E5=AD=97=E5=85=B8=E9=80=89=E6=8B=A9=E5=99=A8]=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=B5=93=E5=BA=A6=E3=80=81=E4=BD=93=E7=A7=AF=E3=80=81?=
 =?UTF-8?q?=E8=B4=A8=E9=87=8F=E9=80=89=E6=8B=A9=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/business/comps/select/SelectCctj.vue  |  2 +-
 src/views/business/comps/select/SelectCcwz.vue  | 98 +++++++++++++++++++++++++
 src/views/business/comps/select/SelectNddw.vue  | 98 +++++++++++++++++++++++++
 src/views/business/comps/select/SelectTjdw.vue  | 98 +++++++++++++++++++++++++
 src/views/business/comps/select/SelectYxqdw.vue | 98 +++++++++++++++++++++++++
 src/views/business/comps/select/SelectZldw.vue  | 98 +++++++++++++++++++++++++
 6 files changed, 491 insertions(+), 1 deletion(-)
 create mode 100644 src/views/business/comps/select/SelectCcwz.vue
 create mode 100644 src/views/business/comps/select/SelectNddw.vue
 create mode 100644 src/views/business/comps/select/SelectTjdw.vue
 create mode 100644 src/views/business/comps/select/SelectYxqdw.vue
 create mode 100644 src/views/business/comps/select/SelectZldw.vue

diff --git a/src/views/business/comps/select/SelectCctj.vue b/src/views/business/comps/select/SelectCctj.vue
index e0c8533..24620cd 100644
--- a/src/views/business/comps/select/SelectCctj.vue
+++ b/src/views/business/comps/select/SelectCctj.vue
@@ -80,7 +80,7 @@ export default {
       })
     },
     handleChange(val) {
-      this.$emit('change', this.multiple ? (val && val.length>0 ? val.join(','): ''):(val || ''))
+      this.$emit('input', this.multiple ? (val && val.length>0 ? val.join(','): ''):(val || ''))
       //默认传的,分割的字符串，有传数组再改造
       let _index = _.findIndex(this.list, function (a) {
         return a.dictLabel == val
diff --git a/src/views/business/comps/select/SelectCcwz.vue b/src/views/business/comps/select/SelectCcwz.vue
new file mode 100644
index 0000000..0c9de73
--- /dev/null
+++ b/src/views/business/comps/select/SelectCcwz.vue
@@ -0,0 +1,98 @@
+<!-- 存储位置选择器 -->
+<template>
+  <div>
+    <el-select style="width:100%" v-model="selected" :placeholder="$t('form.placeholderSelect')"  :disabled="readonly" :multiple="multiple" @change="handleChange" :filterable="filterable">
+      <el-option v-for="item in list"  :key="item.dictCode" :label="item.dictLabel" :value="item.dictLabel" />
+    </el-select>
+  </div>
+</template>
+
+<script>
+import { listData } from "@/api/system/dict/data"
+
+export default {
+  name: "SelectCcwz",
+  components: {},
+  props: {
+    value: {
+      type: [Number, String , Array],
+      default: '',
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    filterable: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(v) {
+        if(!this.multiple){
+          this.selected = v ? v : ''
+        }else{
+          if(v){
+            //默认传的,分割的字符串，有传数组再改造
+            let arr = v.split(',')
+            let s = []
+            _.forEach(arr,a=>{
+              s.push(a)
+            })
+            this.selected = s
+          }else{
+            this.selected = []
+          }
+        }
+      }
+    },
+  },
+  data() {
+    return {
+      selected: '',
+      list: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 9999,
+        dictType: 'system_business_ccwz',
+        status: 0
+      },
+    };
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.list = []
+      listData(this.queryParams).then(response => {
+        this.list = response.rows
+      })
+    },
+    handleChange(val) {
+      this.$emit('input', this.multiple ? (val && val.length>0 ? val.join(','): ''):(val || ''))
+      //默认传的,分割的字符串，有传数组再改造
+      let _index = _.findIndex(this.list, function (a) {
+        return a.dictLabel == val
+      })
+      console.log(_index)
+      if (_index > -1) {
+        this.$emit('change', this.list[_index])
+      } else {
+        this.$emit('change', null)
+      }
+
+    },
+  }
+};
+</script>
diff --git a/src/views/business/comps/select/SelectNddw.vue b/src/views/business/comps/select/SelectNddw.vue
new file mode 100644
index 0000000..a0e25da
--- /dev/null
+++ b/src/views/business/comps/select/SelectNddw.vue
@@ -0,0 +1,98 @@
+<!-- 浓度单位选择器 -->
+<template>
+  <div>
+    <el-select style="width:100%" v-model="selected" :placeholder="$t('form.placeholderSelect')"  :disabled="readonly" :multiple="multiple" @change="handleChange" :filterable="filterable">
+      <el-option v-for="item in list"  :key="item.dictCode" :label="item.dictLabel" :value="item.dictLabel" />
+    </el-select>
+  </div>
+</template>
+
+<script>
+import { listData } from "@/api/system/dict/data"
+
+export default {
+  name: "SelectNddw",
+  components: {},
+  props: {
+    value: {
+      type: [Number, String , Array],
+      default: '',
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    filterable: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(v) {
+        if(!this.multiple){
+          this.selected = v ? v : ''
+        }else{
+          if(v){
+            //默认传的,分割的字符串，有传数组再改造
+            let arr = v.split(',')
+            let s = []
+            _.forEach(arr,a=>{
+              s.push(a)
+            })
+            this.selected = s
+          }else{
+            this.selected = []
+          }
+        }
+      }
+    },
+  },
+  data() {
+    return {
+      selected: '',
+      list: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 9999,
+        dictType: 'system_business_nddw',
+        status: 0
+      },
+    };
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.list = []
+      listData(this.queryParams).then(response => {
+        this.list = response.rows
+      })
+    },
+    handleChange(val) {
+      this.$emit('input', this.multiple ? (val && val.length>0 ? val.join(','): ''):(val || ''))
+      //默认传的,分割的字符串，有传数组再改造
+      let _index = _.findIndex(this.list, function (a) {
+        return a.dictLabel == val
+      })
+      console.log(_index)
+      if (_index > -1) {
+        this.$emit('change', this.list[_index])
+      } else {
+        this.$emit('change', null)
+      }
+
+    },
+  }
+};
+</script>
diff --git a/src/views/business/comps/select/SelectTjdw.vue b/src/views/business/comps/select/SelectTjdw.vue
new file mode 100644
index 0000000..152aeda
--- /dev/null
+++ b/src/views/business/comps/select/SelectTjdw.vue
@@ -0,0 +1,98 @@
+<!-- 体积单位选择器 -->
+<template>
+  <div>
+    <el-select style="width:100%" v-model="selected" :placeholder="$t('form.placeholderSelect')"  :disabled="readonly" :multiple="multiple" @change="handleChange" :filterable="filterable">
+      <el-option v-for="item in list"  :key="item.dictCode" :label="item.dictLabel" :value="item.dictLabel" />
+    </el-select>
+  </div>
+</template>
+
+<script>
+import { listData } from "@/api/system/dict/data"
+
+export default {
+  name: "SelectTjdw",
+  components: {},
+  props: {
+    value: {
+      type: [Number, String , Array],
+      default: '',
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    filterable: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(v) {
+        if(!this.multiple){
+          this.selected = v ? v : ''
+        }else{
+          if(v){
+            //默认传的,分割的字符串，有传数组再改造
+            let arr = v.split(',')
+            let s = []
+            _.forEach(arr,a=>{
+              s.push(a)
+            })
+            this.selected = s
+          }else{
+            this.selected = []
+          }
+        }
+      }
+    },
+  },
+  data() {
+    return {
+      selected: '',
+      list: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 9999,
+        dictType: 'system_business_tjdw',
+        status: 0
+      },
+    };
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.list = []
+      listData(this.queryParams).then(response => {
+        this.list = response.rows
+      })
+    },
+    handleChange(val) {
+      this.$emit('input', this.multiple ? (val && val.length>0 ? val.join(','): ''):(val || ''))
+      //默认传的,分割的字符串，有传数组再改造
+      let _index = _.findIndex(this.list, function (a) {
+        return a.dictLabel == val
+      })
+      console.log(_index)
+      if (_index > -1) {
+        this.$emit('change', this.list[_index])
+      } else {
+        this.$emit('change', null)
+      }
+
+    },
+  }
+};
+</script>
diff --git a/src/views/business/comps/select/SelectYxqdw.vue b/src/views/business/comps/select/SelectYxqdw.vue
new file mode 100644
index 0000000..6e25848
--- /dev/null
+++ b/src/views/business/comps/select/SelectYxqdw.vue
@@ -0,0 +1,98 @@
+<!-- 有效期单位选择器 -->
+<template>
+  <div>
+    <el-select style="width:100%" v-model="selected" :placeholder="$t('form.placeholderSelect')"  :disabled="readonly" :multiple="multiple" @change="handleChange" :filterable="filterable">
+      <el-option v-for="item in list"  :key="item.dictCode" :label="item.dictLabel" :value="item.dictLabel" />
+    </el-select>
+  </div>
+</template>
+
+<script>
+import { listData } from "@/api/system/dict/data"
+
+export default {
+  name: "SelectYxqdw",
+  components: {},
+  props: {
+    value: {
+      type: [Number, String , Array],
+      default: '',
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    filterable: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(v) {
+        if(!this.multiple){
+          this.selected = v ? v : ''
+        }else{
+          if(v){
+            //默认传的,分割的字符串，有传数组再改造
+            let arr = v.split(',')
+            let s = []
+            _.forEach(arr,a=>{
+              s.push(a)
+            })
+            this.selected = s
+          }else{
+            this.selected = []
+          }
+        }
+      }
+    },
+  },
+  data() {
+    return {
+      selected: '',
+      list: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 9999,
+        dictType: 'system_business_yxqdw',
+        status: 0
+      },
+    };
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.list = []
+      listData(this.queryParams).then(response => {
+        this.list = response.rows
+      })
+    },
+    handleChange(val) {
+      this.$emit('input', this.multiple ? (val && val.length>0 ? val.join(','): ''):(val || ''))
+      //默认传的,分割的字符串，有传数组再改造
+      let _index = _.findIndex(this.list, function (a) {
+        return a.dictLabel == val
+      })
+      console.log(_index)
+      if (_index > -1) {
+        this.$emit('change', this.list[_index])
+      } else {
+        this.$emit('change', null)
+      }
+
+    },
+  }
+};
+</script>
diff --git a/src/views/business/comps/select/SelectZldw.vue b/src/views/business/comps/select/SelectZldw.vue
new file mode 100644
index 0000000..50ef962
--- /dev/null
+++ b/src/views/business/comps/select/SelectZldw.vue
@@ -0,0 +1,98 @@
+<!-- 质量单位选择器 -->
+<template>
+  <div>
+    <el-select style="width:100%" v-model="selected" :placeholder="$t('form.placeholderSelect')"  :disabled="readonly" :multiple="multiple" @change="handleChange" :filterable="filterable">
+      <el-option v-for="item in list"  :key="item.dictCode" :label="item.dictLabel" :value="item.dictLabel" />
+    </el-select>
+  </div>
+</template>
+
+<script>
+import { listData } from "@/api/system/dict/data"
+
+export default {
+  name: "SelectZldw",
+  components: {},
+  props: {
+    value: {
+      type: [Number, String , Array],
+      default: '',
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    filterable: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    }
+  },
+  watch: {
+    value: {
+      immediate: true,
+      handler(v) {
+        if(!this.multiple){
+          this.selected = v ? v : ''
+        }else{
+          if(v){
+            //默认传的,分割的字符串，有传数组再改造
+            let arr = v.split(',')
+            let s = []
+            _.forEach(arr,a=>{
+              s.push(a)
+            })
+            this.selected = s
+          }else{
+            this.selected = []
+          }
+        }
+      }
+    },
+  },
+  data() {
+    return {
+      selected: '',
+      list: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 9999,
+        dictType: 'system_business_zldw',
+        status: 0
+      },
+    };
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.list = []
+      listData(this.queryParams).then(response => {
+        this.list = response.rows
+      })
+    },
+    handleChange(val) {
+      this.$emit('input', this.multiple ? (val && val.length>0 ? val.join(','): ''):(val || ''))
+      //默认传的,分割的字符串，有传数组再改造
+      let _index = _.findIndex(this.list, function (a) {
+        return a.dictLabel == val
+      })
+      console.log(_index)
+      if (_index > -1) {
+        this.$emit('change', this.list[_index])
+      } else {
+        this.$emit('change', null)
+      }
+
+    },
+  }
+};
+</script>