guoyuepeng
/
qa-prevention-gwj-vue
1
0
Fork 3
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

三项资源库页面样式调整

20240528Test
liujun 2024-04-28 11:48:32 +08:00
parent 6a26a21f09
commit 3265c8356c
3 changed files with 115 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/threeSystems/soLibrary/components/list.vue
View File

@ -40,7 +40,41 @@
highlight-current-row highlight-current-row
@cell-mouse-enter="enterSelectionRows" @cell-mouse-enter="enterSelectionRows"
@cell-mouse-leave="leaveSelectionRows"> @cell-mouse-leave="leaveSelectionRows">
<el-table-column type="expand">
<template slot-scope="props">
<div style="text-align: left;padding: 10px;">
<el-form label-position="left" inline>
<el-form-item label="标签">
<el-tag
v-for="tag in props.row.labels"
:key="tag.BUS_LIBRARY_LABELS_ID"
:disable-transitions="false"
type="warning"
style="margin-right: 10px;margin-bottom: 10px">
{{ tag.NAME }}
</el-tag>
</el-form-item>
<el-form-item label="国民经济行业类型">
<div v-if="(props.row.SPECIFICATION_TYPES && props.row.SPECIFICATION_TYPES.length > 0) && ((!props.row.CATEGORY_LIST) || (!props.row.CATEGORY_LIST[0]) || (props.row.CATEGORY_LIST[0].CATEGORY_ID !== '691346658ed744a1bda2ed3a755f606c')) ">
<el-tag
v-for="tag in props.row.SPECIFICATION_TYPES"
:key="tag.BUS_LIBRARY_LABELS_ID"
:disable-transitions="false"
type="warning"
style="margin-right: 10px;margin-bottom: 10px">
{{ tag.CATEGORY_NAME }}
</el-tag>
</div>
<div v-else>
<el-tag type="warning">通用</el-tag>
</div>
</el-form-item>
</el-form>
</div>
</template>
</el-table-column>
<el-table-column <el-table-column
v-if="false"
:reserve-selection="true" :reserve-selection="true"
type="selection" type="selection"
width="55" width="55"
@ -170,7 +204,7 @@ export default {
}, },
methods: { methods: {
getRowKey(row) { getRowKey(row) {
return row.BLACKSPOT_ID return row.BUS_TEXT_LIBRARY_ID
}, },
getQuery() { getQuery() {
this.$refs.multipleTable.clearSelection() this.$refs.multipleTable.clearSelection()

45
src/views/threeSystems/spmLibrary/components/list.vue
View File

@ -41,11 +41,45 @@
@cell-mouse-enter="enterSelectionRows" @cell-mouse-enter="enterSelectionRows"
@cell-mouse-leave="leaveSelectionRows"> @cell-mouse-leave="leaveSelectionRows">
<el-table-column <el-table-column
v-if="false"
:reserve-selection="true" :reserve-selection="true"
type="selection" type="selection"
width="55" width="55"
align="center" align="center"
/> />
<el-table-column type="expand">
<template slot-scope="props">
<div style="text-align: left;padding: 10px;">
<el-form label-position="left" inline>
<el-form-item label="标签">
<el-tag
v-for="tag in props.row.labels"
:key="tag.BUS_LIBRARY_LABELS_ID"
:disable-transitions="false"
type="warning"
style="margin-right: 10px;margin-bottom: 10px">
{{ tag.NAME }}
</el-tag>
</el-form-item>
<el-form-item label="国民经济行业类型">
<div v-if="(props.row.SPECIFICATION_TYPES && props.row.SPECIFICATION_TYPES.length > 0) && ((!props.row.CATEGORY_LIST) || (!props.row.CATEGORY_LIST[0]) || (props.row.CATEGORY_LIST[0].CATEGORY_ID !== '691346658ed744a1bda2ed3a755f606c')) ">
<el-tag
v-for="tag in props.row.SPECIFICATION_TYPES"
:key="tag.BUS_LIBRARY_LABELS_ID"
:disable-transitions="false"
type="warning"
style="margin-right: 10px;margin-bottom: 10px">
{{ tag.CATEGORY_NAME }}
</el-tag>
</div>
<div v-else>
<el-tag type="warning">通用</el-tag>
</div>
</el-form-item>
</el-form>
</div>
</template>
</el-table-column>
<el-table-column type="index" label="序号" width="50" align="center" /> <el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column align="center" prop="REMARKS" label="安全生产管理制度名称" /> <el-table-column align="center" prop="REMARKS" label="安全生产管理制度名称" />
<el-table-column align="center" prop="TYPES" label="类型" > <el-table-column align="center" prop="TYPES" label="类型" >
@ -60,7 +94,7 @@
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="LABEL" align="center" label="标签" > <el-table-column v-if="false" prop="LABEL" align="center" label="标签" >
<template slot-scope="{row}"> <template slot-scope="{row}">
<el-tag <el-tag
v-for="tag in row.labels" v-for="tag in row.labels"
@ -72,7 +106,7 @@
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" prop="SPECIFICATION_TYPES" label="国民经济行业类型" width="300px"> <el-table-column v-if="false" align="center" prop="SPECIFICATION_TYPES" label="国民经济行业类型" width="300px">
<template slot-scope="{row}"> <template slot-scope="{row}">
<div v-if="(row.SPECIFICATION_TYPES && row.SPECIFICATION_TYPES.length > 0) && ((!row.CATEGORY_LIST) || (!row.CATEGORY_LIST[0]) || (row.CATEGORY_LIST[0].CATEGORY_ID !== '691346658ed744a1bda2ed3a755f606c')) "> <div v-if="(row.SPECIFICATION_TYPES && row.SPECIFICATION_TYPES.length > 0) && ((!row.CATEGORY_LIST) || (!row.CATEGORY_LIST[0]) || (row.CATEGORY_LIST[0].CATEGORY_ID !== '691346658ed744a1bda2ed3a755f606c')) ">
<el-tag <el-tag
@ -89,12 +123,13 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" prop="UPLOAD_TIME" label="上传时间" width="90px"/> <el-table-column align="center" prop="UPLOAD_TIME" label="上传时间" width="200px"/>
<el-table-column v-if="false" :show-overflow-tooltip="true" align="center" prop="UPLOAD_USER_NAME" width="100px" label="数据来源" > <el-table-column v-if="false" :show-overflow-tooltip="true" align="center" prop="UPLOAD_USER_NAME" width="100px" label="数据来源" >
<template slot-scope="{row}"> <template slot-scope="{row}">
{{ '资源库数据' }} {{ '资源库数据' }}
</template> </template>
</el-table-column> <el-table-column label="操作" align="center" width="200px"> </el-table-column>
<el-table-column label="操作" align="center" width="200px">
<template slot-scope="{row}"> <template slot-scope="{row}">
<el-row> <el-row>
<el-col :span="14"> <el-col :span="14">
@ -170,7 +205,7 @@ export default {
}, },
methods: { methods: {
getRowKey(row) { getRowKey(row) {
return row.BLACKSPOT_ID return row.BUS_TEXT_LIBRARY_ID
}, },
getQuery() { getQuery() {
this.$refs.multipleTable.clearSelection() this.$refs.multipleTable.clearSelection()

45
src/views/threeSystems/sprLibrary/components/list.vue
View File

@ -41,11 +41,45 @@
@cell-mouse-enter="enterSelectionRows" @cell-mouse-enter="enterSelectionRows"
@cell-mouse-leave="leaveSelectionRows"> @cell-mouse-leave="leaveSelectionRows">
<el-table-column <el-table-column
v-if="false"
:reserve-selection="true" :reserve-selection="true"
type="selection" type="selection"
width="55" width="55"
align="center" align="center"
/> />
<el-table-column type="expand">
<template slot-scope="props">
<div style="text-align: left;padding: 10px;">
<el-form label-position="left" inline>
<el-form-item label="标签">
<el-tag
v-for="tag in props.row.labels"
:key="tag.BUS_LIBRARY_LABELS_ID"
:disable-transitions="false"
type="warning"
style="margin-right: 10px;margin-bottom: 10px">
{{ tag.NAME }}
</el-tag>
</el-form-item>
<el-form-item label="国民经济行业类型">
<div v-if="(props.row.SPECIFICATION_TYPES && props.row.SPECIFICATION_TYPES.length > 0) && ((!props.row.CATEGORY_LIST) || (!props.row.CATEGORY_LIST[0]) || (props.row.CATEGORY_LIST[0].CATEGORY_ID !== '691346658ed744a1bda2ed3a755f606c')) ">
<el-tag
v-for="tag in props.row.SPECIFICATION_TYPES"
:key="tag.BUS_LIBRARY_LABELS_ID"
:disable-transitions="false"
type="warning"
style="margin-right: 10px;margin-bottom: 10px">
{{ tag.CATEGORY_NAME }}
</el-tag>
</div>
<div v-else>
<el-tag type="warning">通用</el-tag>
</div>
</el-form-item>
</el-form>
</div>
</template>
</el-table-column>
<el-table-column type="index" label="序号" width="50" align="center" /> <el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column align="center" prop="REMARKS" label="安全生产责任制名称" /> <el-table-column align="center" prop="REMARKS" label="安全生产责任制名称" />
<el-table-column align="center" prop="TYPES" label="类型" > <el-table-column align="center" prop="TYPES" label="类型" >
@ -60,7 +94,7 @@
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" prop="LABEL" label="标签" > <el-table-column v-if="false" align="center" prop="LABEL" label="标签" >
<template slot-scope="{row}"> <template slot-scope="{row}">
<el-tag <el-tag
v-for="tag in row.labels" v-for="tag in row.labels"
@ -72,7 +106,7 @@
</el-tag> </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" prop="SPECIFICATION_TYPES" label="国民经济行业类型" width="300px"> <el-table-column v-if="false" align="center" prop="SPECIFICATION_TYPES" label="国民经济行业类型" width="300px">
<template slot-scope="{row}"> <template slot-scope="{row}">
<div v-if="(row.SPECIFICATION_TYPES && row.SPECIFICATION_TYPES.length > 0) && ((!row.CATEGORY_LIST) || (!row.CATEGORY_LIST[0]) || (row.CATEGORY_LIST[0].CATEGORY_ID !== '7158f688d0f34054a28a9275139298df'))"> <div v-if="(row.SPECIFICATION_TYPES && row.SPECIFICATION_TYPES.length > 0) && ((!row.CATEGORY_LIST) || (!row.CATEGORY_LIST[0]) || (row.CATEGORY_LIST[0].CATEGORY_ID !== '7158f688d0f34054a28a9275139298df'))">
<el-tag <el-tag
@ -94,11 +128,12 @@
<template slot-scope="{row}"> <template slot-scope="{row}">
{{ !row.CORP_NAME ? '资源库数据' : row.CORP_NAME }} {{ !row.CORP_NAME ? '资源库数据' : row.CORP_NAME }}
</template> </template>
</el-table-column> <el-table-column label="操作" align="center" width="200px"> </el-table-column>
<el-table-column label="操作" align="center" width="200px">
<template slot-scope="{row}"> <template slot-scope="{row}">
<el-row> <el-row>
<el-col :span="14"> <el-col :span="14">
<el-button v-show="!row.LOCKTOOL" type="primary" icon="el-icon-edit" size="mini" @click="handleExport(row)">导入</el-button> <el-button v-show="!row.LOCKTOOL" type="primary" icon="el-icon-edit" size="mini" @click="handleExport(row)">导出</el-button>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
<el-button type="primary" icon="el-icon-edit" size="mini" @click="getInformation(row)">查看</el-button> <el-button type="primary" icon="el-icon-edit" size="mini" @click="getInformation(row)">查看</el-button>
@ -170,7 +205,7 @@ export default {
}, },
methods: { methods: {
getRowKey(row) { getRowKey(row) {
return row.BLACKSPOT_ID return row.BUS_TEXT_LIBRARY_ID
}, },
getQuery() { getQuery() {
this.$refs.multipleTable.clearSelection() this.$refs.multipleTable.clearSelection()