认证通帮助页面修改

src/views/common/helper/document/index.vue

@@ -47,33 +47,11 @@
           {{ row.createTime | formatTime }}
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center">
+      <el-table-column label="操作" align="center" width="240px">
         <template slot-scope="{ row }">
-          <el-button
-            v-if="userIdentity === 1"
-            type="primary"
-            size="mini"
-            style="margin-right: 5px"
-            icon="el-icon-edit"
-            @click="handleEditFile(row)"
-          >编辑</el-button>
-
-          <el-button
-            type="success"
-            size="mini"
-            style="margin-right: 5px"
-            icon="el-icon-document"
-            @click="handlePreview(row)"
-          >查看</el-button>
-
-          <el-button
-            v-if="userIdentity === 1"
-            type="danger"
-            size="mini"
-            style="margin-right: 5px"
-            icon="el-icon-s-check"
-            @click="handleRemove(row)"
-          >删除</el-button>
+          <el-button v-if="userIdentity === 1" type="primary" size="mini" @click="handleEditFile(row)">编辑</el-button>
+          <el-button type="success" size="mini" @click="handlePreview(row)">查看</el-button>
+          <el-button v-if="userIdentity === 1" type="danger" size="mini" @click="handleRemove(row)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -96,7 +74,7 @@
           <file-upload
             ref="fileUpload"
             :file-list="uploadFileList"
-            accept-type=".doc,.docx"
+            accept-type=".doc,.docx,.pdf"
             @change="fileUploadChange"
           />
           <el-input v-show="false" v-model="dialogFormData.fileUrl" />
@@ -195,7 +173,6 @@ export default {
     this.dialogFormData = this.resetDialogFormData()
     // this.modules = getToutesTree(this.routes)
     this.getMenuTree()
-    this.getList()
   },
   methods: {
     // 初始化dialog formdata
@@ -207,7 +184,6 @@ export default {
         fileName: '',
         fileType: 2,
         fileModule: []
-
       }
     },
 
@@ -316,7 +292,8 @@ export default {
       fetchCourseList(params)
         .then((res) => {
           if (res.code !== 0) return
-          // this.list = this.formatFileModuleType(res.data.list)
+          this.list = this.formatFileModuleType(res.data.list)
+          // this.list = res.data.list
           this.total = res.data.total
         })
         .finally(() => {
@@ -343,7 +320,10 @@ export default {
 
     // 预览
     handlePreview(row) {
-      const url = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(row.fileUrl)}`
+      let url = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(row.fileUrl)}`
+      if (row.fileName.endsWith('.pdf')) {
+        url = row.fileUrl
+      }
       openWindow(url, '', `${row.fileModuleType}-教程`, 800, 460)
     },
 
@@ -358,16 +338,31 @@ export default {
     },
     // 获取模块文本
     formatFileModuleType(list) {
-      return list.filter((item) => {
-        // item.fileModuleType = getModuleType(item.fileModule)
-        return item.fileModuleType !== ''
+      return list.map((item) => {
+        item.fileModuleType = this.getModuleType(item.fileModule).join(' / ')
+        return item
       })
     },
+
+    getModuleType(fileModule) {
+      const ids = fileModule.split('-')
+      const arr = []
+      let current = this.menuTree
+      ids.forEach((id) => {
+        if (!current) return arr
+        current = current.find((item) => item.id === id)
+        if (!current) return arr
+        arr.push(current.title)
+        current = current.subMenus
+      })
+      return arr
+    },
+
     // 获取模块列表
     getMenuTree() {
-      sysMenuTree({ menuType: 2 }).then(res => {
+      sysMenuTree({ menuType: 2 }).then((res) => {
         this.menuTree = res.data
-        console.log(this.menuTree)
+        this.getList()
       })
     },
     // 表格索引

src/views/common/helper/video/index.vue

@@ -39,7 +39,6 @@
       cell-class-name="table-cell"
       header-row-class-name="tableHeader"
     >
-
       <el-table-column label="序号" :index="indexMethod" type="index" width="80" align="center" />
       <el-table-column label="标题" prop="fileTitle" align="center" />
       <el-table-column label="所属模块" align="center" prop="fileModuleType" />
@@ -48,33 +47,11 @@
           {{ row.createTime | formatTime }}
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center">
+      <el-table-column label="操作" align="center" width="240px">
         <template slot-scope="{ row }">
-          <el-button
-            v-if="userIdentity === 1"
-            type="primary"
-            size="mini"
-            style="margin-right:5px"
-            icon="el-icon-edit"
-            @click="handleEditFile(row)"
-          >编辑</el-button>
-
-          <el-button
-            type="success"
-            size="mini"
-            style="margin-right:5px"
-            icon="el-icon-film"
-            @click="handlePreview(row)"
-          >播放</el-button>
-
-          <el-button
-            v-if="userIdentity === 1"
-            type="danger"
-            size="mini"
-            style="margin-right:5px"
-            icon="el-icon-s-check"
-            @click="handleRemove(row)"
-          >删除</el-button>
+          <el-button v-if="userIdentity === 1" type="primary" size="mini" @click="handleEditFile(row)">编辑</el-button>
+          <el-button type="success" size="mini" @click="handlePreview(row)">播放</el-button>
+          <el-button v-if="userIdentity === 1" type="danger" size="mini" @click="handleRemove(row)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -181,7 +158,6 @@ export default {
     this.dialogFormData = this.resetDialogFormData()
     // this.modules = getToutesTree(this.routes)
     this.getMenuTree()
-    this.getList()
     console.log(this.authUserId)
   },
   methods: {
@@ -200,7 +176,7 @@ export default {
     // 上传文件
     submitUpload() {
       if (this.userIdentity !== 1) return
-      this.$refs.dialogForm.validate(valid => {
+      this.$refs.dialogForm.validate((valid) => {
         console.log(valid)
         if (!valid) return
         this.requestLoading = true // 上传文件 保存 loading
@@ -238,12 +214,12 @@ export default {
         fileModule: this.dialogFormData.fileModule.join('-')
       }
       saveCourse(params)
-        .then(res => {
+        .then((res) => {
           this.$message.success('保存成功')
           this.dialogVisible = false
           this.getList()
         })
-        .catch(err => {
+        .catch((err) => {
           console.log(err)
         })
         .finally(() => {
@@ -301,9 +277,9 @@ export default {
         fileModule: this.listQuery.fileModule.join('-')
       }
       fetchCourseList(params)
-        .then(res => {
+        .then((res) => {
           if (res.code !== 0) return
-          // this.list = this.formatFileModuleType(res.data.list)
+          this.list = this.formatFileModuleType(res.data.list)
           this.total = res.data.total
         })
         .finally(() => {
@@ -321,7 +297,7 @@ export default {
         this.$message.info('已取消操作')
       })
       if (text !== 'confirm') return
-      removeCourse({ fileId: row.fileId }).then(res => {
+      removeCourse({ fileId: row.fileId }).then((res) => {
         if (res.code !== 0) return
         this.$message.success('删除成功')
         this.getList(this.listQuery)
@@ -344,16 +320,30 @@ export default {
     },
     // 获取模块文本
     formatFileModuleType(list) {
-      return list.filter(item => {
-        // item.fileModuleType = getModuleType(item.fileModule)
-        return item.fileModuleType !== ''
+      return list.map((item) => {
+        item.fileModuleType = this.getModuleType(item.fileModule).join(' / ')
+        return item
+      })
+    },
+
+    getModuleType(fileModule) {
+      const ids = fileModule.split('-')
+      const arr = []
+      let current = this.menuTree
+      ids.forEach((id) => {
+        if (!current) return arr
+        current = current.find((item) => item.id === id)
+        if (!current) return arr
+        arr.push(current.title)
+        current = current.subMenus
       })
+      return arr
     },
     // 获取模块列表
     getMenuTree() {
-      sysMenuTree({ menuType: 2 }).then(res => {
+      sysMenuTree({ menuType: 2 }).then((res) => {
         this.menuTree = res.data
-        console.log(this.menuTree)
+        this.getList()
       })
     },
     // 表格索引

src/views/normal/material/image/index.vue

@@ -4,20 +4,11 @@
     <div class="filter-container">
       <div class="filter-control">
         <span>图片标题:</span>
-        <el-input
-          v-model="listQuery.imageTitle"
-          placeholder="图片标题"
-          @keyup.enter.native="getList"
-        />
+        <el-input v-model="listQuery.imageTitle" placeholder="图片标题" @keyup.enter.native="getList" />
       </div>
       <div class="filter-control">
         <span>审核状态:</span>
-        <el-select
-          v-model="listQuery.auditStatus"
-          placeholder="审核状态"
-          clearable
-          @change="getList"
-        >
+        <el-select v-model="listQuery.auditStatus" placeholder="审核状态" clearable @change="getList">
           <el-option label="全部" value="" />
           <el-option label="待审核" :value="2" />
           <el-option label="审核通过" :value="1" />
@@ -26,12 +17,7 @@
       </div>
       <div class="filter-control">
         <span>上线状态:</span>
-        <el-select
-          v-model="listQuery.status"
-          placeholder="上线状态"
-          clearable
-          @change="getList"
-        >
+        <el-select v-model="listQuery.status" placeholder="上线状态" clearable @change="getList">
           <el-option label="全部" value="" />
           <el-option label="已上线" :value="1" />
           <el-option label="待上线" :value="2" />
@@ -40,11 +26,7 @@
       </div>
       <div class="filter-control">
         <permission-button type="primary" @click="getList">查询</permission-button>
-        <permission-button
-          icon="icon-tianjia iconfont"
-          type="primary"
-          @click="$_navigationTo(`image-edit?type=add`)"
-        >添加图片</permission-button>
+        <permission-button type="primary" @click="$_navigationTo(`image-edit?type=add`)">添加图片</permission-button>
       </div>
     </div>
     <!-- 搜索区域END -->
@@ -68,16 +50,10 @@
           <!-- 未通过原因展示 -->
           <template v-if="row.auditStatus === 0">
             <!-- <span class="status danger">审核未通过&nbsp;</span> -->
-            <el-popover
-              placement="top-start"
-              title="审核说明"
-              width="400"
-              trigger="hover"
-              :content="row.invalidReason"
-            >
+            <el-popover placement="top-start" title="审核说明" width="400" trigger="hover" :content="row.invalidReason">
               <el-tag slot="reference" size="small" type="danger" class="reason">
                 <span>审核未通过</span>
-                <span class="el-icon-question status danger " />
+                <span class="el-icon-question status danger" />
               </el-tag>
             </el-popover>
             <!-- 未通过原因展示END -->
@@ -85,37 +61,53 @@
         </template>
       </el-table-column>
       <el-table-column label="上线状态" width="160px" align="center">
-        <template slot-scope="{row}">
+        <template slot-scope="{ row }">
           <!-- 只有审核通过了才能操作上下线 auditStatus ：审核状态 -->
           <template v-if="row.auditStatus === 1">
             <template v-if="row.status === 0">
-              <span style="margin-right:10px;" class="status danger">已下线</span>
+              <span style="margin-right: 10px" class="status danger">已下线</span>
               <permission-button type="primary" size="mini" @click="handleChangeStatus(row)">上线</permission-button>
             </template>
             <template v-else>
-              <span style="margin-right:10px;" class="status success ">已上线</span>
+              <span style="margin-right: 10px" class="status success">已上线</span>
               <permission-button type="info" size="mini" plain @click="handleChangeStatus(row)">下线</permission-button>
             </template>
           </template>
           <template v-else>
             <!-- <el-tag type="warning">待上线</el-tag> -->
-            <span style="margin-right:10px;" class="status warning">待上线</span>
+            <span style="margin-right: 10px" class="status warning">待上线</span>
           </template>
         </template>
       </el-table-column>
       <el-table-column label="创建时间" width="160px" align="center">
-        <template slot-scope="{row}">
+        <template slot-scope="{ row }">
           {{ row.createTime | formatTime }}
         </template>
       </el-table-column>
       <el-table-column label="操作" width="180px" align="center">
-        <template slot-scope="{row}">
-          <permission-button type="primary" size="mini" style="margin-right:5px" @click="$_navigationTo(`image-edit?type=edit&imageId=${row.imageId}`)">编辑</permission-button>
-          <permission-button type="danger" size="mini" style="margin-right:5px" @click="handleRemoveImage(row)">删除</permission-button>
+        <template slot-scope="{ row }">
+          <permission-button
+            type="primary"
+            size="mini"
+            style="margin-right: 5px"
+            @click="$_navigationTo(`image-edit?type=edit&imageId=${row.imageId}`)"
+          >编辑</permission-button>
+          <permission-button
+            type="danger"
+            size="mini"
+            style="margin-right: 5px"
+            @click="handleRemoveImage(row)"
+          >删除</permission-button>
         </template>
       </el-table-column>
     </el-table>
-    <pagination v-show="total>0" :total="total" :page.sync="listQuery.pageNum" :limit.sync="listQuery.pageSize" @pagination="getList(listQuery)" />
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="getList(listQuery)"
+    />
     <!-- 表格区域END -->
   </div>
 </template>
@@ -155,7 +147,7 @@ export default {
       this.listLoading = true
       this.listQuery.authUserId = this.authUserId
       getImageList(this.listQuery)
-        .then(res => {
+        .then((res) => {
           console.log(res)
           if (res.code !== 0) return
           this.list = res.data.list
@@ -176,12 +168,11 @@ export default {
         this.$message.info('已取消操作')
       })
       if (text !== 'confirm') return
-      removeImage({ imageId: row.imageId })
-        .then(res => {
-          if (res.code !== 0) return
-          this.$message.success(res.data)
-          this.getList(this.listQuery)
-        })
+      removeImage({ imageId: row.imageId }).then((res) => {
+        if (res.code !== 0) return
+        this.$message.success(res.data)
+        this.getList(this.listQuery)
+      })
     },
     // 状态改变
     handleChangeStatus(item) {
@@ -195,19 +186,22 @@ export default {
         imageId: item.imageId,
         status: item.status === 1 ? 0 : 1
       }
-      changeImageStatus(params).then(res => {
-        // this.$message.success(res.data)
-        this.$message({
-          message: res.data,
-          duration: 500,
-          type: 'success'
+      changeImageStatus(params)
+        .then((res) => {
+          // this.$message.success(res.data)
+          this.$message({
+            message: res.data,
+            duration: 500,
+            type: 'success'
+          })
+          this.getList()
+        })
+        .catch((err) => {
+          console.log(err)
+        })
+        .finally(() => {
+          this.listLoading = false
         })
-        this.getList()
-      }).catch(err => {
-        console.log(err)
-      }).finally(() => {
-        this.listLoading = false
-      })
     },
     indexMethod(index) {
       return index + this.listQuery.pageSize * (this.listQuery.pageNum - 1) + 1
@@ -220,7 +214,7 @@ export default {
 .el-table .cell {
   overflow: visible;
 }
-.el-badge{
+.el-badge {
   margin: 0 6px;
 }
 </style>

src/views/normal/material/video/index.vue

@@ -238,12 +238,13 @@ export default {
   methods: {
     // 播放视频
     handlePlayer(row) {
-      this.currentVideoUrl = row.videoPreviewUrl
+      debugger
+      this.videoPreviewUrl = row.videoPreviewUrl
       this.dialogPreviewVisible = true
     },
 
     dialogPreviewColosed() {
-      this.currentVideoUrl = ''
+      this.videoPreviewUrl = ''
     },
 
     // 获取列表数据