|
@@ -1,105 +1,137 @@
|
|
<template>
|
|
<template>
|
|
- <!-- 检验报告单 -->
|
|
|
|
- <div id="checkoutA">
|
|
|
|
- <div class="checkout-cont" v-for="(dataObj,index) in dataObjArr" :key="index">
|
|
|
|
- <div class="cont-title-description">滨州医学院烟台附属医院检验报告单</div>
|
|
|
|
- <div class="examType">{{dataObj.ExamType}}</div>
|
|
|
|
- <div class="checkout-cont-header">
|
|
|
|
- <div>
|
|
|
|
- <span class="cont-textbold">住院</span>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="checkout-cont-mark">
|
|
|
|
- <div class="checkout-cont-mark-mint">
|
|
|
|
- <span class="checkout-cont-mark-title">条形码:</span>
|
|
|
|
- <span class="checkout-cont-mark-item">{{dataObj.TXM}}</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="checkout-cont-mark-mint">
|
|
|
|
- <span class="checkout-cont-mark-title">No:</span>
|
|
|
|
- <span class="checkout-cont-mark-item">{{dataObj.NO}}</span>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="checkout-cont-infortop">
|
|
|
|
- <div class="checkout-cont-infor-title cont-textbold">姓名:</div>
|
|
|
|
- <div class="checkout-cont-infor-list"><span >{{dataObj.XM}}</span> </div>
|
|
|
|
- <div class="checkout-cont-infor-title cont-textbold">性别:</div>
|
|
|
|
- <div class="checkout-cont-infor-list"><span>{{dataObj.BRXB == 1?'男':'女'}}</span></div>
|
|
|
|
- <div class="checkout-cont-infor-title cont-textbold">年龄:</div>
|
|
|
|
- <div class="checkout-cont-infor-list"><span>{{dataObj.NL}}</span> </div>
|
|
|
|
- <div class="checkout-cont-infor-title cont-textbold">床号:</div>
|
|
|
|
- <div class="checkout-cont-infor-list"><span>{{dataObj.CH}}</span></div>
|
|
|
|
- <div class="checkout-cont-infor-title cont-textbold">样本类型:</div>
|
|
|
|
- <div class="checkout-cont-infor-list"><span >{{dataObj.YBLX}}</span> </div>
|
|
|
|
- <div class="checkout-cont-infor-title cont-textbold">样本状态:</div>
|
|
|
|
- <div class="checkout-cont-infor-list"><span>{{dataObj.YBZT}}</span></div>
|
|
|
|
- </div>
|
|
|
|
- <div class="checkout-cont-infortop checkout-cont-inforbotm">
|
|
|
|
- <div class="checkout-cont-infor-title cont-textbold">住院号:</div>
|
|
|
|
- <div class="checkout-cont-infor-list"><span >{{dataObj.ZYH}}</span> </div>
|
|
|
|
- <div class="checkout-cont-infor-title cont-textbold">病区:</div>
|
|
|
|
- <div class="checkout-cont-infor-list"><span>{{dataObj.BQ}}</span></div>
|
|
|
|
- <div class="checkout-cont-infor-title cont-textbold">临床诊断:</div>
|
|
|
|
- <div class="checkout-cont-infor-list"><span>{{dataObj.LCZD}}</span> </div>
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
- <div class="checkout-cont-infor-line"></div>
|
|
|
|
- <div class="checkout-cont-info" v-if="dataObj.template_type == 1">
|
|
|
|
- <div class="checkout-cont-chief checkout-cont-mg20" >
|
|
|
|
- <div class="checkout-cont-chief-item checkout-cont-chief-bole">细菌培养结果</div>
|
|
|
|
- <div class="checkout-cont-chief-item checkout-cont-chief-bole">细菌名称</div>
|
|
|
|
- <div class="checkout-cont-chief-item checkout-cont-chief-bole">细菌数量</div>
|
|
|
|
- <div class="checkout-cont-chief-item checkout-cont-chief-bole">药敏名称</div>
|
|
|
|
- <div class="checkout-cont-chief-item checkout-cont-chief-bole">药敏结果</div>
|
|
|
|
- <div class="checkout-cont-chief-item checkout-cont-chief-bole">部位(样本类型)</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="checkout-cont-chief checkout-cont-mg20" v-for="(item,index) in dataObj.JCXM" :key="index">
|
|
|
|
- <div class="checkout-cont-chief-item ">{{item.PYJG}}</div>
|
|
|
|
- <div class="checkout-cont-chief-item ">{{item.XJMC}}</div>
|
|
|
|
- <div class="checkout-cont-chief-item ">{{item.XJSL}}</div>
|
|
|
|
- <div class="checkout-cont-chief-item ">{{item.YMMC}}</div>
|
|
|
|
- <div class="checkout-cont-chief-item ">{{item.YMJG}}</div>
|
|
|
|
- <div class="checkout-cont-chief-item ">{{item.YMBW}}</div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="checkout-cont-info" v-if="dataObj.template_type == 2">
|
|
|
|
- <div class="checkout-cont-chief checkout-cont-mg20" >
|
|
|
|
- <div class="checkout-cont-chief-item checkout-cont-chief-bole">英文</div>
|
|
|
|
- <div class="checkout-cont-chief-item checkout-cont-chief-bole">检验项目</div>
|
|
|
|
- <div class="checkout-cont-chief-item checkout-cont-chief-bole">结果</div>
|
|
|
|
- <div class="checkout-cont-chief-item checkout-cont-chief-bole">提示</div>
|
|
|
|
- <div class="checkout-cont-chief-item checkout-cont-chief-bole">参考范围</div>
|
|
|
|
- <div class="checkout-cont-chief-item checkout-cont-chief-bole">单位</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="checkout-cont-chief checkout-cont-mg20" v-for="(jitem,index) in dataObj.JCXM" :key="index">
|
|
|
|
- <div class="checkout-cont-chief-item ">{{jitem.YW}}</div>
|
|
|
|
- <div class="checkout-cont-chief-item ">{{jitem.YMMC}}</div>
|
|
|
|
- <div class="checkout-cont-chief-item ">{{jitem.YMJG}}</div>
|
|
|
|
- <div class="checkout-cont-chief-item ">{{jitem.TS}}</div>
|
|
|
|
- <div class="checkout-cont-chief-item ">{{jitem.CKFW}}</div>
|
|
|
|
- <div class="checkout-cont-chief-item ">{{jitem.DW}}</div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <!-- 检验报告单 -->
|
|
|
|
+ <div id="checkoutA">
|
|
|
|
+ <div class="checkout-cont" v-for="(dataObj, index) in dataObjArr" :key="index">
|
|
|
|
+ <div class="cont-title-description">滨州医学院烟台附属医院检验报告单</div>
|
|
|
|
+ <div class="examType">{{ dataObj.ExamType }}</div>
|
|
|
|
+ <div class="checkout-cont-header">
|
|
|
|
+ <div>
|
|
|
|
+ <span class="cont-textbold">住院</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-mark">
|
|
|
|
+ <div class="checkout-cont-mark-mint">
|
|
|
|
+ <span class="checkout-cont-mark-title">条形码:</span>
|
|
|
|
+ <span class="checkout-cont-mark-item">{{ dataObj.TXM }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-mark-mint">
|
|
|
|
+ <span class="checkout-cont-mark-title">No:</span>
|
|
|
|
+ <span class="checkout-cont-mark-item">{{ dataObj.NO }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-infortop">
|
|
|
|
+ <div class="checkout-cont-infor-title cont-textbold">姓名:</div>
|
|
|
|
+ <div class="checkout-cont-infor-list">
|
|
|
|
+ <span>{{ dataObj.XM }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-infor-title cont-textbold">性别:</div>
|
|
|
|
+ <div class="checkout-cont-infor-list">
|
|
|
|
+ <span>{{ dataObj.BRXB == 1 ? '男' : '女' }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-infor-title cont-textbold">年龄:</div>
|
|
|
|
+ <div class="checkout-cont-infor-list">
|
|
|
|
+ <span>{{ dataObj.NL }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-infor-title cont-textbold">床号:</div>
|
|
|
|
+ <div class="checkout-cont-infor-list">
|
|
|
|
+ <span>{{ dataObj.CH }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-infor-title cont-textbold">样本类型:</div>
|
|
|
|
+ <div class="checkout-cont-infor-list">
|
|
|
|
+ <span>{{ dataObj.YBLX }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-infor-title cont-textbold">样本状态:</div>
|
|
|
|
+ <div class="checkout-cont-infor-list">
|
|
|
|
+ <span>{{ dataObj.YBZT }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-infortop checkout-cont-inforbotm">
|
|
|
|
+ <div class="checkout-cont-infor-title cont-textbold">住院号:</div>
|
|
|
|
+ <div class="checkout-cont-infor-list">
|
|
|
|
+ <span>{{ dataObj.ZYH }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-infor-title cont-textbold">病区:</div>
|
|
|
|
+ <div class="checkout-cont-infor-list">
|
|
|
|
+ <span>{{ dataObj.BQ }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-infor-title cont-textbold">临床诊断:</div>
|
|
|
|
+ <div class="checkout-cont-infor-list">
|
|
|
|
+ <span>{{ dataObj.LCZD }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="checkout-cont-infor-line"></div>
|
|
|
|
+ <div class="checkout-cont-info" v-if="dataObj.template_type == 1">
|
|
|
|
+ <div class="checkout-cont-chief checkout-cont-mg20">
|
|
|
|
+ <div class="checkout-cont-chief-item checkout-cont-chief-bole">细菌培养结果</div>
|
|
|
|
+ <div class="checkout-cont-chief-item checkout-cont-chief-bole">细菌名称</div>
|
|
|
|
+ <div class="checkout-cont-chief-item checkout-cont-chief-bole">细菌数量</div>
|
|
|
|
+ <div class="checkout-cont-chief-item checkout-cont-chief-bole">药敏名称</div>
|
|
|
|
+ <div class="checkout-cont-chief-item checkout-cont-chief-bole">药敏结果</div>
|
|
|
|
+ <div class="checkout-cont-chief-item checkout-cont-chief-bole">部位(样本类型)</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-chief checkout-cont-mg20" v-for="(item, index) in dataObj.JCXM" :key="index">
|
|
|
|
+ <div class="checkout-cont-chief-item">{{ item.PYJG }}</div>
|
|
|
|
+ <div class="checkout-cont-chief-item">{{ item.XJMC }}</div>
|
|
|
|
+ <div class="checkout-cont-chief-item">{{ item.XJSL }}</div>
|
|
|
|
+ <div class="checkout-cont-chief-item">{{ item.YMMC }}</div>
|
|
|
|
+ <div class="checkout-cont-chief-item">{{ item.YMJG }}</div>
|
|
|
|
+ <div class="checkout-cont-chief-item">{{ item.YMBW }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-info" v-if="dataObj.template_type == 2">
|
|
|
|
+ <div class="checkout-cont-chief checkout-cont-mg20">
|
|
|
|
+ <div class="checkout-cont-chief-item checkout-cont-chief-bole">英文</div>
|
|
|
|
+ <div class="checkout-cont-chief-item checkout-cont-chief-bole">检验项目</div>
|
|
|
|
+ <div class="checkout-cont-chief-item checkout-cont-chief-bole">结果</div>
|
|
|
|
+ <div class="checkout-cont-chief-item checkout-cont-chief-bole">提示</div>
|
|
|
|
+ <div class="checkout-cont-chief-item checkout-cont-chief-bole">参考范围</div>
|
|
|
|
+ <div class="checkout-cont-chief-item checkout-cont-chief-bole">单位</div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-chief checkout-cont-mg20" v-for="(jitem, index) in dataObj.JCXM" :key="index">
|
|
|
|
+ <div class="checkout-cont-chief-item">{{ jitem.YW }}</div>
|
|
|
|
+ <div class="checkout-cont-chief-item">{{ jitem.YMMC }}</div>
|
|
|
|
+ <div class="checkout-cont-chief-item">{{ jitem.YMJG }}</div>
|
|
|
|
+ <div class="checkout-cont-chief-item">{{ jitem.TS }}</div>
|
|
|
|
+ <div class="checkout-cont-chief-item">{{ jitem.CKFW }}</div>
|
|
|
|
+ <div class="checkout-cont-chief-item">{{ jitem.DW }}</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="checkout-cont-infor-line"></div>
|
|
|
|
- <div class="checkout-cont-sign">
|
|
|
|
- <span class="checkout-cont-sign-bolb">送检医生:</span><span class="checkout-cont-sign-cont">{{dataObj.SJYS}}</span>
|
|
|
|
- <span class="checkout-cont-sign-bolb">检 验 员:</span><span class="checkout-cont-sign-cont">{{dataObj.JYY}}</span>
|
|
|
|
- <span class="checkout-cont-sign-bolb">审 核 员:</span><span class="checkout-cont-sign-cont">{{dataObj.SHY}}</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="checkout-cont-sign">
|
|
|
|
- <span class="checkout-cont-sign-bolb">采集时间:</span><span class="checkout-cont-sign-cont">{{dataObj.CJSJ}}</span>
|
|
|
|
- <span class="checkout-cont-sign-bolb">接收时间:</span><span class="checkout-cont-sign-cont">{{dataObj.JSSJ}}</span>
|
|
|
|
- <span class="checkout-cont-sign-bolb">报告时间:</span><span class="checkout-cont-sign-cont">{{dataObj.BGSJ}}</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="checkout-cont-physique">
|
|
|
|
- <div class="checkout-cont-physique-text">
|
|
|
|
- 注:此报告仅对送检标本负责,供医生参考。标*项目为质评合格项目。如有疑问请在48小时内反馈至检验科。地址:烟台市牟平区金埠大街717号滨州医学院烟台附属医院门诊部3楼检验科。电话:0535-4770362。
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="checkout-cont-infor-line"></div>
|
|
|
|
+ <div class="checkout-cont-sign">
|
|
|
|
+ <span class="checkout-cont-sign-bolb">送检医生:</span>
|
|
|
|
+ <span class="checkout-cont-sign-cont">{{ dataObj.SJYS }}</span>
|
|
|
|
+ <span class="checkout-cont-sign-bolb">检 验 员:</span>
|
|
|
|
+ <span class="checkout-cont-sign-cont">{{ dataObj.JYY }}</span>
|
|
|
|
+ <span class="checkout-cont-sign-bolb">审 核 员:</span>
|
|
|
|
+ <span class="checkout-cont-sign-cont">{{ dataObj.SHY }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-sign">
|
|
|
|
+ <span class="checkout-cont-sign-bolb">采集时间:</span>
|
|
|
|
+ <span class="checkout-cont-sign-cont">{{ dataObj.CJSJ }}</span>
|
|
|
|
+ <span class="checkout-cont-sign-bolb">接收时间:</span>
|
|
|
|
+ <span class="checkout-cont-sign-cont">{{ dataObj.JSSJ }}</span>
|
|
|
|
+ <span class="checkout-cont-sign-bolb">报告时间:</span>
|
|
|
|
+ <span class="checkout-cont-sign-cont">{{ dataObj.BGSJ }}</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-sign">
|
|
|
|
+ <span class="checkout-cont-sign-bolb">开单时间:</span>
|
|
|
|
+ <span class="checkout-cont-sign-cont">{{ dataObj.KDSJ }}</span>
|
|
|
|
+ <span class="checkout-cont-sign-bolb">检查科室:</span>
|
|
|
|
+ <span class="checkout-cont-sign-cont">{{ dataObj.JCKSMC }}</span>
|
|
|
|
+ <span class="checkout-cont-sign-bolb"></span>
|
|
|
|
+ <span class="checkout-cont-sign-cont"></span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkout-cont-physique">
|
|
|
|
+ <div class="checkout-cont-physique-text">
|
|
|
|
+ 注:此报告仅对送检标本负责,供医生参考。标*项目为质评合格项目。如有疑问请在48小时内反馈至检验科。地址:烟台市牟平区金埠大街717号滨州医学院烟台附属医院门诊部3楼检验科。电话:0535-4770362。
|
|
</div>
|
|
</div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
- <script>
|
|
|
|
|
|
+<script>
|
|
export default {
|
|
export default {
|
|
name: '',
|
|
name: '',
|
|
components: {
|
|
components: {
|
|
@@ -160,153 +192,152 @@ export default {
|
|
methods: {},
|
|
methods: {},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
- <style lang='scss' scoped>
|
|
|
|
- #checkoutA{
|
|
|
|
- padding: 0;
|
|
|
|
- margin:0 30px;
|
|
|
|
- .checkout-cont{
|
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
+#checkoutA {
|
|
|
|
+ padding: 0;
|
|
|
|
+ margin: 0 30px;
|
|
|
|
+ .checkout-cont {
|
|
|
|
+ width: 100%;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ justify-content: flex-start;
|
|
|
|
+ align-items: center;
|
|
|
|
+ border: 1.5px solid #e2dfdf;
|
|
|
|
+ margin-top: 30px;
|
|
|
|
+ margin-bottom: 30px;
|
|
|
|
+ .cont-title-description {
|
|
|
|
+ margin: 20px;
|
|
|
|
+ font-size: 24px;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ color: #2c3240;
|
|
|
|
+ text-align: center;
|
|
|
|
+ margin-top: 40px;
|
|
|
|
+ }
|
|
|
|
+ .cont-textbold {
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ }
|
|
|
|
+ .checkout-cont-header {
|
|
|
|
+ height: 30px;
|
|
width: 100%;
|
|
width: 100%;
|
|
display: flex;
|
|
display: flex;
|
|
- flex-direction: column;
|
|
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
align-items: center;
|
|
- border: 1.5px solid #e2dfdf;
|
|
|
|
- margin-top: 30px;
|
|
|
|
- margin-bottom: 30px;
|
|
|
|
- .cont-title-description {
|
|
|
|
- margin: 20px;
|
|
|
|
- font-size: 24px;
|
|
|
|
- font-weight: bold;
|
|
|
|
- color: #2c3240;
|
|
|
|
- text-align: center;
|
|
|
|
- margin-top: 40px;
|
|
|
|
- }
|
|
|
|
- .cont-textbold{
|
|
|
|
- font-weight: bold;
|
|
|
|
- }
|
|
|
|
- .checkout-cont-header{
|
|
|
|
- height: 30px;
|
|
|
|
- width: 100%;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content:flex-start;
|
|
|
|
- align-items: center;
|
|
|
|
- margin-top: 5px;
|
|
|
|
- padding-left: 50px;
|
|
|
|
- }
|
|
|
|
- .checkout-cont-mark{
|
|
|
|
- width: 100%;
|
|
|
|
- margin-top: 10px;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- padding-left: 50px;
|
|
|
|
- padding-right: 50px;
|
|
|
|
- .checkout-cont-mark-mint{
|
|
|
|
- width: 50%;
|
|
|
|
- .checkout-cont-mark-title{
|
|
|
|
- font-weight: bold;
|
|
|
|
- }
|
|
|
|
- .checkout-cont-mark-item{
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 30%;
|
|
|
|
- }
|
|
|
|
|
|
+ margin-top: 5px;
|
|
|
|
+ padding-left: 50px;
|
|
|
|
+ }
|
|
|
|
+ .checkout-cont-mark {
|
|
|
|
+ width: 100%;
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ padding-left: 50px;
|
|
|
|
+ padding-right: 50px;
|
|
|
|
+ .checkout-cont-mark-mint {
|
|
|
|
+ width: 50%;
|
|
|
|
+ .checkout-cont-mark-title {
|
|
|
|
+ font-weight: bold;
|
|
}
|
|
}
|
|
- }
|
|
|
|
- .checkout-cont-info{
|
|
|
|
- width: 100%;
|
|
|
|
- min-height: 300px;
|
|
|
|
- .checkout-cont-chief-proof{
|
|
|
|
- padding-left: 100px;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- .checkout-cont-chief-pbold{
|
|
|
|
- font-weight: bold;
|
|
|
|
- }
|
|
|
|
|
|
+ .checkout-cont-mark-item {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 30%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .checkout-cont-infortop{
|
|
|
|
- width: 100%;
|
|
|
|
- height: 30px;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content:left;
|
|
|
|
- align-items: center;
|
|
|
|
|
|
+ }
|
|
|
|
+ .checkout-cont-info {
|
|
|
|
+ width: 100%;
|
|
|
|
+ min-height: 300px;
|
|
|
|
+ .checkout-cont-chief-proof {
|
|
|
|
+ padding-left: 100px;
|
|
margin-top: 20px;
|
|
margin-top: 20px;
|
|
- padding-left: 5%;
|
|
|
|
- .checkout-cont-infor-list{
|
|
|
|
- width: 15%;
|
|
|
|
- }
|
|
|
|
- .checkout-cont-infor-title{
|
|
|
|
- width:11%;
|
|
|
|
- text-align: right;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .checkout-cont-infor-text{
|
|
|
|
- text-align: right;
|
|
|
|
|
|
+ .checkout-cont-chief-pbold {
|
|
|
|
+ font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .checkout-cont-inforbotm{
|
|
|
|
- justify-content: flex-start;
|
|
|
|
- padding-left: 2%;
|
|
|
|
|
|
+ }
|
|
|
|
+ .checkout-cont-infortop {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 30px;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: left;
|
|
|
|
+ align-items: center;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ padding-left: 5%;
|
|
|
|
+ .checkout-cont-infor-list {
|
|
|
|
+ width: 15%;
|
|
|
|
+ }
|
|
|
|
+ .checkout-cont-infor-title {
|
|
|
|
+ width: 11%;
|
|
|
|
+ text-align: right;
|
|
}
|
|
}
|
|
- .checkout-cont-infor-line{
|
|
|
|
- width: 100%;
|
|
|
|
- height: 2px;
|
|
|
|
- border-bottom: 1.5px solid #e2dfdf;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- margin-bottom: 30px;
|
|
|
|
|
|
+
|
|
|
|
+ .checkout-cont-infor-text {
|
|
|
|
+ text-align: right;
|
|
}
|
|
}
|
|
- .checkout-cont-chief{
|
|
|
|
- width: 100%;
|
|
|
|
- min-height: 30px;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
- .checkout-cont-chief-item{
|
|
|
|
- width: 15%;
|
|
|
|
- text-align: left;
|
|
|
|
- padding-right: 15px;
|
|
|
|
- }
|
|
|
|
- .checkout-cont-chief-bole{
|
|
|
|
- font-weight: bold;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
|
|
+ }
|
|
|
|
+ .checkout-cont-inforbotm {
|
|
|
|
+ justify-content: flex-start;
|
|
|
|
+ padding-left: 2%;
|
|
|
|
+ }
|
|
|
|
+ .checkout-cont-infor-line {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 2px;
|
|
|
|
+ border-bottom: 1.5px solid #e2dfdf;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ margin-bottom: 30px;
|
|
|
|
+ }
|
|
|
|
+ .checkout-cont-chief {
|
|
|
|
+ width: 100%;
|
|
|
|
+ min-height: 30px;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ .checkout-cont-chief-item {
|
|
|
|
+ width: 15%;
|
|
|
|
+ text-align: left;
|
|
|
|
+ padding-right: 15px;
|
|
}
|
|
}
|
|
- .checkout-cont-mg20{
|
|
|
|
- margin-top: 5px;
|
|
|
|
|
|
+ .checkout-cont-chief-bole {
|
|
|
|
+ font-weight: bold;
|
|
}
|
|
}
|
|
- .checkout-cont-sign{
|
|
|
|
- width: 100%;
|
|
|
|
- height: 30px;
|
|
|
|
- padding-left: 50px;
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- justify-content: center;
|
|
|
|
- .checkout-cont-sign-cont{
|
|
|
|
- width: 20%;
|
|
|
|
- }
|
|
|
|
- .checkout-cont-sign-bolb{
|
|
|
|
- font-weight: bold;
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+ .checkout-cont-mg20 {
|
|
|
|
+ margin-top: 5px;
|
|
|
|
+ }
|
|
|
|
+ .checkout-cont-sign {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 30px;
|
|
|
|
+ padding-left: 50px;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ .checkout-cont-sign-cont {
|
|
|
|
+ width: 20%;
|
|
|
|
+ }
|
|
|
|
+ .checkout-cont-sign-bolb {
|
|
|
|
+ font-weight: bold;
|
|
}
|
|
}
|
|
- .checkout-cont-physique{
|
|
|
|
|
|
+ }
|
|
|
|
+ .checkout-cont-physique {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 30px;
|
|
|
|
+ text-align: left;
|
|
|
|
+ padding-left: 80px;
|
|
|
|
+ padding-right: 80px;
|
|
|
|
+ margin-top: 30px;
|
|
|
|
+ margin-bottom: 50px;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: flex-start;
|
|
|
|
+ .checkout-cont-physique-text {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 30px;
|
|
|
|
- text-align: left;
|
|
|
|
- padding-left: 80px;
|
|
|
|
- padding-right: 80px;
|
|
|
|
- margin-top: 30px;
|
|
|
|
- margin-bottom: 50px;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: flex-start;
|
|
|
|
- .checkout-cont-physique-text{
|
|
|
|
- width: 100%;
|
|
|
|
- font-weight: bold;
|
|
|
|
- }
|
|
|
|
|
|
+ font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .examType{
|
|
|
|
- width: 100%;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: flex-end;
|
|
|
|
- padding-right: 50px;
|
|
|
|
- }
|
|
|
|
|
|
+}
|
|
|
|
+.examType {
|
|
|
|
+ width: 100%;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
+ padding-right: 50px;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|