feat: 优化

src/views/system/announceManage.vue

@@ -20,11 +20,19 @@
         <!-- <el-input v-model="searchForm.time"></el-input> -->
         <!-- <el-input v-model="searchForm.time"></el-input> -->
       </el-form-item>
       </el-form-item>
       <el-form-item label="创建人">
       <el-form-item label="创建人">
-        <el-input
+        <el-select
           v-model="searchForm.creator"
           v-model="searchForm.creator"
-          placeholder="创建人"
+          placeholder="请选择"
           clearable
           clearable
-        ></el-input>
+          filterable
+        >
+          <el-option
+            v-for="user in userList"
+            :key="user.id"
+            :label="user.realName"
+            :value="user.id"
+          ></el-option>
+        </el-select>
       </el-form-item>
       </el-form-item>
       <el-form-item label>
       <el-form-item label>
         <el-button
         <el-button
@@ -121,11 +129,13 @@
 import Editor from '@/components/wangeditor/index.vue'
 import Editor from '@/components/wangeditor/index.vue'
 import tableView from '@/common/components/base/tableView.vue'
 import tableView from '@/common/components/base/tableView.vue'
 import { get, post } from '@/common/api/axios'
 import { get, post } from '@/common/api/axios'
+import { getSystemUserList } from '@/common/api/system'
 export default {
 export default {
   name: 'system_announce_manage',
   name: 'system_announce_manage',
   components: { 'v-editor': Editor, tableView },
   components: { 'v-editor': Editor, tableView },
   data() {
   data() {
     return {
     return {
+      userList: [],
       pageSize: 50,
       pageSize: 50,
       currentPage: 1,
       currentPage: 1,
       total: 1,
       total: 1,
@@ -160,6 +170,7 @@ export default {
   },
   },
   mounted() {
   mounted() {
     this.getList()
     this.getList()
+    this.getSystemUserList()
   },
   },
   computed: {
   computed: {
     tableColumns() {
     tableColumns() {
@@ -187,7 +198,9 @@ export default {
           key: 'enableFlag',
           key: 'enableFlag',
           width: 100,
           width: 100,
           render: (item) => (
           render: (item) => (
-            <span>{item.enableFlag ? '已发布' : '未发布'}</span>
+            <span>
+              {item.enableFlag ? '已发布' : '未发布'}
+            </span>
           ),
           ),
         },
         },
         {
         {
@@ -221,6 +234,14 @@ export default {
     search() {
     search() {
       this.getList()
       this.getList()
     },
     },
+    async getSystemUserList() {
+      try {
+        const res = await getSystemUserList()
+        this.userList = res.data
+      } catch (e) {
+        console.error(e)
+      }
+    },
     setpaginationOptions(opt) {
     setpaginationOptions(opt) {
       for (const key in opt) {
       for (const key in opt) {
         this.paginationOptions[key] = opt[key]
         this.paginationOptions[key] = opt[key]