yiqiuyang/kxfx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改代码样式

Browse Source
This commit is contained in:
yiqiuyang
2025-10-27 11:06:03 +08:00
parent da4b440b0e
commit faae591f4c
3 changed files with 40 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

10
src/router/index.js
View File

@ -6,11 +6,11 @@ import residentAnalysis from '@/views/residentAnalysis/index.vue'
Vue.use(VueRouter) Vue.use(VueRouter)
const routes = [ const routes = [
// { {
// path: '/home', path: '/home',
// name: 'home', name: 'home',
// component: HomeView, component: HomeView,
// }, },
{ {
path: '/', path: '/',
name: 'residentAnalysis', name: 'residentAnalysis',

60
src/views/residentAnalysis/index.vue
View File

@ -7,7 +7,9 @@
</el-tooltip> </el-tooltip>
<div class="sure" @click="analyzeAverageSlope">确定</div> <div class="sure" @click="analyzeAverageSlope">确定</div>
<div class="right flex a-c"> <div class="right flex a-c">
<div class="sure" :disabled="showExport" @click="clickExport">导出</div> <div class="sure" :style="!showExport ? {cursor: 'pointer'} : {cursor: 'not-allowed'}" @click="clickExport">
导出
</div>
<div class="sure" @click="handleExportJosn">json编辑</div> <div class="sure" @click="handleExportJosn">json编辑</div>
</div> </div>
</div> </div>
@ -66,7 +68,14 @@
</div> </div>
<!-- 地图 --> <!-- 地图 -->
<div class="center" id="cesiumContainer" v-loading="mapLoading" :element-loading-text="mapLoadText"></div> <div
class="center"
id="cesiumContainer"
v-loading="mapLoading"
:element-loading-text="mapLoadText"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
></div>
<div class="right flex column" v-loading="showLoading" element-loading-text="数据加载中"> <div class="right flex column" v-loading="showLoading" element-loading-text="数据加载中">
<!-- 路点 --> <!-- 路点 -->
@ -116,7 +125,7 @@
<div class="point"> <div class="point">
<div class="table-title"> <div class="table-title">
<span>道路附属点</span> <span>道路附属点</span>
<div class="sure" @click="handleAdd('roadPointList')">新增</div> <el-button type="primary" size="mini" @click="handleAdd('roadPointList')">新增</el-button>
</div> </div>
<vxe-table <vxe-table
class="item" class="item"
@ -147,9 +156,9 @@
</vxe-column> </vxe-column>
<vxe-column title="操作" width="100"> <vxe-column title="操作" width="100">
<template v-slot="{row}"> <template v-slot="{row}">
<div class="sure" v-if="!row.editing" type="text" @click="handleEdit(row)">编辑</div> <el-button type="text" size="mini" v-if="!row.editing" @click="handleEdit(row)">编辑</el-button>
<div class="sure" v-else type="text" @click="handleSave(row)">保存</div> <el-button type="text" size="mini" v-else @click="handleSave(row)">保存</el-button>
<div class="sure" type="text" @click="handleDelete('roadPointList', row)">删除</div> <el-button type="text" size="mini" @click="handleDelete('roadPointList', row)">删除</el-button>
</template> </template>
</vxe-column> </vxe-column>
</vxe-table> </vxe-table>
@ -159,7 +168,7 @@
<div class="line"> <div class="line">
<div class="table-title"> <div class="table-title">
<span>道路附属线</span> <span>道路附属线</span>
<div class="sure" @click="handleAdd('roadLineList')">新增</div> <el-button type="primary" size="mini" @click="handleAdd('roadLineList')">新增</el-button>
</div> </div>
<vxe-table <vxe-table
class="item" class="item"
@ -190,9 +199,9 @@
</vxe-column> </vxe-column>
<vxe-column title="操作" width="100"> <vxe-column title="操作" width="100">
<template v-slot="{row}"> <template v-slot="{row}">
<div class="sure" v-if="!row.editing" @click="handleEdit(row)">编辑</div> <el-button type="text" size="mini" v-if="!row.editing" @click="handleEdit(row)">编辑</el-button>
<div class="sure" v-else @click="handleSave(row)">保存</div> <el-button type="text" size="mini" v-else @click="handleSave(row)">保存</el-button>
<div class="sure" @click="handleDelete('roadLineList', row)">删除</div> <el-button type="text" size="mini" @click="handleDelete('roadLineList', row)">删除</el-button>
</template> </template>
</vxe-column> </vxe-column>
</vxe-table> </vxe-table>
@ -204,7 +213,7 @@
<div class="point"> <div class="point">
<div class="table-title"> <div class="table-title">
<span>水系附属点</span> <span>水系附属点</span>
<div class="sure" @click="handleAdd('waterPointList')">新增</div> <el-button type="primary" size="mini" @click="handleAdd('waterPointList')">新增</el-button>
</div> </div>
<vxe-table <vxe-table
class="item" class="item"
@ -235,9 +244,9 @@
</vxe-column> </vxe-column>
<vxe-column title="操作" width="100"> <vxe-column title="操作" width="100">
<template v-slot="{row}"> <template v-slot="{row}">
<div class="sure" v-if="!row.editing" @click="handleEdit(row)">编辑</div> <el-button type="text" size="mini" v-if="!row.editing" @click="handleEdit(row)">编辑</el-button>
<div class="sure" v-else @click="handleSave(row)">保存</div> <el-button type="text" size="mini" v-else @click="handleSave(row)">保存</el-button>
<div class="sure" @click="handleDelete('waterPointList', row)">删除</div> <el-button type="text" size="mini" @click="handleDelete('waterPointList', row)">删除</el-button>
</template> </template>
</vxe-column> </vxe-column>
</vxe-table> </vxe-table>
@ -247,7 +256,7 @@
<div class="line"> <div class="line">
<div class="table-title"> <div class="table-title">
<span>水系附属线</span> <span>水系附属线</span>
<div class="sure" @click="handleAdd('waterLineList')">新增</div> <el-button type="primary" size="mini" @click="handleAdd('waterLineList')">新增</el-button>
</div> </div>
<vxe-table <vxe-table
class="item" class="item"
@ -278,9 +287,9 @@
</vxe-column> </vxe-column>
<vxe-column title="操作" width="100"> <vxe-column title="操作" width="100">
<template v-slot="{row}"> <template v-slot="{row}">
<div class="sure" v-if="!row.editing" @click="handleEdit(row)">编辑</div> <el-button type="text" size="mini" v-if="!row.editing" @click="handleEdit(row)">编辑</el-button>
<div class="sure" v-else @click="handleSave(row)">保存</div> <el-button type="text" size="mini" v-else @click="handleSave(row)">保存</el-button>
<div class="sure" @click="handleDelete('waterLineList', row)">删除</div> <el-button type="text" size="mini" @click="handleDelete('waterLineList', row)">删除</el-button>
</template> </template>
</vxe-column> </vxe-column>
</vxe-table> </vxe-table>
@ -290,8 +299,8 @@
</el-tabs> </el-tabs>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<div class="sure" @click="dialogVisible = false">取消</div> <el-button size="mini" @click="dialogVisible = false">取消</el-button>
<div class="sure" @click="exportJSON">导出</div> <el-button type="primary" size="mini" @click="exportJSON">保存</el-button>
</div> </div>
</el-dialog> </el-dialog>
@ -316,7 +325,6 @@
import {getStorage} from '@/utils/localStorage' import {getStorage} from '@/utils/localStorage'
import plantJson from '/public/config/plant.json' import plantJson from '/public/config/plant.json'
import soilJson from '/public/config/soil.json' import soilJson from '/public/config/soil.json'
import FileSaver from 'file-saver'
import axios from 'axios' import axios from 'axios'
import iniParser from 'ini-parser' import iniParser from 'ini-parser'
@ -1248,6 +1256,8 @@ export default {
// 点击导出按钮 // 点击导出按钮
clickExport() { clickExport() {
if (this.showExport) return
this.rectangles.forEach((rectGraphic) => { this.rectangles.forEach((rectGraphic) => {
this.selectRectangle(rectGraphic) this.selectRectangle(rectGraphic)
}) })
@ -1274,7 +1284,6 @@ export default {
} }
) )
.then((res) => { .then((res) => {
this.$message.success(res)
this.$message.success('导出成功!') this.$message.success('导出成功!')
}) })
.catch((error) => { .catch((error) => {
@ -1457,10 +1466,10 @@ export default {
position: relative; position: relative;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
cursor: pointer;
margin-left: 32px; margin-left: 32px;
img { img {
margin-right: 30px; margin-right: 30px;
cursor: pointer;
} }
} }
.btn { .btn {
@ -1491,6 +1500,7 @@ export default {
background: #d4e5db; background: #d4e5db;
.title { .title {
color: #1c1c1c; color: #1c1c1c;
font-size: 16px;
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
@ -1529,9 +1539,9 @@ export default {
} }
.table-title { .table-title {
font-size: 16px; font-size: 16px;
font-weight: bold; color: #1c1c1c;
letter-spacing: 0.1em; letter-spacing: 0.1em;
margin-bottom: 10px; margin: 20px 0 10px 0;
span { span {
margin-right: 10px; margin-right: 10px;
} }