From 31caeb0f4c1f14bb04ca80d916fcb4df83fcab3e Mon Sep 17 00:00:00 2001 From: wulitaotao <547306458@qq.com> Date: 星期四, 16 二月 2023 14:38:11 +0800 Subject: [PATCH] 左侧内容提交 --- src/components/Screen/bottom.vue | 91 +++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 91 insertions(+), 0 deletions(-) diff --git a/src/components/Screen/bottom.vue b/src/components/Screen/bottom.vue index be02463..7c4a3bb 100644 --- a/src/components/Screen/bottom.vue +++ b/src/components/Screen/bottom.vue @@ -31,12 +31,43 @@ <el-popover placement="top" width="100" trigger="click"> <!-- 鍐呭 --> <span slot="reference">宸ョ▼灞曠ず</span> + <div class="popover-content"> + <div class="popover-content__header">椤圭洰淇℃伅</div> + <div class="popover-content__list"> + <div + class="popover-content__list__item" + v-for="item in displayProject" + :key="item.id" + :class="currProject == item.name ? 'active' : ''" + :title="item.name" + @click="DisplayCurrentProject(item.name)" + > + {{ item.name.length>8?item.name.substring(0,8):item.name }} + </div> + </div> + </div> </el-popover> </div> <div class="bottombtn"> <el-popover placement="top" width="100" trigger="click"> <!-- 鍐呭 --> <span slot="reference">宸ョ▼宸¤</span> + <div class="popover-content"> + <div class="popover-content__header">椤圭洰淇℃伅</div> + <div class="popover-content__list"> + <div + class="popover-content__list__item" + v-for="item in FlyProject" + :key="item.id" + :class="currProject == item.name ? 'active' : ''" + :title="item.name" + @click="FlyCurrentProject(item.name)" + > + {{ item.name.length>8?item.name.substring(0,8):item.name }} + </div> + </div> + </div> + </el-popover> </div> </div> @@ -74,6 +105,47 @@ id: "qqxm", }, ], + + displayProject:[ + { + name:"涓縿涓滅嚎绠¢亾宸ョ▼", + id:"zedx" + }, + { + name:"瑗挎皵涓滆緭涓夌嚎涓柇绠¢亾宸ョ▼", + id:"xqds" + }, + { + name:"涓紖澶╃劧姘旂閬撳伐绋�", + id:"zmtrq" + }, + { + name:"灞变笢瀹樼綉鏂板共绾�", + id:"sdxgx" + }, + ], + FlyProject:[ + { + name:"涓縿涓滅嚎绠¢亾宸ョ▼", + id:"zedx" + }, + { + name:"瑗挎皵涓滆緭涓夌嚎涓柇绠¢亾宸ョ▼", + id:"xqds" + }, + { + name:"涓紖澶╃劧姘旂閬撳伐绋�", + id:"zmtrq" + }, + { + name:"灞变笢瀹樼綉鏂板共绾�", + id:"sdxgx" + }, + ] + + + + } }, methods: { @@ -92,6 +164,25 @@ } this.YXState = !this.YXState }, + + //椤圭洰灞曠ず + DisplayCurrentProject(parm){ + console.log(parm); + //鎵撳紑鎴栬�呭姞杞藉浘灞� + + //椋炲埌鎸囧畾浣嶇疆 + }, + + //宸ョ▼婕父椋炶 + FlyCurrentProject(parm){ + console.log(parm); + //鎵撳紑鎴栬�呭姞杞藉浘灞� + + //寮�濮嬮琛� + } + + + }, } </script> -- Gitblit v1.9.3