|
|
@@ -155,8 +155,15 @@
|
|
|
</draggable>
|
|
|
|
|
|
<div v-if="!readOnly">
|
|
|
+ <!-- 新增控制按钮 -->
|
|
|
+ <el-button
|
|
|
+ type="info"
|
|
|
+ size="small"
|
|
|
+ @click="showOptions = !showOptions">
|
|
|
+ {{ showOptions ? '隐藏选项' : '显示选项' }}
|
|
|
+ </el-button>
|
|
|
<!-- 添加内容项 -->
|
|
|
- <div class="add-item">
|
|
|
+ <div class="add-item" v-if="showOptions"> <!-- 使用 v-if 控制显示 -->
|
|
|
<el-input
|
|
|
v-model="newItemKey[activeTab]"
|
|
|
placeholder="键名"
|
|
|
@@ -176,39 +183,45 @@
|
|
|
</el-button>
|
|
|
</div>
|
|
|
<br>
|
|
|
- <!-- 删除当前标签页 -->
|
|
|
+ <!-- 添加新标签页 -->
|
|
|
+ <div class="add-tab" v-if="!readOnly && showOptions">
|
|
|
+ <el-input
|
|
|
+ v-model="newTabName"
|
|
|
+ placeholder="新标签页名称"
|
|
|
+ style="width: 200px; margin-right: 10px;"></el-input>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="addTab"
|
|
|
+ :disabled="!newTabName || myObj[newTabName]">
|
|
|
+ 添加标签页
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <br>
|
|
|
+ <!-- 修改当前标签名 -->
|
|
|
<el-button
|
|
|
- type="danger"
|
|
|
+ type="primary"
|
|
|
size="small"
|
|
|
- @click="deleteTab(activeTab)">
|
|
|
- 删除当前标签页
|
|
|
+ @click="editTabName(activeTab)"
|
|
|
+ v-if="showOptions"> <!-- 使用 v-if 控制显示 -->
|
|
|
+ 修改当前标签名
|
|
|
</el-button>
|
|
|
- <!-- 修改当前标签名-->
|
|
|
+ <!-- 删除当前标签页 -->
|
|
|
<el-button
|
|
|
- type="primary"
|
|
|
+ type="danger"
|
|
|
size="small"
|
|
|
- @click="editTabName(activeTab)">
|
|
|
- 修改当前标签名
|
|
|
+ @click="deleteTab(activeTab)"
|
|
|
+ v-if="showOptions"> <!-- 使用 v-if 控制显示 -->
|
|
|
+ 删除当前标签页
|
|
|
</el-button>
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
<br>
|
|
|
|
|
|
- <!-- 添加新标签页 -->
|
|
|
- <div class="add-tab" v-if="!readOnly">
|
|
|
- <el-input
|
|
|
- v-model="newTabName"
|
|
|
- placeholder="新标签页名称"
|
|
|
- style="width: 200px; margin-right: 10px;"></el-input>
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- @click="addTab"
|
|
|
- :disabled="!newTabName || myObj[newTabName]">
|
|
|
- 添加标签页
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
+
|
|
|
</el-tabs>
|
|
|
</div>
|
|
|
|
|
|
@@ -245,7 +258,7 @@
|
|
|
editingItem: null,
|
|
|
editingKey: '',
|
|
|
readOnly: false,
|
|
|
-
|
|
|
+ showOptions: false, // 新增变量控制按钮显示和隐藏
|
|
|
},
|
|
|
mounted() {
|
|
|
pageManager.init().then(res => {
|
tianyun