|
|
@@ -1,26 +1,21 @@
|
|
|
<template>
|
|
|
- <div style="width: 100%; height: 100%; padding: 10px; box-sizing: border-box">
|
|
|
+ <div style="width: 100%; height: 100%; padding: 10px; box-sizing: border-box" v-loading="loading">
|
|
|
<div class="intPage">
|
|
|
<div class="tit">H5页面说明上传后台</div>
|
|
|
<div>
|
|
|
- <div>请输入H5页面id</div>
|
|
|
- <el-input v-model.trim="id" placeholder="请输入内容"></el-input>
|
|
|
+ <div>请选择ai探究中心课程</div>
|
|
|
+ <el-select v-model="id" @change="cutCourse" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in courseList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <!-- <el-input v-model.trim="id" placeholder="请输入内容"></el-input> -->
|
|
|
</div>
|
|
|
<div>
|
|
|
<div>请输入使用说明</div>
|
|
|
- <!-- <div
|
|
|
- class="avatar-uploader"
|
|
|
- @click.stop="addImg($event)"
|
|
|
- style="cursor: pointer"
|
|
|
- >
|
|
|
- +
|
|
|
- <input
|
|
|
- type="file"
|
|
|
- accept="image/*"
|
|
|
- style="display: none"
|
|
|
- @change="beforeUpload($event)"
|
|
|
- />
|
|
|
- </div> -->
|
|
|
<editor-bar
|
|
|
class="addEditor"
|
|
|
style="margin: 0"
|
|
|
@@ -28,15 +23,6 @@
|
|
|
v-model="inData.content"
|
|
|
@change="change"
|
|
|
></editor-bar>
|
|
|
-
|
|
|
- <!-- <quill-editor
|
|
|
- v-model="inData.content"
|
|
|
- ref="myQuillEditor"
|
|
|
- class="editer"
|
|
|
- :options="editorOption"
|
|
|
- @change="onEditorChange($event)"
|
|
|
- >
|
|
|
- </quill-editor> -->
|
|
|
</div>
|
|
|
<div>
|
|
|
<div>请上传附件(只能上传pdf)</div>
|
|
|
@@ -67,14 +53,13 @@
|
|
|
|
|
|
<script>
|
|
|
import EditorBar from "./wangEnduit";
|
|
|
-import { addOp, updateinst } from "@/api/user";
|
|
|
+import { addOp, updateinst,selectAiExp } from "@/api/user";
|
|
|
import { mapGetters } from "vuex";
|
|
|
|
|
|
export default {
|
|
|
name: "instUpdata",
|
|
|
computed: {
|
|
|
...mapGetters(["userid"])
|
|
|
-
|
|
|
},
|
|
|
components:{
|
|
|
EditorBar
|
|
|
@@ -87,11 +72,46 @@ export default {
|
|
|
content: "",
|
|
|
file: [],
|
|
|
},
|
|
|
+ loading:false,
|
|
|
+ courseList:[],
|
|
|
progress: 0,
|
|
|
proVisible: false,
|
|
|
};
|
|
|
},
|
|
|
+ mounted(){
|
|
|
+ this.getData()
|
|
|
+ },
|
|
|
methods: {
|
|
|
+ cutCourse(val){
|
|
|
+ console.log('val',val);
|
|
|
+ this.inData = {
|
|
|
+ userid: this.userid,
|
|
|
+ content: "",
|
|
|
+ file: [],
|
|
|
+ }
|
|
|
+ let data = this.courseList.filter(e=> e.id == val)[0]
|
|
|
+ console.log('data',data);
|
|
|
+ if (data.inst) {
|
|
|
+ this.inData.content = JSON.parse(data.inst).content
|
|
|
+ this.inData.file = JSON.parse(data.inst).file
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getData(){
|
|
|
+ this.loading = true;
|
|
|
+ let params = {
|
|
|
+ cl:1
|
|
|
+ };
|
|
|
+ selectAiExp(params)
|
|
|
+ .then(async (res) => {
|
|
|
+ console.log(res);
|
|
|
+ this.courseList = res.data[1]
|
|
|
+ this.loading = false;
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ this.loading = false;
|
|
|
+ console.error("请求失败,错误信息:", error);
|
|
|
+ });
|
|
|
+ },
|
|
|
change(val) {
|
|
|
|
|
|
// this.$forceUpdate();
|
|
|
@@ -130,6 +150,7 @@ export default {
|
|
|
type: "success",
|
|
|
message: "修改成功",
|
|
|
});
|
|
|
+ this.getData()
|
|
|
this.id = "";
|
|
|
this.inData = {
|
|
|
userid: this.userid,
|