no message

CallCenterWeb.UI/RMYYAPP/pages/myTask/reportForm/reportForm.vue

@@ -11,7 +11,8 @@
 					:clear-icon="false" class="timebox" @change="changeClick" />
 				<view v-if="reportType==1" class="timebox">
 					<view @click="showPop()" class="show-time monthbox">
-						<uni-icons type="calendar" size="25" style="vertical-align: middle;color: #d6d6d6;line-height: 28px;margin-right: 10px;"></uni-icons>
+						<uni-icons type="calendar" size="25"
+							style="vertical-align: middle;color: #d6d6d6;line-height: 28px;margin-right: 10px;"></uni-icons>
 						{{defaultData.startTime}}
 					</view>
 					<lingfeng-timepicker ref="timePop" type="year-month" :defaultData="defaultData" :minDate="minDate"
@@ -65,8 +66,11 @@
 					<uni-icons type="arrow-up" size="10" class="iconbox" v-show="isup==1"></uni-icons>
 				</view>
 			</view>
+
 			<view class="contentbox">
-				<view class="middlebox">
+
+				
+				<!-- <view class="middlebox">
 					<view @click="gotoDetail(1)">
 						<text class="monicir cirone"></text><text class="contenttitle">硬件服务：</text><text
 							class="contentone">{{yjcon}}</text>
@@ -77,7 +81,9 @@
 						<text class="monicir cirtwo"></text><text class="contenttitle">软件服务：</text><text
 							class="contenttwo">{{rjcon}}</text>
 					</view>
-				</view>
+				</view> -->
+
+
 				<view style="display: flex;justify-content: space-between;">
 					<view class="allcountbox">
 						<view class="allcountTit">完成量</view>
@@ -92,6 +98,12 @@
 						<view class="allcountNum">{{backcon}}</view>
 					</view>
 				</view>
+				
+				<view style="height: 550rpx; width:100%" v-if="reportType!=2">
+					<qiun-data-charts  type="ring" :opts="yingRuanBieopts" :chartData="yingRuanBiechartData"    />
+				</view>
+
+
 				<!-- 饼图 -->
 				<view class="bieechart" v-if="reportType==2">
 					<qiun-data-charts type="ring" :opts="bieopts" :chartData="biechartData" />
@@ -280,6 +292,7 @@
 				items: ['周', '月', '年', '全'],
 				current: 0,
 				biechartData: {},
+				yingRuanBiechartData: {},
 				bieopts: {
 					rotate: false,
 					rotateLock: false,
@@ -319,6 +332,47 @@
 						}
 					}
 				},
+				yingRuanBieopts: {   
+					rotate: false,
+					rotateLock: false,
+					color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#ff007f",
+						"#ea7ccc", "#aa557f", "#aaaa00", "#ff5500"
+					],
+					padding: [5, 5, 5, 5],
+					
+					dataLabel: true,
+					
+					enableScroll: false,
+					legend: {
+						show: true,
+						position: "bottom",
+						lineHeight: 20,
+						fontSize: 12
+					},
+					title: {
+						name: "接单类型",
+						fontSize: 15,
+						color: "#3f3f3f"
+					},
+					subtitle: {
+						name: "9999",
+						fontSize: 14,
+						color: "#3f3f3f"
+					},
+					extra: {
+						ring: { 
+							ringWidth: 25,
+							activeOpacity: 0.5,
+							activeRadius: 5,
+							offsetAngle: 0,
+							labelWidth: 10,
+							border: false,
+							borderWidth: 2,
+							borderColor: "#FFFFFF",
+							centerColor: "#d6ebff",
+						},
+					}
+				},
 				chartDatas: {},
 				opts: {
 					color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
@@ -438,7 +492,7 @@
 			timeChange(val) {
 				this.defaultData.startTime = val
 				this.values = 0 //默认紧急列表
-				this.defaultStartTime = val + '-' + '01'//开始日期+01
+				this.defaultStartTime = val + '-' + '01' //开始日期+01
 				if (val.split("-")[1] == '01' || val.split("-")[1] == '03' || val.split("-")[1] == '05' ||
 					val.split("-")[1] == '07' || val.split("-")[1] == '08' || val.split("-")[1] == '10' || val.split("-")[
 						1] == '12') {
@@ -524,7 +578,7 @@
 				}
 				this.$http.get("FaultRepair/DoughnuChart", params).then((response) => {
 					const resdata = JSON.parse(response)
-					console.log(resdata,'DoughnuChart')
+					console.log(resdata, 'DoughnuChart')
 					this.bieopts.subtitle.name = resdata.total.toString()
 					if (resdata.dt.length > 0 && resdata.dt.length < 13) {
 						var data = resdata.dt
@@ -533,6 +587,7 @@
 								data: data
 							}]
 						}
+						console.group(JSON.parse(JSON.stringify(res)))
 						this.biechartData = JSON.parse(JSON.stringify(res))
 					} else if (resdata.dt.length > 12) {
 						var data = []
@@ -576,86 +631,107 @@
 				const params = {
 					starttime: this.defaultStartTime,
 					endtime: this.defaultEndTime,
+					// starttime: '2022-01-01',
+					// endtime: '2023-11-30',
 					type: option.reportType
 				}
 				this.$http.get("FaultRepair/DayReport", params).then((response) => {
 					// if (response.state.toLowerCase() === "success") {
-						const resdata = JSON.parse(response)
-						console.log(resdata,'responseresponse')
-						this.yjcon = resdata.yjtotal
-						this.rjcon = resdata.rjtotal
-						this.donecon = resdata.finishtotal
-						this.undonecon = resdata.unfinishtotal
-						this.backcon = resdata.tuihuitotal
-						if (resdata.total > resdata.zttotal) {
-							this.differcon = resdata.total - resdata.zttotal
-							this.isup = 1
-						}
-						if (resdata.total < resdata.zttotal) {
-							this.differcon = resdata.zttotal - resdata.total
-							this.isup = 0
-						}
-						var totalstr = String(resdata.total)
-						this.gecon = totalstr.slice(totalstr.length - 1, totalstr.length)
-						if (totalstr.length > 1) {
-							this.shicon = totalstr.slice(totalstr.length - 2, totalstr.length - 1)
-						}
-						if (totalstr.length > 2) {
-							this.baicon = totalstr.slice(totalstr.length - 3, totalstr.length - 2)
-						}
-						if (totalstr.length > 3) {
-							this.qiancon = totalstr.slice(totalstr.length - 4, totalstr.length - 3)
-						}
-						if (totalstr.length > 4) {
-							this.wancon = totalstr.slice(totalstr.length - 5, totalstr.length - 4)
-						}
-						if (totalstr.length > 5) {
-							this.shiwancon = totalstr.slice(totalstr.length - 6, totalstr.length - 5)
-						}
-						if (totalstr.length > 6) {
-							this.baiwancon = totalstr.slice(totalstr.length - 7, totalstr.length - 6)
-						}
-						var rowData = []
-						var colData = []
-						var res = {}
-						if (resdata.dt.length > 0) {
-							resdata.dt.forEach((item, index) => {
-								if (item.dateshownew.length == 10) { //日
-									rowData.push(item.dateshownew.substring(5, 10))
-									colData.push(Number(item.allcountnew))
-								} else if (this.reportType == 0) { //点
-									rowData.push(item.dateshownew.split(" ")[1].substring(0, 5))
-									colData.push(Number(item.allcountnew))
-								} else { //月，年
-									rowData.push(item.dateshownew)
-									colData.push(Number(item.allcountnew))
-								}
-							})
-							res = {
-								categories: rowData,
-								series: [{
-									name: "接单量",
-									data: colData
-								}]
+					const resdata = JSON.parse(response)
+					console.group(resdata, 'responseresponse')
+					this.yjcon = resdata.yjtotal
+					this.rjcon = resdata.rjtotal
+					this.donecon = resdata.finishtotal
+					this.undonecon = resdata.unfinishtotal
+					this.backcon = resdata.tuihuitotal
+					if (resdata.total > resdata.zttotal) {
+						this.differcon = resdata.total - resdata.zttotal
+						this.isup = 1
+					}
+					if (resdata.total < resdata.zttotal) {
+						this.differcon = resdata.zttotal - resdata.total
+						this.isup = 0
+					}
+					var totalstr = String(resdata.total)
+					this.gecon = totalstr.slice(totalstr.length - 1, totalstr.length)
+					if (totalstr.length > 1) {
+						this.shicon = totalstr.slice(totalstr.length - 2, totalstr.length - 1)
+					}
+					if (totalstr.length > 2) {
+						this.baicon = totalstr.slice(totalstr.length - 3, totalstr.length - 2)
+					}
+					if (totalstr.length > 3) {
+						this.qiancon = totalstr.slice(totalstr.length - 4, totalstr.length - 3)
+					}
+					if (totalstr.length > 4) {
+						this.wancon = totalstr.slice(totalstr.length - 5, totalstr.length - 4)
+					}
+					if (totalstr.length > 5) {
+						this.shiwancon = totalstr.slice(totalstr.length - 6, totalstr.length - 5)
+					}
+					if (totalstr.length > 6) {
+						this.baiwancon = totalstr.slice(totalstr.length - 7, totalstr.length - 6)
+					}
+					var rowData = []
+					var colData = []
+					var res = {}
+					if (resdata.dt.length > 0) {
+						resdata.dt.forEach((item, index) => {
+							if (item.dateshownew.length == 10) { //日
+								rowData.push(item.dateshownew.substring(5, 10))
+								colData.push(Number(item.allcountnew))
+							} else if (this.reportType == 0) { //点
+								rowData.push(item.dateshownew.split(" ")[1].substring(0, 5))
+								colData.push(Number(item.allcountnew))
+							} else { //月，年
+								rowData.push(item.dateshownew)
+								colData.push(Number(item.allcountnew))
 							}
-							this.chartDatas = JSON.parse(JSON.stringify(res))
-						} else {
-							rowData = ['0:00', '4:00', '8:00', '12:00']
-							colData = [{
+						})
+						res = {
+							categories: rowData,
+							series: [{
 								name: "接单量",
-								data: [0, 0, 0, 0]
+								data: colData
 							}]
-							res = {
-								categories: rowData,
-								series: colData
-							}
-							this.chartDatas = JSON.parse(JSON.stringify(res))
+						}
+						this.chartDatas = JSON.parse(JSON.stringify(res))
+					} else {
+						rowData = ['0:00', '4:00', '8:00', '12:00']
+						colData = [{
+							name: "接单量",
+							data: [0, 0, 0, 0]
+						}]
+						res = {
+							categories: rowData,
+							series: colData
+						}
+						this.chartDatas = JSON.parse(JSON.stringify(res))
 						// }
 					}
+
+					if (resdata.dtcate.length) {
+						this.yingRuanBiechartData = {
+							series: [{
+								data: resdata.dtcate.map(val => {
+									return {
+										name: val.catename,
+										value: val.cnt, 
+									}
+								})
+							}]
+						}
+					} else {
+						this.yingRuanBiechartData = {
+							series: []
+						}
+					}
+
+
 				}).catch((e) => {
 					console.log(e);
 				})
-			},
+			}, 
 			initRemainder(option) {
 				const params = {
 					starttime: this.defaultStartTime,
@@ -664,17 +740,17 @@
 				}
 				this.$http.get("FaultRepair/RemainderDayReport", params).then((response) => {
 					// if (response.state.toLowerCase() === "success") {
-						const data = JSON.parse(response)[0]
-						console.log(data,"RemainderDayReport")
-						this.chaoshiper = Number(data.overjd.substring(0, data.overjd.length - 1))
-						this.chaoqiper = Number(data.overtime.substring(0, data.overtime.length - 1))
-						this.undoneper = Number(data.overday.substring(0, data.overday.length - 1))
-						this.chaoshinum = data.overjdcount
-						this.chaoqinum = data.overcount
-						this.undonenum = data.overdaycount
-						this.averageReply = Number(data.responsetime).toFixed(1)
-						this.averageSolve = Number(data.solvetime).toFixed(1)
-						// console.log(this.chaoshiper,this.chaoqiper,this.undoneper)
+					const data = JSON.parse(response)[0]
+					console.log(data, "RemainderDayReport")
+					this.chaoshiper = Number(data.overjd.substring(0, data.overjd.length - 1))
+					this.chaoqiper = Number(data.overtime.substring(0, data.overtime.length - 1))
+					this.undoneper = Number(data.overday.substring(0, data.overday.length - 1))
+					this.chaoshinum = data.overjdcount
+					this.chaoqinum = data.overcount
+					this.undonenum = data.overdaycount
+					this.averageReply = Number(data.responsetime).toFixed(1)
+					this.averageSolve = Number(data.solvetime).toFixed(1)
+					// console.log(this.chaoshiper,this.chaoqiper,this.undoneper)
 					// }
 				}).catch((e) => {
 					console.log(e);
@@ -688,16 +764,16 @@
 				}
 				this.$http.get("FaultRepair/MYD", params).then((response) => {
 					// if (response.state.toLowerCase() === "success") {
-						const data = JSON.parse(response)[0]
-						console.log(data,"MYD")
-						this.pjmycon = data.mycount
-						this.morencon = data.defaultEvaluate
-						this.bmycon = data.bmycount
-						this.myper = Number(data.myrate.substring(0, data.myrate.length - 1))
-						this.morenper = Number(data.defaultrate.substring(0, data.defaultrate.length - 1))
-						// this.morenper = Number(data.defaultrate.substring(0, data.defaultrate.length - 1)) + this
-						// 	.myper
-						// console.log(this.myper, this.morenper)
+					const data = JSON.parse(response)[0]
+					console.log(data, "MYD")
+					this.pjmycon = data.mycount
+					this.morencon = data.defaultEvaluate
+					this.bmycon = data.bmycount
+					this.myper = Number(data.myrate.substring(0, data.myrate.length - 1))
+					this.morenper = Number(data.defaultrate.substring(0, data.defaultrate.length - 1))
+					// this.morenper = Number(data.defaultrate.substring(0, data.defaultrate.length - 1)) + this
+					// 	.myper
+					// console.log(this.myper, this.morenper)
 					// }
 				}).catch((e) => {
 					console.log(e);
@@ -959,7 +1035,8 @@
 		right: 0;
 		top: 0;
 	}
-	.monthbox{
+
+	.monthbox {
 		border: 1px solid #e5e5e5;
 		background-color: white;
 		font-size: 14px;
@@ -1043,7 +1120,7 @@
 	.bieechart {
 		margin-top: 0px;
 		width: 100%;
-		height: 650rpx;
+		height: 480rpx;
 	}
 
 	#echartbox {