From 137db1a441d1e4460675a5ac5b925a290eb03b1b Mon Sep 17 00:00:00 2001 From: wangjuncheng <1> Date: 星期三, 04 六月 2025 11:32:32 +0800 Subject: [PATCH] analysi cross flow tooltips --- src/components/menu/CrossSectionalAnalysis.vue | 80 ++++++++++++++++++++++++++++++++++----- 1 files changed, 69 insertions(+), 11 deletions(-) diff --git a/src/components/menu/CrossSectionalAnalysis.vue b/src/components/menu/CrossSectionalAnalysis.vue index 7aa8fc7..7c9db5e 100644 --- a/src/components/menu/CrossSectionalAnalysis.vue +++ b/src/components/menu/CrossSectionalAnalysis.vue @@ -1,16 +1,74 @@ <template> <div style="display: flex; justify-content: space-between;"> - <div @click="initPickHandler"> - <img v-if="!isPicking" src="@/assets/img/timeline/鏂潰.png" style="width: 26px;height: 26px;" /> - <img v-else src="@/assets/img/timeline/宸叉柇闈�.png" style="width: 26px;height: 26px;" /> - </div> - <div @click="confirmPoints"> - <img v-if="!isUploaded" src="@/assets/img/timeline/涓婁紶.png" style="width: 26px;height: 26px;" /> - <img v-else src="@/assets/img/timeline/宸蹭笂浼�.png" style="width: 26px;height: 26px;" /> - </div> - <div @click="clearPoints"> - <img src="@/assets/img/timeline/娓呴櫎.png" style="width: 26px;height: 26px;" /> - </div> + <!-- 绗竴涓寜閽細閫夊彇鏂潰鐐� --> + <el-tooltip placement="top" show-after="1000"> + <template #content> + 鏂潰鍒嗘瀽鍔熻兘璇存槑锛� + <br /><br /> + 馃敼 鐐瑰嚮鎸夐挳鍒囨崲鐘舵�侊細 + <br /> + - 鐧借壊锛氬叧闂嬀鍙栧姛鑳斤紙涓嶅彲閫夌偣锛� + <br /> + - 榛勮壊锛氬紑鍚嬀鍙栧姛鑳斤紙鍙偣鍑诲湴鍥鹃�夋嫨2涓柇闈㈢偣锛� + <br /><br /> + 馃敼 浣跨敤娴佺▼锛� + <br /> + 1. 鐐瑰嚮鎸夐挳鍒囨崲涓洪粍鑹� 鉃� 寮�濮嬫嬀鍙栧潗鏍囩偣 + <br /> + 2. 鍦ㄥ湴鍥句笂鐐瑰嚮閫夋嫨 2 涓柇闈㈢偣锛堝闇�淇敼锛屽彲閲嶆柊鐐瑰嚮锛� + <br /><br /> + 鈿狅笍 娓╅Θ鎻愮ず锛� + <br /> + 姣忔鍙兘鍒嗘瀽涓�鏉℃矡娓犵殑鏂潰锛屽涓柇闈㈠彲鑳藉鑷磋绠楀紓甯革紱 + <br /> + 浣跨敤瀹屾瘯璇峰皢鎸夐挳鍒囧洖鐧借壊锛岄伩鍏嶅奖鍝嶅叾浠栧姛鑳姐�� + </template> + <div @click="initPickHandler" :class="{ active: isPicking }"> + <img v-if="!isPicking" src="@/assets/img/timeline/鏂潰.png" style="width: 26px;height: 26px;" /> + <img v-else src="@/assets/img/timeline/宸叉柇闈�.png" style="width: 26px;height: 26px;" /> + </div> + </el-tooltip> + + <!-- 绗簩涓寜閽細涓婁紶骞跺垎鏋愭柇闈� --> + <el-tooltip placement="top" show-after="1000"> + <template #content> + 涓婁紶骞跺垎鏋愭柇闈㈡暟鎹細 + <br /><br /> + 馃搶 鏉′欢闄愬埗锛� + <br /> + 浠呭綋鎴愬姛閫夋嫨 2 涓柇闈㈢偣鍚庢墠鍙偣鍑� + <br /><br /> + 馃攣 鍔熻兘璇存槑锛� + <br /> + 鐐瑰嚮鍚庡皢瀵瑰綋鍓嶆柇闈㈣繘琛屽垎鏋愶紝绋嶇瓑鐗囧埢鍗冲彲鍦ㄥ浘琛ㄥ尯鍩熸煡鐪嬬粨鏋� + <br /><br /> + 鈿狅笍 娉ㄦ剰浜嬮」锛� + <br /> + 璇ュ姛鑳戒粎鏀寔鍗曟潯娌熸笭鍒嗘瀽锛屽涓柇闈㈠彲鑳藉鑷磋绠椾笉绋冲畾鎴栧嚭閿� + </template> + <div @click="confirmPoints" :class="{ disabled: !isReadyForUpload }"> + <img v-if="!isUploaded" src="@/assets/img/timeline/涓婁紶.png" style="width: 26px;height: 26px;" /> + <img v-else src="@/assets/img/timeline/宸蹭笂浼�.png" style="width: 26px;height: 26px;" /> + </div> + </el-tooltip> + + <!-- 绗笁涓寜閽細娓呴櫎鎵�鏈夌偣鍜屽垎鏋愮粨鏋� --> + <el-tooltip placement="top" show-after="1000"> + <template #content> + 娓呴櫎鎵�鏈夋柇闈㈢偣鍙婂垎鏋愮粨鏋滐細 + <br /><br /> + 馃攣 鍔熻兘璇存槑锛� + <br /> + 鐐瑰嚮鍚庡皢绉婚櫎鍦板浘涓婄殑鎵�鏈夋柇闈㈢偣浠ュ強鐩稿叧鍒嗘瀽鍥捐〃 + <br /><br /> + 鈿狅笍 娓╅Θ鎻愮ず锛� + <br /> + 姝ゆ搷浣滀細娓呯┖褰撳墠鍒嗘瀽杩涘害锛岃纭鍚庡啀鎵ц + </template> + <div @click="clearPoints"> + <img src="@/assets/img/timeline/娓呴櫎.png" style="width: 26px;height: 26px;" /> + </div> + </el-tooltip> </div> </template> -- Gitblit v1.9.3