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,10 +20,20 @@ | ||
| 20 | 【{{ item.subjectName }}】{{ item.subject }} | 20 | 【{{ item.subjectName }}】{{ item.subject }} |
| 21 | </h4> | 21 | </h4> |
| 22 | <div v-if="item.subjectType == 4 || item.subjectType == 3"> | 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 | </div> | 37 | </div> |
| 28 | <ul class="answer-list" v-if="item.subjectType == 1"> | 38 | <ul class="answer-list" v-if="item.subjectType == 1"> |
| 29 | <li | 39 | <li |
| @@ -108,6 +118,9 @@ export default { | @@ -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 | getList() {}, | 124 | getList() {}, |
| 112 | }, | 125 | }, |
| 113 | }; | 126 | }; |
src/views/user/loglist.vue
| @@ -46,7 +46,7 @@ | @@ -46,7 +46,7 @@ | ||
| 46 | </div> | 46 | </div> |
| 47 | </template> | 47 | </template> |
| 48 | </el-table-column> | 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 | :item="item" :key="key" :index="index" :label="item.label"> | 50 | :item="item" :key="key" :index="index" :label="item.label"> |
| 51 | <template slot-scope="scope"> | 51 | <template slot-scope="scope"> |
| 52 | <el-input v-if="scope.row.edit" size="small" v-model="scope.row[item.prop]" | 52 | <el-input v-if="scope.row.edit" size="small" v-model="scope.row[item.prop]" |
| @@ -94,26 +94,18 @@ | @@ -94,26 +94,18 @@ | ||
| 94 | table_columns: [{ | 94 | table_columns: [{ |
| 95 | prop: "OperationTitle", | 95 | prop: "OperationTitle", |
| 96 | label: "内容", | 96 | label: "内容", |
| 97 | - width: "350", | ||
| 98 | }, | 97 | }, |
| 99 | { | 98 | { |
| 100 | prop: "OperationIp", | 99 | prop: "OperationIp", |
| 101 | label: "操作IP地址", | 100 | label: "操作IP地址", |
| 102 | - width: "180", | ||
| 103 | }, | 101 | }, |
| 104 | { | 102 | { |
| 105 | prop: "OperationTime", | 103 | prop: "OperationTime", |
| 106 | label: "操作时间", | 104 | label: "操作时间", |
| 107 | - width: "180", | ||
| 108 | }, | 105 | }, |
| 109 | { | 106 | { |
| 110 | prop: "UserName", | 107 | prop: "UserName", |
| 111 | label: "操作用户", | 108 | label: "操作用户", |
| 112 | - width: "120", | ||
| 113 | - }, | ||
| 114 | - { | ||
| 115 | - prop: "Describe", | ||
| 116 | - label: "详细内容", | ||
| 117 | }, | 109 | }, |
| 118 | ], | 110 | ], |
| 119 | //表格数据 | 111 | //表格数据 |
| @@ -133,7 +125,7 @@ | @@ -133,7 +125,7 @@ | ||
| 133 | this.queryResult = res.data; | 125 | this.queryResult = res.data; |
| 134 | 126 | ||
| 135 | this.table_data = res.data.data.map(t => { | 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 | return t; | 129 | return t; |
| 138 | }); | 130 | }); |
| 139 | }); | 131 | }); |