卡口登记 删除
This commit is contained in:
@@ -43,9 +43,12 @@
|
|||||||
<div class="item" v-for="(item,index) in list" :key="index" @click="toUser(item)">
|
<div class="item" v-for="(item,index) in list" :key="index" @click="toUser(item)">
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<h2 class="name">{{item.name}}
|
<h2 class="name">{{item.name}}
|
||||||
<div class="status" :class="'status'+item.riskLevel">{{ $dict.getLabel('EP_riskLevel', item.riskLevel) }}<div class="del-btn" @click.stop="del(item.id)">删除</div></div>
|
<div class="status" :class="'status'+item.riskLevel">{{ $dict.getLabel('EP_riskLevel', item.riskLevel) }} </div>
|
||||||
</h2>
|
</h2>
|
||||||
<p class="color-999">{{item.idNumber}}</p>
|
<p class="color-999 idnumber-flex">
|
||||||
|
<span>{{item.idNumber}}</span>
|
||||||
|
<span class="del-btn" @click.stop="del(item.id)"> <u-icon name="trash" color="#f46" size="40" /></span>
|
||||||
|
</p>
|
||||||
<p><img src="./components/img/org-icon.png" alt=""><span class="start-name">{{item.startAreaName}}</span></p>
|
<p><img src="./components/img/org-icon.png" alt=""><span class="start-name">{{item.startAreaName}}</span></p>
|
||||||
<p><img src="./components/img/blue-icon.png" alt=""><span class="start-name">{{item.arriveAreaName}}</span></p>
|
<p><img src="./components/img/blue-icon.png" alt=""><span class="start-name">{{item.arriveAreaName}}</span></p>
|
||||||
<p><img src="./components/img/time-icon.png" alt="">{{item.arriveTime}}</p>
|
<p><img src="./components/img/time-icon.png" alt="">{{item.arriveTime}}</p>
|
||||||
@@ -349,11 +352,6 @@ export default {
|
|||||||
.status2 {
|
.status2 {
|
||||||
color: #f46;
|
color: #f46;
|
||||||
}
|
}
|
||||||
.del-btn {
|
|
||||||
display: inline-block;
|
|
||||||
color: #f46;
|
|
||||||
margin-left: 24px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
p{
|
p{
|
||||||
width: calc(100% - 200px);
|
width: calc(100% - 200px);
|
||||||
@@ -369,6 +367,15 @@ export default {
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.idnumber-flex {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.del-btn {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
.start-name{
|
.start-name{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: calc(100% - 50px);
|
width: calc(100% - 50px);
|
||||||
|
|||||||
Reference in New Issue
Block a user