|
@@ -0,0 +1,153 @@
|
|
|
+<template>
|
|
|
+ <div class="sort_box margin_bs">
|
|
|
+ 试卷排序:
|
|
|
+ <el-radio-group v-model="formData.paperSort">
|
|
|
+ <el-radio :label="0">顺序</el-radio>
|
|
|
+ <el-radio :label="1">随机</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ <ul>
|
|
|
+ <li v-for="(item, index) in list" :key="index">
|
|
|
+ <span>{{ item.name }}</span>
|
|
|
+ <el-radio v-model="form['radio1' + index]" label="1">取题</el-radio>
|
|
|
+ <el-input-number
|
|
|
+ style="margin: 0px 6px; width: 100px"
|
|
|
+ v-model="passScore"
|
|
|
+ controls-position="right"
|
|
|
+ :min="0"
|
|
|
+ size="mini"
|
|
|
+ ></el-input-number>
|
|
|
+ <el-radio
|
|
|
+ v-model="form['radio' + index]"
|
|
|
+ label="1"
|
|
|
+ :disabled="form.radio0 == 0 && index != 0"
|
|
|
+ >顺序</el-radio
|
|
|
+ >
|
|
|
+ <el-input-number
|
|
|
+ style="margin: 0px 6px; width: 100px"
|
|
|
+ v-model="passScore"
|
|
|
+ controls-position="right"
|
|
|
+ :min="0"
|
|
|
+ size="mini"
|
|
|
+ ></el-input-number>
|
|
|
+ <el-radio
|
|
|
+ v-model="form['radio' + index]"
|
|
|
+ label="0"
|
|
|
+ :disabled="
|
|
|
+ formData.paperSort == 0 || (form.radio0 == 1 && index != 0)
|
|
|
+ "
|
|
|
+ >随机</el-radio
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-plus"
|
|
|
+ size="mini"
|
|
|
+ @click="handelClick"
|
|
|
+ >更多</el-button
|
|
|
+ >
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <Base-dialog
|
|
|
+ title="选择知识点"
|
|
|
+ width="660px"
|
|
|
+ center
|
|
|
+ :appendToBody="true"
|
|
|
+ :isShow.sync="isShow"
|
|
|
+ @submit="submit"
|
|
|
+ >
|
|
|
+ <el-table
|
|
|
+ ref="table"
|
|
|
+ :data="tableData"
|
|
|
+ border
|
|
|
+ @selection-change="selectionChange"
|
|
|
+ >
|
|
|
+ <el-table-column type="selection" width="55" align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column type="index" label="序号" width="50" align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="name"
|
|
|
+ label="知识点标题"
|
|
|
+ align="center"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </Base-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ props: {
|
|
|
+ // formData: {
|
|
|
+ // type: Object,
|
|
|
+ // },
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ isShow: false,
|
|
|
+ formData: {
|
|
|
+ paperSort: 0,
|
|
|
+ },
|
|
|
+ passScore: "",
|
|
|
+ list: [{ name: "单选题" }, { name: "多选题" }, { name: "案例题" }],
|
|
|
+ tableData: [{ name: 1 }],
|
|
|
+ selectList: [],
|
|
|
+ form: {
|
|
|
+ radio10: "1",
|
|
|
+ radio11: "1",
|
|
|
+ radio12: "1",
|
|
|
+ radio0: "2",
|
|
|
+ radio1: "2",
|
|
|
+ radio2: "2",
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+ methods: {
|
|
|
+ handelClick() {
|
|
|
+ this.isShow = true;
|
|
|
+ },
|
|
|
+ submit(e) {
|
|
|
+ console.log(this.selectList);
|
|
|
+ },
|
|
|
+ selectionChange(val) {
|
|
|
+ this.selectList = val;
|
|
|
+ console.log(val);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ isShow(val) {
|
|
|
+ if (val) {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.table.toggleRowSelection(this.tableData[0], true);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.sort_box {
|
|
|
+ ul {
|
|
|
+ padding-left: 76px;
|
|
|
+ margin: 0;
|
|
|
+ margin-top: 14px;
|
|
|
+ li {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ span {
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ /deep/ {
|
|
|
+ .el-radio {
|
|
|
+ margin: 0 10px;
|
|
|
+ }
|
|
|
+ .el-button {
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|