52 changed files with 3481 additions and 1069 deletions
|
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 6.0 KiB After Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 17 KiB |
@ -0,0 +1,165 @@ |
|||
<template> |
|||
<el-dialog class="ylzmsLook" :visible.sync="visible" fullscreen @close="closeDialog"> |
|||
<h5formButton |
|||
ref="h5formButtonRef" |
|||
:bl-print-show="true" |
|||
:form-print-show="false" |
|||
:bm-printer-show="false" |
|||
/> |
|||
<div v-if="xdList.length>0" class="dzblContent left"> |
|||
<div class="left-content"> |
|||
<div class="title-bt">修订记录</div> |
|||
<div class="left-content-ul"> |
|||
<div |
|||
v-for="(item,index) in xdList" |
|||
:key="index" |
|||
class="li" |
|||
:class="currentIndex===index ? 'currentLi' : ''" |
|||
@click="leftListClick(item,index)" |
|||
> |
|||
<span class="padding-right-10">{{ item.createName }}</span> |
|||
<span>于{{ item.createDate }}编辑了病历</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<ylzmsLookPdfFun |
|||
ref="ylzmsLookPdfFunRef" |
|||
:current-url="currentUrl" |
|||
:archive-case-c-r-f-item="archiveCaseCRFItem" |
|||
/> |
|||
</div> |
|||
<div v-else class="nodata-father"> |
|||
<img src="@/assets/img/nodata.png" alt="" class="nodata"> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import h5formButton from '@/components/H5formOhter/h5formButton' |
|||
import ylzmsLookPdfFun from '@/components/H5form/ylzmsLookPdfFun' |
|||
export default { |
|||
components: { |
|||
h5formButton, |
|||
ylzmsLookPdfFun |
|||
}, |
|||
props: { |
|||
archiveCaseCRFItem: { |
|||
type: Object, |
|||
default: () => { } |
|||
}, |
|||
currentUrl: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
visible: false, |
|||
xdList: [], |
|||
currentIndex: 0 |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule() { |
|||
return { |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.visible = true |
|||
this.$nextTick(() => { |
|||
this.getInfo() |
|||
}) |
|||
}, |
|||
// 获取左侧列表 |
|||
async getInfo() { |
|||
const { data: res } = await this.$http.get('/hz_quguang/qg/ylzms/getYlzmsRecordList', { |
|||
params: { |
|||
formId: this.archiveCaseCRFItem.id |
|||
} |
|||
}) |
|||
if (res.code === 0) { |
|||
this.xdList = res.data |
|||
this.$nextTick(() => { |
|||
res.data.length > 0 ? this.$refs.ylzmsLookPdfFunRef.getYlzmsInfo(res.data[0].id) : '' |
|||
}) |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 点击左侧列表 |
|||
leftListClick(formItem, index) { |
|||
this.currentIndex = index |
|||
this.$refs.ylzmsLookPdfFunRef.getYlzmsInfo(formItem.id) |
|||
}, |
|||
// 关闭表单 |
|||
closeDialog() { |
|||
this.$emit('closeDialog') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss"> |
|||
.ylzmsLook { |
|||
.nodata-father { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.nodata { |
|||
width: 400px; |
|||
margin-top: 130px; |
|||
} |
|||
|
|||
.dzblContent { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
font-size: 16px; |
|||
|
|||
.left-content { |
|||
min-width: 350px; |
|||
margin-right: 20px; |
|||
border-right: 1px solid #6f6f6f; |
|||
} |
|||
.left-content-ul { |
|||
height: 85vh; |
|||
overflow-y: auto; |
|||
} |
|||
.title-bt { |
|||
margin-bottom: 20px; |
|||
font-weight: 700; |
|||
font-size: 20px; |
|||
} |
|||
.li { |
|||
padding: 12px 0; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
border-bottom: 1px solid #ccc; |
|||
} |
|||
.currentLi { |
|||
background: #1890ff; |
|||
color: #fff; |
|||
padding: 12px 0; |
|||
text-align: center; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.ylzmsLook { |
|||
.checkDate-picker { |
|||
width: 100%; |
|||
} |
|||
.el-dialog__body { |
|||
padding-left:10px; |
|||
padding-right: 10px; |
|||
} |
|||
.formItemOne .el-form-item__content { |
|||
display: flex; |
|||
} |
|||
.el-dialog__header { |
|||
padding-top: 0; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,44 @@ |
|||
<template> |
|||
<div id="pdfDom" class="dzblContent left"> |
|||
<ylzmsLookPdfFun |
|||
ref="ylzmsLookPdfFunRef" |
|||
:current-url="currentUrl" |
|||
:archive-case-c-r-f-item="archiveCaseCRFItem" |
|||
:save-pdf="true" |
|||
/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import ylzmsLookPdfFun from '@/components/H5form/ylzmsLookPdfFun' |
|||
export default { |
|||
components: { |
|||
ylzmsLookPdfFun |
|||
}, |
|||
props: { |
|||
archiveCaseCRFItem: { |
|||
type: Object, |
|||
default: () => { } |
|||
}, |
|||
currentUrl: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
} |
|||
}, |
|||
computed: { |
|||
dataRule() { |
|||
return { |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init(id, flag) { |
|||
this.$refs.ylzmsLookPdfFunRef.init(id, flag) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,163 @@ |
|||
<template> |
|||
<div v-if="isShow===1" style="flex:1"> |
|||
<div id="printButtonA5" |
|||
:style="savePdf ? 'position: relative;width: 210mm;font-family:msyh;transform: scale(0.95);transform-origin: left top;' : ''"> |
|||
<div ref="htmlContent" :style="savePdf ? 'max-width: 100%;margin: 0 auto;' : ''"> |
|||
<!-- v-if="currentUrl.includes('192')" --> |
|||
<div style=" |
|||
font-size: 32px; |
|||
font-weight: 700; |
|||
text-align: center; |
|||
font-family:MicrosoftYaHeiBold; |
|||
">温州医科大学附属眼视光医院杭州院区</div> |
|||
<div style=" |
|||
font-size: 32px; |
|||
font-weight: 700; |
|||
text-align: center; |
|||
margin-bottom: 10px; |
|||
font-family:MicrosoftYaHeiBold; |
|||
">医疗证明书</div> |
|||
<div style=" |
|||
display: flex; |
|||
justify-content: center; |
|||
border-bottom: 2px solid #6f6f6f; |
|||
padding-bottom: 12px; |
|||
margin-bottom: 12px; |
|||
"> |
|||
<span style="padding-right: 30px">姓名：{{ formListValue.patientName }}</span> |
|||
<span style="padding-right: 30px">性别：{{ formListValue.patientSex }}</span> |
|||
<span style="padding-right: 30px">年龄：{{ formListValue.patientAge }}岁</span> |
|||
<span style="padding-right: 30px">PID：{{ formListValue.patientId }}</span> |
|||
<span>日期：{{ formListValue.createDate }}</span> |
|||
</div> |
|||
</div> |
|||
<div id="printA5" style=" |
|||
flex: 1; |
|||
font-size: 16px; |
|||
" :style="savePdf ? 'max-width: 100%;margin: 0 auto;' : ''"> |
|||
<div style="margin-bottom: 2px; break-inside: avoid"> |
|||
<span style="font-weight: 700;font-family:MicrosoftYaHeiBold;">诊断：</span> |
|||
<span>{{ formListValue.zd ? formListValue.zd : '无' }}</span> |
|||
</div> |
|||
<div style="margin-bottom: 2px; break-inside: avoid"> |
|||
<span style="font-weight: 700;font-family:MicrosoftYaHeiBold;">处理意见：</span> |
|||
<span>{{ formListValue.clyj ? formListValue.clyj : '无' }}</span> |
|||
</div> |
|||
<!-- v-if="base64Flag" --> |
|||
<div style=" |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
break-inside: avoid; |
|||
margin-right: 35px; |
|||
"> |
|||
医生签名： |
|||
<span> |
|||
<span v-if="!formListValue.ysSign" |
|||
style="padding-left:12px;">{{ formListValue.createName ? formListValue.createName : '-' }}</span> |
|||
<img v-else :src="formListValue.ysSign" alt="" width="120px" style="display: block;break-inside: avoid"> |
|||
</span> |
|||
<!-- <img :src="formListValue.createSign" alt="" width="120px"> --> |
|||
</div> |
|||
<div class="margin-top-20">（建议病休时限必须大写，不得涂改，没有盖我院公章者无效）</div> |
|||
</div> |
|||
</div> |
|||
<div v-if="formListValue.isConfirm===1" |
|||
style="color:green;font-size:40px;text-align: center;margin-top: 60px;font-weight: 700;">已CA签字</div> |
|||
<div v-if="formListValue.isConfirm!==1" |
|||
style="color:red;font-size:40px;text-align: center;margin-top: 60px;font-weight: 700;">未CA签字</div> |
|||
</div> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
import htmlToPdfToBlob from '@/mixins/htmlToPdfToBlob' |
|||
const Base64 = require('js-base64').Base64 |
|||
export default { |
|||
mixins: [htmlToPdfToBlob], |
|||
props: { |
|||
archiveCaseCRFItem: { |
|||
type: Object, |
|||
default: () => { } |
|||
}, |
|||
currentUrl: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
savePdf: { |
|||
type: Boolean, |
|||
default: false |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
formListValue: { |
|||
}, |
|||
isShow: 0, |
|||
recordId: '', |
|||
} |
|||
}, |
|||
methods: { |
|||
// CA启动逻辑判断 |
|||
init(id, flag) { |
|||
this.recordId = id |
|||
this.getYlzmsInfo(id, flag) |
|||
}, |
|||
// 获取信息 |
|||
async getYlzmsInfo(id, flag) { |
|||
this.isShow = 0 |
|||
const { data: res } = await this.$http.get('/hz_quguang/qg/ylzms/getYlzmsRecordInfo', { |
|||
params: { |
|||
id: id |
|||
} |
|||
}) |
|||
if (res.code === 0) { |
|||
Object.keys(res.data).forEach((item, index) => { |
|||
// 如果不为空就赋值上去 |
|||
if ((res.data[item] && res.data[item] !== 'false' && res.data[item] !== 'true') || typeof res.data[item] === 'number') { |
|||
// 目前转为使用jsPDF不需要转换图片为base64了，如果使用html2pdf需要转，如果不转图片生成不出来 |
|||
// if (item === 'createSign') { |
|||
// // console.log(item); |
|||
// this.convertImageToBase64(res.data.createSign, 'createSign') |
|||
// } else { |
|||
// this.formListValue[item] = res.data[item] |
|||
// } |
|||
this.formListValue[item] = res.data[item] |
|||
} |
|||
if (res.data[item] && typeof res.data[item] !== 'number') { |
|||
res.data[item].includes('[') || res.data[item] === 'false' || res.data[item] === 'true' ? this.formListValue[item] = JSON.parse(res.data[item]) : '' |
|||
} |
|||
if (Object.keys(res.data).length - 1 === index) { |
|||
this.isShow = 1 |
|||
if (flag === 'savepdf') { |
|||
setTimeout(() => { |
|||
console.log(document.getElementById('printButtonA5')); |
|||
this.html2Pdf({ |
|||
marginStyle: Base64.encode('<style>@page{margin: 8mm 5mm 5mm 5mm;}</style>'), |
|||
htmlBase: Base64.encode(document.getElementById('printButtonA5').innerHTML), |
|||
pageSize: 'A5', |
|||
formId: this.formListValue.formId, |
|||
// 表单标志位，1:屈光电子病历/屈光电子病历(复诊) 2:术后检查记录表， |
|||
// 3:角膜交联病历/角膜交联病历(复诊)，4:角膜交联术后检查记录单,5:复诊病历 |
|||
// 14:医疗证明书 |
|||
|
|||
formFlag: 14 |
|||
}) |
|||
}, 100); |
|||
} |
|||
} |
|||
}) |
|||
} else { |
|||
this.loading.close() |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 刷新页面 |
|||
caRefresh() { |
|||
this.$parent.$parent.getInfo() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss"> |
|||
</style> |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,47 @@ |
|||
export default { |
|||
data() { |
|||
return { |
|||
tableData: [{ |
|||
name: 'zsbs', |
|||
nameClass: 'zsbs', |
|||
zsbs: '主诉及病史', |
|||
zkjc: '', |
|||
fzjc: '', |
|||
czzd: '', |
|||
clyj: '' |
|||
}, { |
|||
name: 'zkjc', |
|||
nameClass: 'zkjc', |
|||
zsbs: '', |
|||
zkjc: '专科检查', |
|||
fzjc: '', |
|||
czzd: '', |
|||
clyj: '' |
|||
}, { |
|||
name: 'fzjc', |
|||
nameClass: 'fzjc', |
|||
zsbs: '', |
|||
zkjc: '', |
|||
fzjc: '辅助检查', |
|||
czzd: '', |
|||
clyj: '' |
|||
}, { |
|||
name: 'czzd', |
|||
nameClass: 'czzd', |
|||
zsbs: '', |
|||
zkjc: '', |
|||
fzjc: '', |
|||
czzd: '出诊诊断', |
|||
clyj: '' |
|||
}, { |
|||
name: 'clyj', |
|||
nameClass: 'clyj', |
|||
zsbs: '', |
|||
zkjc: '', |
|||
fzjc: '', |
|||
czzd: '', |
|||
clyj: '处理意见' |
|||
}] |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,177 @@ |
|||
<template> |
|||
<div class="cucFather"> |
|||
<div class="flex margin-bottom-10"> |
|||
<el-form :inline="true" :model="dataForm" class="demo-form-inline"> |
|||
<el-form-item label="PID:"> |
|||
<el-input v-model="dataForm.patientId" size="small" clearable placeholder="" @clear="getDataListInitial()" |
|||
@keyup.enter.native="getDataListInitial('patientId')" /> |
|||
</el-form-item> |
|||
<el-form-item label="患者姓名:" label-width="90px" class="min-width-90"> |
|||
<el-input v-model="dataForm.patientName" placeholder="" size="small" clearable @clear="getDataListInitial()" |
|||
@keyup.enter.native="getDataListInitial('patientName')" /> |
|||
</el-form-item> |
|||
<el-form-item style="flex:1"> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="getDataListInitial()">查询 |
|||
</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="flex"> |
|||
<div class="yuyPeople yuyPeople2"> |
|||
<span>初查患者人数：</span> |
|||
<span>{{total}}人</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" style="width: 100%" :height="tableHeight"> |
|||
<el-table-column prop="patientId" label="PID " header-align="center" align="center" /> |
|||
<el-table-column prop="patientName" label="患者姓名" header-align="center" align="center" /> |
|||
<el-table-column prop="patientSex" label="性别" header-align="center" align="center" /> |
|||
<el-table-column prop="patientPhone" label="手机号" header-align="center" align="center" /> |
|||
<el-table-column label="出生日期" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.patientBirthday ? $options.filters.dateFilterTwo( scope.row.patientBirthday): '- ' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="就诊时间" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.jzDate ?scope.row.jzDate : '-' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.remark ? scope.row.remark : '- ' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="operation" label="操作" header-align="center" align="center" width="60"> |
|||
<template slot-scope="scope"> |
|||
<span style="color: #1890ff; padding-right: 8px" class="cursor" @click="browseClick(scope.row)">病历</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination background layout="total,prev, pager, next" :total="total" :current-page.sync="page" |
|||
@current-change="pageCurrentChangeHandle" style="margin-top:10px;" /> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import tableAutoHeight from '@/mixins/tableAutoHeight' |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
export default { |
|||
components: { |
|||
}, |
|||
mixins: [mixinViewModule, tableAutoHeight], |
|||
data() { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/hz_quguang/tj/czPatientPage', |
|||
getDataListIsPage: true |
|||
}, |
|||
jzrcStartEndTime: '', |
|||
doctorList: {}, |
|||
yuyList: [], |
|||
dataForm: { |
|||
beginDate: '', |
|||
endDate: '', |
|||
patientId: '', |
|||
patientName: '' |
|||
}, |
|||
noOperaTotal: '', |
|||
operaTotal: '' |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getDoctorList() |
|||
this.getOperaQkPatientTotal() |
|||
}, |
|||
methods: { |
|||
// 获取手术医生列表 |
|||
async getDoctorList() { |
|||
const { data: res } = await this.$http.get('/hz_quguang/opera/reservation/getDoctorList',{ |
|||
params:{ |
|||
type: 3 // 1 主刀医生 2 检查医生 3 门诊医生 |
|||
} |
|||
}) |
|||
if (res.code === 0) { |
|||
this.doctorList = res.data |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 获取统计 |
|||
async getOperaQkPatientTotal() { |
|||
const { data: res } = await this.$http.get('/hz_quguang/tj/getCzOperaPatientTotal') |
|||
if (res.code === 0) { |
|||
this.noOperaTotal = res.data.noOperaTotal |
|||
this.operaTotal = res.data.operaTotal |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 浏览 |
|||
browseClick(scopeRow) { |
|||
window.sessionStorage.removeItem('itemCurrentIndex') |
|||
window.sessionStorage.removeItem('itemListIndex') |
|||
this.$router.push({ |
|||
path: '/seeDoctor', |
|||
query: { |
|||
info: this.$Base64.encode(JSON.stringify({ |
|||
patientIdNumber: scopeRow.patientIdNumber, |
|||
patientCentreId: scopeRow.patientCentreId, |
|||
title: '门诊' |
|||
})) |
|||
} |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.cucFather { |
|||
background: #fff; |
|||
padding: 10px; |
|||
|
|||
.yuyPeople { |
|||
height: 40px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
font-size: 18px; |
|||
color: #fff; |
|||
text-align: center; |
|||
padding: 0 10px; |
|||
} |
|||
.yuyPeople1 { |
|||
background: #f5222d; |
|||
} |
|||
.yuyPeople2 { |
|||
background: #67c23a; |
|||
} |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.cucFather { |
|||
.el-col-today .el-radio-button--mini .el-radio-button__inner { |
|||
padding: 7px; |
|||
} |
|||
.el-radio-button__inner { |
|||
border: none; |
|||
} |
|||
.el-radio-button__orig-radio:checked + .el-radio-button__inner { |
|||
background: #e0e8ff; |
|||
border-color: #e0e8ff; |
|||
box-shadow: none; |
|||
color: #5048e5; |
|||
} |
|||
.el-radio-button:first-child .el-radio-button__inner { |
|||
border-left: none; |
|||
} |
|||
.el-pagination { |
|||
margin-top: 0; |
|||
} |
|||
.el-table--medium .el-table__cell { |
|||
padding: 6px 0; |
|||
} |
|||
.el-input__inner { |
|||
width: 120px !important; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,254 @@ |
|||
<template> |
|||
<div class="mzJcsjFather"> |
|||
<div class="flex margin-bottom-10"> |
|||
<el-form :inline="true" :model="dataForm" class="demo-form-inline"> |
|||
<el-form-item label="PID:" class="inner100"> |
|||
<el-input v-model="dataForm.patientId" size="small" clearable placeholder="" @clear="getDataListInitial()" |
|||
@keyup.enter.native="getDataListInitial('patientId')" /> |
|||
</el-form-item> |
|||
<el-form-item label="患者姓名:" label-width="90px" class="min-width-90 inner100"> |
|||
<el-input v-model="dataForm.patientName" placeholder="" size="small" clearable @clear="getDataListInitial()" |
|||
@keyup.enter.native="getDataListInitial('patientName')" /> |
|||
</el-form-item> |
|||
<el-form-item prop="dateRange" label="就诊日期" class="min-width-80 inner220" label-width="80px"> |
|||
<el-date-picker v-model="startEndTime" size="small" type="daterange" range-separator="-" |
|||
start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" @change="dateChange" /> |
|||
</el-form-item> |
|||
<el-form-item label="就诊类型:" label-width="90px" class="min-width-90 inner100"> |
|||
<el-select v-model="dataForm.jzType" placeholder="" size="small" clearable @clear="getDataListInitial()" |
|||
@change="getDataListInitial()"> |
|||
<el-option v-for="(item,index) in jzTypeList" :key="index" :label="item.name" :value="item.value" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="病历医生:" label-width="90px" class="min-width-90 inner120" v-show="dataForm.jzType"> |
|||
<el-select v-model="dataForm.blDoctorName" placeholder="" size="small" clearable @clear="getDataListInitial()" |
|||
@change="getDataListInitial()"> |
|||
<el-option v-for="(item,index) in doctorList" :key="index" :label="item.doctorName" |
|||
:value="item.doctorName" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item style="flex:1"> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="getDataListInitial()">查询 |
|||
</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-button style="margin-left:30px;" type="warning" size="small" @click="exproDate">导出</el-button> |
|||
</div> |
|||
|
|||
<el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" style="width: 100%" :height="tableHeight"> |
|||
<el-table-column prop="patientId" label="PID " header-align="center" align="center" /> |
|||
<el-table-column prop="patientName" label="患者姓名" header-align="center" align="center" /> |
|||
<el-table-column prop="patientSex" label="性别" header-align="center" align="center" /> |
|||
<el-table-column prop="patientPhone" label="手机号" header-align="center" align="center" /> |
|||
<el-table-column label="出生日期" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.patientBirthday ? $options.filters.dateFilterTwo( scope.row.patientBirthday): '- ' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="就诊时间" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.jzDate ?scope.row.jzDate : '-' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="初病保存人" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.czEmrSaveName ?scope.row.czEmrSaveName : '-' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="初病保存时间" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.czEmrSaveDate ? scope.row.czEmrSaveDate : '-' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="复病保存人" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.fzEmrSaveName ?scope.row.fzEmrSaveName : '-' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="复病保存时间" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.fzEmrSaveDate ? scope.row.fzEmrSaveDate : '-' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.remark ? scope.row.remark : '- ' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="operation" label="操作" header-align="center" align="center" width="60"> |
|||
<template slot-scope="scope"> |
|||
<span style="color: #1890ff; padding-right: 8px" class="cursor" @click="browseClick(scope.row)">病历</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination background layout="total,prev, pager, next" :total="total" :current-page.sync="page" |
|||
@current-change="pageCurrentChangeHandle" style="margin-top:10px;" /> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import tableAutoHeight from '@/mixins/tableAutoHeight' |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
export default { |
|||
components: { |
|||
}, |
|||
mixins: [mixinViewModule, tableAutoHeight], |
|||
data() { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/hz_quguang/tj/getMzPatientPage', |
|||
getDataListIsPage: true |
|||
}, |
|||
jzrcStartEndTime: '', |
|||
doctorList: {}, |
|||
yuyList: [], |
|||
dataForm: { |
|||
beginDate: '', |
|||
endDate: '', |
|||
patientId: '', |
|||
patientName: '', |
|||
patientIdNumber: '', |
|||
patientPhone: '', |
|||
blDoctorName: '', // 病历医生 |
|||
employeeId: '', |
|||
jzType: '', // 不传：全部，1：初诊，2：复诊 |
|||
}, |
|||
// 1：初诊，2：术前复诊，3：术后复诊 |
|||
jzTypeList: [{ |
|||
name: '全部', |
|||
value: '' |
|||
}, { |
|||
name: '初诊', |
|||
value: 1 |
|||
}, { |
|||
name: '复诊', |
|||
value: 2 |
|||
}], |
|||
noOperaTotal: '', |
|||
operaTotal: '', |
|||
startEndTime: '' |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getDoctorList() |
|||
}, |
|||
methods: { |
|||
// 获取手术医生列表 |
|||
async getDoctorList() { |
|||
const { data: res } = await this.$http.get('/hz_quguang/opera/reservation/getDoctorList',{ |
|||
params:{ |
|||
type: 3 // 1 主刀医生 2 检查医生 3 门诊医生 |
|||
} |
|||
}) |
|||
if (res.code === 0) { |
|||
this.doctorList = res.data |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 日期改变时 |
|||
dateChange(e) { |
|||
this.dataForm.beginDate = e ? e[0] : '' |
|||
this.dataForm.endDate = e ? e[1] : '' |
|||
this.getDataListInitial() |
|||
}, |
|||
// 导出手术 |
|||
async exproDate(url, text) { |
|||
if(this.total>1000) { |
|||
return this.$message.error('请导出小于1000患者的数据') |
|||
} |
|||
// this.operaTj |
|||
const { data: res } = await this.$http({ |
|||
method: 'post', |
|||
url: '/hz_quguang/tj/exportMzPatient', |
|||
responseType: 'blob', |
|||
data: this.dataForm |
|||
}) |
|||
const link = document.createElement('a') // 首先创建一个a标签毕竟下载是要通过a标签来下载的。 |
|||
const blob = new Blob([res], { type: 'application/vnd.ms-excel' }) // 第一个参数是后台返回的文件流变量，第二个参数是要转换的类型，由type的值来决定。 |
|||
link.style.display = 'none' |
|||
link.href = URL.createObjectURL(blob) // 用URL.createObjectURL方法来创建一个URL对象并赋值给a标签的href属性。 |
|||
link.setAttribute('download', '门诊患者检查数据') // 重命名 |
|||
document.body.appendChild(link) // 添加链接 |
|||
link.click() // 触发点击事件，开始下载 |
|||
document.body.removeChild(link) // 移除链接 |
|||
}, |
|||
// 浏览 |
|||
browseClick(scopeRow) { |
|||
window.sessionStorage.removeItem('itemCurrentIndex') |
|||
window.sessionStorage.removeItem('itemListIndex') |
|||
this.$router.push({ |
|||
path: '/seeDoctor', |
|||
query: { |
|||
info: this.$Base64.encode(JSON.stringify({ |
|||
patientIdNumber: scopeRow.patientIdNumber, |
|||
patientCentreId: scopeRow.patientCentreId, |
|||
title: '门诊' |
|||
})) |
|||
} |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.mzJcsjFather { |
|||
background: #fff; |
|||
padding: 10px; |
|||
|
|||
.yuyPeople { |
|||
height: 50px; |
|||
line-height: 50px; |
|||
border-radius: 5px; |
|||
font-size: 18px; |
|||
color: #fff; |
|||
text-align: center; |
|||
padding: 0 10px; |
|||
} |
|||
.yuyPeople1 { |
|||
background: #f5222d; |
|||
} |
|||
.yuyPeople2 { |
|||
background: #67c23a; |
|||
} |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.mzJcsjFather { |
|||
.el-col-today .el-radio-button--mini .el-radio-button__inner { |
|||
padding: 7px; |
|||
} |
|||
.el-radio-button__inner { |
|||
border: none; |
|||
} |
|||
.el-radio-button__orig-radio:checked + .el-radio-button__inner { |
|||
background: #e0e8ff; |
|||
border-color: #e0e8ff; |
|||
box-shadow: none; |
|||
color: #5048e5; |
|||
} |
|||
.el-radio-button:first-child .el-radio-button__inner { |
|||
border-left: none; |
|||
} |
|||
.el-pagination { |
|||
margin-top: 0; |
|||
} |
|||
.el-table--medium .el-table__cell { |
|||
padding: 6px 0; |
|||
} |
|||
.inner100 { |
|||
.el-input__inner { |
|||
width: 100px !important; |
|||
} |
|||
} |
|||
.inner120 { |
|||
.el-input__inner { |
|||
width: 120px !important; |
|||
} |
|||
} |
|||
.inner220 { |
|||
.el-input__inner { |
|||
width: 200px !important; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,212 @@ |
|||
<template> |
|||
<div class="mzJcsjFather"> |
|||
<div class="flex margin-bottom-10"> |
|||
<el-form :inline="true" :model="dataForm" class="demo-form-inline"> |
|||
<el-form-item label="PID:" class="inner100"> |
|||
<el-input v-model="dataForm.patientId" size="small" clearable placeholder="" @clear="getDataListInitial()" |
|||
@keyup.enter.native="getDataListInitial('patientId')" /> |
|||
</el-form-item> |
|||
<el-form-item label="患者姓名:" label-width="90px" class="min-width-90 inner100"> |
|||
<el-input v-model="dataForm.patientName" placeholder="" size="small" clearable @clear="getDataListInitial()" |
|||
@keyup.enter.native="getDataListInitial('patientName')" /> |
|||
</el-form-item> |
|||
<el-form-item prop="dateRange" label="手术日期" class="min-width-80 inner220" label-width="80px"> |
|||
<el-date-picker v-model="startEndTime" size="small" type="daterange" range-separator="-" |
|||
start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" @change="dateChange" /> |
|||
</el-form-item> |
|||
<el-form-item label="主刀医生:" label-width="90px" class="min-width-90 inner120"> |
|||
<el-select v-model="dataForm.mainDoctorCode" placeholder="" size="small" clearable @clear="getDataListInitial()" |
|||
@change="getDataListInitial()"> |
|||
<el-option v-for="(item,index) in doctorList" :key="index" :label="item.doctorName" |
|||
:value="item.doctorCode" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item style="flex:1"> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="getDataListInitial()">查询 |
|||
</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-button style="margin-left:30px;" type="warning" size="small" @click="exproDate">导出</el-button> |
|||
</div> |
|||
|
|||
<el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" style="width: 100%" :height="tableHeight"> |
|||
<el-table-column prop="patientId" label="PID " header-align="center" align="center" /> |
|||
<el-table-column prop="patientName" label="患者姓名" header-align="center" align="center" /> |
|||
<el-table-column prop="patientSex" label="性别" header-align="center" align="center" /> |
|||
<el-table-column prop="patientPhone" label="手机号" header-align="center" align="center" /> |
|||
<el-table-column label="出生日期" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.patientBirthday ? $options.filters.dateFilterTwo( scope.row.patientBirthday): '- ' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="mainDoctorName" label="主刀医生" header-align="center" align="center" /> |
|||
<el-table-column prop="operaNameList" label="手术名称" header-align="center" align="center" /> |
|||
<el-table-column prop="operaDate" label="手术时间" header-align="center" align="center" /> |
|||
<el-table-column prop="operaRoom" label="手术间" header-align="center" align="center" /> |
|||
<el-table-column label="备注" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.patientRemark ? scope.row.patientRemark : '- ' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="operation" label="操作" header-align="center" align="center" width="60"> |
|||
<template slot-scope="scope"> |
|||
<span style="color: #1890ff; padding-right: 8px" class="cursor" @click="browseClick(scope.row)">病历</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination background layout="total,prev, pager, next" :total="total" :current-page.sync="page" |
|||
@current-change="pageCurrentChangeHandle" style="margin-top:10px;" /> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import tableAutoHeight from '@/mixins/tableAutoHeight' |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
export default { |
|||
components: { |
|||
}, |
|||
mixins: [mixinViewModule, tableAutoHeight], |
|||
data() { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/hz_quguang/tj/getOperaAfterPatientPage', |
|||
getDataListIsPage: true |
|||
}, |
|||
jzrcStartEndTime: '', |
|||
doctorList: {}, |
|||
yuyList: [], |
|||
dataForm: { |
|||
beginDate: '', |
|||
endDate: '', |
|||
patientId: '', |
|||
patientName: '', |
|||
mainDoctorCode:'', // 主刀医生 |
|||
}, |
|||
noOperaTotal: '', |
|||
operaTotal: '', |
|||
startEndTime: '' |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getDoctorList() |
|||
}, |
|||
methods: { |
|||
// 获取手术医生列表 |
|||
async getDoctorList() { |
|||
const { data: res } = await this.$http.get('/hz_quguang/opera/reservation/getDoctorList',{ |
|||
params:{ |
|||
type: 1 // 1 主刀医生 2 检查医生 3 门诊医生 |
|||
} |
|||
}) |
|||
if (res.code === 0) { |
|||
this.doctorList = res.data |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 日期改变时 |
|||
dateChange(e) { |
|||
this.dataForm.beginDate = e ? e[0] : '' |
|||
this.dataForm.endDate = e ? e[1] : '' |
|||
this.getDataListInitial() |
|||
}, |
|||
// 导出手术 |
|||
async exproDate(url, text) { |
|||
if(this.total>1000) { |
|||
return this.$message.error('请导出小于1000患者的数据') |
|||
} |
|||
// this.operaTj |
|||
const { data: res } = await this.$http({ |
|||
method: 'post', |
|||
url: '/hz_quguang/tj/exportOperaAfterPatient', |
|||
responseType: 'blob', |
|||
data: this.dataForm |
|||
}) |
|||
const link = document.createElement('a') // 首先创建一个a标签毕竟下载是要通过a标签来下载的。 |
|||
const blob = new Blob([res], { type: 'application/vnd.ms-excel' }) // 第一个参数是后台返回的文件流变量，第二个参数是要转换的类型，由type的值来决定。 |
|||
link.style.display = 'none' |
|||
link.href = URL.createObjectURL(blob) // 用URL.createObjectURL方法来创建一个URL对象并赋值给a标签的href属性。 |
|||
link.setAttribute('download', '术后患者检查数据') // 重命名 |
|||
document.body.appendChild(link) // 添加链接 |
|||
link.click() // 触发点击事件，开始下载 |
|||
document.body.removeChild(link) // 移除链接 |
|||
}, |
|||
// 浏览 |
|||
browseClick(scopeRow) { |
|||
window.sessionStorage.removeItem('itemCurrentIndex') |
|||
window.sessionStorage.removeItem('itemListIndex') |
|||
this.$router.push({ |
|||
path: '/seeDoctor', |
|||
query: { |
|||
info: this.$Base64.encode(JSON.stringify({ |
|||
patientIdNumber: scopeRow.patientIdNumber, |
|||
patientCentreId: scopeRow.patientCentreId, |
|||
title: '门诊' |
|||
})) |
|||
} |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.mzJcsjFather { |
|||
background: #fff; |
|||
padding: 10px; |
|||
|
|||
.yuyPeople { |
|||
height: 50px; |
|||
line-height: 50px; |
|||
border-radius: 5px; |
|||
font-size: 18px; |
|||
color: #fff; |
|||
text-align: center; |
|||
padding: 0 10px; |
|||
} |
|||
.yuyPeople1 { |
|||
background: #f5222d; |
|||
} |
|||
.yuyPeople2 { |
|||
background: #67c23a; |
|||
} |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.mzJcsjFather { |
|||
.el-col-today .el-radio-button--mini .el-radio-button__inner { |
|||
padding: 7px; |
|||
} |
|||
.el-radio-button__inner { |
|||
border: none; |
|||
} |
|||
.el-radio-button__orig-radio:checked + .el-radio-button__inner { |
|||
background: #e0e8ff; |
|||
border-color: #e0e8ff; |
|||
box-shadow: none; |
|||
color: #5048e5; |
|||
} |
|||
.el-radio-button:first-child .el-radio-button__inner { |
|||
border-left: none; |
|||
} |
|||
.el-pagination { |
|||
margin-top: 0; |
|||
} |
|||
.el-table--medium .el-table__cell { |
|||
padding: 6px 0; |
|||
} |
|||
.inner100 { |
|||
.el-input__inner { |
|||
width: 100px !important; |
|||
} |
|||
} |
|||
.inner120 { |
|||
.el-input__inner { |
|||
width: 120px !important; |
|||
} |
|||
} |
|||
.inner220 { |
|||
.el-input__inner { |
|||
width: 200px !important; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,195 @@ |
|||
<template> |
|||
<div class="yuyFather"> |
|||
<div class="flex margin-bottom-10"> |
|||
<el-form :inline="true" :model="dataForm" class="demo-form-inline"> |
|||
<el-form-item label="PID:"> |
|||
<el-input v-model="dataForm.patientId" size="small" clearable placeholder="" @clear="getDataListInitial()" |
|||
@keyup.enter.native="getDataListInitial('patientId')" /> |
|||
</el-form-item> |
|||
<el-form-item label="患者姓名:" label-width="90px" class="min-width-90"> |
|||
<el-input v-model="dataForm.patientName" placeholder="" size="small" clearable @clear="getDataListInitial()" |
|||
@keyup.enter.native="getDataListInitial('patientName')" /> |
|||
</el-form-item> |
|||
<el-form-item label="预约状态:" label-width="90px" class="min-width-90"> |
|||
<el-select v-model="dataForm.operaFlag" placeholder="" size="small" @change="getDataListInitial()"> |
|||
<el-option v-for="(item,index) in yyStatusList" :key="index" :label="item.name" :value="item.value" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item style="flex:1"> |
|||
<el-button type="primary" icon="el-icon-search" size="mini" @click="getDataListInitial()">查询 |
|||
</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="flex"> |
|||
<div class="yuyPeople yuyPeople1 margin-right-20"> |
|||
<span>未约人数：</span> |
|||
<span>{{noOperaTotal}}人</span> |
|||
</div> |
|||
<div class="yuyPeople yuyPeople2"> |
|||
<span>已约人数：</span> |
|||
<span>{{operaTotal}}人</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<el-table ref="multipleTable" :data="dataList" tooltip-effect="dark" style="width: 100%" :height="tableHeight"> |
|||
<el-table-column prop="patientId" label="PID " header-align="center" align="center" /> |
|||
<el-table-column prop="patientName" label="患者姓名" header-align="center" align="center" /> |
|||
<el-table-column prop="patientSex" label="性别" header-align="center" align="center" /> |
|||
<el-table-column prop="patientPhone" label="手机号" header-align="center" align="center" /> |
|||
<el-table-column label="出生日期" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.patientBirthday ? $options.filters.dateFilterTwo( scope.row.patientBirthday): '- ' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="就诊时间" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.jzDate ?scope.row.jzDate : '-' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" header-align="center" align="center"> |
|||
<template slot-scope="scope"> |
|||
{{ scope.row.remark ? scope.row.remark : '- ' }} |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="operation" label="操作" header-align="center" align="center" width="60"> |
|||
<template slot-scope="scope"> |
|||
<span style="color: #1890ff; padding-right: 8px" class="cursor" @click="browseClick(scope.row)">病历</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination background layout="total,prev, pager, next" :total="total" :current-page.sync="page" |
|||
@current-change="pageCurrentChangeHandle" style="margin-top:10px;" /> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import tableAutoHeight from '@/mixins/tableAutoHeight' |
|||
import mixinViewModule from '@/mixins/view-module' |
|||
export default { |
|||
components: { |
|||
}, |
|||
mixins: [mixinViewModule, tableAutoHeight], |
|||
data() { |
|||
return { |
|||
mixinViewModuleOptions: { |
|||
getDataListURL: '/hz_quguang/tj/czOperaPatientPage', |
|||
getDataListIsPage: true |
|||
}, |
|||
jzrcStartEndTime: '', |
|||
doctorList: {}, |
|||
yuyList: [], |
|||
dataForm: { |
|||
beginDate: '', |
|||
endDate: '', |
|||
doctorId: '', |
|||
operaFlag: '1', // 1:未手术，2:已手术 |
|||
patientId: '', |
|||
patientName: '' |
|||
}, |
|||
noOperaTotal: '', |
|||
operaTotal: '', |
|||
yyStatusList: [{ |
|||
name: '未预约', |
|||
value: '1' |
|||
}, { |
|||
name: '已预约', |
|||
value: '2' |
|||
}] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.getDoctorList() |
|||
this.getOperaQkPatientTotal() |
|||
}, |
|||
methods: { |
|||
// 获取手术医生列表 |
|||
async getDoctorList() { |
|||
const { data: res } = await this.$http.get('/hz_quguang/opera/reservation/getDoctorList',{ |
|||
params:{ |
|||
type: 3 // 1 主刀医生 2 检查医生 3 门诊医生 |
|||
} |
|||
}) |
|||
if (res.code === 0) { |
|||
this.doctorList = res.data |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 获取统计 |
|||
async getOperaQkPatientTotal() { |
|||
const { data: res } = await this.$http.get('/hz_quguang/tj/getCzOperaPatientTotal') |
|||
if (res.code === 0) { |
|||
this.noOperaTotal = res.data.noOperaTotal |
|||
this.operaTotal = res.data.operaTotal |
|||
} else { |
|||
this.$message.error(res.msg) |
|||
} |
|||
}, |
|||
// 浏览 |
|||
browseClick(scopeRow) { |
|||
window.sessionStorage.removeItem('itemCurrentIndex') |
|||
window.sessionStorage.removeItem('itemListIndex') |
|||
this.$router.push({ |
|||
path: '/seeDoctor', |
|||
query: { |
|||
info: this.$Base64.encode(JSON.stringify({ |
|||
patientIdNumber: scopeRow.patientIdNumber, |
|||
patientCentreId: scopeRow.patientCentreId, |
|||
title: '门诊' |
|||
})) |
|||
} |
|||
}) |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.yuyFather { |
|||
background: #fff; |
|||
padding: 10px; |
|||
|
|||
.yuyPeople { |
|||
height: 40px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
font-size: 18px; |
|||
color: #fff; |
|||
text-align: center; |
|||
padding: 0 10px; |
|||
} |
|||
.yuyPeople1 { |
|||
background: #f5222d; |
|||
} |
|||
.yuyPeople2 { |
|||
background: #67c23a; |
|||
} |
|||
} |
|||
</style> |
|||
<style lang="scss"> |
|||
.yuyFather { |
|||
.el-col-today .el-radio-button--mini .el-radio-button__inner { |
|||
padding: 7px; |
|||
} |
|||
.el-radio-button__inner { |
|||
border: none; |
|||
} |
|||
.el-radio-button__orig-radio:checked + .el-radio-button__inner { |
|||
background: #e0e8ff; |
|||
border-color: #e0e8ff; |
|||
box-shadow: none; |
|||
color: #5048e5; |
|||
} |
|||
.el-radio-button:first-child .el-radio-button__inner { |
|||
border-left: none; |
|||
} |
|||
.el-pagination { |
|||
margin-top: 0; |
|||
} |
|||
.el-table--medium .el-table__cell { |
|||
padding: 6px 0; |
|||
} |
|||
.el-input__inner { |
|||
width: 120px !important; |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue