YaolongHan 4 years ago
parent
commit
31d35e6e1b
1 changed files with 46 additions and 3 deletions
  1. 46 3
      src/components/edit/top_toolbar.vue

+ 46 - 3
src/components/edit/top_toolbar.vue

@@ -20,7 +20,7 @@
       <div class="OpenEdit">
         <i class="el-icon-back el-icon-back-two"></i>
         <p>此处可以快速切换图纸</p>
-        <el-button round class="edit-btn">启动编辑</el-button>
+        <el-button size="medium" round class="edit-btn" @click="opEditStatus">启动编辑</el-button>
       </div>
     </div>
     <div class="top-right">
@@ -159,6 +159,12 @@
           <span>发布</span>
         </div>
       </div>
+      <div class="top-right-mark">
+        <div class="copy" @click="copymsg">
+          <img class="lock" :src="require(`./../../assets/images/copy.png`)" alt />
+          <span>复制</span>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -266,7 +272,7 @@ export default {
         children: "Children",
         label: "Name"
       },
-      treeQuery: "",
+      treeQuery: ""
     };
   },
   methods: {
@@ -570,7 +576,8 @@ li {
         font-weight: normal;
       }
       .edit-btn {
-        margin-left: 100px;
+        margin-left: 80px;
+        margin-right: 20px;
       }
     }
   }
@@ -580,6 +587,7 @@ li {
     height: 100%;
     align-items: center;
     justify-content: space-between;
+    position: relative;
     .tool {
       ul {
         display: flex;
@@ -645,6 +653,41 @@ li {
       background: #f5f6f7;
       border-radius: 2px;
     }
+    .top-right-mark {
+      position: absolute;
+      width: e("calc(100% + 24px)");
+      height: 100%;
+      background: rgba(0, 0, 0, 0.11);
+      left: 0;
+      top: 0;
+      cursor: not-allowed;
+      .copy {
+        display: flex;
+        justify-content: center;
+        flex-direction: column;
+        /*width: 62px;*/
+        padding: 0 7px;
+        margin-left: 7px;
+        font-size: 12px;
+        align-items: center;
+        text-align: center;
+        cursor: pointer;
+        width: 50px;
+        height: 60px;
+        background: #fff;
+        img {
+          width: 16px;
+          height: 16px;
+        }
+        position: absolute;
+        left: 129px;
+        top: 0;
+      }
+      .copy:hover {
+        background: #f5f6f7;
+        border-radius: 2px;
+      }
+    }
   }
 }