更新视点管理

yanzhu-ui-vue3/src/assets/styles/index.scss

@@ -188,4 +188,11 @@ aside {
 }
 .fred{
   color: red;
-}
+}
+.el-dialog{
+  &.body-noscroll{
+    .el-dialog__body{
+      overflow: hidden !important;
+    }
+  }
+} 

yanzhu-ui-vue3/src/views/bim/bimSetting/Viewpoint.vue

@@ -33,6 +33,17 @@
             </el-card>
             <el-empty description="暂无视点数据" v-else />
         </div>
+        <div class="pagination-container">
+            <el-pagination
+                v-model:current-page="pagination.current"
+                v-model:page-size="pagination.pageSize"
+                :page-sizes="[10, 20, 30, 50]"
+                :total="pagination.total"
+                layout="total, prev, pager, next"
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+            />
+        </div>
         <el-dialog
             title="保存视点"
             :width="400"
@@ -60,13 +71,30 @@
                 <el-button type="primary" @click="SaveViewpoint">确定</el-button>
             </template>
         </el-dialog>
+
+        <el-dialog title="视点重命名" class="body-noscroll" v-model="visibleRenamed" width="400px" :before-close="() => visibleRenamed = false">
+            <el-form ref="formRenamedRef" :rules="rulesRenamed" :model="formRenamed" label-width="80px">
+                <el-form-item label="漫游名称" prop="name">
+                    <el-input v-model="formRenamed.name" maxlength="20" placeholder="请输入名称"></el-input>
+                </el-form-item>
+                <el-form-item label="备注">
+                    <el-input type="textarea" v-model="formRenamed.remark" :rows="4" placeholder="备注"></el-input>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="visibleRenamed = false">取消</el-button>
+                    <el-button type="primary" @click="handSaveRenamed">确定</el-button>
+                </span>
+            </template>
+        </el-dialog>
     </div>
 </template>
 
 <script>
 import { _isMobile } from '@/utils/public'
 import { Delete, Picture, Edit } from '@element-plus/icons-vue'
-import { viewpointGet, viewpointAdd } from '@/api/bim/bim.js'
+import { viewpointGet, viewpointAdd, viewpointUpdateByName, viewpointDeleteById } from '@/api/bim/bim.js'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import useUserStore from '@/store/modules/user'
 export default {
@@ -101,6 +129,23 @@ export default {
                 pageSize: 10,
                 total: 0,
             },
+            editData: {
+                item: null,
+                index: null,
+            },
+            visibleRenamed: false,
+            rulesRenamed: {
+                name: [
+                    {
+                        required: true,
+                        message: '请输入漫游名称',
+                    },
+                ],
+            },
+            formRenamed: {
+                name: '',
+                remark: '',
+            },
         }
     },
     mounted() {
@@ -111,6 +156,14 @@ export default {
         this.getList()
     },
     methods: {
+        handleSizeChange(val) {
+            this.pagination.pageSize = val
+            this.getList()
+        },
+        handleCurrentChange(val) {
+            this.pagination.current = val
+            this.getList()
+        },
         getList() {
             const that = this
             viewpointGet({
@@ -156,8 +209,51 @@ export default {
                 api.Camera.setViewPort(JSON.parse(item.viewPosition))
             }
         },
+        editViewPoint(item, index) {
+            this.editData.item = item
+            this.editData.index = index
+            this.formRenamed.name = item.name
+            this.formRenamed.remark = item.remark
+            this.visibleRenamed = true
+        },
+        handSaveRenamed() {
+            this.$refs.formRenamedRef.validate((valid) => {
+                if (valid) {
+                    let data = {
+                        id: this.editData.item.id,
+                        name: this.formRenamed.name,
+                        remark: this.formRenamed.remark,
+                    }
+                    viewpointUpdateByName(data).then((res) => {
+                        if (res.code == 0) {
+                            this.visibleRenamed = false
+                            ElMessage.success('修改成功')
+                            this.getList()
+                        } else {
+                            ElMessage.error('修改失败')
+                        }
+                    })
+                }
+            })
+        },
         DefaultViewpoint(item, index) {},
-        DelViewpoint(item, index) {},
+        DelViewpoint(item, index) {
+            let that = this
+            ElMessageBox.confirm(`确定要删除漫游 “${item.name}” 吗？`, '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+            }).then(() => {
+                viewpointDeleteById({ id: item.id }).then((res) => {
+                    if (res.code == 0) {
+                        that.getList()
+                        ElMessage.success('删除成功')
+                    } else {
+                        ElMessage.error('删除失败')
+                    }
+                })
+            })
+        },
         SaveViewpoint() {
             const that = this
             that.$refs.form.validate((valid) => {
@@ -196,6 +292,7 @@ export default {
                                 that.resetScane()
                                 that.$refs.form.resetFields()
                                 that.visible = false
+                                that.getList()
                             } else {
                                 ElMessage.error('保存失败!')
                             }
@@ -224,6 +321,10 @@ export default {
         top: 10px;
         right: 40px;
     }
+    .pagination-container {
+        margin-top: 10px;
+        margin-bottom: 20px;
+    }
     .viewpoint-list {
         margin-bottom: 10px;
         max-height: 500px;

yanzhu-ui-vue3/src/views/bim/bimSetting/index.vue

@@ -179,7 +179,7 @@ export default {
                         },
                         cube: {
                             hoverColor: '#7193dc', // 立方导航快鼠标移过显示颜色
-                            size: 75, // 导航立方尺寸
+                            size: 32, // 导航立方尺寸
                             hotPointSize: 7, // 导航立方棱角热点区域尺寸
                             cubeTextColor: '#4c4c4ccc', // cube 各个面文字颜色
                             cubeStrokeColor: '#374769cc', // cube 各个面边框颜色
@@ -250,7 +250,7 @@ export default {
     }
     .bim-setting-tools {
         position: absolute;
-        top: 10px;
+        top: 80px;
         right: 10px;
         background: rgba(255, 255, 255, 0.5);
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);