Blame view

src/views/examinationPaper/addAsk.vue 57.9 KB
4c4f7640   梁保满   路由表,路由前端文件
1
  <template>
ca39cc52   阿宝   飞书问题处理
2
    <div ref="content" class="content-box">
13b58a42   梁保满   备题组卷部分前端页面基本完成
3
4
5
6
7
8
      <back-box>
        <template slot="title">
          <span>{{ "创建答题卡" }}</span>
        </template>
      </back-box>
      <div class="content">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
9
        <el-steps :active="step" finish-status="success" simple style="margin: 20px 0">
13b58a42   梁保满   备题组卷部分前端页面基本完成
10
11
12
13
14
          <el-step title="基础信息" icon="el-icon-edit"></el-step>
          <el-step title="题目编辑" icon="el-icon-tickets"></el-step>
          <el-step title="设置答案" icon="el-icon-edit-outline"></el-step>
        </el-steps>
        <div v-show="step == 0">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
15
          <el-form ref="forms" :model="form" :rules="formRules" label-width="140px">
13b58a42   梁保满   备题组卷部分前端页面基本完成
16
            <el-form-item label="答题卡名称:" prop="title">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
17
18
              <el-input class="sel2" type="text" placeholder="请输入答题卡名称" v-model.trim="form.title" maxlength="30" size="45"
                show-word-limit>
ca39cc52   阿宝   飞书问题处理
19
              </el-input>
13b58a42   梁保满   备题组卷部分前端页面基本完成
20
21
            </el-form-item>
            <el-form-item label="测验类型:">
ee6e7628   梁保满   备题组卷借口数据对接调整
22
              <el-select v-model="form.tagId" placeholder="选择测验类型">
255e2506   梁保满   飞书bug及优化
23
                <el-option label="--" value=""> </el-option>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
24
25
                <el-option v-for="item in answerTypeList" :key="item.id" :label="item.typeName" :value="item.id">{{
                  item.typeName }}</el-option>
13b58a42   梁保满   备题组卷部分前端页面基本完成
26
              </el-select>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
27
              <el-button class="ml-20" type="primary" round circle icon="el-icon-edit" @click="openTagDia"></el-button>
13b58a42   梁保满   备题组卷部分前端页面基本完成
28
            </el-form-item>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
29
30
31
            <el-form-item v-if="role != 'ROLE_PERSONAL'" label="年级:" prop="gradeName">
              <el-select class="sel" v-model="form.gradeName" placeholder="" @change="changeGrade">
                <el-option v-for="item in gradeList" :key="item" :label="item" :value="item">
13b58a42   梁保满   备题组卷部分前端页面基本完成
32
33
34
                </el-option>
              </el-select>
            </el-form-item>
ee6e7628   梁保满   备题组卷借口数据对接调整
35
36
            <el-form-item label="科目:" prop="subjectName">
              <el-select class="sel" v-model="form.subjectName" placeholder="">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
37
38
                <el-option v-for="item in subjectList" :key="item.value" :label="item.label" :value="item.value">{{
                  item.label }}
13b58a42   梁保满   备题组卷部分前端页面基本完成
39
40
41
                </el-option>
              </el-select>
            </el-form-item>
255e2506   梁保满   飞书bug及优化
42
            <el-form-item label="考试时长:">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
43
44
              <el-input-number size="medium" :min="1" :max="140" :step-strictly="true" :step="1"
                v-model="form.examsDuration" label="考试时长"></el-input-number>
13b58a42   梁保满   备题组卷部分前端页面基本完成
45
            </el-form-item>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
46
            <el-form-item v-if="role != 'ROLE_PERSONAL'" label="分享范围:" prop="sharingType">
ee6e7628   梁保满   备题组卷借口数据对接调整
47
              <el-radio-group v-model="form.sharingType">
f356590c   阿宝   即时测列表,分析页面
48
49
                <el-radio :label="0">任课班级分享</el-radio>
                <el-radio :label="1">全年级分享</el-radio>
13b58a42   梁保满   备题组卷部分前端页面基本完成
50
51
52
53
              </el-radio-group>
            </el-form-item>
          </el-form>
          <div class="btn-box">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
54
            <el-button type="danger" plain round @click="linkBack">取消</el-button>
13b58a42   梁保满   备题组卷部分前端页面基本完成
55
56
            <el-button type="primary" round @click="setStep1">下一步</el-button>
          </div>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
57
          <el-dialog :close-on-click-modal="false" title="设置测验类型" :visible.sync="dialogVisible" width="500px">
13b58a42   梁保满   备题组卷部分前端页面基本完成
58
            <div class="dia-content">
818e50d7   梁保满   标签删除,修改
59
60
              <p class="add-type" v-for="item in tagList" :key="item.id">
                <el-row :gutter="10">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
61
62
                  <el-col :span="18"><el-input v-model="item.typeName" :maxlength="10"
                      placeholder="请输入答题卡类型名称"></el-input></el-col>
818e50d7   梁保满   标签删除,修改
63
                  <el-col :span="6">
5ab73359   梁保满   优化
64
                    <el-tooltip effect="dark" content="保存" placement="top">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
65
66
                      <el-button class="js-set" type="primary" size="small" round circle icon="el-icon-check"
                        @click="editTypeName(item)"></el-button>
818e50d7   梁保满   标签删除,修改
67
68
                    </el-tooltip>
                    <el-tooltip effect="dark" content="删除" placement="right">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
69
70
71
                      <el-popconfirm title="确定删除这道大题吗?" @confirm="removeTypeName(item)">
                        <el-button class="js-set" type="danger" size="small" round circle icon="el-icon-delete"
                          slot="reference"></el-button>
818e50d7   梁保满   标签删除,修改
72
73
74
75
76
                      </el-popconfirm>
                    </el-tooltip>
                  </el-col>
                </el-row>
              </p>
13b58a42   梁保满   备题组卷部分前端页面基本完成
77
              <p class="add-type">
818e50d7   梁保满   标签删除,修改
78
79
                <el-row :gutter="10">
                  <el-col :span="18">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
80
                    <el-input type="text" placeholder="请输入答题卡类型名称" v-model.trim="answerTypeName" :maxlength="10">
818e50d7   梁保满   标签删除,修改
81
82
83
84
                    </el-input>
                  </el-col>
                  <el-col :span="6">
                    <el-tooltip effect="dark" content="添加" placement="right">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
85
86
                      <el-button class="js-set" type="primary" size="small" round circle icon="el-icon-plus"
                        @click="addPaperType"></el-button>
818e50d7   梁保满   标签删除,修改
87
88
89
                    </el-tooltip>
                  </el-col>
                </el-row>
13b58a42   梁保满   备题组卷部分前端页面基本完成
90
91
92
              </p>
            </div>
            <div class="" slot="footer">
818e50d7   梁保满   标签删除,修改
93
              <el-button @click="dialogVisible = false">关 闭</el-button>
13b58a42   梁保满   备题组卷部分前端页面基本完成
94
95
96
97
            </div>
          </el-dialog>
        </div>
        <div v-show="step == 1">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
98
          <div class="question-box" v-for="(question, index) in form.questionList" :key="index">
13b58a42   梁保满   备题组卷部分前端页面基本完成
99
            <p class="question-title">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
100
101
102
              <el-tooltip effect="dark" :content="question.show ? '收起' : '展开'" placement="left">
                <i class="el-icon-caret-right" :class="question.show ? 'active' : ''"
                  @click="question.show = !question.show"></i>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
103
              </el-tooltip>
13b58a42   梁保满   备题组卷部分前端页面基本完成
104
              <span>{{ setBigNum(index) }}、</span>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
105
106
107
108
              <el-input class="ipt" v-model.trim="question.questionTitle" maxlength="30" placeholder="填写大题名称"></el-input>
              <el-popconfirm title="确定删除这道大题吗?" @confirm="form.questionList.splice(index, 1)">
                <el-button slot="reference" class="delete" type="danger" size="mini" circle
                  icon="el-icon-delete"></el-button>
13b58a42   梁保满   备题组卷部分前端页面基本完成
109
              </el-popconfirm>
d32e461c   梁保满   备题组卷
110
              <span class="m20">共:{{ question.subQuestions.length }}题</span>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
111
              <span>共:{{ setScore(question) }}分</span>
13b58a42   梁保满   备题组卷部分前端页面基本完成
112
            </p>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
113
114
115
116
117
118
119
120
121
122
            <transition name="el-zoom-in-top">
              <ul v-show="question.show" class="questions-ul">
                <li class="sub-questions">
                  <div class="qs-num">题号</div>
                  <div class="qs-type">题型</div>
                  <div class="qs-score">分数</div>
                  <div class="qs-partScore">漏选得分</div>
                  <div class="qs-options">选项设置</div>
                  <div class="qs-set">操作</div>
                </li>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
123
                <li class="sub-questions" v-for="(subQuestions, indexs) in question.subQuestions" :key="indexs">
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
124
125
                  <div class="qs-num">{{ setNum(index, indexs) }}</div>
                  <div class="qs-type">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
126
127
                    <el-select v-model="subQuestions.questionType" placeholder="选择题目类型"
                      @change="changeSubQuestions($event, subQuestions)">
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
128
129
130
131
132
133
134
                      <el-option label="单选题" :value="2"></el-option>
                      <el-option label="多选题" :value="3"></el-option>
                      <el-option label="判断题" :value="4"></el-option>
                      <el-option label="主观题" :value="5"></el-option>
                    </el-select>
                  </div>
                  <div class="qs-score">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
135
136
                    <el-input-number class="number-ipt" size="medium" :min="1" :max="200" :precision="2" :step="1"
                      v-model="subQuestions.score" label="单题分值"></el-input-number>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
137
138
139
                  </div>
                  <div class="qs-partScore">
                    <p v-if="subQuestions.questionType != 3">--</p>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
140
141
                    <el-input-number class="number-ipt" v-else size="medium" :min="0" :precision="2"
                      :max="subQuestions.score" :step="0.5" v-model="subQuestions.partScore" label="漏选得分"></el-input-number>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
142
143
144
                  </div>
                  <div class="qs-options">
                    <p v-if="subQuestions.questionType == 5">--</p>
f5729396   梁保满   批量设置答案
145
                    <p v-if="subQuestions.questionType == 4" class="answer-box">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
146
147
148
149
                      <span class="answer-s" :class="subQuestions.correctAnswer == 1 ? 'active' : ''"
                        @click="subQuestions.correctAnswer = 1">✓</span>
                      <span class="answer-s" :class="subQuestions.correctAnswer == 2 ? 'active' : ''"
                        @click="subQuestions.correctAnswer = 2">✗</span>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
150
                    </p>
f5729396   梁保满   批量设置答案
151
                    <p v-if="subQuestions.questionType == 3" class="answer-box">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
152
153
154
155
                      <span class="answer-s" v-for="option in subQuestions.answerOptions.split(',')" :class="subQuestions.correctAnswer?.includes(option)
                        ? 'active'
                        : ''
                        " :key="option" @click="changAnswer(subQuestions, option)">{{ option }}</span>
f5729396   梁保满   批量设置答案
156
157
                    </p>
                    <p v-if="subQuestions.questionType == 2" class="answer-box">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
158
159
                      <span class="answer-s" v-for="option in subQuestions.answerOptions.split(',')" :class="subQuestions.correctAnswer == option ? 'active' : ''
                        " :key="option" @click="subQuestions.correctAnswer = option">{{ option }}</span>
f5729396   梁保满   批量设置答案
160
                    </p>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
161
162
163
164
165
166
167
                    <p v-if="subQuestions.questionType == 3 ||
                      subQuestions.questionType == 2
                      " class="answer-box answer-box2">
                      <el-button size="mini" type="primary" icon="el-icon-plus" circle
                        @click="addOptions(subQuestions)"></el-button>
                      <el-button size="mini" type="primary" icon="el-icon-minus" round circle
                        @click="removeOptions(subQuestions)"></el-button>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
168
169
170
                    </p>
                  </div>
                  <div class="qs-set">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
                    <el-tooltip effect="dark" content="上传提干" placement="top">
                      <el-button type="primary" circle size="mini" icon="el-icon-tickets"
                        @click="openStem(subQuestions, 1, index, indexs)"></el-button>
                    </el-tooltip>
                    <el-tooltip effect="dark" content="题目打标" placement="top">
                      <el-button type="primary" circle size="mini" icon="el-icon-price-tag"
                        @click="openTag(subQuestions, 3, index, indexs)"></el-button>
                    </el-tooltip>
                    <el-tooltip effect="dark" content="上传题目解析" placement="top">
                      <el-button type="primary" circle size="mini" icon="el-icon-upload"
                        @click="openStem(subQuestions, 2, index, indexs)"></el-button>
                    </el-tooltip>
                    <el-popconfirm title="确定删除这道题吗?" @confirm="delTabData(indexs, index)">
                      <el-button slot="reference" class="delete" type="danger" size="mini" circle
                        icon="el-icon-delete"></el-button>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
186
187
188
189
190
191
                    </el-popconfirm>
                  </div>
                </li>
                <li class="sub-questions">
                  <div class="qs-num">添加</div>
                  <div class="qs-type">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
192
193
                    <el-select v-model="addSubQuestionsType" placeholder="选择题目类型"
                      @change="changeAddSubQuestions($event, question)">
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
194
195
196
197
198
199
200
201
202
203
204
205
206
                      <el-option label="单选题" :value="2"></el-option>
                      <el-option label="多选题" :value="3"></el-option>
                      <el-option label="判断题" :value="4"></el-option>
                      <el-option label="主观题" :value="5"></el-option>
                    </el-select>
                  </div>
                  <div class="qs-score"></div>
                  <div class="qs-partScore"></div>
                  <div class="qs-options"></div>
                  <div class="qs-set"></div>
                </li>
              </ul>
            </transition>
13b58a42   梁保满   备题组卷部分前端页面基本完成
207
208
209
          </div>
          <div class="add-box">
            <p class="add-question" @click="openQuestion">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
210
              <el-button size="mini" type="primary" icon="el-icon-plus" circle></el-button>
13b58a42   梁保满   备题组卷部分前端页面基本完成
211
212
213
214
              <span class="s1">添加大题</span>
            </p>
          </div>
          <div class="btn-box">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
215
            <el-button type="danger" plain round @click="linkBack">取消</el-button>
13b58a42   梁保满   备题组卷部分前端页面基本完成
216
            <el-button round @click="step = 0">上一步</el-button>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
217
            <el-button :type="form.questionList.length == 0 ? 'info' : 'primary'" round @click="setStep2">下一步</el-button>
13b58a42   梁保满   备题组卷部分前端页面基本完成
218
          </div>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
219
          <el-dialog :close-on-click-modal="false" title="添加大题" :visible.sync="addQuestionVisible" width="600px">
13b58a42   梁保满   备题组卷部分前端页面基本完成
220
            <div class="dia-content">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
221
              <el-form ref="form" :model="questionForm" :rules="questionFormRules" label-width="100px">
533a17d8   梁保满   备题组卷添加批量设置答案
222
                <el-form-item label="标题:">
ca39cc52   阿宝   飞书问题处理
223
                  <el-col :span="20">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
224
                    <el-input v-model.trim="questionForm.questionTitle" maxlength="30" placeholder="输入大题名称"></el-input>
13b58a42   梁保满   备题组卷部分前端页面基本完成
225
226
227
                  </el-col>
                </el-form-item>
                <el-form-item label="选择题型:">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
228
229
                  <el-select v-model="questionForm.questionType" placeholder="" @change="setQuestionForm">
                    <el-option v-for="item in questionOptions" :key="item.value" :label="item.label" :value="item.value">
13b58a42   梁保满   备题组卷部分前端页面基本完成
230
                    </el-option>
d32e461c   梁保满   备题组卷
231
                    <el-option label="混合题" :value="6"> </el-option>
13b58a42   梁保满   备题组卷部分前端页面基本完成
232
233
                  </el-select>
                </el-form-item>
d32e461c   梁保满   备题组卷
234
                <el-form-item label="题数:">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
235
236
                  <el-input-number v-model="questionForm.number" @change="changeQesNum" :min="1" :max="100"
                    :step-strictly="true" :step="1" label="label"></el-input-number>
13b58a42   梁保满   备题组卷部分前端页面基本完成
237
                </el-form-item>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
238
239
240
241
242
                <el-form-item label="选项个数:" v-show="questionForm.questionType != 4 &&
                  questionForm.questionType != 5
                  ">
                  <el-input-number v-model="questionForm.selectNum" :min="3" :max="10" :step-strictly="true" :step="1"
                    label="label"></el-input-number>
255e2506   梁保满   飞书bug及优化
243
                </el-form-item>
d32e461c   梁保满   备题组卷
244
                <el-form-item label="单题分数:">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
245
246
                  <el-input-number v-model="questionForm.score" :min="1" :max="200" :precision="2" :step="1"
                    label="label"></el-input-number>
255e2506   梁保满   飞书bug及优化
247
                </el-form-item>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
248
249
250
                <el-form-item label="漏选得分:" v-if="questionForm.questionType == 3">
                  <el-input-number v-model="questionForm.partScore" :min="0" :max="questionForm.score" :precision="2"
                    :step="0.5" label="label"></el-input-number>
533a17d8   梁保满   备题组卷添加批量设置答案
251
                </el-form-item>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
252
253
254
                <el-form-item label="设置答案:" v-show="questionForm.questionType != 5 &&
                  questionForm.questionType != 6
                  ">
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
255
256
                  <div class="qs-options">
                    <p class="ipt">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
257
258
259
260
261
262
263
264
265
266
                      <el-input v-if="questionForm.questionType == 2 ||
                        questionForm.questionType == 3 ||
                        questionForm.questionType == 6
                        " ref="formAnsIpt2" v-model="questionForm.answerList" @keydown.native="
      keydownAnswer($event, questionForm.questionType, 1)
      " @input="
      setAllAnswer($event, questionForm.questionType, 1)
      "></el-input>
                      <el-input v-if="questionForm.questionType == 4" v-model="questionForm.answerList"
                        readonly=""></el-input>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
267
268
269
                    </p>
                    <p class="answer-box">
                      <template v-if="questionForm.questionType == 4">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
270
271
272
273
274
275
276
277
278
279
                        <span class="answer-s active" @click="
                          questionForm.answerList.length < questionForm.number
                            ? (questionForm.answerList += '✓')
                            : ''
                          ">✓</span>
                        <span class="answer-s active" @click="
                          questionForm.answerList.length < questionForm.number
                            ? (questionForm.answerList += '✗')
                            : ''
                          ">✗</span>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
280
281
282
                      </template>
                      <template v-if="questionForm.questionType == 3">
                        <template v-for="(option, opIdx) in rightOptions">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
283
284
                          <span v-if="opIdx < questionForm.selectNum" class="answer-s active" :key="option"
                            @click="setMultiple(questionForm, option, 1)">{{ option }}</span>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
285
                        </template>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
286
                        <span class="answer-s active" @click="setMultiple(questionForm, ',', 1)">,</span>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
287
                      </template>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
288
289
290
                      <template v-if="questionForm.questionType == 2 ||
                        questionForm.questionType == 6
                        ">
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
291
                        <template v-for="(option, opIdx) in rightOptions">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
292
293
294
295
296
                          <span v-if="opIdx < questionForm.selectNum" class="answer-s active" :key="option" @click="
                            questionForm.answerList.length < questionForm.number
                              ? (questionForm.answerList += option)
                              : ''
                            ">{{ option }}</span>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
297
298
                        </template>
                      </template>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
299
300
301
302
303
304
305
                      <span class="answer-s delButton" @click="
                        questionForm.answerList = questionForm.answerList.slice(
                          0,
                          -1
                        )
                        ">x</span>
                      <span class="answer-s ac" @click="questionForm.answerList = ''">ac</span>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
306
307
308
                    </p>
                  </div>
                </el-form-item>
13b58a42   梁保满   备题组卷部分前端页面基本完成
309
310
311
312
313
314
315
316
317
              </el-form>
            </div>
            <div class="dialog-footer" slot="footer">
              <el-button type="primary" @click="addQuestion">确 定</el-button>
              <el-button @click="addQuestionVisible = false">取 消</el-button>
            </div>
          </el-dialog>
        </div>
        <div v-show="step == 2">
f26ecfa4   阿宝   测试bug
318
319
320
321
          <div class="answer-title">
            <p class="name">{{ form.title }}</p>
            <p class="totals">卷面总分:{{ allScore }}分</p>
          </div>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
322
          <div class="question-box" v-for="(question, index) in form.questionList" :key="index">
13b58a42   梁保满   备题组卷部分前端页面基本完成
323
324
325
            <p class="question-title">
              <span>{{ setBigNum(index) }}、</span>
              <span class="title-txt">{{ question.questionTitle }}</span>
0e46bc25   梁保满   优化
326
              <span class="m20">共:{{ setNums(question.subQuestions) }}题</span>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
327
              <span>共:{{ setScore(question) }} 分</span>
13b58a42   梁保满   备题组卷部分前端页面基本完成
328
            </p>
f5729396   梁保满   批量设置答案
329
330
331
332
333
334
335
336
            <ul class="questions-ul">
              <li class="sub-questions">
                <div class="qs-num">题号</div>
                <div class="qs-type">题型</div>
                <div class="qs-score">分数</div>
                <div class="qs-partScore">漏选得分</div>
                <div class="qs-options qs-options2">选项设置</div>
              </li>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
337
338
339
340
341
342
              <li v-for="(subQuestions, indexs) in question.subQuestions" :key="indexs">
                <p class="set-ans-btn" v-if="subQuestions.qusType &&
                  subQuestions.subNum &&
                  subQuestions.subNum > 4
                  ">
                  <el-button type="primary" @click="setFormAns(indexs, index)">批量设置答案</el-button>
f5729396   梁保满   批量设置答案
343
344
345
346
                </p>
                <div v-else class="sub-questions">
                  <div class="qs-num">
                    {{ setNum(index, indexs, subQuestions) }}
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
347
                  </div>
f5729396   梁保满   批量设置答案
348
349
350
351
                  <div class="qs-type">
                    {{ setSubPro(subQuestions.questionType) }}
                  </div>
                  <div class="qs-score">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
352
353
                    <el-input-number class="number-ipt" size="medium" :min="1" :max="200" :precision="2"
                      v-model="subQuestions.score" label="单题分值"></el-input-number>
f5729396   梁保满   批量设置答案
354
355
356
                  </div>
                  <div class="qs-partScore">
                    <p v-if="subQuestions.questionType != 3">--</p>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
357
358
                    <el-input-number class="number-ipt" v-else size="medium" :min="0" :precision="2"
                      :max="subQuestions.score" :step="0.5" v-model="subQuestions.partScore" label="漏选得分"></el-input-number>
f5729396   梁保满   批量设置答案
359
360
361
362
                  </div>
                  <div class="qs-options qs-options2">
                    <p v-if="subQuestions.questionType == 5">--</p>
                    <p v-if="subQuestions.questionType == 4" class="answer-box">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
363
364
365
366
                      <span class="answer-s" :class="subQuestions.correctAnswer == 1 ? 'active' : ''"
                        @click="subQuestions.correctAnswer = 1">✓</span>
                      <span class="answer-s" :class="subQuestions.correctAnswer == 2 ? 'active' : ''"
                        @click="subQuestions.correctAnswer = 2">✗</span>
f5729396   梁保满   批量设置答案
367
368
                    </p>
                    <p v-if="subQuestions.questionType == 3" class="answer-box">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
369
370
371
372
                      <span class="answer-s" v-for="option in subQuestions.answerOptions.split(',')" :class="subQuestions.correctAnswer?.includes(option)
                        ? 'active'
                        : ''
                        " :key="option" @click="changAnswer(subQuestions, option)">{{ option }}</span>
f5729396   梁保满   批量设置答案
373
374
                    </p>
                    <p v-if="subQuestions.questionType == 2" class="answer-box">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
375
376
                      <span class="answer-s" v-for="option in subQuestions.answerOptions.split(',')" :class="subQuestions.correctAnswer == option ? 'active' : ''
                        " :key="option" @click="subQuestions.correctAnswer = option">{{ option }}</span>
f5729396   梁保满   批量设置答案
377
378
379
380
381
                    </p>
                  </div>
                </div>
              </li>
            </ul>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
382
          </div>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
383
384
          <el-dialog :close-on-click-modal="false" title="批量设置答案" :visible.sync="diaSetAns" width="400"
            :modal-append-to-body="false">
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
385
386
387
388
389
390
            <div class="qs-options">
              <p class="dia-tips">
                请点击选项按钮设置答案,多选题题目之间用“,”隔开,若添加5道题:“AC,AD,BD,AC,CD”
              </p>
              <p>{{ setSubPro(formAns.qusType) }}:</p>
              <p class="ipt">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
391
                <el-input v-if="formAns.qusType == 2 || formAns.qusType == 3" ref="formAnsIpt" v-model="formAns.answerList"
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
392
                  @keydown.native="keydownAnswer($event, formAns.qusType)"
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
393
394
                  @input="setAllAnswer($event, formAns.qusType)"></el-input>
                <el-input v-if="formAns.qusType == 4" v-model="formAns.answerList" readonly=""></el-input>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
395
396
397
              </p>
              <p class="answer-box">
                <template v-if="formAns.qusType == 4">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
398
399
400
401
402
403
404
405
406
407
                  <span class="answer-s active" @click="
                    formAns.answerList.length < formAns.subNum
                      ? (formAns.answerList += '✓')
                      : ''
                    ">✓</span>
                  <span class="answer-s active" @click="
                    formAns.answerList.length < formAns.subNum
                      ? (formAns.answerList += '✗')
                      : ''
                    ">✗</span>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
408
409
                </template>
                <template v-if="formAns.qusType == 3">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
410
411
412
                  <span class="answer-s active" v-for="option in formAns.answerOptions.split(',')" :key="option"
                    @click="setMultiple(formAns, option, 2)">{{ option }}</span>
                  <span class="answer-s active" @click="setMultiple(formAns, ',', 2)">,</span>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
413
                </template>
21dfdeae   梁保满   平台管理员
414
                <template v-if="formAns.qusType == 2">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
415
416
417
418
419
                  <span class="answer-s active" v-for="option in formAns.answerOptions.split(',')" :key="option" @click="
                    formAns.answerList.length < formAns.subNum
                      ? (formAns.answerList += option)
                      : ''
                    ">{{ option }}</span>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
420
                </template>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
421
422
                <span class="answer-s delButton" @click="formAns.answerList = formAns.answerList.slice(0, -1)">x</span>
                <span class="answer-s ac" @click="formAns.answerList = ''">ac</span>
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
423
424
425
426
427
428
429
              </p>
            </div>
            <div class="dialog-footer" slot="footer">
              <el-button @click="saveFormAns">确 定</el-button>
              <el-button @click="diaSetAns = false">取 消</el-button>
            </div>
          </el-dialog>
13b58a42   梁保满   备题组卷部分前端页面基本完成
430
          <div class="btn-box">
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
431
            <el-button type="danger" plain round @click="linkBack">取消</el-button>
533a17d8   梁保满   备题组卷添加批量设置答案
432
            <el-button round @click="backStep1">上一步</el-button>
13b58a42   梁保满   备题组卷部分前端页面基本完成
433
434
435
            <el-button type="primary" round @click="save">保存</el-button>
          </div>
        </div>
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
        <el-dialog :close-on-click-modal="false" title="上传题干" :visible.sync="dialogStem" v-if="dialogStem" width="500">
          <div class="upload-box">
            <img v-if="stem.screenshot" :src="stem.screenshotSrc" class="stem-pic" />
            <el-upload class="upload-demo" action="http://121.40.127.171/file/uploadImg" :limit="1" :on-success="upSuccess"
              :on-error="upError" accept="image/*">
              <el-button size="small" type="primary">{{
                stem.screenshot ? "重新上传" : "选择照片"
              }}</el-button>
            </el-upload>
          </div>
          <div slot="footer">
            <el-button @click="dialogStem = false">关闭弹窗</el-button>
          </div>
        </el-dialog>
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
451
452
      </div>
    </div>
4c4f7640   梁保满   路由表,路由前端文件
453
454
455
  </template>
  
  <script>
533a17d8   梁保满   备题组卷添加批量设置答案
456
  import { deepClone, checkAnswer } from "utils";
13b58a42   梁保满   备题组卷部分前端页面基本完成
457
458
459
460
  const questionForm = {
    questionTitle: "",
    questionType: 2,
    number: 10,
255e2506   梁保满   飞书bug及优化
461
462
    selectNum: 4,
    score: 1,
533a17d8   梁保满   备题组卷添加批量设置答案
463
    partScore: 0,
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
464
    answerList: "",
13b58a42   梁保满   备题组卷部分前端页面基本完成
465
466
467
468
469
470
  };
  const subQuesOptions = {
    questionType: 2,
    score: 1,
    partScore: 0,
    selectNum: 4,
ee6e7628   梁保满   备题组卷借口数据对接调整
471
    answerOptions: "A,B,C,D",
13b58a42   梁保满   备题组卷部分前端页面基本完成
472
473
    correctAnswer: "",
  };
4c4f7640   梁保满   路由表,路由前端文件
474
  export default {
f26ecfa4   阿宝   测试bug
475
476
477
478
479
    computed: {
      allScore: function () {
        let score = 0;
        this.form.questionList.map((item) => {
          score += item.subQuestions.reduce((a, b) => {
533a17d8   梁保满   备题组卷添加批量设置答案
480
            return a + Number(b.score ? b.score : 0);
f26ecfa4   阿宝   测试bug
481
482
483
484
485
          }, 0);
        }, 0);
        return Number(score).toFixed(2);
      },
    },
255e2506   梁保满   飞书bug及优化
486
487
488
489
490
491
    watch: {
      step: function () {
        this.$nextTick(function () {
          this.$refs.content.scrollTop = 0;
        });
      },
ca39cc52   阿宝   飞书问题处理
492
    },
13b58a42   梁保满   备题组卷部分前端页面基本完成
493
494
    data() {
      return {
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
495
        role: "",
13b58a42   梁保满   备题组卷部分前端页面基本完成
496
497
498
499
        step: 0, //步骤
        gradeList: [], //年级
        subjectList: [], //科目
        answerTypeList: [], //测验类型
4ad1ef07   阿宝   类型添加验证
500
        answerTypeName: "", //测验类型名称
13b58a42   梁保满   备题组卷部分前端页面基本完成
501
502
503
        form: {
          //答题卡详情
          title: "",
ee6e7628   梁保满   备题组卷借口数据对接调整
504
          tagId: "",
ee6e7628   梁保满   备题组卷借口数据对接调整
505
          subjectName: "",
f26ecfa4   阿宝   测试bug
506
          examsDuration: 90,
13b58a42   梁保满   备题组卷部分前端页面基本完成
507
          questionList: [],
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
508
509
          gradeName: "",
          sharingType: 0,
13b58a42   梁保满   备题组卷部分前端页面基本完成
510
511
512
513
514
515
516
517
518
519
520
521
        },
        formRules: {
          //答题卡验证
          title: [
            { required: true, message: "请输入答题卡名称", trigger: "blur" },
            {
              min: 1,
              max: 30,
              message: "长度在 1 到 30 个字符",
              trigger: "blur",
            },
          ],
ee6e7628   梁保满   备题组卷借口数据对接调整
522
523
524
          subjectName: [
            { required: true, message: "请选择科目", trigger: "blur" },
          ],
13b58a42   梁保满   备题组卷部分前端页面基本完成
525
526
527
528
          examsDuration: [
            { required: true, message: "请设置考试时长", trigger: "blur" },
          ],
        },
818e50d7   梁保满   标签删除,修改
529
        tagList: [],
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
530
531
        diaSetAns: false, //答案开关
        dialogStem: false, //截图开关
533a17d8   梁保满   备题组卷添加批量设置答案
532
533
534
        formAns: {
          listIndex: 0, //大题位置
          endIndex: 0, //相同题目最后一位题目的questionIndex
98f6a547   梁保满   创建答题卡,统计答题信息
535
          index: 0, //相同题目最后一位题目的位置
533a17d8   梁保满   备题组卷添加批量设置答案
536
537
538
539
540
          qusType: "", //题目类型
          subNum: 0, //数量
          answerOptions: [], //答案选项
          answerList: "", //答案列表-字符串
        },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
        stem: {
          index: 0, //大题位置
          indexs: 0, //小题位置
          screenshot: "", //题干图片id
          screenshotSrc: "", //题干图片地址显示用保存时删除
        },
        type: 1, //1-创建,2-复制答题卡
        dialogVisible: false, //测验类型设置弹窗
        addQuestionVisible: false, //添加大题弹窗
        questionForm: { ...questionForm },
        questionFormRules: {
          questionTitle: [
            { required: true, message: "请输入大题名称", trigger: "blur" },
            {
              min: 1,
              max: 30,
              message: "长度在 1 到 30 个字符",
              trigger: "blur",
            },
          ],
        },
        questionOptions: [
          { label: "单选题", value: 2 },
          { label: "多选题", value: 3 },
          { label: "判断题", value: 4 },
          { label: "主观题", value: 5 },
        ],
        rightOptions: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"],
        addSubQuestionsType: "",
13b58a42   梁保满   备题组卷部分前端页面基本完成
570
571
      };
    },
5424ef82   梁保满   接口调整
572
    async created() {
f26ecfa4   阿宝   测试bug
573
      this.type = this.$route.query.type ? this.$route.query.type : 1;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
574
575
576
577
578
579
580
581
582
      this.role =
        this.$store.getters.info.showRole ||
        this.$store.getters.info.permissions[0].role;
      if (this.role != "ROLE_PERSONAL") {
        this.formRules.gradeName = [
          { required: true, message: "请选择年级", trigger: "blur" },
        ];
        await this._GradeList();
      }
8f573b82   阿宝   组卷接口联调
583
584
      await this._QuerySubjectList(this.gradeList[0]);
      await this._TypeList();
13b58a42   梁保满   备题组卷部分前端页面基本完成
585
      if (this.type == 2) {
ee6e7628   梁保满   备题组卷借口数据对接调整
586
        this._QueryDetail();
13b58a42   梁保满   备题组卷部分前端页面基本完成
587
588
589
      }
    },
    methods: {
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
      //上传截图
      openStem(obj, index, indexs) {
        this.stem.index = index;
        this.stem.indexs = indexs;
        if (type == 1) {
          this.stem.screenshot = obj.screenshot || "";
          this.stem.screenshotSrc = obj.screenshotSrc || "";
        } else {
          this.stem.screenshot = "";
          this.stem.screenshotSrc = "";
        }
        this.dialogStem = true;
      },
      //图片上传成功
      upSuccess(res, file) {
        if (res && res.status == 0) {
          this.stem.screenshotSrc = res.data.url;
          this.stem.screenshot = res.data.resId;
          this.form.questionList[this.stem.index].subQuestions[this.stem.indexs][
            keys
          ] = this.stem.screenshot;
          this.form.questionList[this.stem.index].subQuestions[this.stem.indexs][
            keys + "Src"
          ] = this.stem.screenshotSrc;
          this.$message.success("上传成功");
        } else {
          this.$message.error(res.info);
        }
      },
  
      upError(res) {
        this.$message.error("上传失败");
      },
13b58a42   梁保满   备题组卷部分前端页面基本完成
623
624
625
      linkBack() {
        this.$confirm(
          (this.type == 2 ? "修改复制的" : "组建的") +
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
626
          "答题卡未保存,确认退出吗?",
13b58a42   梁保满   备题组卷部分前端页面基本完成
627
628
629
630
631
632
633
634
635
636
637
638
          "提示",
          {
            confirmButtonText: "取消",
            cancelButtonText: "确定",
            confirmButtonClass: "el-button--danger1",
            cancelButtonClass: "el-button--primary",
            showClose: false,
            roundButton: true,
            center: true,
            type: "warning",
          }
        )
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
639
          .then(() => { })
13b58a42   梁保满   备题组卷部分前端页面基本完成
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
          .catch(() => {
            this.$router.push({
              path: "/examinationPaper",
            });
          });
      },
      setSubPro(type) {
        let tit;
        switch (type) {
          case 2:
            tit = "单选题";
            break;
          case 3:
            tit = "多选题";
            break;
          case 4:
            tit = "判断题";
            break;
          case 5:
            tit = "主观题";
            break;
        }
        return tit;
      },
533a17d8   梁保满   备题组卷添加批量设置答案
664
      setNum(index, indexs, sub) {
13b58a42   梁保满   备题组卷部分前端页面基本完成
665
        let lengths = 0;
533a17d8   梁保满   备题组卷添加批量设置答案
666
        let subIndex = 0;
13b58a42   梁保满   备题组卷部分前端页面基本完成
667
        for (let i = 0; i < index; i++) {
533a17d8   梁保满   备题组卷添加批量设置答案
668
669
670
671
672
673
674
675
676
677
          let subArr = this.form.questionList[i].subQuestions.filter((item) => {
            return !!item.questionType;
          });
          lengths += subArr.length;
        }
  
        for (let i = 0; i < indexs; i++) {
          if (!!this.form.questionList[index].subQuestions[i].questionType) {
            subIndex += 1;
          }
13b58a42   梁保满   备题组卷部分前端页面基本完成
678
        }
533a17d8   梁保满   备题组卷添加批量设置答案
679
        return lengths + subIndex + 1;
13b58a42   梁保满   备题组卷部分前端页面基本完成
680
      },
0e46bc25   梁保满   优化
681
682
683
684
685
686
      setNums(ques) {
        let lengths = 0;
        let subArr = ques.filter((item) => {
          return !!item.questionType;
        });
        lengths = subArr.length;
818e50d7   梁保满   标签删除,修改
687
        return lengths;
0e46bc25   梁保满   优化
688
      },
13b58a42   梁保满   备题组卷部分前端页面基本完成
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
      setBigNum(num) {
        let txt = "";
        let bigNum = [
          "一",
          "二",
          "三",
          "四",
          "五",
          "六",
          "七",
          "八",
          "九",
          "十",
          "十一",
          "十二",
          "十三",
          "十四",
          "十五",
          "十六",
          "十七",
          "十八",
          "十九",
          "二十",
        ];
        txt = bigNum[num];
4c4f7640   梁保满   路由表,路由前端文件
714
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
715
716
        return txt;
      },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
717
      //切换题型清空答案
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
718
      setQuestionForm(val) {
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
719
720
        this.questionForm.answerList = "";
      },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
721
      //减少题数设置答案
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
722
      changeQesNum(val) {
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
723
724
725
726
727
728
729
730
731
        if (
          this.questionForm.questionType == 2 ||
          this.questionForm.questionType == 4
        ) {
          this.questionForm.answerList = this.questionForm.answerList.substring(
            0,
            val
          );
        } else {
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
732
733
734
735
736
737
          this.questionForm.answerList = this.questionForm.answerList
            .split(",")
            .splice(0, val)
            .join(",");
        }
      },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
738
      //初始化要修改的答案
533a17d8   梁保满   备题组卷添加批量设置答案
739
      setFormAns(indexs, index) {
533a17d8   梁保满   备题组卷添加批量设置答案
740
741
        this.formAns = { ...this.form.questionList[index].subQuestions[indexs] };
        this.formAns.listIndex = index;
98f6a547   梁保满   创建答题卡,统计答题信息
742
        let startIndex = this.formAns.index + 1 - this.formAns.subNum; //批量设置大难开始位置
11a4e518   梁保满   背题组卷修改答案设置,即使测随堂问...
743
744
745
        this.formAns.answerList = [];
        let answerList = "";
        this.form.questionList[index].subQuestions.map((item, subIdx) => {
f5729396   梁保满   批量设置答案
746
747
748
749
750
751
752
753
754
755
756
          if (subIdx >= startIndex) {
            answerList += this.setAnswer(item.questionType, item.correctAnswer);
            if (subIdx != indexs) {
              if (!!item.qusType) {
                answerList = "";
              }
            } else {
              if (item.qusType == 3) {
                answerList = answerList.slice(0, -1);
              }
              this.formAns.answerList = answerList;
11a4e518   梁保满   背题组卷修改答案设置,即使测随堂问...
757
            }
11a4e518   梁保满   背题组卷修改答案设置,即使测随堂问...
758
759
760
          }
        });
  
533a17d8   梁保满   备题组卷添加批量设置答案
761
762
        this.diaSetAns = true;
      },
def690b2   梁保满   批量设置答案
763
      insertTxtAndSetcursor(element, answerList, str) {
f5729396   梁保满   批量设置答案
764
765
766
767
768
769
770
771
772
773
774
775
776
777
        let startPos = element.selectionStart; // 获取光标开始的位置
        if (startPos === undefined) {
          // 如果没有光标位置 不操作
          return answerList;
        } else {
          return {
            text:
              answerList.substring(0, startPos) +
              str +
              answerList.substring(startPos), // 将文本插入
            startPos: startPos + str.length,
          };
        }
      },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
778
      //多选答案设置
def690b2   梁保满   批量设置答案
779
      setMultiple(obj, answer, type) {
def690b2   梁保满   批量设置答案
780
781
782
783
784
785
786
787
788
        let elements =
          type == 1
            ? this.$refs["formAnsIpt2"].$el.children[0]
            : this.$refs["formAnsIpt"].$el.children[0];
        let resault = this.insertTxtAndSetcursor(
          elements,
          obj.answerList || "",
          answer
        );
f5729396   梁保满   批量设置答案
789
        obj.answerList = resault.text;
533a17d8   梁保满   备题组卷添加批量设置答案
790
        let str = obj.answerList;
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
791
792
793
794
795
796
        let str2;
        if (!!obj.answerOptions) {
          str2 = checkAnswer(
            str,
            3,
            obj.answerOptions.split(",").length,
b2d3d803   梁保满   批量设置答案优化
797
            obj.subNum
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
798
799
          );
        } else {
b2d3d803   梁保满   批量设置答案优化
800
          str2 = checkAnswer(str, 3, obj.selectNum, obj.number);
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
801
        }
533a17d8   梁保满   备题组卷添加批量设置答案
802
        obj.answerList = str2;
def690b2   梁保满   批量设置答案
803
804
        elements.focus();
        elements.selectionStart = resault.startPos;
533a17d8   梁保满   备题组卷添加批量设置答案
805
      },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
806
      //批量修改答案
533a17d8   梁保满   备题组卷添加批量设置答案
807
      saveFormAns() {
533a17d8   梁保满   备题组卷添加批量设置答案
808
809
810
811
812
813
814
815
816
817
818
819
820
821
        let EndIndex;
        let subNum = this.formAns.subNum - 1;
        this.form.questionList[this.formAns.listIndex].subQuestions.some(
          (item, index) => {
            if (this.formAns.endIndex == item.questionIndex) {
              EndIndex = index;
              return;
            }
          }
        );
  
        for (let i = 0; i <= subNum; i++) {
          let correctAnswer = "";
          if (this.formAns.qusType == 2) {
f5729396   梁保满   批量设置答案
822
            correctAnswer = this.formAns.answerList[subNum - i] || "";
533a17d8   梁保满   备题组卷添加批量设置答案
823
          } else if (this.formAns.qusType == 3) {
f5729396   梁保满   批量设置答案
824
            correctAnswer = this.formAns.answerList.split(",")[subNum - i] || "";
533a17d8   梁保满   备题组卷添加批量设置答案
825
          } else if (this.formAns.qusType == 4) {
503b6063   梁保满   判断题答案选项
826
827
828
829
            correctAnswer =
              this.formAns.answerList[subNum - i] == "✓"
                ? 1
                : this.formAns.answerList[subNum - i] == "✗"
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
830
831
                  ? 2
                  : "";
533a17d8   梁保满   备题组卷添加批量设置答案
832
833
834
835
836
837
838
          }
          this.form.questionList[this.formAns.listIndex].subQuestions[
            EndIndex - i
          ].correctAnswer = correctAnswer;
        }
        this.diaSetAns = false;
      },
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
839
      keydownAnswer(event, type, isAddBig) {
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
840
841
        let answerA = "ABCDEFGHIJ";
        let answer_a = "abcdefghij";
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
842
843
844
845
846
847
848
        if (isAddBig) {
          answerA = answerA.substring(0, this.questionForm.selectNum);
          answer_a = answer_a.substring(0, this.questionForm.selectNum);
        } else {
          answerA = answerA.substring(0, this.formAns.subNum);
          answer_a = answer_a.substring(0, this.formAns.subNum);
        }
813d4d64   梁保满   批量设置答案添加输入
849
850
        answerA += answer_a;
        answerA = type == 2 ? answerA : answerA + ",";
533a17d8   梁保满   备题组卷添加批量设置答案
851
852
853
854
855
856
857
858
859
860
861
862
863
864
        if (
          event.key == "Meta" ||
          event.key == "CapsLock" ||
          event.key == "Shift" ||
          event.key == "Enter" ||
          event.key == "Alt" ||
          event.key == "Backspace" ||
          event.key == "Delete" ||
          event.key == "ArrowUp" ||
          event.key == "ArrowDown" ||
          event.key == "ArrowLeft" ||
          event.key == "v" ||
          event.key == "V" ||
          event.key == "ArrowRight"
813d4d64   梁保满   批量设置答案添加输入
865
        )
533a17d8   梁保满   备题组卷添加批量设置答案
866
          return;
813d4d64   梁保满   批量设置答案添加输入
867
        if (!answerA.includes(event.key)) {
533a17d8   梁保满   备题组卷添加批量设置答案
868
869
870
          event.returnValue = "";
        }
      },
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
      setAllAnswer(event, type, isAddBig) {
        if (isAddBig) {
          let str = this.questionForm.answerList;
          let str2 = checkAnswer(
            str,
            type,
            this.questionForm.selectNum,
            this.questionForm.number
          );
          this.questionForm.answerList = str2;
        } else {
          let str = this.formAns.answerList;
          let str2 = checkAnswer(
            str,
            type,
            this.formAns.answerOptions.split(",").length,
            this.formAns.subNum
          );
          this.formAns.answerList = str2;
        }
813d4d64   梁保满   批量设置答案添加输入
891
      },
533a17d8   梁保满   备题组卷添加批量设置答案
892
893
894
895
896
897
898
      setAnswer(type, ans) {
        let txt = "";
        if (type == 2) {
          txt = ans;
        } else if (type == 3) {
          txt = ans + ",";
        } else if (type == 4) {
d32e461c   梁保满   备题组卷
899
          txt = ans == 1 ? "✓" : ans == 2 ? "✗" : "";
533a17d8   梁保满   备题组卷添加批量设置答案
900
901
902
903
904
905
906
        }
        return txt;
      },
      backStep1() {
        this.formatQuestionList();
        this.step = 1;
      },
13b58a42   梁保满   备题组卷部分前端页面基本完成
907
      setStep1() {
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
908
909
910
911
        if (this.subjectList.length == 0) {
          this.$message.warning("暂无绑定年级信息,请先联系管理员设置。");
          return;
        }
13b58a42   梁保满   备题组卷部分前端页面基本完成
912
913
914
915
916
917
918
919
920
921
922
        this.$refs["forms"].validate((valid) => {
          // 验证通过:保存
          if (valid) {
            this.step = 1;
          } else {
            this.$message.error("数据有误,请检查!");
            return false;
          }
        });
      },
      setStep2() {
f26ecfa4   阿宝   测试bug
923
924
925
926
        if (!this.form.questionList.length) {
          this.$message.warning("请添加题目!");
          return;
        }
d32e461c   梁保满   备题组卷
927
928
929
930
931
932
        //添加题目ID、序号
        this.form.questionList.map((item, index) => {
          item.questionType = 0;
          item.subQuestions.map((items, indexs) => {
            items.questionId = this.setNum(index, indexs);
            items.questionIndex = this.setNum(index, indexs);
533a17d8   梁保满   备题组卷添加批量设置答案
933
          });
d32e461c   梁保满   备题组卷
934
935
936
937
938
939
        });
        //整理问题
        this.form.questionList?.map((item) => {
          let types = [{}];
          let addndex = 0;
          item.subQuestions.map((sub, index) => {
76693d69   梁保满   批量设置答案按钮位置
940
            if (!!sub.questionType) {
98f6a547   梁保满   创建答题卡,统计答题信息
941
942
943
944
              if (
                sub.questionType == types[addndex].qusType &&
                sub.questionType != 5
              ) {
d32e461c   梁保满   备题组卷
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
                //同类型批量答案+1
                types[addndex].subNum += 1;
                if (
                  types[addndex].answerOptions.length < sub.answerOptions.length
                ) {
                  types[addndex].answerOptions = sub.answerOptions;
                }
  
                // types[addndex].answerList += this.setAnswer(
                //   sub.questionType,
                //   sub.correctAnswer
                // );
                types[addndex].answerList = "";
                if (index == item.subQuestions.length - 1) {
                  //循环最后类型数量大于等于5,保存批量答案
533a17d8   梁保满   备题组卷添加批量设置答案
960
                  if (types[addndex].subNum && types[addndex].subNum >= 5) {
d32e461c   梁保满   备题组卷
961
962
                    types[addndex].endIndex = sub.questionIndex;
                    types[addndex].index = index;
533a17d8   梁保满   备题组卷添加批量设置答案
963
                  }
533a17d8   梁保满   备题组卷添加批量设置答案
964
                }
d32e461c   梁保满   备题组卷
965
966
967
968
969
970
971
972
973
974
975
976
977
              } else {
                if (types[addndex].subNum && types[addndex].subNum >= 5) {
                  //不同类型时如果原有类型数量大于等于5,保存批量答案
                  types[addndex].endIndex =
                    item.subQuestions[index - 1].questionIndex;
                  types[addndex].index = index - 1;
                  addndex += 1;
                  types[addndex] = {};
                }
                //不同类型初始化批量答案
                types[addndex].qusType = sub.questionType;
                types[addndex].subNum = 1;
                types[addndex].answerOptions = sub.answerOptions;
503b6063   梁保满   判断题答案选项
978
                types[addndex].answerList = "";
533a17d8   梁保满   备题组卷添加批量设置答案
979
980
              }
            }
533a17d8   梁保满   备题组卷添加批量设置答案
981
          });
d32e461c   梁保满   备题组卷
982
983
984
985
986
987
988
989
990
          for (let i = 0; i < types.length; i++) {
            if (types[i].subNum >= 5) {
              item.subQuestions.splice(
                types[i].index + i + 1,
                0,
                deepClone(types[i])
              );
            }
          }
d32e461c   梁保满   备题组卷
991
992
993
        });
        this.step = 2;
        return;
533a17d8   梁保满   备题组卷添加批量设置答案
994
      },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
995
      //删除批量操作数据
533a17d8   梁保满   备题组卷添加批量设置答案
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
      formatQuestionList() {
        for (let i = 0; i < this.form.questionList.length; i++) {
          for (
            let j = 0;
            j < this.form.questionList[i].subQuestions.length;
            j++
          ) {
            if (this.form.questionList[i].subQuestions[j].qusType) {
              this.form.questionList[i].subQuestions.splice(j, 1);
            }
          }
13b58a42   梁保满   备题组卷部分前端页面基本完成
1007
1008
1009
1010
1011
1012
        }
      },
      openQuestion() {
        this.questionForm = { ...questionForm };
        this.addQuestionVisible = true;
      },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1013
      //添加大题
13b58a42   梁保满   备题组卷部分前端页面基本完成
1014
      addQuestion() {
13b58a42   梁保满   备题组卷部分前端页面基本完成
1015
1016
1017
        let subQuestions = [];
        let questionsOptions = {
          ...subQuesOptions,
255e2506   梁保满   飞书bug及优化
1018
1019
          selectNum: this.questionForm.selectNum,
          score: this.questionForm.score,
533a17d8   梁保满   备题组卷添加批量设置答案
1020
          partScore: this.questionForm.partScore,
255e2506   梁保满   飞书bug及优化
1021
1022
1023
1024
          questionType:
            this.questionForm.questionType == 6
              ? 2
              : this.questionForm.questionType,
13b58a42   梁保满   备题组卷部分前端页面基本完成
1025
1026
1027
        };
        switch (questionsOptions.questionType) {
          case 2:
8f573b82   阿宝   组卷接口联调
1028
1029
1030
            questionsOptions.answerOptions = this.rightOptions
              .slice(0, questionsOptions.selectNum)
              .join(",");
13b58a42   梁保满   备题组卷部分前端页面基本完成
1031
1032
            break;
          case 3:
8f573b82   阿宝   组卷接口联调
1033
1034
1035
            questionsOptions.answerOptions = this.rightOptions
              .slice(0, questionsOptions.selectNum)
              .join(",");
13b58a42   梁保满   备题组卷部分前端页面基本完成
1036
1037
            break;
          case 4:
503b6063   梁保满   判断题答案选项
1038
1039
1040
            questionsOptions.selectNum = 0;
            questionsOptions.answerOptions = "1,2";
            break;
13b58a42   梁保满   备题组卷部分前端页面基本完成
1041
1042
1043
1044
1045
          case 5:
            questionsOptions.selectNum = 0;
            break;
        }
        for (let i = 0; i < this.questionForm.number; i++) {
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1046
1047
1048
1049
1050
1051
          let answer = "";
          if (questionsOptions.questionType == 4) {
            answer =
              this.questionForm.answerList[i] == "✓"
                ? 1
                : this.questionForm.answerList[i] == "✗"
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1052
1053
                  ? 2
                  : "";
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1054
1055
1056
1057
1058
1059
          } else if (questionsOptions.questionType == 3) {
            answer = this.questionForm.answerList.split(",")[i] || "";
          } else if (questionsOptions.questionType == 2) {
            answer = this.questionForm.answerList[i] || "";
          }
          questionsOptions.correctAnswer = answer;
13b58a42   梁保满   备题组卷部分前端页面基本完成
1060
1061
1062
1063
1064
1065
1066
          subQuestions.push({ ...questionsOptions });
        }
        this.form.questionList.push({
          questionTitle: this.questionForm.questionTitle,
          number: this.questionForm.number,
          source: 10,
          subQuestions: [...subQuestions],
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1067
          show: false,
13b58a42   梁保满   备题组卷部分前端页面基本完成
1068
1069
1070
        });
        this.addQuestionVisible = false;
      },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1071
      //删除小题
13b58a42   梁保满   备题组卷部分前端页面基本完成
1072
      delTabData(subIndex, index) {
13b58a42   梁保满   备题组卷部分前端页面基本完成
1073
1074
1075
1076
        this.form.questionList[index].subQuestions.splice(subIndex, 1);
      },
      setScore(question) {
        let score = question.subQuestions.reduce((a, b) => {
533a17d8   梁保满   备题组卷添加批量设置答案
1077
          return a + (b.score ? b.score : 0);
13b58a42   梁保满   备题组卷部分前端页面基本完成
1078
        }, 0);
ee6e7628   梁保满   备题组卷借口数据对接调整
1079
        return Number(score).toFixed(2);
13b58a42   梁保满   备题组卷部分前端页面基本完成
1080
      },
13b58a42   梁保满   备题组卷部分前端页面基本完成
1081
1082
1083
1084
1085
1086
1087
1088
      changeAddSubQuestions(val, question) {
        if (val) {
          let questionsOptions = {
            ...subQuesOptions,
            questionType: val,
          };
          switch (questionsOptions.questionType) {
            case 2:
8f573b82   阿宝   组卷接口联调
1089
1090
1091
              questionsOptions.answerOptions = this.rightOptions
                .slice(0, questionsOptions.selectNum)
                .join(",");
13b58a42   梁保满   备题组卷部分前端页面基本完成
1092
1093
              break;
            case 3:
8f573b82   阿宝   组卷接口联调
1094
1095
1096
              questionsOptions.answerOptions = this.rightOptions
                .slice(0, questionsOptions.selectNum)
                .join(",");
f26ecfa4   阿宝   测试bug
1097
              questionsOptions.partScore = 0;
13b58a42   梁保满   备题组卷部分前端页面基本完成
1098
1099
              break;
            case 4:
503b6063   梁保满   判断题答案选项
1100
1101
1102
              questionsOptions.selectNum = 0;
              questionsOptions.answerOptions = "1,2";
              break;
13b58a42   梁保满   备题组卷部分前端页面基本完成
1103
1104
1105
1106
1107
1108
1109
1110
            case 5:
              questionsOptions.selectNum = 0;
              break;
          }
          question.subQuestions.push(questionsOptions);
          this.addSubQuestionsType = "";
        }
      },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1111
      //切换多题型-小题题型
13b58a42   梁保满   备题组卷部分前端页面基本完成
1112
      changeSubQuestions(val, subQuestions) {
13b58a42   梁保满   备题组卷部分前端页面基本完成
1113
1114
1115
1116
1117
1118
1119
        const that = this;
        subQuestions.score = 1;
        subQuestions.partScore = 0;
        subQuestions.correctAnswer = "";
        subQuestions.selectNum = 4;
        switch (val) {
          case 2:
8f573b82   阿宝   组卷接口联调
1120
1121
1122
            subQuestions.answerOptions = that.rightOptions
              .slice(0, subQuestions.selectNum)
              .join(",");
13b58a42   梁保满   备题组卷部分前端页面基本完成
1123
1124
            break;
          case 3:
8f573b82   阿宝   组卷接口联调
1125
1126
1127
            subQuestions.answerOptions = that.rightOptions
              .slice(0, subQuestions.selectNum)
              .join(",");
13b58a42   梁保满   备题组卷部分前端页面基本完成
1128
1129
            break;
          case 4:
503b6063   梁保满   判断题答案选项
1130
1131
1132
            subQuestions.selectNum = 0;
            subQuestions.answerOptions = "1,2";
            break;
13b58a42   梁保满   备题组卷部分前端页面基本完成
1133
1134
1135
1136
1137
          case 5:
            subQuestions.selectNum = 0;
            break;
        }
      },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1138
      //添加选项
13b58a42   梁保满   备题组卷部分前端页面基本完成
1139
      addOptions(subQuestions) {
8f573b82   阿宝   组卷接口联调
1140
        let length = subQuestions.answerOptions.split(",").length;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1141
        if (length > 9) return;
13b58a42   梁保满   备题组卷部分前端页面基本完成
1142
        subQuestions.selectNum = length + 1;
8f573b82   阿宝   组卷接口联调
1143
1144
1145
        subQuestions.answerOptions = this.rightOptions
          .slice(0, subQuestions.selectNum)
          .join(",");
13b58a42   梁保满   备题组卷部分前端页面基本完成
1146
      },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1147
      //删除选项
13b58a42   梁保满   备题组卷部分前端页面基本完成
1148
      removeOptions(subQuestions) {
8f573b82   阿宝   组卷接口联调
1149
        let length = subQuestions.answerOptions.split(",").length;
f26ecfa4   阿宝   测试bug
1150
        if (length < 3) return;
13b58a42   梁保满   备题组卷部分前端页面基本完成
1151
        subQuestions.selectNum = length - 1;
8f573b82   阿宝   组卷接口联调
1152
1153
1154
        subQuestions.answerOptions = this.rightOptions
          .slice(0, subQuestions.selectNum)
          .join(",");
98f6a547   梁保满   创建答题卡,统计答题信息
1155
1156
1157
1158
        subQuestions.correctAnswer = subQuestions.correctAnswer.slice(
          0,
          subQuestions.selectNum
        );
13b58a42   梁保满   备题组卷部分前端页面基本完成
1159
      },
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1160
      //设置多选答案
13b58a42   梁保满   备题组卷部分前端页面基本完成
1161
      changAnswer(sub, option) {
13b58a42   梁保满   备题组卷部分前端页面基本完成
1162
1163
1164
1165
1166
1167
1168
1169
1170
        let str = new RegExp(option, "g");
        if (sub.correctAnswer?.includes(option)) {
          sub.correctAnswer = sub.correctAnswer.replace(str, "");
        } else {
          let arrs = (sub.correctAnswer && sub.correctAnswer.split("")) || [];
          arrs.push(option);
          sub.correctAnswer = arrs.sort().join("");
        }
      },
818e50d7   梁保满   标签删除,修改
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
      openTagDia() {
        this.tagList = deepClone(this.answerTypeList);
        this.dialogVisible = true;
      },
      async editTypeName(obj) {
        let isRepeat = false;
        this.answerTypeList.map((item) => {
          if (item.typeName == obj.typeName) {
            isRepeat = true;
          }
        });
        if (isRepeat) {
          this.$message.error("类型已存在请重新填写!");
          return;
        }
        //修改测验类型
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1187
1188
1189
1190
1191
        let editPaperType =
          this.role == "ROLE_PERSONAL"
            ? this.$request.pModifyPaperType
            : this.$request.editPaperType;
        const { data, status, info } = await editPaperType({
818e50d7   梁保满   标签删除,修改
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
          tagId: obj.id,
          tag: obj.typeName,
        });
        if (status == 0) {
          await this._TypeList();
          this.tagList = deepClone(this.answerTypeList);
          this.$message.success("修改成功");
        } else {
          this.$message.error(info);
        }
      },
      async removeTypeName(obj) {
        //删除测验类型
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1205
1206
1207
1208
1209
        let delPaperType =
          this.role == "ROLE_PERSONAL"
            ? this.$request.pDelPaperType
            : this.$request.delPaperType;
        const { data, status, info } = await delPaperType({
818e50d7   梁保满   标签删除,修改
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
          tagId: obj.id,
        });
        if (status == 0) {
          await this._TypeList();
          this.tagList = deepClone(this.answerTypeList);
          this.$message.success("删除成功");
        } else {
          this.$message.error(info);
        }
      },
ee6e7628   梁保满   备题组卷借口数据对接调整
1220
      async addPaperType() {
13b58a42   梁保满   备题组卷部分前端页面基本完成
1221
1222
1223
1224
1225
        //保存测验类型
        if (!this.answerTypeName) {
          this.$message.error("请填写测验名称!");
          return;
        }
ca39cc52   阿宝   飞书问题处理
1226
1227
1228
1229
        let isRepeat = false;
        this.answerTypeList.map((item) => {
          if (item.typeName == this.answerTypeName) {
            isRepeat = true;
4ad1ef07   阿宝   类型添加验证
1230
          }
ca39cc52   阿宝   飞书问题处理
1231
1232
        });
        if (isRepeat) {
4ad1ef07   阿宝   类型添加验证
1233
1234
1235
          this.$message.error("类型已存在请重新填写!");
          return;
        }
13b58a42   梁保满   备题组卷部分前端页面基本完成
1236
        //添加测验类型
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1237
1238
1239
1240
1241
        let addPaperType =
          this.role == "ROLE_PERSONAL"
            ? this.$request.pAddPaperType
            : this.$request.addPaperType;
        const { data, status, info } = await addPaperType({
8f573b82   阿宝   组卷接口联调
1242
          tag: this.answerTypeName,
13b58a42   梁保满   备题组卷部分前端页面基本完成
1243
        });
ee6e7628   梁保满   备题组卷借口数据对接调整
1244
        if (status == 0) {
aeac66d4   阿宝   飞书测试bug
1245
          await this._TypeList();
818e50d7   梁保满   标签删除,修改
1246
          this.tagList = deepClone(this.answerTypeList);
aeac66d4   阿宝   飞书测试bug
1247
          this.form.tagId = data || "";
13b58a42   梁保满   备题组卷部分前端页面基本完成
1248
1249
1250
          this.answerTypeName = "";
          this.$message.success("添加成功");
        } else {
6fffbd55   阿宝   组卷接口调整
1251
          this.$message.error(info);
13b58a42   梁保满   备题组卷部分前端页面基本完成
1252
1253
1254
        }
      },
      async save() {
8f573b82   阿宝   组卷接口联调
1255
1256
        if (this.saveLoading) return;
        this.saveLoading = true;
533a17d8   梁保满   备题组卷添加批量设置答案
1257
        this.formatQuestionList();
f5729396   梁保满   批量设置答案
1258
        let formDatas = deepClone(this.form);
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1259
        for (let i = 0; i < formDatas.questionList.length; i++) {
f5729396   梁保满   批量设置答案
1260
          delete formDatas.questionList[i].show;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1261
1262
1263
1264
1265
          for (let j = 0; j < formDatas.questionList[i].subQuestions; j++) {
            if (!!formDatas.questionList[i].subQuestions[j].screenshotSrc) {
              delete formDatas.questionList[i].subQuestions[j].screenshotSrc;
            }
          }
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1266
        }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1267
1268
1269
1270
1271
        let addPaper =
          this.role == "ROLE_PERSONAL"
            ? this.$request.pAddPaper
            : this.$request.addPaper;
        const { data, status, info } = await addPaper({
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1272
          ...formDatas,
13b58a42   梁保满   备题组卷部分前端页面基本完成
1273
        });
8f573b82   阿宝   组卷接口联调
1274
        this.saveLoading = false;
ee6e7628   梁保满   备题组卷借口数据对接调整
1275
        if (status == 0) {
13b58a42   梁保满   备题组卷部分前端页面基本完成
1276
          this.$router.push({
ee6e7628   梁保满   备题组卷借口数据对接调整
1277
1278
            path: "/examinationPaper",
          });
13b58a42   梁保满   备题组卷部分前端页面基本完成
1279
        } else {
6fffbd55   阿宝   组卷接口调整
1280
          this.$message.error(info);
13b58a42   梁保满   备题组卷部分前端页面基本完成
1281
1282
1283
1284
1285
1286
        }
      },
      async changeGrade() {
        //切换年级查询科目
        this._QuerySubjectList(this.form.gradeName);
      },
8f573b82   阿宝   组卷接口联调
1287
      async _TypeList() {
13b58a42   梁保满   备题组卷部分前端页面基本完成
1288
        //测验类型查询
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1289
1290
1291
1292
1293
        let fetchTypeNames =
          this.role == "ROLE_PERSONAL"
            ? this.$request.pPaperTagList
            : this.$request.fetchTypeNames;
        const { data, status, info } = await fetchTypeNames({
8f573b82   阿宝   组卷接口联调
1294
1295
          type: 1,
        });
ee6e7628   梁保满   备题组卷借口数据对接调整
1296
        if (status == 0) {
8f573b82   阿宝   组卷接口联调
1297
          this.answerTypeList =
d5987f6a   阿宝   组件修改答案
1298
            data.list?.map((item) => {
8f573b82   阿宝   组卷接口联调
1299
1300
1301
1302
1303
              return {
                typeName: item.tag,
                id: item.tagId,
              };
            }) || [];
13b58a42   梁保满   备题组卷部分前端页面基本完成
1304
          if (this.type != 2) {
aeac66d4   阿宝   飞书测试bug
1305
            this.form.tagId = this.answerTypeList[0]?.id || "";
13b58a42   梁保满   备题组卷部分前端页面基本完成
1306
1307
          }
        } else {
6fffbd55   阿宝   组卷接口调整
1308
          this.$message.error(info);
13b58a42   梁保满   备题组卷部分前端页面基本完成
1309
1310
1311
1312
        }
      },
      async _GradeList() {
        //查询年级列表
6fffbd55   阿宝   组卷接口调整
1313
        const { data, status, info } = await this.$request.fetchGradeList();
ee6e7628   梁保满   备题组卷借口数据对接调整
1314
        if (status == 0) {
f26ecfa4   阿宝   测试bug
1315
          this.gradeList = (data.gradeNames && [...data.gradeNames]) || [];
13b58a42   梁保满   备题组卷部分前端页面基本完成
1316
1317
1318
          if (this.type != 2) {
            this.form.gradeName = this.gradeList[0];
          }
13b58a42   梁保满   备题组卷部分前端页面基本完成
1319
        } else {
6fffbd55   阿宝   组卷接口调整
1320
          this.$message.error(info);
13b58a42   梁保满   备题组卷部分前端页面基本完成
1321
1322
        }
      },
5424ef82   梁保满   接口调整
1323
      async _QuerySubjectList(grade) {
13b58a42   梁保满   备题组卷部分前端页面基本完成
1324
        //查询科目列表
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
        if (!grade) {
          return;
        }
        let query = {};
        let fetchSubjectList =
          this.role == "ROLE_PERSONAL"
            ? this.$request.pSubjectList
            : this.$request.fetchSubjectList;
        if (this.role != "ROLE_PERSONAL") {
          query.gradeName = grade;
        }
        const { data, status, info } = await fetchSubjectList({ ...query });
ee6e7628   梁保满   备题组卷借口数据对接调整
1337
        if (status === 0) {
f26ecfa4   阿宝   测试bug
1338
1339
1340
          this.subjectList =
            data.subjectNames?.map((item) => {
              return {
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1341
1342
                value: this.role == "ROLE_PERSONAL" ? item.subjectName : item,
                label: this.role == "ROLE_PERSONAL" ? item.subjectName : item,
f26ecfa4   阿宝   测试bug
1343
1344
              };
            }) || [];
ee6e7628   梁保满   备题组卷借口数据对接调整
1345
1346
          if (this.subjectList.length) {
            this.form.subjectName = this.subjectList[0].value;
13b58a42   梁保满   备题组卷部分前端页面基本完成
1347
          }
13b58a42   梁保满   备题组卷部分前端页面基本完成
1348
        } else {
6fffbd55   阿宝   组卷接口调整
1349
          this.$message.error(info);
13b58a42   梁保满   备题组卷部分前端页面基本完成
1350
1351
        }
      },
ee6e7628   梁保满   备题组卷借口数据对接调整
1352
      async _QueryDetail() {
03bce046   梁保满   个人版调整
1353
        //查询答题卡详情
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1354
1355
1356
1357
1358
        let fetchPaperDetail =
          this.role == "ROLE_PERSONAL"
            ? this.$request.pPaperDetail
            : this.$request.fetchPaperDetail;
        const { data, status, info } = await fetchPaperDetail({
ee6e7628   梁保满   备题组卷借口数据对接调整
1359
1360
1361
          paperId: this.$route.query.paperId,
        });
        if (status == 0) {
f26ecfa4   阿宝   测试bug
1362
          this.form.title = data.title + "_副本";
ca39cc52   阿宝   飞书问题处理
1363
          this.form.tagId = data.tagId === 0 ? "" : data.tagId;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1364
1365
1366
1367
1368
1369
1370
1371
1372
          if (this.subjectList.length) {
            this.subjectList.map((item) => {
              if (item.label == data.subjectName) {
                this.form.subjectName = item.value;
              }
            });
          } else {
            this.form.subjectName = "";
          }
ee6e7628   梁保满   备题组卷借口数据对接调整
1373
          this.form.examsDuration = data.examsDuration;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
          if (this.role != "ROLE_PERSONAL") {
            this.form.sharingType = data.sharingType;
            if (this.gradeList.length) {
              this.gradeList.map((item) => {
                if (item == data.gradeName) {
                  this.form.gradeName = data.gradeName;
                }
              });
            } else {
              this.form.gradeName = "";
            }
          }
ee6e7628   梁保满   备题组卷借口数据对接调整
1386
1387
1388
1389
1390
1391
1392
          this.form.questionList = data.questionList?.map((item) => {
            let subQuestions =
              item.subQuestions?.map((items) => {
                return {
                  questionType: items.questionType,
                  score: items.score,
                  partScore: items.partScore,
8f573b82   阿宝   组卷接口联调
1393
1394
                  selectNum: items.answerOptions.split(",").length,
                  answerOptions: items.answerOptions || "A,B,C,D",
ee6e7628   梁保满   备题组卷借口数据对接调整
1395
                  correctAnswer: items.correctAnswer,
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1396
1397
                  screenshot: items.screenshot || "",
                  screenshotSrc: items.screenshot || "",
ee6e7628   梁保满   备题组卷借口数据对接调整
1398
1399
1400
1401
1402
                };
              }) || [];
            return {
              questionTitle: item.questionTitle,
              subQuestions: subQuestions,
98f6a547   梁保满   创建答题卡,统计答题信息
1403
              show: false,
ee6e7628   梁保满   备题组卷借口数据对接调整
1404
1405
1406
            };
          });
        } else {
6fffbd55   阿宝   组卷接口调整
1407
          this.$message.error(info);
ee6e7628   梁保满   备题组卷借口数据对接调整
1408
1409
        }
      },
13b58a42   梁保满   备题组卷部分前端页面基本完成
1410
1411
1412
    },
  };
  </script>
4c4f7640   梁保满   路由表,路由前端文件
1413
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1414
1415
1416
1417
  <style lang="scss" scoped>
  .red {
    color: #f30;
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1418
  
533a17d8   梁保满   备题组卷添加批量设置答案
1419
1420
  .qs-options {
    flex: 1;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1421
  
533a17d8   梁保满   备题组卷添加批量设置答案
1422
1423
1424
    .ipt {
      margin-bottom: 5px;
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1425
  
533a17d8   梁保满   备题组卷添加批量设置答案
1426
1427
1428
1429
    .answer-box {
      .answer-s {
        cursor: pointer;
        user-select: none;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1430
1431
        margin-bottom: 10px;
  
533a17d8   梁保满   备题组卷添加批量设置答案
1432
1433
1434
1435
1436
        &:first-of-type {
          margin-left: 0;
        }
      }
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1437
1438
1439
1440
1441
  
    .answer-box2 {
      margin-bottom: 10px;
    }
  
533a17d8   梁保满   备题组卷添加批量设置答案
1442
1443
1444
    .delButton {
      text-indent: -9999999px;
      border-color: #ff6868;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1445
      background: #ff6868 url("../../assets/images/arrow.png") no-repeat center;
533a17d8   梁保满   备题组卷添加批量设置答案
1446
1447
1448
      background-size: 19px;
      color: transparent;
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1449
  
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1450
1451
    .answer-s.ac {
      border: none;
11a4e518   梁保满   背题组卷修改答案设置,即使测随堂问...
1452
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1453
  
533a17d8   梁保满   备题组卷添加批量设置答案
1454
1455
1456
    .ac {
      border-color: #ff6868;
      background: #ff6868;
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1457
      color: #fff !important;
533a17d8   梁保满   备题组卷添加批量设置答案
1458
1459
1460
    }
  }
  
255e2506   梁保满   飞书bug及优化
1461
1462
  .sel2 {
    width: 480px;
e5ff81a1   阿宝   集团管理员接口
1463
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1464
  
533a17d8   梁保满   备题组卷添加批量设置答案
1465
1466
1467
1468
1469
1470
1471
  .set-ans-btn {
    width: 100%;
    padding: 10px 0 10px 630px;
    box-sizing: border-box;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1472
  
255e2506   梁保满   飞书bug及优化
1473
1474
1475
  .content-box {
    width: 100%;
    height: 100%;
ca39cc52   阿宝   飞书问题处理
1476
1477
    overflow-y: auto;
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1478
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1479
1480
1481
  .content {
    width: 100%;
    box-sizing: border-box;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1482
1483
    padding: 0 24px;
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1484
1485
1486
    .ml-20 {
      margin-left: 20px;
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1487
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1488
1489
1490
1491
1492
    .btn-box {
      text-align: right;
      margin-left: 140px;
    }
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1493
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1494
1495
1496
1497
1498
1499
1500
  .dia-content {
    .dia-tit {
      font-size: 20px;
      color: #333;
      font-weight: 700;
      text-align: center;
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1501
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1502
    .add-type {
818e50d7   梁保满   标签删除,修改
1503
1504
      width: 100%;
      margin-bottom: 10px;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1505
  
818e50d7   梁保满   标签删除,修改
1506
1507
1508
1509
      .js-set {
        margin: 2.5px 10px 0 0;
        font-size: 14px;
      }
13b58a42   梁保满   备题组卷部分前端页面基本完成
1510
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1511
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1512
1513
1514
1515
    .add-btn {
      margin-left: 20px;
    }
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1516
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1517
1518
1519
1520
1521
  .el-message-box {
    :deep(.el-button--default) {
      color: #fff;
    }
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1522
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1523
1524
1525
1526
  .add-box {
    display: flex;
    justify-content: center;
    align-items: center;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1527
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1528
1529
1530
1531
1532
1533
1534
1535
    .add-question {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      font-weight: bolder;
      padding: 2px;
      cursor: pointer;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1536
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1537
1538
1539
      .s1 {
        margin-left: 6px;
      }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1540
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1541
1542
1543
1544
      :deep(.el-icon-plus) {
        font-size: 24px;
        font-weight: 900;
      }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1545
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1546
1547
1548
1549
1550
      :deep(.el-button--mini.is-circle) {
        padding: 3px;
      }
    }
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1551
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1552
1553
  .dialog-footer {
    text-align: center;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1554
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1555
1556
1557
1558
1559
1560
    :deep(.el-button) {
      border-radius: 20px;
      padding: 8px 20px 7px;
      margin: 0 12px;
    }
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1561
  
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1562
1563
1564
  .question-box {
    margin-bottom: 20px;
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1565
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1566
1567
  .question-title {
    line-height: 40px;
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1568
1569
1570
    display: flex;
    align-items: center;
    margin-bottom: 12px;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1571
  
503b6063   梁保满   判断题答案选项
1572
    .m20 {
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1573
      margin: 0 20px;
d32e461c   梁保满   备题组卷
1574
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1575
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1576
1577
1578
    .ipt {
      width: 300px;
      margin: 0 16px 0 10px;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1579
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1580
1581
1582
1583
1584
1585
      :deep(.el-input__inner) {
        border-radius: 20px;
        border-color: #667ffd;
        background: rgba($color: #667ffd, $alpha: 0.05);
      }
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1586
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1587
1588
1589
    .delete {
      margin-right: 8px;
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1590
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1591
1592
1593
1594
1595
    .title-txt {
      margin-right: 20px;
      font-size: 16px;
      font-weight: 700;
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1596
  
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1597
1598
1599
1600
1601
1602
    .el-icon-caret-right {
      font-size: 24px;
      color: #888;
      transition: all 0.4s;
      margin-right: 12px;
      cursor: pointer;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1603
  
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1604
1605
1606
1607
1608
      &.active {
        transform: rotate(90deg);
      }
    }
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1609
  
3ba60a63   梁保满   发卡补卡,设备状态上传下载接口联调
1610
1611
1612
  .questions-ul {
    border-left: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
13b58a42   梁保满   备题组卷部分前端页面基本完成
1613
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1614
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1615
1616
1617
  .el-input-number {
    width: 140px;
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1618
  
f26ecfa4   阿宝   测试bug
1619
1620
1621
1622
1623
1624
  .answer-title {
    text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    padding-bottom: 20px;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1625
  
f26ecfa4   阿宝   测试bug
1626
1627
1628
1629
1630
1631
    .totals {
      font-size: 16px;
      color: #888;
      font-weight: normal;
    }
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1632
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1633
1634
1635
1636
1637
1638
1639
1640
1641
1642
1643
1644
  .answer-box {
    .answer-s {
      display: inline-block;
      width: 30px;
      height: 30px;
      border: 1px solid #e2e2e2;
      border-radius: 3px;
      margin: 0 6px;
      font-size: 16px;
      color: #333;
      text-align: center;
      line-height: 30px;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1645
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1646
1647
1648
1649
1650
1651
1652
      &.active {
        background: #5e78fa;
        border-color: #5e78fa;
        color: #fff;
      }
    }
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1653
  
255e2506   梁保满   飞书bug及优化
1654
1655
1656
1657
1658
1659
1660
1661
1662
1663
1664
1665
1666
  .qs-options {
    .answer-s {
      display: inline-block;
      width: 30px;
      height: 30px;
      border: 1px solid #e2e2e2;
      border-radius: 3px;
      margin: 0 6px;
      font-size: 16px;
      color: #333;
      text-align: center;
      line-height: 30px;
      cursor: pointer;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1667
  
255e2506   梁保满   飞书bug及优化
1668
1669
1670
1671
1672
1673
1674
      &.active {
        background: #5e78fa;
        border-color: #5e78fa;
        color: #fff;
      }
    }
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1675
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1676
1677
1678
1679
  .sub-questions {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #e2e2e2;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1680
1681
  
    &>div {
13b58a42   梁保满   备题组卷部分前端页面基本完成
1682
1683
1684
1685
1686
1687
1688
1689
      min-height: 40px;
      padding: 5px;
      flex-shrink: 0;
      border-right: 1px solid #e2e2e2;
      display: flex;
      justify-content: center;
      align-items: center;
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1690
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1691
    .qs-num {
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1692
      width: 70px;
13b58a42   梁保满   备题组卷部分前端页面基本完成
1693
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1694
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1695
1696
1697
    .qs-type {
      width: 160px;
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1698
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1699
1700
1701
1702
    .qs-score,
    .qs-partScore {
      width: 160px;
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1703
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1704
1705
1706
    .qs-options {
      flex: 1;
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1707
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1708
    .qs-set {
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1709
      width: 60px;
13b58a42   梁保满   备题组卷部分前端页面基本完成
1710
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1711
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1712
1713
1714
1715
    .qs-options2 {
      text-align: left;
      justify-content: flex-start;
      padding-left: 20px;
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1716
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1717
1718
1719
1720
      .answer-s {
        cursor: pointer;
      }
    }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1721
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1722
1723
1724
1725
1726
1727
1728
1729
1730
    :deep(.el-select) {
      .el-input__inner {
        border-radius: 20px;
        border-color: #667ffd;
        width: 150px;
        height: 32px;
        line-height: 32px;
        background: rgba($color: #667ffd, $alpha: 0.05);
      }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1731
  
13b58a42   梁保满   备题组卷部分前端页面基本完成
1732
1733
1734
1735
1736
      .el-input__icon {
        line-height: 32px;
      }
    }
  }
6192eba8   梁保满   引用上传文件组件问题,备题组卷顶部
1737
1738
1739
1740
1741
1742
1743
1744
1745
1746
1747
1748
1749
  
  .upload-box {
    .upload-demo {
      text-align: center;
    }
  
    .stem-pic {
      display: block;
      margin: 0 auto 20px;
      height: 200px;
      object-fit: cover;
    }
  }
4c4f7640   梁保满   路由表,路由前端文件
1750
  </style>