修订文件样式修改

src/views/component/fileTraining/index.vue

@@ -57,6 +57,7 @@
                             v-for="(activity, index) in leftData"
                             :key="index"
                             :timestamp="activity.fa_fang_shi_jian_"
+                            :type="index === activeIndex ? type : ''"
                             @click.stop.native="toggleActive(activity, index)"
                         >
                             <!-- <div>
@@ -138,6 +139,7 @@ export default {
         const { userList, userId, role, isSuper } = this.$store.getters
         // const userId = this.$store.getters.userInfo.employee.id// 本人修改
         return {
+            type: 'success',
             curFileName: '',
             dialogVisible: false,
             operation_status: 'fileTraining',
@@ -158,7 +160,7 @@ export default {
             fileInfo: '',
             fileJie: '',
             leftData: [],
-            activeIndex: null,
+            activeIndex: 0,
             userList: userList,
             userId: userId,
             innerVisible: false,
@@ -194,52 +196,6 @@ export default {
                 this.digData = this.leftData[0]
             }
         },
-        // fileInfos: {
-        //     handler: function (val, oldVal) {
-        //         this.dialogVisible = this.visible
-        //         this.title = `文件：《${val.FILE_NAME_}》`
-        //         this.tmpId = val.id
-        //         this.upFunc = val.func
-        //         const data = {
-        //             ext: val.fileInfos.EXT_,// 文件类型
-        //             fileName: val.fileInfos.FILE_NAME_,// 文件名称
-        //             id: val.fileInfos.ID_,// 文件id
-        //             index: 0,// 当前文件索引
-        //             totalBytes: val.fileInfos.TOTAL_BYTES_// 文件大小
-        //         }
-        //         // 1、获取文件数据 及下载流接口
-        //         this.optionFile.url = BASE_API() + SYSTEM_URL() + '/file/download?attachmentId=' + data.id
-        //         this.optionFile.editUrl = BASE_API() + SYSTEM_URL() + '/file/editCallback?fileName=' + data.fileName + '&fileType=' + data.ext + '&type="fileTraining"&id=' + data.id
-        //         this.optionFile.title = data.fileName // 文件名称
-        //         this.optionFile.fileType = data.ext // 类型
-        //         this.optionFile.data = data // 记录编制的位置，需要替换。
-        //         this.optionFile.data.index = data.index
-        //         // 使用 v-if 实现组件刷新功能
-        //         this.refresh = false
-        //         this.$nextTick(() => {
-        //             this.refresh = true
-        //         })
-        //         // 本人修改2
-        //         // const sql = `select * from t_wjxxb WHERE tou_ban_wen_jian_='${val.id}'`
-        //         // this.$common.request('sql', sql).then((res) => {
-        //         //     this.fileInfo = res.variables.data[0]
-        //         //     this.fileJie = res.variables.data[0].jie_gai_jie_xi_
-        //         // })
-
-        //         // 本人修改,获取更新数据
-        //         const sql1 = `select * from t_wjxxgxb where yuan_wen_jian_id_= '${val.id}'`
-        //         const sql2 = `select * from t_wjxxb where id_= '${val.id}'`
-        //         Promise.all([this.$common.request('sql', sql2), this.$common.request('sql', sql1)]).then(([res1, res2]) => {
-        //             this.leftData = res1.variables.data
-        //             const arr = res2.variables.data
-        //             arr.forEach(el => {
-        //                 el['ban_ben_'] = res1.variables.data[0].ban_ben_
-        //                 this.leftData.push(el)
-        //             })
-        //         })
-        //     },
-        //     deep: true// 深度监听，确保对象属性变化也能触发(本人修改)
-        // },
         // 本人修改
         fileInfos: {
             handler (newVal) {
@@ -383,6 +339,7 @@ export default {
         },
 
         toggleActive (activity, index) {
+            this.activeIndex = index
             this.digData = activity
             clearInterval(this.clearTimeSet)
             this.browseTime = 0