页面样式微调

src/components/table/fieldRender/index.vue

@@ -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>
                     </div>
                 </template>
             </el-popconfirm>

src/components/table/header/index.vue

@@ -199,7 +199,7 @@ defineExpose({ onComSearch, areaRef })
 #header-form {
     // display: flex;
     // flex-wrap: wrap;
-    // transition: all 0.3s;
+    transition: all 0.3s;
 }
 
 .mlr-12 {

src/views/govern/device/disposition/index.vue

@@ -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"

src/views/govern/manage/basic/dictionary.vue

@@ -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] || '/'

src/views/govern/manage/factory.vue

@@ -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'>

src/views/govern/manage/feedback.vue

@@ -7,31 +7,7 @@
                 </el-form-item>
             </template>
         </TableHeader>
-        <Table ref="tableRef" :isGroup="true">
+        <Table ref="tableRef"></Table>
-            <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>
     </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: 'title', align: 'center' },
-        { title: '问题描述', field: 'description', align: 'center' },
+        { title: '描述', field: 'description', align: 'center' },
-        { title: '发布时间', field: 'createTime', 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()
 })