|
|
@@ -18,25 +18,31 @@
|
|
|
<div class="m-o-btn" @click.stop="saveAsTemplate()">另存为模板</div>
|
|
|
</div>
|
|
|
<div class="ma-main">
|
|
|
- <baseMessage />
|
|
|
+ <baseMessage :data="bmData.jsonData" v-loading="currencyLoading"/>
|
|
|
|
|
|
<currencyAnalysis
|
|
|
@updateMessage="updateMessage"
|
|
|
- :analysisItemList="analysisItemList[0]"
|
|
|
+ @delItem="delAnalysisItem"
|
|
|
+ :analysisItemList="dataList[0]"
|
|
|
+ v-loading="currencyLoading"
|
|
|
/>
|
|
|
|
|
|
<scienceAnalysis
|
|
|
@updateMessage="updateMessage"
|
|
|
- :analysisItemList="analysisItemList[1]"
|
|
|
+ @delItem="delAnalysisItem"
|
|
|
+ :analysisItemList="dataList[1]"
|
|
|
+ v-loading="scienceLoading"
|
|
|
/>
|
|
|
|
|
|
<extendAnalysis
|
|
|
@updateMessage="updateMessage"
|
|
|
- :analysisItemList="analysisItemList[2]"
|
|
|
+ @delItem="delAnalysisItem"
|
|
|
+ :analysisItemList="dataList[2]"
|
|
|
+ v-loading="extendLoading"
|
|
|
/>
|
|
|
<!-- <div style="height: 10000px;"></div> -->
|
|
|
</div>
|
|
|
- <el-dialog :visible.sync="dialogVisible" width="1200px" close-on-click-modal="true" :before-close="handleClose">
|
|
|
+ <el-dialog :center="true" :visible.sync="dialogVisible" width="1200px">
|
|
|
<!-- <div v-if="showDialog == true" class="a-dialog" v-el-drag-dialog> -->
|
|
|
<div class="a-d-top">
|
|
|
<div class="a-d-topTit"><div style="width: 136px">添加模块</div></div>
|
|
|
@@ -83,12 +89,7 @@
|
|
|
>
|
|
|
推荐
|
|
|
</div>
|
|
|
- <div
|
|
|
- style="
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- "
|
|
|
- >
|
|
|
+ <div style="display: flex; flex-wrap: wrap">
|
|
|
<div
|
|
|
class="a-d-b-item"
|
|
|
v-for="(item, index) in dialogTagDataList[tagIndex]"
|
|
|
@@ -150,10 +151,14 @@ export default {
|
|
|
showBrief: true, //是否显示模块简介
|
|
|
dialogVisible: false,
|
|
|
tagIndex: 0,
|
|
|
- input2:'',
|
|
|
+ loading: "",
|
|
|
+ currencyLoading:false,
|
|
|
+ scienceLoading:false,
|
|
|
+ extendLoading:false,
|
|
|
+ input2:"",
|
|
|
dialogTagList: [
|
|
|
{ id: 1, name: "通用课堂分析" },
|
|
|
- { id: 2, name: "学科课堂分析" },
|
|
|
+ { id: 2, name: "科学课堂分析" },
|
|
|
{ id: 3, name: "扩展分析" },
|
|
|
],
|
|
|
dialogTagDataList: [
|
|
|
@@ -799,32 +804,36 @@ BSCS 5E教学模型是一种广泛应用于科学教育的教学策略，它鼓
|
|
|
},
|
|
|
],
|
|
|
],
|
|
|
- analysisItemList:[
|
|
|
- [//通用课堂分析
|
|
|
-
|
|
|
+ bmData:{},
|
|
|
+ dataList: [
|
|
|
+ [
|
|
|
+ //通用课堂分析
|
|
|
],
|
|
|
- [//学科课堂分析
|
|
|
-
|
|
|
+ [
|
|
|
+ //学科课堂分析
|
|
|
],
|
|
|
- [//扩展分析
|
|
|
-
|
|
|
+ [
|
|
|
+ //扩展分析
|
|
|
],
|
|
|
],
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ delAnalysisItem(tag,index){
|
|
|
+ this.dataList[tag].splice(index,1);
|
|
|
+ this.$message.success("删除成功")
|
|
|
+ },
|
|
|
updateMessage(val) {
|
|
|
// console.log(val);
|
|
|
this.dialogVisible = true;
|
|
|
this.tagIndex = val;
|
|
|
},
|
|
|
handleClose(done) {
|
|
|
- // this.$confirm("确认关闭？")
|
|
|
- // .then((_) => {
|
|
|
- // done();
|
|
|
- // })
|
|
|
- // .catch((_) => {});
|
|
|
- this.dialogVisible = false;
|
|
|
+ this.$confirm("确认关闭？")
|
|
|
+ .then((_) => {
|
|
|
+ done();
|
|
|
+ })
|
|
|
+ .catch((_) => {});
|
|
|
},
|
|
|
// 切换显示模板简介
|
|
|
changeShowBrief(newValue) {
|
|
|
@@ -839,14 +848,121 @@ BSCS 5E教学模型是一种广泛应用于科学教育的教学策略，它鼓
|
|
|
this.$message.info("另存为模板");
|
|
|
},
|
|
|
addAnalysisItem(_data) {
|
|
|
- this.analysisItemList[this.tagIndex].push({
|
|
|
- title:_data.title,
|
|
|
- brief:_data.brief,
|
|
|
- cueWord:_data.cueWord,
|
|
|
- })
|
|
|
+ this.dataList[this.tagIndex].push({
|
|
|
+ title: _data.title,
|
|
|
+ brief: _data.brief,
|
|
|
+ cueWord: _data.cueWord,
|
|
|
+ });
|
|
|
this.dialogVisible = false;
|
|
|
+ // this.loading = this.tagIndex;
|
|
|
+ // setTimeout(()=>this.loading = '',4000)
|
|
|
},
|
|
|
+ getCurrencyAndBaseMessageData(){
|
|
|
+ let pram = {
|
|
|
+ tid:"01",
|
|
|
+ type:'0'
|
|
|
+ }
|
|
|
+ this.currencyLoading = true;
|
|
|
+ this.ajax.post("https://gpt4.cocorobo.cn/get_classroom_observation_new",pram).then(res=>{
|
|
|
+ let _data = JSON.parse(res.data.FunctionResponse.result)
|
|
|
+ let _bmData = _data[0]
|
|
|
+ // 基础信息
|
|
|
+ _bmData.jsonData = JSON.parse(_bmData.jsonData)
|
|
|
+ // 图片
|
|
|
+ let imageList = _data[1]
|
|
|
+ //通用分析
|
|
|
+ let currency = []
|
|
|
+ for(let i = 2;i<_data.length;i++){
|
|
|
+ let _currency = _data[i];
|
|
|
+ _currency.jsonData = JSON.parse(_currency.jsonData)
|
|
|
+ currency.push(_currency)
|
|
|
+ }
|
|
|
+ this.dataList[0].push(...currency)
|
|
|
+ this.bmData = _bmData;
|
|
|
+ this.currencyLoading = false;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getScienceData(){
|
|
|
+ let pram = {
|
|
|
+ tid:"01",
|
|
|
+ type:'1'
|
|
|
+ }
|
|
|
+ this.scienceLoading = true;
|
|
|
+ this.ajax.post("https://gpt4.cocorobo.cn/get_classroom_observation_new",pram).then(res=>{
|
|
|
+ console.log('👇科学分析👇')
|
|
|
+ let _data = JSON.parse(res.data.FunctionResponse.result)
|
|
|
+ let science = []
|
|
|
+ for(let i = 0;i<_data.length;i++){
|
|
|
+ let _science = _data[i];
|
|
|
+ _science.jsonData = JSON.parse(_science.jsonData)
|
|
|
+ science.push(_science)
|
|
|
+ }
|
|
|
+ this.dataList[1].push(...science)
|
|
|
+ this.scienceLoading = false;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getExtendData(){
|
|
|
+ let pram = {
|
|
|
+ tid:"01",
|
|
|
+ type:'2'
|
|
|
+ }
|
|
|
+ this.extendLoading = true;
|
|
|
+ this.ajax.post("https://gpt4.cocorobo.cn/get_classroom_observation_new",pram).then(res=>{
|
|
|
+ console.log('👇扩展分析👇')
|
|
|
+ let _data = JSON.parse(res.data.FunctionResponse.result)
|
|
|
+ let extent = []
|
|
|
+ for(let i = 0;i<_data.length;i++){
|
|
|
+ let _extent = _data[i];
|
|
|
+ _extent.jsonData = JSON.parse(_extent.jsonData)
|
|
|
+ extent.push(_extent)
|
|
|
+ }
|
|
|
+ this.dataList[2].push(...extent)
|
|
|
+ this.extendLoading = false;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ saveData(fn){
|
|
|
+ let saveDataList = []
|
|
|
+
|
|
|
+ // 保存基础信息
|
|
|
+ saveDataList.push({
|
|
|
+ id:this.bmData.id,
|
|
|
+ json_data:JSON.stringify(this.bmData.jsonData),
|
|
|
+ })
|
|
|
+
|
|
|
+ // 所有分析
|
|
|
+ this.dataList.forEach(i1=>{
|
|
|
+ i1.forEach(i2=>{
|
|
|
+ saveDataList.push({
|
|
|
+ id:i2.id,
|
|
|
+ json_data:JSON.stringify(i2.jsonData),
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
+ let promises = [];
|
|
|
+ saveDataList.forEach(i=>{
|
|
|
+ promises.push(new Promise(resolve=>{
|
|
|
+ let pram = {
|
|
|
+ id:i.id,
|
|
|
+ json_data:i.json_data
|
|
|
+ }
|
|
|
+ this.ajax.post("https://gpt4.cocorobo.cn/update_classroom_observation",pram).then(res=>{
|
|
|
+ console.log(res)
|
|
|
+ resolve();
|
|
|
+ })
|
|
|
+ }))
|
|
|
+ })
|
|
|
+
|
|
|
+ Promise.all(promises).then(res=>{
|
|
|
+ this.$message.success('保存成功');
|
|
|
+ fn?fn():'';
|
|
|
+ })
|
|
|
+ }
|
|
|
},
|
|
|
+ mounted(){
|
|
|
+ this.getCurrencyAndBaseMessageData()
|
|
|
+ this.getScienceData()
|
|
|
+ this.getExtendData()
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
|
SanHQin