|  |  | 
 |  |  |           {{title}} | 
 |  |  |         </h2> | 
 |  |  |         <div class="user"> | 
 |  |  |           <div class="user_help" @click="jumpWord"> | 
 |  |  |             <img src="@/assets/images/ic_help@2x.png" alt="" /> | 
 |  |  |             <span>帮助文档</span> | 
 |  |  |           <div class="help" @click="jumpWord"> | 
 |  |  |             <div class="user_help"> | 
 |  |  |               <img src="@/assets/images/ic_help@2x.png" alt="" /> | 
 |  |  |               <span>帮助文档</span> | 
 |  |  |             </div> | 
 |  |  |             <span class="ml5 mr5">|</span> | 
 |  |  |             <span>企业代码: {{ tempId }}</span> | 
 |  |  |           </div> | 
 |  |  |           <!-- <div style="margin-right: 10px;">企业代码: {{ tempId }}</div> --> | 
 |  |  |           <el-dropdown trigger="click" style="margin-right: 20px;" v-userState @command="select"> | 
 |  |  |             <span class="el-dropdown-link"> | 
 |  |  |               {{ tempC }}<i class="el-icon-arrow-down el-icon--right"></i> | 
 |  |  |             <span class="c2 f16">{{ tempC }}</span><i class="el-icon-arrow-down el-icon--right"></i> | 
 |  |  |             </span> | 
 |  |  |             <el-dropdown-menu slot="dropdown"> | 
 |  |  |               <el-dropdown-item v-for="(item, index) in cList" :key="index" :command='item.id'>{{ item.name }}</el-dropdown-item> | 
 |  |  | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       tempC: '', | 
 |  |  |       tempId: '', | 
 |  |  |       cList: '', | 
 |  |  |       visible: { | 
 |  |  |         // 修改密码 | 
 |  |  | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   created () { | 
 |  |  |     this.tempC = this.userInfo.curComDepartment ? this.userInfo.curComDepartment.name : '' | 
 |  |  |     if (this.userInfo.curComDepartment) { | 
 |  |  |       this.tempC = this.userInfo.curComDepartment.name | 
 |  |  |       this.tempId = this.userInfo.company.id | 
 |  |  |     } | 
 |  |  |     getDepartmentListByConditon({ | 
 |  |  |       type: 0 | 
 |  |  |     }) | 
 |  |  | 
 |  |  |       // width: 30%; | 
 |  |  |       flex-shrink: 0; | 
 |  |  |       // text-align: right; | 
 |  |  |       vertical-align: middle; | 
 |  |  |       display: flex; | 
 |  |  |       align-items: center; | 
 |  |  |       .user_help { | 
 |  |  |         width: 111px; | 
 |  |  |         height: 36px; | 
 |  |  |       .help { | 
 |  |  |         display: flex; | 
 |  |  |         height: 29px; | 
 |  |  |         line-height: 38px; | 
 |  |  |         align-items: center; | 
 |  |  |         justify-content: center; | 
 |  |  |         background: #F7F7F7; | 
 |  |  |         border-radius: 4px; | 
 |  |  |         vertical-align: middle; | 
 |  |  |         margin-right: 30px; | 
 |  |  |         cursor: pointer; | 
 |  |  |         img { | 
 |  |  |           width: 16px; | 
 |  |  |           height: 16px; | 
 |  |  |           margin-right: 7px !important; | 
 |  |  |         } | 
 |  |  |         span { | 
 |  |  |           font-size: 16px; | 
 |  |  |           font-size: 12px; | 
 |  |  |           font-family: PingFangSC-Regular, PingFang SC; | 
 |  |  |           font-weight: 400; | 
 |  |  |           vertical-align: middle; | 
 |  |  |           color: #666666; | 
 |  |  |         } | 
 |  |  |         .user_help { | 
 |  |  |           // width: 111px; | 
 |  |  |            | 
 |  |  |           // background: #F7F7F7; | 
 |  |  |           | 
 |  |  |            | 
 |  |  |           cursor: pointer; | 
 |  |  |           img { | 
 |  |  |             width: 16px; | 
 |  |  |             height: 16px; | 
 |  |  |             margin-right: 7px !important; | 
 |  |  |             vertical-align: middle; | 
 |  |  |           } | 
 |  |  |            | 
 |  |  |         } | 
 |  |  |       } | 
 |  |  |        | 
 |  |  |       .el-dropdown { | 
 |  |  |         flex-shrink: 0; | 
 |  |  |         top: 2px; |