Blame view

src/views/TestPaper/TestPaperList.vue 18.7 KB
b89c8760   wangming   项目初始化
1
  <template>
1de913cf   ren   sdf
2
3
    <div class="app-container">
      <div class="seetingsDiv" style="">
a7974ab3   周超   111
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
        <div class="flex" style="width: 85%">
  				<el-form :inline="true" class="demo-form-inline">
  
            <el-form-item label="试卷名称:" class="el-form-item-custom"   >
              <el-input v-model="parameter.TestPaperTitle" placeholder="请输入试卷名称"></el-input>
            </el-form-item>
  
            <el-form-item label="自定义名称:" class="el-form-item-custom"   >
              <el-input v-model="parameter.CustomName" placeholder="请输入自定义名称"></el-input>
            </el-form-item>
            <el-form-item label="分类" class="el-form-item-custom"  >
              <el-cascader class="testpaper-input" v-model="parameter.TestPaperClassId"
                :props="{emitPath:false}" :clearable=true :options="QuestionClass">
              </el-cascader>
            </el-form-item> 
  
  
            <el-form-item label="工种" class="el-form-item-custom"  >
              <el-select v-model="parameter.UserTypeOfWork" placeholder="请选择工种">
                <el-option value="0">全部</el-option>
                <el-option v-for="item in usertypelist" :label="item.name" :value="item.id"></el-option>
              </el-select>
            </el-form-item>
  
            <el-form-item label="级别"  class="el-form-item-custom" >
            <el-select v-model="parameter.FLevelCount" placeholder="请选择级别"   style="width:100%">
              <el-option value="-1">全部</el-option>
              <el-option v-for="item in levellist" :label="item.title" :value="item.f_count"></el-option>
            </el-select>
          </el-form-item>
  					<el-form-item>
  						<el-button type="success" @click="search">搜索</el-button>
  			      <el-button type="primary" @click="dialogAddTestPaperVIsible=true">添加试卷
              </el-button>
  					</el-form-item>
  				</el-form>
  			</div>
  
1de913cf   ren   sdf
42
43
44
45
46
47
48
49
      </div>
      <el-table :data="testpaperlist" id="QuestionTable" border
        style="width: 100%;border-radius: 5px;box-shadow: 0 0 10px #efefef;margin-top: 10px;" :stripe='true'>
        <el-table-column prop="date" label="ID" width="50">
          <template slot-scope="scope">
            <span>{{ scope.row.id }}</span>
          </template>
        </el-table-column>
c33c1243   周超   拉取王哥最新的
50
        <el-table-column prop="date" label="试卷标题" width="300">
1de913cf   ren   sdf
51
52
53
54
          <template slot-scope="scope">
            <span>{{ scope.row.TestPaperTitle }}</span>
          </template>
        </el-table-column>
a7974ab3   周超   111
55
56
57
58
59
60
61
  
        <el-table-column prop="date" label="自定义名称" width="300">
          <template slot-scope="scope">
            <span>{{ scope.row.CustomName }}</span>
          </template>
        </el-table-column>
  
1de913cf   ren   sdf
62
63
64
65
66
        <el-table-column prop="date" label="试卷总分" width="80">
          <template slot-scope="scope">
            <span>{{ scope.row.TotalScore }}</span>
          </template>
        </el-table-column>
94c54e92   周超   1
67
  
1de913cf   ren   sdf
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
        <el-table-column prop="date" label="单选题数量" width="100">
          <template slot-scope="scope">
            <span>{{ scope.row.SingleNumber }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="date" label="多选题数量" width="100">
          <template slot-scope="scope">
            <span>{{ scope.row.MultipleNumber }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="date" label="主观题数量" width="100">
          <template slot-scope="scope">
            <span>{{ scope.row.SubjectiveNumber }}</span>
          </template>
        </el-table-column>
7cc95822   yangzhi   组卷修改
83
84
85
86
87
88
89
90
91
92
        <el-table-column prop="date" label="语音题数量" width="100">
          <template slot-scope="scope">
            <span>{{ scope.row.VoiceNumber }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="date" label="工种" width="80">
          <template slot-scope="scope">
            <span>{{ scope.row.UserTypeOfWorkName }}</span>
          </template>
        </el-table-column>
1de913cf   ren   sdf
93
94
95
96
97
        <el-table-column prop="TestPaperClassId" label="分类" width="100">
          <template slot-scope="scope">
            <span>{{ scope.row.TestPaperClassId | typeFilters}}</span>
          </template>
        </el-table-column>
c33c1243   周超   拉取王哥最新的
98
99
100
101
102
103
  
        <el-table-column prop="FLevelTitle" label="等级" width="100">
          <template slot-scope="scope">
            <span>{{ scope.row.FLevelTitle  }}</span>
          </template>
        </el-table-column>
cac28d75   周超   问卷 用户 维度
104
        <!-- <el-table-column prop="name" label="原价" width="80" v-show="false">
1de913cf   ren   sdf
105
106
107
108
          <template slot-scope="scope">
            <span>{{ scope.row.OriginalPrice/100 }}</span>
          </template>
        </el-table-column>
cac28d75   周超   问卷 用户 维度
109
        <el-table-column prop="name" label="现价" width="80"  v-show="false">
1de913cf   ren   sdf
110
111
112
113
114
115
116
117
          <template slot-scope="scope">
            <span>{{ scope.row.PresentPrice/100 }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="name" label="会员价" width="80" v-show="false">
          <template slot-scope="scope">
            <span>{{ scope.row.MembershipPrice/100 }}</span>
          </template>
cac28d75   周超   问卷 用户 维度
118
        </el-table-column> -->
1de913cf   ren   sdf
119
120
121
122
123
124
125
126
127
128
129
130
131
        <el-table-column prop="name" label="试卷说明" :show-overflow-tooltip=true>
          <template slot-scope="scope">
            <span>{{ scope.row.Describe }}</span>
          </template>
        </el-table-column>
        <el-table-column fixed="right" label="操作" width="150">
          <template slot-scope="scope">
            <el-dropdown @command="(e)=>{handleCommand(e,scope.row)}">
              <span class="el-dropdown-link">
                操作<i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <template #dropdown>
                <el-dropdown-menu>
e011bf15   周超   我先走一步
132
                  <!-- <el-dropdown-item command="addquestion">题目维护</el-dropdown-item> -->
1de913cf   ren   sdf
133
134
135
136
137
138
139
140
141
142
143
144
145
                  <el-dropdown-item command="update">编辑</el-dropdown-item>
                  <!-- <el-dropdown-item command="b">锁定</el-dropdown-item> -->
                  <el-dropdown-item command="del">删除</el-dropdown-item>
                </el-dropdown-menu>
              </template>
            </el-dropdown>
          </template>
        </el-table-column>
      </el-table>
      <el-pagination background @current-change="currentchange"
        style="position:static;bottom: 3px;text-align: center;margin-top: 5px;" :page-size="this.parameter.pageSize"
        layout="total,prev, pager, next" :total="Count">
      </el-pagination>
94c54e92   周超   1
146
      <el-dialog title="试卷基本信息" :visible.sync="dialogAddTestPaperVIsible" @close="closeClassDialog" width="600px"
1de913cf   ren   sdf
147
148
        :close-on-click-modal="false">
        <div class="grid-content bg-purple">
6963d762   周超   拉取志哥最新的
149
150
          <el-form ref="form" class="testPaper-manager" :rules="rules"  :model="TestPaper" label-width="100px">
            <el-form-item label="试卷名称:" class="el-form-item-custom"  prop="TestPaperTitle">
1de913cf   ren   sdf
151
152
              <el-input v-model="TestPaper.TestPaperTitle" placeholder="请输入试卷标题"></el-input>
            </el-form-item>
a7974ab3   周超   111
153
154
155
156
  
            <el-form-item label="自定义名称:" class="el-form-item-custom"  prop="CustomName">
              <el-input v-model="TestPaper.CustomName" placeholder="请输入自定义名称"></el-input>
            </el-form-item>
6963d762   周超   拉取志哥最新的
157
            <el-form-item label="分类" class="el-form-item-custom" prop="TestPaperClassId">
1de913cf   ren   sdf
158
159
160
161
              <el-cascader class="testpaper-input" v-model="TestPaper.TestPaperClassId" style="width:400px;"
                :props="{emitPath:false}" :clearable=true :options="QuestionClass">
              </el-cascader>
            </el-form-item>
94c54e92   周超   1
162
            <!-- <el-form-item label="板块分类" class="el-form-item-custom">
1de913cf   ren   sdf
163
              <el-select v-model="TestPaper.PlateClass" placeholder="请选择板块分类">
e0ca3a6e   yangzhi   大家快来看 王哥在看琅琊榜
164
                <el-option label="面试题" value="4"></el-option>
1de913cf   ren   sdf
165
              </el-select>
94c54e92   周超   1
166
            </el-form-item> -->
04aebc72   周超   11
167
168
  
  
6963d762   周超   拉取志哥最新的
169
            <el-form-item label="工种" class="el-form-item-custom"  prop="UserTypeOfWork" >
04aebc72   周超   11
170
171
172
173
174
175
              <el-select v-model="TestPaper.UserTypeOfWork" placeholder="请选择工种">
                <el-option v-for="item in usertypelist" :label="item.name" :value="item.id"></el-option>
              </el-select>
            </el-form-item>
  
  
6963d762   周超   拉取志哥最新的
176
177
            <el-form-item label="有效时间"  >
              <el-form-item prop="date" required>
cac28d75   周超   问卷 用户 维度
178
179
180
181
182
183
                <el-date-picker v-model="TestPaper.date" @change="changetimestartend" type="datetimerange"
                  format="yyyy-MM-dd hh:mm:ss" range-separator="至" start-placeholder="开始时间" style="width:100%"
                  end-placeholder="结束时间">
                </el-date-picker>
              </el-form-item>
            </el-form-item>
6963d762   周超   拉取志哥最新的
184
            <el-form-item label="总时长控制" :prop="AnswerTime" required>
cac28d75   周超   问卷 用户 维度
185
186
187
              <el-input class="testpaper-input" type="number" placeholder="总时长控制(分钟)" v-model="TestPaper.AnswerTime">
              </el-input>
            </el-form-item>
1de913cf   ren   sdf
188
189
190
191
192
193
            <el-form-item label="试卷原价:" prop="OriginalPrice" v-show="false">
              <el-input class="testpaper-input" oninput="value=value.replace(/[^0-9.]/g,'')"
                v-model="TestPaper.OriginalPrice" :precision="0">
                <template slot="append">元</template>
              </el-input>
            </el-form-item>
cac28d75   周超   问卷 用户 维度
194
            <el-form-item label="试卷价格:" prop="PresentPrice" v-show="false">
1de913cf   ren   sdf
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
              <el-input class="testpaper-input" oninput="value=value.replace(/[^0-9.]/g,'')"
                v-model="TestPaper.PresentPrice">
                <template slot="append">元</template>
              </el-input>
            </el-form-item>
            <el-form-item label="会员价:" prop="MembershipPrice" v-show="false">
              <el-input class="testpaper-input" oninput="value=value.replace(/[^0-9.]/g,'')"
                v-model="TestPaper.MembershipPrice">
                <template slot="append">元</template>
              </el-input>
            </el-form-item>
            <el-form-item label="试卷简介:">
              <el-input class="testpaper-input" :rows="10" type="textarea" v-model="TestPaper.Describe">
              </el-input>
            </el-form-item>
a7974ab3   周超   111
210
            <el-button type="primary" style="float: right;" @click="SubmitTestPaper">保存
1de913cf   ren   sdf
211
212
213
214
215
216
217
218
219
            </el-button>
            <div style="clear: both;"></div>
          </el-form>
        </div>
      </el-dialog>
      <el-dialog>
  
      </el-dialog>
    </div>
b89c8760   wangming   项目初始化
220
221
222
  </template>
  
  <script>
1de913cf   ren   sdf
223
224
225
226
227
    import {
      getTestPaperList,
      GetToplevel,
      EditTestPaper,
      TestPaperUpdate,
e011bf15   周超   我先走一步
228
229
      getTestPaperClassList,
      DeleteTestPaper
1de913cf   ren   sdf
230
    } from '@/api/TestPaper'
04aebc72   周超   11
231
  
94c54e92   周超   1
232
233
    import {
      GetTypeSetting
04aebc72   周超   11
234
    } from '@/api/user'
4ee13894   周超   给大志哥
235
    import { formatTime } from '@/utils/util'
a7974ab3   周超   111
236
237
238
239
  
    import { GetpaperLevelList } from "@/api/paperLevel";
  
  
94c54e92   周超   1
240
    let that = {};
d35d8b3c   yangzhi   王哥哎
241
    let list = [];
4ee13894   周超   给大志哥
242
    export default {
1de913cf   ren   sdf
243
244
245
246
247
      data() {
        return {
          parameter: {
            pageIndex: 1,
            pageSize: 12,
e011bf15   周超   我先走一步
248
249
            // sort: "id",
            // sortOrder: 1,
1de913cf   ren   sdf
250
251
252
253
254
            keyword: "",
            QuestionClassId: 0,
            status: 1
          },
          Count: 0,
a7974ab3   周超   111
255
          levellist:[],
1de913cf   ren   sdf
256
257
258
259
          testpaperlist: [],
          dialogAddTestPaperVIsible: false,
          dialogQuestionVlsible: false,
          QuestionClass: [],
94c54e92   周超   1
260
          usertypelist: [],
1de913cf   ren   sdf
261
262
          TestPaper: {
            TestPaperTitle: "",
e0ca3a6e   yangzhi   大家快来看 王哥在看琅琊榜
263
            PlateClass: 4,
1de913cf   ren   sdf
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
            TestPaperClassId: 0,
            TotalScore: 0,
            Describe: "",
            SingleNumber: 0,
            MultipleNumber: 0,
            SubjectiveNumber: 0,
            OriginalPrice: "0",
            PresentPrice: "0",
            MembershipPrice: "0",
            QuestionBankIds: []
          },
          treeData: [{
            value: 0,
            label: "全部"
          }],
          value: '',
6963d762   周超   拉取志哥最新的
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
          rules: {
            OriginalPrice: [
              {
                required: true,
                message: "不能为空",
              },
            ],   
            PresentPrice: [
              {
                required: true,
                message: "不能为空",
              },
            ],
            UserTypeOfWork: [
              {
                required: true,
                message: "请选择工种",
              },
            ], QuestionClassId: [
              {
                required: true,
                message: "请选择分类", 
              },
            ],date: [
              {
                required: true,
                message: "请选择时间段", 
              },
            ],
            TestPaperTitle: [
              {
                required: true,
                message: "请填写试卷名称", 
              } 
            ],
            TestPaperClassId: [
              {
                required: true,
                message: "分类必须选择", 
              },
   
            ],
            AnswerTime: [
              {
                required: true,
                message: "请填写试总时长控制", 
              },
   
            ]
           }   
1de913cf   ren   sdf
330
331
332
        }
      },
      computed: {
b89c8760   wangming   项目初始化
333
  
1de913cf   ren   sdf
334
335
336
337
338
      },
      created() {
        let parameter = {
          pageIndex: 1,
          pageSize: 10000,
e011bf15   周超   我先走一步
339
340
          // sort: "id",
          // sortOrder: 1,
1de913cf   ren   sdf
341
342
          keyword: ""
        }
d35d8b3c   yangzhi   王哥哎
343
        GetToplevel(parameter).then(res => {
94c54e92   周超   1
344
          console.log('gettoplevel', res);
d35d8b3c   yangzhi   王哥哎
345
346
          list = res.data.data;
          this.$forceUpdate();
1de913cf   ren   sdf
347
        });
04aebc72   周超   11
348
  
94c54e92   周超   1
349
350
        GetTypeSetting({}).then(res => {
          if (res.data) {
04aebc72   周超   11
351
352
353
            this.usertypelist = res.data || [];
          }
        });
1de913cf   ren   sdf
354
355
356
      },
      filters: {
        typeFilters(val) {
4ee13894   周超   给大志哥
357
          try {
94c54e92   周超   1
358
            return list.find(t => t.id == val).ClassTitle || '未知';
4ee13894   周超   给大志哥
359
          } catch (e) {
d35d8b3c   yangzhi   王哥哎
360
            console.log(e);
1de913cf   ren   sdf
361
362
363
364
365
366
367
368
369
370
371
372
373
            return '未知'
          }
        }
      },
      beforeCreate() {
        that = this
      },
      mounted() {
        let ContentAreaHight = window.innerHeight - document.getElementById("QuestionTable").offsetTop;
        let lineNumber = ContentAreaHight - 50 - 40;
        this.parameter.pageSize = Math.floor(lineNumber / 49)
        this.getTestPaperListHeadler();
        this.getQuestionClassListHeadler();
a7974ab3   周超   111
374
375
376
377
378
379
380
381
  
        GetpaperLevelList({ pageSize: 1000, sortOrder: 'asc' }).then(res => {
          if (res.data) {
            this.levellist = res.data.data || [];
          }
        });
  
  
1de913cf   ren   sdf
382
383
      },
      methods: {
a7974ab3   周超   111
384
385
386
        search(){ 
          this.getTestPaperListHeadler();
        },
4ee13894   周超   给大志哥
387
        changetimestartend(val, aa) {
cac28d75   周超   问卷 用户 维度
388
          this.TestPaper.EffectiveStartTime = formatTime(val[0])
4ee13894   周超   给大志哥
389
          this.TestPaper.EffectiveEndTime = formatTime(val[1])
cac28d75   周超   问卷 用户 维度
390
        },
1de913cf   ren   sdf
391
392
        closeClassDialog() {
          this.dialogAddTestPaperVIsible = false
4ee13894   周超   给大志哥
393
          this.TestPaper = {
1de913cf   ren   sdf
394
            TestPaperTitle: "",
e0ca3a6e   yangzhi   大家快来看 王哥在看琅琊榜
395
            PlateClass: "4",
1de913cf   ren   sdf
396
397
398
399
400
401
402
403
404
405
406
407
408
            TestPaperClassId: 0,
            TotalScore: 0,
            Describe: "",
            SingleNumber: 0,
            MultipleNumber: 0,
            SubjectiveNumber: 0,
            OriginalPrice: "0",
            PresentPrice: "0",
            MembershipPrice: "0",
            QuestionBankIds: []
          }
        },
        //添加试卷基本信息
6963d762   周超   拉取志哥最新的
409
410
411
412
413
414
415
416
417
418
419
       async SubmitTestPaper() {
          if(!this.TestPaper.TestPaperTitle){
           this.$message.warning('试卷名称不能为空!');
          return;
          }
          if(!this.TestPaper.AnswerTime){
           this.$message.warning('请填写总时长!');
          return;
          }
          
  
1de913cf   ren   sdf
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
          if (this.value == '') {
            EditTestPaper(this.TestPaper).then(res => {
              if (res.data.code == 200) {
                this.$confirm('添加试卷基本信息成功!', '消息');
                this.getTestPaperListHeadler();
                this.dialogAddTestPaperVIsible = false
              } else {
                this.$confirm('添加试卷基本信息失败!', '消息')
              }
            });
          } else if (this.value == 'update') {
            TestPaperUpdate(this.TestPaper).then(res => {
              if (res.data.code == 200) {
                this.$confirm('编辑试卷基本信息成功!', '消息');
                this.getTestPaperListHeadler();
                this.dialogAddTestPaperVIsible = false
              } else {
                this.$confirm('编辑试卷基本信息失败!', '消息')
              }
            })
          }
        },
        getTestPaperListHeadler() {
          getTestPaperList(this.parameter).then(res => {
            this.testpaperlist = res.data.data;
            this.Count = res.data.totalCount;
          });
        },
        currentchange(page) {
          this.parameter.pageIndex = page;
          this.getTestPaperListHeadler();
        },
        getQuestionClassListHeadler() {
          let _this = this;
          GetToplevel().then(res => {
4ee13894   周超   给大志哥
455
            var gettree = function (titem) {
1de913cf   ren   sdf
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
              titem.children = []
              let childrenList = res.data.data.filter(u => u.ParentId == titem.value);
              if (childrenList.length == 0)
                titem.children = undefined;
              res.data.data.filter(u => u.ParentId == titem.value).forEach((item, i) => {
                var model = {
                  value: item.id,
                  label: item.ClassTitle
                };
                gettree(model);
                titem.children.push(model);
              })
            }
            res.data.data.filter(u => u.ParentId == 0).forEach((item, i) => {
              var model = {
                value: item.id,
                label: item.ClassTitle
              };
              gettree(model);
              _this.QuestionClass.push(model);
              _this.treeData.push(model)
            })
          });
        },
        handleCommand(value, val) {
          this.value = value
          if (value == 'addquestion') {
            console.log(val)
            this.$router.push({
              path: '/moduleIndex/index',
              query: {
                val: val.id
              }
            })
          } else if (value == 'update') {
            this.dialogAddTestPaperVIsible = true
cac28d75   周超   问卷 用户 维度
492
493
494
495
            if (val.EffectiveStartTime && val.EffectiveEndTime) {
              val.date = [];
              val.date.push(val.EffectiveStartTime)
              val.date.push(val.EffectiveEndTime)
4ee13894   周超   给大志哥
496
            }
1de913cf   ren   sdf
497
498
            this.TestPaper = val
          }
e011bf15   周超   我先走一步
499
          else if (value == 'del') {
94c54e92   周超   1
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
            this.$confirm(
              "确认删除该试卷吗?",
              "提示消息",
              {
                confirmButtonText: "确认",
                cancelButtonText: "取消",
                callback: (action) => {
                  if (action == "confirm") {
                    DeleteTestPaper(val.id).then(res => {
                      // this.$message.success('删除成功!');
                      if (res.data.success) {
                      this.$message.success("删除成功!"); 
                      this.getTestPaperListHeadler();
                    } else {
               
                      this.$message.error(res.data.message || "发送失败");
                    }
  
  
                      this.getTestPaperListHeadler();
                    })
                  }
                },
              }
            );
  
  
4ee13894   周超   给大志哥
527
  
e011bf15   周超   我先走一步
528
529
          }
  
1de913cf   ren   sdf
530
531
532
        }
      }
    }
b89c8760   wangming   项目初始化
533
534
  </script>
  
d1837e7a   wangming   测试
535
  <style scoped>
a7974ab3   周超   111
536
537
538
539
540
541
  .seetingsDiv {
  		display: flex;
  		align-items: center;
  		width: 100%;
  		padding-top: 10px;
  		padding-left: 10px;
97bf7b2f   yangzhi   样式优化适配不同分辨率
542
  		min-height: 126px;
a7974ab3   周超   111
543
544
545
546
547
548
  		background: #efefef;
  		line-height: initial !important;
  		border-radius: 5px;
  		box-shadow: 0 0 5px #cdcdcd;
  		justify-content: space-between;
  	}
1de913cf   ren   sdf
549
  
a7974ab3   周超   111
550
551
552
553
554
555
556
557
558
  	.seetingsDiv button {
  		height: 40px;
  		background-color: #304156;
  		border: 0px;
  		margin-left: 10px;
  		box-shadow: 0 0 5px #cdcdcd;
  		float: none;
  		margin-right: 10px;
  	}
4ee13894   周超   给大志哥
559
  </style>