修改代码样式
This commit is contained in:
@ -6,11 +6,11 @@ import residentAnalysis from '@/views/residentAnalysis/index.vue'
|
||||
Vue.use(VueRouter)
|
||||
|
||||
const routes = [
|
||||
// {
|
||||
// path: '/home',
|
||||
// name: 'home',
|
||||
// component: HomeView,
|
||||
// },
|
||||
{
|
||||
path: '/home',
|
||||
name: 'home',
|
||||
component: HomeView,
|
||||
},
|
||||
{
|
||||
path: '/',
|
||||
name: 'residentAnalysis',
|
||||
|
||||
@ -7,7 +7,9 @@
|
||||
</el-tooltip>
|
||||
<div class="sure" @click="analyzeAverageSlope">确定</div>
|
||||
<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>
|
||||
</div>
|
||||
@ -66,7 +68,14 @@
|
||||
</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="数据加载中">
|
||||
<!-- 路点 -->
|
||||
@ -116,7 +125,7 @@
|
||||
<div class="point">
|
||||
<div class="table-title">
|
||||
<span>道路附属点</span>
|
||||
<div class="sure" @click="handleAdd('roadPointList')">新增</div>
|
||||
<el-button type="primary" size="mini" @click="handleAdd('roadPointList')">新增</el-button>
|
||||
</div>
|
||||
<vxe-table
|
||||
class="item"
|
||||
@ -147,9 +156,9 @@
|
||||
</vxe-column>
|
||||
<vxe-column title="操作" width="100">
|
||||
<template v-slot="{row}">
|
||||
<div class="sure" v-if="!row.editing" type="text" @click="handleEdit(row)">编辑</div>
|
||||
<div class="sure" v-else type="text" @click="handleSave(row)">保存</div>
|
||||
<div class="sure" type="text" @click="handleDelete('roadPointList', row)">删除</div>
|
||||
<el-button type="text" size="mini" v-if="!row.editing" @click="handleEdit(row)">编辑</el-button>
|
||||
<el-button type="text" size="mini" v-else @click="handleSave(row)">保存</el-button>
|
||||
<el-button type="text" size="mini" @click="handleDelete('roadPointList', row)">删除</el-button>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
@ -159,7 +168,7 @@
|
||||
<div class="line">
|
||||
<div class="table-title">
|
||||
<span>道路附属线</span>
|
||||
<div class="sure" @click="handleAdd('roadLineList')">新增</div>
|
||||
<el-button type="primary" size="mini" @click="handleAdd('roadLineList')">新增</el-button>
|
||||
</div>
|
||||
<vxe-table
|
||||
class="item"
|
||||
@ -190,9 +199,9 @@
|
||||
</vxe-column>
|
||||
<vxe-column title="操作" width="100">
|
||||
<template v-slot="{row}">
|
||||
<div class="sure" v-if="!row.editing" @click="handleEdit(row)">编辑</div>
|
||||
<div class="sure" v-else @click="handleSave(row)">保存</div>
|
||||
<div class="sure" @click="handleDelete('roadLineList', row)">删除</div>
|
||||
<el-button type="text" size="mini" v-if="!row.editing" @click="handleEdit(row)">编辑</el-button>
|
||||
<el-button type="text" size="mini" v-else @click="handleSave(row)">保存</el-button>
|
||||
<el-button type="text" size="mini" @click="handleDelete('roadLineList', row)">删除</el-button>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
@ -204,7 +213,7 @@
|
||||
<div class="point">
|
||||
<div class="table-title">
|
||||
<span>水系附属点</span>
|
||||
<div class="sure" @click="handleAdd('waterPointList')">新增</div>
|
||||
<el-button type="primary" size="mini" @click="handleAdd('waterPointList')">新增</el-button>
|
||||
</div>
|
||||
<vxe-table
|
||||
class="item"
|
||||
@ -235,9 +244,9 @@
|
||||
</vxe-column>
|
||||
<vxe-column title="操作" width="100">
|
||||
<template v-slot="{row}">
|
||||
<div class="sure" v-if="!row.editing" @click="handleEdit(row)">编辑</div>
|
||||
<div class="sure" v-else @click="handleSave(row)">保存</div>
|
||||
<div class="sure" @click="handleDelete('waterPointList', row)">删除</div>
|
||||
<el-button type="text" size="mini" v-if="!row.editing" @click="handleEdit(row)">编辑</el-button>
|
||||
<el-button type="text" size="mini" v-else @click="handleSave(row)">保存</el-button>
|
||||
<el-button type="text" size="mini" @click="handleDelete('waterPointList', row)">删除</el-button>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
@ -247,7 +256,7 @@
|
||||
<div class="line">
|
||||
<div class="table-title">
|
||||
<span>水系附属线</span>
|
||||
<div class="sure" @click="handleAdd('waterLineList')">新增</div>
|
||||
<el-button type="primary" size="mini" @click="handleAdd('waterLineList')">新增</el-button>
|
||||
</div>
|
||||
<vxe-table
|
||||
class="item"
|
||||
@ -278,9 +287,9 @@
|
||||
</vxe-column>
|
||||
<vxe-column title="操作" width="100">
|
||||
<template v-slot="{row}">
|
||||
<div class="sure" v-if="!row.editing" @click="handleEdit(row)">编辑</div>
|
||||
<div class="sure" v-else @click="handleSave(row)">保存</div>
|
||||
<div class="sure" @click="handleDelete('waterLineList', row)">删除</div>
|
||||
<el-button type="text" size="mini" v-if="!row.editing" @click="handleEdit(row)">编辑</el-button>
|
||||
<el-button type="text" size="mini" v-else @click="handleSave(row)">保存</el-button>
|
||||
<el-button type="text" size="mini" @click="handleDelete('waterLineList', row)">删除</el-button>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
@ -290,8 +299,8 @@
|
||||
</el-tabs>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<div class="sure" @click="dialogVisible = false">取消</div>
|
||||
<div class="sure" @click="exportJSON">导出</div>
|
||||
<el-button size="mini" @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" size="mini" @click="exportJSON">保存</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
@ -316,7 +325,6 @@
|
||||
import {getStorage} from '@/utils/localStorage'
|
||||
import plantJson from '/public/config/plant.json'
|
||||
import soilJson from '/public/config/soil.json'
|
||||
import FileSaver from 'file-saver'
|
||||
import axios from 'axios'
|
||||
import iniParser from 'ini-parser'
|
||||
|
||||
@ -1248,6 +1256,8 @@ export default {
|
||||
|
||||
// 点击导出按钮
|
||||
clickExport() {
|
||||
if (this.showExport) return
|
||||
|
||||
this.rectangles.forEach((rectGraphic) => {
|
||||
this.selectRectangle(rectGraphic)
|
||||
})
|
||||
@ -1274,7 +1284,6 @@ export default {
|
||||
}
|
||||
)
|
||||
.then((res) => {
|
||||
this.$message.success(res)
|
||||
this.$message.success('导出成功!')
|
||||
})
|
||||
.catch((error) => {
|
||||
@ -1457,10 +1466,10 @@ export default {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
margin-left: 32px;
|
||||
img {
|
||||
margin-right: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
@ -1491,6 +1500,7 @@ export default {
|
||||
background: #d4e5db;
|
||||
.title {
|
||||
color: #1c1c1c;
|
||||
font-size: 16px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
@ -1529,9 +1539,9 @@ export default {
|
||||
}
|
||||
.table-title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: #1c1c1c;
|
||||
letter-spacing: 0.1em;
|
||||
margin-bottom: 10px;
|
||||
margin: 20px 0 10px 0;
|
||||
span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user