From e0683e37cdd7dc99adf2af6521962c3f29d0f9b7 Mon Sep 17 00:00:00 2001 From: jihongshun <1151753686@qq.com> Date: 星期二, 08 七月 2025 17:09:34 +0800 Subject: [PATCH] 模板 && 项目页面 --- src/views/system/project/index.vue | 131 ++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 126 insertions(+), 5 deletions(-) diff --git a/src/views/system/project/index.vue b/src/views/system/project/index.vue index 5ae9074..1eb8747 100644 --- a/src/views/system/project/index.vue +++ b/src/views/system/project/index.vue @@ -1,5 +1,126 @@ - <template> - <div> - 椤圭洰绠$悊椤甸潰 - </div> - </template> \ No newline at end of file +<template> + <div class="app-container"> + <el-row :gutter="20"> + <el-col :span=24 :xs="24"> + <AppTable ref="AppTable" selection :showDeptSearch="false" :url="'tower/point/list'" :tableColumns="tableColumns" + :tableFilter="tableFilter"> + <template #operatorBox="{ row }"> + <el-button type="primary" plain icon="el-icon-plus" size="mini" + @click="handleAdd">鏂板椤圭洰</el-button> + </template> + <template #operator="{ row }"> + <el-button size="mini" type="text" icon="el-icon-edit" + @click="handleUpdate(row)">淇敼</el-button> + <el-button size="mini" type="text" icon="el-icon-delete" + @click="handleDelete(row)">鍒犻櫎</el-button> + </template> + </AppTable> + </el-col> + </el-row> + + <addPorjectDialog v-if="showDialog" @close="close"></addPorjectDialog> + </div> +</template> + +<script> +import addPorjectDialog from './components/addPorjectDialog.vue'; +import CesiumMap from "../../../utils/components/cesium-map.vue"; +export default { + name: "towers", + dicts: ['model_typpe'], + components: { + addPorjectDialog, + CesiumMap + }, + data() { + return { + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + tableColumns: [ + { + label: '妯″瀷鍚嶇О', + prop: 'name' + }, + { + label: '妯″瀷绫诲瀷', + prop: 'createBy' + }, + { + label: '妯″瀷璺緞', + prop: 'createTime' + }, + { + label: '鎿嶄綔', + type: 'slot', + slotName: 'operator', + width: '330px' + }, + ], + tableFilter: [ + { + title: '椤圭洰鍚嶇О', + placeholder: '璇疯緭鍏ラ」鐩悕绉�', + fieldName: 'name', + clearable: true, + type: 'search', + } + ], + showMap:false, + showDialog:false + }; + }, + watch: { + }, + created() { + }, + mounted() { + }, + methods: { + // 娣诲姞鏁版嵁 + handleAdd() { + this.showMap = false + this.showDialog = true + // this.$refs.shootPointDialog.show() + }, + // 鏇存柊鏁版嵁 + handleUpdate(row) { + const ids = row.id || this.ids + this.$refs.shootPointDialog.show(ids) + }, + // 鍒犻櫎鏁版嵁 + handleDelete(row) { + const ids = row.id || this.ids + const name = row.name || '' + this.$api.deleteByName('/work/tower', ids,name).then(res => { + this.$refs.AppTable.getData() + }) + }, + // 瀵煎嚭琛ㄦ牸鏁版嵁 + handleExport() { + this.$refs.AppTable.exportExcel() + }, + // clickRow(row){ + // console.log(row) + // this.showMap =true + // }, + close(){ + this.showDialog =false + } + }, +}; +</script> + +<style scoped> +.left-card { + height: calc(100vh - 105px); + overflow: auto; +} + +.right-card { + height: calc(100vh - 105px); +} +</style> -- Gitblit v1.9.3