阀值样式调整
This commit is contained in:
parent
9f1286c8b6
commit
48b6b907fc
|
|
@ -1,8 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-row :gutter="2">
|
<el-row :gutter="2">
|
||||||
<el-col :span="6">
|
<el-col :span="8">
|
||||||
<el-card>
|
<el-card style=" height:750px">
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<span>阀值来源信息</span>
|
<span>阀值来源信息</span>
|
||||||
<el-button
|
<el-button
|
||||||
|
|
@ -20,10 +20,10 @@
|
||||||
stripe
|
stripe
|
||||||
fit
|
fit
|
||||||
highlight-current-row
|
highlight-current-row
|
||||||
max-height="637"
|
max-height="760"
|
||||||
@row-click="sourceRowClick"
|
@row-click="sourceRowClick"
|
||||||
>
|
>
|
||||||
<el-table-column type="index" width="50" />
|
<el-table-column type="index" width="50" :index="hindex1" />
|
||||||
<el-table-column align="center" label="来源名称" show-overflow-tooltip>
|
<el-table-column align="center" label="来源名称" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">{{ scope.row.name }}</template>
|
<template slot-scope="scope">{{ scope.row.name }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
@ -33,30 +33,30 @@
|
||||||
<el-table-column align="center" label="发表年份">
|
<el-table-column align="center" label="发表年份">
|
||||||
<template slot-scope="scope">{{ scope.row.publish_year }}</template>
|
<template slot-scope="scope">{{ scope.row.publish_year }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" label="操作">
|
<el-table-column align="center" label="操作" width="120">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
size="small"
|
size="mini"
|
||||||
icon="el-icon-edit"
|
|
||||||
:disabled="!checkPermission(['source_update'])"
|
:disabled="!checkPermission(['source_update'])"
|
||||||
@click="handleEdit(scope)"
|
@click="handleEdit(scope)"
|
||||||
/>
|
>编辑
|
||||||
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
type="danger"
|
type="danger"
|
||||||
size="small"
|
size="mini"
|
||||||
icon="el-icon-delete"
|
|
||||||
:disabled="!checkPermission(['source_delete'])"
|
:disabled="!checkPermission(['source_delete'])"
|
||||||
@click="handleDelete(scope)"
|
@click="handleDelete(scope)"
|
||||||
/>
|
>删除
|
||||||
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<pagination
|
<pagination
|
||||||
v-show="total>0"
|
v-show="sourceData.count>0"
|
||||||
:total="total"
|
:total="sourceData.count"
|
||||||
:page.sync="listQuery.page"
|
:page.sync="listQuery1.page"
|
||||||
:limit.sync="listQuery.limit"
|
:limit.sync="listQuery1.limit"
|
||||||
@pagination="getList"
|
@pagination="getList"
|
||||||
/>
|
/>
|
||||||
<el-dialog :visible.sync="dialogVisible" :title="dialogType==='edit'?'编辑阀值来源信息':'新增阀值来源信息'">
|
<el-dialog :visible.sync="dialogVisible" :title="dialogType==='edit'?'编辑阀值来源信息':'新增阀值来源信息'">
|
||||||
|
|
@ -87,8 +87,8 @@
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="18">
|
<el-col :span="16">
|
||||||
<el-card>
|
<el-card style="height:750px">
|
||||||
<div slot="header">
|
<div slot="header">
|
||||||
<span>阀值信息</span>
|
<span>阀值信息</span>
|
||||||
<el-button
|
<el-button
|
||||||
|
|
@ -108,62 +108,60 @@
|
||||||
highlight-current-row
|
highlight-current-row
|
||||||
max-height="600"
|
max-height="600"
|
||||||
>
|
>
|
||||||
<el-table-column type="index" :index="hindex" width="50" />
|
<el-table-column type="index" :index="hindex" fixed="left" width="50" />
|
||||||
<el-table-column align="center" label="阀值来源" show-overflow-tooltip>
|
<el-table-column align="center" width="100" label="阀值来源" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">{{ scope.row.source_.name }}</template>
|
<template slot-scope="scope">{{ scope.row.source_.name }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" label="化合物分类" show-overflow-tooltip>
|
<el-table-column align="center" width="120" fixed="left" label="中文名" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">{{ scope.row.compound_cate }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center" label="气味类型" show-overflow-tooltip>
|
|
||||||
<template slot-scope="scope">{{ scope.row.odor_type }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center" label="阈值类型" show-overflow-tooltip>
|
|
||||||
<template slot-scope="scope">{{ scope.row.threshold_type }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center" label="毒性类型" show-overflow-tooltip>
|
|
||||||
<template slot-scope="scope">{{ scope.row.toxicity_type }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column align="center" label="中文名" show-overflow-tooltip>
|
|
||||||
<template slot-scope="scope">{{ scope.row.chinese_name }}</template>
|
<template slot-scope="scope">{{ scope.row.chinese_name }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" label="ppm" show-overflow-tooltip>
|
<el-table-column align="center" width="120" fixed="left" label="化合物分类" show-overflow-tooltip>
|
||||||
|
<template slot-scope="scope">{{ scope.row.compound_cate }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" width="120" label="气味类型" show-overflow-tooltip>
|
||||||
|
<template slot-scope="scope">{{ scope.row.odor_type }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" width="120" label="阈值类型" show-overflow-tooltip>
|
||||||
|
<template slot-scope="scope">{{ scope.row.threshold_type }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" width="120" label="毒性类型" show-overflow-tooltip>
|
||||||
|
<template slot-scope="scope">{{ scope.row.toxicity_type }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" width="120" label="ppm" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">{{ scope.row.ppm }}</template>
|
<template slot-scope="scope">{{ scope.row.ppm }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" label="ppm符号标记" show-overflow-tooltip>
|
<el-table-column align="center" width="120" label="ppm符号标记" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">{{ scope.row.ppm_sign }}</template>
|
<template slot-scope="scope">{{ scope.row.ppm_sign }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" label="质量浓度" show-overflow-tooltip>
|
<el-table-column align="center" width="120" label="质量浓度" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">{{ scope.row.mass }}</template>
|
<template slot-scope="scope">{{ scope.row.mass }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" label="毒性" show-overflow-tooltip>
|
<el-table-column align="center" width="120" label="毒性" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">{{ scope.row.toxicity }}</template>
|
<template slot-scope="scope">{{ scope.row.toxicity }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" label="质量浓度符号标记" show-overflow-tooltip>
|
<el-table-column align="center" width="120" label="质量浓度符号标记" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">{{ scope.row.mass_sign }}</template>
|
<template slot-scope="scope">{{ scope.row.mass_sign }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" label="分子质量" show-overflow-tooltip>
|
<el-table-column align="center" width="120" label="分子质量" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">{{ scope.row.molecular }}</template>
|
<template slot-scope="scope">{{ scope.row.molecular }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" label="cas号" show-overflow-tooltip>
|
<el-table-column align="center" width="120" label="cas号" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">{{ scope.row.cas }}</template>
|
<template slot-scope="scope">{{ scope.row.cas }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" label="操作">
|
<el-table-column align="center" fixed="right" label="操作" width="120">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
size="small"
|
size="small"
|
||||||
icon="el-icon-edit"
|
|
||||||
:disabled="!checkPermission(['threshold_update'])"
|
:disabled="!checkPermission(['threshold_update'])"
|
||||||
@click="ThresholdEdit(scope)"
|
@click="ThresholdEdit(scope)"
|
||||||
/>
|
>编辑</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
type="danger"
|
type="danger"
|
||||||
size="small"
|
size="small"
|
||||||
icon="el-icon-delete"
|
|
||||||
:disabled="!checkPermission(['threshold_delete'])"
|
:disabled="!checkPermission(['threshold_delete'])"
|
||||||
@click="DeleteThreshold(scope)"
|
@click="DeleteThreshold(scope)"
|
||||||
/>
|
>删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
@ -321,6 +319,11 @@ const listQuery = {
|
||||||
limit: 20,
|
limit: 20,
|
||||||
search: ''
|
search: ''
|
||||||
}
|
}
|
||||||
|
const listQuery1 = {
|
||||||
|
page: 1,
|
||||||
|
limit: 20,
|
||||||
|
search: ''
|
||||||
|
}
|
||||||
// 阀值来源
|
// 阀值来源
|
||||||
const defaultObj = {
|
const defaultObj = {
|
||||||
id: '',
|
id: '',
|
||||||
|
|
@ -366,6 +369,7 @@ export default {
|
||||||
}
|
}
|
||||||
return {
|
return {
|
||||||
listQuery: Object.assign({}, listQuery),
|
listQuery: Object.assign({}, listQuery),
|
||||||
|
listQuery1: Object.assign({}, listQuery1),
|
||||||
source: defaultObj,
|
source: defaultObj,
|
||||||
threshold: defaultObjT,
|
threshold: defaultObjT,
|
||||||
search: '',
|
search: '',
|
||||||
|
|
@ -406,10 +410,14 @@ export default {
|
||||||
hindex(index) {
|
hindex(index) {
|
||||||
return (this.listQuery.page - 1) * this.listQuery.limit + index + 1
|
return (this.listQuery.page - 1) * this.listQuery.limit + index + 1
|
||||||
},
|
},
|
||||||
|
// 表格序号顺延
|
||||||
|
hindex1(index) {
|
||||||
|
return (this.listQuery1.page - 1) * this.listQuery1.limit + index + 1
|
||||||
|
},
|
||||||
// 阀值来源列表
|
// 阀值来源列表
|
||||||
getList() {
|
getList() {
|
||||||
this.listLoading = true
|
this.listLoading = true
|
||||||
getSourceList().then(response => {
|
getSourceList(this.listQuery1).then(response => {
|
||||||
this.sourceData = response.data
|
this.sourceData = response.data
|
||||||
this.listLoading = false
|
this.listLoading = false
|
||||||
})
|
})
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue