suzhou-jichuang-lanhai
/
SzplatformAPP
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

genggai

Browse Source
main
李劲龙 9 months ago
parent 87f1f88212
commit 466b20ce23
6 changed files with 285 additions and 143 deletions
Show Stats Download Patch File Download Diff File

107
components/LieBIaoList/LieBIaoList.vue
Unescape View File

@ -19,7 +19,7 @@
</view> -->
<view class="LieBIaoListindexcontentbttom-item-bottom">
<view class="LieBIaoListindexcontentbttom-item-bottom-left">
<u-icon name="map" size="18" color="#595F66" class="icon"></u-icon>
<u-icon name="map" size="14" color="#595F66" class="icon"></u-icon>
</view>
<view class="LieBIaoListindexcontentbttom-item-bottom-rigth">
{{item.caseAddress}}
@ -27,29 +27,45 @@
</view>
<view class="LieBIaoListindexcontentbttom-item-bottom">
<view class="LieBIaoListindexcontentbttom-item-bottom-left">
<u-icon name="clock" size="18" color="#595F66" class="icon"></u-icon>
<u-icon name="clock" size="14" color="#595F66" class="icon"></u-icon>
</view>
<view class="LieBIaoListindexcontentbttom-item-bottom-rigth">
{{item.caseDate}}
</view>
</view>
<view class="">
<view class="LieBIaoListindexcontentbttom-item-bottom-bottom chengse" @click.stop="nextblack(item)"
v-show="item.isReport">
<view class="" v-if="tabscurrent == 0">
<view class="LieBIaoListindexcontentbttom-item-bottom-bottom " :class="" v-show="!item.isReport">
<!-- <u-icon name="tags" size="24" color="#2baa04" class="" class="icon"
v-show="item.caseSerialShow">
</u-icon> -->
<!-- v-if="item.caseSerialShow" -->
<view class="fuhe" :class="item.caseSerialShow?'huise':''" @click.stop="nextblack(item,false)">
符合
</view>
<view class="bufuhe" :class="item.caseSerialShow?'hongse':''"
@click.stop="nextblack(item,true)">
不符合
</view>
</view>
</view>
<view class="" v-else>
<view class="LieBIaoListindexcontentbttom-item-bottom-bottom chengse" v-if="item.isReport">
<view class="bufuhe">
不符合
</view>
<view class="LieBIaoListindexcontentbttom-item-bottom-bottom " :class="" @click.stop="nextblack(item)"
</view>
<view class="LieBIaoListindexcontentbttom-item-bottom-bottom chengse" :class=""
v-show="!item.isReport">
<!-- <u-icon name="tags" size="24" color="#2baa04" class="" class="icon"
v-show="item.caseSerialShow">
</u-icon> -->
<view class="bufuhe" v-if="item.caseSerialShow" :class="">
不符合
</view>
<view class="fuhe" v-else>
<!-- v-if="item.caseSerialShow" -->
<view class="fuhe">
符合
</view>
</view>
</view>
</view>
@ -107,12 +123,16 @@ import {
//判断是否为同人同诉，如果为，那么判断点击时的状态 2 为非同人 ，对应字段caseSerialShowleft
//3 为 非同诉，对应字段caseSerialShowRight
item.caseSerialShow = !item.caseSerialShow
item.caseSerialShow = type
console.log(item.caseSerialShow);
if (!item.caseSerialShow) {
this.shijianList = this.shijianList.filter((obj) => {
return obj != item.caseSerial;
});
} else {
this.shijianList = this.shijianList.filter((obj) => {
return obj != item.caseSerial;
});
this.shijianList.push(item.caseSerial)
}
@ -153,25 +173,27 @@ import {
<style lang="scss" scoped>
.LieBIaoListindexcontent {
width: 100%;
margin: 25rpx 0;
height: calc(100% - 50rpx);
margin: 0rpx 0;
height: 100%;
padding-bottom: 80rpx;
overflow-y: scroll;
.LieBIaoListindexcontent-bottom {
width: 100%;
padding: 20rpx;
padding: 10rpx;
border-radius: 10rpx;
.LieBIaoListindexcontentbttom-item {
padding: 25rpx;
padding: 15rpx;
width: 100%;
background: #f1f1f1fa;
border-radius: 10rpx;
margin: 20rpx 0;
margin: 5rpx 0;
.LieBIaoListindexcontentbttom-item-top {
text-align: left;
font-weight: 500;
font-size: 30rpx;
font-size: 28rpx;
font-weight: bold;
color: #35393D;
overflow: hidden;
@ -180,14 +202,14 @@ import {
.LieBIaoListindexcontentbttom-item-bottom {
margin: 20rpx 0;
margin: 10rpx 0;
display: grid;
grid-template-columns: 8% auto;
grid-template-columns: 5% auto;
view {
font-size: 25rpx;
color: #35393D;
line-height: 30rpx;
line-height: 25rpx;
}
.LieBIaoListindexcontentbttom-item-bottom-left {
@ -207,33 +229,65 @@ import {
.LieBIaoListindexcontentbttom-item-bottom-bottom {
border-radius: 10rpx;
width: 100%;
height: 59rpx;
height: 50rpx;
text-align: center;
line-height: 59rpx;
line-height: 50rpx;
display: flex;
align-items: center;
justify-content: center;
justify-content: space-between;
.fuhe {
width: 100%;
width: 49%;
background: rgba(0, 170, 0, 0.1);
color: #2baa04;
}
.bufuhe {
width: 100%;
width: 49%;
background: rgba(245, 154, 35, 0.1);
color: #F59A23;
}
.huise {
width: 49%;
background: rgba(126, 123, 121, 0.1);
color: #999999;
}
.hongse {
width: 49%;
background: rgba(255, 0, 0, 0.1);
color: red;
}
}
.chengse {
border-radius: 10rpx;
width: 100%;
height: 50rpx;
text-align: center;
line-height: 50rpx;
display: flex;
align-items: center;
justify-content: center;
.fuhe {
width: 100%;
background: rgba(0, 170, 0, 0.1);
color: #2baa04;
}
.bufuhe {
width: 100%;
background: rgba(245, 154, 35, 0.1);
color: #F59A23;
}
}
.LieBIaoListindexcontentbttom-item-bottom-bottomTRTS {
background: #ffffff;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr;
grid-column-gap: 20rpx;
view {
@ -255,6 +309,7 @@ import {
}
}
.dibuaBtn {
position: sticky;
bottom: 0;

67
pages/index.vue
Unescape View File

@ -10,20 +10,11 @@
<u-tabs :list="list1" :scrollable="false" lineWidth="30" @change="utabschange"
:current='tabscurrent'></u-tabs>
</view>
<scroll-view class="indexcontent-box" @scrolltolower="lowerBottom" scroll-y="true" :scroll-top="scrollTop"
@scroll="scroll">
<view class="indexcontent-bottom">
</view>
<scroll-view class="indexcontent-box" @scrolltolower="lowerBottom" scroll-y="true" :scroll-top="scrollTop">
<view class="indexcontent-bottom">
<u-search
placeholder="请输入搜索内容"
v-model="massEventsObj.title"
@search="searchSou"
@clear="qingkong"
showAction
animation
@custom="searchSou"
></u-search>
<u-search placeholder="请输入搜索内容" v-model="massEventsObj.title" @search="searchSou" @clear="qingkong"
showAction animation @custom="searchSou"></u-search>
<template class="" v-if="contentList.length !=0">
<view class="indexcontentbttom-item" v-for="item in contentList">
<view class="indexcontentbttom-item-left">
@ -61,7 +52,7 @@
</u-empty>
</view>
</scroll-view>
<u-tabbar :value="tabValue" @change="change1" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true">
<u-tabbar-item text="群体事件" name="群体事件-1" :badge="msgTypecount[0].count">
<image class="u-page__item__slot-icon" slot="active-icon" src="@/static/images/contimg/icon-0.png">
@ -95,6 +86,7 @@
src="@/static/images/contimg/icon-0-2.png"></image>
</u-tabbar-item>
</u-tabbar>
</scroll-view>
</view>
</template>
@ -114,18 +106,28 @@
list1: [{
name: '待审核',
badge: {
value: 5,
value: 0,
lable: 0,
}
}, {
name: '已上报',
badge: {
value: 0,
lable: 1,
}
}, {
name: '重训练',
badge: {
value: 0,
lable: 2,
}
}, {
name: '审核通过',
badge: {
value: 0,
lable: 3,
}
}, ],
@ -138,7 +140,17 @@
},
pagesLogin: "",
contentList: [],
msgTypecount: [{count:0},{count:0},{count:0},{count:0},{count:0},],
msgTypecount: [{
count: 0
}, {
count: 0
}, {
count: 0
}, {
count: 0
}, {
count: 0
}, ],
}
},
@ -146,7 +158,7 @@
// 顶部导航栏
utabschange(e) {
this.tabscurrent = e.index
this.tabscurrent = e.badge.lable
this.massEventsObj.current = 1
this.massEventsObj.title = ""
this.getList()
@ -189,10 +201,21 @@
this.tabscurrent = 0
this.geteventPageCount()
await this.getList();
this.$nextTick(function() {
this.goTop()
},
scroll(e) {
//记录scroll 位置
this.oldScrollTop = e.detail.scrollTop
},
goTop(e) {
//视图会发生重新渲染
this.scrollTop = this.oldScrollTop
//当视图渲染结束 重新设置为0
this.$nextTick(() => {
this.scrollTop = 0
});
},
// 触底刷新
//触底加载
lowerBottom() {
@ -215,14 +238,11 @@
if (this.tabscurrent == 0) {
this.massEventsObj.isReport = 4
this.massEventsObj.toBeReviewed = 0
} else {
this.massEventsObj.toBeReviewed = null
this.massEventsObj.isReport = this.tabscurrent
}
massEventsList(this.massEventsObj).then(res => {
if (type == "触底") {
this.contentList = this.contentList.concat(res.data.records)
this.pagesLogin = res.data.pages
@ -276,21 +296,22 @@
position: sticky;
top: 0;
left: 0;
::v-deep .u-tabs__wrapper__nav__item {
position: relative;
.u-badge {
position: absolute;
right: 15rpx;
right: -10rpx;
top: 30rpx;
}
}
}
.indexcontent-box {
padding: 20rpx 20rpx 0 20rpx;
height: 85vh;
overflow: auto;
.indexcontent-bottom {
width: 100%;

2
static/scss/colorui.css
Unescape View File

@ -1945,7 +1945,7 @@ button.cuIcon.lg {
}
::-webkit-scrollbar {
display: none;
/* display: none; */
}
.nav .cu-item {

10
uni_modules/uview-ui/libs/css/vue.scss
Unescape View File

@ -19,9 +19,9 @@ uni-toast .uni-toast {
// 隐藏scroll-view的滚动条
::-webkit-scrollbar {
display: none;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
// display: none;
// width: 0 !important;
// height: 0 !important;
// -webkit-appearance: none;
// background: transparent;
}

8
views/Xiangqing/Xiangqing.vue
Unescape View File

@ -149,12 +149,12 @@
.indexcontentbttom-item-bottom {
margin: 20rpx 0;
display: grid;
grid-template-columns: 25% 73%;
grid-template-columns: 19% 73%;
view {
font-size: 35rpx;
font-size: 26rpx;
color: #35393D;
line-height: 50rpx;
line-height: 30rpx;
}
.indexcontentbttom-item-bottom-left {
@ -174,7 +174,7 @@
}
.indexcontentbttom-item-bottomLog{
grid-template-columns: 33% auto;
grid-template-columns: 25% auto;
}
.indexcontentbttom-item-bottom-bottom {

116
views/jiashicangshenhe/jiashicangshenhe.vue
Unescape View File

@ -11,7 +11,8 @@
<view class="indexcontentbttom-item-text">
{{Objitem.title}}
</view>
<view class="indexcontentbttom-item-top-icon" v-if="tabscurrentShow || (!tabscurrentShow && Objitem.titleBefore)" @click="biaotishow">
<view class="indexcontentbttom-item-top-icon"
v-if="tabscurrentShow || (!tabscurrentShow && Objitem.titleBefore)" @click="biaotishow">
<u-icon name="edit-pen" size="18" color="#4379D6" class="icon"></u-icon>
<view class="">
{{tabscurrentShow ? '修改标题' : '查看原标题' }}
@ -89,7 +90,7 @@
</view>
<view class="indexcontentbttom-item-bottom" v-show="tabscurrentShow ">
<view class="indexcontentbttom-item-bottom-left">
审核数量:
已标记:
</view>
<view class="indexcontentbttom-item-bottom-rigth">
{{$store.state.tijiaoList.shijianList.length}}
@ -104,15 +105,21 @@
</view>
</view>
<view class="LieBIaoList" :class="!tabscurrentShow ? 'lieBiaoListTwo':''">
<view class="LieBIaoList" :class="!tabscurrentShow ? 'lieBiaoListTwo':''" v-if="navbarValue != '紧急事件'">
<LieBIaoList ref="LieBIaoListis"></LieBIaoList>
</view>
<view class="dibuaBtn" v-show="tabscurrentShow">
<view class="dibuaBtn-lanse" @click="Chongxinshangbao(1)">
重新上报驾驶舱
<view class="dibuaBtn-lanse" @click="Chongxinshangbao(1,)"
:class="Objitem.title!=Objitem.oldTitle || $store.state.tijiaoList.shijianList.length!=0 ?'':'jinyong'">
{{Objitem.title!=Objitem.oldTitle || $store.state.tijiaoList.shijianList.length!=0 ?'重新上报驾驶舱':'已禁用'}}
</view>
<view class="dibuaBtn-hongse" @click="Chongxinshangbao(2)">
退回算法重训练
<view class="dibuaBtn-hongse" @click="Chongxinshangbao(2)"
:class="Objitem.title!=Objitem.oldTitle || $store.state.tijiaoList.shijianList.length!=0 ?'':'jinyong'">
{{Objitem.title!=Objitem.oldTitle || $store.state.tijiaoList.shijianList.length!=0 ?'退回算法重训练':'已禁用'}}
</view>
<view class="dibuaBtn-lvse" @click="Chongxinshangbao(3)"
:class="Objitem.title!=Objitem.oldTitle || $store.state.tijiaoList.shijianList.length!=0 ?'jinyong':''">
{{Objitem.title!=Objitem.oldTitle || $store.state.tijiaoList.shijianList.length!=0 ?'已禁用':'审核通过'}}
</view>
</view>
<!-- 修改标题 -->
@ -189,16 +196,17 @@
if (this.tabscurrentShow) {
if (this.textareavalue2 != "" && this.textareavalue2 != this.Objitem.title) {
this.Objitem.title = this.textareavalue2
massEventsedit(this.Objitem).then(res => {
if (res.code == 200) {
this.getByInnerEventIdmy()
uni.showToast({
title: '修改成功',
icon: 'none',
duration: 1000
});
}
})
console.log(this.Objitem);
// massEventsedit(this.Objitem).then(res => {
// if (res.code == 200) {
// this.getByInnerEventIdmy()
// uni.showToast({
// title: '修改成功',
// icon: 'none',
// duration: 1000
// });
// }
// })
} else {
let title = ""
@ -249,16 +257,38 @@
getByInnerEventId(this.innerEventId).then(res => {
if (res.code == 200) {
this.Objitem = res.data
this.Objitem.oldTitle = res.data.title
}
})
},
// 退回或者提交
Chongxinshangbao(isReport) {
if (isReport == 3 && (this.Objitem.title != this.Objitem.oldTitle || this.$store.state.tijiaoList
.shijianList.length != 0)) {
uni.showToast({
title: "按钮已禁用!",
icon: 'none',
duration: 1000
});
return
}
if (isReport != 3 && (this.Objitem.title == this.Objitem.oldTitle && this.$store.state.tijiaoList
.shijianList.length == 0)) {
uni.showToast({
title: "按钮已禁用!",
icon: 'none',
duration: 1000
});
return
}
if (this.Objitem.msgTypeName == "紧急事件") {
let mykey = this.ObjitemTow.caseSerial
this.$store.state.tijiaoList.shijianList = [mykey]
}
let obj = null;
if (isReport != 3) {
if (this.$store.state.tijiaoList.shijianList.length == 0) {
uni.showToast({
title: "请选择工单上报!",
@ -268,13 +298,33 @@
return
}
let obj = {
if (this.Objitem.title == this.Objitem.oldTitle) {
obj = {
caseSerial: this.$store.state.tijiaoList.shijianList,
innerEventId: this.innerEventId,
isReport,
msgType: this.Objitem.msgType
msgType: this.Objitem.msgType,
}
} else {
obj = {
caseSerial: this.$store.state.tijiaoList.shijianList,
innerEventId: this.innerEventId,
isReport,
msgType: this.Objitem.msgType,
newTitle: this.Objitem.title,
oldTitle: this.Objitem.oldTitle
}
}
} else {
obj = {
innerEventId: this.innerEventId,
isReport,
}
}
eventChangeIsReport(obj).then(res => {
if (res.code == 200) {
let title = ""
@ -284,6 +334,10 @@
if (isReport == 2) {
title = "退回算法重训练成功"
}
if (isReport == 3) {
title = "审核通过"
}
uni.showToast({
title,
@ -328,6 +382,7 @@
.indexcontent-bottom {
width: 100%;
padding: 20rpx;
padding-bottom: 10rpx;
border-radius: 10rpx;
.indexcontentbttom-item {
@ -335,12 +390,13 @@
width: 100%;
background: #f7f7f7fa;
border-radius: 10rpx;
margin: 20rpx 0;
margin: 10rpx 0;
.indexcontentbttom-item-top {
// display: grid;
// grid-template-columns: 75% 25%;
display: flex;
.indexcontentbttom-item-text {
text-align: left;
font-weight: 500;
@ -368,7 +424,7 @@
.indexcontentbttom-item-bottom {
margin: 20rpx 0;
display: grid;
grid-template-columns: 18% auto;
grid-template-columns: 20% 82%;
view {
font-size: 25rpx;
@ -412,7 +468,7 @@
height: 120rpx;
padding: 30rpx;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 20rpx;
color: #ffffff;
background-color: #ffffff;
@ -431,6 +487,15 @@
.dibuaBtn-hongse {
background-color: #E72C2C;
}
.dibuaBtn-lvse {
background-color: #00c200;
}
.jinyong {
background-color: #444444;
}
}
}
@ -459,11 +524,12 @@
}
.LieBIaoList {
padding: 10rpx;
height: 49vh;
padding: 5rpx 10rpx;
height: 58vh;
width: 100%;
background-color: #f7f7f7fa;
}
.lieBiaoListTwo {
height: 64vh;
}

Write Preview
Loading…
Cancel
Save