Compare commits
9 Commits
prod-25-08
...
prod-25-01
| Author | SHA1 | Date | |
|---|---|---|---|
| 5e9a9bf84d | |||
| 8fb9d8eac6 | |||
| 0210e3dcaf | |||
| 4fa732db43 | |||
| 9aecb8a8f2 | |||
| 2a925e120b | |||
| 66aa84a753 | |||
| 8e6f98e71d | |||
| aaf68efb24 |
12
package-lock.json
generated
@ -8,7 +8,6 @@
|
||||
"name": "scheduline-app-h5",
|
||||
"version": "0.1.0",
|
||||
"dependencies": {
|
||||
"@vant/area-data": "^2.0.0",
|
||||
"amfe-flexible": "^2.2.1",
|
||||
"axios": "^1.4.0",
|
||||
"core-js": "^3.8.3",
|
||||
@ -2366,12 +2365,6 @@
|
||||
"@types/node": "*"
|
||||
}
|
||||
},
|
||||
"node_modules/@vant/area-data": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/@vant/area-data/-/area-data-2.0.0.tgz",
|
||||
"integrity": "sha512-zgP4AA8z09S9QTNgVCCHo9cHjcybrv22RJDYPjuCkecn4SB98T5EoPQh2TwqbQXmUhbaOGgiZGy3OUaUxnY7qg==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@vant/icons": {
|
||||
"version": "3.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@vant/icons/-/icons-3.0.2.tgz",
|
||||
@ -13628,11 +13621,6 @@
|
||||
"@types/node": "*"
|
||||
}
|
||||
},
|
||||
"@vant/area-data": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/@vant/area-data/-/area-data-2.0.0.tgz",
|
||||
"integrity": "sha512-zgP4AA8z09S9QTNgVCCHo9cHjcybrv22RJDYPjuCkecn4SB98T5EoPQh2TwqbQXmUhbaOGgiZGy3OUaUxnY7qg=="
|
||||
},
|
||||
"@vant/icons": {
|
||||
"version": "3.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@vant/icons/-/icons-3.0.2.tgz",
|
||||
|
||||
@ -9,14 +9,10 @@
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"@vant/area-data": "^2.0.0",
|
||||
"amfe-flexible": "^2.2.1",
|
||||
"axios": "^1.4.0",
|
||||
"core-js": "^3.8.3",
|
||||
"dayjs": "^1.8.14",
|
||||
"decimal.js": "^10.4.3",
|
||||
"echarts": "^5.2.2",
|
||||
"element-ui": "^2.15.9",
|
||||
"less": "^4.1.3",
|
||||
"less-loader": "^11.1.3",
|
||||
"qs": "^6.11.2",
|
||||
@ -25,7 +21,10 @@
|
||||
"vant": "^2.13.2",
|
||||
"vue": "^2.6.14",
|
||||
"vue-router": "^3.0.7",
|
||||
"vuex": "^3.6.2"
|
||||
"vuex": "^3.6.2",
|
||||
"element-ui": "^2.15.9",
|
||||
"dayjs": "^1.8.14",
|
||||
"decimal.js": "^10.4.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.16",
|
||||
|
||||
@ -26,17 +26,16 @@
|
||||
<van-number-keyboard safe-area-inset-bottom />
|
||||
<script type="text/javascript">
|
||||
window._AMapSecurityConfig = {
|
||||
// serviceHost: 'https://api.sinoassist.com/_AMapService',
|
||||
securityJsCode:'91ab1ebc492d5479a68b11527bd73dc9',
|
||||
serviceHost: 'https://api.sinoassist.com/_AMapService',
|
||||
}
|
||||
</script>
|
||||
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.AutoComplete,AMap.PlaceSearch,AMap.Geolocation,AMap.Geocoder,AMap.Marker,AMap.Driving"></script>
|
||||
<script src="https://webapi.amap.com/maps?v=1.4.15&key=2560bbf04daef66c810c5e6a97e8c508&plugin=AMap.Polyline"></script>
|
||||
<!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>-->
|
||||
<script>
|
||||
// VConsole 默认会挂载到 `window.VConsole` 上
|
||||
// let vConsole = new window.VConsole();
|
||||
(function (doc, win) {
|
||||
// console.log("==window.location.pathname===",window.location.pathname)
|
||||
console.log("==window.location.pathname===",window.location.pathname)
|
||||
let docEl = doc.documentElement
|
||||
let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
|
||||
recalc = function () {
|
||||
|
||||
@ -1,78 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>免责声明</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
line-height: 1.6;
|
||||
/*margin: 20px;*/
|
||||
padding: 0;
|
||||
/*background-color: #f9f9f9;*/
|
||||
color: #333;
|
||||
}
|
||||
h3 {
|
||||
text-align: center;
|
||||
/*font-size: 24px;*/
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
h4 {
|
||||
/*font-size: 20px;*/
|
||||
margin-top: 30px;
|
||||
margin-bottom: 10px;
|
||||
color: #555;
|
||||
}
|
||||
p {
|
||||
margin: 10px 0;
|
||||
text-indent: 2em;
|
||||
}
|
||||
ul {
|
||||
margin: 10px 0;
|
||||
padding-left: 40px;
|
||||
}
|
||||
li {
|
||||
margin: 5px 0;
|
||||
}
|
||||
.container {
|
||||
font-size: 14px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h3>声明</h3>
|
||||
<p>本平台为二手拖车买卖双方提供免费信息发布服务。在您使用本平台之前，请仔细阅读并理解本免责声明。一旦使用本平台，即视为您已阅读、理解并同意接受本免责声明的所有条款。</p>
|
||||
|
||||
<h4>一、平台性质</h4>
|
||||
<p>1. 本平台仅为信息发布平台，不参与任何二手拖车交易环节，包括但不限于交易洽谈、合同签订、款项支付、车辆交付等，实际交易价格由买卖双方自行协商确定。</p>
|
||||
<p>2. 本平台不对发布信息的真实性、准确性、完整性、合法性进行任何形式的担保或保证，用户应自行判断信息的真实性并承担由此产生的风险。</p>
|
||||
|
||||
<h4>二、用户责任</h4>
|
||||
<p>1. 用户应保证发布的信息真实、准确、完整、合法，并对其发布的信息承担全部责任。</p>
|
||||
<p>2. 用户不得发布任何虚假、违法、侵权、违反公序良俗的信息，包括但不限于：</p>
|
||||
<ul>
|
||||
<li>虚假车源信息</li>
|
||||
<li>事故车、水泡车、火烧车等存在重大安全隐患的车辆信息</li>
|
||||
<li>盗抢车辆信息</li>
|
||||
<li>侵犯他人知识产权或其他合法权益的信息</li>
|
||||
<li>含有淫秽、色情、赌博、暴力、恐怖等内容的信息</li>
|
||||
<li>其他违反法律法规或平台规则的信息</li>
|
||||
</ul>
|
||||
|
||||
<h4>三、免责条款</h4>
|
||||
<p>1. 因用户发布的信息引起的任何纠纷或损失，本平台不承担任何责任。</p>
|
||||
<p>2. 因不可抗力、计算机病毒、黑客攻击、系统不稳定、用户所在位置、用户关机以及其他任何网络、技术、通信线路等原因造成的服务中断或不能满足用户要求的风险，本平台不承担任何责任。</p>
|
||||
<p>3. 本平台不对用户之间的交易行为承担任何责任，用户应自行承担交易风险。</p>
|
||||
|
||||
<h4>四、其他</h4>
|
||||
<p>1. 本平台有权根据法律法规的变化或平台运营的需要，随时修改本免责声明，并在平台上公布，修改后的内容自公布之日起生效。</p>
|
||||
<p>2. 本免责声明的解释权归中道救援股份有限公司所有。</p>
|
||||
|
||||
<p>请您在使用本平台前务必仔细阅读并理解本免责声明。</p>
|
||||
<p>如果您对本免责声明有任何疑问，请联系我们。</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -308,12 +308,3 @@ export function ocrHandler(data){
|
||||
data
|
||||
})
|
||||
}
|
||||
///agg-api/tencent-ocr/unifiedOCRWithCompress
|
||||
export function unifiedOCRWithCompress(data){
|
||||
return request({
|
||||
url:'/agg-api/tencent-ocr/unifiedOCRWithCompress',
|
||||
method:'POST',
|
||||
contentType:'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
@ -95,60 +95,3 @@ export function batteryDetailList (data){
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 查询未读告知函
|
||||
export function selectUnReadNotifyBySupplier() {
|
||||
return request({
|
||||
url: '/supplierManage/correction/notify/selectUnReadNotifyBySupplier',
|
||||
method:'POST',
|
||||
})
|
||||
}
|
||||
|
||||
// 阅读告知函
|
||||
export function correctionHandle(data) {
|
||||
return request({
|
||||
url: '/supplierManage/correction/record/correctionHandle',
|
||||
method:'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// 获取报警列表
|
||||
export function getAlarmList(data) {
|
||||
return request({
|
||||
url: '/supplierAppV2/dispatchApp/alarm/alarmList',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 获取报警数目
|
||||
export function getAlarmCount(data) {
|
||||
return request({
|
||||
url: '/supplierAppV2/dispatchApp/alarm/alarmCount',
|
||||
method:'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 获取报警详情
|
||||
export function getAlarmByCode(data) {
|
||||
return request({
|
||||
url: '/supplierAppV2/dispatchApp/alarm/getAlarmByCode',
|
||||
method:'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 处理报警
|
||||
export function dealWithAlarm(data) {
|
||||
return request({
|
||||
url: '/supplierAppV2/dispatchApp/alarm/handAlarm',
|
||||
method:'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,37 +0,0 @@
|
||||
import request from '@/utils/http'
|
||||
// 根据订单 获取报备类型
|
||||
export function getReportListByOrder(key){
|
||||
return request({
|
||||
url: '/order/baseDriverReportConfigs/getByOrderId',
|
||||
method:'GET',
|
||||
params: key
|
||||
})
|
||||
}
|
||||
|
||||
// 添加报备
|
||||
export function newOrderReporting(data){
|
||||
return request({
|
||||
url: '/supplierAppV2/dispatchApp/order/newOrderReporting',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 获取报备列表
|
||||
export function reportHistory(data){
|
||||
return request({
|
||||
url: '/supplierAppV2/dispatchApp/order/reportHistory',
|
||||
method:'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 获取订单信息
|
||||
export function getOrderInfo(data){
|
||||
return request({
|
||||
url: '/supplierAppV2/dispatchApp/order/reportOrderDetail',
|
||||
method:'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
@ -1,105 +0,0 @@
|
||||
import request from '@/utils/http'
|
||||
// 车源/求购列表
|
||||
export function appPageList(data){
|
||||
return request({
|
||||
url: '/toc-user/car-app/appPageList',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 我的发布列表
|
||||
export function minePublishPageList(data){
|
||||
return request({
|
||||
url: '/toc-user/car-app/minePublishPageList',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 审核不通过数量
|
||||
export function auditFailCount (data){
|
||||
return request({
|
||||
url: '/toc-user/car-app/auditFailCount ',
|
||||
method:'POST',
|
||||
// contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 信息详情查询
|
||||
export function carInfoDetail(data){
|
||||
return request({
|
||||
url: '/toc-user/car-app/carInfoDetail',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 发布编辑信息
|
||||
export function publishCarInfo(data){
|
||||
return request({
|
||||
url: '/toc-user/car-app/publishCarInfo',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 用户信息反馈
|
||||
export function userFeedback(data){
|
||||
return request({
|
||||
url: '/toc-user/car-app/userFeedback',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
//二手拖车信息擦亮
|
||||
export function usedCarPolish(data){
|
||||
return request({
|
||||
url: `/toc-user/car-app/usedCarPolish/${data}`,
|
||||
method:'POST',
|
||||
})
|
||||
}
|
||||
//二手拖车信息下架
|
||||
export function usedCarRemove(data){
|
||||
return request({
|
||||
url: '/toc-user/car-app/usedCarRemove',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
//二手拖车信息重新上架
|
||||
export function usedCarReShelf(data){
|
||||
return request({
|
||||
url: `/toc-user/car-app/usedCarReShelf/${data}`,
|
||||
method:'POST',
|
||||
})
|
||||
}
|
||||
//审批信息
|
||||
export function auditCarInfo(data){
|
||||
return request({
|
||||
url: '/toc-user/car-admin/auditCarInfo',
|
||||
method:'POST',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 保存信息记录
|
||||
export function saveRecord(data){
|
||||
return request({
|
||||
url: '/toc-user/car-record/saveRecord',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 审核不通过再次提交
|
||||
export function auditCarInfoAgain(data){
|
||||
return request({
|
||||
url: '/toc-user/car-app/auditCarInfoAgain',
|
||||
method:'POST',
|
||||
contentType: 'application/json',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
Before Width: | Height: | Size: 785 B |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 770 B |
|
Before Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 589 B |
|
Before Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 1022 B |
|
Before Width: | Height: | Size: 355 B |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 7.3 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 300 B |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 6.9 KiB |
|
Before Width: | Height: | Size: 290 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 348 B |
|
Before Width: | Height: | Size: 375 B |
|
Before Width: | Height: | Size: 327 B |
|
Before Width: | Height: | Size: 327 B |
|
Before Width: | Height: | Size: 81 KiB |
|
Before Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 933 B |
|
Before Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 8.8 KiB |
|
Before Width: | Height: | Size: 579 B |
|
Before Width: | Height: | Size: 7.2 KiB |
|
Before Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 199 KiB |
|
Before Width: | Height: | Size: 8.7 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 822 B |
|
Before Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 6.7 KiB |
|
Before Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 6.1 KiB |
|
Before Width: | Height: | Size: 5.9 KiB |
|
Before Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 9.7 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 6.1 KiB |
|
Before Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 6.1 KiB |
|
Before Width: | Height: | Size: 812 B |
|
Before Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 5.9 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
@ -3,8 +3,6 @@ import VueRouter from "vue-router";
|
||||
Vue.use(VueRouter);
|
||||
import kpiRouter from './kpi-router'
|
||||
import invoiceRouter from "@/router/invoice-router";
|
||||
import secondHandRouter from "@/router/second-hand-router";
|
||||
import reportRouter from "@/router/report-router"
|
||||
const routes = [
|
||||
{
|
||||
path: '/',
|
||||
@ -187,14 +185,6 @@ const routes = [
|
||||
title:'文档资料'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/notificationList',
|
||||
name: 'notificationList',
|
||||
component:()=>import('@/views/index/notificationList'),
|
||||
meta: {
|
||||
title:'告知函'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/caseList',
|
||||
name: 'caseList',
|
||||
@ -251,22 +241,6 @@ const routes = [
|
||||
title:'车辆维保'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/vehicleAlarmList',
|
||||
name: 'vehicleAlarmList',
|
||||
component:()=>import('@/views/vehicle-maintenance/vehicle-alarm-list.vue'),
|
||||
meta: {
|
||||
title:'车辆报警'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/vehicleAlarmDetail',
|
||||
name: 'vehicleAlarmDetail',
|
||||
component:()=>import('@/views/vehicle-maintenance/vehicle-alarm-detail.vue'),
|
||||
meta: {
|
||||
title:'报警详情'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/maintenanceApplication',
|
||||
name: 'maintenanceApplication',
|
||||
@ -293,8 +267,6 @@ const routes = [
|
||||
},
|
||||
...kpiRouter,
|
||||
...invoiceRouter,
|
||||
...secondHandRouter,
|
||||
...reportRouter
|
||||
]
|
||||
|
||||
const router = new VueRouter({
|
||||
|
||||
@ -1,21 +0,0 @@
|
||||
const reportRouter = [
|
||||
{
|
||||
path: '/reportIndex',
|
||||
name: 'reportIndex',
|
||||
component: () => import('@/views/report/reportIndex'),
|
||||
meta:{
|
||||
title: '道路救援',
|
||||
cache: true,
|
||||
modalState: false,
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/addressMap',
|
||||
name: 'addressMap',
|
||||
component: () => import('@/views/report/addressMap'),
|
||||
meta:{
|
||||
title: '道路救援',
|
||||
}
|
||||
},
|
||||
]
|
||||
export default reportRouter
|
||||
@ -1,67 +0,0 @@
|
||||
const secondHandCar = [
|
||||
{
|
||||
path: '/indexList',
|
||||
name: 'indexList',
|
||||
component: () => import('@/views/secondHandCar/indexList.vue'),
|
||||
meta:{
|
||||
title: '首页列表',
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/carSource',
|
||||
name: 'carSource',
|
||||
component: () => import('@/views/secondHandCar/carSource.vue'),
|
||||
meta:{
|
||||
title: '车源发布',
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/wantBuy',
|
||||
name: 'wantBuy',
|
||||
component: () => import('@/views/secondHandCar/wantBuy.vue'),
|
||||
meta:{
|
||||
title: '求购发布',
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/forSale',
|
||||
name: 'forSale',
|
||||
component: () => import('@/views/secondHandCar/forSale.vue'),
|
||||
meta:{
|
||||
title: '查看车源',
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/wantBuySale',
|
||||
name: 'wantBuySale',
|
||||
component: () => import('@/views/secondHandCar/wantBuySale.vue'),
|
||||
meta:{
|
||||
title: '查看求购',
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/mineRelease',
|
||||
name: 'mineRelease',
|
||||
component: () => import('@/views/secondHandCar/mineRelease.vue'),
|
||||
meta:{
|
||||
title: '我的发布',
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/privacyComponent',
|
||||
name: 'privacyComponent',
|
||||
component: () => import('@/views/secondHandCar/privacy.vue'),
|
||||
meta:{
|
||||
title: '免责声明',
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/sellingInfo',
|
||||
name: 'sellingInfo',
|
||||
component: () => import('@/views/secondHandCar/sellingInfo.vue'),
|
||||
meta:{
|
||||
title: '售出信息',
|
||||
}
|
||||
},
|
||||
]
|
||||
export default secondHandCar
|
||||
@ -45,6 +45,7 @@ select{
|
||||
margin-left: 0;
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
//@include fontWeightSize(400,14px);
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
import axios from "axios";
|
||||
import qs from 'qs'
|
||||
import { Toast } from 'vant'
|
||||
// console.log('process.env.VUE_APP_BASE_API', process.env.VUE_APP_BASE_API)
|
||||
|
||||
const service = axios.create({
|
||||
baseURL: process.env.VUE_APP_BASE_API,
|
||||
@ -11,31 +12,37 @@ const service = axios.create({
|
||||
})
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
let token = urlParams.get('token') ;
|
||||
if( token ) {
|
||||
localStorage.setItem('token', token);
|
||||
} else {
|
||||
localStorage.setItem('token', '');
|
||||
}
|
||||
service.interceptors.request.use(
|
||||
config => {
|
||||
let reqUrl=config.url
|
||||
// console.log("reqUrl",reqUrl)
|
||||
config.data = config.contentType ? config.data : qs.stringify(config.data)
|
||||
if (config.testFlag) {
|
||||
config.data = qs.stringify(config.data, {arrayFormat: 'indices', allowDots: true})
|
||||
}
|
||||
config.headers['Content-Type'] = config.contentType || 'application/x-www-form-urlencoded'
|
||||
let token = localStorage.getItem('token');
|
||||
// let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJBTkNIQU5HIiwidXNlcklkIjo0NTY3MSwibmFtZSI6IuWuieeVhSIsInVzZXJOYW1lIjoiQU5DSEFORyIsInN1cHBsaWVySWQiOjExMjgsImlzWmQiOjAsImV4cCI6MTc1NTQyMjUyNX0.xzDZhaANJFnbeViIHJA0SEtOyTv7Ja3rKmXqRKRuFkc'
|
||||
// let token='eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJTSEhQWEIiLCJ1c2VySWQiOjU0NzI2LCJuYW1lIjoiI-a1i-ivleWwj-eZveeZvSIsInVzZXJOYW1lIjoiU0hIUFhCIiwic3VwcGxpZXJJZCI6MTAwMDE2NSwiZXhwIjoxNzQ0NTEwNzkwfQ.JPk0OA7slYJN3FIi_uhW4Y0CiWRvl6R1dK8MRTbyhD8'
|
||||
// let token='4099761587129c46b03c9316c9e866c9'
|
||||
// let token='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJzb25nIiwiYXVkIjpbInN1cHBsaWVyLWFwcCJdLCJuYmYiOjE3MTI0NTQ5NTMsInVzZXJfaW5mbyI6eyJ1c2VySWQiOjU0NjU0LCJwaG9uZSI6IjE3NjMwMDM1NjU4IiwibmFtZSI6InNvbmciLCJzdXBwbGllck5hbWUiOiJDLeS4iua1t-a1i-ivleacjeWKoeWVhiIsInN1cHBsaWVySWQiOjMzMDQxLCJzdXBwbGllclR5cGUiOjIsInVzZXJuYW1lIjoic29uZyIsInVzZXJUeXBlIjoicmVzY3VlQXBwIiwiZGV2aWNlSWQiOiIyMmI0OWNhMjBmOWI4MzMwZDk4NzIxNzNmMzllYTY4YmMiLCJhdXRob3JpdGllcyI6W119LCJzY29wZSI6WyJhbGwiXSwiaXNzIjoiaHR0cHM6Ly9zaW5vYXNzaXN0LmNvbSIsImV4cCI6MTcxMjU0MTM1MywiaWF0IjoxNzEyNDU0OTUzfQ.sPU9_OD_TOWcTwqmlawEGyo4mCPrEaRYw2R02gnvYJw'
|
||||
if(!(reqUrl=='/supplier/supplierTraining/trainingTask' || reqUrl=='/supplier/supplierTraining/normalList' || reqUrl=='/supplier/supplierTraining/trainingList')){
|
||||
if(token) {
|
||||
config.headers['Authorization'] = `${token}`;
|
||||
config.headers['token'] = `${token}`;
|
||||
}
|
||||
}
|
||||
|
||||
/* if (reqUrl.includes("/driverApp")) {
|
||||
// console.log("司机app")
|
||||
config.headers['token'] = `${token}`;
|
||||
} else if(reqUrl.includes("/supplierApp") || reqUrl.includes("/supplierKPI") || reqUrl.includes('/supplier/select') || reqUrl.includes('/order') || reqUrl.includes('/order/taskInvoiceBatch') || reqUrl.includes('/supplier') ){
|
||||
// console.log("调度app，服务商kpi")
|
||||
config.headers['Authorization'] = `${token}`;
|
||||
}else{
|
||||
config.headers['token'] = `${token}`;
|
||||
}*/
|
||||
return config
|
||||
},
|
||||
error => {
|
||||
console.log(error)
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
@ -43,17 +50,27 @@ service.interceptors.request.use(
|
||||
service.interceptors.response.use(
|
||||
response => {
|
||||
const res = response.data
|
||||
// return res //请求响应数据
|
||||
// if(res.code === 401){
|
||||
// Toast('token不合法或过期')
|
||||
// }else if(){
|
||||
//
|
||||
// }
|
||||
if ( res.code === 401 || res.code === 400 || res.code == 500) {
|
||||
Toast(res.msg || 'Error')
|
||||
return Promise.reject(res.msg)
|
||||
} else {
|
||||
return res
|
||||
// if( res.code === 200 ) {
|
||||
// return res.data
|
||||
// } else {
|
||||
// return res.data
|
||||
// }
|
||||
}
|
||||
},
|
||||
error => {
|
||||
if(error.message != 'Network Error'){
|
||||
console.log('err' + error)
|
||||
Toast(error.message)
|
||||
}
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
|
||||
@ -36,7 +36,6 @@ export function getAddress(mapContext, lnglat) {
|
||||
} else {
|
||||
console.log(result)
|
||||
alert(JSON.stringify(result))
|
||||
reject(result)
|
||||
}
|
||||
})
|
||||
})
|
||||
@ -45,7 +44,7 @@ export function getAddress(mapContext, lnglat) {
|
||||
|
||||
// 输入提示
|
||||
export function searchFun(mapContext, cityCode, keyword) {
|
||||
return new Promise((resolve) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
mapContext.plugin('AMap.AutoComplete', function(){
|
||||
var autoOptions = {
|
||||
city: cityCode || '全国',
|
||||
@ -58,7 +57,7 @@ export function searchFun(mapContext, cityCode, keyword) {
|
||||
if(result.info == 'OK') {
|
||||
resolve(result.tips)
|
||||
} else {
|
||||
resolve([])
|
||||
reject(result)
|
||||
}
|
||||
})
|
||||
})
|
||||
@ -91,7 +90,6 @@ export function getRoad( mapContext, startLng, startLat, endLng, endLat ) {
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
function drawRoute(route, map) {
|
||||
let path = parseRouteToPath(route)
|
||||
|
||||
@ -108,4 +106,3 @@ function drawRoute(route, map) {
|
||||
|
||||
map.add(routeLine);
|
||||
}
|
||||
*/
|
||||
|
||||
@ -1,7 +1,9 @@
|
||||
|
||||
export const myMixins = {
|
||||
data() {
|
||||
return {
|
||||
touchStart: [],
|
||||
touchEnd: [],
|
||||
slideShow: true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
@ -75,33 +77,6 @@ export const myMixins = {
|
||||
} else {
|
||||
// 这里是重复点击的判断
|
||||
}
|
||||
},
|
||||
formatNumber(num) {
|
||||
if (num < 10000) {
|
||||
// 小于 5 位数，显示为 0.x 万
|
||||
return `${(num / 10000).toFixed(1)}`;
|
||||
} else {
|
||||
// 大于或等于 5 位数，显示为 x 万，四舍五入到小数点后一位
|
||||
return `${Math.round(num / 1000) / 10}`;
|
||||
}
|
||||
},
|
||||
isWebFunc(){
|
||||
let res=false
|
||||
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
|
||||
if (!isMobile) {// 是移动端不变
|
||||
res=true
|
||||
}
|
||||
return res
|
||||
},
|
||||
closeParentDialog() {
|
||||
if (window.parent) {
|
||||
const hasListener = window.parent.dispatchEvent(new Event('checkCloseDialog'));
|
||||
if (hasListener) {
|
||||
window.parent.postMessage('closeDialog', '*');
|
||||
} else {
|
||||
window.history.back();
|
||||
}
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,161 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="dialog-wrapper">
|
||||
<div class="title">
|
||||
{{ '告知函('+(currentIndex + 1)+'/'+ list.length+')' }}
|
||||
</div>
|
||||
<h3 class="top">{{currentItem?.title?currentItem?.title:(currentItem?.type==1 ? '质量不合格整改' : '质量不合格调整告知')}}</h3>
|
||||
<div class="center">
|
||||
<div v-html="formattedContent(currentItem)"></div>
|
||||
</div>
|
||||
<div class="end">
|
||||
<div>中道汽车救援股份有限公司</div>
|
||||
<div>区域管理部</div>
|
||||
<div>{{formatDate(currentItem)}}</div>
|
||||
</div>
|
||||
<div class="iptWrap">
|
||||
<div class="tip">请仔细阅读告知函内容，并在下方输入"我已阅读”以表明您已充分理解函件中的各项信息。</div>
|
||||
<el-input style="width: 50%" v-model.trim="content" placeholder="请输入我已阅读"></el-input>
|
||||
</div>
|
||||
<div class="dialog-footer">
|
||||
<el-button type="info" size="small" v-if="num > 0">还需阅读{{num}}秒</el-button>
|
||||
<el-button type="primary" size="small" v-if="num==0" @click="confirmHandle(currentItem)">确认</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {myMixins} from "@/utils/myMixins"
|
||||
import {selectUnReadNotifyBySupplier, correctionHandle} from "@/api/order"
|
||||
export default {
|
||||
name: "notificationList",
|
||||
mixins: [myMixins],
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
currentIndex: 0,
|
||||
num:10,
|
||||
timer: null,
|
||||
content: '',
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
currentItem() {
|
||||
return this.list[this.currentIndex];
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
currentIndex() {
|
||||
this.content = '';
|
||||
this.num = 10;
|
||||
this.startCountdown();
|
||||
},
|
||||
},
|
||||
async mounted() {
|
||||
await this.getLetterList();
|
||||
this.timer && clearInterval(this.timer)
|
||||
this.startCountdown();
|
||||
},
|
||||
methods: {
|
||||
async confirmHandle(item){
|
||||
if (this.content === '我已阅读') {
|
||||
console.log('item', item)
|
||||
let res = await correctionHandle({
|
||||
handleType:4,
|
||||
operationType:'modify',
|
||||
recordId:item.recordId,
|
||||
planId:item.planId,
|
||||
notifyId:item.id,
|
||||
});
|
||||
console.log('阅读res', res)
|
||||
// 确认成功后处理下一个告知函
|
||||
this.currentIndex++;
|
||||
if (this.currentIndex < this.list.length) {
|
||||
this.content = '';
|
||||
this.num = 10;
|
||||
this.startCountdown();
|
||||
} else {
|
||||
this.closeHandle();
|
||||
}
|
||||
} else {
|
||||
this.$message.error('请输入"我已阅读"以确认');
|
||||
}
|
||||
},
|
||||
async getLetterList(){
|
||||
let res = await selectUnReadNotifyBySupplier();
|
||||
let result = res?.data || []
|
||||
if(result && result.length>0){
|
||||
this.list = result
|
||||
}
|
||||
},
|
||||
formatDate(val){
|
||||
/** 日期格式化
|
||||
* */
|
||||
if(!val?.updateTime){
|
||||
return
|
||||
}
|
||||
const date = new Date(val.updateTime);
|
||||
const year = date.getFullYear();
|
||||
const month = date.getMonth() + 1; // 月份从 0 开始，需要加 1
|
||||
const day = date.getDate();
|
||||
const formattedDate = `${year}年${month}月${day}日`;
|
||||
return formattedDate
|
||||
},
|
||||
formattedContent(val) {
|
||||
/** 转换文本，能被 v-html 识别
|
||||
* */
|
||||
return val?.content?.replace(/\r\n/g, '<br>').replace(/\n/g, '<br>');
|
||||
},
|
||||
startCountdown() {
|
||||
this.stopCountdown()
|
||||
this.timer = setInterval(() => {
|
||||
if (this.num > 0) {
|
||||
this.num--;
|
||||
}
|
||||
}, 1000);
|
||||
},
|
||||
closeHandle() {
|
||||
this.stopCountdown();
|
||||
// 调用 app 的方法
|
||||
this.goBack();
|
||||
},
|
||||
stopCountdown() {
|
||||
if (this.timer) {
|
||||
clearInterval(this.timer);
|
||||
this.timer = null;
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.dialog-wrapper {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.title {
|
||||
|
||||
}
|
||||
.top {
|
||||
text-align: center;
|
||||
}
|
||||
.center {
|
||||
margin: 20px 0;
|
||||
line-height: 24px;
|
||||
.hight{
|
||||
color: #0B99E4;
|
||||
}
|
||||
}
|
||||
.end{
|
||||
text-align: right;
|
||||
line-height: 24px;
|
||||
}
|
||||
.tip{
|
||||
margin-top: 40px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.dialog-footer {
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
@ -1,213 +0,0 @@
|
||||
<template>
|
||||
<div class="address_wrap">
|
||||
<div class="map_wrap" id="mapId">
|
||||
</div>
|
||||
<div class="button_wrap">
|
||||
<div class="cancel_btn" @click="cancelHandler">取消</div>
|
||||
<div class="confirm_btn" @click="successHandler">完成</div>
|
||||
</div>
|
||||
<div class="search_wrap">
|
||||
<div class="section">
|
||||
<input type="text" v-model="keyword" @change="searchHandler" placeholder="请输入地址" />
|
||||
</div>
|
||||
<div class="server_list" v-if="keyword">
|
||||
<div class="text_box" v-for="(item, index) in addressList" :key="index" @click="chooseHandler(item, index)" :class="{'active': index == activeIndex}">
|
||||
<div class="address_name">{{ item.name }}</div>
|
||||
<div class="address_detail">{{ ( item.district || '' ) + ( item.address || '' ) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { searchFun, getLocal, getAddress } from '@/utils/map'
|
||||
export default {
|
||||
name: "addressMap",
|
||||
data() {
|
||||
return {
|
||||
keyword: '',
|
||||
addressList: [],
|
||||
activeIndex: '',
|
||||
map: '',
|
||||
marker: null,
|
||||
cityCode: ''
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
keyword() {
|
||||
this.searchHandler()
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
sessionStorage.setItem('reportAddress', '')
|
||||
await this.initMap()
|
||||
},
|
||||
methods: {
|
||||
async initMap() { // 初始化地图
|
||||
this.map = new AMap.Map('mapId', {
|
||||
viewMode: '2D', // 默认使用 2D 模式
|
||||
zoom:11, //初始化地图层级
|
||||
})
|
||||
let res = await getLocal(this.map);
|
||||
let lnglat = new AMap.LngLat(res?.lng, res?.lat);
|
||||
let location = await getAddress(this.map, lnglat)
|
||||
this.cityCode = location?.regeocode.addressComponent.adcode
|
||||
//location?.regeocode?.addressComponent?.city || location?.regeocode?.addressComponent?.province
|
||||
console.log('location', location);
|
||||
},
|
||||
async searchHandler() {
|
||||
this.activeIndex = null
|
||||
if( this.keyword ) {
|
||||
this.addressList = await searchFun(this.map, this.cityCode, this.keyword,)
|
||||
this.addressList = this.addressList.filter(item => !!item.location)
|
||||
} else {
|
||||
this.addressList = []
|
||||
}
|
||||
},
|
||||
chooseHandler(item, index) {
|
||||
this.activeIndex = index;
|
||||
this.addMarker()
|
||||
},
|
||||
addMarker() {
|
||||
if( this.marker ) {
|
||||
this.map.remove(this.marker)
|
||||
}
|
||||
let content = '<div class="dest-position"></div>';
|
||||
let activeObj = this.addressList[this.activeIndex];
|
||||
this.marker = new AMap.Marker({
|
||||
position: new AMap.LngLat( activeObj.location.lng, activeObj.location.lat ),
|
||||
content: content,
|
||||
offset: new AMap.Pixel(-13, -30)
|
||||
});
|
||||
this.map.add(this.marker)
|
||||
this.map.setCenter([activeObj.location.lng, activeObj.location.lat])
|
||||
},
|
||||
successHandler() {
|
||||
if( this.activeIndex == null ) {
|
||||
this.$toast('请选择具体地址')
|
||||
return
|
||||
}
|
||||
let activeObj = this.addressList[this.activeIndex];
|
||||
let _tempObj = {
|
||||
startPoiAddress: activeObj?.district + activeObj?.address + activeObj?.name,
|
||||
startLat: activeObj?.location?.lat,
|
||||
startLng: activeObj?.location?.lng,
|
||||
adCode: activeObj?.adcode,
|
||||
}
|
||||
sessionStorage.setItem('reportAddress', JSON.stringify(_tempObj))
|
||||
setTimeout(() => {
|
||||
this.$router.go(-1)
|
||||
}, 1)
|
||||
},
|
||||
// 取消 返回上一页
|
||||
cancelHandler() {
|
||||
this.$router.go(-1)
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.dest-position {
|
||||
width: 30px;
|
||||
height: 36px;
|
||||
background-size: 100% 100%;
|
||||
background-image: url("~@/assets/report/destMarker.png");
|
||||
}
|
||||
</style>
|
||||
<style scoped lang="scss">
|
||||
.address_wrap {
|
||||
height: 100%;
|
||||
}
|
||||
.map_wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 60%;
|
||||
z-index: -1;
|
||||
}
|
||||
.button_wrap {
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
box-sizing: border-box;
|
||||
zoom: 1;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
.cancel_btn {
|
||||
width: 50px;
|
||||
height: 27px;
|
||||
background: #F37877;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
line-height: 27px;
|
||||
color: #fff;
|
||||
border-radius: 3px;
|
||||
float: left;
|
||||
}
|
||||
.confirm_btn {
|
||||
width: 50px;
|
||||
height: 27px;
|
||||
background: rgba(5,193,98,1);
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
line-height: 27px;
|
||||
color: #fff;
|
||||
border-radius: 3px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.search_wrap {
|
||||
background-color: #fff;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 60%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
.section {
|
||||
height: 35px;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
position: fixed;
|
||||
top: 40%;
|
||||
padding-top: 10px;
|
||||
input {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
border: none;
|
||||
height: 30px;
|
||||
border-radius: 3px;
|
||||
padding: 0 10px;
|
||||
background: #e2e0e0;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.server_list {
|
||||
overflow-y: auto;
|
||||
padding-top: 30px;
|
||||
.text_box {
|
||||
margin: 10px 25px;
|
||||
padding-top: 10px;
|
||||
.address_name {
|
||||
font-size: 14px !important;
|
||||
color: rgba(0,0,0,0.8);
|
||||
}
|
||||
.address_detail {
|
||||
margin-top: 3px;
|
||||
color: #c3c3c3 !important;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
.active {
|
||||
.address_name {
|
||||
color: green !important;
|
||||
}
|
||||
.address_detail {
|
||||
color: green !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,57 +0,0 @@
|
||||
<template>
|
||||
<div class="bottom_wrap">
|
||||
<div class="report_item" v-for="(item, index) in reportList" @click="goReportHandler(item)" :key="index">
|
||||
<img class="report_icon" :src="item?.iconUrl" alt="">
|
||||
<div class="report_title">{{item.name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "report-list-item",
|
||||
data() {
|
||||
return {
|
||||
addressReportCode: '',
|
||||
|
||||
}
|
||||
},
|
||||
props: ['reportList'],
|
||||
methods: {
|
||||
goReportHandler(data) {
|
||||
this.$emit('getReport', data);
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.bottom_wrap {
|
||||
width: 100%;
|
||||
/*position: fixed;*/
|
||||
bottom: 0;
|
||||
/*padding: 0 34px 20px;*/
|
||||
padding-bottom: 20px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 20px 0px rgba(53,73,93,0.2);
|
||||
box-sizing: border-box;
|
||||
.report_item {
|
||||
width: 25%;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
.report_icon {
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
}
|
||||
.report_title {
|
||||
color: rgba(53, 53, 53, 0.67);
|
||||
font-size: 11px;
|
||||
line-height: 16px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,112 +0,0 @@
|
||||
<template>
|
||||
<div class="wrap">
|
||||
<div class="service_title">
|
||||
<span class="name">{{orderInfo?.serviceName}}</span>
|
||||
<span class="status">
|
||||
{{orderInfo?.orderStatusString}}
|
||||
<span class="refresh_btn" @click="refreshHandler">刷新</span>
|
||||
</span>
|
||||
</div>
|
||||
<!-- <img class="report_line" src="@/assets/report/report_line.png" alt="">-->
|
||||
<div class="service_content">
|
||||
<div class="content_left">
|
||||
<img class="report_logo" src="@/assets/report/report_logo.png" alt="">
|
||||
</div>
|
||||
<div class="content_right">
|
||||
<div class="order_code">单号：{{orderInfo?.userOrderCode}}</div>
|
||||
<div class="company">单位：{{orderInfo?.supplierName}}</div>
|
||||
<div class="driver_info">
|
||||
<span class="driver_name">{{orderInfo?.driverName}}</span>
|
||||
<span>{{orderInfo?.phone}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "service-item",
|
||||
props: ['orderInfo'],
|
||||
methods: {
|
||||
refreshHandler() {
|
||||
this.$emit('refresh')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.wrap {
|
||||
width: calc(100% - 20px);
|
||||
background: #FFFFFF;
|
||||
box-shadow: 0px 0px 9px 0px rgba(53,73,93,0.2);
|
||||
border-radius: 8px;
|
||||
border: 1px solid #E6E6E6;
|
||||
backdrop-filter: blur(5.602678571428572px);
|
||||
margin: 0 auto;
|
||||
}
|
||||
.service_title {
|
||||
height: 40px;
|
||||
line-height: 42px;
|
||||
padding-left: 22px;
|
||||
padding-right: 14px;
|
||||
background: #F9FDFF;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #EFEFEF;
|
||||
border-top-left-radius: 8px;
|
||||
border-top-right-radius: 8px;
|
||||
.name {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
.status {
|
||||
font-size: 13px;
|
||||
color: #F19028;
|
||||
}
|
||||
.refresh_btn {
|
||||
background-color: #267EF0;
|
||||
color: #fff;
|
||||
padding: 6px 12px;
|
||||
margin-left: 5px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
.service_content {
|
||||
padding: 11px 16px 18px;
|
||||
display: flex;
|
||||
.content_left {
|
||||
.report_logo {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
}
|
||||
.content_right {
|
||||
.order_code {
|
||||
color: #323643;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
.company {
|
||||
color: #323643;
|
||||
font-size: 13px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.driver_info {
|
||||
color: rgba(50, 54, 67, 0.65);
|
||||
font-size: 12px;
|
||||
margin-bottom: 3px;
|
||||
.driver_name {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.report_line {
|
||||
|
||||
}
|
||||
</style>
|
||||
@ -1,568 +0,0 @@
|
||||
<template>
|
||||
<!-- <van-pull-refresh v-model="isLoading" class="custom-pull-refresh safe-pull-refresh" @refresh="onRefresh">-->
|
||||
<div class="main_wrap">
|
||||
<div class="top_bg" :class="{'dispatch' : type == 1 , 'driver' : type != 1}">
|
||||
<!-- <div class="title">报备中心</div>-->
|
||||
</div>
|
||||
<div class="service_wrap">
|
||||
<service-item :order-info="orderInfo" @refresh="onRefreshHandler"></service-item>
|
||||
</div>
|
||||
<div class="chat_list" ref="chatList" >
|
||||
<!--ai对话框 s -->
|
||||
<div v-for="(item, index) in recordList" :key="index">
|
||||
<template v-if="item.messageType == 4">
|
||||
<div class="top_tip_wrap">为了快速解决问题，请选择下方咨询类型</div>
|
||||
<div class="ai_chat" >
|
||||
<div class="ai_left">
|
||||
<img class="report_ai" src="@/assets/report/report_ai.png" alt="">
|
||||
</div>
|
||||
<div class="ai_right">
|
||||
<div class="ai_title">{{ orderInfo?.driverName }}你好，请选择报备内容</div>
|
||||
<ul>
|
||||
<li v-for="_item in item.content" :key="_item.id" @click="addReportHandler(_item)">“{{_item.name}}”</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="[2, 3].includes(Number(item.messageType))">
|
||||
<!--ai对话框 e -->
|
||||
<div class="tip_wrap">{{item.createTime}}</div>
|
||||
<!--客服对话框 s -->
|
||||
<div class="customer_item mb20">
|
||||
<div class="customer_left">
|
||||
<img class="profile_photo mr" src="@/assets/report/report_customer.png" alt="">
|
||||
</div>
|
||||
<div class="common_right customer_cls">
|
||||
<div class="customer_status">{{item.reportConfigName}}</div>
|
||||
<div class="response_con">{{item.remark}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="item.messageType == 1">
|
||||
<!--服务人员对话框 e -->
|
||||
<div class="tip_wrap">{{item.createTime}}</div>
|
||||
<!--服务人员对话框 s -->
|
||||
<div class="server_item mb20">
|
||||
<div class="common_right service_cls">
|
||||
<div class="service_status">{{item.reportConfigName}}</div>
|
||||
<div class="response_con">{{item.remark}}</div>
|
||||
</div>
|
||||
<div class="customer_left">
|
||||
<img class="profile_photo ml" v-if="type == 1" src="@/assets/report/report_dispatch.png" alt="">
|
||||
<img class="profile_photo ml" v-else src="@/assets/report/report_driver.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<!--服务人员对话框 e -->
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<report-list-item :report-list.sync="reportList" @getReport="getReportHandler" />
|
||||
<van-popup ref="addReportModal" v-model="addReportShow" :close-on-click-overlay="false" closeable duration="0" round position="bottom">
|
||||
<div class="dialog_wrap">
|
||||
<img class="add_report_bg" src="@/assets/report/add_report_bg.png" alt="">
|
||||
<div class="report_content">
|
||||
<template v-if="currentInfo.component == 'time'">
|
||||
<!--预约时间报备 s -->
|
||||
<div class="report_title">
|
||||
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
||||
<span>预约时间</span>
|
||||
</div>
|
||||
<div class="report_time_content" @click="showDatetime = true">
|
||||
<div class="report_time_left">
|
||||
<img class="add_report_time" src="@/assets/report/add_report_time.png" alt="">
|
||||
<span>{{appointTime || '请选择时间'}}</span>
|
||||
</div>
|
||||
<img class="report_arrow" src="@/assets/report/add_report_arrow.png" alt="">
|
||||
</div>
|
||||
<!--预约时间报备 e -->
|
||||
</template>
|
||||
<template v-if="currentInfo.component == 'address'">
|
||||
<!--修改地址报备 s -->
|
||||
<div class="report_title">
|
||||
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
||||
<span>修改地址</span>
|
||||
</div>
|
||||
<div class="report_time_content" @click="goPage('addressMap')">
|
||||
<div class="report_time_left">
|
||||
<img class="add_report_time" src="@/assets/report/add_report_address.png" alt="">
|
||||
<span>{{address || '请选择地址'}}</span>
|
||||
</div>
|
||||
<img class="report_arrow" src="@/assets/report/add_report_arrow.png" alt="">
|
||||
</div>
|
||||
<!--修改地址报备 e -->
|
||||
</template>
|
||||
<div class="report_title">
|
||||
<img class="dot" src="@/assets/report/add_report_dot.png" alt="">
|
||||
<span>补充报备内容</span>
|
||||
</div>
|
||||
<div class="report_common_content">
|
||||
<textarea class="report_textarea" id="text-input" rows="4" placeholder="点击这里输入补充报备内容" v-model.trim="remark"></textarea>
|
||||
<!-- <van-field-->
|
||||
<!-- v-model="remark"-->
|
||||
<!-- class="report_textarea"-->
|
||||
<!-- placeholder="点击这里输入补充报备内容" />-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="report_btn" @click="saveHandler">
|
||||
提交报备
|
||||
</div>
|
||||
</div>
|
||||
</van-popup>
|
||||
|
||||
<van-popup v-model="showDatetime" round position="bottom">
|
||||
<van-datetime-picker
|
||||
class="dataTime"
|
||||
v-if="showDatetime"
|
||||
v-model="appointTime"
|
||||
type="datetime"
|
||||
:min-date="minDate"
|
||||
@confirm="onConfirm"
|
||||
@cancel="showDatetime = false"
|
||||
/>
|
||||
</van-popup>
|
||||
</div>
|
||||
<!-- </van-pull-refresh>-->
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getReportListByOrder, reportHistory, newOrderReporting, getOrderInfo } from "@/api/report"
|
||||
import { myMixins} from "@/utils/myMixins";
|
||||
import {timeFormat} from "@/utils/common";
|
||||
import reportListItem from '@/views/report/components/report-list-item'
|
||||
import serviceItem from "@/views/report/components/service-item"
|
||||
import {Dialog, Toast} from "vant";
|
||||
export default {
|
||||
name: "reportIndex",
|
||||
components: { serviceItem, reportListItem },
|
||||
mixins: [myMixins],
|
||||
data() {
|
||||
return {
|
||||
addReportShow: false,
|
||||
remark: '',
|
||||
showDatetime: false,
|
||||
appointTime: '',
|
||||
minDate: new Date(),
|
||||
address: '',
|
||||
lat: '',
|
||||
lng: '',
|
||||
reportList: [],
|
||||
recordList: [],
|
||||
orderInfo: {},
|
||||
type: '', // 1 调度 2 司机
|
||||
currentInfo: '',
|
||||
userOrderId: '',
|
||||
userOrderCode: '',
|
||||
driverId: '',
|
||||
clickFlag: true,
|
||||
isLoading: false,
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
const urlParams = new URLSearchParams(window.location.search);
|
||||
this.userOrderId = this.$route.query.userOrderId || urlParams.get('userOrderId');
|
||||
this.userOrderCode = this.$route.query.userOrderCode || urlParams.get('userOrderCode');
|
||||
this.type = this.$route.query.type || urlParams.get('type');
|
||||
this.driverId = this.$route.query.driverId || urlParams.get('driverId');
|
||||
await this.getReportList();
|
||||
await this.getDetail();
|
||||
await this.getRecordList();
|
||||
await this.scrollToBottom();
|
||||
},
|
||||
activated() {
|
||||
let addressSession = sessionStorage.getItem('reportAddress');
|
||||
if(addressSession) {
|
||||
let _obj = JSON.parse(addressSession)
|
||||
this.address = _obj.startPoiAddress;
|
||||
this.lat = _obj.startLat;
|
||||
this.lng = _obj.startLng;
|
||||
this.adCode = _obj.adCode;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onRefreshHandler() {
|
||||
setTimeout(async () => {
|
||||
try {
|
||||
this.recordList = [];
|
||||
await this.getReportList();
|
||||
await this.getDetail();
|
||||
await this.getRecordList();
|
||||
await this.scrollToBottom();
|
||||
} finally {
|
||||
this.isLoading = false; // 结束加载状态
|
||||
}
|
||||
}, 100)
|
||||
},
|
||||
// 添加滚动方法
|
||||
scrollToBottom() {
|
||||
this.$nextTick(() => {
|
||||
const container = this.$refs.chatList
|
||||
container.scrollTop = container.scrollHeight
|
||||
})
|
||||
},
|
||||
async getRecordList() {
|
||||
let recordList = await reportHistory({
|
||||
userOrderId: this.userOrderId,
|
||||
userOrderCode: this.userOrderCode,
|
||||
driverId: this.driverId,
|
||||
source: Number(this.type),
|
||||
})
|
||||
this.recordList = recordList.data;
|
||||
},
|
||||
async saveHandler() {
|
||||
if( this.clickFlag ) {
|
||||
let data = {
|
||||
source: Number(this.type),
|
||||
reportContent: this.remark,
|
||||
userOrderId: Number(this.userOrderId),
|
||||
reportConfigId: this.currentInfo.id,
|
||||
userOrderCode: this.userOrderCode,
|
||||
driverId: this.driverId,
|
||||
}
|
||||
if(this.currentInfo.component == 'time') {
|
||||
if( !this.appointTime ) {
|
||||
Toast('预约时间不能为空')
|
||||
return
|
||||
}
|
||||
if( new Date(this.appointTime).getTime() <= new Date().getTime() ) {
|
||||
Toast('预约时间不能小于当前时间')
|
||||
return
|
||||
}
|
||||
data.time = this.appointTime
|
||||
}
|
||||
if(this.currentInfo.component == 'address') {
|
||||
if( !this.address ) {
|
||||
Toast('地址不能为空')
|
||||
return
|
||||
}
|
||||
data.address = this.address
|
||||
data.lat = this.lat;
|
||||
data.lng = this.lng;
|
||||
}
|
||||
if( !this.remark ) {
|
||||
Toast('备注内容不能为空')
|
||||
return
|
||||
}
|
||||
this.clickFlag = false;
|
||||
try {
|
||||
await newOrderReporting(data)
|
||||
Dialog.alert({
|
||||
title: '提示',
|
||||
message: "报备添加成功"
|
||||
}).then(async () => {
|
||||
await this.getRecordList()
|
||||
this.addReportShow = false
|
||||
this.scrollToBottom();
|
||||
this.initDialogData();
|
||||
this.clickFlag = true
|
||||
});
|
||||
} finally {
|
||||
this.clickFlag = true
|
||||
}
|
||||
}
|
||||
},
|
||||
initDialogData() {
|
||||
this.appointTime = '';
|
||||
this.address = '';
|
||||
this.lat = '';
|
||||
this.lng = '';
|
||||
this.remark = '';
|
||||
},
|
||||
addReportHandler(data) { // 点击添加报备弹框
|
||||
this.currentInfo = data;
|
||||
this.addReportShow = true
|
||||
},
|
||||
getReportHandler(data) { // 点击获取当前报备信息
|
||||
this.recordList.push({
|
||||
messageType: 4,
|
||||
content: data.child
|
||||
})
|
||||
this.scrollToBottom();
|
||||
},
|
||||
async getDetail(){ // 订单详情
|
||||
if(this.userOrderId) {
|
||||
let result = await getOrderInfo({
|
||||
userOrderId: this.userOrderId,
|
||||
userOrderCode: this.userOrderCode
|
||||
})
|
||||
this.orderInfo = result.data
|
||||
} else {
|
||||
this.orderInfo = {}
|
||||
}
|
||||
|
||||
},
|
||||
async getReportList() { // 报备大类
|
||||
let res = await getReportListByOrder({
|
||||
orderId: this.userOrderId
|
||||
});
|
||||
this.reportList = res.data
|
||||
},
|
||||
onConfirm(data) {
|
||||
this.appointTime = timeFormat(new Date(data))
|
||||
this.showDatetime = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.custom-pull-refresh {
|
||||
height: 100% !important;
|
||||
}
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
#app {
|
||||
background: #F9FCFF !important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.main_wrap {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #F9FCFF !important;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
// 添加以下样式确保正确的高度计算
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.top_bg {
|
||||
width: 100%;
|
||||
height: 87px;
|
||||
/*.title {
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding-top: 52px;
|
||||
font-size: 17px;
|
||||
line-height: 24px;
|
||||
}*/
|
||||
}
|
||||
.dispatch { // 调度app头部背景色
|
||||
background: #354683;
|
||||
}
|
||||
.driver { // 司机app头部背景色
|
||||
background: #334885;
|
||||
}
|
||||
.service_wrap {
|
||||
margin-top: -75px;
|
||||
/*margin-bottom: 20px;*/
|
||||
}
|
||||
.chat_list {
|
||||
flex: 1;
|
||||
/*overflow: auto;*/
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
-webkit-overflow-scrolling: touch; // 为了iOS平滑滚动
|
||||
padding-top: 10px;
|
||||
/* 修复 iOS 滚动问题 */
|
||||
transform: translateZ(0);
|
||||
.top_tip_wrap {
|
||||
color: #7C8698;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
}
|
||||
.tip_wrap {
|
||||
color: #7C8698;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.ai_chat {
|
||||
padding: 25px 10px 20px;
|
||||
display: flex;
|
||||
.ai_left {
|
||||
.report_ai {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
.ai_right {
|
||||
.ai_title {
|
||||
color: #203152;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
li {
|
||||
font-size: 13px;
|
||||
color: #267EF0;
|
||||
line-height: 18px;
|
||||
margin-bottom: 15px;
|
||||
font-weight: bold;
|
||||
}
|
||||
li::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: #5680FA;
|
||||
border-radius: 50%; /* 圆形 */
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*客服人员，服务人员对话弹框样式 s*/
|
||||
.profile_photo {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
}
|
||||
.mr {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ml {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.mb20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.customer_item {
|
||||
display: flex;
|
||||
padding-left: 10px;
|
||||
padding-right: 64px;
|
||||
.customer_left {
|
||||
}
|
||||
}
|
||||
.common_right {
|
||||
padding: 11px 13px;
|
||||
flex: 1;
|
||||
.customer_status::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: #5680FA;
|
||||
border-radius: 50%; /* 圆形 */
|
||||
margin-right: 10px;
|
||||
}
|
||||
.customer_status {
|
||||
font-size: 14px;
|
||||
color: #267EF0;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.service_status {
|
||||
font-size: 14px;
|
||||
color: #F07926;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.service_status::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: #F07926;
|
||||
border-radius: 50%; /* 圆形 */
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.customer_cls {
|
||||
border-radius: 0px 6px 6px 6px;
|
||||
background: #E3F0FF;
|
||||
}
|
||||
.service_cls {
|
||||
background: #FAEBD8;
|
||||
border-radius: 0px 6px 6px 6px;
|
||||
}
|
||||
.server_item {
|
||||
display: flex;
|
||||
padding-right: 10px;
|
||||
padding-left: 64px;
|
||||
}
|
||||
.response_con {
|
||||
font-size: 13px;
|
||||
color: #242A37;
|
||||
line-height: 18px;
|
||||
font-weight: bold;
|
||||
margin-top: 5px;
|
||||
}
|
||||
/*客服人员，服务人员对话弹框样式 e*/
|
||||
.dialog_wrap {
|
||||
.add_report_bg {
|
||||
width: 100%;
|
||||
height: 76px;
|
||||
}
|
||||
.report_content {
|
||||
width: calc(100% - 12px);
|
||||
margin: -30px auto 0;
|
||||
padding-right: 14px;
|
||||
padding-left: 20px;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
padding-top: 25px;
|
||||
border-radius: 10px;
|
||||
.report_title {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #267EF0;
|
||||
line-height: 22px;
|
||||
margin-bottom: 10px;
|
||||
.dot {
|
||||
width: 7px;
|
||||
height: 6px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
}
|
||||
.report_time_content {
|
||||
padding: 13px;
|
||||
background: #F2F7FF;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #E2EAF6;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 30px;
|
||||
.report_time_left {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: rgba(0, 0, 0, 0.9);
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.add_report_time {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.report_arrow {
|
||||
width: 8px;
|
||||
height: 12px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.report_common_content {
|
||||
margin-bottom: 27px;
|
||||
.report_textarea {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background: #F8FAFC;
|
||||
border-radius: 6px;
|
||||
min-height: 95px;
|
||||
border: 1px solid #E2EAF6;
|
||||
padding: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.report_btn {
|
||||
width: calc(100% - 80px);
|
||||
height: 46px;
|
||||
line-height: 46px;
|
||||
background: #005DD5;
|
||||
border-radius: 23px;
|
||||
color: #FFFFFF;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin: 0 auto 40px;
|
||||
}
|
||||
}
|
||||
::v-deep .van-popup__close-icon {
|
||||
color: #0F458E;
|
||||
}
|
||||
</style>
|
||||