From a7c11f44644124cf16014f972363b6a3ba9ca29a Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期三, 30 十月 2024 15:36:25 +0800 Subject: [PATCH] 测试完成 --- src/components/Assistant/index.vue | 67 +++++++++++++++------------------ 1 files changed, 30 insertions(+), 37 deletions(-) diff --git a/src/components/Assistant/index.vue b/src/components/Assistant/index.vue index 7328736..80e9bd5 100644 --- a/src/components/Assistant/index.vue +++ b/src/components/Assistant/index.vue @@ -42,7 +42,7 @@ <div v-for="(item, index) in powerList" :key="index" - @click.stop="activeHandle(index)" + @click.stop="activeHandle(index,item.url)" > <div :class="activeIndex == index ? 'active power-item' : 'power-item'" @@ -68,7 +68,7 @@ }, distanceBottom: { type: Number, - default: 700, + default: 600, }, isScrollHidden: { type: Boolean, @@ -104,40 +104,29 @@ activeIndex: 0, //楂樹寒鏄剧ず powerList: [ { - path: require("@/assets/images/涓嬭浇.png"), - label: "杩炴帴CTI", + path: require("@/assets/images/huanzheliebiao.png"), + url:'/patient/patient/', + label: "鎮h��", }, { - path: require("@/assets/images/涓嬭浇.png"), - label: "绛惧叆", + path: require("@/assets/images/fwwu.png"), + url:'/followvisit/tasklist/', + label: "浠诲姟", }, { - path: require("@/assets/images/涓嬭浇.png"), - label: "绛惧嚭", + path: require("@/assets/images/duanxinjilu.png"), + url:'', + label: "鐭俊", }, { - path: require("@/assets/images/涓嬭浇.png"), - label: "缃棽", + path: require("@/assets/images/dianhua.png"), + url:'', + label: "鐢佃瘽", }, { - path: require("@/assets/images/涓嬭浇.png"), - label: "缃繖", - }, - { - path: require("@/assets/images/涓嬭浇.png"), - label: "鎷ㄥ彿", - }, - { - path: require("@/assets/images/涓嬭浇.png"), - label: "鍜ㄨ", - }, - { - path: require("@/assets/images/涓嬭浇.png"), - label: "淇濇寔", - }, - { - path: require("@/assets/images/涓嬭浇.png"), - label: "鎭㈠", + path: require("@/assets/images/zxlt.png"), + url:'', + label: "鍦ㄧ嚎鑱婂ぉ", }, ], }; @@ -153,8 +142,8 @@ // 鑾峰彇鍏冪礌浣嶇疆灞炴�� this.floatDragDom = this.floatDrag.getBoundingClientRect(); // 璁剧疆鍒濆浣嶇疆 - // this.left = this.clientWidth - this.floatDragDom.width - this.distanceRight; - this.right = 0; + this.left = this.clientWidth - this.floatDragDom.width - this.distanceRight; + // this.right = 0; this.top = this.clientHeight - this.floatDragDom.height - this.distanceBottom; this.initDraggable(); @@ -172,7 +161,7 @@ // 浼哥缉鎮诞鐞� handelFlex() { if (this.flag) { - this.buffer(this.box, "height", 700); + this.buffer(this.box, "height", 600); } else { this.buffer(this.box, "height", 70); } @@ -180,9 +169,12 @@ console.log("鏄惁灞曞紑", this.flag); }, // 鐐瑰嚮鍝釜power - activeHandle(index) { + activeHandle(index,url) { //鎶婃垜浠嚜瀹氫箟鐨勪笅鏍囪祴鍊� this.activeIndex = index; + this.$router.push({ + path: url, + }) console.log("HHHH", index); }, // 鑾峰彇瑕佹敼鍙樺緱鏍峰紡灞炴�� @@ -400,7 +392,7 @@ .item-container { margin-top: 10px; width: 70px; - height: 600px; + height: 500px; display: flex; justify-content: space-between; align-items: center; @@ -410,7 +402,7 @@ width: 40px; height: 40px; border-radius: 50%; - background-color: #69707a; + background-color: #f1f7ff; display: flex; justify-content: center; align-items: center; @@ -477,10 +469,11 @@ } .active { - background-color: #1a1818 !important; + background-color: #f9f1db !important; } .active-des { - color: #1a1818 !important; - font-weight: bold !important; + color: #71dcfa !important; + font-size: 20px !important; + font-weight: 500 !important; } </style> -- Gitblit v1.9.3