|
|
@@ -72,12 +72,14 @@
|
|
|
style="position: absolute; right: 100px;background: rgb(34, 90, 199);color: #fff;"
|
|
|
>返回</el-button
|
|
|
>
|
|
|
- <div class="getScore" v-if="$store.state.userInfo.type != 1">
|
|
|
+ <div class="getScore" v-if="false">
|
|
|
+ <!-- $store.state.userInfo.type != 1 -->
|
|
|
<el-button @click="openScore(anliBox[0])">评分</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="navBox" :class="{ isNavBox: isNavTop >= 300 }">
|
|
|
+ <div class="navBox" :class="{ isNavBox: isNavTop >= 300 }" :style="{ margin: isNavTop>=300 ? '0 0' : psDialog?'0 50px':'0 auto'}">
|
|
|
+ <!-- <div class="navBox" :class="{ isNavBox: isNavTop >= 300 }"> -->
|
|
|
<div class="navTop" @click="isShow = 0">
|
|
|
<div class="navImg" style="width: 24px">
|
|
|
<img src="../../../../assets/icon/anliDetail/proOver.png" alt="" />
|
|
|
@@ -143,7 +145,7 @@
|
|
|
>
|
|
|
<img src="../../../../assets/icon/race/isNoMessage.png" alt />
|
|
|
</div>
|
|
|
- <div class="messageBox" v-else :class="{ isMessageBox: isNavTop >= 300 }">
|
|
|
+ <div class="messageBox" v-else :class="{ isMessageBox: isNavTop >= 300 }" :style="{ margin: psDialog?'0 50px':'0 auto'}">
|
|
|
<div
|
|
|
class="leftNav"
|
|
|
:class="{ isleftNav: isNavTop >= 300 }"
|
|
|
@@ -2124,6 +2126,89 @@
|
|
|
回到顶部
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="pButton" @click="psDialog = !psDialog" v-if="$store.state.userInfo.type != 1">
|
|
|
+ <!-- 批 -->
|
|
|
+ <img src="../../../../assets/pzBtn2.png" style="width: 25px" alt="" />
|
|
|
+ </div>
|
|
|
+ <div v-if="psDialog == true" class="newDialogCss">
|
|
|
+ <div class="pzTop2">
|
|
|
+ <!-- <div>批注</div>
|
|
|
+ <div @click="pzDialog = false">
|
|
|
+ <img src="../assets/close1.png" alt="" />
|
|
|
+ </div> -->
|
|
|
+ <div class="checkbox">
|
|
|
+ <div class="check" style="font-size: 25px">评审区域</div>
|
|
|
+ <img
|
|
|
+ src="../../../../assets/pzBtn.png"
|
|
|
+ @click="psDialog = false"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="pzBox">
|
|
|
+ <div class="addPzButton">
|
|
|
+ <div class="scoreTitle">
|
|
|
+ <div>{{ scoreDetail[0].uname }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="psBox">
|
|
|
+ <div>
|
|
|
+ <span>评分（总分100分）</span>
|
|
|
+ <el-input
|
|
|
+ class="number"
|
|
|
+ placeholder="请输入评分"
|
|
|
+ v-model.number="scoreDetail[0].scoreAll.first"
|
|
|
+ @change="addScore"
|
|
|
+ :controls="false"
|
|
|
+ :min="0"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ <div style="align-items: flex-start;">
|
|
|
+ <span>评审说明：</span
|
|
|
+ ><textarea
|
|
|
+ :rows="10"
|
|
|
+ class="tAreaCss"
|
|
|
+ placeholder="请输入评语。"
|
|
|
+ v-model="scoreDetail[0].scoreAll.content"
|
|
|
+ @change="addScore"
|
|
|
+ ></textarea>
|
|
|
+ </div>
|
|
|
+ <div class="reviewDescription">
|
|
|
+ <el-table
|
|
|
+ :data="reviewDescriptionData"
|
|
|
+ border
|
|
|
+ width="90%"
|
|
|
+ :cell-style="{borderColor:'black'}"
|
|
|
+ :span-method="objectSpanMethod"
|
|
|
+ :header-cell-style="{borderColor:'black',textAlign:'center'}"
|
|
|
+ style="width: 90%;border:solid 1px black">
|
|
|
+ <el-table-column
|
|
|
+ prop="question"
|
|
|
+ label="问题"
|
|
|
+ align="center"
|
|
|
+ width="80">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="class"
|
|
|
+ label="分项维度"
|
|
|
+ align="center"
|
|
|
+ width="80">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="ask"
|
|
|
+ label="具体指标">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="score"
|
|
|
+ label="分值"
|
|
|
+ align="center"
|
|
|
+ width="80">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<el-dialog
|
|
|
title="查看详情"
|
|
|
:visible.sync="dialogVisibleBrief"
|
|
|
@@ -2382,6 +2467,68 @@ export default {
|
|
|
isNavTop: 0,
|
|
|
isShow: 0,
|
|
|
nameIndex: 0,
|
|
|
+ reviewDescriptionData:[
|
|
|
+ {
|
|
|
+ question: "一、期待学生理解或学会什么？",
|
|
|
+ class:"核心概念",
|
|
|
+ ask:"1.核心概念统领学习目标，与学习目标有较强的适配性；核心概念聚焦，且有概括性及可迁移性",
|
|
|
+ score:"10"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ question: "一、期待学生理解或学会什么？",
|
|
|
+ class:"学习目标",
|
|
|
+ ask:"2.学习目标体现知识、技能和素养的发展；包含行为主体、行为动词、行为条件、表现程度",
|
|
|
+ score:"10"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ question: "二、如何帮助学生理解并进入项目？",
|
|
|
+ class:"驱动性问题",
|
|
|
+ ask:"3.情境有驱动性，能够激发学习兴趣；有开放的问题解决空间；蕴含有指向的学习目标",
|
|
|
+ score:"10"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ question: "二、如何帮助学生理解并进入项目？",
|
|
|
+ class:"核心任务",
|
|
|
+ ask:"4.核心任务基于驱动性问题设计；子任务链符合问题解决逻辑；核心任务关联学习目标",
|
|
|
+ score:"10"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ question: "三、如何帮助学生经历并完成项目？",
|
|
|
+ class:"支持性活动",
|
|
|
+ ask:"5.支持性活动体现学习知识、技能与方法，促进合作等方面；关联核心任务，有效支持完成核心任务",
|
|
|
+ score:"10"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ question: "三、如何帮助学生经历并完成项目？",
|
|
|
+ class:"学习工具",
|
|
|
+ ask:"6.学习工具适宜；反映对表单的创造性设计与使用；学习工具的使用激发深度实践，利于培养专家思维",
|
|
|
+ score:"10"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ question: "四、如何评估学生学习真实发生？",
|
|
|
+ class:"表现性评价",
|
|
|
+ ask:"7.评价维度呼应学习目标；尺度及具体描述设置合理；评价量表结构完整，易于学生使用",
|
|
|
+ score:"10"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ question: "四、如何评估学生学习真实发生？",
|
|
|
+ class:"体现学、教、评的一致性",
|
|
|
+ ask:"8.学习目标、核心任务、支持性活动、表现性评价之间密切关联",
|
|
|
+ score:"10"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ question: "五、对项目式学习有哪些新理解？",
|
|
|
+ class:"项目实施过程中的问题意识",
|
|
|
+ ask:"9.实施过程中，能对产生的问题展开分析；通过分析，提出聚焦的、合理的、有价值的研究点",
|
|
|
+ score:"10"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ question: "五、对项目式学习有哪些新理解？",
|
|
|
+ class:"项目设计与实施中的系统性",
|
|
|
+ ask:"10.理解项目要素；对要素间关系有合乎逻辑的理解",
|
|
|
+ score:"10"
|
|
|
+ }
|
|
|
+ ],
|
|
|
scoreDetail: [
|
|
|
{
|
|
|
id: "",
|
|
|
@@ -2399,9 +2546,25 @@ export default {
|
|
|
sumScore: 0,
|
|
|
},
|
|
|
],
|
|
|
+ psDialog: true
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
|
|
+ if (columnIndex === 0) {
|
|
|
+ if (rowIndex % 2 === 0) {
|
|
|
+ return {
|
|
|
+ rowspan: 2,
|
|
|
+ colspan: 1
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ return {
|
|
|
+ rowspan: 0,
|
|
|
+ colspan: 0
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
handleClose(done) {
|
|
|
done();
|
|
|
},
|
|
|
@@ -2526,16 +2689,44 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
addScore() {
|
|
|
- if (this.scoreDetail[0].scoreAll.first == "") {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
+ if(!this.scoreDetail[0].scoreAll.first){
|
|
|
+ this.$message.error("请先填写评分");
|
|
|
return;
|
|
|
- } else if (this.scoreDetail[0].scoreAll.second == "") {
|
|
|
- this.$message.error("请将信息填写完整");
|
|
|
+ }
|
|
|
+ if (this.scoreDetail[0].scoreAll.first.includes(".")) {
|
|
|
+ this.$message.error("暂时不支持小数点评分");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let value = /^\d+$/.test(this.scoreDetail[0].scoreAll.first);
|
|
|
+ // let value = e.replace(/[^d]/g, ""); // 只能输入数字
|
|
|
+ if (value == true) {
|
|
|
+ if (this.scoreDetail[0].scoreAll.first < 0) {
|
|
|
+ this.$message.error("请输入大于0的数值");
|
|
|
+ this.scoreDetail[0].scoreAll.first = "";
|
|
|
+ return;
|
|
|
+ } else if (e > 100) {
|
|
|
+ this.$message.error("数值不能大于100");
|
|
|
+ this.scoreDetail[0].scoreAll.first = "";
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.scoreDetail[0].scoreAll.first = "";
|
|
|
+ this.$message.error("请输入数字");
|
|
|
return;
|
|
|
- } else if (this.scoreDetail[0].scoreAll.third == "") {
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ if (this.scoreDetail[0].scoreAll.first == "") {
|
|
|
this.$message.error("请将信息填写完整");
|
|
|
return;
|
|
|
}
|
|
|
+ // else if (this.scoreDetail[0].scoreAll.second == "") {
|
|
|
+ // this.$message.error("请将信息填写完整");
|
|
|
+ // return;
|
|
|
+ // } else if (this.scoreDetail[0].scoreAll.third == "") {
|
|
|
+ // this.$message.error("请将信息填写完整");
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
// else if (this.scoreDetail[0].scoreAll.fourth == "") {
|
|
|
// this.$message.error("请将信息填写完整");
|
|
|
// return;
|
|
|
@@ -4569,4 +4760,133 @@ ol {
|
|
|
border-radius: 5px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+
|
|
|
+.pButton {
|
|
|
+ position: fixed;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 2999;
|
|
|
+ right: 0;
|
|
|
+ bottom: 600px;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ background: #fff;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ box-shadow: 0px 0 8px 0px #c5c5c5;
|
|
|
+}
|
|
|
+
|
|
|
+.newDialogCss {
|
|
|
+ position: fixed;
|
|
|
+ right: 0;
|
|
|
+ bottom:0;
|
|
|
+ width: 450px;
|
|
|
+ height: 650px;
|
|
|
+ max-height:calc(100% - 250px);
|
|
|
+ z-index: 3000;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 15px;
|
|
|
+ border-top-right-radius: 0px;
|
|
|
+ overflow-x:hidden;
|
|
|
+ border-bottom-right-radius: 0px;
|
|
|
+ box-shadow: 0px 3px 6px 5px rgba(0, 0, 0, 0.1);
|
|
|
+}
|
|
|
+
|
|
|
+.pzTop2 .checkbox {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 15px 30px;
|
|
|
+ flex: 0 0 auto;
|
|
|
+ font-weight: bold;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.pzTop2 .check {
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.pzTop2 img {
|
|
|
+ width: 25px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.pzBox {
|
|
|
+ height: calc(100% - 60px);
|
|
|
+ /* background: #ededed; */
|
|
|
+ background: #fff;
|
|
|
+ /* border-radius: 0 0 15px 15px; */
|
|
|
+}
|
|
|
+
|
|
|
+.addPzButton {
|
|
|
+ position: relative;
|
|
|
+ margin-top: 3px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.addPzButton .img1 {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ right: 25px;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.addPzButton .img1 div {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.addPzButton .img1 div img {
|
|
|
+ width: 28px;
|
|
|
+ margin-left: 10px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.addPzButton .img1 div span {
|
|
|
+ font-size: 14px;
|
|
|
+ margin: 4px 0 0 3px;
|
|
|
+ color: hsl(0, 0%, 69%);
|
|
|
+}
|
|
|
+
|
|
|
+.psBox {
|
|
|
+ margin-bottom: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+.psBox > div:not(:last-child) {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 20px;
|
|
|
+ padding: 0px 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.psBox > div > span:nth-child(1) {
|
|
|
+ width: fit-content;
|
|
|
+ min-width: fit-content;
|
|
|
+ font-size: 15px;
|
|
|
+ text-align: left;
|
|
|
+ margin-right: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.psBox > div > .number {
|
|
|
+ width: 100px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.reviewDescription{
|
|
|
+ /* width:100%; */
|
|
|
+ height:auto;
|
|
|
+ overflow:auto;
|
|
|
+ display:flex;
|
|
|
+ justify-content:center;
|
|
|
+ align-items:flex-start;
|
|
|
+ /* box-sizing:border-box; */
|
|
|
+ padding:10px !important;
|
|
|
+}
|
|
|
</style>
|
