odjbin/SmartOpsWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:完成了详细中电话栏的样式

Browse Source
This commit is contained in:
KindSeven
2024-09-16 03:19:45 +08:00
parent 33ca57c921
commit b7bec91182
5 changed files with 40 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/task-management/components/WorkDialog.vue
View File

@@ -213,15 +213,15 @@ defineExpose({
<div class="custom-card">
<div style="font-weight: bold">{{ activity.createTime }}</div>
<div v-for="(info, index) in activity.data" :key="index">
<div>
<div class="timeline-row">
<span :style="{ color: '#a8abb2' }">{{ info.callIdNumber
}}</span>
<PointTag dictType="call_status" :value="info.callState" />
<span :style="{
<PointTag dictType="call_status" :value="info.callState" class="tag"/>
<!-- <span :style="{
color: info.callState === '通话中' ? '#6cc23a' : '#409eff'
}">{{ info.callState }}</span>
}">{{ info.callState }}</span> -->
<span class="span-3th" :style="{ color: '#a8abb2' }">{{
info.answer_time }}</span>
info.answer_time ||'00 : 00'}}</span>
</div>
</div>
</div>
@@ -319,6 +319,26 @@ defineExpose({
}
.main-content .timeline-row{
// border: 1px solid #000;
display: flex;
// justify-content: space-between;
// border: 1px solid #000;
}
.main-content .tag{
align-items: center;
// background-color: red;
margin-left: 30px;
}
.main-content .span-3th{
// flex-grow: 1;
// margin-right:;
flex: 1;
text-align: right;
margin-right: 100px;
}
.custom-card {
width: 100%;
font-size: 16px;
@@ -330,8 +350,4 @@ defineExpose({
margin: 2px;
}
.custom-card .span-3th {
float: right;
}
</style>