|
|
@@ -78,9 +78,9 @@
|
|
|
</el-container>
|
|
|
|
|
|
<el-container v-if="pageAndPage===1">
|
|
|
- <el-aside width="300" style="margin-right: 10px">
|
|
|
+ <el-aside width="270" style="margin-right: 10px">
|
|
|
<el-card class="infinite-list"
|
|
|
- style="margin: auto;width: 300px;max-height:700px;min-height:80px;padding: 1px">
|
|
|
+ style="margin: auto;width: 270px;max-height:700px;min-height:80px;padding: 1px">
|
|
|
<div style="width:200px;margin: auto">
|
|
|
作品名称
|
|
|
</div>
|
|
|
@@ -109,11 +109,13 @@
|
|
|
</el-aside>
|
|
|
<el-container style="background-color: #ffffff">
|
|
|
|
|
|
- <el-header style="justify-content:center; display: flex;height: 20px">
|
|
|
- <el-radio-group size="large" v-model="tabPosition" style="width: 800px">
|
|
|
- <el-radio-button value="当前作品" @click="scrollToSection('chapter1')">当前作品
|
|
|
+ <el-header style="justify-content:center; display: flex;height: 30px">
|
|
|
+ <el-radio-group size="large" v-model="tabPosition" style="width: 800px;margin-top: 10px">
|
|
|
+ <el-radio-button value="当前作品" @click="scrollToSection('chapter1')" style="height: 20px">作品名称
|
|
|
+ </el-radio-button>
|
|
|
+ <el-radio-button value="作品详情" @click="scrollToSection('chapter3') " style="height: 20px">作品详情
|
|
|
</el-radio-button>
|
|
|
- <el-radio-button value="文稿材料" @click="scrollToSection('chapter2')">文稿材料
|
|
|
+ <el-radio-button value="文稿材料" @click="scrollToSection('chapter2')" style="height: 20px">文稿/材料
|
|
|
</el-radio-button>
|
|
|
</el-radio-group>
|
|
|
</el-header>
|
|
|
@@ -122,70 +124,113 @@
|
|
|
<el-col :span="17"
|
|
|
style="height: 670px;background-color: white;margin: auto 5px auto 5px">
|
|
|
<el-scrollbar ref="scrollContainer"
|
|
|
- style="width: 100% ;height: 670px;overflow-y: auto;">
|
|
|
+ style="width: 100% ;height: 660px;overflow-y: auto;">
|
|
|
|
|
|
|
|
|
- <div style="width: 90%;margin: 30px auto auto;">
|
|
|
+ <div style="width: 95%;margin: 10px auto auto 10px; ">
|
|
|
|
|
|
|
|
|
- <div id="chapter1">当前作品名：{{ file.workName }}</div>
|
|
|
- <div style="max-width: 800px">
|
|
|
- <audio v-if="file.format==='mp3'" :src="file.url" controls>
|
|
|
- </audio>
|
|
|
+ <div id="chapter1">
|
|
|
+ <el-tag type="primary" size="large">作品名称</el-tag>
|
|
|
+<!-- <el-card style="width: 100%;margin-top: 10px;margin-bottom: 10px"-->
|
|
|
+<!-- shadow="always">-->
|
|
|
+<!-- 作品名称-->
|
|
|
+<!-- </el-card>-->
|
|
|
</div>
|
|
|
|
|
|
- <video v-if="file.format==='mp4'"
|
|
|
- :src="file.url" style="max-width: 700px" controls></video>
|
|
|
- <img v-if="file.format==='jpg'||file.format==='png'"
|
|
|
- :src="file.url" style="max-width: 800px" alt=""/>
|
|
|
- <div v-if="file.format==='pdf'">
|
|
|
- <VueOfficePdf :src="file.url" style="max-width: 800px" class="docx-class"/>
|
|
|
- </div>
|
|
|
+ <el-card style="width: 100%;margin-top: 10px;margin-bottom: 10px;text-align: center"
|
|
|
+ shadow="always">
|
|
|
+ {{ file.workName }}
|
|
|
+ </el-card>
|
|
|
+ <el-tag id="chapter3" type="primary" size="large">作品详情</el-tag>
|
|
|
+ <el-card style="width: 100%;margin-top: 10px;margin-bottom: 10px" shadow="always">
|
|
|
+ <div style="max-width: 800px">
|
|
|
+ <audio v-if="file.format==='mp3'" :src="file.url" controls>
|
|
|
+ </audio>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <video v-if="file.format==='mp4'"
|
|
|
+ :src="file.url" style="max-width: 700px" controls></video>
|
|
|
+ <img v-if="file.format==='jpg'||file.format==='png'"
|
|
|
+ :src="file.url" style="max-width: 800px" alt=""/>
|
|
|
+ <div v-if="file.format==='pdf'">
|
|
|
+ <VueOfficePdf :src="file.url" style="max-width: 800px" class="docx-class"/>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
<div id="chapter2">
|
|
|
- 当前材料：{{
|
|
|
+ <el-tag type="primary" size="large">文稿/材料</el-tag>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <el-card style="width: 100%;margin-top: 10px;text-align: center"
|
|
|
+ shadow="always">
|
|
|
+ {{
|
|
|
file.manuscriptAndMaterial.split("/")[file.manuscriptAndMaterial.split("/").length - 1]
|
|
|
}}
|
|
|
- </div>
|
|
|
- <el-scrollbar v-if="file.manuscriptAndMaterial!==''"
|
|
|
- style="max-width: 850px;max-height: 1000px;overflow-y: auto;">
|
|
|
- <VueOfficePdf :src="file.manuscriptAndMaterial" style="height: 670px"/>
|
|
|
- </el-scrollbar>
|
|
|
+ <el-divider />
|
|
|
+ <el-scrollbar v-if="file.manuscriptAndMaterial!==''"
|
|
|
+ style="max-width: 850px;max-height: 1000px;overflow-y: auto;">
|
|
|
+ <VueOfficePdf :src="file.manuscriptAndMaterial" style="height: 670px"/>
|
|
|
+ </el-scrollbar>
|
|
|
+ </el-card>
|
|
|
+ <br/>
|
|
|
</div>
|
|
|
</el-scrollbar>
|
|
|
</el-col>
|
|
|
- <el-col :span="6" style="background-color: white;margin-left: 10px">
|
|
|
- <el-row style="margin-top: 20px">
|
|
|
- <el-form-item label="评分" style="margin-top: 20px">
|
|
|
- <el-input v-model="formDataScope.score" @change="submitScope"
|
|
|
- placeholder="请输入评分"/>
|
|
|
- </el-form-item>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="8" class="button-padd">
|
|
|
- <el-button @click="backScope"
|
|
|
- type="primary">上一个
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" class="button-padd">
|
|
|
- <el-button @click="nextScope"
|
|
|
- type="primary">下一个
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" class="button-padd">
|
|
|
- <el-button @click="returnScope"
|
|
|
- type="primary">返回
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
-
|
|
|
-
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24" class="button-padd">
|
|
|
- <el-button @click="visible=true"
|
|
|
- type="primary">提交
|
|
|
- </el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-col :span="6" style="background-color: #ffffff;margin-left: 10px">
|
|
|
+ <el-card style="width: 100%;margin-top: 10px;margin-bottom: 10px" shadow="always">
|
|
|
+ <el-row style="margin-top: 20px">
|
|
|
+ <el-form-item label="分数" style="margin-top: 20px">
|
|
|
+ <el-input v-model="formDataScope.score" @change="submitScope"
|
|
|
+ placeholder="请输入分数"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-row>
|
|
|
+ <el-row style="margin-top: 20px">
|
|
|
+ <el-form-item label="附加分" style="margin-top: 20px">
|
|
|
+ <el-input
|
|
|
+
|
|
|
+ @change="submitScope"
|
|
|
+ placeholder="请输入分数(未启用)" disabled/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-row>
|
|
|
+ <el-row style="margin-top: 20px">
|
|
|
+ <el-form-item label="评分记录" style="margin-top: 20px">
|
|
|
+ <div></div>
|
|
|
+ </el-form-item>
|
|
|
+ <div style="height: 100px">
|
|
|
+ <el-input
|
|
|
+ disabled
|
|
|
+ style="width: 240px;height: 90px"
|
|
|
+ autosize
|
|
|
+ type="textarea"
|
|
|
+ placeholder="输入记录(未启用)"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12" class="button-padd">
|
|
|
+ <el-button @click="backScope"
|
|
|
+ type="primary">上一个
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="button-padd">
|
|
|
+ <el-button @click="nextScope"
|
|
|
+ type="primary">下一个
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12" class="button-padd">
|
|
|
+ <el-button @click="subScoreInfoStatus"
|
|
|
+ type="primary">提交
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="button-padd">
|
|
|
+ <el-button @click="returnScope"
|
|
|
+ type="primary">返回
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
@@ -411,7 +456,7 @@ const base64ToBlob = (base64Data, contentType = 'image/png') => {
|
|
|
}
|
|
|
//=======================================================
|
|
|
|
|
|
-import {ElMessage} from 'element-plus'
|
|
|
+import {ElMessage, ElMessageBox} from 'element-plus'
|
|
|
import download from '@/utils/download'
|
|
|
import {ScoreApi, ScoreVO} from '@/api/work/score'
|
|
|
import {TypeApi} from "@/api/work/type";
|
|
|
@@ -446,6 +491,23 @@ const nextScope = () => {
|
|
|
formDataScope.value.id = undefined
|
|
|
getWorkLists()
|
|
|
}
|
|
|
+/** 下一个 */
|
|
|
+const subScoreInfoStatus = () => {
|
|
|
+ let j = 0
|
|
|
+ for (let i = 0; i < workList.value.length; i++) {
|
|
|
+ if (workList.value[i].scoreDO.score !== null) {
|
|
|
+ j++
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (j===workList.value.length){
|
|
|
+ visible.value = true
|
|
|
+ }else {
|
|
|
+ ElMessageBox.alert('作品并没有打分完毕', '提示', {
|
|
|
+ confirmButtonText: 'OK'
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
/** 上一个 */
|
|
|
const backScope = () => {
|
|
|
if (indexScore.value === 0) {
|
