sunliwei/detection-business
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
许允枞 2025-04-10 17:46:39 +08:00
parent b1fba5d056
commit 1abdae0f3f
1 changed files with 1153 additions and 820 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

593
pages/staff/staff.vue
View File

@ -7,8 +7,9 @@
<uni-icons type="left" size="18"></uni-icons> <uni-icons type="left" size="18"></uni-icons>
</view> --> </view> -->
<view class="t-input"> <view class="t-input">
<!-- <uni-icons type="search" color="#BCBCBC" size="22"></uni-icons>--> <!-- <uni-icons type="search" color="#BCBCBC" size="22"></uni-icons>-->
<u-search v-model="carNum" @custom="getList" @search="getList" clearabled placeholder="搜索车牌号....."></u-search> <u-search v-model="carNum" @custom="getList" @search="getList" clearabled
placeholder="搜索车牌号....."></u-search>
</view> </view>
<view class="icon1" @click="goNotice()"> <view class="icon1" @click="goNotice()">
<image src="/static/imgs/staffxiaoxi.png" style="width: 50rpx;height: 50rpx;" mode=""></image> <image src="/static/imgs/staffxiaoxi.png" style="width: 50rpx;height: 50rpx;" mode=""></image>
@ -19,22 +20,29 @@
<scroll-view scroll-x="true" style="width: 100%;"> <scroll-view scroll-x="true" style="width: 100%;">
<view style="display: flex; align-items: center; white-space: nowrap;"> <view style="display: flex; align-items: center; white-space: nowrap;">
<view class="tap-box" v-for="(item, index) in tapList" :key="index" @click="tapqh(index)"> <view class="tap-box" v-for="(item, index) in tapList" :key="index" @click="tapqh(index)">
<view v-if="isExamine || getValueByText(item.text) !== '7'">
<view class="xhuihui" :class="{'xzhei': tapindex == index}" <view class="xhuihui" :class="{'xzhei': tapindex == index}"
style="white-space: nowrap;margin-right: 0.5rem"> style="white-space: nowrap;margin-right: 0.5rem">
{{ item.text }}{{ countMap.length !== 0 ? ('(' + countMap.get(index + 1 + "") + ')') : '' }} {{ item.text }}{{ countMap.length !== 0 ? ('(' + countMap.get(getValueByText(item.text)) + ')') : '' }}
</view> </view>
<view class="gang" v-if="tapindex == index"></view> <view class="gang" v-if="tapindex == index"></view>
</view> </view>
</view> </view>
</view>
</scroll-view> </scroll-view>
</view> </view>
<view class="mub"> <view class="mub">
<view class="top-ail"> <view class="top-ail">
<!-- 使用 scroll-view 包裹 SchoolInfo 组件 -->
<scroll-view class="school-scroll-view" scroll-y @scrolltolower="onReachBottomCus"
:style="{ height: scrollHeight + 'px' }" refresher-enabled @refresherrefresh="onRefresherrefresh"
:refresher-triggered="isTriggered">
<view class="jsy" v-if="infoDatas.length == 0"> <view class="jsy" v-if="infoDatas.length == 0">
<image src="http://www.nuoyunr.com/lananRsc/detection/qs.png" mode=""></image> <u-empty mode="list">
</u-empty>
</view> </view>
<view class="m-box" v-for="(item,index) in infoDatas" :key="index"> <view class="m-box" v-for="(item,index) in infoDatas" :key="index" v-else>
<view class="sshi" v-if="item.isPass == '0'"> <view class="sshi" v-if="item.isPass == '0'">
<image v-if="item.status == 1" :src="imgurl + '/noPass.png'" mode=""></image> <image v-if="item.status == 1" :src="imgurl + '/noPass.png'" mode=""></image>
<view v-else class=""> <view v-else class="">
@ -87,33 +95,38 @@
</view> </view>
<view class="on-input" v-if="item.nodeNames"> <view class="on-input" v-if="item.nodeNames">
<uni-icons type="more" color="#999999" size="16"></uni-icons> <uni-icons type="more" color="#999999" size="16"></uni-icons>
<text class="single-line">检测内容：</text> <text class="single-line" v-if="tapValue != '7'">检测内容：</text>
<text class="multi-line">{{ item.nodeNames }}</text> <text class="single-line" style="color: red;" v-else>需重审项目：</text>
<text class="multi-line"
:style="tapValue == '7' ? 'color:red' : ''">{{ item.nodeNames }}</text>
</view> </view>
<view class="bottom-di"> <view class="bottom-di">
<view class="button-container"> <view class="button-container">
<u-button class="button" v-if="beginButtonShow.includes(tapindex)" @click="orderTakingBefore(item)" <u-button class="button" v-if="beginButtonShow.includes(tapValue)"
size="10"> @click="orderTakingBefore(item)" size="10">
开始检测 开始检测
</u-button> </u-button>
<u-button class="button" v-if="cancelButtonShow.includes(tapindex)" @click="cancelAnOrder(item)" <u-button class="button" v-if="cancelButtonShow.includes(tapValue)"
size="10"> @click="cancelAnOrder(item)" size="10">
取消接单 取消接单
</u-button> </u-button>
<u-button class="button" v-if="meetCarButtonShow.includes(tapindex)" @click="meetCarPhoto(item);openMeetCar = true" <u-button class="button" v-if="meetCarButtonShow.includes(tapValue)"
size="10"> @click="meetCarPhoto(item);openMeetCar = true" size="10">
接车拍照 接车拍照
</u-button> </u-button>
<u-button class="button" v-if="meetCarButtonShow.includes(tapindex)" @click="getMeetMan();meetCarPhoto(item);showMeetMan = true" <u-button class="button" v-if="meetCarButtonShow.includes(tapValue)"
size="10"> @click="getMeetMan();meetCarPhoto(item);showMeetMan = true" size="10">
更换人员 更换人员
</u-button> </u-button>
<u-button class="button" @click="hge=true;getProject(item.id)"
v-if="isExamine && tapValue == '7'" size="10">重审项目</u-button>
<u-button class="button" @click="godetails(item)" size="10">查看详情</u-button> <u-button class="button" @click="godetails(item)" size="10">查看详情</u-button>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</scroll-view>
</view> </view>
</view> </view>
<u-popup :show="openMeetCar" @close="openMeetCar = false" :round="10"> <u-popup :show="openMeetCar" @close="openMeetCar = false" :round="10">
@ -130,7 +143,8 @@
</view> </view>
</view> </view>
</u-popup> </u-popup>
<u-picker :show="showMeetMan" keyName="nickname" title="更换接车人" :columns="[columnsMeetMan]" @confirm="confirmsMeetMan" @cancel="cancelsMeetMan"></u-picker> <u-picker :show="showMeetMan" keyName="nickname" title="更换接车人" :columns="[columnsMeetMan]"
@confirm="confirmsMeetMan" @cancel="cancelsMeetMan"></u-picker>
<view class="lanniu-container2"> <view class="lanniu-container2">
<u-picker :show="show" :columns="chooseWorkNodes" @confirm="confirms" @cancel="cancels" <u-picker :show="show" :columns="chooseWorkNodes" @confirm="confirms" @cancel="cancels"
@ -145,21 +159,51 @@
<text>+ 补录</text> <text>+ 补录</text>
</view> </view>
</view> </view>
<view class="lanniu-container" v-else>
<view class="lanniu" @click="gogogo">
<text>接车创建</text>
</view>
</view>
<view style="width: 100%; height: 50px;"></view> <view style="width: 100%; height: 50px;"></view>
<tabBar :msg="msg"></tabBar> <tabBar :msg="msg"></tabBar>
<u-popup :show="hge" @close="closehge" :round="10">
<view class="popup-box">
<view v-if="isExamine">
<view class="t-title">重审/退办</view>
<view class="on-inputx">
<view class="anniu" :class="{'an':isRetrial == item.value}" v-for="(item,index) in cstb"
:key="index" @click="shenmowanyi(item.value,index)">
<text>{{ item.text }}</text>
</view>
</view>
<view class="t-title" v-if="tbindex == 1 && isRetrial == 1">选择复检的项目</view>
<view class="box_ on-inputx" v-if="tbindex == 1 && isRetrial == 1">
<view class="box_button " :class="{ 'box_button_x' :csId.includes(item.id) }"
v-for="item in selectProject" @click="clickProject(item)">{{ item.projectName }}
</view>
</view>
</view>
<view class="bottomx" @click="submitRecheck()">
<uni-icons type="compose" color="#0174F6" size="20"></uni-icons>
<text>提交</text>
</view>
</view>
</u-popup>
</view> </view>
</template> </template>
<script> <script>
import config from '@/config' import config from '@/config'
import request from '../../utils/request'; import request from '../../utils/request';
import tabBar from '../../components/staffTabBer/tabBar.vue' import tabBar from '../../components/staffTabBer/tabBar.vue'
import {type} from "../../uni_modules/uni-forms/components/uni-forms/utils"; import {
import upload from "@/utils/upload"; type
import USearch from "@/uni_modules/uview-ui/components/u-search/u-search.vue"; } from "../../uni_modules/uni-forms/components/uni-forms/utils";
import upload from "@/utils/upload";
import USearch from "@/uni_modules/uview-ui/components/u-search/u-search.vue";
export default { export default {
data() { data() {
return { return {
isShowClient: false, isShowClient: false,
@ -168,21 +212,25 @@ export default {
baseUrl: this.$baseUrl, baseUrl: this.$baseUrl,
infoDatas: {}, infoDatas: {},
openMeetCar: false, openMeetCar: false,
isTriggered: false,
selectedInfoId: undefined, selectedInfoId: undefined,
partnerId: uni.getStorageSync("partnerId"), partnerId: uni.getStorageSync("partnerId"),
goodsTitle: '', goodsTitle: '',
tapindex: 0, tapindex: 0,
fileList1: [], fileList1: [],
fileList2: [], fileList2: [],
tapValue: 1, inspectionInfoId: undefined,
isExamine: false, isExamine: false,
hge: false,
msg: '1', msg: '1',
carNum: '', carNum: '',
pageNum: 1,//第几页 pageNum: 1, //第几页
noReadNum: 1, noReadNum: 1,
pageSize: 20,//一页多少张 pageSize: 20, //一页多少张
totalPages: 0,//总数 totalPages: 0, //总数
remark: '', remark: '',
scrollHeight: 0,
selectProject: [],
// tapList: [ // tapList: [
// { // {
// text: "待接受", // text: "待接受",
@ -203,11 +251,18 @@ export default {
// text: "待支付", // text: "待支付",
// value: "1" // value: "1"
// }, // },
{
text: "待审核重检",
value: "7",
},
{ {
text: "待检测", text: "待检测",
value: "1" value: "1"
}, },
{
text: "待接车",
value: "6",
},
{ {
text: "检测中", text: "检测中",
value: "2", value: "2",
@ -224,33 +279,55 @@ export default {
text: "已完成", text: "已完成",
value: "5", value: "5",
}, },
{
text: "待接车",
value: "6",
},
], ],
tapValue: 1,
chooseWorkNodes: [], chooseWorkNodes: [],
columnsMeetMan: [], columnsMeetMan: [],
tbindex: 1,
isRetrial: 1,
show: false, show: false,
showMeetMan: false, showMeetMan: false,
takingData: { takingData: {
workNodeId: null, workNodeId: null,
id: null id: null
}, },
beginButtonShow: [0, 2, 3], beginButtonShow: ['1', '3', '4'],
cancelButtonShow: [1], cancelButtonShow: ['2'],
meetCarButtonShow: [5], meetCarButtonShow: ['6'],
countMap: [] countMap: [],
csId: [],
cstb: [{
text: '重检',
value: "2"
}, {
text: '复检',
value: "1"
},
{
text: '退办理',
value: "0"
},
],
} }
}, },
onLoad() { async onLoad() {
this.$startSocketConnect(uni.getStorageSync('userId')) this.$startSocketConnect(uni.getStorageSync('userId'))
await this.isExamines()
this.msgInfo() this.msgInfo()
this.getWarnCount() this.getWarnCount()
this.tapValue = this.isExamine ? this.tapList[0].value : this.tapList[1].value
this.tapindex = this.isExamine ? 0 : 1
this.getList()
uni.$on('refresh', () => {
this.getList()
})
}, },
onShow() { onShow() {
this.getList() // this.getList()
this.isExamines() },
onReady() {
// 动态计算滚动区域高度
this.calculateScrollHeight();
}, },
watch: { watch: {
msgSocket(newVal, oldVal) { msgSocket(newVal, oldVal) {
@ -276,6 +353,76 @@ export default {
tabBar, tabBar,
}, },
methods: { methods: {
calculateScrollHeight() {
// 获取屏幕高度
const screenHeight = uni.getSystemInfoSync().windowHeight;
// 获取顶部区域高度
const topHeight = 270;
// 计算滚动区域高度
this.scrollHeight = screenHeight - topHeight;
},
//查询重审可以选择的项目
getProject(id) {
this.inspectionInfoId = id
request({
url: '/system/info/getWeorkNodesById',
method: 'get',
params: {
inspectionId: id
}
}).then(res => {
this.selectProject = res.data
})
},
closehge() {
this.hge = false
this.csId = []
},
Nnimamadewen(value, index) {
this.geindex = index
this.type = value
},
shenmowanyi(value, index) {
this.tbindex = value
this.isRetrial = value
},
clickProject(data) {
//判断当前id是否存在csId数组里面
let index = this.csId.indexOf(data.id)
if (index !== -1) {
// 如果存在，则从数组中删除
this.csId.splice(index, 1);
} else {
// 如果不存在，则添加到数组中
this.csId.push(data.id);
}
},
/**
* 上滑加载数据
*/
onReachBottomCus() {
//判断 如果页码*页容量大于等于总条数，提示该页数据加载完毕
if (this.pageNum >= this.totalPages) {
uni.$u.toast('没有更多数据了')
return
}
//页码+1,调用获取数据的方法获取第二页数据
this.pageNum++
//此处调用自己获取数据列表的方法
this.getList()
// 清理定时器
this.clearTime()
},
/**
* 下拉刷新数据
*/
onRefresherrefresh() {
this.isTriggered = true
this.pageNum = 1
this.total = 0
this.infoDatas = []
this.getList()
},
async getCount() { async getCount() {
await request({ await request({
url: '/system/info/getCountByType?partnerId=' + this.partnerId, url: '/system/info/getCountByType?partnerId=' + this.partnerId,
@ -293,6 +440,65 @@ export default {
this.noReadNum = res.data this.noReadNum = res.data
} }
}) })
},
async submitRecheck(id) {
console.log(this.isRetrial);
let inspectionInfo = {
inspectionInfoId: this.inspectionInfoId,
id: this.workNodeId,
type: this.isRetrial,
}
let status = 0
if (this.isExamine && this.tbindex == 1 && this.isRetrial == 1) {
if (this.csId == '' || this.csId == undefined) {
uni.showToast({
title: '请选择要复检的项目',
icon: 'none'
})
return
}
const workNodes = []
this.csId.forEach(item => {
let a = {
id: item,
status: "3"
}
workNodes.push(a)
})
inspectionInfo.workNodes = workNodes
await request({
url: '/system/info/recheck',
method: 'post',
data: inspectionInfo
})
this.onRefresherrefresh()
this.closehge()
return
} else if (this.isExamine && this.tbindex == 2 && this.isRetrial == 2) {
//跳转到修改工单页面
status = 2
} else if (this.tbindex == 0 && this.isRetrial == 0) {
status = 1
}
inspectionInfo.selectType = status
let res = await request({
// url: '/partnerOwn/partner/stopInspection',
url: '/system/info/controls',
method: 'post',
data: inspectionInfo
})
if (res.code == 200) {
uni.showToast({
title: "成功",
})
}
this.onRefresherrefresh()
this.closehge()
console.log(data);
}, },
/** 接车拍照提交*/ /** 接车拍照提交*/
submit() { submit() {
@ -316,7 +522,7 @@ export default {
this.openMeetCar = false this.openMeetCar = false
this.remark = '' this.remark = ''
this.fileList1 = [] this.fileList1 = []
this.getList() this.onRefresherrefresh()
} }
}) })
}, },
@ -413,7 +619,7 @@ export default {
id: item.id id: item.id
} }
let res = await request({ let res = await request({
url: `/system/info/getWorkNodeByIdAndNow?id=${item.id}&status=${(this.tapindex === 4 ? "3" : "0")}${(this.tapindex === 3 ? "&flag=false" : "")}`, url: `/system/info/getWorkNodeByIdAndNow?id=${item.id}&status=${(this.tapValue === '4' ? "3" : "0")}${(this.tapValue === '3' ? "&flag=false" : "")}`,
method: 'get', method: 'get',
}) })
if (res.data) { if (res.data) {
@ -442,14 +648,23 @@ export default {
} }
}, },
/**
* 根据 text 查找对应的 value
* @param {string} text - 要查找的文本
* @param {Array} list - 数据列表（默认使用 tapList）
* @returns {string|null} 返回对应的 value，找不到则返回 null
*/
getValueByText(text, list = this.tapList) {
const item = list.find(item => item.text === text);
return item ? item.value : null;
},
/*判断是否是收费登陆人*/ /*判断是否是收费登陆人*/
isExamines() { async isExamines() {
request({ const res = await request({
url: '/system/info/isExamine', url: '/system/info/isExamine',
method: 'get' method: 'get'
}).then(res => {
this.isExamine = res.data
}) })
this.isExamine = res.data
}, },
callUser(phone) { callUser(phone) {
uni.makePhoneCall({ uni.makePhoneCall({
@ -474,7 +689,9 @@ export default {
} else { } else {
this.infoDatas = res.rows this.infoDatas = res.rows
} }
console.log('此时的tapindex', this.tapindex);
const ids = this.infoDatas.filter(item => !item.nodeNames).map(item => item.id) const ids = this.infoDatas.filter(item => !item.nodeNames).map(item => item.id)
if (this.tapValue != '7') {
if (ids && ids.length > 0) { if (ids && ids.length > 0) {
const response = await request({ const response = await request({
url: "/partnerOwn/partner/getProjectByIds?ids=" + ids, url: "/partnerOwn/partner/getProjectByIds?ids=" + ids,
@ -487,12 +704,28 @@ export default {
}) })
} }
} }
} else {
// 查询不合格的项目
if (ids && ids.length > 0) {
const response = await request({
url: "/partnerOwn/partner/getProjectBelowStandardByIds?ids=" + ids,
method: 'get'
})
if (response.data) {
const data = response.data
this.infoDatas.forEach(item => {
this.$set(item, 'nodeNames', data[item.id])
})
}
}
}
let total = res.total let total = res.total
this.totalPages = Math.ceil(total / this.pageSize); this.totalPages = Math.ceil(total / this.pageSize);
} }
await this.getCount() await this.getCount()
this.isTriggered = false
}, },
getfan() { getfan() {
uni.navigateBack() uni.navigateBack()
@ -517,7 +750,11 @@ export default {
icon: 'none' icon: 'none'
}) })
// this.tapindex = 1 // this.tapindex = 1
this.godetails({id: data.id, workNodeId: data.workNodeId, workNodeStatus: 1}) this.godetails({
id: data.id,
workNodeId: data.workNodeId,
workNodeStatus: 1
})
} }
}) })
}, },
@ -567,18 +804,18 @@ export default {
this.getList() this.getList()
} }
} }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.content { .content {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: calc(100vh); height: calc(100vh);
background: white; background: white;
} }
.sshi { .sshi {
position: absolute; position: absolute;
bottom: 90rpx; bottom: 90rpx;
right: 20px; right: 20px;
@ -591,9 +828,9 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.top-heder { .top-heder {
width: 100%; width: 100%;
height: 46px; height: 46px;
background: white; background: white;
@ -602,13 +839,13 @@ export default {
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
padding: 5px 15px; padding: 5px 15px;
} }
.t-left { .t-left {
width: 10%; width: 10%;
} }
.t-input { .t-input {
width: 85%; width: 85%;
//height: 36px; //height: 36px;
//background: #F0F0F0; //background: #F0F0F0;
@ -618,36 +855,36 @@ export default {
//display: flex; //display: flex;
//align-items: center; //align-items: center;
} }
.top-ail { .top-ail {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 15px; padding: 15px;
background-color: #F4F4F4; background-color: #F4F4F4;
} }
.mub { .mub {
background-color: #F4F4F4; background-color: #F4F4F4;
height: calc(100vh); // height: calc(100vh);
} }
.tap { .tap {
width: 100%; width: 100%;
height: 44px; height: 44px;
background: #FFFFFF; background: #FFFFFF;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.tap-box { .tap-box {
width: 50%; width: 50%;
} }
.xhuihui { .xhuihui {
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 16px; font-size: 16px;
@ -655,24 +892,24 @@ export default {
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
//margin-left: 0.5rem; //margin-left: 0.5rem;
} }
.gang { .gang {
width: 32px; width: 32px;
height: 4px; height: 4px;
background: #0D2E8D; background: #0D2E8D;
border-radius: 4px; border-radius: 4px;
margin: 2px auto; margin: 2px auto;
margin-left: 1rem; margin-left: 1rem;
} }
.xzhei { .xzhei {
font-weight: bold !important; font-weight: bold !important;
color: #333333 !important; color: #333333 !important;
} }
.m-box { .m-box {
position: relative; position: relative;
background: #FFFFFF; background: #FFFFFF;
border-radius: 8px; border-radius: 8px;
@ -680,9 +917,9 @@ export default {
padding: 15px 10px; padding: 15px 10px;
margin: 10px auto; margin: 10px auto;
} }
.m-top { .m-top {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 15px; padding-bottom: 15px;
@ -690,13 +927,11 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.top-left { .top-left {}
} .top-right {
.top-right {
z-index: 9999; z-index: 9999;
width: 33px; width: 33px;
height: 33px; height: 33px;
@ -708,22 +943,22 @@ export default {
height: 100%; height: 100%;
} }
} }
.dhei { .dhei {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
margin-bottom: 5px; margin-bottom: 5px;
} }
.xhui { .xhui {
font-size: 15px; font-size: 15px;
font-weight: 400; font-weight: 400;
color: #999999; color: #999999;
} }
.on-input { .on-input {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
@ -734,22 +969,22 @@ export default {
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 10px; margin-top: 10px;
// justify-content: space-between; // justify-content: space-between;
} }
.bottom-di { .bottom-di {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.button-container { .button-container {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
} }
.button { .button {
width: 80%; width: 80%;
height: 45px; height: 45px;
background: linear-gradient(180deg, #3F61C0 0%, #0D2E8D 100%); background: linear-gradient(180deg, #3F61C0 0%, #0D2E8D 100%);
@ -759,37 +994,39 @@ export default {
justify-content: center; justify-content: center;
color: white; color: white;
} }
.ju { .ju {
font-size: 24px; font-size: 24px;
font-weight: 600; font-weight: 600;
color: #FF571A; color: #FF571A;
} }
.lanniu-container { .lanniu-container {
width: 90%; width: 90%;
position: fixed; position: fixed;
bottom: 60px; bottom: 60px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; /* 控制子元素之间的间距，可以改为 center/space-around */ justify-content: space-between;
/* 控制子元素之间的间距，可以改为 center/space-around */
transform: translate(-50%); transform: translate(-50%);
left: 50%; left: 50%;
z-index: 10074; z-index: 10074;
} }
.lanniu-container2 { .lanniu-container2 {
position: fixed; position: fixed;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; /* 控制子元素之间的间距，可以改为 center/space-around */ justify-content: space-between;
/* 控制子元素之间的间距，可以改为 center/space-around */
z-index: 999999; z-index: 999999;
} }
.lanniu { .lanniu {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -798,49 +1035,59 @@ export default {
height: 44px; height: 44px;
border-radius: 8px; border-radius: 8px;
font-weight: bold; font-weight: bold;
flex: 1; /* 子元素均分宽度 */ flex: 1;
margin: 0 5px; /* 控制子元素之间的间距 */ /* 子元素均分宽度 */
} margin: 0 5px;
/* 控制子元素之间的间距 */
}
.csz { .csz {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
color: #FF571A; color: #FF571A;
} }
/* 确保 "检测内容：" 始终在一行 */ /* 确保 "检测内容：" 始终在一行 */
.single-line { .single-line {
white-space: nowrap; white-space: nowrap;
flex-shrink: 0; flex-shrink: 0;
} }
/* 允许 item.nodeNames 多行显示 */ /* 允许 item.nodeNames 多行显示 */
.multi-line { .multi-line {
white-space: pre-line; /* 保留换行符，但允许文本换行 */ white-space: pre-line;
word-break: break-all; /* 长单词或 URL 会在必要时断开 */ /* 保留换行符，但允许文本换行 */
} word-break: break-all;
/* 长单词或 URL 会在必要时断开 */
}
.msg-num { .msg-num {
position: absolute; position: absolute;
right: -29rpx; right: -29rpx;
top: -20rpx; top: -20rpx;
color: white; color: white;
background: #d74a43; background: #d74a43;
padding: 5rpx 10rpx; /* 使用 padding 确保有足够的空间 */ padding: 5rpx 10rpx;
min-width: 35rpx; /* 最小宽度 */ /* 使用 padding 确保有足够的空间 */
line-height: 1.2; /* 调整行高以适应不同内容 */ min-width: 35rpx;
/* 最小宽度 */
line-height: 1.2;
/* 调整行高以适应不同内容 */
text-align: center; text-align: center;
font-weight: 800; font-weight: 800;
font-size: 11px; font-size: 11px;
border-radius: 20rpx; /* 椭圆效果 */ border-radius: 20rpx;
white-space: nowrap; /* 确保文本不换行 */ /* 椭圆效果 */
} white-space: nowrap;
/* 确保文本不换行 */
}
.icon1 { .icon1 {
position: relative; position: relative;
width: 56rpx; width: 56rpx;
height: 56rpx; height: 56rpx;
//margin-left: 30rpx; //margin-left: 30rpx;
.msg-num { .msg-num {
position: absolute; position: absolute;
@ -856,17 +1103,17 @@ export default {
border-radius: 50%; border-radius: 50%;
top: -15rpx; top: -15rpx;
} }
} }
.on-inputx { .on-inputx {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
margin: 15px auto; margin: 15px auto;
} }
.popup-box { .popup-box {
overflow: hidden; overflow: hidden;
border-radius: 8px; border-radius: 8px;
box-sizing: border-box; box-sizing: border-box;
@ -874,8 +1121,9 @@ export default {
width: 100%; width: 100%;
background-color: white; background-color: white;
margin-bottom: 80rpx; margin-bottom: 80rpx;
} }
.bottomx {
.bottomx {
margin: 0 auto; margin: 0 auto;
width: 225px; width: 225px;
height: 46px; height: 46px;
@ -886,5 +1134,90 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
//color: #0174F6; //color: #0174F6;
} }
.popup-box {
overflow: hidden;
border-radius: 8px;
box-sizing: border-box;
padding: 15px;
width: 100%;
background-color: white;
}
.t-title {
font-size: 17px;
font-weight: bold;
color: #333333;
}
.box_ {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.box_button {
border-radius: 6px;
border: 1px solid #999;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
box-sizing: border-box;
padding: 5px 10px;
margin-right: 5px;
margin-bottom: 5px;
}
.box_button_x {
border-radius: 6px;
border: 1px solid #0D2E8D;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
box-sizing: border-box;
padding: 5px 10px;
margin-right: 5px;
margin-bottom: 5px;
background: #0D2E8D;
color: #fff;
}
.on-inputx {
width: 100%;
display: flex;
align-items: center;
margin: 15px auto;
}
.anniu {
box-sizing: border-box;
padding: 2px 10px;
margin: 0px 10px;
// background: linear-gradient(180deg, #3F61C0 0%, #0D2E8D 100%);
border: 1px solid #0D2E8D;
border-radius: 23px;
font-size: 15px;
color: #0D2E8D;
display: flex;
align-items: center;
justify-content: center;
}
.an {
box-sizing: border-box;
padding: 2px 10px;
margin: 0px 10px;
background: linear-gradient(180deg, #3F61C0 0%, #0D2E8D 100%) !important;
border-radius: 23px;
font-size: 15px;
color: white !important;
display: flex;
align-items: center;
justify-content: center;
}
</style> </style>