页面布局格式调整

This commit is contained in:
zhulongchuan 2025-10-09 17:46:01 +08:00
parent 0af202dc57
commit e12886ae71
4 changed files with 102 additions and 96 deletions

1
auto-imports.d.ts vendored
View File

@ -2,7 +2,6 @@
export {} export {}
declare global { declare global {
const EffectScope: typeof import('vue')['EffectScope'] const EffectScope: typeof import('vue')['EffectScope']
const ElMessage: typeof import('element-plus/es')['ElMessage']
const computed: typeof import('vue')['computed'] const computed: typeof import('vue')['computed']
const createApp: typeof import('vue')['createApp'] const createApp: typeof import('vue')['createApp']
const customRef: typeof import('vue')['customRef'] const customRef: typeof import('vue')['customRef']

View File

@ -9,10 +9,16 @@ import {ArcGisMapServerImageryProvider, Camera, Viewer, Rectangle} from 'cesium'
const containerRef = ref(); const containerRef = ref();
const unvisibleCreditRef = ref(); const unvisibleCreditRef = ref();
Camera.DEFAULT_VIEW_RECTANGLE = Rectangle.fromDegrees( Camera.DEFAULT_VIEW_RECTANGLE = Rectangle.fromDegrees(
75.0, // // 75.0, //
0.0, // // 0.0, //
140.0, // 西 // 140.0, // 西
60.0 // // 60.0 //
// 106.5, // 西West
// 28.5, // South
// 108.5, // East
// 31.5 // North
106.52,29.53, // 西
106.60,29.59 //
) )
onMounted(() => { onMounted(() => {
const viewer = new Viewer(containerRef.value, { const viewer = new Viewer(containerRef.value, {
@ -43,6 +49,21 @@ onMounted(() => {
} }
} }
) )
// const addLabel= new Viewer(containerRef.value, {
// labelLayer :new Cesium.WebMapTileServiceImageryProvider({
// url: "http://t0.tianditu.com/cia_w/wmts?service=wmts&tk=e3af6e89f787c2469373e3aea76f4d36&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg",
// layer: "tdtImgAnnoLayer",
// style: "default",
// format: "image/jpeg",
// tileMatrixSetID: "GoogleMapsCompatible",
// })
// })
viewer.camera.setView({
destination: Camera.DEFAULT_VIEW_RECTANGLE
})
viewer.camera.moveBackward(100)
const rawViewer = markRaw(viewer) const rawViewer = markRaw(viewer)
console.log(rawViewer) console.log(rawViewer)
}) })
@ -50,7 +71,7 @@ onMounted(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
#cesiumContainer { #cesiumContainer {
width: 100vw; width: 90vw;
height: 100vh; height: 90vh;
} }
</style> </style>

View File

@ -85,15 +85,7 @@
<el-table-column label="创建人" align="center" prop="createBy"/> <el-table-column label="创建人" align="center" prop="createBy"/>
<!-- <el-table-column label="创建时间" align="center" prop="createTime"/> --> <!-- <el-table-column label="创建时间" align="center" prop="createTime"/> -->
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template #default="scope"> <!-- <template #default="scope">
<!-- <el-button
size="mini"
type="primary"
icon="Edit"
@click="handleParamUpdate(scope.row)"
v-hasPermi="['uav:equmodel:edit']"
>设备参数
</el-button> -->
<el-button <el-button
size="mini" size="mini"
type="primary" type="primary"
@ -110,14 +102,16 @@
v-hasPermi="['uav:equmodel:remove']" v-hasPermi="['uav:equmodel:remove']"
>删除 >删除
</el-button> </el-button>
<!-- <el-button </template> -->
size="mini"
type="primary" <template #default="scope">
icon="DArrowRight" <el-tooltip content="修改" placement="top" >
@click="handleSelect(scope.row)" <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']">修改</el-button>
>更多 </el-tooltip>
</el-button> --> <el-tooltip content="删除" placement="top" >
</template> <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']">删除</el-button>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -216,15 +210,7 @@
<el-table-column label="创建人" align="center" prop="createBy"/> <el-table-column label="创建人" align="center" prop="createBy"/>
<!-- <el-table-column label="创建时间" align="center" prop="createTime"/> --> <!-- <el-table-column label="创建时间" align="center" prop="createTime"/> -->
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template #default="scope"> <!-- <template #default="scope">
<!-- <el-button
size="mini"
type="primary"
icon="Edit"
@click="handleParamUpdate(scope.row)"
v-hasPermi="['uav:equmodel:edit']"
>设备参数
</el-button> -->
<el-button <el-button
size="mini" size="mini"
type="primary" type="primary"
@ -241,14 +227,15 @@
v-hasPermi="['uav:equmodel:remove']" v-hasPermi="['uav:equmodel:remove']"
>删除 >删除
</el-button> </el-button>
<!-- <el-button </template> -->
size="mini" <template #default="scope">
type="primary" <el-tooltip content="修改" placement="top" >
icon="DArrowRight" <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']">修改</el-button>
@click="handleSelect(scope.row)" </el-tooltip>
>更多 <el-tooltip content="删除" placement="top" >
</el-button> --> <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']">删除</el-button>
</template> </el-tooltip>
</template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -346,15 +333,7 @@
<el-table-column label="创建人" align="center" prop="createBy"/> <el-table-column label="创建人" align="center" prop="createBy"/>
<!-- <el-table-column label="创建时间" align="center" prop="createTime"/> --> <!-- <el-table-column label="创建时间" align="center" prop="createTime"/> -->
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template #default="scope"> <!-- <template #default="scope">
<!-- <el-button
size="mini"
type="primary"
icon="Edit"
@click="handleParamUpdate(scope.row)"
v-hasPermi="['uav:equmodel:edit']"
>设备参数
</el-button> -->
<el-button <el-button
size="mini" size="mini"
type="primary" type="primary"
@ -371,14 +350,15 @@
v-hasPermi="['uav:equmodel:remove']" v-hasPermi="['uav:equmodel:remove']"
>删除 >删除
</el-button> </el-button>
<!-- <el-button </template> -->
size="mini" <template #default="scope">
type="primary" <el-tooltip content="修改" placement="top" >
icon="DArrowRight" <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']">修改</el-button>
@click="handleSelect(scope.row)" </el-tooltip>
>更多 <el-tooltip content="删除" placement="top" >
</el-button> --> <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']">删除</el-button>
</template> </el-tooltip>
</template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -476,15 +456,7 @@
<el-table-column label="创建人" align="center" prop="createBy"/> <el-table-column label="创建人" align="center" prop="createBy"/>
<!-- <el-table-column label="创建时间" align="center" prop="createTime"/> --> <!-- <el-table-column label="创建时间" align="center" prop="createTime"/> -->
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template #default="scope"> <!-- <template #default="scope">
<!-- <el-button
size="mini"
type="primary"
icon="Edit"
@click="handleParamUpdate(scope.row)"
v-hasPermi="['uav:equmodel:edit']"
>设备参数
</el-button> -->
<el-button <el-button
size="mini" size="mini"
type="primary" type="primary"
@ -501,22 +473,21 @@
v-hasPermi="['uav:equmodel:remove']" v-hasPermi="['uav:equmodel:remove']"
>删除 >删除
</el-button> </el-button>
<!-- <el-button </template> -->
size="mini" <template #default="scope">
type="primary" <el-tooltip content="修改" placement="top" >
icon="DArrowRight" <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']">修改</el-button>
@click="handleSelect(scope.row)" </el-tooltip>
>更多 <el-tooltip content="删除" placement="top" >
</el-button> --> <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']">删除</el-button>
</template> </el-tooltip>
</template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div > <div >
<pagination <pagination
style="margin-top: 0px" :total="total"
v-show="total>0"
:total="total"
v-model:page="queryParams.pageNum" v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize" v-model:limit="queryParams.pageSize"
@pagination="handleQuery4"/> @pagination="handleQuery4"/>

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
@ -40,8 +40,8 @@
style="width: 160px" /> style="width: 160px" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -51,7 +51,6 @@
type="primary" type="primary"
plain plain
icon="el-icon-plus" icon="el-icon-plus"
size="mini"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['system:post:add']" v-hasPermi="['system:post:add']"
>新增</el-button> >新增</el-button>
@ -61,7 +60,6 @@
type="success" type="success"
plain plain
icon="el-icon-edit" icon="el-icon-edit"
size="mini"
:disabled="single" :disabled="single"
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['system:post:edit']" v-hasPermi="['system:post:edit']"
@ -72,7 +70,6 @@
type="danger" type="danger"
plain plain
icon="el-icon-delete" icon="el-icon-delete"
size="mini"
:disabled="multiple" :disabled="multiple"
@click="handleDelete" @click="handleDelete"
v-hasPermi="['system:post:remove']" v-hasPermi="['system:post:remove']"
@ -83,12 +80,12 @@
type="warning" type="warning"
plain plain
icon="el-icon-download" icon="el-icon-download"
size="mini"
@click="handleExport" @click="handleExport"
v-hasPermi="['system:post:export']" v-hasPermi="['system:post:export']"
>导出</el-button> >导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">
@ -123,37 +120,47 @@
prop="createTime" prop="createTime"
width="180"> width="180">
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini"
type="primary" type="primary"
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['system:post:edit']" v-hasPermi="['system:post:edit']"
>修改</el-button> >修改</el-button>
<el-button <el-button
size="mini"
type="danger" type="danger"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['system:post:remove']" v-hasPermi="['system:post:remove']"
>删除</el-button> >删除</el-button>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template #default="scope">
<el-tooltip content="修改" placement="top" >
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']">修改</el-button>
</el-tooltip>
<el-tooltip content="删除" placement="top" >
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']">删除</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total>0"
:total="total" :total="total"
:page.sync="queryParams.pageNum" v-model:page="queryParams.pageNum"
:limit.sync="queryParams.pageSize" v-model:limit="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
<!-- 添加或修改对话框 --> <!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" v-model="open" width="550px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="姓名" <el-form-item label="姓名"
prop="name"> prop="name">
<el-input v-model="form.name" <el-input v-model="form.name"
@ -192,10 +199,18 @@
@change="getLineList" /> --> @change="getLineList" /> -->
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <!-- <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button> <el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div> -->
<template #footer>
<div class="dialog-footer">
<el-button type="primary"
@click="submitForm">
</el-button>
<el-button @click="cancel"> </el-button>
</div>
</template>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>