|
|
@@ -105,6 +105,36 @@
|
|
|
:visible.sync="dialogVisible"
|
|
|
>
|
|
|
<div class="content">
|
|
|
+ <div class="filter">
|
|
|
+ <el-form
|
|
|
+ size="small"
|
|
|
+ label-width="70px"
|
|
|
+ :inline="true"
|
|
|
+ label-position="left"
|
|
|
+ >
|
|
|
+ <el-form-item label="">
|
|
|
+ <el-input
|
|
|
+ clearable
|
|
|
+ placeholder="请输入标题"
|
|
|
+ v-model="form.name"
|
|
|
+ @clear="search"
|
|
|
+ @keyup.enter.native="search"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="search">搜索</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item style="float: right">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-download"
|
|
|
+ size="mini"
|
|
|
+ @click="downloadItem(cur_item)"
|
|
|
+ >导出excel</el-button
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
<el-table
|
|
|
class="table"
|
|
|
:data="analyseDataList"
|
|
|
@@ -115,6 +145,12 @@
|
|
|
row-key="id"
|
|
|
style="width: 100%"
|
|
|
>
|
|
|
+ <el-table-column
|
|
|
+ label="序号"
|
|
|
+ type="index"
|
|
|
+ width="50"
|
|
|
+ align="center">
|
|
|
+</el-table-column>
|
|
|
<el-table-column v-for="(item, key) in this.headers" :key="key" :prop="item" :label="item"> </el-table-column>
|
|
|
</el-table>
|
|
|
<Page
|
|
|
@@ -145,7 +181,8 @@ export default {
|
|
|
dialogTitle:"",
|
|
|
dialogVisible:false,
|
|
|
analyseDataList:[],
|
|
|
- headers:[]
|
|
|
+ headers:[],
|
|
|
+ cur_item:null
|
|
|
};
|
|
|
},
|
|
|
filters: {
|
|
|
@@ -221,7 +258,6 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
showItemResult(item) {
|
|
|
- console.log(item)
|
|
|
this.dialogTitle = '"'+item.label+'"答案详情'
|
|
|
let message_id = this.$route.query.id;
|
|
|
let type = this.$route.query.type;
|
|
|
@@ -235,6 +271,21 @@ export default {
|
|
|
this.analyseDataList = data
|
|
|
})
|
|
|
this.dialogVisible = true;
|
|
|
+ this.cur_item = item;
|
|
|
+ },
|
|
|
+ search() {
|
|
|
+ let item = this.cur_item;
|
|
|
+ let parm = this.form;
|
|
|
+ let message_id = this.$route.query.id;
|
|
|
+ let type = this.$route.query.type;
|
|
|
+ parm.message_id = message_id
|
|
|
+ parm.type = type
|
|
|
+ parm.item = item.label
|
|
|
+ this.$api.showAnalyseItem(parm).then((res)=>{
|
|
|
+ let data = res.data.data
|
|
|
+ this.headers = Object.keys(data[0])
|
|
|
+ this.analyseDataList = data
|
|
|
+ })
|
|
|
},
|
|
|
getData() {
|
|
|
let message_id = this.$route.query.id;
|
|
|
@@ -346,6 +397,11 @@ export default {
|
|
|
// console.log(val,"")
|
|
|
// return '中国科' //对每个标签处理后的结果（通过js字符串方法处理）
|
|
|
// },
|
|
|
+ formatter: function (value, index) {
|
|
|
+ // 10 6 这些你自定义就行
|
|
|
+ var v = value.substring(0, 6) + '...'
|
|
|
+ return value.length > 10 ? v : value
|
|
|
+ },
|
|
|
// x轴字体颜色
|
|
|
textStyle: {
|
|
|
color: "#999999",
|
xjc