|
@ -3,6 +3,21 @@ |
|
|
<a-card style="width:100%" :tab-list="tabList" :active-tab-key="activeTabKey" @tabChange="onTabChange"> |
|
|
<a-card style="width:100%" :tab-list="tabList" :active-tab-key="activeTabKey" @tabChange="onTabChange"> |
|
|
<div class="throm-before4-container Informed-container"> |
|
|
<div class="throm-before4-container Informed-container"> |
|
|
<div class="video-container" v-if="activeTabKey == 'tab1'"> |
|
|
<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 style="text-align: center;font-size: 2rem;line-height: 5rem;font-weight: bold;">急性脑梗塞静脉溶栓治疗知情同意书 |
|
|
</h1> |
|
|
</h1> |
|
|
<div style="transition: all 1s; overflow: hidden; "> |
|
|
<div style="transition: all 1s; overflow: hidden; "> |
|
@ -101,10 +116,10 @@ |
|
|
@confirm="confirmPicker" @cancel="picker = false" /> |
|
|
@confirm="confirmPicker" @cancel="picker = false" /> |
|
|
</div> |
|
|
</div> |
|
|
</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-informed-container"> |
|
|
<div class="upload-container"> |
|
|
<div class="upload-container"> |
|
|
<div class="info">知情同意图片</div> |
|
|
<div class="info">上传知情同意图片</div> |
|
|
<div class="upload-list" style="min-height: 300px;" v-if="fileList.length"> |
|
|
<div class="upload-list" style="min-height: 300px;" v-if="fileList.length"> |
|
|
<!-- <div class="upload-list-item" v-for="(item, index) in fileList" :key="index" |
|
|
<!-- <div class="upload-list-item" v-for="(item, index) in fileList" :key="index" |
|
|
@click="handlePreview(item)"> |
|
|
@click="handlePreview(item)"> |
|
@ -135,21 +150,7 @@ |
|
|
</a-modal> |
|
|
</a-modal> |
|
|
</div> |
|
|
</div> |
|
|
</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> |
|
|
</div> |
|
|
</a-card> |
|
|
</a-card> |
|
|
|
|
|
|
|
@ -162,8 +163,12 @@ |
|
|
<div class="throm-common-button"> |
|
|
<div class="throm-common-button"> |
|
|
<!-- <a-button :disabled="writeAble" class="" type="primary" size="large" block @click="onSubmitSign" |
|
|
<!-- <a-button :disabled="writeAble" class="" type="primary" size="large" block @click="onSubmitSign" |
|
|
v-if="!disabled && activeTabKey == 'tab1'">提交</a-button> --> |
|
|
v-if="!disabled && activeTabKey == 'tab1'">提交</a-button> --> |
|
|
<a-button :disabled="writeAble" class="" block type="primary" size="large" |
|
|
<a-button :disabled="writeAble" class="" block type="primary" size="large" v-if="activeTabKey == 'tab1'" |
|
|
|
|
|
@click="handleNextTab">下一步</a-button> |
|
|
|
|
|
<a-button :disabled="writeAble" class="" block type="primary" size="large" v-if="activeTabKey == 'tab2'" |
|
|
@click="onSubmitSign">下一步</a-button> |
|
|
@click="onSubmitSign">下一步</a-button> |
|
|
|
|
|
<a-button :disabled="writeAble" class="" block type="primary" size="large" v-if="activeTabKey == 'tab3'" |
|
|
|
|
|
@click="handleNext">下一步</a-button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
@ -201,15 +206,15 @@ |
|
|
activeTabKey: 'tab1', |
|
|
activeTabKey: 'tab1', |
|
|
tabList: [{ |
|
|
tabList: [{ |
|
|
key: 'tab1', |
|
|
key: 'tab1', |
|
|
tab: '知情同意', |
|
|
tab: '谈话辅助工具', |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
key: 'tab2', |
|
|
key: 'tab2', |
|
|
tab: '拍照上传', |
|
|
tab: '知情同意', |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
key: 'tab3', |
|
|
key: 'tab3', |
|
|
tab: '谈话辅助工具', |
|
|
tab: '拍照上传', |
|
|
} |
|
|
} |
|
|
], |
|
|
], |
|
|
apiUrl: imgUrl, |
|
|
apiUrl: imgUrl, |
|
@ -358,8 +363,22 @@ |
|
|
// } |
|
|
// } |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
handleNext() { |
|
|
handleNextTab(key) { |
|
|
|
|
|
this.activeTabKey = 'tab2'; |
|
|
|
|
|
this.home.queryAid(this.patientData?.firstAidId, false) |
|
|
|
|
|
}, |
|
|
|
|
|
async handleNext() { |
|
|
|
|
|
let codeAndAnswerList = []; |
|
|
|
|
|
codeAndAnswerList.push({ |
|
|
|
|
|
questionCode: 'JMRS-ZQTY-PIC', |
|
|
|
|
|
answer: this.fileList, |
|
|
|
|
|
time: '', |
|
|
|
|
|
}); |
|
|
|
|
|
await this.home.updateAidCode({ |
|
|
|
|
|
codeAndAnswerList, |
|
|
|
|
|
}, false); |
|
|
this.$emit('next') |
|
|
this.$emit('next') |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
onTabChange(key, type) { |
|
|
onTabChange(key, type) { |
|
|
this.activeTabKey = key; |
|
|
this.activeTabKey = key; |
|
@ -640,7 +659,11 @@ |
|
|
.video-container { |
|
|
.video-container { |
|
|
.info { |
|
|
.info { |
|
|
font-size: 18px; |
|
|
font-size: 18px; |
|
|
margin-bottom: 2rem; |
|
|
font-family: Source Han Sans CN, Source Han Sans CN-Bold; |
|
|
|
|
|
font-weight: 700; |
|
|
|
|
|
text-align: left; |
|
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
|
color: #393d4e; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.plus { |
|
|
.plus { |
|
|