84 lines
2.0 KiB
Vue
84 lines
2.0 KiB
Vue
|
<template>
|
|||
|
|
<!-- 通道号配置 -->
|
|||
|
|
<div class="table-container">
|
|||
|
|
<el-row :gutter="10" class="table-toolbar">
|
|||
|
|
<el-col :span="1.5">
|
|||
|
|
<el-button type="primary" plain icon="Check" @click="handleSave">保存</el-button>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="1.5">
|
|||
|
|
<el-button type="success" plain icon="Edit" @click="addItem">新增</el-button>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="1.5">
|
|||
|
|
<el-button type="danger" plain icon="Delete" @click="delItem">删除</el-button>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="1.5">
|
|||
|
|
<el-button type="danger" plain icon="Delete" @click="allClear">清除所有项目接口号</el-button>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
|
|||
|
|
<el-row :gutter="10" class="table-row">
|
|||
|
|
<el-col :span="12" class="table-box">
|
|||
|
|
<el-table :data="tableData" height="100%" border highlight-current-row>
|
|||
|
|
<el-table-column label="通道号" align="center">
|
|||
|
|
<template #default="scope">
|
|||
|
|
<el-input v-model="scope.row.channel" placeholder="请输入通道号" class="full-width-input" />
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
</el-table>
|
|||
|
|
</el-col>
|
|||
|
|
<el-col :span="6">
|
|||
|
|
<div class="tips">
|
|||
|
|
说明：
|
|||
|
|
“通道号”又称“接口代号”，是指仪器向电脑传送结果时项目的
|
|||
|
|
标识符
|
|||
|
|
接口代号对于一个仪器不可重复。
|
|||
|
|
</div>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup lang="ts">
|
|||
|
|
|
|||
|
|
const tableData = ref<Array<{ channel: string }>>([]);
|
|||
|
|
const handleSave = () => {
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const addItem = () => {
|
|||
|
|
tableData.value.push({ channel: '' })
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const delItem = () => {
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const allClear = () => {
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.table-container {
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.table-toolbar {
|
|||
|
|
margin-bottom: 8px;
|
|||
|
|
height: 36px;
|
|||
|
|
line-height: 36px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tips {
|
|||
|
|
font-family: SourceHanSansCN, SourceHanSansCN;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #409eff;
|
|||
|
|
font-weight: 600;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.table-row {
|
|||
|
|
height: calc(100% - 45px);
|
|||
|
|
|
|||
|
|
.table-box {
|
|||
|
|
height: 100%;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|