| | |
| | | <div class="item" v-for="(item, index) in tableList"> |
| | | <div class="left" @click="taskClick(item)"> |
| | | <div class="left-t"> |
| | | <span>{{ index + 1 }}.</span> |
| | | {{ item.name }} |
| | | <span class="status" :class="item.status === 2 ? 'active' : ''"> |
| | | <div>{{ index + 1 }}.</div> |
| | | <div class="t-name">{{item.name}}</div> |
| | | <div class="status" :class="item.status === 2 ? 'active' : ''"> |
| | | {{ getStatusText(item.status) }} |
| | | </span> |
| | | </div> |
| | | </div> |
| | | <div class="left-b"> |
| | | <img src="../../../assets/images/signMachineNest/machineRight/date.png" alt="" /> |
| | |
| | | .left { |
| | | cursor: pointer; |
| | | .left-t { |
| | | display: flex; |
| | | height: 24px; |
| | | font-size: 16px; |
| | | margin-bottom: 4px; |
| | | .t-name { |
| | | width: 180px; |
| | | white-space: nowrap; // 不换行 |
| | | overflow: hidden; // 超出隐藏 |
| | | text-overflow: ellipsis; // 显示省略号 |
| | | } |
| | | .status { |
| | | text-align: center; |
| | | font-size: 12px; |
| | | display: inline-block; |
| | | width: 48px; |
| | | height: 20px; |
| | | background: rgba(76, 166, 255, 0.08); |