update

src/components/pages/test/add/addTest.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="pb_content" style="background: #F0F2F5;">
+    <div class="pb_content" style="background: #F0F2F5;" v-loading="loading">
         <div class="pb_content_body" style="position: relative; margin: 0">
             <div class="right">
                 <div class="courseTop">
@@ -24,9 +24,9 @@
                     <div class="r_pub_button_retrun" @click="retrunCourse">返回</div>
                 </div>
                 <div class="step_box" :style="{ width: steps == 2 && '100%' }">
-                    <setInfo v-if="steps == 1" :oid="oid" :org="org" :steps.sync="steps" :title.sync="title"
+                    <setInfo v-if="steps == 1 && !loading" :oid="oid" :org="org" :steps.sync="steps" :title.sync="title"
                         :testType.sync="testType" :see.sync="see" :cJson.sync="cJson"></setInfo>
-                    <editInfo v-if="steps == 2" :oid="oid" :org="org" :steps.sync="steps" :title.sync="title"
+                    <editInfo v-if="steps == 2 && !loading" :oid="oid" :org="org" :steps.sync="steps" :title.sync="title"
                         :cJson.sync="cJson" @save="save" @publish="publish"></editInfo>
                 </div>
             </div>
@@ -47,11 +47,28 @@ export default {
             oid: this.$route.query.oid,
             org: this.$route.query.org,
             role: this.$route.query.role,
+            cid: this.$route.query.cid,
             steps: 1,
             title: "",
             testType: [],
             see: false,
             cJson: [],
+            loading:false,
+            look:"",
+        }
+    },
+    watch: {
+        steps(newValue, oldValue) {
+            if (!this.title) {
+                this.$message.error("请补充填写课程名称");
+                this.steps = 1
+                return;
+            }
+            if (this.cid) {
+                this.updateWork(this.look)
+            } else {
+                this.addWork();
+            }
         }
     },
     methods: {
@@ -64,27 +81,21 @@ export default {
                     type: "warning",
                 })
                 .then(() => {
-                    //   if (this.cid == "" || this.cid == undefined) {
-                    //     if (this.courseName == "") {
-                    //       this.$message.error("请补充填写课程名称");
-                    //       return;
-                    //     } else {
-                    //       this.addWork();
-                    //     }
-                    //     this.steps = 4
-                    //   } else {
-                    //     if (this.courseName == "") {
-                    //       this.$message.error("请补充填写课程名称");
-                    //       return;
-                    //     } else {
-                    //       if (this.userid != this.courseUserid && this.role != "1") {
-                    //         this.updateWork2();
-                    //       } else {
-                    //         this.updateWork();
-                    //       }
-                    //       this.steps = 4
-                    //     }
-                    //   }
+                    if (this.cid == "" || this.cid == undefined) {
+                        if (this.title == "") {
+                            this.$message.error("请补充填写课程名称");
+                            return;
+                        } else {
+                            this.addWork();
+                        }
+                    } else {
+                        if (this.title == "") {
+                            this.$message.error("请补充填写课程名称");
+                            return;
+                        } else {
+                            this.updateWork();
+                        }
+                    }
                 })
                 .catch((v) => {
                     console.log(v)
@@ -105,23 +116,128 @@ export default {
         goTo(path) {
             this.$router.push(path);
         },
+        addWork() {
+            let params = [
+                {
+                    uid: this.userid,
+                    title: this.title.replace(/%/g, "%25"),
+                    brief: "",
+                    cover: "",
+                    evaId: "",
+                    astudent: "",
+                    see: this.see == true ? 1 : 0,
+                    chapters: JSON.stringify(this.cJson).replaceAll(/%/g, "%25"),
+                    template: "",
+                    courseType: JSON.stringify(this.testType),
+                    ateacher: "",
+                    inviteCode: "",
+                },
+            ];
+            this.ajax
+                .post(this.$store.state.api + "addTestCourse", params)
+                .then((res) => {
+                    this.cid = res.data.courseId;
+                })
+                .catch((err) => {
+                    this.$message.error("网络不佳");
+                    console.error(err);
+                });
+        },
+        updateWork(look) {
+            let params = [
+                {
+                    cid: this.cid,
+                    title: this.title.replace(/%/g, "%25"),
+                    brief: "",
+                    cover: "",
+                    evaId: "",
+                    astudent: "",
+                    see: this.see == true ? 1 : 0,
+                    chapters: JSON.stringify(this.cJson).replaceAll(/%/g, "%25"),
+                    uid: this.userid,
+                    courseType: JSON.stringify(this.testType),
+                    ateacher: "",
+                    inviteCode: "",
+                    look: look == 3 ? 2 : look == 4 ? 1 : look,
+                },
+            ];
+            this.ajax
+                .post(this.$store.state.api + "updateTestCourse", params)
+                .then((res) => {
+                    if(look == 3){
+                        this.$message.success("发布成功")
+                        this.goTo(
+                            "/test?userid=" +
+                            this.userid +
+                            "&oid=" +
+                            this.oid +
+                            "&org=" +
+                            this.org +
+                            "&role=" +
+                            this.role
+                        );
+                    }else if(look == 4){
+                        this.$message.success("保存成功")
+                        this.goTo(
+                            "/test?userid=" +
+                            this.userid +
+                            "&oid=" +
+                            this.oid +
+                            "&org=" +
+                            this.org +
+                            "&role=" +
+                            this.role
+                        );
+                    }
+                    this.getData();
+                })
+                .catch((err) => {
+                    this.$message.error("网络不佳");
+                    console.error(err);
+                });
+        },
+        getData() {
+            if (this.cid == "" || this.cid == undefined) {
+                console.log("这是新增课程");
+            } else {
+                this.loading = true
+                let params = {
+                    cid: this.cid,
+                };
+                this.ajax
+                    .get(this.$store.state.api + "getTestCourseDetail", params)
+                    .then((res) => {
+                        this.cJson = JSON.parse(res.data[0][0].chapters);
+                        this.$forceUpdate();
+                        this.title = res.data[0][0].title;
+
+                        this.see = res.data[0][0].open == 1 ? true : false;
+
+              
+                        this.testType = [];
+                        for (var i = 0; i < res.data[1].length; i++) {
+                            this.testType.push(res.data[1][i].typeid);
+                        }
+                        console.log(this.testType);
+                        this.look = res.data[0][0].look
+                        this.loading = false
+
+                    })
+                    .catch((err) => {
+                        console.error(err);
+                    });
+            }
+        },
         save() {
-            this.$message.success("保存成功")
+            this.updateWork(4)
         },
         publish() {
-            this.$message.success("发布成功")
-            this.goTo(
-                "/test?userid=" +
-                this.userid +
-                "&oid=" +
-                this.oid +
-                "&org=" +
-                this.org +
-                "&role=" +
-                this.role
-            );
+            this.updateWork(3)
         },
     },
+    mounted () {
+        this.getData();
+    },
 }
 </script>
 

src/components/pages/test/add/components/checkOrder.vue

@@ -1,11 +1,12 @@
 <template>
     <div class="co_box">
         <div v-for="(item1, index1) in this.checkJson" :key="index1" class="mc_ti_1" :draggable="isdrag == `${index1}`"
-            :class="{ active: checkC === `x${index1}` }">
-            <div class="title" @click.stop="checkTitle(`${index1}`)">
+            :class="{ active: checkC === `x${index1}` }" @click.stop="checkTitle(`${index1}`, 1, item1)">
+            <div class="title">
                 <div class="drag" @mousedown="setDrag(`${index1}`)" @mouseup="isdrag = ''"></div>
                 <span>{{ selectType(item1, index1) }}</span>
                 <div class="btnBox">
+                    <!-- <div class="edit" @click.stop="editCheck(`${index1}`,item1)" v-if="item1.ttype == 1 && canEdit.indexOf(item1.type) !== -1 && etype == 'edit'"></div> -->
                     <div class="delete" @click.stop="deleteCheck(`${index1}`)"></div>
                     <div class="open" v-if="item1.array && item1.array.length" :class="{ isopen: item1.isopen }"
                         @click.stop="openPan(index1)"></div>
@@ -13,11 +14,13 @@
             </div>
             <div v-if="item1.array && item1.array.length && item1.isopen" class="mc_ti_1_xia">
                 <div v-for="(item2, index2) in item1.array" :key="`${index1}-${index2}`" class="mc_ti_2"
-                    :draggable="isdrag == `${index1}-${index2}`" :class="{ active: checkC === `x${index1}-${index2}` }">
-                    <div class="title" @click.stop="checkTitle(`${index1}-${index2}`)">
+                    :draggable="isdrag == `${index1}-${index2}`" :class="{ active: checkC === `x${index1}-${index2}` }"
+                    @click.stop="checkTitle(`${index1}-${index2}`, 2, item2)">
+                    <div class="title">
                         <div class="drag" @mousedown="setDrag(`${index1}-${index2}`)" @mouseup="isdrag = ''"></div>
                         <span>{{ selectType(item2, index2) }}</span>
                         <div class="btnBox">
+                            <!-- <div class="edit" @click.stop="editCheck(`${index1}-${index2}`,item2)" v-if="item2.ttype == 1 && canEdit.indexOf(item2.type) !== -1 && etype == 'edit'"></div> -->
                             <div class="delete" @click.stop="deleteCheck(`${index1}-${index2}`)"></div>
                             <div class="open" v-if="item2.array && item2.array.length" :class="{ isopen: item2.isopen }"
                                 @click.stop="openPan(index1, index2)"></div>
@@ -26,40 +29,79 @@
                     <div v-if="item2.array && item2.array.length && item2.isopen" class="mc_ti_2_xia">
                         <div v-for="(item3, index3) in item2.array" :key="`${index1}-${index2}-${index3}`" class="mc_ti_3"
                             :draggable="isdrag == `${index1}-${index2}-${index3}`"
-                            :class="{ active: checkC === `x${index1}-${index2}-${index3}` }">
-                            <div class="title" @click.stop="checkTitle(`${index1}-${index2}-${index3}`)">
+                            :class="{ active: checkC === `x${index1}-${index2}-${index3}` }"
+                            @click.stop="checkTitle(`${index1}-${index2}-${index3}`, 3, item3)">
+                            <div class="title">
                                 <div class="drag" @mousedown="setDrag(`${index1}-${index2}-${index3}`)"
                                     @mouseup="isdrag = ''"></div>
                                 <span>{{ selectType(item3, index3) }}</span>
                                 <div class="btnBox">
+                                    <!-- <div class="edit" @click.stop="editCheck(`${index1}-${index2}-${index3}`,item3)" v-if="item3.ttype == 1 && canEdit.indexOf(item3.type) !== -1 && etype == 'edit'"></div> -->
                                     <div class="delete" @click.stop="deleteCheck(`${index1}-${index2}-${index3}`)"></div>
                                 </div>
                             </div>
+                            <div v-if="item3.ttype == 1 && canEdit.indexOf(item3.type) !== -1 && etype == 'edit'"
+                                class="edit_box">
+                                <div v-if="item3.type == 1">
+                                    <choiceX :cJson="item3.json"></choiceX>
+                                    <choiceDialog v-if="item3.type == 1 && checkC === `x${index1}-${index2}-${index3}`"
+                                        :cJson="cJson" @setJson="setJson">
+                                    </choiceDialog>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div v-else-if="item2.ttype == 1 && canEdit.indexOf(item2.type) !== -1 && etype == 'edit'"
+                        class="edit_box">
+                        <div v-if="item2.type == 1">
+                            <choiceX :cJson="item2.json"></choiceX>
+                            <choiceDialog v-if="item2.type == 1 && checkC === `x${index1}-${index2}`" :cJson="cJson"
+                                @setJson="setJson"></choiceDialog>
                         </div>
                     </div>
                 </div>
             </div>
+            <div v-else-if="item1.ttype == 1 && canEdit.indexOf(item1.type) !== -1 && etype == 'edit'" class="edit_box">
+                <div v-if="item1.type == 1">
+                    <choiceX :cJson="item1.json"></choiceX>
+                    <choiceDialog v-if="item1.type == 1 && checkC === `x${index1}`" :cJson="cJson" @setJson="setJson">
+                    </choiceDialog>
+                </div>
+            </div>
         </div>
     </div>
 </template>
 
 <script>
 import minxinVue from '../minxins/minxin';
+import choiceDialog from './choice/index.vue'
+import choiceX from './choice/choice.vue'
 
 export default {
-    mixins:[minxinVue],
+    mixins: [minxinVue],
+    components: {
+        choiceDialog,
+        choiceX
+    },
     props: {
         checkJson: {
             type: Array,
         },
         checkC: {
             type: String
+        },
+        etype: {
+            type: String,
+            default: ""
         }
     },
     data() {
         return {
-            manualJson:[],
-            isdrag: ""
+            manualJson: [],
+            isdrag: "",
+            canEdit: [1],
+            ctype: "",
+            cJson: {}
         }
     },
     computed: {
@@ -77,7 +119,7 @@ export default {
     },
     watch: {
         checkJson: {
-            handler(newVal){
+            handler(newVal) {
                 this.manualJson = this.depthCopy(newVal)
             },
             deep: true
@@ -98,13 +140,36 @@ export default {
             this.$forceUpdate();
             this.$emit("changeJson", this.manualJson);
         },
-        checkTitle(index) {
+        checkTitle(index, type, item) {
             if (this.checkC === "x" + index) {
-                this.$emit("update:checkC", "") 
+                this.$emit("update:checkC", "")
             } else {
-                this.$emit("update:checkC", 'x' + index) 
+                this.$emit("update:checkC", 'x' + index)
+            }
+            let _index = index.split("-");
+
+            this.ctype = type
+            if (this.ctype == 1 && item.ttype == 1) {
+                this.cJson = this.manualJson[_index[0]].json
+            } else if (this.ctype == 2 && item.ttype == 1) {
+                this.cJson = this.manualJson[_index[0]].array[_index[1]].json
+            } else if (this.ctype == 3 && item.ttype == 1) {
+                this.cJson = this.manualJson[_index[0]].array[_index[1]].array[_index[2]].json
             }
         },
+        setJson(json) {
+            let _index = this.checkC.replace("x", "").split("-");
+            this.cJson = json
+            if (this.ctype == 1) {
+                this.manualJson[_index[0]].json = json
+            } else if (this.ctype == 2) {
+                this.manualJson[_index[0]].array[_index[1]].json = json
+            } else if (this.ctype == 3) {
+                this.manualJson[_index[0]].array[_index[1]].array[_index[2]].json = json
+            }
+            this.$forceUpdate();
+            this.$emit("changeJson", this.manualJson);
+        },
         deleteCheck(index) {
             let _check = index.split("-")
             let string = ""
@@ -138,15 +203,17 @@ export default {
                     } else if (_check.length == 3) {
                         this.manualJson[_check[0]].array[_check[1]].array.splice(_check[2], 1)
                     }
-                    this.$emit("update:checkC", "") 
+                    this.$emit("update:checkC", "")
                     this.$forceUpdate()
                     this.$emit("changeJson", this.manualJson);
                 })
                 .catch(() => { });
         },
-        
+        editCheck(index, item) {
+
+        }
     },
-    mounted () {
+    mounted() {
         this.manualJson = this.depthCopy(this.checkJson);
     },
 }
@@ -264,6 +331,18 @@ export default {
     margin-right: 10px;
 }
 
+.mc_ti_1>.title>.btnBox .edit,
+.mc_ti_2>.title>.btnBox .edit,
+.mc_ti_3>.title>.btnBox .edit {
+    display: block;
+    background-image: url('../../../../../assets/icon/new/edit_u.png');
+    background-size: 100% 100%;
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+    margin-right: 10px;
+}
+
 .mc_ti_1>.title>.btnBox .isopen,
 .mc_ti_2>.title>.btnBox .isopen {
     transform: rotate(0deg);
@@ -274,4 +353,9 @@ export default {
 .mc_ti_3.active {
     border: 1px solid #0062ff;
 }
-</style>
+
+.edit_box {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 10px;
+}</style>

src/components/pages/test/add/components/choice/choice.vue

@@ -0,0 +1,90 @@
+<template>
+    <div class="c_box">
+        <div class="mask"></div>
+        <div v-if="!cJson">暂未设置题目</div>
+        <div v-else class="choice_box">
+            <div class="title">{{ `（${option[cJson.type].name}）` + cJson.title }}</div>
+            <div class="choices">
+                <div class="choice" v-for="(item, index) in cJson.array" :key="index">
+                    <div class="choice_c" v-if="cJson.type == 2"><el-checkbox v-model="cJson.answer" :label="index"></el-checkbox><span :class="{right:cJson.answer.indexOf(index) != -1}">{{ item.option }}</span></div>
+                    <div class="choice_c" v-if="cJson.type == 1"><el-radio v-model="cJson.answer[0]" :label="index"></el-radio><span :class="{right:cJson.answer.indexOf(index) != -1}">{{ item.option }}</span></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        cJson: {
+            type: Object,
+        },
+    },
+    data() {
+        return {
+            option: {
+                1: { name: '单选题' },
+                2: { name: '多选题' }
+            }
+        }
+    },
+}
+</script>
+
+<style scoped>
+.c_box {
+    width: 100%;
+    position: relative;
+}
+.mask{
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    z-index: 2;
+}
+.choice_box {}
+
+.choice_box>.title {
+    font-weight: bold;
+    width: 100%;
+    word-break: break-all;
+}
+.choice_box>.choices {
+   margin-top:10px;
+}
+.choice_box>.choices >.choice{
+    word-break: break-all;
+}
+.choice_box>.choices >.choice + .choice{
+    margin-top: 5px;
+}
+.choice_box>.choices >.choice > .choice_c{
+    display: flex;
+}
+.choice_box>.choices >.choice > .choice_c > span{
+    /* margin-left: 10px; */
+}
+.choice_box>.choices >.choice > .choice_c > .el-checkbox{
+    margin-top: 4px;
+    margin-right: 10px;
+}
+.choice_box>.choices >.choice > .choice_c > .el-radio{
+    margin-top: 4px;
+    margin-right: 10px;
+}
+.choice_c>>>.el-checkbox__label {
+    display: none;
+}
+
+.choice_c>>>.el-radio__label {
+    display: none;
+}
+
+.choice_c .right{
+    color: #efa030;
+}
+.choice_c .right::after{
+    content: '（正确答案）';
+}
+</style>

src/components/pages/test/add/components/choice/index.vue

@@ -0,0 +1,214 @@
+<template>
+    <div class="choice_box" @click.stop="">
+        <div class="title">设置选择题</div>
+        <div class="box">
+            <div class="set_type">
+                <span>选择题类型：</span>
+                <el-select v-model="checkJson.type" @change="changeAnswer">
+                    <el-option v-for="item in options" :key="item.type" :label="item.name" :value="item.type">
+                    </el-option>
+                </el-select>
+            </div>
+            <div class="set_title">
+                <span>选择题标题：</span><el-input v-model="checkJson.title" class="input" placeholder="请输入标题"></el-input>
+            </div>
+            <div class="set_options">
+                <div class="title">选择题选项：</div>
+                <div class="xuan_body">
+                    <div class="xuan_title">
+                        <span class="xuan_1">选项文字</span>
+                        <!-- <span class="xuan_2">图片</span> -->
+                        <span class="xuan_3">正确答案</span>
+                        <!-- <span class="xuan_4">上移下移</span> -->
+                    </div>
+                    <div v-for="(item, index) in checkJson.array" :key="index" class="xuan_box">
+                        <div class="xuan_1">
+                            <el-input v-model="item.option" placeholder="请输入选项" size="normal"></el-input>
+                            <el-button type="primary" size="mini" @click="addOption2(index)"
+                                style="margin-left: 10px;">+</el-button>
+                            <el-button type="primary" size="mini" @click="deleteOption(index)">-</el-button>
+                        </div>
+                        <!-- <div class="xuan_2"><span></span></div> -->
+                        <div class="xuan_3"><el-checkbox v-model="checkJson.answer" :label="index"
+                                @change="checkChange(index)"></el-checkbox></div>
+                        <!-- <div class="xuan_4">
+                            <div><span></span><span></span></div>
+                        </div> -->
+                    </div>
+                </div>
+                <div class="btn">
+                    <el-button type="primary" size="mini" @click="addOption">添加选项</el-button>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        cJson: {
+            type: Object,
+        },
+    },
+    data() {
+        return {
+            ctype: 1,
+            options: [
+                { type: 1, name: '单选题' },
+                { type: 2, name: '多选题' }
+            ],
+            checkJson: {}
+        }
+    },
+    watch: {
+        checkJson: {
+            handler(newVal) {
+                this.$emit("setJson", newVal)
+            },
+            deep: true
+        }
+    },
+    methods: {
+        depthCopy(s) {
+            return JSON.parse(JSON.stringify(s));
+        },
+        changeAnswer() {
+            this.checkJson.answer = []
+        },
+        checkChange(val) {
+            if (this.checkJson.type == 1) {
+                this.checkJson.answer = [val]
+            }
+        },
+        addOption() {
+            this.checkJson.array.push({ option: "选项" + (this.checkJson.array.length + 1), img: "" })
+        },
+        addOption2(index) {
+            this.checkJson.array.splice(index+1, 0, { option: "选项", img: "" })
+        },
+        deleteOption(index) {
+            this.checkJson.array.splice(index, 1)
+            if (this.checkJson.answer.indexOf(index) != -1) {
+                this.checkJson.answer.splice(this.checkJson.answer.indexOf(index), 1)
+            }
+        }
+    },
+    mounted() {
+        console.log(1);
+        // console.log(this.cJson);
+        if (!this.cJson) {
+            this.checkJson = {
+                title: "标题",
+                type: 1,
+                array: [
+                    { option: "选项1", img: "" },
+                    { option: "选项2", img: "" }
+                ],
+                answer: ""
+            };
+        } else {
+            this.checkJson = this.depthCopy(this.cJson);
+        }
+
+    },
+}
+</script>
+
+<style scoped>
+.choice_box {
+    margin-top: 10px;
+    width: 100%;
+    background: #f6f6f6;
+    padding: 10px;
+    box-sizing: border-box;
+}
+
+.choice_box>.box {}
+
+.set_type {
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+}
+
+.set_title {
+    margin-top: 10px;
+    display: flex;
+    align-items: center;
+}
+
+.set_type>span,
+.set_title>span {
+    min-width: fit-content;
+    font-size: 15px;
+}
+
+.set_options {
+    margin-top: 10px;
+}
+
+.set_options>.title {
+    font-size: 15px;
+}
+
+.xuan_body {
+    margin-top: 10px;
+    font-size: 14px;
+}
+
+.xuan_body>.xuan_title {
+    display: flex;
+    align-items: center;
+    background: #e1e1e1;
+    height: 40px;
+    padding: 0 10px;
+    box-sizing: border-box;
+    justify-content: space-between;
+}
+
+.xuan_body>.xuan_box {
+    display: flex;
+    align-items: center;
+    min-height: 40px;
+    padding: 0 10px;
+    box-sizing: border-box;
+    justify-content: space-between;
+    margin-top: 10px;
+}
+
+.xuan_1 {
+    display: flex;
+    width: calc(100% - 340px);
+    align-items: center;
+}
+
+.xuan_2 {
+    width: 100px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.xuan_3 {
+    width: 100px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.xuan_3>>>.el-checkbox__label {
+    display: none;
+}
+
+.xuan_4 {
+    width: 100px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.set_options>.btn {
+    margin-top: 10px;
+}
+</style>

src/components/pages/test/add/edit/edit/index.vue

@@ -23,8 +23,9 @@
             </div>
         </div>
         <div class="e_content">
+            <div class="title">{{title}}</div>
             <div class="e_order_box">
-                <checkOrder :checkC.sync="checkC" :checkJson="manualJson" @changeJson="changeJson"></checkOrder>
+                <checkOrder :checkC.sync="checkC" :checkJson="manualJson" @changeJson="changeJson" etype="edit"></checkOrder>
             </div>
         </div>
         <div class="e_order">
@@ -48,6 +49,9 @@ export default {
         checkJson: {
             type: Array,
         },
+        title:{
+            type:String
+        }
     },
     data() {
         return {
@@ -252,6 +256,15 @@ export default {
     box-sizing: border-box;
 }
 
+.e_content > .title{
+    font-size: 24px;
+    font-weight: bold;
+    text-align: center;
+    width: 100%;
+    margin-bottom: 10px;
+    word-break: break-all;
+}
+
 .e_order {
     height: 100%;
     width: 300px;

src/components/pages/test/add/edit/index.vue

@@ -15,7 +15,7 @@
       </div>
     </div>
     <div class="e_box">
-      <editBox v-if="type == 1" :checkJson="checkJson"  @changeJson="changeJson"></editBox>
+      <editBox v-if="type == 1" :checkJson="checkJson"  @changeJson="changeJson" :title="title"></editBox>
     </div>
   </div>
 </template>

src/components/pages/test/add/setInfo/index.vue

@@ -181,12 +181,12 @@ export default {
             console.log(this.manualJson);
         }
     },
-    created() {
+    mounted() {
         this.courseTypeId = this.depthCopy(this.testType)
         this.courseName = this.depthCopy(this.title)
         this.isTeacherSee = this.depthCopy(this.see)
         this.manualJson = this.depthCopy(this.cJson)
-
+        this.$forceUpdate()
         this.selectAllType();
     }
 }

src/components/pages/test/add/setInfo/manualCreated.vue

@@ -59,12 +59,12 @@ export default {
         };
     },
     watch: {
-        // checkJson :{
-        //     handler: function (newVal, oldVal) { 
-        //         this.$emit("update:manualJson", newVal)
-        //     },
-        //     deep: true,
-        // }
+        manualJson :{
+            handler: function (newVal, oldVal) { 
+                this.checkJson = this.depthCopy(newVal);
+            },
+            deep: true,
+        }
     },
     methods: {
         numberPan() {
@@ -260,8 +260,9 @@ export default {
             this.$emit("nextSteps")
         }
     },
-    created() {
+    mounted() {
         this.checkJson = this.depthCopy(this.manualJson);
+        this.$forceUpdate()
     }
 };
 </script>

src/components/pages/test/index.vue

@@ -26,8 +26,8 @@
                         <el-select v-model="groupA" @change="search">
                             <el-option value="0" label="我的"></el-option>
                             <!-- <el-option value="4" label="全部"></el-option> -->
-                            <el-option value="2" label="他人"
-                                v-if="oid != '1c3b9def-8fbe-11ed-b13d-005056b86db5'"></el-option>
+                            <!-- <el-option value="2" label="他人"
+                                v-if="oid != '1c3b9def-8fbe-11ed-b13d-005056b86db5'"></el-option> -->
                         </el-select>
                         <!-- <el-select v-model="groupA" @change="search" v-else>
                 <el-option value="4" label="全部"></el-option>
@@ -55,16 +55,9 @@
                             他人项目
                         </div>
                         <div class="xtCourse" v-else>协同项目</div>
-                        <div class="tup">
-                            <img :src="item.cover != null && item.cover != ''
-                                    ? JSON.parse(item.cover).length > 0
-                                        ? JSON.parse(item.cover)[0].url
-                                        : mr
-                                    : mr
-                                " alt />
-                        </div>
+                       
                         <div class="bottom_box">
-                            <div>{{ item.title }}</div>
+                            <div><span>{{ item.title }}</span><span>{{ item.look == '1' ? '未发布' : '已发布' }}</span></div>
                             <div class="kc_t">
                                 创建人：{{ item.uname }}
                             </div>
@@ -79,14 +72,12 @@
                             <div @click="goToCourse2(item.courseId)" v-if="((item.userid == userid) ||
                                 (item.course_teacher &&
                                     item.course_teacher.indexOf(userid) !== -1) || role == '1')">编辑</div>
-                            <div @click="get(item.courseId)">预览</div>
+                            <!-- <div @click="get(item.courseId)">预览</div> -->
                             <!-- 项目进展 -->
-                            <div @click="getA(item.courseId)">进展</div>
-                            <!-- <div @click="jump(item.courseId)">评论</div> -->
-                            <div @click="copyCourse(item.courseId)">复制</div>
-                            <div v-if="(item.userid == userid || role == '1')" @click="deleteCourse(item.courseId)">
+                            <!-- <div @click="copyCourse(item.courseId)">复制</div> -->
+                            <!-- <div v-if="(item.userid == userid || role == '1')" @click="deleteCourse(item.courseId)">
                                 删除
-                            </div>
+                            </div> -->
                         </div>
                     </div>
                     <div class="course_empty" v-if="course.length == 0">暂无数据</div>
@@ -270,7 +261,7 @@ export default {
         },
         goToCourse2(cid) {
             this.$router.push(
-                "/studentAddCourse?cid=" +
+                "/addTest?cid=" +
                 cid +
                 "&userid=" +
                 this.userid +
@@ -396,7 +387,7 @@ export default {
                     } else if (this.courseTypeId[this.CourseType[0][i].id] != "") {
                         if (this.CourseType[0][i].name == "年级") {
                             typea = this.courseTypeId[this.CourseType[0][i].id];
-                        } else if (this.CourseType[0][i].name == "专栏") {
+                        } else if (this.CourseType[0][i].name == "学科") {
                             typeb = this.courseTypeId[this.CourseType[0][i].id];
                         } else if (this.CourseType[0][i].name == "栏目") {
                             typeb = this.courseTypeId[this.CourseType[0][i].id];
@@ -931,11 +922,12 @@ export default {
     /* overflow: hidden; */
     margin-bottom: 15px;
     position: relative;
+    padding-top: 30px;
 }
 
 .bottom_box {
     display: flex;
-    padding: 10px 0 10px 10px;
+    padding: 0 0 10px 10px;
     flex-direction: column;
     box-sizing: border-box;
     height: 140px;
@@ -946,8 +938,22 @@ export default {
 .bottom_box>div:nth-child(1) {
     width: 230px;
     overflow: hidden;
+    display: flex;
+    align-items: center;
+}
+.bottom_box>div:nth-child(1) span:nth-child(1){
+    font-weight: bold;
+    font-size: 18px;
+    overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    max-width: 100%;
+}
+.bottom_box>div:nth-child(1) span:nth-child(2){
+    font-size: 14px;
+    min-width: fit-content;
+    margin-left: 5px;
+    color: #0074ff;
 }
 
 .tup {
@@ -1093,15 +1099,14 @@ export default {
 .myCourse {
     position: absolute;
     background: #3c3c3c;
-    width: 70px;
-    height: 30px;
-    border-radius: 30px;
+    width: 65px;
+    height: 25px;
     color: #fff;
-    font-size: 14px;
+    font-size: 12px;
     text-align: center;
-    line-height: 30px;
-    top: 5px;
-    left: 5px;
+    line-height: 25px;
+    top: 0;
+    right: 0;
 }
 
 .xtCourse {

src/components/pages/testStudent/index.vue

@@ -4,9 +4,9 @@
             <div>
                 <span>学生评测</span>
             </div>
-            <div class="student_button">
+            <!-- <div class="student_button">
                 <el-button type="primary" class="bgColor" @click="goToCourse()">新建评测</el-button>
-            </div>
+            </div> -->
         </div>
         <div class="pb_content_body" style="height: 100%">
             <div class="student_head">
@@ -26,8 +26,8 @@
                         <el-select v-model="groupA" @change="search">
                             <el-option value="0" label="我的"></el-option>
                             <!-- <el-option value="4" label="全部"></el-option> -->
-                            <el-option value="2" label="他人"
-                                v-if="oid != '1c3b9def-8fbe-11ed-b13d-005056b86db5'"></el-option>
+                            <!-- <el-option value="2" label="他人"
+                                v-if="oid != '1c3b9def-8fbe-11ed-b13d-005056b86db5'"></el-option> -->
                         </el-select>
                         <!-- <el-select v-model="groupA" @change="search" v-else>
                 <el-option value="4" label="全部"></el-option>
@@ -46,23 +46,6 @@
             <div class="student_table" v-loading="isLoading">
                 <div class="course_box">
                     <div class="out_box" v-for="(item, index) in course" :key="index">
-                        <div class="myCourse" v-if="item.userid == userid">
-                            我的项目
-                        </div>
-                        <div class="myCourse" style="background:#4187f0" v-else-if="!item.course_teacher ||
-                            (item.course_teacher &&
-                                item.course_teacher.indexOf(userid) == -1)">
-                            他人项目
-                        </div>
-                        <div class="xtCourse" v-else>协同项目</div>
-                        <div class="tup">
-                            <img :src="item.cover != null && item.cover != ''
-                                    ? JSON.parse(item.cover).length > 0
-                                        ? JSON.parse(item.cover)[0].url
-                                        : mr
-                                    : mr
-                                " alt />
-                        </div>
                         <div class="bottom_box">
                             <div>{{ item.title }}</div>
                             <div class="kc_t">
@@ -76,17 +59,7 @@
                             </div>
                         </div>
                         <div class="three_bottom">
-                            <div @click="goToCourse2(item.courseId)" v-if="((item.userid == userid) ||
-                                (item.course_teacher &&
-                                    item.course_teacher.indexOf(userid) !== -1) || role == '1')">编辑</div>
-                            <div @click="get(item.courseId)">预览</div>
-                            <!-- 项目进展 -->
-                            <div @click="getA(item.courseId)">进展</div>
-                            <!-- <div @click="jump(item.courseId)">评论</div> -->
-                            <div @click="copyCourse(item.courseId)">复制</div>
-                            <div v-if="(item.userid == userid || role == '1')" @click="deleteCourse(item.courseId)">
-                                删除
-                            </div>
+                            <div @click="goToCourse2(item.courseId)">进入答题</div>
                         </div>
                     </div>
                     <div class="course_empty" v-if="course.length == 0">暂无数据</div>
@@ -184,8 +157,7 @@ export default {
             oid: this.$route.query.oid,
             org: this.$route.query.org,
             role: this.$route.query.role,
-            orgArray: ["150e3120-9195-11ed-b13d-005056b86db5"],
-            oidArray: [],
+            classid: this.$route.query.classid,
             Juri: "",
             groupList: [],
             JuriList: [],
@@ -243,7 +215,7 @@ export default {
         goToCourse(courseId) {
             if (courseId) {
                 this.$router.push(
-                    "/addTest?cid=" +
+                    "/studentAddCourse?cid=" +
                     courseId +
                     "&userid=" +
                     this.userid +
@@ -270,7 +242,7 @@ export default {
         },
         goToCourse2(cid) {
             this.$router.push(
-                "/studentAddCourse?cid=" +
+                "/doTest?cid=" +
                 cid +
                 "&userid=" +
                 this.userid +
@@ -396,7 +368,7 @@ export default {
                     } else if (this.courseTypeId[this.CourseType[0][i].id] != "") {
                         if (this.CourseType[0][i].name == "年级") {
                             typea = this.courseTypeId[this.CourseType[0][i].id];
-                        } else if (this.CourseType[0][i].name == "专栏") {
+                        } else if (this.CourseType[0][i].name == "学科") {
                             typeb = this.courseTypeId[this.CourseType[0][i].id];
                         } else if (this.CourseType[0][i].name == "栏目") {
                             typeb = this.courseTypeId[this.CourseType[0][i].id];
@@ -435,7 +407,7 @@ export default {
                 pageSize: this.pageSize,
             };
             this.ajax
-                .get(this.$store.state.api + "selectTesttCourse", params)
+                .get(this.$store.state.api + "selectTesttCourseCenter", params)
                 .then((res) => {
                     this.isLoading = false;
                     this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
@@ -931,11 +903,12 @@ export default {
     /* overflow: hidden; */
     margin-bottom: 15px;
     position: relative;
+    padding-top: 10px;
 }
 
 .bottom_box {
     display: flex;
-    padding: 10px 0 10px 10px;
+    padding: 0 0 10px 10px;
     flex-direction: column;
     box-sizing: border-box;
     height: 140px;
@@ -948,6 +921,8 @@ export default {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    font-weight: bold;
+    font-size: 18px;
 }
 
 .tup {
@@ -1093,15 +1068,14 @@ export default {
 .myCourse {
     position: absolute;
     background: #3c3c3c;
-    width: 70px;
-    height: 30px;
-    border-radius: 30px;
+    width: 65px;
+    height: 25px;
     color: #fff;
-    font-size: 14px;
+    font-size: 12px;
     text-align: center;
-    line-height: 30px;
-    top: 5px;
-    left: 5px;
+    line-height: 25px;
+    top: 0;
+    right: 0;
 }
 
 .xtCourse {

src/components/pages/testStudent/view/component/choice.vue

@@ -0,0 +1,110 @@
+<template>
+    <div class="c_box">
+        <!-- <div class="mask"></div> -->
+        <div v-if="!checkJson">暂未设置题目</div>
+        <div v-else class="choice_box">
+            <div class="title">{{ `（${option[checkJson.type].name}）` + checkJson.title }}</div>
+            <div class="choices">
+                <div class="choice" v-for="(item, index) in checkJson.array" :key="index">
+                    <div class="choice_c" v-if="checkJson.type == 2"><el-checkbox v-model="checkJson.answer2" :label="index"></el-checkbox><span>{{ item.option }}</span></div>
+                    <div class="choice_c" v-if="checkJson.type == 1"><el-radio v-model="checkJson.answer2[0]" :label="index"></el-radio><span>{{ item.option }}</span></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        cJson: {
+            type: Object,
+        },
+    },
+    data() {
+        return {
+            option: {
+                1: { name: '单选题' },
+                2: { name: '多选题' }
+            },
+            checkJson:undefined
+        }
+    },
+    watch: {
+        checkJson: {
+            handler(newValue){
+                this.$emit('update:cJson', newValue)
+            },
+            deep: true
+        }
+    },
+    methods: {
+        depthCopy(s) {
+            return JSON.parse(JSON.stringify(s));
+        },
+    },
+    mounted(){
+        this.checkJson = this.cJson ? this.depthCopy(this.cJson) : undefined
+    }
+}
+</script>
+
+<style scoped>
+.c_box {
+    width: 100%;
+    position: relative;
+}
+.mask{
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    z-index: 2;
+}
+.choice_box {
+    
+}
+
+.choice_box>.title {
+    font-weight: bold;
+    width: 100%;
+    word-break: break-all;
+}
+.choice_box>.choices {
+   margin-top:10px;
+   padding: 0 10px;
+}
+.choice_box>.choices >.choice{
+    word-break: break-all;
+}
+.choice_box>.choices >.choice + .choice{
+    margin-top: 5px;
+}
+.choice_box>.choices >.choice > .choice_c{
+    display: flex;
+}
+.choice_box>.choices >.choice > .choice_c > span{
+    /* margin-left: 10px; */
+}
+.choice_box>.choices >.choice > .choice_c > .el-checkbox{
+    margin-top: 4px;
+    margin-right: 10px;
+}
+.choice_box>.choices >.choice > .choice_c > .el-radio{
+    margin-top: 4px;
+    margin-right: 10px;
+}
+.choice_c>>>.el-checkbox__label {
+    display: none;
+}
+
+.choice_c>>>.el-radio__label {
+    display: none;
+}
+
+.choice_c .right{
+    color: #efa030;
+}
+.choice_c .right::after{
+    content: '（正确答案）';
+}
+</style>

src/components/pages/testStudent/view/component/index.vue

@@ -1,13 +0,0 @@
-<template>
-  <div>选择题/问答题/填空题等</div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style>
-
-</style>

src/components/pages/testStudent/view/component/topic.vue

@@ -0,0 +1,195 @@
+<template>
+  <div class="c_box">
+    <div class="c_box_title">{{ title }}</div>
+    <div class="c_body">
+      <div v-if="type == 3">
+        <div v-for="(item, index) in checkArray[page].array" :key="index" class="check_box">
+          <div class="title">{{ selectType(item, index) }}</div>
+          <div v-if="item.ttype == 1" class="answerBox"><choiceV :cJson.sync="item.json"></choiceV></div>
+          <div v-for="(item2, index2) in item.array" :key="`${index}-${index2}`" class="check_box_xia">
+            <div class="title">{{ selectType(item2, index2) }}</div>
+            <div v-if="item2.ttype == 1" class="answerBox"><choiceV :cJson.sync="item2.json"></choiceV></div>
+          </div>
+        </div>
+      </div>
+      <div v-else>
+        <div v-for="(item, index) in checkArray" :key="index" class="check_box">
+          <div class="title">{{ selectType(item, index) }}</div>
+          <div v-if="item.ttype == 1" class="answerBox"><choiceV :cJson.sync="item.json"></choiceV></div>
+          <div v-for="(item2, index2) in item.array" :key="`${index}-${index2}`" class="check_box_xia">
+            <div class="title">{{ selectType(item2, index2) }}</div>
+            <div v-if="item2.ttype == 1" class="answerBox"><choiceV :cJson.sync="item2.json"></choiceV></div>
+          </div>
+        </div>
+      </div>
+
+      <div v-if="checkArray.length > 1 && type == 3" class="page">
+        <el-button type="primary" size="mini" :disabled="page == 0" @click="page--">上一页</el-button>
+        <div class="p_page"><span>{{ page + 1 }}</span><span>/</span><span>{{ checkArray.length }}</span></div>
+        <el-button type="primary" size="mini" :disabled="page == (checkArray.length - 1)" @click="page++">下一页</el-button>
+
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import choiceV from './choice.vue';
+export default {
+  props: {
+    cJson: {
+      type: Array,
+    },
+    title: {
+      type: String,
+    }
+  },
+  components: {
+    choiceV
+  },
+  data() {
+    return {
+      checkArray: [],
+      type: 1,
+      page: 0,
+      options2: {
+        1: "选择题",
+        2: "问答题",
+        3: "填空题",
+        4: "添加文档"
+      },
+    }
+  },
+  computed: {
+    selectType() {
+      return function (item, index) {
+        if (item.ttype == 1) {
+          return index + 1 + "、" + this.options2[item.type];
+        } else if (item.ttype == 2) {
+          return `第${index + 1}组 （共${item.array.length}题）`;
+        } else if (item.ttype == 3) {
+          return `分页${index + 1}`;
+        }
+      };
+    }
+  },
+  watch: {
+    cJson: {
+      handler(newVal, oldVal) {
+        console.log(newVal);
+        console.log(oldVal);
+        this.checkArray = this.setJson(this.depthCopy(newVal))
+      },
+      deep: true
+    }
+  },
+  methods: {
+    depthCopy(s) {
+      return JSON.parse(JSON.stringify(s));
+    },
+    setJson(json) {
+      if (json.length > 0) {
+        let _json = this.depthCopy(json)
+        this.type = _json[0].ttype
+        let checkArray = _json.filter(item => {
+          if (item.array) {
+            item.array = item.array.filter(item2 => {
+              if (item2.ttype == 1 && item2.json && !item2.json.answer2) {
+                item2.json.answer2 = []
+              }
+              if (item2.array) {
+                  item2.array = item2.array.filter(item3 => {
+                    if (item3.ttype == 1 && item3.json && !item3.json.answer2) {
+                      item3.json.answer2 = []
+                    }
+                    return item3
+                  })
+                }
+              return (item2.ttype != 1 && item2.array.length > 0) || (item2.ttype == 1)
+            })
+          }
+          if (item.ttype == 1 && item.json && !item.json.answer2) {
+            item.json.answer2 = []
+          }
+          console.log(item.array);
+          return (item.ttype != 1 && item.array.length > 0) || (item.ttype == 1)
+        })
+        console.log(checkArray);
+        return checkArray
+      } else {
+        return []
+      }
+    }
+  },
+  mounted() {
+    this.checkArray = this.setJson(this.depthCopy(this.cJson))
+  },
+}
+</script>
+
+<style scoped>
+.c_box {
+  width: 95%;
+  margin: 0 auto;
+  background: #fff;
+  height: calc(100% - 50px);
+  overflow: auto;
+}
+
+.c_box_title {
+  width: 90%;
+  text-align: center;
+  font-size: 24px;
+  font-weight: bold;
+  word-break: break-all;
+  margin: 20px;
+}
+
+.c_body {
+  width: 90%;
+  margin: 0 auto;
+}
+
+.check_box{
+
+}
+.check_box + .check_box{
+  margin-top: 10px;
+}
+.check_box > .title{
+  font-size:20px;
+  word-break: break-all;
+  font-weight: bold;
+}
+.check_box > .answerBox{
+  margin-top: 10px;
+
+}
+.check_box > .noanswerBox{
+  margin-top: 10px;
+}
+.check_box_xia{
+  margin-top: 10px;
+}
+
+.check_box_xia > .title{
+  font-size: 18px;
+  font-weight: bold;
+}
+.check_box_xia > .answerBox{
+  margin-top: 10px;
+}
+.check_box_xia > .noanswerBox{
+  margin-top: 10px;
+}
+
+.page{
+  margin: 20px;
+  display: flex;
+  align-items: center;
+}
+
+.p_page{
+  margin: 0 10px;
+}
+</style>

src/components/pages/testStudent/view/preview.vue

@@ -1,13 +1,212 @@
 <template>
-  <div>预习习题组件</div>
+  <div class="pb_content" style="background: #F0F2F5;" v-loading="loading">
+    <div class="pb_content_body" style="position: relative; margin: 0">
+      <div class="right">
+        <div class="courseTop">
+          <div class="stepsNav">
+            <el-breadcrumb separator-class="el-icon-arrow-right">
+              <el-breadcrumb-item :to="{
+                path:
+                  '/testStudent?userid=' +
+                  userid +
+                  '&oid=' +
+                  oid +
+                  '&org=' +
+                  org +
+                  '&role=' +
+                  role,
+              }">评测中心</el-breadcrumb-item>
+              <el-breadcrumb-item>
+                <span style="color: rgb(15, 126, 255)">{{ title }}</span>
+              </el-breadcrumb-item>
+            </el-breadcrumb>
+          </div>
+          <div class="r_pub_button_retrun" @click="retrunCourse">返回</div>
+        </div>
+        <div class="step_box">
+          <div class="edit_top">
+            <div class="op_btn">
+              <el-button type="primary" size="small" @click="save">保存</el-button>
+              <el-button type="primary" size="small" @click="publish">提交</el-button>
+            </div>
+          </div>
+          <topicVue :cJson="cJson" :title="title"></topicVue>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
+import topicVue from './component/topic.vue';
 export default {
+  components: {
+    topicVue
+  },
+  data() {
+    return {
+      userid: this.$route.query.userid,
+      oid: this.$route.query.oid,
+      org: this.$route.query.org,
+      role: this.$route.query.role,
+      cid: this.$route.query.cid,
+      steps: 1,
+      title: "",
+      testType: [],
+      see: false,
+      cJson: [],
+      loading: false,
+      look: "",
+    }
+  },
+  methods: {
+    retrunCourse() {
+      this
+        .$confirm("是否确认返回？", "提示", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          distinguishCancelAndClose: true,
+          type: "warning",
+        })
+        .then(() => {
+          this.goTo(
+            "/testStudent?userid=" +
+            this.userid +
+            "&oid=" +
+            this.oid +
+            "&org=" +
+            this.org +
+            "&role=" +
+            this.role
+          );
+        })
+        .catch((v) => {
 
+        });
+    },
+    goTo(path) {
+      this.$router.push(path);
+    },
+
+    getData() {
+      this.loading = true
+      let params = {
+        cid: this.cid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "getTestCourseDetail", params)
+        .then((res) => {
+          this.cJson = JSON.parse(res.data[0][0].chapters);
+          this.$forceUpdate();
+          this.title = res.data[0][0].title;
+
+          this.see = res.data[0][0].open == 1 ? true : false;
+
+
+          this.testType = [];
+          for (var i = 0; i < res.data[1].length; i++) {
+            this.testType.push(res.data[1][i].typeid);
+          }
+          console.log(this.testType);
+          this.look = res.data[0][0].look
+          this.loading = false
+
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    save(){
+      this.$message.success('保存成功')
+      this.goTo(
+            "/testStudent?userid=" +
+            this.userid +
+            "&oid=" +
+            this.oid +
+            "&org=" +
+            this.org +
+            "&role=" +
+            this.role
+          );
+    },
+    publish(){
+      this.$message.success('提交成功')
+      this.goTo(
+            "/testStudent?userid=" +
+            this.userid +
+            "&oid=" +
+            this.oid +
+            "&org=" +
+            this.org +
+            "&role=" +
+            this.role
+          );
+    },
+
+  },
+  mounted() {
+    this.getData();
+  },
 }
 </script>
 
-<style>
+<style scoped>
+.pb_content {
+  height: 100% !important;
+  /* margin: 0 20px 0 20px; */
+}
+
+.pb_content_body {
+  width: 100% !important;
+  height: 100%;
+}
+
+.right {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  overflow: hidden;
+  flex-direction: column;
+}
+
+.basic_box {
+  margin: 0 auto;
+  position: relative;
+  padding: 0 20px 0 20px;
+}
+
+.courseTop {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  width: calc(100% - 40px);
+  margin: 0 auto;
+  padding: 10px 0;
+}
 
+.stepsNav {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.step_box {
+  width: calc(100%);
+  margin: 0 auto;
+  height: calc(100% - 38px);
+}
+
+.edit_top {
+  height: 50px;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  position: relative;
+  padding: 0 30px;
+  border-top: 2px solid #eee;
+  border-bottom: 2px solid #eee;
+}
 </style>

src/router/index.js

@@ -100,6 +100,7 @@ import synergyCourse from '@/components/pages/synergyCourse/course'
 import test from '@/components/pages/test/index'
 import addTest from '@/components/pages/test/add/addTest'
 import testStudent from '@/components/pages/testStudent/index'
+import doTest from '@/components/pages/testStudent/view/preview'
 
 
 // 全局修改默认配置，点击空白处不能关闭弹窗
@@ -849,6 +850,13 @@ export default new Router({
                 requireAuth: '' // 是否需要判断是否登录,这里是需要判断
             }
         },
+        {
+            path: '/doTest',
+            component: doTest,
+            meta: {
+                requireAuth: '' // 是否需要判断是否登录,这里是需要判断
+            }
+        },
         {
             path: '/addTest',
             component: addTest,