管理后台链接跳转

web/components/TableList.vue

@@ -107,6 +107,9 @@
             <template v-else>-</template>
           </span>
           <!-- 字符串。更多，则需要继续扩展 -->
+          <span v-else-if="item.type==='html'">
+            <span v-html="scope.row[item.prop]"></span>
+          </span>
           <span v-else>{{ scope.row[item.prop] || '-' }}</span>
         </template>
       </el-table-column>

web/pages/admin/article.vue

@@ -28,7 +28,7 @@
         @deleteRow="deleteRow"
       >
         <!-- 查看文章 -->
-        <template slot="actions" slot-scope="scope">
+        <!-- <template slot="actions" slot-scope="scope">
           <nuxt-link
             target="_blank"
             :to="{
@@ -40,7 +40,7 @@
               >查看</el-button
             >
           </nuxt-link>
-        </template>
+        </template> -->
       </TableList>
     </el-card>
     <el-card shadow="never" class="mgt-20px">
@@ -78,6 +78,7 @@ import { listArticle, deleteArticle, getArticle } from '~/api/article'
 import TableList from '~/components/TableList.vue'
 import FormSearch from '~/components/FormSearch.vue'
 import FormArticle from '~/components/FormArticle.vue'
+import { genLinkHTML } from '~/utils/utils'
 import { mapGetters } from 'vuex'
 export default {
   components: { TableList, FormSearch, FormArticle },
@@ -139,7 +140,14 @@ export default {
       this.loading = true
       const res = await listArticle(this.search)
       if (res.status === 200) {
-        this.articles = res.data.article
+        let articles = res.data.article || []
+        articles.map((item) => {
+          item.title_html = genLinkHTML(
+            item.title,
+            `/article/${item.identifier}`
+          )
+        })
+        this.articles = articles
         this.total = res.data.total
       } else {
         this.$message.error(res.data.message)
@@ -250,7 +258,13 @@ export default {
     initTableListFields() {
       this.tableListFields = [
         { prop: 'id', label: 'ID', width: 80, type: 'number', fixed: 'left' },
-        { prop: 'title', label: '标题', minWidth: 150, fixed: 'left' },
+        {
+          prop: 'title_html',
+          label: '标题',
+          minWidth: 150,
+          fixed: 'left',
+          type: 'html',
+        },
         { prop: 'identifier', label: '标识', width: 200 },
         { prop: 'view_count', label: '浏览', width: 80, type: 'number' },
         { prop: 'keywords', label: '关键字', width: 200 },

web/pages/admin/comment.vue

@@ -84,7 +84,7 @@ import {
 } from '~/api/comment'
 import TableList from '~/components/TableList.vue'
 import FormSearch from '~/components/FormSearch.vue'
-import { parseQueryIntArray } from '~/utils/utils'
+import { parseQueryIntArray, genLinkHTML } from '~/utils/utils'
 export default {
   components: { TableList, FormSearch },
   layout: 'admin',
@@ -143,6 +143,14 @@ export default {
       if (res.status === 200) {
         this.comments = (res.data.comment || []).map((item) => {
           item.username = item.user.username
+          item.document_title_html = genLinkHTML(
+            item.document_title,
+            `/document/${item.document_id}`
+          )
+          item.username_html = genLinkHTML(
+            item.username,
+            `/user/${item.user_id}`
+          )
           return item
         })
         this.total = res.data.total
@@ -280,9 +288,14 @@ export default {
             0: { label: '待审核', value: 0 },
           },
         },
-        { prop: 'document_title', label: '文档', minWidth: 150 },
+        {
+          prop: 'document_title_html',
+          label: '文档',
+          minWidth: 150,
+          type: 'html',
+        },
         { prop: 'content', label: '评论内容', minWidth: 150 },
-        { prop: 'username', label: '评论人', minWidth: 150 },
+        { prop: 'username_html', label: '评论人', minWidth: 150, type: 'html' },
         { prop: 'created_at', label: '创建时间', width: 160, type: 'datetime' },
         { prop: 'updated_at', label: '更新时间', width: 160, type: 'datetime' },
       ]

web/pages/admin/document/list.vue

@@ -57,7 +57,7 @@
         :show-edit="true"
         :show-delete="true"
         :show-select="true"
-        :actions-min-width="160"
+        :actions-min-width="100"
         @editRow="editRow"
         @viewRow="viewRow"
         @selectRow="selectRow"
@@ -90,11 +90,11 @@
             @click="recommendDocument(scope.row)"
             >推荐</el-button
           >
-          <nuxt-link :to="`/document/${scope.row.id}`" target="_blank"
+          <!-- <nuxt-link :to="`/document/${scope.row.id}`" target="_blank"
             ><el-button type="text" icon="el-icon-view" size="small"
               >查看</el-button
             ></nuxt-link
-          >
+          > -->
         </template>
       </TableList>
     </el-card>
@@ -157,6 +157,7 @@ import {
   categoryToTrees,
   parseQueryIntArray,
   parseQueryBoolArray,
+  genLinkHTML,
 } from '~/utils/utils'
 import { documentStatusOptions, boolOptions } from '~/utils/enum'
 import FormUpdateDocument from '~/components/FormUpdateDocument.vue'
@@ -261,6 +262,11 @@ export default {
               this.categoryMap[id].title
             )
           })
+          item.title_html = genLinkHTML(item.title, `/document/${item.id}`)
+          item.username_html = genLinkHTML(
+            item.username,
+            `/user/${item.user_id}`
+          )
         })
 
         this.documents = documents
@@ -426,9 +432,15 @@ export default {
       })
       this.tableListFields = [
         { prop: 'id', label: 'ID', width: 80, type: 'number', fixed: 'left' },
-        { prop: 'title', label: '名称', minWidth: 200, fixed: 'left' },
+        {
+          prop: 'title_html',
+          label: '文档',
+          minWidth: 200,
+          fixed: 'left',
+          type: 'html',
+        },
         { prop: 'ext', label: '扩展名', width: 70 },
-        { prop: 'username', label: '上传者', width: 120 },
+        { prop: 'username_html', label: '上传者', width: 120, type: 'html' },
         {
           prop: 'status',
           label: '状态',

web/pages/admin/document/recycle.vue

@@ -91,7 +91,7 @@ import {
 } from '~/api/document'
 import TableList from '~/components/TableList.vue'
 import FormSearch from '~/components/FormSearch.vue'
-import { categoryToTrees, parseQueryIntArray } from '~/utils/utils'
+import { categoryToTrees, parseQueryIntArray, genLinkHTML } from '~/utils/utils'
 import { documentStatusOptions } from '~/utils/enum'
 import { mapGetters } from 'vuex'
 export default {
@@ -186,6 +186,11 @@ export default {
               this.categoryMap[id].title || '-' // 有可能分类已经被删除
             )
           })
+          item.title_html = genLinkHTML(item.title, `/document/${item.id}`)
+          item.username_html = genLinkHTML(
+            item.username,
+            `/user/${item.user_id}`
+          )
         })
 
         this.documents = documents
@@ -347,8 +352,14 @@ export default {
       })
       this.tableListFields = [
         { prop: 'id', label: 'ID', width: 80, type: 'number', fixed: 'left' },
-        { prop: 'title', label: '名称', minWidth: 200, fixed: 'left' },
-        { prop: 'username', label: '上传者', width: 120 },
+        {
+          prop: 'title_html',
+          label: '名称',
+          minWidth: 200,
+          fixed: 'left',
+          type: 'html',
+        },
+        { prop: 'username_html', label: '上传者', width: 120, type: 'html' },
         { prop: 'deleted_username', label: '删除者', width: 120 },
         { prop: 'deleted_at', label: '删除时间', width: 160, type: 'datetime' },
         {

web/pages/admin/friendlink.vue

@@ -64,7 +64,7 @@ import {
   deleteFriendlink,
   getFriendlink,
 } from '~/api/friendlink'
-import { parseQueryIntArray } from '~/utils/utils'
+import { genLinkHTML, parseQueryIntArray } from '~/utils/utils'
 import TableList from '~/components/TableList.vue'
 import FormSearch from '~/components/FormSearch.vue'
 import FormFriendlink from '~/components/FormFriendlink.vue'
@@ -123,7 +123,11 @@ export default {
       this.loading = true
       const res = await listFriendlink(this.search)
       if (res.status === 200) {
-        this.friendlinks = res.data.friendlink
+        let friendlinks = res.data.friendlink || []
+        friendlinks.map((item) => {
+          item.title_html = genLinkHTML(item.title, item.link)
+        })
+        this.friendlinks = friendlinks
         this.total = res.data.total
       } else {
         this.$message.error(res.data.message)
@@ -245,7 +249,13 @@ export default {
           type: 'bool',
           fixed: 'left',
         },
-        { prop: 'title', label: '名称', minWidth: 150, fixed: 'left' },
+        {
+          prop: 'title_html',
+          label: '名称',
+          minWidth: 150,
+          fixed: 'left',
+          type: 'html',
+        },
         { prop: 'link', label: '链接', minWidth: 250 },
         { prop: 'sort', label: '排序', width: 80, type: 'number' },
         { prop: 'description', label: '描述', minWidth: 250 },

web/pages/admin/report.vue

@@ -62,7 +62,7 @@
 <script>
 import { listReport, deleteReport } from '~/api/report'
 import { reportOptions } from '~/utils/enum'
-import { parseQueryIntArray } from '~/utils/utils'
+import { parseQueryIntArray, genLinkHTML } from '~/utils/utils'
 import TableList from '~/components/TableList.vue'
 import FormSearch from '~/components/FormSearch.vue'
 import FormReport from '~/components/FormReport.vue'
@@ -121,7 +121,18 @@ export default {
       this.loading = true
       const res = await listReport(this.search)
       if (res.status === 200) {
-        this.reports = res.data.report
+        let reports = res.data.report || []
+        reports.map((item) => {
+          item.username_html = genLinkHTML(
+            item.username,
+            `/user/${item.user_id}`
+          )
+          item.document_title_html = genLinkHTML(
+            item.document_title,
+            `/document/${item.document_id}`
+          )
+        })
+        this.reports = reports
         this.total = res.data.total
       } else {
         this.$message.error(res.data.message)
@@ -243,7 +254,13 @@ export default {
           type: 'bool',
           fixed: 'left',
         },
-        { prop: 'document_title', label: '名称', minWidth: 150, fixed: 'left' },
+        {
+          prop: 'document_title_html',
+          label: '文档',
+          minWidth: 150,
+          fixed: 'left',
+          type: 'html',
+        },
         {
           prop: 'reason',
           label: '举报原因',
@@ -252,9 +269,10 @@ export default {
           enum: reasonEnum,
         },
         {
-          prop: 'username',
+          prop: 'username_html',
           label: '举报人',
           width: 100,
+          type: 'html',
         },
         { prop: 'remark', label: '处理描述', minWidth: 150 },
         { prop: 'created_at', label: '举报时间', width: 160, type: 'datetime' },

web/pages/admin/user/list.vue

@@ -18,11 +18,11 @@
         :loading="loading"
         :fields="listFields"
         :show-actions="true"
-        :show-view="true"
+        :show-view="false"
         :show-edit="true"
         :show-delete="true"
         :show-select="true"
-        :actions-min-width="140"
+        :actions-min-width="100"
         @editRow="editRow"
         @viewRow="viewRow"
         @deleteRow="deleteRow"
@@ -86,7 +86,7 @@
 import { deleteUser, getUser, listUser } from '~/api/user'
 import { listGroup } from '~/api/group'
 import { userStatusOptions } from '~/utils/enum'
-import { parseQueryIntArray } from '~/utils/utils'
+import { parseQueryIntArray, genLinkHTML } from '~/utils/utils'
 import TableList from '~/components/TableList.vue'
 import FormSearch from '~/components/FormSearch.vue'
 import FormUser from '~/components/FormUser.vue'
@@ -107,6 +107,7 @@ export default {
       },
       formUserVisible: false,
       formUserProfileVisible: false,
+      formRechargeVisible: false,
       groups: [],
       users: [],
       user: { id: 0 },
@@ -153,7 +154,11 @@ export default {
       this.loading = true
       const res = await listUser(this.search)
       if (res.status === 200) {
-        this.users = res.data.user
+        let users = res.data.user || []
+        users.map((item) => {
+          item.username_html = genLinkHTML(item.username, `/user/${item.id}`)
+        })
+        this.users = users
         this.total = res.data.total
       } else {
         this.$message.error(res.data.message)
@@ -307,8 +312,15 @@ export default {
           type: 'avatar',
           fixed: 'left',
         },
-        { prop: 'username', label: '用户名', width: 150, fixed: 'left' },
+        {
+          prop: 'username_html',
+          label: '用户名',
+          width: 150,
+          fixed: 'left',
+          type: 'html',
+        },
         { prop: 'doc_count', label: '文档', width: 80, type: 'number' },
+        { prop: 'credit_count', label: '积分', width: 100, type: 'number' },
         { prop: 'follow_count', label: '关注', width: 80, type: 'number' },
         { prop: 'fans_count', label: '粉丝', width: 80, type: 'number' },
         { prop: 'favorite_count', label: '收藏', width: 80, type: 'number' },

web/utils/utils.js

@@ -231,3 +231,11 @@ export function requireLogin(settings, user, route, permissions = []) {
   }
   return false
 }
+
+export function genLinkHTML(title, href) {
+  return `<a href="${href}" target="_blank" class="el-link el-link--primary">${(
+    title || '-'
+  )
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')}</a>`
+}