From eaf19105916a1b225a0d071cee785e7b75381c5a Mon Sep 17 00:00:00 2001
From: limengnan <420004014@qq.com>
Date: Thu, 2 Apr 2026 17:33:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A1=B9=E7=9B=AE=E6=9D=83?=
 =?UTF-8?q?=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/src/components/antvx6/index.vue  |   8 +
 .../src/components/antvx6/readonlyx6.vue      | 696 ++++++++++++++++++
 .../frontend/src/components/antvx6/viewx6.vue |   1 -
 .../frontend/src/store/modules/user.ts        |   5 +-
 .../src/views/business/project/index.vue      |  26 +-
 .../src/views/component/scenario/index.vue    |  29 +-
 6 files changed, 747 insertions(+), 18 deletions(-)
 create mode 100644 business-css/frontend/src/components/antvx6/readonlyx6.vue

diff --git a/business-css/frontend/src/components/antvx6/index.vue b/business-css/frontend/src/components/antvx6/index.vue
index f089d02..30233ab 100644
--- a/business-css/frontend/src/components/antvx6/index.vue
+++ b/business-css/frontend/src/components/antvx6/index.vue
@@ -1755,6 +1755,14 @@ const boundaryClick = () => {
 }
 </style>
 <style>
+.antvx6-content #graph-container {
+  flex: 1;
+  position: relative;
+  background-color: #fafafa;
+  overflow: hidden;
+  width: 100% !important;
+  height: calc(100%) !important;
+}
 .x6-widget-stencil-content {
   top: 0px !important;
 }
diff --git a/business-css/frontend/src/components/antvx6/readonlyx6.vue b/business-css/frontend/src/components/antvx6/readonlyx6.vue
new file mode 100644
index 0000000..7ad698c
--- /dev/null
+++ b/business-css/frontend/src/components/antvx6/readonlyx6.vue
@@ -0,0 +1,696 @@
+<!-- AntV G6 Graph Component -->
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { useRoute,useRouter } from 'vue-router';
+
+import {
+  Graph,
+  Shape,
+} from '@antv/x6'
+// @ts-ignore
+import { projectsById} from "@/api/business/project";
+
+const emit = defineEmits([ 'closeAntvx6']);
+const props = defineProps({
+  projectId: {
+    required: false,
+    type: String,
+    default: ''
+  },
+})
+
+const projectInfo:any = ref({}) // 项目信息
+// 为了协助代码演示
+let graph: Graph
+
+onMounted(() => {
+  // #region 初始化画布 
+  graph = new Graph({
+    container: document.getElementById('graph-container') as HTMLElement,
+    grid: true,
+    mousewheel: {
+      enabled: false,
+      zoomAtMousePosition: true,
+      modifiers: 'ctrl',
+      minScale: 0.5,
+      maxScale: 3,
+    },
+    connecting: {
+      router: 'manhattan',
+      connector: {
+        name: 'rounded',
+        args: {
+          radius: 8,
+        },
+      },
+      anchor: 'center',
+      connectionPoint: 'anchor',
+      allowBlank: false,
+      snap: {
+        radius: 20,
+      },
+      createEdge() {
+        return new Shape.Edge({
+          attrs: {
+            line: {
+              stroke: '#A2B1C3',
+              strokeWidth: 2,
+              strokeDasharray: 0,
+              targetMarker: {
+                name: 'block',
+                width: 12,
+                height: 8,
+              },
+              sourceMarker: null,
+            },
+          },
+          zIndex: 0,
+        })
+      },
+      validateConnection({ targetMagnet }) {
+        return !!targetMagnet
+      },
+    },
+    highlighting: {
+      magnetAdsorbed: {
+        name: 'stroke',
+        args: {
+          attrs: {
+            fill: '#5F95FF',
+            stroke: '#5F95FF',
+          },
+        },
+      },
+    },
+      interacting: function (cellView) {
+        // 如果是 'rect' 形状，则禁止节点移动
+        return { nodeMovable: false }
+      // 其他形状的节点允许所有交互
+      return true
+    }
+    // interacting: {
+    //   nodeMovable: false, // 禁止所有节点移动
+    // },
+  })
+  const ports = {
+    groups: {
+      top: {
+        position: 'top',
+        attrs: {
+          circle: {
+            r: 4,
+            magnet: true,
+            stroke: '#5F95FF',
+            strokeWidth: 1,
+            fill: '#fff',
+            style: {
+              visibility: 'hidden',
+            },
+          },
+        },
+      },
+      right: {
+        position: 'right',
+        attrs: {
+          circle: {
+            r: 4,
+            magnet: true,
+            stroke: '#5F95FF',
+            strokeWidth: 1,
+            fill: '#fff',
+            style: {
+              visibility: 'hidden',
+            },
+          },
+        },
+      },
+      bottom: {
+        position: 'bottom',
+        attrs: {
+          circle: {
+            r: 4,
+            magnet: true,
+            stroke: '#5F95FF',
+            strokeWidth: 1,
+            fill: '#fff',
+            style: {
+              visibility: 'hidden',
+            },
+          },
+        },
+      },
+      left: {
+        position: 'left',
+        attrs: {
+          circle: {
+            r: 4,
+            magnet: true,
+            stroke: '#5F95FF',
+            strokeWidth: 1,
+            fill: '#fff',
+            style: {
+              visibility: 'hidden',
+            },
+          },
+        },
+      },
+    },
+    items: [
+      {
+        group: 'top',
+      },
+      {
+        group: 'right',
+      },
+      {
+        group: 'bottom',
+      },
+      {
+        group: 'left',
+      },
+    ],
+  }
+  Graph.registerNode(
+    'custom-image',
+    {
+      inherit: 'rect',
+      width: 130,
+      height: 100,
+      markup: [
+        {
+          tagName: 'rect',
+          selector: 'body',
+        },
+        {
+          tagName: 'image',
+        },
+        {
+          tagName: 'text',
+          selector: 'label',
+        },
+      ],
+      attrs: {
+        body: {
+          stroke: 'transparent',
+          fill: '#f8f8f8',
+        },
+        image: {
+          width: 62,
+          height:84,
+          refX: 35,
+          refY: 0,
+        },
+        label: {
+          refX: 45,
+          refY: 80,
+          textAnchor: 'start',
+          textVerticalAnchor: 'top',
+          fontSize: 14,
+          fill: '#000',
+        },
+      },
+      ports: { ...ports },
+    },
+    true,
+  )
+  Graph.registerNode(
+  'image-node',
+  {
+    inherit: 'rect',
+    width: 120,
+    height: 60,
+    markup: [
+      {
+        tagName: 'rect',
+        selector: 'body',
+      },
+      {
+        tagName: 'image',
+        selector: 'img',
+      },
+      {
+        tagName: 'text',
+        selector: 'label',
+      },
+    ],
+    attrs: {
+      body: {
+        stroke: 'transparent',
+        strokeWidth: 1,
+        fill: 'transparent',
+        rx: 6,
+        ry: 6,
+      },
+      img: {
+        'xlink:href': 'https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png',
+        width: 24,
+        height: 24,
+        x: 0,
+        y: 0,
+      },
+      label: {
+        text: 'Image Node',
+        fill: '#333',
+        fontSize: 12,
+        refX: 0.5,
+        refY: 0.5,
+        textAnchor: 'middle',
+        dy: 10,
+      },
+      '.': {
+        class: 'custom-image-node',
+      },
+    },
+  },
+  true,
+)
+  Graph.registerNode(
+  'rect-text',
+  {
+    inherit: 'rect',
+    width: 120,
+    height: 60,
+    markup: [
+      {
+        tagName: 'rect',
+        selector: 'body',
+      },
+      {
+        tagName: 'image',
+        selector: 'img',
+      },
+      {
+        tagName: 'text',
+        selector: 'label',
+      },
+    ],
+    attrs: {
+      body: {
+        stroke: 'transparent',
+        strokeWidth: 1,
+        fill: 'transparent',
+        rx: 6,
+        ry: 6,
+      },
+      label: {
+        text: '',
+        fill: '#333',
+        fontSize: 12,
+        refX: 0.5,
+        refY: 0.5,
+        textAnchor: 'middle',
+        dy: 10,
+      },
+      '.': {
+        class: 'custom-image-node',
+      },
+    },
+  },
+  true,
+)
+
+
+
+
+
+
+  projectsById({projectId:props.projectId}).then((res:any) => {
+    if(res.topology != null && res.topology != ''){
+      projectInfo.value = res
+      if (!graph || !projectInfo.value || !projectInfo.value.topology) return;
+      graph.clearCells();
+      const topology:any = JSON.parse(projectInfo.value.topology)
+      if(!topology.designData)return
+      graph.fromJSON(topology.designData);
+    }
+    
+  })
+
+})
+
+
+
+const left = ref(0) 
+const top = ref(0) 
+const isMenuShow = ref(false)
+
+function bigClick(){
+  graph.zoom(0.1)
+}
+function smallClick(){
+  graph.zoom(-0.1)
+}
+
+
+
+
+function closeAntvx6() {
+  emit('closeAntvx6')
+}
+
+
+</script>
+ 
+<template>
+  <div class="antvx6-layout readonlyx6-layout">
+    <div class="antvx6-header">
+      <div class="header-left-box">
+        <div class="return-icon-box" @click="closeAntvx6"  title="返回工作台">
+          <img src="@/assets/x6/return.png" alt="图标" style="cursor: pointer;">
+        </div>
+        <div class="project-name">{{ projectInfo.name }}</div>
+      </div>
+      <div class="header-content-box">
+        <div class="operation-icon-box" @click="bigClick">
+          <img src="@/assets/x6/magnify.png">
+          <div class="operation-icon-text">放大</div>
+        </div>
+        <div class="operation-icon-box"  @click="smallClick">
+          <img src="@/assets/x6/reduce.png">
+          <div class="operation-icon-text">缩小</div>
+        </div>
+      </div>
+      <div class="header-left-box"></div>
+    </div>
+    <div id="graph-container" style="width: 100%; height: calc(100% - 60px);">
+      <div class="context-menu" v-if="isMenuShow" :style="{left: left +'px', top: top+'px'}">
+      </div>
+    </div>
+  
+  </div>
+</template>
+ 
+<style>
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.antvx6-layout{
+  /* position: relative;
+  z-index: 10;
+  display: flex;
+  flex-direction: column; */
+  width:100%;
+  
+  /* font-family: 'Segoe UI', sans-serif; */
+}
+.readonlyx6-layout{
+  height: calc(100vh);
+}
+.toolbar {
+  padding: 10px;
+  background-color: #f5f5f5;
+  border-bottom: 1px solid #e0e0e0;
+  display: flex;
+  gap: 20px;
+  flex-wrap: wrap;
+}
+
+.style-group {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-right: 20px;
+}
+
+.style-group h4 {
+  margin: 0 0 5px 0;
+  font-size: 14px;
+  color: #333;
+  font-weight: 600;
+}
+
+.toolbar button {
+  padding: 8px 16px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  background-color: #fff;
+  cursor: pointer;
+  font-size: 14px;
+  transition: all 0.3s;
+  white-space: nowrap;
+}
+
+.toolbar button:hover {
+  border-color: #1890ff;
+  color: #1890ff;
+}
+
+.toolbar button:active {
+  background-color: #f0f0f0;
+}
+
+/* Sidebar Styles */
+.sidebar {
+  width: 200px;
+  background-color: #ffffff;
+  border-right: 1px solid #e0e0e0;
+  overflow-y: auto;
+  padding: 16px;
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
+}
+
+.sidebar-section {
+  margin-bottom: 24px;
+}
+
+.sidebar-section h3 {
+  font-size: 14px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 12px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.device-item {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+  margin-bottom: 8px;
+  background-color: #fafafa;
+  border: 1px solid #e0e0e0;
+  border-radius: 4px;
+  cursor: grab;
+  transition: all 0.2s ease;
+}
+
+.device-item:hover {
+  background-color: #f0f5ff;
+  border-color: #1890ff;
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px rgba(24, 144, 255, 0.2);
+}
+
+.device-item:active {
+  cursor: grabbing;
+}
+
+.device-icon {
+  font-size: 24px;
+  margin-right: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+}
+
+.device-name {
+  font-size: 13px;
+  color: #333;
+  font-weight: 500;
+}
+
+/* Graph Container Styles */
+#graph-container {
+  flex: 1;
+  position: relative;
+  background-color: #fafafa;
+  overflow: hidden;
+  width: 100% !important;
+  height: calc(100% - 60px) !important;
+}
+
+/* Drag and drop visual feedback */
+.graph-container.drag-over {
+  background-color: #e6f7ff;
+  border: 2px dashed #1890ff;
+}
+
+.context-menu {
+  position: absolute;
+  z-index: 100;
+  background-color: #fff;
+  border: 1px solid #dfe3e8;
+  border-radius: 4px;
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
+  width: 240px;
+  height: 40px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+}
+</style>
+<style>
+
+.antvx6-header {
+  width: 100%;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  background-color: #ffffff;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.header-left-box {
+  width: 400px;
+  height: 60px;
+  display: flex;
+  align-items: center;
+}
+
+.header-content-box {
+  display: flex;
+  align-items: center;
+}
+
+.return-icon-box {
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  margin-right: 10px;
+}
+
+.return-icon-box:hover {
+  background-color: #eeeeee;
+  border-radius: 4px;
+}
+
+.antvx6-header .project-name {
+  font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
+  font-weight: 700;
+  font-style: normal;
+  font-size: 16px;
+  color: #333333;
+  margin-right: 10px;
+  margin-left: 10px;
+}
+
+.antvx6-header .operation-icon-box {
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  cursor: pointer;
+  margin-right: 20px;
+  font-family: '微软雅黑';
+  font-weight: 400;
+  font-style: normal;
+  font-size: 12px;
+  color: #4B4B4B;
+  padding-top: 5px;
+}
+
+.antvx6-header .operation-icon-box:hover {
+  background-color: #eeeeee;
+  border-radius: 4px;
+}
+
+.operation-icon-text {
+  width: 100%;
+  text-align: center;
+  padding-top: 5px;
+}
+.line-style-box{
+  position: absolute;
+  right: 0;
+  height: 100%;
+  /* width: 100px; */
+  /* background-color: #d9d9d9; */
+  z-index: 10;
+  display: flex;
+  align-items: center;
+}
+.expansionandcontraction-box{
+  width:15px;
+  height: 64px;
+  background-color: #ffffff;
+  border: 1px solid #cfcfcf;
+
+  border-radius: 10px 0 0 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.style-content-box{
+  width: 300px;
+  height: calc(100vh - 60px);
+  border: 1px solid #cfcfcf;
+  border-top: none;
+  border-right: none;
+  background: #fff;
+}
+.style-content-box-title{
+  width: 100%;
+  height: 40px;
+  line-height: 40px;
+  text-align: left;
+  font-size: 14px;
+  font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
+  font-weight: 700;
+  font-style: normal;
+  font-size: 14px;
+  color: #282828;
+  background-color: rgba(255, 255, 255, 1);
+  box-sizing: border-box;
+  border-bottom:1px solid rgba(238, 238, 238, 1);
+  padding-left: 15px;
+}
+</style>
+
+<style>
+  .el-dialog {
+    padding: 0 !important;
+    border-radius: 10px !important;
+    border: 1px solid #363636 !important;
+}
+  .el-dialog .el-dialog__header {
+    display: flex;
+    display: -webkit-flex;
+    justify-content: flex-start;
+    -webkit-justify-content: flex-start;
+    align-items: center;
+    -webkit-align-items: center;
+    padding: 10px 20px;
+    background-color: #f1f3f8 !important;
+    font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
+    font-weight: 700;
+    font-style: normal;
+    font-size: 16px;
+    color: #1B1B1B;
+    text-align: left;
+    border-radius: 10px 10px 0 0;
+    height: 50px;
+}
+.el-dialog .el-dialog__close {
+    font-size: 22px;
+    color: rgb(80, 80, 80);
+}
+
+</style>
+<style >
+.custom-image-node {
+  cursor: pointer;
+}
+</style>
\ No newline at end of file
diff --git a/business-css/frontend/src/components/antvx6/viewx6.vue b/business-css/frontend/src/components/antvx6/viewx6.vue
index d1d8c50..c30ae1e 100644
--- a/business-css/frontend/src/components/antvx6/viewx6.vue
+++ b/business-css/frontend/src/components/antvx6/viewx6.vue
@@ -137,7 +137,6 @@ function addAttrText(item:any,index:any){
       }
     },
   })
-debugger
   graph.addNode({
     shape: 'image-node',
     x: item.position.x + 135 ,
diff --git a/business-css/frontend/src/store/modules/user.ts b/business-css/frontend/src/store/modules/user.ts
index 249e270..4bb1db6 100644
--- a/business-css/frontend/src/store/modules/user.ts
+++ b/business-css/frontend/src/store/modules/user.ts
@@ -18,7 +18,7 @@ export const useUserStore = defineStore('user', () => {
   const roles = ref<Array<string>>([]); // 用户角色编码集合 → 判断路由权限
   const perms = ref<Array<string>>([]); // 用户权限编码集合 → 判断按钮权限
   const badgeval = ref('')
-
+  const  username = ref('')
   // actions
 
   // 登录
@@ -50,6 +50,7 @@ export const useUserStore = defineStore('user', () => {
           }
           nickname.value = data.userInfo.nickname;
           userId.value = data.userInfo.id;
+          username.value = data.userInfo.username;
           avatar.value = data.userInfo.avatar;
           roles.value = data.roles;
           perms.value = data.permissions;
@@ -81,6 +82,7 @@ export const useUserStore = defineStore('user', () => {
     removeToken();
     Token.value = '';
     nickname.value = '';
+    username.value = '';
     userId.value = '';
     avatar.value = '';
     roles.value = [];
@@ -89,6 +91,7 @@ export const useUserStore = defineStore('user', () => {
   return {
     Token,
     nickname,
+    username,
     userId,
     avatar,
     roles,
diff --git a/business-css/frontend/src/views/business/project/index.vue b/business-css/frontend/src/views/business/project/index.vue
index 6ef0879..67c918a 100644
--- a/business-css/frontend/src/views/business/project/index.vue
+++ b/business-css/frontend/src/views/business/project/index.vue
@@ -11,6 +11,14 @@ import { searchProjectsLsit,addProjects,updateProjects,deleteProjects,deleteBatc
 import Page from '@/components/Pagination/page.vue'
 import ScenarioModel from '@/views/component/scenario/index.vue'
 import Antvx6 from '@/components/antvx6/index.vue'
+import Readonlyx6 from '@/components/antvx6/readonlyx6.vue'
+
+import { useUserStore } from '@/store/modules/user';
+const userStore = useUserStore();
+
+const username = ref(userStore.username)
+
+
 const apiUrl = import.meta.env.VITE_APP_BASE_API; // 基础路径
 const isShowAntvx6 = ref(false); // 是否展示分析设计弹窗
 const isScenario = ref(false) //是否展示历史模拟场景
@@ -217,7 +225,8 @@ function closeAntvx6() {
           <a :href=" apiUrl + '/projects/exportAllExports'" target="_blank" rel="noopener noreferrer">
             <el-button  type="primary">导出</el-button>   </a>
           <el-button  type="primary"
-            :disabled="multipleSelection.length <= 0" @click="delClick" style="margin-left: 10px">删除</el-button>
+            :disabled="multipleSelection.length <= 0" @click="delClick" style="margin-left: 10px"
+            v-if="username == 'admin'">删除</el-button>
         </div>
       </div>
       <el-table v-loading="loading" :data="tableData" style="width: 100%; height: calc(100vh - 260px);margin-bottom: 10px;" border
@@ -246,12 +255,12 @@ function closeAntvx6() {
               @click="simulationClick(scope.row)"
                 style="cursor: pointer; ">
                 <a :href=" apiUrl + '/projects/' + scope.row.projectId + '/exportProject'" target="_blank" rel="noopener noreferrer">
-               <img  src="@/assets/table/export.png" alt="" title="导出项目工程"
+              <img  src="@/assets/table/export.png" alt="" title="导出项目工程"
                  style="cursor: pointer; ">
                 </a>
 
-                 <img  src="@/assets/table/del.png" alt="" title="删除"
-                @click="delAloneClick(scope.row)" style="cursor: pointer; "> 
+              <img  src="@/assets/table/del.png" alt="" title="删除"
+                @click="delAloneClick(scope.row)" style="cursor: pointer;" v-if="username == scope.row.creator"> 
             </span>
           </template>
         </el-table-column>
@@ -274,7 +283,8 @@ function closeAntvx6() {
         <span class="dialog-footer"
           style="display: flex;display: -webkit-flex; justify-content: flex-end;-webkit-justify-content: flex-end;">
           <el-button @click="handleClose">取 消</el-button>
-          <el-button type="primary" @click="confirmClick(infoForm)">确 定</el-button>
+          <el-button type="primary" @click="confirmClick(infoForm)" v-if="username == 'admin' || 'PUBLIC' == info.visibility
+          || title == '新增项目'">确 定</el-button>
         </span>
       </el-form>
     </el-dialog>
@@ -285,8 +295,10 @@ function closeAntvx6() {
       <ScenarioModel v-if="isScenario"  :projectInfo="info" ref="Scenario" />
     </el-dialog>
 
-    <div v-if="isShowAntvx6" style="position: fixed;top: 0px;left: 0px; width: 100vw;height: 100vh;background-color: #fff;z-index: 100;">
-      <Antvx6 ref="antvx6" v-if="isShowAntvx6" :projectInfo="info"   @closeAntvx6="closeAntvx6"/>
+  
+    <div v-if="isShowAntvx6" class="antvx6-content" style="position: fixed;top: 0px;left: 0px; width: 100vw;height: 100vh;background-color: #fff;z-index: 100;">
+      <Antvx6 ref="antvx6" v-if="isShowAntvx6 && (username == 'admin' || 'PUBLIC' == info.visibility)" :projectInfo="info"   @closeAntvx6="closeAntvx6"/>
+      <Readonlyx6 ref="readonlyx6" v-if="isShowAntvx6 && ('READONLY' == info.visibility)" :projectId="info.projectId"   @closeAntvx6="closeAntvx6"/>
     </div>
   </div>
 </template>
diff --git a/business-css/frontend/src/views/component/scenario/index.vue b/business-css/frontend/src/views/component/scenario/index.vue
index 2ec2c90..19c1a06 100644
--- a/business-css/frontend/src/views/component/scenario/index.vue
+++ b/business-css/frontend/src/views/component/scenario/index.vue
@@ -20,6 +20,11 @@ import TableModels from '@/components/antvx6/tableModel.vue';
 import EchartsModels from '@/components/antvx6/echartsModel.vue';
 import Viewx6 from '@/components/antvx6/viewx6.vue';
 
+import { useUserStore } from '@/store/modules/user';
+const userStore = useUserStore();
+const username = ref(userStore.username)
+
+
 const webUrl = import.meta.env.VITE_APP_BASE_HTTP; // 基础路径
 const algorithmTypeData: any = ref([]); // 算法类型数据
 const stepsActive = ref(0); // 步骤导航栏当前激活的步骤索引
@@ -431,9 +436,10 @@ function initDeviceData(){
           <el-button type="primary" style="margin-left: 10px" @click="gettableData">搜索</el-button>
         </div>
         <div>
-          <el-button  type="primary" @click="addClick">
+          <el-button  type="primary" @click="addClick" v-if="props.projectInfo.visibility == 'PUBLIC' || username == props.projectInfo.creator || props.projectInfo.creator == 'admin'">
             新增</el-button>
           <el-button  :type="multipleSelection.length > 0 ? 'primary' : ''"
+            v-if="props.projectInfo.visibility == 'PUBLIC' || username == props.projectInfo.creator || props.projectInfo.creator == 'admin'"
             :disabled="multipleSelection.length <= 0" @click="delClick">删除</el-button>
         </div>
       </div>
@@ -463,26 +469,31 @@ function initDeviceData(){
             <span
               style="display: flex;display: -webkit-flex; justify-content: space-around;-webkit-justify-content: space-around; ">
              
-              <img  src="@/assets/table/edit.png" alt="" title="修改" v-if="scope.row.status == 0"
+              <img  src="@/assets/table/edit.png" alt="" title="修改" 
+                v-if="scope.row.status == 0 && (props.projectInfo.visibility == 'PUBLIC' || username == props.projectInfo.creator || props.projectInfo.creator == 'admin')"
                 @click="editClick(scope.row,'修改')" style="cursor: pointer; ">
 
-              <img  src="@/assets/table/view.png" alt="" title="查看" v-if="scope.row.status != 0"
-                @click="editClick(scope.row,'查看')" style="cursor: pointer; ">
+              <img  src="@/assets/table/view.png" alt="" title="查看"  v-else  @click="editClick(scope.row,'查看')" style="cursor: pointer; ">
 
-              <img  src="@/assets/table/shifa.png" alt="" title="始发事件" v-if="scope.row.status == 0"
+              <img  src="@/assets/table/shifa.png" alt="" title="始发事件" 
+                v-if="scope.row.status == 0 && (props.projectInfo.visibility == 'PUBLIC' || username == props.projectInfo.creator || props.projectInfo.creator == 'admin')"
                 @click="departureClick(scope.row,'初始条件设置')" style="cursor: pointer; ">
-              <img  src="@/assets/table/see.png" alt="" title="查看始发事件" v-if="scope.row.status != 0"
+              <img  src="@/assets/table/see.png" alt="" title="查看始发事件" v-else
                 @click="departureClick(scope.row,'查看初始条件')" style="cursor: pointer; ">
 
-              <img  src="@/assets/table/moni.png" alt="" title="模拟计算" v-if="scope.row.status == 0|| scope.row.status == 1"
+
+
+              <img  src="@/assets/table/moni.png" alt="" title="模拟计算" 
+              v-if="(scope.row.status == 0|| scope.row.status == 1) && (props.projectInfo.visibility == 'PUBLIC' || username == props.projectInfo.creator || props.projectInfo.creator == 'admin')"
                 @click="confirmationAnalysis(scope.row)" style="cursor: pointer; ">
-              <img  src="@/assets/table/moni_disabled.png" alt="" title="查看始发事件" v-if="scope.row.status != 0 &&scope.row.status != 1">
+              <img  src="@/assets/table/moni_disabled.png" alt="" title="查看始发事件" v-else>
 
               <img  src="@/assets/table/result.png" alt="" title="计算结果" v-if="scope.row.status == 2"
                 @click="resultClick(scope.row)" style="cursor: pointer; ">
               <img  src="@/assets/table/result_disabled.png" alt="" title="计算结果" v-if="scope.row.status != 2">
             
-              <img  src="@/assets/table/del.png" alt="" title="删除" v-if="scope.row.status == 0"
+              <img  src="@/assets/table/del.png" alt="" title="删除" 
+              v-if="scope.row.status == 0 && (props.projectInfo.visibility == 'PUBLIC' || username == props.projectInfo.creator || props.projectInfo.creator == 'admin')"
                 @click="delAloneClick(scope.row)" style="cursor: pointer; "> 
               <img v-else src="@/assets/table/del_disabled.png" alt="" title="删除"
                 >