| | |
| | | * @Author: lzhe lzhe@example.com |
| | | * @Date: 2024-03-26 10:28:33 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-05-08 16:28:34 |
| | | * @LastEditTime: 2024-06-17 13:01:56 |
| | | * @FilePath: /smart-web/src/views/master/person/main/index.vue |
| | | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
| | | --> |
| | |
| | | <li :class="{active: active.isA}" @click="changeLi('isA')"> |
| | | <div class="edit" @click="editBtn('isA')">编辑</div> |
| | | <div class="logo"> |
| | | <img src="http://116.63.155.153:83/api/static/images/cps.png"> |
| | | <img src="http://116.63.155.153:84/api/static/images/cps.png"> |
| | | </div> |
| | | <div class="content"> |
| | | <div class="name">CPS</div> |
| | |
| | | <li :class="{active: active.isB}" @click="changeLi('isB')"> |
| | | <div class="edit" @click="editBtn('isB')">编辑</div> |
| | | <div class="logo"> |
| | | <img src="http://116.63.155.153:83/api/static/images/vision.png"> |
| | | <img src="http://116.63.155.153:84/api/static/images/vision.png"> |
| | | </div> |
| | | <div class="content"> |
| | | <div class="name">大屏</div> |
| | |
| | | <li :class="{active: active.isC}" @click="changeLi('isC')"> |
| | | <div class="edit" @click="editBtn('isC')">编辑</div> |
| | | <div class="logo"> |
| | | <img src="http://116.63.155.153:83/api/static/images/hmi.png"> |
| | | <img src="http://116.63.155.153:84/api/static/images/hmi.png"> |
| | | </div> |
| | | <div class="content"> |
| | | <div class="name">HMI</div> |
| | |
| | | top: 18px; |
| | | right: 16px; |
| | | font-size: 14px; |
| | | color: #3b8e8e; |
| | | color: #409eff; |
| | | } |
| | | .show-list li .logo { |
| | | width: 66px; |
| | |
| | | top: 20px; |
| | | } |
| | | .card .top .title .taginfo { |
| | | color: #3b8e8e; |
| | | border: 1px solid #3b8e8e; |
| | | color: #409eff; |
| | | border: 1px solid #409eff; |
| | | border-radius: 4px; |
| | | font-size: 14px; |
| | | margin-left: 10px; |
| | |
| | | padding: 20px; |
| | | } |
| | | .card .bottom .info .img { |
| | | background-color: #3b8e8e; |
| | | background-color: #409eff; |
| | | border-radius: 6px; |
| | | display: flex; |
| | | justify-content: center; |
| | |
| | | font-size: 14px; |
| | | } |
| | | .card .bottom .info .info-right .tag span{ |
| | | color: #3b8e8e; |
| | | color: #409eff; |
| | | cursor: pointer; |
| | | padding: 0 !important; |
| | | min-height: 14px !important; |