|
|
|
@ -6,18 +6,27 @@ |
|
|
|
<el-button type="danger" size="small" @click="handleDelete">删除</el-button> |
|
|
|
</div> |
|
|
|
<div id="optomeFunc" style="width: 840px;padding-right: 8px" class="printBox"> |
|
|
|
<div class="flex j-c" style="border-bottom: 1px solid #000;padding-bottom: 5px"> |
|
|
|
<div class="flex j-c" style="padding-bottom: 8px"> |
|
|
|
<img width="320" src="@/assets/img/xianganlogo.png"> |
|
|
|
</div> |
|
|
|
<p style="color:#000000;font-size:24px;text-align:center;"> |
|
|
|
<p style="color:#000000;font-size:24px;font-weight: 700;letter-spacing: 10px;text-align:center;margin-bottom: 10px;word-spacing: 3px"> |
|
|
|
验光报告单 |
|
|
|
</p> |
|
|
|
<div style="display: flex;justify-content: space-around"> |
|
|
|
<span>登记号：<el-input v-model="dataForm.patientId" style="width: 80px" clearable placeholder="" /></span> |
|
|
|
<span>姓名：<el-input v-model="dataForm.patientName" style="width: 80px" clearable placeholder="" /></span> |
|
|
|
<span>性别：<el-input v-model="dataForm.patientSex" style="width: 60px" clearable placeholder="" /></span> |
|
|
|
<span>年龄：<el-input v-model="dataForm.patientAge" style="width: 60px" clearable placeholder="" /></span> |
|
|
|
<span>屈光发育档案：<el-input v-model="dataForm.file" style="width: 60px" clearable placeholder="" /></span> |
|
|
|
<span class="bold">登记号：<el-input v-model="dataForm.patientId" style="width: 80px" placeholder="" /></span> |
|
|
|
<span class="bold">姓名：<el-input v-model="dataForm.patientName" style="width: 90px" placeholder="" /></span> |
|
|
|
<span class="bold">性别：<el-input v-model="dataForm.patientSex" style="width: 60px" placeholder="" /></span> |
|
|
|
<span class="bold">年龄：<el-input v-model="dataForm.patientAge" style="width: 60px" placeholder="" /></span> |
|
|
|
<span class="bold">屈光发育档案： |
|
|
|
<el-select v-model="dataForm.file" placeholder="" style="display: inline-block;width: 100px"> |
|
|
|
<el-option |
|
|
|
v-for="item in fileList" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.name" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<div class="operation-record-table"> |
|
|
|
<el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 5px"> |
|
|
|
@ -25,7 +34,12 @@ |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-if="scope.row.name == '1'"> |
|
|
|
<div class="width-180 center"> |
|
|
|
瞳孔 |
|
|
|
瞳孔状态 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-else-if="scope.row.name == '基本信息'"> |
|
|
|
<div class="width-180 center"> |
|
|
|
基本信息 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-else-if="scope.row.name == '3'"> |
|
|
|
@ -40,37 +54,14 @@ |
|
|
|
</div> |
|
|
|
<div v-else-if="scope.row.name == '5'"> |
|
|
|
<div class="width-180 center"> |
|
|
|
右眼 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <div v-else-if="scope.row.name == 6">--> |
|
|
|
<!-- <div class="width-180 center">--> |
|
|
|
<!-- 左眼--> |
|
|
|
<!-- </div>--> |
|
|
|
<!-- </div>--> |
|
|
|
<div v-else-if="scope.row.name == '7'" style="display: flex;justify-content: space-between"> |
|
|
|
<div class="width-180" style="text-align: left"> |
|
|
|
<span style="display: inline-block;margin-top: 12px">视光师:</span> |
|
|
|
<img v-if="scope.row.a" :src="scope.row.a" alt="" style="width: 80px;height: 50px;border-style:none;"> |
|
|
|
</div> |
|
|
|
<div class="width-180" style="text-align: left"> |
|
|
|
<el-input v-model="scope.row.b" placeholder="" style="margin-top: 12px"> |
|
|
|
<template slot="prepend">医师:</template> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
<div class="width-180" style="text-align: left;margin-top: 12px"> |
|
|
|
日期：<el-date-picker |
|
|
|
v-model="scope.row.c" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
/> |
|
|
|
左眼 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-else-if="scope.row.name == '最终处方'"> |
|
|
|
<div class="width-180 center"> |
|
|
|
<el-button type="text" plain style="font-size: 14px" @click="copyData">最终处方</el-button> |
|
|
|
<div style="display: flex;flex-wrap: wrap"> |
|
|
|
<div v-for="(item,index) in scope.row.value" :key="index" class="check" @click="item.isSelect = !item.isSelect" style="margin-left: 8px"> |
|
|
|
<el-button type="text" plain style="font-size: 16px;padding: 3px 8px" @click="copyData">最终处方</el-button> |
|
|
|
<div style="display: flex;flex-wrap: wrap;"> |
|
|
|
<div v-for="(item,index) in remoteUse" :key="index" class="check" style="margin-left: 22px;font-size: 14px" @click="item.isSelect = !item.isSelect"> |
|
|
|
<input type="checkbox" :checked="item.isSelect"> |
|
|
|
<div>{{ item.name }}</div> |
|
|
|
</div> |
|
|
|
@ -85,9 +76,9 @@ |
|
|
|
<div v-if="scope.row.name == '1'"> |
|
|
|
<div class=""> |
|
|
|
<div style="display: flex;flex-wrap: wrap"> |
|
|
|
<el-select v-model="scope.row.value" multiple placeholder="请选择" style="width: 100%"> |
|
|
|
<el-select v-model="scope.row.value" placeholder="" style="width: 100%"> |
|
|
|
<el-option |
|
|
|
v-for="item in scope.row.pupil" |
|
|
|
v-for="item in pupil" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.name" |
|
|
|
@ -113,32 +104,45 @@ |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '基本信息'"> |
|
|
|
<div class="width-100 center"> |
|
|
|
裸眼视力 |
|
|
|
<el-select v-model="scope.row.vision" placeholder="" style="width: 100%" @change="selectVision"> |
|
|
|
<el-option |
|
|
|
v-for="item in visionList" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '最终处方'"> |
|
|
|
<div class="width-100 center" style="text-align: center"> |
|
|
|
左眼 |
|
|
|
右眼 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '配镜建议'"> |
|
|
|
<div style="display: flex"> |
|
|
|
<div style="display: flex;flex-wrap: wrap"> |
|
|
|
<div v-for="(item,index) in scope.row.suggest" :key="index" class="check" @click="item.isSelect = !item.isSelect"> |
|
|
|
<div v-for="(item,index) in suggest" :key="index" class="check" @click="item.isSelect = !item.isSelect"> |
|
|
|
<input type="checkbox" :checked="item.isSelect"> |
|
|
|
<div>{{ item.name }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<p style="margin-left: 16px"> |
|
|
|
<el-input v-model="scope.row.value" placeholder="" style="width: 315px"> |
|
|
|
<template slot="prepend">其他:</template> |
|
|
|
</el-input> |
|
|
|
</p> |
|
|
|
<div style="margin-left: 26px"> |
|
|
|
<span>其他:</span> |
|
|
|
<el-select v-model="scope.row.value" placeholder="" style="width: 220px;display: inline-block"> |
|
|
|
<el-option |
|
|
|
v-for="item in others" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.name" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '备注'"> |
|
|
|
<div> |
|
|
|
<el-input v-model="scope.row.value" placeholder="" /> |
|
|
|
<el-input v-model="scope.row.value" type="textarea" :autosize="{ minRows: 1, maxRows: 3}" placeholder="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -197,9 +201,9 @@ |
|
|
|
<div v-if="scope.row.name == '1'"> |
|
|
|
<div> |
|
|
|
<div style="display: flex;flex-wrap: wrap"> |
|
|
|
<el-select v-model="scope.row.examValue" multiple placeholder="请选择"> |
|
|
|
<el-select v-model="scope.row.examValue" placeholder=""> |
|
|
|
<el-option |
|
|
|
v-for="item in scope.row.examine" |
|
|
|
v-for="item in examine" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.name" |
|
|
|
@ -306,72 +310,47 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '3'"> |
|
|
|
<div class="width-80 center"> |
|
|
|
<div class="width-100 center"> |
|
|
|
<el-input v-model="scope.row.f" placeholder="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '4'"> |
|
|
|
<div class="width-80 center"> |
|
|
|
<div class="width-100 center"> |
|
|
|
<el-input v-model="scope.row.f" placeholder="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '5'"> |
|
|
|
<div class="width-80 center"> |
|
|
|
<div class="width-100 center"> |
|
|
|
<el-input v-model="scope.row.f" placeholder="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '最终处方'"> |
|
|
|
<div class="width-80 center"> |
|
|
|
<div class="width-100 center"> |
|
|
|
<el-input v-model="scope.row.e" placeholder="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="" width="" :resizable="false"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-if="scope.row.name == '验光检查'"> |
|
|
|
<div class="width-180 center"> |
|
|
|
瞳距(PD) |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '3'"> |
|
|
|
<div class="width-80 center"> |
|
|
|
<el-input v-model="scope.row.g" placeholder="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '4'"> |
|
|
|
<div class="width-80 center"> |
|
|
|
<el-input v-model="scope.row.g" placeholder="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '5'"> |
|
|
|
<div class="width-80 center"> |
|
|
|
<el-input v-model="scope.row.g" placeholder="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '最终处方'"> |
|
|
|
<div class="width-80 center"> |
|
|
|
<el-input v-model="scope.row.f" placeholder="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="" width="" :resizable="false"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div v-if="scope.row.name == '验光检查'"> |
|
|
|
<div class="width-180 center"> |
|
|
|
棱镜 |
|
|
|
</el-table> |
|
|
|
<div style="display: flex;justify-content: space-between"> |
|
|
|
<div class="width-180" style="text-align: left"> |
|
|
|
<span style="display: inline-block;margin-top: 12px">视光师:</span> |
|
|
|
<img v-if="dataForm.optometrist" :src="dataForm.optometrist" alt="" style="width: 80px;height: 50px;border-style:none;"> |
|
|
|
</div> |
|
|
|
<div class="width-180" style="text-align: left"> |
|
|
|
<el-input v-model="dataForm.physician" placeholder="" style="margin-top: 12px"> |
|
|
|
<template slot="prepend">医师:</template> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
<div v-if="scope.row.name == '最终处方'"> |
|
|
|
<div class="width-80 center"> |
|
|
|
<el-input v-model="scope.row.g" placeholder="" /> |
|
|
|
<div class="width-180" style="text-align: left;margin-top: 12px"> |
|
|
|
日期：<el-date-picker |
|
|
|
v-model="dataForm.date" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<p style="text-align: left;margin-top: 3px">说明：1.持本报告但配镜仅供参考。 2.本报告单有效期3个月</p> |
|
|
|
<p style="text-align: left;margin-top: 12px;font-size: 14px">说明：1.持本报告但配镜仅供参考。 2.本报告单有效期3个月</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -409,19 +388,25 @@ export default { |
|
|
|
patientName: '', |
|
|
|
patientSex: '', |
|
|
|
patientAge: '', |
|
|
|
file: '' |
|
|
|
file: '', |
|
|
|
optometrist: '', |
|
|
|
physician: '', |
|
|
|
date: '' |
|
|
|
}, |
|
|
|
originTableData: [], |
|
|
|
tableData: [ |
|
|
|
{ |
|
|
|
name: '基本信息', |
|
|
|
od: '', |
|
|
|
os: '', |
|
|
|
type: '' |
|
|
|
fileList: [{ |
|
|
|
name: '是', |
|
|
|
id: '1' |
|
|
|
}, { |
|
|
|
name: '1', |
|
|
|
value: '', |
|
|
|
examValue: '', |
|
|
|
name: '否', |
|
|
|
id: '2' |
|
|
|
}], |
|
|
|
visionList: [{ |
|
|
|
name: '裸眼视力', |
|
|
|
id: '1' |
|
|
|
}, { |
|
|
|
name: '矫正视力', |
|
|
|
id: '2' |
|
|
|
}], |
|
|
|
pupil: [ |
|
|
|
{ |
|
|
|
name: '正常瞳孔', |
|
|
|
@ -456,33 +441,7 @@ export default { |
|
|
|
isSelect: false |
|
|
|
} |
|
|
|
], |
|
|
|
type: '' |
|
|
|
}, { |
|
|
|
name: '验光检查', |
|
|
|
type: '' |
|
|
|
}, { |
|
|
|
name: '3', |
|
|
|
type: '', |
|
|
|
a: '', |
|
|
|
b: '', |
|
|
|
c: '', |
|
|
|
d: '', |
|
|
|
e: '', |
|
|
|
f: '', |
|
|
|
g: '' |
|
|
|
}, { |
|
|
|
name: '4', |
|
|
|
type: '', |
|
|
|
a: '', |
|
|
|
b: '', |
|
|
|
c: '', |
|
|
|
d: '', |
|
|
|
e: '', |
|
|
|
f: '', |
|
|
|
g: '' |
|
|
|
}, { |
|
|
|
name: '最终处方', |
|
|
|
value: [ |
|
|
|
remoteUse: [ |
|
|
|
{ |
|
|
|
name: '远用', |
|
|
|
isSelect: false |
|
|
|
@ -491,26 +450,6 @@ export default { |
|
|
|
isSelect: false |
|
|
|
} |
|
|
|
], |
|
|
|
type: '', |
|
|
|
a: '', |
|
|
|
b: '', |
|
|
|
c: '', |
|
|
|
d: '', |
|
|
|
e: '', |
|
|
|
f: '', |
|
|
|
g: '' |
|
|
|
}, { |
|
|
|
name: '5', |
|
|
|
type: '', |
|
|
|
a: '', |
|
|
|
b: '', |
|
|
|
c: '', |
|
|
|
d: '', |
|
|
|
e: '', |
|
|
|
f: '', |
|
|
|
g: '' |
|
|
|
},{ |
|
|
|
name: '配镜建议', |
|
|
|
suggest: [ |
|
|
|
{ |
|
|
|
name: '单光', |
|
|
|
@ -529,15 +468,64 @@ export default { |
|
|
|
isSelect: false |
|
|
|
} |
|
|
|
], |
|
|
|
value: '' |
|
|
|
others: [ |
|
|
|
{ |
|
|
|
name: '抗疲劳', |
|
|
|
id: '1' |
|
|
|
}, { |
|
|
|
name: '备注', |
|
|
|
value: '' |
|
|
|
name: '渐进', |
|
|
|
id: '2' |
|
|
|
}, { |
|
|
|
name: '低视力助视器', |
|
|
|
id: '3' |
|
|
|
}], |
|
|
|
originTableData: [], |
|
|
|
tableData: [ |
|
|
|
{ |
|
|
|
name: '基本信息', |
|
|
|
vision: '1', |
|
|
|
od: '', |
|
|
|
os: '' |
|
|
|
}, { |
|
|
|
name: '1', |
|
|
|
value: '', |
|
|
|
examValue: '' |
|
|
|
}, { |
|
|
|
name: '验光检查' |
|
|
|
}, { |
|
|
|
name: '3', |
|
|
|
a: '', |
|
|
|
b: '', |
|
|
|
c: '', |
|
|
|
d: '', |
|
|
|
e: '' |
|
|
|
}, { |
|
|
|
name: '4', |
|
|
|
a: '', |
|
|
|
b: '', |
|
|
|
c: '', |
|
|
|
d: '', |
|
|
|
e: '' |
|
|
|
}, { |
|
|
|
name: '7', |
|
|
|
name: '最终处方', |
|
|
|
a: '', |
|
|
|
b: '', |
|
|
|
c: '' |
|
|
|
c: '', |
|
|
|
d: '', |
|
|
|
e: '' |
|
|
|
}, { |
|
|
|
name: '5', |
|
|
|
a: '', |
|
|
|
b: '', |
|
|
|
c: '', |
|
|
|
d: '', |
|
|
|
e: '' |
|
|
|
}, { |
|
|
|
name: '配镜建议', |
|
|
|
value: '' |
|
|
|
}, { |
|
|
|
name: '备注', |
|
|
|
value: '' |
|
|
|
}], |
|
|
|
print: { |
|
|
|
id: 'optomeFunc' |
|
|
|
@ -552,19 +540,16 @@ export default { |
|
|
|
this.setSign() |
|
|
|
this.initWebSoket() |
|
|
|
this.getPatientData() |
|
|
|
this.setVision() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
setSign() { |
|
|
|
const userData = JSON.parse(window.localStorage.getItem('qg-userData')) |
|
|
|
const date = this.$moment().format('YYYY-MM-DD') |
|
|
|
const mzName = window.localStorage.getItem('mzDoctorName') |
|
|
|
this.tableData.forEach(item => { |
|
|
|
if (item.name == '7') { |
|
|
|
item.a = userData.signImgBase |
|
|
|
item.b = mzName |
|
|
|
item.c = date |
|
|
|
} |
|
|
|
}) |
|
|
|
this.dataForm.optometrist = userData.signImgBase |
|
|
|
this.dataForm.physician = mzName |
|
|
|
this.dataForm.date = date |
|
|
|
}, |
|
|
|
setData() { |
|
|
|
this.dataForm = this.formContent.a |
|
|
|
@ -578,12 +563,55 @@ export default { |
|
|
|
patientName: '', |
|
|
|
patientSex: '', |
|
|
|
patientAge: '', |
|
|
|
file: '' |
|
|
|
file: '', |
|
|
|
optometrist: '', |
|
|
|
physician: '', |
|
|
|
date: '' |
|
|
|
} |
|
|
|
this.tableData = Object.assign([], this.originTableData) |
|
|
|
this.setSign() |
|
|
|
this.setVision() |
|
|
|
this.getPatientData() |
|
|
|
}, |
|
|
|
setVision() { |
|
|
|
const data = window.localStorage.getItem('shili') ? JSON.parse(window.localStorage.getItem('shili')) : [] |
|
|
|
if (data.length) { |
|
|
|
const one = data[0].odVan |
|
|
|
const two = data[0].odVag |
|
|
|
if (one) { |
|
|
|
this.tableData[0].vision = '1' |
|
|
|
this.selectVision('1') |
|
|
|
} else if (two && !one) { |
|
|
|
this.tableData[0].vision = '2' |
|
|
|
this.selectVision('2') |
|
|
|
} else { |
|
|
|
this.tableData[0].vision = '1' |
|
|
|
this.selectVision('1') |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
selectVision(id) { |
|
|
|
if (id === '1') { |
|
|
|
// 裸眼视力 |
|
|
|
const data = window.localStorage.getItem('shili') ? JSON.parse(window.localStorage.getItem('shili')) : [] |
|
|
|
if (data.length) { |
|
|
|
this.tableData[0].od = data[0].odVan |
|
|
|
this.tableData[0].os = data[0].osVan |
|
|
|
} else { |
|
|
|
this.tableData[0].od = '' |
|
|
|
this.tableData[0].os = '' |
|
|
|
} |
|
|
|
} else { |
|
|
|
const data = window.localStorage.getItem('shili') ? JSON.parse(window.localStorage.getItem('shili')) : [] |
|
|
|
if (data.length) { |
|
|
|
this.tableData[0].od = data[0].odVag |
|
|
|
this.tableData[0].os = data[0].osVag |
|
|
|
} else { |
|
|
|
this.tableData[0].od = '' |
|
|
|
this.tableData[0].os = '' |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
copyData() { |
|
|
|
const ods = this.tableData.filter(item => item.name === '3') |
|
|
|
const oss = this.tableData.filter(item => item.name === '4') |
|
|
|
@ -594,8 +622,6 @@ export default { |
|
|
|
item.c = ods[0].c |
|
|
|
item.d = ods[0].d |
|
|
|
item.e = ods[0].e |
|
|
|
item.f = ods[0].f |
|
|
|
item.g = ods[0].g |
|
|
|
} |
|
|
|
if (item.name === '5') { |
|
|
|
item.a = oss[0].a |
|
|
|
@ -603,17 +629,10 @@ export default { |
|
|
|
item.c = oss[0].c |
|
|
|
item.d = oss[0].d |
|
|
|
item.e = oss[0].e |
|
|
|
item.f = oss[0].f |
|
|
|
item.g = oss[0].g |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
async getPatientData() { |
|
|
|
const shili = window.localStorage.getItem('shili') ? JSON.parse(window.localStorage.getItem('shili')) : [] |
|
|
|
if (shili.length) { |
|
|
|
this.tableData[0].od = shili[0].odVan |
|
|
|
this.tableData[0].os = shili[0].osVan |
|
|
|
} |
|
|
|
const { data: res } = await this.$http.get( |
|
|
|
'/patient/view/getPatientData', |
|
|
|
{ |
|
|
|
@ -755,7 +774,7 @@ export default { |
|
|
|
if (rowIndex === 1) { |
|
|
|
return { |
|
|
|
rowspan: 1, |
|
|
|
colspan: 3 |
|
|
|
colspan: 2 |
|
|
|
} |
|
|
|
} |
|
|
|
} else if (columnIndex === 3) { |
|
|
|
@ -791,26 +810,43 @@ export default { |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss"> |
|
|
|
.printBox{ |
|
|
|
page-break-inside: avoid !important; |
|
|
|
.el-input__inner { |
|
|
|
border: none; |
|
|
|
font-size: 16px; |
|
|
|
border-bottom: 1px solid #ccc; |
|
|
|
border-radius: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
#operation-record { |
|
|
|
height: 100%; |
|
|
|
overflow: auto; |
|
|
|
.check { |
|
|
|
cursor: pointer; |
|
|
|
user-select: none; |
|
|
|
display: flex; |
|
|
|
margin-right: 18px; |
|
|
|
input{ |
|
|
|
-webkit-appearance: checkbox !important; |
|
|
|
margin-right: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
.flex{ |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
.j-c{ |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
.btnBox{ |
|
|
|
display: flex; |
|
|
|
justify-content: flex-end; |
|
|
|
} |
|
|
|
.operation-record-table { |
|
|
|
width: 100%; |
|
|
|
.el-input-group__append, .el-input-group__prepend{ |
|
|
|
background-color: transparent; |
|
|
|
color: #606266; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
.el-table__header-wrapper{ |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.operation-text { |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
@ -829,7 +865,6 @@ export default { |
|
|
|
.left { |
|
|
|
text-align: left; |
|
|
|
} |
|
|
|
|
|
|
|
.width-50 { |
|
|
|
.el-input { |
|
|
|
width: 50px; |
|
|
|
@ -840,7 +875,6 @@ export default { |
|
|
|
width: 70px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.width-100 { |
|
|
|
.el-input { |
|
|
|
width: 100px; |
|
|
|
@ -867,15 +901,18 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
.el-input__inner { |
|
|
|
font-size: 16px !important; |
|
|
|
font-size: 16px; |
|
|
|
border: none; |
|
|
|
height: 26px !important; |
|
|
|
line-height: 26px !important; |
|
|
|
text-align: center; |
|
|
|
border-bottom: 1px solid #ccc; |
|
|
|
border-bottom: 1px solid #8e8c8c; |
|
|
|
border-radius: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
.el-textarea__inner{ |
|
|
|
border: none; |
|
|
|
} |
|
|
|
.el-input__prefix { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
@ -883,38 +920,18 @@ export default { |
|
|
|
.el-date-editor.el-input__inner { |
|
|
|
width: 140px; |
|
|
|
} |
|
|
|
.el-input__suffix { |
|
|
|
//top: -7px; |
|
|
|
} |
|
|
|
.el-checkbox__input.is-checked + .el-checkbox__label { |
|
|
|
color: #606266; |
|
|
|
} |
|
|
|
.el-checkbox__input.is-checked .el-checkbox__inner, |
|
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner { |
|
|
|
background: #767676; |
|
|
|
border-color: #767676; |
|
|
|
} |
|
|
|
.el-checkbox__inner:hover, |
|
|
|
.el-checkbox__inner { |
|
|
|
border-color: #767676; |
|
|
|
} |
|
|
|
.el-radio__input.is-checked + .el-radio__label { |
|
|
|
color: #606266; |
|
|
|
} |
|
|
|
.el-radio__input.is-checked .el-radio__inner { |
|
|
|
background: #767676; |
|
|
|
border-color: #767676; |
|
|
|
} |
|
|
|
.el-radio { |
|
|
|
margin-right: 8px; |
|
|
|
display: block; |
|
|
|
} |
|
|
|
.el-radio__inner { |
|
|
|
border: 1px solid #767676 !important; |
|
|
|
} |
|
|
|
.el-radio__inner:hover { |
|
|
|
border-color: #767676; |
|
|
|
} |
|
|
|
//.el-checkbox__input.is-checked + .el-checkbox__label { |
|
|
|
// color: #606266; |
|
|
|
//} |
|
|
|
//.el-checkbox__input.is-checked .el-checkbox__inner, |
|
|
|
//.el-checkbox__input.is-indeterminate .el-checkbox__inner { |
|
|
|
// background: #767676; |
|
|
|
// border-color: #767676; |
|
|
|
//} |
|
|
|
//.el-checkbox__inner:hover, |
|
|
|
//.el-checkbox__inner { |
|
|
|
// border-color: #767676; |
|
|
|
//} |
|
|
|
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell { |
|
|
|
background: none !important; |
|
|
|
} |
|
|
|
@ -934,9 +951,48 @@ export default { |
|
|
|
</style> |
|
|
|
<style lang="scss"> |
|
|
|
#optomeFunc{ |
|
|
|
.check { |
|
|
|
cursor: pointer; |
|
|
|
user-select: none; |
|
|
|
display: flex; |
|
|
|
margin-right: 18px; |
|
|
|
input{ |
|
|
|
-webkit-appearance: checkbox !important; |
|
|
|
margin-right: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
.bold{ |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
.el-table th { |
|
|
|
border-color: #8e8c8c !important; |
|
|
|
} |
|
|
|
.el-table td { |
|
|
|
border-color: #8e8c8c !important; |
|
|
|
} |
|
|
|
.el-table--group, |
|
|
|
.el-table--border { |
|
|
|
border: 1px solid #8e8c8c !important; |
|
|
|
border-bottom: none !important; |
|
|
|
} |
|
|
|
.el-input__inner, .el-input-group__prepend { |
|
|
|
font-size: 16px; |
|
|
|
} |
|
|
|
.el-table__cell{ |
|
|
|
padding: 2px !important; |
|
|
|
} |
|
|
|
.el-textarea__inner{ |
|
|
|
border: none; |
|
|
|
} |
|
|
|
.el-input__suffix-inner{ |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
@media print { |
|
|
|
img { |
|
|
|
box-shadow: none !important; |
|
|
|
-webkit-print-color-adjust: exact; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
|
newPeter7
3 years ago