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

ant-design-vue-jeecg/src/components/jeecgbiz/JSelectMultiUser.vue

@@ -1,65 +1,40 @@
 <template>
-  <div style="width: 100%;">
-    <a-select
-      mode="multiple"
-      placeholder="Please select"
-      :value="nameList"
-      style="width: calc(100% - 178px);">
-    </a-select>
-    <span style="display: inline-block;width:170px;float: right;overflow: hidden;">
-      <a-button type="primary" @click="handleSelect" icon="search" style="width: 81px">选择</a-button>
-      <a-button type="primary" @click="selectReset" icon="reload" style="margin-left: 8px;width: 81px">清空</a-button>
-    </span>
+  <j-select-biz-component
+    :value="value"
 
-    <!-- 选择多个用户支持排序 -->
-    <j-select-multi-user-modal ref="selectModal" @selectFinished="selectOK"/>
-  </div>
+    name="用户"
+    displayKey="realname"
+
+    :returnKeys="returnKeys"
+    :listUrl="url.list"
+    :columns="columns"
+    queryParamText="账号"
+
+    v-on="$listeners"
+    v-bind="$attrs"
+  />
 </template>
 
 <script>
-  import JSelectMultiUserModal from './modal/JSelectMultiUserModal'
+  import JSelectBizComponent from './JSelectBizComponent'
+
   export default {
     name: 'JSelectMultiUser',
-    components:{ JSelectMultiUserModal },
-    props:{
-      value:{
-        type:String,
-        required:false
-      }
-    },
-    data(){
+    components: { JSelectBizComponent },
+    props: ['value'],
+    data() {
       return {
-        selectList: [],
-      }
-    },
-    computed: {
-      nameList: function () {
-        var names = [];
-        for (var a = 0; a < this.selectList.length; a++) {
-          names.push(this.selectList[a].name);
-        }
-        let nameStr = ''
-        if(names.length>0){
-          nameStr = names.join(",")
-        }
-        this.$emit("change",nameStr)
-        return names;
-      }
-    },
-    model: {
-      prop: 'value',
-      event: 'change'
-    },
-    methods:{
-      handleSelect: function () {
-        this.$refs.selectModal.add();
-      },
-      selectReset() {
-        this.selectList = [];
-      },
-      selectOK: function (data) {
-        this.selectList = data;
+        returnKeys: ['id', 'username'],
+        url: { list: '/sys/user/list' },
+        columns: [
+          { title: '姓名', align: 'center', width: 100, dataIndex: 'realname' },
+          { title: '账号', align: 'center', width: 100, dataIndex: 'username' },
+          { title: '电话', align: 'center', width: 100, dataIndex: 'phone' },
+          { title: '出生日期', align: 'center', width: 100, dataIndex: 'birthday' }
+        ]
       }
     }
   }
 </script>
+
+<style lang="scss" scoped></style>