JeecgBoot 2.1.1 代码生成器AI版本发布

2025-12-21 13:32:51 +08:00 · 2019-10-18 18:37:41 +08:00
parent 9e8b97a0d9
commit 04c0ea55f2
267 changed files with 16761 additions and 26860 deletions
--- a/ant-design-vue-jeecg/src/components/jeecgbiz/JSelectBizComponent/index.vue
+++ b/ant-design-vue-jeecg/src/components/jeecgbiz/JSelectBizComponent/index.vue
@ -0,0 +1,157 @@
+<template>
+  <a-row class="j-select-biz-component-box" type="flex" :gutter="8">
+    <a-col class="left">
+      <a-select
+        mode="multiple"
+        :placeholder="placeholder"
+        v-model="selectValue"
+        :options="selectOptions"
+        allowClear
+        :disabled="disabled"
+        :open="false"
+        style="width: 100%;"
+      />
+    </a-col>
+
+    <a-col class="right">
+      <a-button type="primary" icon="search" :disabled="disabled" @click="visible=true">{{selectButtonText}}</a-button>
+    </a-col>
+
+    <j-select-biz-component-modal
+      v-model="selectValue"
+      :name="name" :listUrl="listUrl" :returnKeys="returnKeys" :displayKey="displayKey"
+      :propColumns="columns" :queryParamText="queryParamText" :multiple="multiple"
+      :visible.sync="visible"
+      :valueKey="valueKey"
+      @ok="selectOptions=$event"
+    />
+  </a-row>
+</template>
+
+<script>
+  import JSelectBizComponentModal from './JSelectBizComponentModal'
+
+  export default {
+    name: 'JSelectBizComponent',
+    components: { JSelectBizComponentModal },
+    props: {
+      value: {
+        type: String,
+        default: ''
+      },
+      /** 是否返回 id，默认 false，返回 code */
+      returnId: {
+        type: Boolean,
+        default: false
+      },
+      placeholder: {
+        type: String,
+        default: '请选择'
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      // 是否支持多选，默认 true
+      multiple: {
+        type: Boolean,
+        default: true
+      },
+
+      /* 可复用属性 */
+
+      // 被选择的名字，例如选择部门就填写'部门'
+      name: {
+        type: String,
+        default: ''
+      },
+      // list 接口地址
+      listUrl: {
+        type: String,
+        required: true,
+        default: ''
+      },
+      // 显示的 Key
+      displayKey: {
+        type: String,
+        default: null
+      },
+      // 返回的 key
+      returnKeys: {
+        type: Array,
+        default: () => ['id', 'id']
+      },
+      // 选择按钮文字
+      selectButtonText: {
+        type: String,
+        default: '选择'
+      },
+      // 查询条件文字
+      queryParamText: {
+        type: String,
+        default: null
+      },
+      // columns
+      columns: {
+        type: Array,
+        default: () => []
+      }
+
+    },
+    data() {
+      return {
+        selectValue: [],
+        selectOptions: [],
+        visible: false
+      }
+    },
+    computed: {
+      valueKey() {
+        return this.returnId ? this.returnKeys[0] : this.returnKeys[1]
+      }
+    },
+    watch: {
+      value: {
+        immediate: true,
+        handler(val) {
+          if (val) {
+            this.selectValue = val.split(',')
+          } else {
+            this.selectValue = []
+          }
+        }
+      },
+      selectValue: {
+        deep: true,
+        handler(val) {
+          const data = val.join(',')
+          this.$emit('input', data)
+          this.$emit('change', data)
+        }
+      }
+    },
+    methods: {}
+  }
+</script>
+
+<style lang="scss">
+  .j-select-biz-component-box {
+    .ant-select-search__field {
+      display: none !important;
+    }
+  }
+</style>
+<style lang="scss" scoped>
+  .j-select-biz-component-box {
+
+    $width: 82px;
+
+    .left {
+      width: calc(100% - #{$width} - 8px);
+    }
+
+    .right {
+      width: #{$width};
+    }
+  }
+</style>