|
|
|
@ -3,6 +3,22 @@ |
|
|
|
<a-card style="width:100%" :tab-list="tabList" :active-tab-key="activeTabKey" @tabChange="onTabChange"> |
|
|
|
<div class="throm-before4-container Informed-container"> |
|
|
|
<div class="video-container" v-if="activeTabKey == 'tab1'"> |
|
|
|
<div class="info">百人中使用药物结果分布情况</div> |
|
|
|
<div class="img"> |
|
|
|
<img src="@/assets/images/100.png" alt="" style="width: 100%;" /> |
|
|
|
</div> |
|
|
|
<div class="image-container"> |
|
|
|
<video :src="getVideo" controls autoplay loop muted v-if="getVideo" width="100%"> |
|
|
|
您的浏览器不支持 video 标签。 |
|
|
|
</video> |
|
|
|
<!-- <div class="notImg" v-else>溶栓视频安全区</div> --> |
|
|
|
<div class="emtpy" v-else> |
|
|
|
<a-empty :image="emptyImage" description="未检测到影像信息" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="video-container" v-if="activeTabKey == 'tab2'"> |
|
|
|
<h1 style="text-align: center;font-size: 2rem;line-height: 5rem;font-weight: bold;">急性脑梗塞静脉溶栓治疗知情同意书 |
|
|
|
</h1> |
|
|
|
<div style="transition: all 1s; overflow: hidden; "> |
|
|
|
@ -97,14 +113,14 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<div class="common-picker"> |
|
|
|
<van-datetime-picker v-if="picker" v-model="currentDate" type="datetime" @confirm="confirmPicker" |
|
|
|
@cancel="picker = false" /> |
|
|
|
<van-datetime-picker v-if="picker" v-model="currentDate" type="datetime" |
|
|
|
@confirm="confirmPicker" @cancel="picker = false" /> |
|
|
|
</div> |
|
|
|
<div class="btns"> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="video-container" v-if="activeTabKey == 'tab2'"> |
|
|
|
<div class="video-container" v-if="activeTabKey == 'tab3'"> |
|
|
|
<div class="upload-informed-container"> |
|
|
|
<div class="upload-container"> |
|
|
|
<div class="info">上传知情同意图片</div> |
|
|
|
@ -129,26 +145,15 @@ |
|
|
|
</a-modal> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="video-container" v-if="activeTabKey == 'tab3'"> |
|
|
|
<div class="info">百人中使用药物结果分布情况</div> |
|
|
|
<div class="img"> |
|
|
|
<img src="@/assets/images/100.png" alt="" style="width: 100%;" /> |
|
|
|
</div> |
|
|
|
<div class="image-container"> |
|
|
|
<video :src="getVideo" controls autoplay loop muted v-if="getVideo" width="100%"> |
|
|
|
您的浏览器不支持 video 标签。 |
|
|
|
</video> |
|
|
|
<!-- <div class="notImg" v-else>溶栓视频安全区</div> --> |
|
|
|
<div class="emtpy" v-else> |
|
|
|
<a-empty :image="emptyImage" description="未检测到影像信息" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="throm-common-button"> |
|
|
|
<!-- <a-button :disabled="writeAble" class="" type="primary" size="large" block |
|
|
|
@click="onSubmitSign" v-if="!disabled && activeTabKey == 'tab1'">提交</a-button> --> |
|
|
|
<a-button :disabled="writeAble" class="" block type="primary" size="large" |
|
|
|
@click="onSubmitSign">下一步</a-button> |
|
|
|
@click="activeTabKey = 'tab2'" v-if="activeTabKey == 'tab1'">下一步</a-button> |
|
|
|
<a-button :disabled="writeAble" class="" block type="primary" size="large" @click="onSubmitSign" |
|
|
|
v-if="activeTabKey == 'tab2'">下一步</a-button> |
|
|
|
<a-button :disabled="writeAble" class="" block type="primary" size="large" @click="handleNext" |
|
|
|
v-if="activeTabKey == 'tab3'">下一步</a-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-card> |
|
|
|
@ -178,7 +183,9 @@ |
|
|
|
thTime, |
|
|
|
uploadBase64, |
|
|
|
queryVideo, |
|
|
|
queryBook |
|
|
|
queryBook, |
|
|
|
ctFrontAdd, |
|
|
|
ctFrontQuery, |
|
|
|
} from 'api'; |
|
|
|
export default { |
|
|
|
name: 'ThromBefor4', |
|
|
|
@ -194,16 +201,15 @@ |
|
|
|
emptyImage, |
|
|
|
tabList: [{ |
|
|
|
key: 'tab1', |
|
|
|
tab: '谈话辅助工具', |
|
|
|
}, { |
|
|
|
key: 'tab2', |
|
|
|
tab: '知情同意', |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: 'tab2', |
|
|
|
key: 'tab3', |
|
|
|
tab: '拍照上传', |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: 'tab3', |
|
|
|
tab: '谈话辅助工具', |
|
|
|
} |
|
|
|
], |
|
|
|
apiUrl: imgUrl, |
|
|
|
informed: { |
|
|
|
@ -304,9 +310,6 @@ |
|
|
|
this.setVideo(data.list); |
|
|
|
} |
|
|
|
}, |
|
|
|
onSubmit() { |
|
|
|
this.$emit('next') |
|
|
|
}, |
|
|
|
async onSubmitSign() { |
|
|
|
const { |
|
|
|
informed |
|
|
|
@ -328,7 +331,7 @@ |
|
|
|
} = res; |
|
|
|
if (code === 200) { |
|
|
|
this.$message.success('保存成功'); |
|
|
|
this.$emit('next') |
|
|
|
this.activeTabKey = 'tab3' |
|
|
|
// if (this.source === 'first') { |
|
|
|
// this.$emit('on-success', true); |
|
|
|
// } else { |
|
|
|
@ -337,8 +340,55 @@ |
|
|
|
// } |
|
|
|
} |
|
|
|
}, |
|
|
|
handleNext() { |
|
|
|
async handleNext() { |
|
|
|
// const { |
|
|
|
// firstAidId |
|
|
|
// } = this.patientData; |
|
|
|
// if (!firstAidId) return this.$message.error('缺少急救'); |
|
|
|
// let res = await ctFrontAdd({ |
|
|
|
// firstAidId, |
|
|
|
// path: this.fileList.join(','), |
|
|
|
// type: 3, |
|
|
|
// }); |
|
|
|
// const { |
|
|
|
// code, |
|
|
|
// data, |
|
|
|
// msg |
|
|
|
// } = res; |
|
|
|
// if (code === 200) { |
|
|
|
// this.$message.success('保存成功'); |
|
|
|
// this.$emit('next') |
|
|
|
// } |
|
|
|
|
|
|
|
let codeAndAnswerList = []; |
|
|
|
codeAndAnswerList.push({ |
|
|
|
questionCode: 'JMRS-ZQTY-PIC', |
|
|
|
answer: this.fileList, |
|
|
|
time: '', |
|
|
|
}); |
|
|
|
await this.home.updateAidCode({ |
|
|
|
codeAndAnswerList, |
|
|
|
}, false); |
|
|
|
this.$emit('next') |
|
|
|
|
|
|
|
}, |
|
|
|
async queryFileList() { |
|
|
|
const { |
|
|
|
firstAidId |
|
|
|
} = this.patientData; |
|
|
|
if (!firstAidId) return this.$message.error('缺少急救'); |
|
|
|
let res = await ctFrontQuery({ |
|
|
|
firstAidId, |
|
|
|
type: 3, |
|
|
|
}); |
|
|
|
const { |
|
|
|
code, |
|
|
|
data, |
|
|
|
msg |
|
|
|
} = res; |
|
|
|
if (code === 200) { |
|
|
|
this.fileList = data |
|
|
|
} |
|
|
|
}, |
|
|
|
onTabChange(key, type) { |
|
|
|
this.activeTabKey = key; |
|
|
|
@ -354,8 +404,8 @@ |
|
|
|
this.currentDate = new Date(this.informed[type]); |
|
|
|
} |
|
|
|
}, |
|
|
|
formatDate(date){ |
|
|
|
if(!date) date = new Date() |
|
|
|
formatDate(date) { |
|
|
|
if (!date) date = new Date() |
|
|
|
let year = date.getFullYear(); |
|
|
|
let month = date.getMonth() + 1; |
|
|
|
month = month < 10 ? '0' + month : month; |
|
|
|
@ -367,7 +417,7 @@ |
|
|
|
minutes = minutes < 10 ? '0' + minutes : minutes; |
|
|
|
let seconds = date.getSeconds(); |
|
|
|
seconds = seconds < 10 ? '0' + seconds : seconds; |
|
|
|
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; // 0 y + '-' + m + '-' + d; |
|
|
|
return `${year}-${month}-${day} ${hours}:${minutes}`; //:${seconds} y + '-' + m + '-' + d; |
|
|
|
}, |
|
|
|
confirmPicker(date) { |
|
|
|
// console.log(date) |
|
|
|
@ -379,7 +429,8 @@ |
|
|
|
// let hours = date.getHours(); |
|
|
|
// let minutes = date.getMinutes(); |
|
|
|
// let seconds = date.getSeconds(); |
|
|
|
let dateTime = this.formatDate(date); //`${year}-${month}-${day} ${hours}:${minutes}`; // :${seconds}0 y + '-' + m + '-' + d; |
|
|
|
let dateTime = this.formatDate( |
|
|
|
date); //`${year}-${month}-${day} ${hours}:${minutes}`; // :${seconds}0 y + '-' + m + '-' + d; |
|
|
|
this.informed[this.type] = dateTime; |
|
|
|
console.log('dateTime', dateTime) |
|
|
|
this.picker = false; |
|
|
|
|
领悟
4 months ago
