1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
| <template>
| <v-tool-scroll
| ids="quest-detail-scroll"
| class="quest-detail"
| down
| :finishDown="downEnd"
| @prev="refreshPage"
| up
| :finishUp="upEnd"
| @next="nextPage"
| :nulls="nulls"
| >
| <table class="border_default">
| <thead>
| <tr>
| <th>序号</th>
| <th>答案文本</th>
| </tr>
| </thead>
| <tbody>
| <tr
| v-for="(i,j) in items"
| :key="j+'-i'"
| >
| <td>{{j+1}}</td>
| <td :title="i.answerContent">{{i.answerContent}}</td>
| </tr>
| </tbody>
| </table>
| </v-tool-scroll>
| </template>
|
| <script>
| export default {
| props: {
| item: {
| type: Object,
| default: () => {
| return {};
| },
| },
| door: {
| type: Object,
| default: () => {
| return {};
| },
| },
| },
| components: {},
| data() {
| return { val: "", items: [], downEnd: 0, upEnd: 0, nulls: false, page: 1 };
| },
| watch: {
| item: {
| handler() {
| this.setItem();
| },
| deep: true,
| },
| door: {
| handler(n) {
| if (n.r) {
| this.sub(n.t);
| }
| },
| deep: true,
| },
| },
| methods: {
| refreshPage() {
| this.page = 1;
| this.init();
| console.log(1);
| },
| nextPage() {
| this.page++;
| this.init();
| console.log(2);
| },
| setItem() {
| this.init();
| },
| sub(type) {
| this.$store.dispatch("setFixed", {
| event: "del",
| type: type,
| time: Date.now(),
| });
| },
| init() {
| let os = demo.copy(
| Object.assign({ pageNum: this.page, pageSize: 20 }, this.item)
| );
| this.$api.post(
| "questnaire/stat/details",
| os,
| (e) => {
| e = e.records;
| this.downEnd++;
| this.upEnd++;
| this.nulls = e.length < 20;
| if (this.page > 1) {
| this.items = this.items.concat(e);
| } else {
| this.items = e;
| }
| },
| () => {
| this.downEnd++;
| this.upEnd++;
| }
| );
| },
| },
| mounted() {
| this.setItem();
| },
| };
| </script>
| <style lang='less' scoped>
| .quest-detail {
| height: 100%;
| }
| </style>
|
|
