user_center点击事件统一取消事件冒泡

src/components/app-header/components/user_center.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="user_center">
+  <div class="user_center" @click.stop="">
     <i
       class="Cicon icon font_family icon-gerenshezhi"
       title="系统设置"
@@ -43,8 +43,8 @@
         </el-form>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="showeditpassword = false">取 消</el-button>
-        <el-button type="primary" @click="editPwd">确 定</el-button>
+        <el-button @click.stop="showeditpassword = false">取 消</el-button>
+        <el-button type="primary" @click.stop="editPwd">确 定</el-button>
       </span>
     </el-dialog>
 
@@ -53,7 +53,7 @@
       <i
         class="Cicon icon font_family icon-icon_quxiaohuoguanbi guanbiques"
         title="关闭"
-        v-on:click="closeHelpInfo"
+        @click.stop="closeHelpInfo"
       ></i>
       <div class="questionwarp">
         <h4 class="admintitle">{{ helpNodeDetail.title }}</h4>
@@ -61,10 +61,10 @@
         <div class="helpNodeDetailBox" v-html="helpNodeDetail.content"></div>
         <div class="dibulongbtn" v-show="isShowBtnReslveHelp == true">
           <div class="widt50 fl">
-            <el-button @click="resolveHelp(helpNodeDetail)">已解决</el-button>
+            <el-button @click.stop="resolveHelp(helpNodeDetail)">已解决</el-button>
           </div>
           <div class="widt50 fr">
-            <el-button @click="disResolveHelp(helpNodeDetail)"
+            <el-button @click.stop="disResolveHelp(helpNodeDetail)"
               >未解决</el-button
             >
           </div>
@@ -79,7 +79,7 @@
           <span class="yiyun_yinyongname">相关教程</span>
           <div class="pxline"></div>
           <ul class="yiyun_app_info_box">
-            <li v-on:click="getHelpDetail(helpNodeDetail.relatedHelpDetailID)">
+            <li @click.stop="getHelpDetail(helpNodeDetail.relatedHelpDetailID)">
               <span class="fl">{{ helpNodeDetail.relatedTitle }}</span>
               <i
                 class="el-collapse-item__arrow el-icon-arrow-right right-list_btn"
@@ -129,7 +129,7 @@
             <!-- <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i> -->
             <div class="close-wrap"
                  :class="{'close-hover': isCloseHover}"
@@ -156,13 +156,13 @@
           <div class="yiyun_app_itemClasss">
             <span class="yiyun_yinyongname">账号</span>
             <ul class="yiyun_app_info_box">
-              <li v-on:click="UserInfoSetting()">
+              <li @click.stop="UserInfoSetting()">
                 <span class="fl">账号设置</span>
                 <i
                   class="el-collapse-item__arrow el-icon-arrow-right right-list_btn"
                 ></i>
               </li>
-              <li v-if="false" v-on:click="toNewsAndInfomation">
+              <li v-if="false" @click.stop="toNewsAndInfomation">
                 <span class="fl">消息与通知</span>
                 <i
                   class="el-collapse-item__arrow el-icon-arrow-right right-list_btn"
@@ -177,19 +177,19 @@
             </ul>
             <span class="yiyun_yinyongname">其它</span>
             <ul class="yiyun_app_info_box">
-              <!-- <li v-on:click="toOpinion">
+              <!-- <li @click.stop="toOpinion">
                 <span class="fl">意见反馈</span>
                 <i
                   class="el-collapse-item__arrow el-icon-arrow-right right-list_btn"
                 ></i>
               </li>
-              <li v-on:click="toHelp">
+              <li @click.stop="toHelp">
                 <span class="fl">查看帮助</span>
                 <i
                   class="el-collapse-item__arrow el-icon-arrow-right right-list_btn"
                 ></i>
               </li>
-              <li @click="toAboutYiYun">
+              <li @click.stop="toAboutYiYun">
                 <span class="fl">关于LOCKING</span>
                 <i
                   class="el-collapse-item__arrow el-icon-arrow-right right-list_btn"
@@ -208,7 +208,7 @@
               type="primary"
               round
               class="longBtn defualtBtnInfo quitBtn"
-              @click="tryToLogout"
+              @click.stop="tryToLogout"
               >退出账户</el-button
             >
           </div>
@@ -219,7 +219,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backUserManagerPain"
+              @click.stop="backUserManagerPain"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -229,7 +229,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -250,20 +250,20 @@
           <div class="yiyun_app_itemClasss">
             <span class="yiyun_yinyongname">账号信息</span>
             <ul class="yiyun_app_info_box">
-              <!-- @click="goSetUsername" -->
+              <!-- @click.stop="goSetUsername" -->
               <li>
                 <span class="fl">姓名</span>
                 <!-- <i class="el-collapse-item__arrow el-icon-arrow-right right-list_btn"></i> -->
                 <span class="right-list_beizhu">{{ user.cnName }}</span>
               </li>
-              <li @click="goSetUserphone">
+              <li @click.stop="goSetUserphone">
                 <span class="fl">手机号</span>
                 <i
                   class="el-collapse-item__arrow el-icon-arrow-right right-list_btn"
                 ></i>
                 <span class="right-list_beizhu">{{ user.phone }}</span>
               </li>
-              <li @click="goSetUserEmail">
+              <li @click.stop="goSetUserEmail">
                 <span class="fl">邮箱</span>
                 <i
                   class="el-collapse-item__arrow el-icon-arrow-right right-list_btn"
@@ -284,7 +284,7 @@
             </ul>
             <span class="yiyun_yinyongname">安全设置</span>
             <ul class="yiyun_app_info_box">
-              <li @click="toEidtPwd">
+              <li @click.stop="toEidtPwd">
                 <span class="fl">修改登入密码</span>
                 <i
                   class="el-collapse-item__arrow el-icon-arrow-right right-list_btn"
@@ -306,13 +306,13 @@
         <div class="flex_right_pain_head">
           <i
             class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-            v-on:click="backUserManagerPain"
+            @click.stop="backUserManagerPain"
           ></i>
           <h4 class="fl biaotititle">关于LOCKING</h4>
           <i
             class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
             title="关闭"
-            @click="closeSetPain"
+            @click.stop="closeSetPain"
           ></i>
         </div>
         <div class="pxline"></div>
@@ -335,7 +335,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backOpinionMain"
+              @click.stop="backOpinionMain"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -345,7 +345,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -355,7 +355,7 @@
             <span class="yiyun_yinyongname">请选择分类</span>
             <ul class="yiyun_app_info_box">
               <li
-                @click="toOpinionQuestion(opinionItem)"
+                @click.stop="toOpinionQuestion(opinionItem)"
                 v-for="opinionItem in listOpinion"
                 :key="opinionItem.id"
               >
@@ -374,7 +374,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backOpinion"
+              @click.stop="backOpinion"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -384,7 +384,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -394,7 +394,7 @@
             <span class="yiyun_yinyongname">您遇到的问题</span>
             <ul class="yiyun_app_info_box">
               <li
-                v-on:click="toOpinionQuestionDesc(opinionNodeItem)"
+                @click.stop="toOpinionQuestionDesc(opinionNodeItem)"
                 v-for="opinionNodeItem in listOpinionNode"
                 :key="opinionNodeItem.id"
               >
@@ -413,7 +413,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backOpinionQuestion"
+              @click.stop="backOpinionQuestion"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -423,7 +423,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -500,7 +500,7 @@
           </div>
         </div>
         <div class="dibubtn">
-          <el-button type="primary" @click="sendQuestion">提交反馈</el-button>
+          <el-button type="primary" @click.stop="sendQuestion">提交反馈</el-button>
         </div>
       </div>
       <!-- 查看帮助 -->
@@ -509,7 +509,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backOpinionMain"
+              @click.stop="backOpinionMain"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -519,7 +519,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -529,7 +529,7 @@
             <span class="yiyun_yinyongname">请选择帮助分类</span>
             <ul class="yiyun_app_info_box">
               <li
-                v-on:click="getListHelpNode(helpItem)"
+                @click.stop="getListHelpNode(helpItem)"
                 v-for="helpItem in listHelp"
                 :key="helpItem.id"
               >
@@ -548,7 +548,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backHelp(1)"
+              @click.stop="backHelp(1)"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -558,7 +558,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -568,7 +568,7 @@
             <span class="yiyun_yinyongname">相关教程1</span>
             <ul class="yiyun_app_info_box">
               <li
-                v-on:click="toHelpInfo(helpNodeItem)"
+                @click.stop="toHelpInfo(helpNodeItem)"
                 v-for="helpNodeItem in listHelpNode"
                 :key="helpNodeItem.id"
               >
@@ -587,7 +587,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backHelp(2)"
+              @click.stop="backHelp(2)"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -599,7 +599,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -613,12 +613,12 @@
               ></div>
               <div class="dibulongbtn" v-show="isShowBtnReslveHelp == true">
                 <div class="widt50 fl">
-                  <el-button @click="resolveHelp(helpNodeDetail)"
+                  <el-button @click.stop="resolveHelp(helpNodeDetail)"
                     >已解决</el-button
                   >
                 </div>
                 <div class="widt50 fr">
-                  <el-button @click="disResolveHelp(helpNodeDetail)"
+                  <el-button @click.stop="disResolveHelp(helpNodeDetail)"
                     >未解决</el-button
                   >
                 </div>
@@ -634,7 +634,7 @@
                 <div class="pxline"></div>
                 <ul class="yiyun_app_info_box">
                   <li
-                    v-on:click="
+                    @click.stop="
                       getHelpDetail(helpNodeDetail.relatedHelpDetailID)
                     "
                   >
@@ -655,7 +655,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backOpinionMain"
+              @click.stop="backOpinionMain"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -665,7 +665,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -716,7 +716,7 @@
           </div>
         </div>
         <div class="dibubtn">
-          <el-button type="primary" @click="editPwd">完成修改</el-button>
+          <el-button type="primary" @click.stop="editPwd">完成修改</el-button>
         </div>
       </div>
       <!-- 账号设置--用户名修改 -->
@@ -725,7 +725,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backOpinionMain"
+              @click.stop="backOpinionMain"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -735,7 +735,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -781,7 +781,7 @@
           </div>
         </div>
         <div class="dibubtn">
-          <el-button type="primary" @click="editUserName">完成修改</el-button>
+          <el-button type="primary" @click.stop="editUserName">完成修改</el-button>
         </div>
       </div>
       <!-- 账号设置--手机号修改 -->
@@ -790,7 +790,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backuCountset"
+              @click.stop="backuCountset"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -800,7 +800,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -849,7 +849,7 @@
         <div class="dibubtn">
           <el-button
             type="primary"
-            @click="gosetnewUserphone"
+            @click.stop="gosetnewUserphone"
             v-if="editphoneNumberstep == 1"
             >修改手机号</el-button
           >
@@ -864,7 +864,7 @@
           >
           <el-button
             type="primary"
-            @click="updateUserPhone"
+            @click.stop="updateUserPhone"
             v-if="
               editphoneNumberstep == 2 &&
               edituserphoneNumber.number != '' &&
@@ -880,7 +880,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backuCountset"
+              @click.stop="backuCountset"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -891,7 +891,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -918,7 +918,7 @@
         </div>
         <div class="dibubtn">
           <el-button
-            @click="editEmailStep = 2"
+            @click.stop="editEmailStep = 2"
             v-if="editEmailStep == 1"
             class="longBtn defualtBtnInfo quitBtn"
             >修改邮箱地址</el-button
@@ -926,7 +926,7 @@
           <el-button
             type="primary"
             v-if="editEmailStep == 2"
-            @click="updateUserEmail"
+            @click.stop="updateUserEmail"
             :class="editEmailClass"
             >完成修改</el-button
           >
@@ -938,7 +938,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backOpinionMain"
+              @click.stop="backOpinionMain"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -948,7 +948,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -956,7 +956,7 @@
         <div class="flex_right_pain_body">
           <div class="yiyun_app_itemClasss">
             <ul class="yiyun_app_info_box">
-              <li v-on:click="toNewsSetting">
+              <li @click.stop="toNewsSetting">
                 <span class="fl">新消息通知设置</span>
                 <i
                   class="el-collapse-item__arrow el-icon-arrow-right right-list_btn"
@@ -980,7 +980,7 @@
           <div class="EC_col_4">
             <i
               class="el-collapse-item__arrow el-icon-arrow-left left-list_btn"
-              v-on:click="backNewsAndInfomation"
+              @click.stop="backNewsAndInfomation"
             ></i>
           </div>
           <div class="EC_col_16">
@@ -990,7 +990,7 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
@@ -1033,14 +1033,14 @@
             <i
               class="Cicon icon font_family icon-icon_quxiaohuoguanbi fr"
               title="关闭"
-              @click="closeSetPain"
+              @click.stop="closeSetPain"
             ></i>
           </div>
         </div>
         <div class="flex_right_pain_body">
           <div>
             <!-- 头像 -->
-            <div class="user_Img" @click="editImgHead = true">
+            <div class="user_Img" @click.stop="editImgHead = true">
               <img v-bind:src="user.headImgUrl | resolveAvator" alt />
             </div>
             <div class="userNamelabel">
@@ -1050,7 +1050,7 @@
           <div class="yiyun_app_itemClasss">
             <span class="yiyun_yinyongname">数据</span>
             <ul class="yiyun_app_info_box" v-if="isProjManager">
-              <li v-on:click="goCloudSourceManager()">
+              <li @click.stop="goCloudSourceManager()">
                 <span class="fl">云盘资源管理器</span>
                 <i
                   class="el-collapse-item__arrow el-icon-arrow-right right-list_btn"