收藏内容

src/views/bpm/knows/knowledge/KnowledgeForm.vue

@@ -33,7 +33,7 @@
             </el-radio-group>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+          <el-col :span="19">
               <el-form-item label="知识分类" prop="typeId">
                 <!--        <el-input v-model="formData.typeId" placeholder="请选择知识分类" />-->
                 <el-tree-select
@@ -46,7 +46,13 @@
                 />
               </el-form-item>
           </el-col>
-        <el-col :span="12">
+          <el-col :span="5">
+            <el-form-item label="收藏知识">
+                <el-image @click="star" style="width: 20px; height: 20px" v-show="ys" :src="yesIcon"/>
+                <el-image @click="star" style="width: 20px; height: 20px" v-show="!ys" :src="noIcon"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
             <el-form-item label="作者" prop="content">
               <el-input v-model="formData.userName" readonly />
             </el-form-item>
@@ -80,10 +86,14 @@ import { getUserProfile, ProfileVO } from '@/api/system/user/profile'
 import {DeptVO, getDept} from "@/api/system/dept";
 import {defaultProps, handleTree} from "@/utils/tree";
 import {KnowtypeApi} from "@/api/bpm/knows/knowtype";
+import yesIcon from "../../../../assets/imgs/star_yes.svg"
+import noIcon from "../../../../assets/imgs/star_no.svg"
+import {Star2Api} from "@/api/bpm/star2";
 
 /** 知识发布 表单 */
 defineOptions({ name: 'KnowledgeForm' })
 
+const ys = ref(false)//收藏图标切换
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 const dialogVisible = ref(false) // 弹窗的是否展示
@@ -100,6 +110,11 @@ const formData = ref({
   status: undefined,
   filePath: undefined
 })
+const formData2 = ref({
+  id: undefined,
+  userId: undefined,
+  kowsId: undefined,
+})
 const formRules = reactive({
   typeId: [{ required: true, message: '类型id不能为空', trigger: 'blur' }],
   knowTitle: [{ required: true, message: '知识标题不能为空', trigger: 'blur' }]
@@ -111,6 +126,9 @@ const deptInfo = ref({} as DeptVO )
 /** 子表的表单 */
 const subTabsName = ref('comment')
 const commentFormRef = ref()
+const star = () => {
+  ys.value = !ys.value
+}
 const getUserInfo = async () => {
   if ( formData.value.deptId == '' ){
     const users = await getUserProfile()
@@ -176,7 +194,17 @@ const submitForm = async () => {
   // 提交请求
   formLoading.value = true
   try {
+    userInfo.value = await getUserProfile()
     const data = formData.value as unknown as KnowledgeVO
+    formData2.value.kowsId = data.typeId
+    formData2.value.userId = userInfo.value.id
+    console.log("formData2",formData2.value)
+    if (ys.value){
+      console.log("formData2",formData2.value)
+      await Star2Api.createStar2(formData2.value)
+      // message.success(t('common.createSuccess'))
+      ys.value=false
+    }
     // 拼接子表的数据
     data.comments = commentFormRef.value.getData()
 

src/views/bpm/knows/knowledge/index.vue

@@ -150,7 +150,6 @@ const router = useRouter() // 路由
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
 
-const ys = ref(false)//收藏图标切换
 const loading = ref(true) // 列表的加载中
 const list = ref<KnowledgeVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数

src/views/bpm/star2/Star2Form.vue

@@ -1,23 +1,23 @@
 <template>
   <Dialog :title="dialogTitle" v-model="dialogVisible">
-    <el-form
+<!--    <el-form-->
-      ref="formRef"
+<!--      ref="formRef"-->
-      :model="formData"
+<!--      :model="formData"-->
-      :rules="formRules"
+<!--      :rules="formRules"-->
-      label-width="100px"
+<!--      label-width="100px"-->
-      v-loading="formLoading"
+<!--      v-loading="formLoading"-->
-    >
+<!--    >-->
-      <el-form-item label="用户id" prop="userId">
+<!--      <el-form-item label="用户编号" prop="userId">-->
-        <el-input v-model="formData.userId" placeholder="请输入用户id" />
+<!--        <el-input v-model="formData.userId" placeholder="请输入用户编号" />-->
-      </el-form-item>
+<!--      </el-form-item>-->
-      <el-form-item label="知识id" prop="kowsId">
+<!--      <el-form-item label="知识编号" prop="kowsId">-->
-        <el-input v-model="formData.kowsId" placeholder="请输入知识id" />
+<!--        <el-input v-model="formData.kowsId" placeholder="请输入知识编号" />-->
-      </el-form-item>
+<!--      </el-form-item>-->
-    </el-form>
+<!--    </el-form>-->
-    <template #footer>
+<!--    <template #footer>-->
-      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+<!--      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>-->
-      <el-button @click="dialogVisible = false">取 消</el-button>
+<!--      <el-button @click="dialogVisible = false">取 消</el-button>-->
-    </template>
+<!--    </template>-->
   </Dialog>
 </template>
 <script setup lang="ts">

src/views/bpm/star2/index.vue

@@ -17,31 +17,31 @@
 <!--          class="!w-240px"-->
 <!--        />-->
 <!--      </el-form-item>-->
-      <el-form-item label="用户id" prop="userId">
+      <el-form-item label="用户编号" prop="userId">
         <el-input
           v-model="queryParams.userId"
-          placeholder="请输入用户id"
+          placeholder="请输入用户编号"
           clearable
           @keyup.enter="handleQuery"
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item label="知识id" prop="kowsId">
+      <el-form-item label="知识编号" prop="kowsId">
         <el-input
           v-model="queryParams.kowsId"
-          placeholder="请输入知识id"
+          placeholder="请输入知识编号"
           clearable
           @keyup.enter="handleQuery"
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item label="创建时间" prop="createTime">
+      <el-form-item label="收藏时间" prop="createTime">
         <el-date-picker
           v-model="queryParams.createTime"
           value-format="YYYY-MM-DD HH:mm:ss"
           type="daterange"
-          start-placeholder="开始日期"
+          start-placeholder="收藏开始日期"
-          end-placeholder="结束日期"
+          end-placeholder="收藏结束日期"
           :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
           class="!w-240px"
         />
@@ -49,14 +49,14 @@
       <el-form-item>
         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button
+<!--        <el-button-->
-          type="primary"
+<!--          type="primary"-->
-          plain
+<!--          plain-->
-          @click="openForm('create')"
+<!--          @click="openForm('create')"-->
-          v-hasPermi="['bpm:star2:create']"
+<!--          v-hasPermi="['bpm:star2:create']"-->
-        >
+<!--        >-->
-          <Icon icon="ep:plus" class="mr-5px" /> 新增
+<!--          <Icon icon="ep:plus" class="mr-5px" /> 新增-->
-        </el-button>
+<!--        </el-button>-->
         <el-button
           type="success"
           plain
@@ -74,10 +74,12 @@
   <ContentWrap>
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
 <!--      <el-table-column label="id" align="center" prop="id" />-->
-      <el-table-column label="用户id" align="center" prop="userId" />
+      <el-table-column label="用户编号" align="center" prop="userId" />
-      <el-table-column label="知识id" align="center" prop="kowsId" />
+      <el-table-column label="用户名字" align="center" prop="nickName" />
+      <el-table-column label="知识编号" align="center" prop="kowsId" />
+      <el-table-column label="知识标题" align="center" prop="kowTitle" />
       <el-table-column
-        label="创建时间"
+        label="收藏时间"
         align="center"
         prop="createTime"
         :formatter="dateFormatter"
@@ -85,21 +87,21 @@
       />
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button
+<!--          <el-button-->
-            link
+<!--            link-->
-            type="primary"
+<!--            type="primary"-->
-            @click="openForm('update', scope.row.id)"
+<!--            @click="openForm('update', scope.row.id)"-->
-            v-hasPermi="['bpm:star2:update']"
+<!--            v-hasPermi="['bpm:star2:update']"-->
-          >
+<!--          >-->
-            编辑
+<!--            编辑-->
-          </el-button>
+<!--          </el-button>-->
           <el-button
             link
             type="danger"
             @click="handleDelete(scope.row.id)"
             v-hasPermi="['bpm:star2:delete']"
           >
-            删除
+            删除收藏
           </el-button>
         </template>
       </el-table-column>
@@ -119,6 +121,7 @@
 
 <script setup lang="ts">
 import { dateFormatter } from '@/utils/formatTime'
+import {getUser} from '@/api/system/user'
 import download from '@/utils/download'
 import { Star2Api, Star2VO } from '@/api/bpm/star2'
 import Star2Form from './Star2Form.vue'