修改违禁列表样式修改

pages.json

@@ -480,7 +480,7 @@
 						"navigationBarTitleText": "违禁记录",
 						"navigationBarBackgroundColor": "#FFFFFF",
 						"navigationBarTextStyle": "black",
-						"enablePullDownRefresh": false
+						"enablePullDownRefresh": true
 					}
 				},
 				{

pages/center/prohibited/details.vue

@@ -45,8 +45,19 @@
 										<text v-else>{{ item.speaker | toCapital }}</text>
 									</view>
 								</view>
-								<view class="content">
-									<view v-html="item.onebest"></view>
+								
+								<view class="contentInfo">
+									<view class="info">
+										<text class="AudioUserName">{{ item.speaker | toCapital }}</text>
+										<text>{{conversionTiame(item.bg/1000)}}</text>
+									</view>
+									<view class="contentMain">
+										<view class="content">
+											<view v-html="item.onebest"></view>
+										</view>
+										<image @click="clickbofang(0,item, 'show')" class="play"
+											src="@/static/images/recordingManagement/play.png"></image>
+									</view>
 								</view>
 							</view>
 						</block>
@@ -308,9 +319,16 @@
 
 			// 下一条
 			nextValid() {
-				this.innerAudioContext.pause()
-				this.nextPageObj.pageSize++
-				this.keyWordsMatching(this.nextPageObj)
+				if (this.nextPageObj.pageSize < this.nextPageObj.num) {
+					this.innerAudioContext.pause()
+					this.nextPageObj.pageSize++
+					this.keyWordsMatching(this.nextPageObj)
+				} else {
+					uni.showToast({
+						title: '已经是最后一条了~',
+						icon: 'none'
+					})
+				}
 			},
 
 			// 上一条
@@ -728,7 +746,10 @@
 			},
 
 			//长按点击播放
-			clickbofang(dialog, item) {
+			clickbofang(dialog, item, type) {
+				if (type == 'show') {
+					this.current = 1
+				}
 				this.innerAudioContext.pause()
 				this.dialogList.forEach(res => {
 					res.message.forEach(asd => {

pages/center/prohibited/index.vue

@@ -3,19 +3,23 @@
 		<!-- 选择器 -->
 		<view class="boxtittab">
 			<view class="tabbox" @click="taptimeisshow">
-				{{ timeText }}<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
+				{{ timeText }}
+				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
 			</view>
 			<view class="tabbox" @click="selectshow = true">
-				{{ guwenText }}<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
+				{{ guwenText }}
+				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
 			</view>
-			
+
 			<view class="tabbox" @click="tapsoltishow">
-				{{ steyStatus }}<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
+				{{ steyStatus }}
+				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
 			</view>
 			<view class="tabbox" @click="showIdent = true">
-				{{ weijinTag }}<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
+				{{ weijinTag }}
+				<u-icon name="arrow-down" size="24" style="padding-left: 12rpx;"></u-icon>
 			</view>
-			
+
 		</view>
 		<view class="count" v-if="recordList.length > 0">
 			筛选结果：<text>{{totalRecords}} </text>条
@@ -35,23 +39,30 @@
 				@click="tapThevisiting(item, index)">
 				<view class="content-first">
 					<view class="left">
-						<!-- <view class="img">{{item.agentName.slice(0,1)}}</view> -->
+						<view class="img">顾</view>
 						<view class="name">{{item.agentName}}</view>
 						<view class="status" v-if="item.replaceReception==1">代接待</view>
 					</view>
 					<view class="right">
-						<view class=""></view>
+						<view class="">
+							{{ item.violatedStatus | ViolatedStatus }}
+						</view>
 					</view>
 				</view>
-				<view class="content-sec">
-					<view class="left">
-						<view class="cus">客户：{{item.name || '--'}} |</view>
-						<view class="arriveNum">{{item.visitRecord || "--"}}次到访</view>
-					</view>
 
-				</view>
 				<view class="content-last">
-					{{item.createTime}} | {{item.mm || '0'}} min
+					<view class="item">
+						<image src="@/static/images/img/time.png" mode=""></image>
+						<text>{{item.createTime}}</text>
+					</view>
+					<view class="item">
+						<image src="@/static/images/img/voice.png" mode=""></image>
+						<text>{{item.mm || '0'}}</text>
+					</view>
+					<view class="item">
+						<image src="@/static/images/img/hit.png" mode=""></image>
+						<text>{{violatedFrequency || '0'}}</text>
+					</view>
 				</view>
 			</view>
 		</view>
@@ -67,7 +78,7 @@
 			</block>
 		</u-popup>
 		<u-select v-model="soltishow" :list="orderBylist" @confirm="selectCallback2"></u-select>
-		
+
 		<u-select v-model="showIdent" :list="identList" @confirm="selectIdent"></u-select>
 	</view>
 </template>
@@ -77,16 +88,15 @@
 		data() {
 			return {
 				orderBylist: [{
-						label: '全部',
-						value: null
-					},{
-						label: '待处理',
-						value: 0
-					},{	
-						label: '已处理',
-						value: 1
-					}
-				],
+					label: '全部',
+					value: null
+				}, {
+					label: '待处理',
+					value: 0
+				}, {
+					label: '已处理',
+					value: 1
+				}],
 				activeTotal: 5,
 				activeList: [ // 时间筛选数组
 					{
@@ -149,17 +159,17 @@
 				soltishow: false,
 				orderBy: null,
 				userInfo: {},
-				totalRecords: '',
+				totalRecords: '', // 列表全部的条数
 				isRefresh: false,
 				nextPageObj: {}, // 跳转详情页面的参数
-				
-				
+
+
 				// 页面文字展示内容
 				timeText: '接待时间', // 
 				guwenText: '顾问', // 
 				steyStatus: '处理状态', // 
 				weijinTag: '违禁标识', // 违禁标识
-				
+
 			}
 		},
 		onLoad(options) {
@@ -191,6 +201,7 @@
 			this.nextPage = 1;
 			this.isRefresh = true;
 			this.getMyCustom()
+			this.resetRefreshParams()
 			setTimeout(function() {
 				uni.stopPullDownRefresh();
 			}, 1000);
@@ -210,6 +221,18 @@
 			}
 		},
 		methods: {
+			// 重置参数
+			resetRefreshParams() {
+				this.timeText = '接待时间'
+				this.activeTotal = 5
+				this.guwenText = '顾问'
+				this.screen.agentId = '' // 顾问id
+				this.steyStatus = '处理状态'
+				this.orderBy = null
+				this.weijinTag = '违禁标识'
+				this.violatedStatus = null // 违禁状态
+			},
+
 			tapsoltishow() {
 				this.soltishow = true;
 			},
@@ -217,7 +240,7 @@
 			taptimeisshow() {
 				this.timeshow = true;
 			},
-			
+
 			//选择标签
 			selectCallback2(e) {
 				this.orderBy = e[0].value;
@@ -227,7 +250,7 @@
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
-			
+
 			// 选择违禁标识
 			selectIdent(e) {
 				this.violatedStatus = e[0].value
@@ -237,7 +260,7 @@
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
-			
+
 			//时间选择
 			tabtimetap(index, title) {
 				this.timeshow = false;
@@ -304,6 +327,7 @@
 								if (res[0].merge == 0) {
 									let obj = {
 										pageSize: index,
+										num: this.totalRecords,
 										query: {
 											...this.nextPageObj
 										}
@@ -323,6 +347,8 @@
 				}
 
 			},
+
+			// 获取围巾列表
 			getMyCustom() {
 				let dateType = 0;
 				if (this.activeTotal == 5) {
@@ -389,19 +415,34 @@
 				this.isRefresh = false;
 				this.getMyCustom();
 			},
-
-
-
-
-
 		},
+	
+		
+		filters: {
+			// violatedStatus 
+			ViolatedStatus(status) {
+				let str = '';
+				switch (status) {
+					case 0:
+						str = '待处理'
+						break;
+					case 1:
+						str = '有效违禁'
+						break;
+					case 2:
+						str = '无效违禁'
+						break;
+				}
+				return str
+			},
+		}
 	}
 </script>
 
 <style lang="scss" scoped>
 	.box {
-		width: 100%;
-		height: 100%;
+		width: 100vw;
+		min-height: calc(100vh - var(--window-top));
 		background: #F8F8F8;
 	}
 
@@ -428,6 +469,9 @@
 
 	//时间切换的样式
 	.boxtittab {
+		position: sticky;
+		top: var(--window-top);
+		z-index: 100;
 		width: 100;
 		height: 92rpx;
 		background: #FFFFFF;
@@ -442,9 +486,12 @@
 			line-height: 92rpx;
 			color: #666666;
 			font-size: 28rpx;
-			overflow: hidden;  /* 超出一行文字自动隐藏 */
-			text-overflow: ellipsis;  /*文字隐藏后添加省略号*/
-			white-space: nowrap;   /*强制不换行*/
+			overflow: hidden;
+			/* 超出一行文字自动隐藏 */
+			text-overflow: ellipsis;
+			/*文字隐藏后添加省略号*/
+			white-space: nowrap;
+			/*强制不换行*/
 		}
 	}
 
@@ -498,21 +545,23 @@
 
 	.content {
 		.content-tips {
+			margin: 0 0 20rpx 0;
 			background: #fff;
-			padding: 0 20rpx;
 			box-sizing: border-box;
-			overflow: hidden;
-			margin-top: 20rpx;
+			display: flex;
+			flex-direction: column;
 
 			.content-first {
-				margin-top: 19rpx;
+				padding: 20rpx 30rpx;
 				display: flex;
 				justify-content: space-between;
+				background-color: #EEF4FD;
 
 				.left {
 					display: flex;
 
 					.img {
+						margin-right: 10rpx;
 						width: 52rpx;
 						height: 52rpx;
 						background: #FFFFFF;
@@ -561,51 +610,30 @@
 			}
 
 
-			.content-sec {
+			.content-last {
+				padding: 24rpx 30rpx;
+				font-size: 30rpx;
+				font-weight: 400;
+				color: #666666;
 				display: flex;
 				justify-content: space-between;
-				margin-top: 19rpx;
-
-				.left {
+				
+				.item {
+					flex-shrink: 0;
 					display: flex;
-
-					.cus {
-						font-size: 30rpx;
-						font-weight: 400;
-						color: #666666;
-						// line-height: 30rpx;
+					align-items: center;
+					
+					image {
+						margin-right: 10rpx;
+						width: 32rpx;
+						height: 32rpx;
 					}
-
-					.arriveNum {
-						font-size: 30rpx;
-						font-weight: 400;
-						// line-height: 30rpx;
-						margin-left: 10rpx;
+					
+					text {
+						font-size: 28rpx;
 					}
 				}
-
-				.right {
-					width: 120rpx;
-					height: 46rpx;
-					background: #F4F8FD;
-					border-radius: 6rpx;
-					text-align: center;
-					line-height: 46rpx;
-					font-weight: 400;
-					color: #2671E2;
-				}
 			}
-
-			.content-last {
-				// margin: 30rpx 0;
-				font-size: 30rpx;
-				font-weight: 400;
-				color: #666666;
-				line-height: 30rpx;
-				margin-top: 22rpx;
-				margin-bottom: 30rpx;
-			}
-
 		}
 	}