|
|
@ -7,221 +7,242 @@ |
|
|
--> |
|
|
--> |
|
|
<template> |
|
|
<template> |
|
|
<div class="before-informed-container Informed-container"> |
|
|
<div class="before-informed-container Informed-container"> |
|
|
<a-tabs |
|
|
<a-card style="width:100%" :tab-list="tabList" :active-tab-key="activeTabKey" @tabChange="onTabChange"> |
|
|
default-active-key="1" |
|
|
<div class="throm-before4-container Informed-container"> |
|
|
size="large" |
|
|
<div class="video-container" v-if="activeTabKey == 'tab1'"> |
|
|
:tabBarGutter="100" |
|
|
<div class="video-container"> |
|
|
@change="tabClick" |
|
|
<div class="info">百人中使用药物结果分布情况</div> |
|
|
> |
|
|
<div class="img"> |
|
|
<a-tab-pane key="1" tab="辅助工具"> |
|
|
<img src="../../assets/images/100.png" alt="" /> |
|
|
<div class="video-container"> |
|
|
</div> |
|
|
<div class="info">百人中使用药物结果分布情况</div> |
|
|
|
|
|
<div class="img"> |
|
|
|
|
|
<img src="../../assets/images/100.png" alt="" /> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</a-tab-pane> |
|
|
<!-- --> |
|
|
<a-tab-pane key="2" tab="溶栓视频"> |
|
|
<div class="video-container" v-if="activeTabKey == 'tab2'"> |
|
|
<div class="video-container"> |
|
|
<div class="video-container"> |
|
|
<video |
|
|
<video |
|
|
ref="refVideo" |
|
|
ref="refVideo" |
|
|
v-if="getVideo" |
|
|
v-if="getVideo" |
|
|
id="media" |
|
|
id="media" |
|
|
class="media" |
|
|
class="media" |
|
|
controls |
|
|
controls |
|
|
:src="getVideo" |
|
|
:src="getVideo" |
|
|
type="video/mp4" |
|
|
type="video/mp4" |
|
|
></video> |
|
|
></video> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</a-tab-pane> |
|
|
<!-- ? --> |
|
|
<a-tab-pane key="3" tab="家属签字"> |
|
|
<div class="video-container" v-if="activeTabKey == 'tab3'"> |
|
|
<h1> |
|
|
<h1> |
|
|
急性脑梗塞静脉溶栓治疗知情同意书 |
|
|
急性脑梗塞静脉溶栓治疗知情同意书 |
|
|
<a-icon |
|
|
<a-icon |
|
|
type="down" |
|
|
type="down" |
|
|
v-if="!showDetails" |
|
|
v-if="!showDetails" |
|
|
@click="showDetails = true" |
|
|
@click="showDetails = true" |
|
|
/> |
|
|
/> |
|
|
<a-icon type="up" v-else @click="showDetails = false" /> |
|
|
<a-icon type="up" v-else @click="showDetails = false" /> |
|
|
</h1> |
|
|
</h1> |
|
|
|
|
|
|
|
|
<div |
|
|
|
|
|
:style="{ height: showDetails ? 'auto' : '0' }" |
|
|
|
|
|
style="transition: all 1s; overflow: hidden" |
|
|
|
|
|
> |
|
|
|
|
|
<div |
|
|
<div |
|
|
v-html="content" |
|
|
:style="{ height: showDetails ? 'auto' : '0' }" |
|
|
class="card-content ql-editor content-detail" |
|
|
style="transition: all 1s; overflow: hidden" |
|
|
style="white-space: pre-wrap" |
|
|
|
|
|
></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="informed-list"> |
|
|
|
|
|
<div class="informed-item"> |
|
|
|
|
|
<span>患者签名：</span> |
|
|
|
|
|
<div |
|
|
|
|
|
class="item-img" |
|
|
|
|
|
v-if="informed.patientSign" |
|
|
|
|
|
@click="lookSign(informed.empowerSign)" |
|
|
|
|
|
> |
|
|
|
|
|
<img :src="apiUrl + informed.patientSign" alt="" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<a-button |
|
|
|
|
|
:disabled="writeAble" |
|
|
|
|
|
type="continue" |
|
|
|
|
|
shape="round" |
|
|
|
|
|
class="item-btn" |
|
|
|
|
|
@click="patientSign = !patientSign" |
|
|
|
|
|
>{{ |
|
|
|
|
|
informed.patientSign ? '重新签名' : '点击签名' |
|
|
|
|
|
}}</a-button |
|
|
|
|
|
> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="informed-item"> |
|
|
|
|
|
<span>签名日期：</span> |
|
|
|
|
|
<a-input |
|
|
|
|
|
:disabled="writeAble" |
|
|
|
|
|
@focus="changeDate('patientTime')" |
|
|
|
|
|
:value="getPatientTime" |
|
|
|
|
|
class="item-input" |
|
|
|
|
|
readOnly |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
|
|
|
<signature |
|
|
|
|
|
class="item-sign" |
|
|
|
|
|
ref="patientSign" |
|
|
|
|
|
@close="patientSignClose" |
|
|
|
|
|
@reset="handeReset('patientSign')" |
|
|
|
|
|
v-if="patientSign" |
|
|
|
|
|
> |
|
|
> |
|
|
</signature> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="informed-info"> |
|
|
|
|
|
如果患者无法签署知情同意书，请其授权的亲属在此签名: |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="informed-list before"> |
|
|
|
|
|
<div class="informed-item"> |
|
|
|
|
|
<span>授权亲属人签名：</span> |
|
|
|
|
|
<div |
|
|
<div |
|
|
class="item-img" |
|
|
v-html="content" |
|
|
v-if="informed.empowerSign" |
|
|
class="card-content ql-editor content-detail" |
|
|
@click="lookSign(informed.empowerSign)" |
|
|
style="white-space: pre-wrap" |
|
|
> |
|
|
></div> |
|
|
<img :src="apiUrl + informed.empowerSign" alt="" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<a-button |
|
|
|
|
|
:disabled="writeAble" |
|
|
|
|
|
type="continue" |
|
|
|
|
|
shape="round" |
|
|
|
|
|
class="item-btn" |
|
|
|
|
|
@click="empowerSign = !empowerSign" |
|
|
|
|
|
>{{ |
|
|
|
|
|
informed.empowerSign ? '重新签名' : '点击签名' |
|
|
|
|
|
}}</a-button |
|
|
|
|
|
> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<signature |
|
|
<div class="informed-list"> |
|
|
class="item-sign" |
|
|
|
|
|
ref="empowerSign" |
|
|
<div class="informed-item"> |
|
|
@close="empowerSignClose" |
|
|
<span>患者签名：</span> |
|
|
@reset="handeReset('empowerSign')" |
|
|
<div |
|
|
v-if="empowerSign" |
|
|
class="item-img" |
|
|
> |
|
|
v-if="informed.patientSign" |
|
|
</signature> |
|
|
@click="lookSign(informed.empowerSign)" |
|
|
<div class="informed-item"> |
|
|
> |
|
|
<span>与患者关系：</span> |
|
|
<img :src="apiUrl + informed.patientSign" alt="" /> |
|
|
<a-input |
|
|
</div> |
|
|
:disabled="writeAble" |
|
|
<a-button |
|
|
v-model="informed.empowerRelation" |
|
|
:disabled="writeAble" |
|
|
class="item-input" |
|
|
type="continue" |
|
|
/> |
|
|
shape="round" |
|
|
</div> |
|
|
class="item-btn" |
|
|
<div class="informed-item"> |
|
|
@click="patientSign = !patientSign" |
|
|
<span>签名日期：</span> |
|
|
>{{ |
|
|
<a-input |
|
|
informed.patientSign ? '重新签名' : '点击签名' |
|
|
:disabled="writeAble" |
|
|
}}</a-button |
|
|
@focus="changeDate('legalTime')" |
|
|
> |
|
|
:value="getLegalTime" |
|
|
</div> |
|
|
class="item-input" |
|
|
<div class="informed-item"> |
|
|
readOnly |
|
|
<span>签名日期：</span> |
|
|
/> |
|
|
<a-input |
|
|
</div> |
|
|
:disabled="writeAble" |
|
|
</div> |
|
|
@focus="changeDate('patientTime')" |
|
|
<template v-if="source === 'normal'"> |
|
|
:value="getPatientTime" |
|
|
<div class="informed-info"> |
|
|
class="item-input" |
|
|
<strong> 医生陈述 </strong> |
|
|
readOnly |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<signature |
|
|
|
|
|
class="item-sign" |
|
|
|
|
|
ref="patientSign" |
|
|
|
|
|
@close="patientSignClose" |
|
|
|
|
|
@reset="handeReset('patientSign')" |
|
|
|
|
|
v-if="patientSign" |
|
|
|
|
|
> |
|
|
|
|
|
</signature> |
|
|
<div class="informed-info"> |
|
|
<div class="informed-info"> |
|
|
我已经告知患者将要进行的治疗方式、此次治疗及术后可能发生的并发症和风险、可能存在的其它治疗方法并且解答了患者关于此次治疗的相关问题。 |
|
|
如果患者无法签署知情同意书，请其授权的亲属在此签名: |
|
|
</div> |
|
|
</div> |
|
|
<div class="informed-list"> |
|
|
<div class="informed-list before"> |
|
|
<div class="informed-item"> |
|
|
<div class="informed-item"> |
|
|
<span>医生签名</span> |
|
|
<span>授权亲属人签名：</span> |
|
|
<div |
|
|
<div |
|
|
class="item-img" |
|
|
class="item-img" |
|
|
v-if="informed.doctorSign" |
|
|
v-if="informed.empowerSign" |
|
|
@click="lookSign(informed.doctorSign)" |
|
|
@click="lookSign(informed.empowerSign)" |
|
|
> |
|
|
> |
|
|
<img |
|
|
<img :src="apiUrl + informed.empowerSign" alt="" /> |
|
|
:src="apiUrl + informed.doctorSign" |
|
|
|
|
|
alt="" |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<a-button |
|
|
<a-button |
|
|
:disabled="writeAble" |
|
|
:disabled="writeAble" |
|
|
type="continue" |
|
|
type="continue" |
|
|
shape="round" |
|
|
shape="round" |
|
|
class="item-btn" |
|
|
class="item-btn" |
|
|
@click="doctorSign = !doctorSign" |
|
|
@click="empowerSign = !empowerSign" |
|
|
>{{ |
|
|
>{{ |
|
|
informed.doctorSign |
|
|
informed.empowerSign ? '重新签名' : '点击签名' |
|
|
? '重新签名' |
|
|
|
|
|
: '点击签名' |
|
|
|
|
|
}}</a-button |
|
|
}}</a-button |
|
|
> |
|
|
> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="informed-item"> |
|
|
|
|
|
<span>与患者关系：</span> |
|
|
|
|
|
<a-input |
|
|
|
|
|
:disabled="writeAble" |
|
|
|
|
|
v-model="informed.empowerRelation" |
|
|
|
|
|
class="item-input" |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="informed-list before"> |
|
|
<div class="informed-item"> |
|
|
<div class="informed-item"> |
|
|
<span>签名日期：</span> |
|
|
<span>签名日期：</span> |
|
|
<a-input |
|
|
<a-input |
|
|
:disabled="writeAble" |
|
|
:disabled="writeAble" |
|
|
@focus="changeDate('doctorTime')" |
|
|
@focus="changeDate('legalTime')" |
|
|
:value="getDoctorTime" |
|
|
:value="getLegalTime" |
|
|
class="item-input" |
|
|
class="item-input" |
|
|
readOnly |
|
|
readOnly |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
<signature |
|
|
<div class="informed-item"></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<signature |
|
|
class="item-sign" |
|
|
class="item-sign" |
|
|
ref="doctorSign" |
|
|
ref="empowerSign" |
|
|
@close="doctorSignClose" |
|
|
@close="empowerSignClose" |
|
|
@reset="handeReset('doctorSign')" |
|
|
@reset="handeReset('empowerSign')" |
|
|
v-if="doctorSign" |
|
|
v-if="empowerSign" |
|
|
> |
|
|
> |
|
|
</signature> |
|
|
</signature> |
|
|
|
|
|
<template v-if="source === 'normal'"> |
|
|
|
|
|
<div class="informed-info"> |
|
|
|
|
|
<strong> 医生陈述 </strong> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="informed-info"> |
|
|
|
|
|
我已经告知患者将要进行的治疗方式、此次治疗及术后可能发生的并发症和风险、可能存在的其它治疗方法并且解答了患者关于此次治疗的相关问题。 |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="informed-list"> |
|
|
|
|
|
<div class="informed-item"> |
|
|
|
|
|
<span>医生签名</span> |
|
|
|
|
|
<div |
|
|
|
|
|
class="item-img" |
|
|
|
|
|
v-if="informed.doctorSign" |
|
|
|
|
|
@click="lookSign(informed.doctorSign)" |
|
|
|
|
|
> |
|
|
|
|
|
<img |
|
|
|
|
|
:src="apiUrl + informed.doctorSign" |
|
|
|
|
|
alt="" |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
|
|
|
<a-button |
|
|
|
|
|
:disabled="writeAble" |
|
|
|
|
|
type="continue" |
|
|
|
|
|
shape="round" |
|
|
|
|
|
class="item-btn" |
|
|
|
|
|
@click="doctorSign = !doctorSign" |
|
|
|
|
|
>{{ |
|
|
|
|
|
informed.doctorSign |
|
|
|
|
|
? '重新签名' |
|
|
|
|
|
: '点击签名' |
|
|
|
|
|
}}</a-button |
|
|
|
|
|
> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="informed-item"> |
|
|
|
|
|
<span>签名日期：</span> |
|
|
|
|
|
<a-input |
|
|
|
|
|
:disabled="writeAble" |
|
|
|
|
|
@focus="changeDate('doctorTime')" |
|
|
|
|
|
:value="getDoctorTime" |
|
|
|
|
|
class="item-input" |
|
|
|
|
|
readOnly |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
|
|
|
<signature |
|
|
|
|
|
class="item-sign" |
|
|
|
|
|
ref="doctorSign" |
|
|
|
|
|
@close="doctorSignClose" |
|
|
|
|
|
@reset="handeReset('doctorSign')" |
|
|
|
|
|
v-if="doctorSign" |
|
|
|
|
|
> |
|
|
|
|
|
</signature> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
<div class="common-picker"> |
|
|
|
|
|
<van-datetime-picker |
|
|
|
|
|
v-if="picker" |
|
|
|
|
|
v-model="currentDate" |
|
|
|
|
|
type="date" |
|
|
|
|
|
@confirm="confirmPicker" |
|
|
|
|
|
@cancel="picker = false" |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="display: flex; justify-content: center"> |
|
|
|
|
|
<a-button |
|
|
|
|
|
:disabled="writeAble" |
|
|
|
|
|
class="common-button mt2" |
|
|
|
|
|
type="primary" |
|
|
|
|
|
size="large" |
|
|
|
|
|
shape="round" |
|
|
|
|
|
@click="submit" |
|
|
|
|
|
v-if="!disabled" |
|
|
|
|
|
>提交</a-button |
|
|
|
|
|
> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
|
|
|
<div class="common-picker"> |
|
|
|
|
|
<van-datetime-picker |
|
|
|
|
|
v-if="picker" |
|
|
|
|
|
v-model="currentDate" |
|
|
|
|
|
type="date" |
|
|
|
|
|
@confirm="confirmPicker" |
|
|
|
|
|
@cancel="picker = false" |
|
|
|
|
|
/> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="display: flex; justify-content: center"> |
|
|
|
|
|
<a-button |
|
|
|
|
|
:disabled="writeAble" |
|
|
|
|
|
class="common-button mt2" |
|
|
|
|
|
type="primary" |
|
|
|
|
|
size="large" |
|
|
|
|
|
shape="round" |
|
|
|
|
|
@click="submit" |
|
|
|
|
|
v-if="!disabled" |
|
|
|
|
|
>提交</a-button |
|
|
|
|
|
> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<!-- --> |
|
|
|
|
|
</div> |
|
|
|
|
|
</a-card> |
|
|
|
|
|
<!-- <a-tabs |
|
|
|
|
|
default-active-key="1" |
|
|
|
|
|
size="large" |
|
|
|
|
|
:tabBarGutter="100" |
|
|
|
|
|
@change="tabClick" |
|
|
|
|
|
> |
|
|
|
|
|
<a-tab-pane key="1" tab="辅助工具"> |
|
|
|
|
|
|
|
|
|
|
|
</a-tab-pane> |
|
|
|
|
|
<a-tab-pane key="2" tab="溶栓视频"> |
|
|
|
|
|
|
|
|
|
|
|
</a-tab-pane> |
|
|
|
|
|
<a-tab-pane key="3" tab="家属签字"> |
|
|
|
|
|
|
|
|
</a-tab-pane> |
|
|
</a-tab-pane> |
|
|
</a-tabs> |
|
|
</a-tabs> --> |
|
|
<a-modal |
|
|
<a-modal |
|
|
class="patient-create patient-form" |
|
|
class="patient-create patient-form" |
|
|
:width="650" |
|
|
:width="650" |
|
|
@ -284,6 +305,20 @@ export default { |
|
|
thrombolytic: 0, |
|
|
thrombolytic: 0, |
|
|
intervene: 1, |
|
|
intervene: 1, |
|
|
}, |
|
|
}, |
|
|
|
|
|
activeTabKey: 'tab1', |
|
|
|
|
|
tabList: [{ |
|
|
|
|
|
key: 'tab1', |
|
|
|
|
|
tab: '辅助工具', |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
key: 'tab2', |
|
|
|
|
|
tab: '溶栓视频', |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
key: 'tab3', |
|
|
|
|
|
tab: '家属签字', |
|
|
|
|
|
} |
|
|
|
|
|
], |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
components: { |
|
|
components: { |
|
|
@ -326,16 +361,20 @@ export default { |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
tabClick(e) { |
|
|
onTabChange(key, type) { |
|
|
console.log('触发了该事件', e); |
|
|
this.activeTabKey = key; |
|
|
if (e != 2) { |
|
|
if (key != 'tab2') { |
|
|
this.$refs.refVideo.pause(); |
|
|
// this.$refs.refVideo.pause(); |
|
|
} else { |
|
|
} else { |
|
|
setTimeout(() => { |
|
|
setTimeout(() => { |
|
|
this.$refs.refVideo.play(); |
|
|
this.$refs.refVideo.play(); |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
// tabClick(e) { |
|
|
|
|
|
// console.log('触发了该事件', e); |
|
|
|
|
|
|
|
|
|
|
|
// }, |
|
|
open() { |
|
|
open() { |
|
|
this.queryConsentResult(); |
|
|
this.queryConsentResult(); |
|
|
this.showDetails = false; |
|
|
this.showDetails = false; |
|
|
@ -397,6 +436,14 @@ export default { |
|
|
uploadfile(form).then((res) => { |
|
|
uploadfile(form).then((res) => { |
|
|
if (res.code === 200) { |
|
|
if (res.code === 200) { |
|
|
this.informed.doctorSign = res.url; |
|
|
this.informed.doctorSign = res.url; |
|
|
|
|
|
const now = new Date(); |
|
|
|
|
|
let y = now.getFullYear(); |
|
|
|
|
|
let m = now.getMonth() + 1; |
|
|
|
|
|
m = m < 10 ? '0' + m : m; |
|
|
|
|
|
let d = now.getDate(); |
|
|
|
|
|
d = d < 10 ? '0' + d : d; |
|
|
|
|
|
let dateTime = y + '-' + m + '-' + d; |
|
|
|
|
|
this.informed.doctorTime = dateTime; |
|
|
this.$message.success('谈话医师签名保存成功'); |
|
|
this.$message.success('谈话医师签名保存成功'); |
|
|
this.doctorSign = false; |
|
|
this.doctorSign = false; |
|
|
} else { |
|
|
} else { |
|
|
@ -414,6 +461,14 @@ export default { |
|
|
uploadfile(form).then((res) => { |
|
|
uploadfile(form).then((res) => { |
|
|
if (res.code === 200) { |
|
|
if (res.code === 200) { |
|
|
this.informed.patientSign = res.url; |
|
|
this.informed.patientSign = res.url; |
|
|
|
|
|
const now = new Date() |
|
|
|
|
|
let y = now.getFullYear(); |
|
|
|
|
|
let m = now.getMonth() + 1; |
|
|
|
|
|
m = m < 10 ? '0' + m : m; |
|
|
|
|
|
let d = now.getDate(); |
|
|
|
|
|
d = d < 10 ? '0' + d : d; |
|
|
|
|
|
let dateTime = y + '-' + m + '-' + d; |
|
|
|
|
|
this.informed.patientTime = dateTime; |
|
|
this.$message.success('患者本人签名保存成功'); |
|
|
this.$message.success('患者本人签名保存成功'); |
|
|
this.patientSign = false; |
|
|
this.patientSign = false; |
|
|
} else { |
|
|
} else { |
|
|
@ -429,6 +484,14 @@ export default { |
|
|
uploadfile(form).then((res) => { |
|
|
uploadfile(form).then((res) => { |
|
|
if (res.code === 200) { |
|
|
if (res.code === 200) { |
|
|
this.informed.empowerSign = res.url; |
|
|
this.informed.empowerSign = res.url; |
|
|
|
|
|
const now = new Date(); |
|
|
|
|
|
let y = now.getFullYear(); |
|
|
|
|
|
let m = now.getMonth() + 1; |
|
|
|
|
|
m = m < 10 ? '0' + m : m; |
|
|
|
|
|
let d = now.getDate(); |
|
|
|
|
|
d = d < 10 ? '0' + d : d; |
|
|
|
|
|
let dateTime = y + '-' + m + '-' + d; |
|
|
|
|
|
this.informed.legalTime = dateTime; |
|
|
this.$message.success('授权人签名保存成功'); |
|
|
this.$message.success('授权人签名保存成功'); |
|
|
this.empowerSign = false; |
|
|
this.empowerSign = false; |
|
|
} else { |
|
|
} else { |
|
|
@ -476,9 +539,12 @@ export default { |
|
|
.video-container { |
|
|
.video-container { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
padding-bottom: 20px; |
|
|
padding-bottom: 20px; |
|
|
|
|
|
// position: relative; |
|
|
|
|
|
// left: 623px; |
|
|
|
|
|
// top: -56px; |
|
|
video { |
|
|
video { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 500px; |
|
|
// height: 500px; |
|
|
} |
|
|
} |
|
|
.info { |
|
|
.info { |
|
|
font-size: 18px; |
|
|
font-size: 18px; |
|
|
@ -496,7 +562,27 @@ export default { |
|
|
height: auto; |
|
|
height: auto; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
.rowItem{ |
|
|
|
|
|
width:100%; |
|
|
|
|
|
float:left |
|
|
|
|
|
} |
|
|
|
|
|
.canvaspanel { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
position: relative; |
|
|
|
|
|
margin: 1.45vw 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
.Informed-container .informed-list .informed-item{ |
|
|
|
|
|
width: 48% !important; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
margin-bottom: 1.36vw; |
|
|
|
|
|
} |
|
|
|
|
|
.ant-card-bordered { |
|
|
|
|
|
border: none !important; |
|
|
|
|
|
} |
|
|
.content-box { |
|
|
.content-box { |
|
|
p { |
|
|
p { |
|
|
text-align: left !important; |
|
|
text-align: left !important; |
|
|
|
领悟
4 months ago