feat:完成权限相关、全局配置、优化细节

Yi.BBS.Vue3/src/components/AgreeInfo.vue

@@ -0,0 +1,55 @@
+<template>
+       <el-button text @click="agree">
+                            <el-icon v-if="data.isAgree" color="#409EFF">
+                                <CircleCheckFilled />
+                            </el-icon>
+                            <el-icon v-else color="#1E1E1E">
+                                <Pointer />
+                            </el-icon> 点赞:{{ data.agreeNum ?? 0 }}</el-button>
+    </template>
+    <script setup>
+import {onMounted,reactive,watch} from 'vue'
+import { operate } from '@/apis/agreeApi'
+
+
+//'isAgree','agreeNum','id'
+const props = defineProps([ 'data'])
+
+watch(()=>props,(n)=>{
+    data.id=n.data.id;
+    data.isAgree=n.data.isAgree;
+    data.agreeNum=n.data.agreeNum;
+},{deep:true})
+
+
+const data=reactive({
+    id:'',
+    isAgree:false,
+    agreeNum:0
+})
+// onMounted(()=>{
+  
+// })
+//点赞操作
+const agree = async () => {
+    const response = await operate(data.id)
+    const res = response.data;
+    //提示框，颜色区分
+    if (res.isAgree) {
+        data.isAgree = true;
+        data.agreeNum += 1;
+        ElMessage({
+            message: res.message,
+            type: 'success',
+        })
+    }
+    else {
+        data.isAgree = false;
+        data.agreeNum-= 1;
+        ElMessage({
+            message: res.message,
+            type: 'warning',
+        })
+    }
+}
+</script>

Yi.BBS.Vue3/src/components/BottomInfo.vue

@@ -1,14 +1,16 @@
 <template>
 <div class="botton-div">
-<a><el-icon><UserFilled /></el-icon>站长：橙子</a>
-<a><el-icon><Search /></el-icon>YiFramework意框架</a>
+<a><el-icon><UserFilled /></el-icon>站长：{{configStore.author}}</a>
+<a><el-icon><Search /></el-icon>{{configStore.bottom}}</a>
 <a><el-icon><View /></el-icon>关于本站</a>
 <a><el-icon><Message /></el-icon>建议反馈</a>
 <p></p>
-<a><el-icon><Position /></el-icon>2023 <span style="color: #40a9ff ;">意社区</span> | 赣ICP备xxxxxx号-4</a>
+<a ><el-icon><Position /></el-icon>{{configStore.icp}}</a>
 </div>
 </template>
 <script setup>
+import useConfigStore from "@/stores/config";
+const  configStore= useConfigStore();
 </script>
 <style scoped>
 .el-icon
@@ -31,6 +33,6 @@ a:hover {
     height: auto;
     width: auto;
     justify-content: center;
-    margin: 1rem auto;
+    margin: 0.5rem auto;
 }
 </style>

Yi.BBS.Vue3/src/components/DisscussCard.vue

@@ -41,8 +41,8 @@
                         <div class="item-description">
                             {{ discuss.creationTime }}
                         </div>
-
-
+<AgreeInfo  :data="discuss"/>
+<!-- 
                         <el-button text @click="agree">
                             <el-icon v-if="discuss.isAgree" color="#409EFF">
                                 <CircleCheckFilled />
@@ -51,7 +51,7 @@
                                 <Pointer />
                             </el-icon> 点赞:{{ discuss.agreeNum ?? 0 }}</el-button>
                         <el-button icon="Star" text>
-                            收藏</el-button>
+                            收藏</el-button> -->
 
                         <el-button icon="View" text>
                             浏览数:{{ discuss.seeNum ?? 0 }}</el-button>
@@ -69,6 +69,7 @@
 import { h, ref, toRef, onMounted ,reactive} from 'vue'
 import { useRouter } from 'vue-router'
 import AvatarInfo from './AvatarInfo.vue';
+import AgreeInfo from './AgreeInfo.vue'
 import { operate } from '@/apis/agreeApi'
 
 const props = defineProps(['discuss','badge'])

Yi.BBS.Vue3/src/components/UserSelectInfo.vue

@@ -0,0 +1,129 @@
+<template>
+      <el-select
+      style="width: 600px;"
+        v-model="value"
+        multiple
+        filterable
+        remote
+        reserve-keyword
+        placeholder="请输入用户账号（可多选）"
+        remote-show-suffix
+        :remote-method="remoteMethod"
+        :loading="loading"
+      >
+        <el-option
+          v-for="item in options"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        />
+      </el-select>
+</template>
+
+<script  setup>
+import { onMounted, ref,computed  } from 'vue'
+import {listUser} from '@/apis/userApi'
+const props = defineProps(['modelValue'])
+const emit = defineEmits(['update:modelValue'])
+
+
+//这个为可选择的列表，{value,label},value为用户id，label为账号名称（不可重复）
+const options = ref([])
+
+const value = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value) {
+    emit('update:modelValue', value)
+  }
+})
+
+
+const loading = ref(false)
+
+onMounted( async()=>{
+
+ const response= await  listUser({ids:value.value.join()});
+ const res=response.data.items;
+   //下拉列表
+   options.value = res
+  .map((item) => {
+    return { value: `${item.id}`, label: `用户:${item.userName}` }
+  })
+})
+
+
+const loadUser=async(query)=>{
+  const response= await listUser({userName:query});
+  const res=response.data.items;
+  //下拉列表
+  options.value = res
+  .map((item) => {
+    return { value: `${item.id}`, label: `用户:${item.userName}` }
+  })
+}
+
+const remoteMethod =async (query) => {
+  if (query) {
+    loading.value = true
+   await loadUser(query);
+   loading.value = false
+  } else {
+    options.value = []
+  }
+}
+
+const states = [
+  'Alabama',
+  'Alaska',
+  'Arizona',
+  'Arkansas',
+  'California',
+  'Colorado',
+  'Connecticut',
+  'Delaware',
+  'Florida',
+  'Georgia',
+  'Hawaii',
+  'Idaho',
+  'Illinois',
+  'Indiana',
+  'Iowa',
+  'Kansas',
+  'Kentucky',
+  'Louisiana',
+  'Maine',
+  'Maryland',
+  'Massachusetts',
+  'Michigan',
+  'Minnesota',
+  'Mississippi',
+  'Missouri',
+  'Montana',
+  'Nebraska',
+  'Nevada',
+  'New Hampshire',
+  'New Jersey',
+  'New Mexico',
+  'New York',
+  'North Carolina',
+  'North Dakota',
+  'Ohio',
+  'Oklahoma',
+  'Oregon',
+  'Pennsylvania',
+  'Rhode Island',
+  'South Carolina',
+  'South Dakota',
+  'Tennessee',
+  'Texas',
+  'Utah',
+  'Vermont',
+  'Virginia',
+  'Washington',
+  'West Virginia',
+  'Wisconsin',
+  'Wyoming',
+]
+</script>