You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
2.3 KiB
110 lines
2.3 KiB
<template>
|
|
<div class="throm-interfere-surgical">
|
|
<div class="opera-list">
|
|
<a-table
|
|
:columns="columns"
|
|
:data-source="dataList"
|
|
:pagination="false"
|
|
bordered
|
|
key="table"
|
|
rowKey="id"
|
|
size="small"
|
|
class="throm-before-table"
|
|
>
|
|
<template slot="testResult" slot-scope="text, data">
|
|
<div>
|
|
<a-icon style="color: #f88152" type="arrow-up" v-if="data.testResultType == 's'" />
|
|
<a-icon type="arrow-down" style="color: #f88152" v-if="data.testResultType == 'x'" />
|
|
<span :style="{ paddingLeft: !data.testResultType ? '26px' : '4px', }" >{{ text }}</span>
|
|
</div>
|
|
</template>
|
|
</a-table>
|
|
</div>
|
|
<div class="btns">
|
|
<a-button class="common-button" block type="primary" size="large"
|
|
@click="onSubmit">下一步</a-button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "throm-interfere-surgical",
|
|
data() {
|
|
return {
|
|
dataList: [],
|
|
columns: [
|
|
{
|
|
title: '类型名', //表头
|
|
dataIndex: 'testItemTypeName', //展示字段
|
|
key: '0',
|
|
// width: 180,
|
|
align: 'center',
|
|
},
|
|
{
|
|
title: '项目名', //表头
|
|
dataIndex: 'testItemName', //展示字段
|
|
key: '1',
|
|
ellipsis: true,
|
|
align: 'center',
|
|
},
|
|
{
|
|
title: '明细名', //表头
|
|
dataIndex: 'testDetailitemName', //展示字段
|
|
key: '2',
|
|
ellipsis: true,
|
|
align: 'center',
|
|
},
|
|
{
|
|
title: '结果', //表头
|
|
dataIndex: 'testResult', //展示字段
|
|
key: '3',
|
|
// width: 150,
|
|
align: 'center',
|
|
scopedSlots: { customRender: 'testResult' },
|
|
},
|
|
{
|
|
title: '单位', //表头
|
|
dataIndex: 'testResultValueUnit', //展示字段
|
|
key: '4',
|
|
// width: 150,
|
|
align: 'center',
|
|
},
|
|
{
|
|
title: '参考值', //表头
|
|
dataIndex: 'referenceValue', //展示字段
|
|
key: '5',
|
|
// width: 180,
|
|
align: 'center',
|
|
},
|
|
{
|
|
title: '校验时间', //表头
|
|
dataIndex: 'testDate', //展示字段
|
|
key: '6',
|
|
// width: 220,
|
|
align: 'center',
|
|
},
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
onSubmit() {
|
|
this.$emit('next')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.throm-interfere-surgical {
|
|
.opera-list{
|
|
min-height: 500px;
|
|
}
|
|
.btns{
|
|
margin-top: 2rem;
|
|
}
|
|
}
|
|
</style>
|
|
<style lang="less">
|
|
.throm-interfere-surgical {}
|
|
</style>
|