Commit 69c09356d47b378b8325295e851992ada621874f
1 parent
38bc1d53
答题详情优化
Showing
2 changed files
with
19 additions
and
14 deletions
src/views/AnswerResult/detail.vue
| ... | ... | @@ -20,10 +20,20 @@ |
| 20 | 20 | 【{{ item.subjectName }}】{{ item.subject }} |
| 21 | 21 | </h4> |
| 22 | 22 | <div v-if="item.subjectType == 4 || item.subjectType == 3"> |
| 23 | - <p>{{ item.answer }}</p> | |
| 24 | - <audio controls v-if="item.audio"> | |
| 25 | - <source :src="BASE_URL + item.audio" /> | |
| 26 | - </audio> | |
| 23 | + <template v-if="item.audio"> | |
| 24 | + <p >{{ item.answer }}</p> | |
| 25 | + <audio controls> | |
| 26 | + <source :src="BASE_URL + item.audio" /> | |
| 27 | + </audio> | |
| 28 | + </template> | |
| 29 | + <template v-else-if="isAnswerAudio(item.answer)"> | |
| 30 | + <audio controls> | |
| 31 | + <source :src="BASE_URL + item.answer" /> | |
| 32 | + </audio> | |
| 33 | + </template> | |
| 34 | + <template v-else> | |
| 35 | + <p>{{ item.answer }}</p> | |
| 36 | + </template> | |
| 27 | 37 | </div> |
| 28 | 38 | <ul class="answer-list" v-if="item.subjectType == 1"> |
| 29 | 39 | <li |
| ... | ... | @@ -108,6 +118,9 @@ export default { |
| 108 | 118 | }); |
| 109 | 119 | }); |
| 110 | 120 | }, |
| 121 | + isAnswerAudio(answer){ | |
| 122 | + return /[\/a-zA-Z_\d]+\.mp3/.test(answer); | |
| 123 | + }, | |
| 111 | 124 | getList() {}, |
| 112 | 125 | }, |
| 113 | 126 | }; | ... | ... |
src/views/user/loglist.vue
| ... | ... | @@ -46,7 +46,7 @@ |
| 46 | 46 | </div> |
| 47 | 47 | </template> |
| 48 | 48 | </el-table-column> |
| 49 | - <el-table-column align="center" v-for="(item, index, key) in table_columns" :width="item.width" | |
| 49 | + <el-table-column align="center" v-for="(item, index, key) in table_columns" | |
| 50 | 50 | :item="item" :key="key" :index="index" :label="item.label"> |
| 51 | 51 | <template slot-scope="scope"> |
| 52 | 52 | <el-input v-if="scope.row.edit" size="small" v-model="scope.row[item.prop]" |
| ... | ... | @@ -94,26 +94,18 @@ |
| 94 | 94 | table_columns: [{ |
| 95 | 95 | prop: "OperationTitle", |
| 96 | 96 | label: "内容", |
| 97 | - width: "350", | |
| 98 | 97 | }, |
| 99 | 98 | { |
| 100 | 99 | prop: "OperationIp", |
| 101 | 100 | label: "操作IP地址", |
| 102 | - width: "180", | |
| 103 | 101 | }, |
| 104 | 102 | { |
| 105 | 103 | prop: "OperationTime", |
| 106 | 104 | label: "操作时间", |
| 107 | - width: "180", | |
| 108 | 105 | }, |
| 109 | 106 | { |
| 110 | 107 | prop: "UserName", |
| 111 | 108 | label: "操作用户", |
| 112 | - width: "120", | |
| 113 | - }, | |
| 114 | - { | |
| 115 | - prop: "Describe", | |
| 116 | - label: "详细内容", | |
| 117 | 109 | }, |
| 118 | 110 | ], |
| 119 | 111 | //表格数据 |
| ... | ... | @@ -133,7 +125,7 @@ |
| 133 | 125 | this.queryResult = res.data; |
| 134 | 126 | |
| 135 | 127 | this.table_data = res.data.data.map(t => { |
| 136 | - t.OperationTime = formatTime(t.OperationTime, 'yyyy-MM-dd'); | |
| 128 | + t.OperationTime = formatTime(t.OperationTime, 'yyyy-MM-dd HH:mm:ss'); | |
| 137 | 129 | return t; |
| 138 | 130 | }); |
| 139 | 131 | }); | ... | ... |