首页增加跳转刷新

src/views/workOrder/appraise/index.vue

@@ -33,6 +33,7 @@ export default {
       formDialogType: 0,
       formDialogTitles: ["新增","编辑", "详情"],
       formDialog: false,
+	  appraise_status: ''
     }
   },
   computed: {
@@ -44,9 +45,27 @@ export default {
 		return []
     }
   },
+  created() {
+    if (this.$route.query.type == 1) {
+		this.appraise_status = 'C'
+		this.$nextTick(() => {
+			this.appraise_status = ''
+			this.$router.push({ name: "appraise", params: {}, query: {} })
+		})
+    }
+  },
   methods: {
     // 列表请求函数
-	getList: listPageV2,
+	getList(p,cb) {
+		try {
+			var pam = JSON.parse(JSON.stringify(p))
+			pam.params.push({'param': 'a.appraise_status', "compare": "=", "value": this.appraise_status})
+			cb && cb(pam)
+			return listPageV2(pam)
+		} catch (error) {
+			console.log(error)
+		}
+	},
     // 列表导出函数
     exportList: pageExport,
     // 表格列解析渲染数据更改

src/views/workOrder/orderHome/index.vue

@@ -1,7 +1,11 @@
 <template>
 	<div class="dashboard_container">
+		<div class="refresh" @click="refreshData">
+			<span style="color: #1d82ff;">刷新数据</span>
+			<i class="el-icon-refresh-left" style="color: #1d82ff;"></i>
+		</div>
 		<div class="container_top">
-			<div class="tab" v-for="(item,index) in tabs" :key='index'>
+			<div class="tab" v-for="(item,index) in tabs" :key='index' @click="openOrder(item.type)">
 				<el-image class="img" :src="item.url" fit="fit"></el-image>
 				<div class="text">
 					<div class="title">{{item.title}}</div>
@@ -13,7 +17,7 @@
 			<div class="chart">
 				<div class="head">
 					<div class="title">近7天订单趋势</div>
-					<div class="more" @click="openOrder">查看更多</div>
+					<div class="more" @click="openOrder()">查看更多</div>
 				</div>
 				<div ref="chart1" style="width: 100%;height: 280px;"></div>
 			</div>
@@ -40,7 +44,7 @@
 	export default{
 		data(){
 			return {
-				tabs: [{title: '待派工',num: 12,url: require('@/assets/orderHome/dpg.png')},{title: '待接收',num: 22,url: require('@/assets/orderHome/djs.png')},{title: '服务中',num: 53,url: require('@/assets/orderHome/ffz.png')},{title: '异常待处理',num: 2,url: require('@/assets/orderHome/yc.png')},{title: '差评统计',num: 0,url: require('@/assets/orderHome/pj.png')}],
+				tabs: [{title: '待派工',num: 12,url: require('@/assets/orderHome/dpg.png'),type: 'DWDPG'},{title: '待接收',num: 22,url: require('@/assets/orderHome/djs.png'),type: 'DJD'},{title: '服务中',num: 53,url: require('@/assets/orderHome/ffz.png'),type: 'FWZ'},{title: '异常待处理',num: 2,url: require('@/assets/orderHome/yc.png'),type: 'YCD'},{title: '差评统计',num: 0,url: require('@/assets/orderHome/pj.png'),type: 'appraise'}],
 				qtsm: [],
 				qtddqs: {},
 				wglxfb: {}
@@ -91,11 +95,34 @@
 			// this.drawChat1()
 		},
 		methods: {
-			openOrder(){
-				this.$router.push({
-					name: "workOrderPool",
-					query: {}
-				})
+			refreshData(){
+				this.$echarts.init(this.$refs.chart1).dispose()
+				this.$echarts.init(this.$refs.chart2).dispose()
+				this.$echarts.init(this.$refs.chart3).dispose()
+				this.getCount()
+			},
+			openOrder(type){
+				if(!type){
+					this.$router.push({
+						name: "workOrderPool",
+						query: {}
+					})
+				}else if(type == 'appraise'){
+					this.$router.push({
+						name: "appraise",
+						query: {
+							type: 1
+						}
+					})
+				}else{
+					this.$router.push({
+						name: "workOrderPool",
+						query: {
+							orderStatus: type
+						}
+					})
+				}
+				
 			},
 			getCount(){
 				getCount().then(res => {
@@ -195,6 +222,18 @@
 		padding: 20px;
 		min-height: calc(100vh - 86px);
 		box-sizing: border-box;
+		.refresh{
+			text-align: right;
+			margin-bottom: 10px;
+			span{
+				cursor: pointer;
+			}
+			i{
+				font-weight: bold;
+				margin-left: 4px;
+				cursor: pointer;
+			}
+		}
 		.container_top{
 			display: flex;
 			.tab{
@@ -205,6 +244,7 @@
 				margin-right: 20px;
 				background-color: #ffffff;
 				border-radius: 10px;
+				cursor: pointer;
 				.text{
 					margin-left: 30px;
 					.title{