|
|
@@ -1,9 +1,9 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <NavBar :go="{type:'push',path:'/training'}"/>
|
|
|
+ <NavBar :go="{ type: 'push', path: '/training' }" />
|
|
|
|
|
|
<div class="mainItem">
|
|
|
- <div class="label"> 标题</div>
|
|
|
+ <div class="label">标题</div>
|
|
|
<div>{{ trainingData?.title }}</div>
|
|
|
</div>
|
|
|
<div class="mainItem">
|
|
|
@@ -31,6 +31,13 @@
|
|
|
<div>{{ trainingData?.recorderName }}</div>
|
|
|
</div>
|
|
|
<div class="mainItem">
|
|
|
+ <div class="label labelPeople">培训资料</div>
|
|
|
+ <template v-for="item in studyList">
|
|
|
+
|
|
|
+ <imgCom :width="'100'" v-if="this_window.origin+item.url" :key="item.url" :height="'100'" :src="this_window.origin+item.url"></imgCom>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <div class="mainItem">
|
|
|
<div class="label">培训内容</div>
|
|
|
<div>{{ trainingData?.content }}</div>
|
|
|
</div>
|
|
|
@@ -48,22 +55,24 @@
|
|
|
</div>
|
|
|
<div class="mainItem">
|
|
|
<div class="label">上传图片</div>
|
|
|
-
|
|
|
+
|
|
|
<imgCom :width="'100'" v-for="item in imgList" :key="item" :height="'100'" :src="item"></imgCom>
|
|
|
-
|
|
|
</div>
|
|
|
- <div class="mainItem" v-if="this.$route.params.id.split('_')[1]==='info'">
|
|
|
+ <div class="mainItem" v-if="this.$route.params.id.split('_')[1] === 'info'">
|
|
|
<div class="label labelPeople">参与人员签名图片</div>
|
|
|
- <template v-for="item in signUserList" >
|
|
|
-
|
|
|
- <imgCom :width="'100'" v-if="item.signImage" :key="item.userId" :height="'100'" :src="item.signImage"></imgCom>
|
|
|
+ <template v-for="item in signUserList">
|
|
|
+ <imgCom :width="'100'" v-if="item.signImage" :key="item.userId" :height="'100'" :src="item.signImage"></imgCom>
|
|
|
</template>
|
|
|
-
|
|
|
-
|
|
|
</div>
|
|
|
<van-row>
|
|
|
<van-col span="24" class="btns">
|
|
|
- <van-button type="info" class="btn" v-if="this.$route.params.id.split('_')[1]==='edit'" @click="signatureHandler">签名</van-button>
|
|
|
+ <van-button
|
|
|
+ type="info"
|
|
|
+ class="btn"
|
|
|
+ v-if="this.$route.params.id.split('_')[1] === 'edit'"
|
|
|
+ @click="signatureHandler"
|
|
|
+ >签名</van-button
|
|
|
+ >
|
|
|
</van-col>
|
|
|
</van-row>
|
|
|
<van-action-sheet v-model="show" title="签署名字" class="sheet">
|
|
|
@@ -74,11 +83,11 @@
|
|
|
<script>
|
|
|
import NavBar from '@/components/NavBar'
|
|
|
import writingPad from '@/components/writingPad/index.vue'
|
|
|
-import { gettrainingInfo,signtrainingInfo } from '@/api/training.js'
|
|
|
+import { gettrainingInfo, signtrainingInfo } from '@/api/training.js'
|
|
|
import { upload } from '@/api/public'
|
|
|
import imgCom from '@/components/imgCom/index.vue'
|
|
|
-import {base64ToBlob} from '@/utils/base64TurnImg.js'
|
|
|
-import config from '@/config/index';
|
|
|
+import { base64ToBlob } from '@/utils/base64TurnImg.js'
|
|
|
+import config from '@/config/index'
|
|
|
export default {
|
|
|
name: 'SocAppAddTraining',
|
|
|
components: {
|
|
|
@@ -88,11 +97,13 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ this_window:window,
|
|
|
show: false,
|
|
|
taskUserList: [], //参与人员
|
|
|
qsUserList: [], //缺席人员
|
|
|
imgList: [], //图片数组
|
|
|
signUserList: [], //参与人员签名数组
|
|
|
+ studyList: [], //学习资料数组
|
|
|
trainingData: {} //详情数据
|
|
|
}
|
|
|
},
|
|
|
@@ -114,11 +125,16 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
this.qsUserList = this.qsUserList.join(',')
|
|
|
- this.signUserList=data.taskUserList||[]
|
|
|
- this.imgList = this.trainingData?.imageList?.split(',')||[]
|
|
|
- console.log(this.qsUserList);
|
|
|
- console.log(this.signUserList);
|
|
|
- console.log(this.imgList);
|
|
|
+ this.signUserList = data.taskUserList || []
|
|
|
+ let list = data.fileList || []
|
|
|
+ if (list.length > 0) {
|
|
|
+ list.forEach(item => {
|
|
|
+
|
|
|
+ this.studyList.push(JSON.parse(item))
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ this.imgList = this.trainingData?.imageList?.split(',') || []
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
@@ -138,30 +154,30 @@ export default {
|
|
|
resultImg(img) {
|
|
|
let obj = base64ToBlob(img)
|
|
|
let formData = new FormData()
|
|
|
-
|
|
|
+
|
|
|
obj.name = '签名.jpg'
|
|
|
formData.append('file', base64ToBlob(img))
|
|
|
-
|
|
|
+
|
|
|
upload(formData, 'image')
|
|
|
.then(res => {
|
|
|
- console.log(process.env.NODE_ENV);
|
|
|
+ console.log(process.env.NODE_ENV)
|
|
|
/*上传成功*/
|
|
|
- let imgUrl = process.env.NODE_ENV === 'development' ? res.data.url : res.data.url
|
|
|
- this.submitSign(imgUrl)
|
|
|
-
|
|
|
+ let imgUrl = process.env.NODE_ENV === 'development' ? res.data.url : res.data.url
|
|
|
+ this.submitSign(imgUrl)
|
|
|
+
|
|
|
// this.$emit("imgUrl", res.data.url);
|
|
|
})
|
|
|
.catch(err => {
|
|
|
/*上传失败*/
|
|
|
})
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
//提交到后端数据
|
|
|
- submitSign(url){
|
|
|
+ submitSign(url) {
|
|
|
signtrainingInfo({
|
|
|
- id:this.trainingData.id,
|
|
|
- signImage:url,
|
|
|
- }).then(res=>{
|
|
|
+ id: this.trainingData.id,
|
|
|
+ signImage: url
|
|
|
+ }).then(res => {
|
|
|
this.$router.push('/training')
|
|
|
})
|
|
|
}
|
|
|
@@ -176,16 +192,16 @@ export default {
|
|
|
justify-content: space-between;
|
|
|
background-color: #fff;
|
|
|
overflow: scroll;
|
|
|
- div{
|
|
|
+ div {
|
|
|
flex: 1;
|
|
|
text-align: right;
|
|
|
}
|
|
|
- .label{
|
|
|
+ .label {
|
|
|
width: 200px;
|
|
|
flex: none;
|
|
|
text-align: left;
|
|
|
}
|
|
|
- .labelPeople{
|
|
|
+ .labelPeople {
|
|
|
width: 300px;
|
|
|
}
|
|
|
}
|