页面样式微调
This commit is contained in:
@@ -103,13 +103,11 @@
|
||||
>
|
||||
<template #reference>
|
||||
<div style="display: inline-block">
|
||||
<el-tooltip :disabled="btn.title ? false : true" :content="btn.title" placement="top">
|
||||
<el-button link :class="btn.class" class="table-operate" :type="btn.type" v-bind="btn.attr">
|
||||
<div v-if="btn.text || btn.title" class="table-operate-text">
|
||||
{{ btn.text || btn.title }}
|
||||
</div>
|
||||
</el-button>
|
||||
</el-tooltip>
|
||||
<el-button link :class="btn.class" class="table-operate" :type="btn.type" v-bind="btn.attr">
|
||||
<div v-if="btn.text || btn.title" class="table-operate-text">
|
||||
{{ btn.text || btn.title }}
|
||||
</div>
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
|
||||
@@ -199,7 +199,7 @@ defineExpose({ onComSearch, areaRef })
|
||||
#header-form {
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.mlr-12 {
|
||||
|
||||
@@ -4,7 +4,9 @@
|
||||
<div class="device-manage-right" :style="{ height: pageHeight.height }">
|
||||
<el-descriptions title="用户基本信息" class="mb10" :column="2" border>
|
||||
<template #extra>
|
||||
<el-button type="primary" size="small" icon="el-icon-Plus" @click="getMarketEnginner">添加工程</el-button>
|
||||
<el-button type="primary" size="small" icon="el-icon-Plus" @click="getMarketEnginner">
|
||||
添加工程
|
||||
</el-button>
|
||||
</template>
|
||||
<el-descriptions-item label="名称">
|
||||
{{ user.name }}
|
||||
@@ -20,9 +22,9 @@
|
||||
<vxe-column title="操作" width="200px">
|
||||
<template v-slot:default="scoped">
|
||||
<el-button
|
||||
link
|
||||
size="small"
|
||||
type="danger"
|
||||
icon="el-icon-Delete"
|
||||
@click="deleteEngineering(scoped.row)"
|
||||
>
|
||||
移除
|
||||
@@ -32,7 +34,7 @@
|
||||
</vxe-table>
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog v-model="dialogVisible" title="添加工程" width="30%" :close-on-click-modal="false">
|
||||
<el-dialog v-model="dialogVisible" title="添加工程" class="cn-operate-dialog" :close-on-click-modal="false">
|
||||
<el-input
|
||||
v-model="filterText"
|
||||
icon="el-icon-Search"
|
||||
|
||||
@@ -82,7 +82,7 @@ const tableStore = new TableStore({
|
||||
{ title: '相别', field: 'phaseName', width: 80 },
|
||||
{ title: '单位', field: 'unit', width: 80 },
|
||||
{ title: '基础数据类型', field: 'type', width: 80 },
|
||||
{ title: '数据谐波次数', field: 'harmStart' },
|
||||
{ title: '数据谐波次数', field: 'harmStartEnd' },
|
||||
{ title: '数据统计方法', field: 'statMethod' },
|
||||
{ title: '数据存储', field: 'classIdName' },
|
||||
{ title: '数据来源', field: 'resourcesIdName' },
|
||||
@@ -129,6 +129,7 @@ const tableStore = new TableStore({
|
||||
item.classIdName = DataSelect.find((child: any) => child.id == item.classId)?.name || '/'
|
||||
item.resourcesIdName = ResourcesIdSelect.find((child: any) => child.id == item.resourcesId)?.name || '/'
|
||||
item.phaseName = item.phase === 'M' ? '/' : item.phase || '/'
|
||||
item.harmStartEnd = item.harmEnd ? item.harmStart + '-' + item.harmEnd : '/'
|
||||
for (let key in item) {
|
||||
if (typeof item[key] !== 'number') {
|
||||
item[key] = item[key] || '/'
|
||||
|
||||
@@ -66,7 +66,7 @@
|
||||
:title='dialogTitle'
|
||||
v-model='dialogFormVisible'
|
||||
:close-on-click-modal='false'
|
||||
width='600px'
|
||||
class='cn-operate-dialog'
|
||||
:before-close='resetForm'
|
||||
>
|
||||
<el-form :model='form' label-width='120px' :rules='rules' ref='ruleFormRef'>
|
||||
|
||||
@@ -7,31 +7,7 @@
|
||||
</el-form-item>
|
||||
</template>
|
||||
</TableHeader>
|
||||
<Table ref="tableRef" :isGroup="true">
|
||||
<template v-slot:columns>
|
||||
<vxe-column title="问题状态">
|
||||
<template v-slot:default="scoped">
|
||||
<el-tag v-if="scoped.row.status == 2">处理中</el-tag>
|
||||
<el-tag v-if="scoped.row.status == 0" type="success">已解决</el-tag>
|
||||
<el-tag v-if="scoped.row.status == 1" type="warning">待处理</el-tag>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column title="操作" width="180">
|
||||
<template v-slot:default="scoped">
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
icon="el-icon-Finished"
|
||||
@click="solve(scoped.row)"
|
||||
v-if="scoped.row.status != 0"
|
||||
>
|
||||
解决
|
||||
</el-button>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</template>
|
||||
>
|
||||
</Table>
|
||||
<Table ref="tableRef"></Table>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
@@ -49,9 +25,58 @@ const tableStore = new TableStore({
|
||||
url: '/cs-system-boot/feedback/queryFeedBackPage',
|
||||
method: 'POST',
|
||||
column: [
|
||||
{ title: '问题标题', field: 'title', align: 'center' },
|
||||
{ title: '问题描述', field: 'description', align: 'center' },
|
||||
{ title: '发布时间', field: 'createTime', align: 'center' }
|
||||
{ title: '标题', field: 'title', align: 'center' },
|
||||
{ title: '描述', field: 'description', align: 'center' },
|
||||
{ title: '发布时间', field: 'createTime', align: 'center' },
|
||||
{
|
||||
title: '状态',
|
||||
field: 'status',
|
||||
width: '100',
|
||||
render: 'tag',
|
||||
custom: {
|
||||
0: 'success',
|
||||
1: 'warning',
|
||||
2: 'primary'
|
||||
},
|
||||
replaceValue: {
|
||||
0: '已解决',
|
||||
1: '待处理',
|
||||
2: '处理中'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
align: 'center',
|
||||
width: '180',
|
||||
render: 'buttons',
|
||||
buttons: [
|
||||
{
|
||||
name: 'Finished',
|
||||
title: '解决',
|
||||
type: 'primary',
|
||||
icon: 'el-icon-Finished',
|
||||
render: 'confirmButton',
|
||||
disabled: row => {
|
||||
return row.status == 0
|
||||
},
|
||||
popconfirm: {
|
||||
confirmButtonText: '确认',
|
||||
cancelButtonText: '取消',
|
||||
confirmButtonType: 'danger',
|
||||
title: '该问题是否已解决?'
|
||||
},
|
||||
click: row => {
|
||||
auditFeedBack({
|
||||
id: row.id,
|
||||
status: 0
|
||||
}).then(res => {
|
||||
tableStore.onTableAction('search', {})
|
||||
ElMessage.success('操作成功!')
|
||||
})
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
|
||||
loadCallback: () => {}
|
||||
@@ -63,22 +88,6 @@ tableStore.table.params.sortBy = ''
|
||||
tableStore.table.params.orderBy = ''
|
||||
tableStore.table.params.searchValue = ''
|
||||
|
||||
const solve = (row: any) => {
|
||||
ElMessageBox.confirm('该问题是否已解决?', '提示', {
|
||||
confirmButtonText: '确认',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
auditFeedBack({
|
||||
id: row.id,
|
||||
status: 0
|
||||
}).then(res => {
|
||||
tableStore.onTableAction('search', {})
|
||||
ElMessage.success('操作成功!')
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
tableStore.index()
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user