是小王呀\24601
1 year ago
15 changed files with 861 additions and 8 deletions
@ -0,0 +1,9 @@ |
|||
import api from './index' |
|||
import request from '@/utils/request' |
|||
export function icEventList(params) { |
|||
return request({ |
|||
url: api.icEventList, |
|||
method: 'post', |
|||
params |
|||
}) |
|||
} |
|||
|
After Width: | Height: | Size: 1.0 KiB |
@ -0,0 +1,257 @@ |
|||
<template> |
|||
<div class='pages flex flex-y'> |
|||
<div style="display: block;"> |
|||
<div class="bto_top1"> |
|||
<div class="flex flex-mean"> |
|||
<van-search v-model="workOrderNum" class="no-margin" left-icon="false" shape="round" |
|||
placeholder="按工单号" /> |
|||
<van-search v-model="mobile" class="no-margin" left-icon="false" shape="round" placeholder="手机号" /> |
|||
<!-- <van-search v-model="operationType" class="no-margin" left-icon="false" |
|||
@focus="onOperationType" shape="round" placeholder="办理状态" /> --> |
|||
<van-dropdown-menu class="custom-dropdown-menu" > |
|||
<van-dropdown-item class="custom-dropdown-item" v-model="operationTypeName" :options="actions" @change="onOperationType"/> |
|||
</van-dropdown-menu> |
|||
<van-button style="height: 35px;" @click="onQuery" round type="info">检索</van-button> |
|||
<!-- <van-action-sheet v-model="status" :actions="actions" @select="onSelect" /> --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="container"> |
|||
<div class=" card m-top12" v-for="(item, index) in tableData" :key="index"> |
|||
<div class="flex flex-certer1 flex-center2 flex-end "> |
|||
<div class="workorder"> |
|||
工单号：{{ item.workOrderNum }} |
|||
</div> |
|||
<div :class="getStatusClass(item.operationTypeName)"> |
|||
{{ item.operationTypeName }} |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<div class="van-multi-ellipsis--l2 m-top12"> |
|||
{{item.eventContent}} |
|||
</div> |
|||
</div> |
|||
<div class="flex flex-certer1 flex-center2 flex-end "> |
|||
<div class="phonenName"> |
|||
来电人：{{item.name}} {{item.mobile}} |
|||
</div> |
|||
<div> |
|||
<van-button class="handle" round type="info" @click="onHandle(item)">办理</van-button> |
|||
</div> |
|||
<van-action-sheet v-model="show" :actions="actions" @select="onSelect" /> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import throttle from 'lodash/debounce' |
|||
import { icEventList } from '@/api/service' |
|||
import { uploadvariedfile } from '@/api/basic' |
|||
import { Dialog } from 'vant'; |
|||
export default { |
|||
data() { |
|||
return { |
|||
workOrderNum:"", |
|||
mobile:"", |
|||
operationType:"", |
|||
operationTypeName:"10", |
|||
status: false, |
|||
pageNo: 1, |
|||
pageSize: 20, |
|||
tableData: [ |
|||
], |
|||
actions: [ |
|||
{ |
|||
value: "8", |
|||
text: "未联系当事人", |
|||
}, |
|||
{ |
|||
value: "9", |
|||
text: "已联系当事人", |
|||
}, |
|||
{ |
|||
value: "10", |
|||
text: "办理中", |
|||
}, |
|||
{ |
|||
value: "11", |
|||
text: "已办结待审核", |
|||
}, |
|||
{ |
|||
value: "12", |
|||
text: "已审核归档", |
|||
}, |
|||
], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.icEventList() |
|||
}, |
|||
mounted() { |
|||
// this.$nextTick(() => { |
|||
// this.scroll = this.$refs.scroll; |
|||
// if (this.$store.state.app.scrollTop) { |
|||
// setTimeout(() => { |
|||
// this.$refs.scroll.scrollTo(0, this.$store.state.app.scrollTop); |
|||
// }, 500) |
|||
// } |
|||
// this.scroll.addEventListener('scroll', this.bottomScroll); //监听底部加载 |
|||
// }) |
|||
|
|||
}, |
|||
activated() { |
|||
|
|||
}, |
|||
methods: { |
|||
|
|||
//获取事件 |
|||
async icEventList() { |
|||
let parms = { |
|||
pageSize: 20, |
|||
pageNo: 1, |
|||
workOrderNum: this.workOrderNum, |
|||
mobile:this.mobile, |
|||
operationType:this.operationType, |
|||
} |
|||
let { data, code, msg } = await icEventList(parms) |
|||
if(code==0){ |
|||
this.tableData=data.list |
|||
} |
|||
else{ |
|||
console.log(msg); |
|||
} |
|||
|
|||
}, |
|||
// onOperationType(){ |
|||
|
|||
// this.status=true |
|||
// console.log(this.status,"skjlfhskdjfh"); |
|||
// }, |
|||
onHandle(item){ |
|||
// this.$route.push({ |
|||
// path: '/HotlineDetail', // 目标路径 |
|||
// query: { // 传递查询参数 |
|||
|
|||
// } |
|||
// }) |
|||
console.log(item,"skjajk ahd"); |
|||
this.$router.push({ name: 'HotlineDetail', query: { icEventId: item.icEventId} }) |
|||
}, |
|||
onQuery(){ |
|||
this.icEventList() |
|||
this.getStatusClass() |
|||
}, |
|||
onOperationType(item){ |
|||
console.log(item); |
|||
this.operationType=item |
|||
}, |
|||
getStatusClass(item){ |
|||
console.log(item,"dsksvkj"); |
|||
switch (item) { |
|||
case '未联系当事人': |
|||
return 'status-red'; |
|||
case '已联系当事人': |
|||
return 'status-blue'; |
|||
case '办理中': |
|||
return 'status-cyan'; |
|||
case '已办结待审核': |
|||
return 'status-orange'; |
|||
case '已审核归档': |
|||
case '其他默认状态': |
|||
return 'status-grey'; |
|||
default: |
|||
return 'status-grey'; |
|||
} |
|||
} |
|||
}, |
|||
components: {}, |
|||
computed: { |
|||
statusClass() { |
|||
return { |
|||
'status-red': this.item.operationType === '未联系当事人', |
|||
'lan': this.item.operationType === '已联系当事人', |
|||
'status-cycn': this.item.operationType === '办理中', |
|||
'status-orange': this.item.operationType === '已办结待审核', |
|||
'status-grey': this.item.operationType === '已审核归档' || this.item.operationType === '其他默认状态' |
|||
}; |
|||
}, |
|||
onSelect(){ |
|||
console.log("dslkfkhlkadf lk"); |
|||
|
|||
}, |
|||
|
|||
|
|||
}, |
|||
watch: {} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='less' scoped> |
|||
:deep(.van-cascader__title) { |
|||
width: 100%; |
|||
} |
|||
|
|||
:deep(.van-tabs__nav) { |
|||
padding-right: 80px; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
:deep(.van-tabs__nav--line) { |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
.workorder { |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 15px; |
|||
color: #999999; |
|||
} |
|||
.phonenName{ |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 28rpx; |
|||
color: #666666; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.status-red { |
|||
color: red; |
|||
} |
|||
|
|||
.lan { |
|||
color: blue; |
|||
} |
|||
|
|||
.status-cycn { |
|||
color: cyan; |
|||
} |
|||
|
|||
.status-orange { |
|||
color: orange; |
|||
} |
|||
|
|||
.status-grey { |
|||
color: grey; |
|||
} |
|||
|
|||
.status-red { |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 13px; |
|||
color: #FF3C3C; |
|||
} |
|||
.no-margin{ |
|||
margin: 0 !important; /* 确保边距为 0 */ |
|||
padding: 0 !important; |
|||
width: 25%; |
|||
} |
|||
.handle{ |
|||
height: 30px; |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,19 @@ |
|||
<template> |
|||
<div> |
|||
<div>1243</div> |
|||
<div class="container"> |
|||
<div class="flex flex-center2 " style="padding: 15px;"> |
|||
<div class="Dispatch-left">办理状态</div> |
|||
<div class="Dispatch-right">{{tableData.deptName}}</div> |
|||
</div> |
|||
<div class="van-hairline--bottom" style=""></div> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</template> |
|||
<script > |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,471 @@ |
|||
<template> |
|||
<div class='pages'> |
|||
<div class="container"> |
|||
<div class=" card"> |
|||
<div class="flex flex-center2 " style="padding: 15px;"> |
|||
<img style="left: 0; height: 14px;" src="../../assets/images/block.png" alt=""> |
|||
<div class="Dispatch">派单信息</div> |
|||
</div> |
|||
<div class="van-hairline--bottom" style=""></div> |
|||
<div class="flex flex-center2 " style="padding: 15px;"> |
|||
<div class="Dispatch-left">派单人</div> |
|||
<div class="Dispatch-right">{{tableData.agencyName}}</div> |
|||
</div> |
|||
<div class="van-hairline--bottom" style=""></div> |
|||
<div class="flex flex-center2 " style="padding: 15px;"> |
|||
<div class="Dispatch-left">指派部门</div> |
|||
<div class="Dispatch-right">{{tableData.deptName}}</div> |
|||
</div> |
|||
<div class="van-hairline--bottom" style=""></div> |
|||
<div class="flex flex-center2 " style="padding: 15px;"> |
|||
<div class="Dispatch-left">指派时间</div> |
|||
<div class="Dispatch-right">{{tableData.createdTime}}</div> |
|||
</div> |
|||
<div class="van-hairline--bottom" style=""></div> |
|||
<div class="flex flex-center2 " style="padding: 15px;"> |
|||
<div class="Dispatch-left">联系当事人时限</div> |
|||
<div class="Dispatch-right-red">{{tableData.contactTime}}</div> |
|||
</div> |
|||
<div class="van-hairline--bottom" style=""></div> |
|||
<div class="flex flex-center2 " style="padding: 15px;"> |
|||
<div class="Dispatch-left">(部门)办结时限</div> |
|||
<div class="Dispatch-right-red">{{tableData.limitTime}}</div> |
|||
</div> |
|||
<div class="van-hairline--bottom" style=""></div> |
|||
<div class="flex flex-center2 " style="padding: 15px;"> |
|||
<div class="Dispatch-left">转办意见</div> |
|||
<div class="Dispatch-right">{{tableData.transferAdvice}}</div> |
|||
</div> |
|||
<div class="van-hairline--bottom" style=""></div> |
|||
<div class="flex flex-center2 " style="padding: 15px;"> |
|||
<div class="Dispatch-left">办理要求</div> |
|||
<div class="Dispatch-right">{{tableData.handlingReq}}</div> |
|||
</div> |
|||
<div class="van-hairline--bottom" style=""></div> |
|||
</div> |
|||
</div> |
|||
<div class="container"> |
|||
<div class=" card "> |
|||
<div class="flex flex-end flex-center2 "> |
|||
<div class="flex flex-center2 " style="padding:5px;"> |
|||
<img style="left: 0; height: 14px;" src="../../assets/images/block.png" alt=""> |
|||
<div class="Dispatch">热线详情</div> |
|||
</div> |
|||
<div class="handleStatus"> {{ tableData.operationType }}</div> |
|||
</div> |
|||
<div class="context"> |
|||
{{ tableData.eventContent}} |
|||
</div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="HotlineDetails-left">工单号:</div> |
|||
<div class="Dispatch-right">{{tableData.workOrderNum}}</div> |
|||
</div> |
|||
<div class="van-hairline--bottom" style=""></div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="HotlineDetails-left">来电人:</div> |
|||
<div class="Dispatch-right">{{tableData.name}}</div> |
|||
</div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="HotlineDetails-left">来电号码:</div> |
|||
<div class="Dispatch-right">{{tableData.mobile}}</div> |
|||
</div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="HotlineDetails-left">问题分类:</div> |
|||
<div class="Dispatch-right">{{tableData.categoryAllName}}</div> |
|||
</div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="HotlineDetails-left">紧急程度:</div> |
|||
<div class="Dispatch-right">{{tableData.exigency}}</div> |
|||
</div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="HotlineDetails-left">是否回复:</div> |
|||
<div class="Dispatch-right">{{tableData.replayed}}</div> |
|||
</div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="HotlineDetails-left">是否保密:</div> |
|||
<div class="Dispatch-right">{{tableData.secrecy}}</div> |
|||
</div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="HotlineDetails-left">回复备注:</div> |
|||
<div class="Dispatch-right">{{tableData.replayRemark}}</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="container"> |
|||
<div class=" card "> |
|||
<div class="flex flex-end flex-center2 "> |
|||
<div class="flex flex-center2 " style="padding:5px;"> |
|||
<img style="left: 0; height: 14px;" src="../../assets/images/block.png" alt=""> |
|||
<div class="Dispatch">办理经过</div> |
|||
</div> |
|||
</div> |
|||
<!-- <div class="context"> |
|||
{{ tableData.eventContent}} |
|||
</div> --> |
|||
<div v-for="(item,index) in afterList" :key="index"> |
|||
|
|||
<div class="flex flex-end flex-center2 "> |
|||
<div class="flex flex-center2 " style="padding:5px;"> |
|||
<div class="Processhandling-left">指派</div> |
|||
</div> |
|||
<div class="Processhandling-right">{{item.processTime}}</div> |
|||
</div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="Processhandling-left-left">操作人:</div> |
|||
<div class="Dispatch-right">{{item.departmentName}}</div> |
|||
</div> |
|||
<div class="van-hairline--bottom" style=""></div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="Processhandling-left-left">指派部门:</div> |
|||
<div class="Dispatch-right">{{item.agencyName}}</div> |
|||
</div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="Processhandling-left-left">转办意见:</div> |
|||
<div class="Dispatch-right">{{item.publicReply}}</div> |
|||
</div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="Processhandling-left-left">联系当事人时限:</div> |
|||
<div class="Dispatch-right">{{item.categoryAllName}}</div> |
|||
</div> |
|||
<div class="flex flex-center2 " style="padding: 5px;"> |
|||
<div class="Processhandling-left-left">(部门)办结时限:</div> |
|||
<div class="Dispatch-right">{{item.timeLimit}}</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="container1"> |
|||
<van-button style="width: 100%;" round type="info" @click="handlelist()">办理</van-button> |
|||
</div> |
|||
<van-popup round v-model="show" close-icon-position="top-left" position="bottom" :style="{ height: '50%' }"> |
|||
<van-cell-group> |
|||
<van-cell is-link> |
|||
<div class="flex flex-x" > |
|||
<span>办理状态</span> |
|||
<div @click="showPicker1()" style="padding-left: 20px;" >{{ stutasName }}</div> |
|||
<van-action-sheet v-if="showPicker" v-model="show" :actions="actions" @select="onSelect" /> |
|||
</div> |
|||
</van-cell> |
|||
<van-cell > |
|||
<div class="flex flex-y" > |
|||
<span style=" white-space: nowrap;">办理情况</span> |
|||
<input class="inpit" type="text" v-model="operationType" placeholder="请输入内容"> |
|||
</div> |
|||
|
|||
|
|||
</van-cell> |
|||
<van-cell> |
|||
<div class="flex flex-y"is-link > |
|||
<span style=" white-space: nowrap;">上传录音</span> |
|||
</div> |
|||
</van-cell> |
|||
<van-cell> |
|||
<div class="flex "is-link > |
|||
<span style=" white-space: nowrap;">答复人</span> |
|||
<input v-model="operationType" placeholder="请输入内容" class="input1" > |
|||
</div> |
|||
</van-cell> |
|||
<van-cell> |
|||
<div class="flex "is-link > |
|||
<span style=" white-space: nowrap;">答复电话</span> |
|||
<input v-model="operationType" placeholder="请输入内容" class="input1" > |
|||
</div> |
|||
</van-cell> |
|||
<van-cell> |
|||
<div class="flex "is-link > |
|||
<span style=" white-space: nowrap;">联系人</span> |
|||
<input v-model="operationType" placeholder="请输入内容" class="input1" > |
|||
</div> |
|||
</van-cell> |
|||
<van-cell> |
|||
<div class="flex "is-link > |
|||
<span style=" white-space: nowrap;">联系电话</span> |
|||
<input v-model="operationType" placeholder="请输入内容" class="input1" > |
|||
</div> |
|||
</van-cell> |
|||
<van-cell is-link> |
|||
<div class="flex flex-x" > |
|||
<span>填报不合规诉求</span> |
|||
<div @click="showPicker1()" style="padding-left: 20px;" >{{ stutasName }}</div> |
|||
<van-action-sheet v-if="showPicker" v-model="show" :actions="actions" @select="onSelect" /> |
|||
</div> |
|||
</van-cell> |
|||
<van-cell is-link> |
|||
<div class="flex flex-x" > |
|||
<span>办理真实度</span> |
|||
<div @click="showPicker1()" style="padding-left: 20px;" >{{ stutasName }}</div> |
|||
<van-action-sheet v-if="showPicker" v-model="show" :actions="actions" @select="onSelect" /> |
|||
</div> |
|||
</van-cell> |
|||
</van-cell-group> |
|||
<div class="flex flex-x flex-mean" style="margin-top: 10px;"> |
|||
<van-button style="width: 30%;" round type="info" @click="cancel">取消</van-button> |
|||
<van-button style="width: 30%;" round type="info" @click="onreply">办理</van-button> |
|||
</div> |
|||
</van-popup> |
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import throttle from 'lodash/debounce' |
|||
import { icEventList,agencyGridDepttree,process,reply } from '@/api/service' |
|||
import { uploadvariedfile } from '@/api/basic' |
|||
import { Dialog } from 'vant'; |
|||
import Card from './Card.vue'; |
|||
export default { |
|||
data() { |
|||
return { |
|||
showPicker:false, |
|||
stutasName:"办理中", |
|||
show:false, |
|||
icEventId:"", |
|||
workOrderNum:"", |
|||
mobile:"", |
|||
operationType:"未联系当事人", |
|||
status: false, |
|||
pageNo: 1, |
|||
pageSize: 20, |
|||
tableData:{}, |
|||
afterList:[], |
|||
actions: [ |
|||
{ name: '未联系当事人' }, |
|||
{ name: '已联系当事人' }, |
|||
{ name: '办理中' }, |
|||
{ name: '已办结待审核' }, |
|||
{ name: '已审核归档' }, |
|||
] |
|||
|
|||
}; |
|||
}, |
|||
created() { |
|||
this.icEventId =this.$route.query.icEventId; |
|||
this.icEventList() |
|||
this.process() |
|||
|
|||
|
|||
}, |
|||
mounted() { |
|||
|
|||
|
|||
}, |
|||
activated() { |
|||
|
|||
}, |
|||
methods: { |
|||
//获取事件 |
|||
async icEventList() { |
|||
await icEventList({ |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize, |
|||
icEventId:this.icEventId |
|||
}).then(res => { |
|||
console.log(res.data.list[0],"skjlfhskdjfh"); |
|||
this.tableData=res.data.list[0] |
|||
console.log(this.tableData,"skjlfhskdjfh"); |
|||
this.agencyGridDepttree() |
|||
}).catch(err => { |
|||
|
|||
}) |
|||
}, |
|||
async agencyGridDepttree() { |
|||
await agencyGridDepttree({ |
|||
agencyId: this.tableData.agencyId, |
|||
purpose: "query" |
|||
}).then(res => { |
|||
this.tableData.push(res.agencyName) |
|||
console.log(this.tableData,"skjlfhskdjfh"); |
|||
}).catch(err => { |
|||
|
|||
}) |
|||
}, |
|||
async process() { |
|||
await process({ |
|||
icEventId:this.icEventId |
|||
}).then(res => { |
|||
this.afterList=res.data |
|||
console.log(this.afterList,"skjlfhskdjfh"); |
|||
|
|||
}).catch(err => { |
|||
|
|||
}) |
|||
}, |
|||
onOperationType(){ |
|||
this.status=true |
|||
console.log(this.status,"skjlfhskdjfh"); |
|||
}, |
|||
handlelist(){ |
|||
console.log("dslkfkhd"); |
|||
this.show=true |
|||
}, |
|||
showPicker1(){ |
|||
console.log("sdklfkhsfkl"); |
|||
this.showPicker=true |
|||
}, |
|||
onSelect(item){ |
|||
console.log(item); |
|||
this.stutasName=item.name |
|||
this.showPicker=false |
|||
}, |
|||
cancel(){ |
|||
console.log("dslkjksdf"); |
|||
this.show=false |
|||
}, |
|||
async onreply(){ |
|||
await icEventList({ |
|||
pageNo: this.pageNo, |
|||
pageSize: this.pageSize, |
|||
icEventId:this.icEventId |
|||
}).then(res => { |
|||
console.log(res.data.list[0],"skjlfhskdjfh"); |
|||
this.tableData=res.data.list[0] |
|||
console.log(this.tableData,"skjlfhskdjfh"); |
|||
this.agencyGridDepttree() |
|||
}).catch(err => { |
|||
|
|||
}) |
|||
} |
|||
}, |
|||
|
|||
components: {Card}, |
|||
computed: { |
|||
statusClass() { |
|||
return { |
|||
'status-red': this.item.operationType === '未联系当事人', |
|||
'lan': this.item.operationType === '已联系当事人', |
|||
'status-cycn': this.item.operationType === '办理中', |
|||
'status-orange': this.item.operationType === '已办结待审核', |
|||
'status-grey': this.item.operationType === '已审核归档' || this.item.operationType === '其他默认状态' |
|||
}; |
|||
}, |
|||
|
|||
}, |
|||
watch: {} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='less' scoped> |
|||
:deep(.van-cascader__title) { |
|||
width: 100%; |
|||
} |
|||
|
|||
:deep(.van-tabs__nav) { |
|||
padding-right: 80px; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
:deep(.van-tabs__nav--line) { |
|||
padding-bottom: 10px; |
|||
} |
|||
|
|||
.workorder { |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 15px; |
|||
color: #999999; |
|||
} |
|||
.Dispatch{ |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
font-size: 17px; |
|||
color: #333333; |
|||
line-height: 21px; |
|||
padding-left: 10px |
|||
} |
|||
.Dispatch-left{ |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 16px; |
|||
color: #666666; |
|||
line-height: 21px; |
|||
white-space: nowrap |
|||
} |
|||
.Dispatch-right{ |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 16px; |
|||
color: #333333; |
|||
line-height: 21px; |
|||
padding-left: 20px; |
|||
white-space: nowrap |
|||
} |
|||
.Dispatch-right-red{ |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 16px; |
|||
color: #FF5F81 ; |
|||
line-height: 21px; |
|||
padding-left: 30px; |
|||
white-space: nowrap |
|||
} |
|||
.handleStatus{ |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 14px; |
|||
color: #FF3C3C; |
|||
line-height: 21px; |
|||
white-space: nowrap |
|||
} |
|||
.context{ |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 16px; |
|||
color: #333333; |
|||
line-height: 23px; |
|||
} |
|||
.HotlineDetails-left{ |
|||
width: 66px; |
|||
height: 14px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 15px; |
|||
color: #999999; |
|||
line-height: 20px; |
|||
white-space: nowrap |
|||
} |
|||
.Processhandling-left{ |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 16px; |
|||
color: #333333; |
|||
line-height: 21px; |
|||
white-space: nowrap |
|||
} |
|||
.Processhandling-right{ |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 13px; |
|||
color: #BDBDBD; |
|||
line-height: 20px; |
|||
white-space: nowrap |
|||
} |
|||
.Processhandling-left-left{ |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
font-size: 15px; |
|||
color: #999999; |
|||
line-height: 20px; |
|||
white-space: nowrap |
|||
} |
|||
.container1{ |
|||
padding: 10px; |
|||
position: fixed; |
|||
bottom: 0; |
|||
width: 344px; |
|||
left: 6px; |
|||
display: flex; /* 确保 align-items 有效 */ |
|||
justify-content: center; /* 可选：如果需要居中对齐内部内容 */ |
|||
} |
|||
.inpit{ |
|||
width: 100%; |
|||
min-height: 100px; |
|||
background: #F7F7F7; |
|||
border-radius: 10px; |
|||
border: none; |
|||
} |
|||
.input1{ |
|||
border: none; |
|||
padding-left: 20px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue