完成退款项目

2025-05-16 10:57:01 +08:00 · 2025-05-16 10:57:01 +08:00 · d98e999535
commit d98e999535
parent 986f7be29b
8 changed files with 947 additions and 6 deletions
--- a/App.vue
+++ b/App.vue
@ -352,7 +352,7 @@
 		flex-direction: column;
 		justify-content: center;
 		padding: 30rpx;
-	}
+	}

 	.dialog-title-box {
 		display: flex;
--- a/common/js/conver.js
+++ b/common/js/conver.js
@ -137,6 +137,70 @@ var phoneNum = function(str, startLength, endLength, replaceStr) {
 		return str;
 	}
 	return str.slice(0, startLength) + replaceStr + str.slice(str.length - endLength);
+}
+
+var repairStatusColor = function (status) {
+    var color = 'repair-status-yellow'
+    switch (status) {
+        case 'PENDING':
+            color = 'repair-status-yellow'
+            break
+        case 'APPROVED':
+            color = 'repair-status-green'
+            break
+        case 'REJECTED':
+            color = 'repair-status-red'
+            break
+        case 'CANCELED':
+            color = 'repair-status-gray'
+            break
+    }
+    return color
+}
+var repairStatus = function (status) {
+    var str = '待审核'
+    switch (status) {
+        case 'PENDING':
+            str = '待审核'
+            break
+        case 'APPROVED':
+            str = '已通过'
+            break
+        case 'REJECTED':
+            str = '未通过'
+            break
+        case 'CANCELED':
+            str = '已取消'
+            break
+    }
+    return str
+}
+var repairType = function (type) {
+    var str = '未知'
+    switch (type) {
+        case 'CORRECTION1':
+            str = '一次补正'
+            break
+        case 'CORRECTION2':
+            str = '二次补正'
+            break
+    }
+    return str
+}
+var repairKind = function (kind) {
+    var str = '未知'
+    switch (kind) {
+        case 'CODE':
+            str = '代码'
+            break
+        case 'MANUAL':
+            str = '操作手册'
+            break
+        case 'ALL':
+            str = '代码+操作手册'
+            break
+    }
+    return str
 }
 export {
 	isEmpty,
@ -148,5 +212,9 @@ export {
 	timeSplit,
 	objIsEmpty,
 	moneyTxt,
-	phoneNum
+	phoneNum,
+	repairStatusColor,
+	repairKind,
+	repairType,
+	repairStatus
 }
--- a/common/js/net/projectApi.js
+++ b/common/js/net/projectApi.js
@ -17,8 +17,21 @@ const apiPath = {
 	proLangList: '/api/env/custom/list-active-lang', //项目语言
 	ruleData: '/app/agreementportal/getrelease/{id}', //使用规则 project="operator"
 	investDetail: "/news-content/listpage?rows=1&page=1", //投资优势
+	mainProCount: '/api/env/custom/get-proj-counts', //首页介绍数量
+	repairProList: '/api/proj/correction/apply/listpage/self', //我的补正
+	canProRepairList: '/api/proj/correction/apply/listpage-proj-unapply/self', //可以补正的项目列表
+	cancelProPepair: '/api/proj/correction/apply/cancel/self/{projCorrectionApplyId}', //取消补正
+	applyProRepair: '/api/proj/correction/apply/save', //申请补正
+	refundProList: '/api/proj/refund/apply/listpage/self', //我的退款项目
+	canRefundProList: '/api/proj/refund/apply/listpage-proj-unapply/self', //可以退款的项目
+	applyRefundPro: '/api/proj/refund/apply/save', //申请退款
+	cancelRefundPro: '/api/proj/refund/apply/cancel/self/{projRefundApplyId}', //取消申请退款
 }
 class ProApi {
+	//首页介绍数量
+	static doGetMainProCount() {
+		return request(apiPath.mainProCount, 'GET')
+	}
 	//项目列表
 	static doGetSelfProjectList(data) {
 		return request(apiPath.getSelfProjectList, 'GET', data)
@ -71,11 +84,44 @@ class ProApi {
 	//获取使用规则数据
 	static doGetRuleDate(id) {
 		const path = apiPath.ruleData.replace('{id}', id)
-		return request(path, "GET", null, null, "online", false)
+		return request(path, "GET", null, null, "operator", false)
 	}
 	static doGetInvestDetail(data) {
 		return request(apiPath.investDetail, "GET", data)
 	}
+	//我的补正项目列表
+	static doGetMineRepairList(data) {
+		return request(apiPath.repairProList, "GET", data)
+	}
+	//撤销补正
+	static doCancelProrepair(id) {
+		const path = apiPath.cancelProPepair.replace('{projCorrectionApplyId}', id)
+		return request(path, 'PUT')
+	}
+	//提交补正
+	static doApplyProRepair(data) {
+		return request(apiPath.applyProRepair, "POST", data)
+	}
+	//获取可以补正的项目列表
+	static doGetCanProRepairList(data) {
+		return request(apiPath.canProRepairList, "GET", data)
+	}
+	//退款项目列表
+	static doGetMineRefundProList(data) {
+		return request(apiPath.refundProList, "GET", data)
+	}
+	static doGetCanRefundProList(data) {
+		return request(apiPath.canRefundProList, "GET", data)
+	}
+	//取消申请退款
+	static doCancelRefundPro(id) {
+		const path = apiPath.cancelRefundPro.replace('{projRefundApplyId}', id)
+		return request(path, "PUT")
+	}
+	//提交申请退款
+	static doApplyRefundPro(data) {
+		return request(apiPath.applyRefundPro, "POST", data)
+	}
 }

 export default ProApi;
--- a/common/style/icons.css
+++ b/common/style/icons.css
@ -119,4 +119,10 @@
 	background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ3Mjk4NjU3MTUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI2MjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTc2NS41MDU2OTEgMTkxLjk0MjU2NyA2MzkuNjI3NzcyIDE5MS45NDI1NjdjMC0zNS4zMjQ1My0yOC42MzYyMDEtNjMuOTYwNzMxLTYzLjk2MDczMS02My45NjA3MzFMNDQ3Ljc0NTU4IDEyNy45ODE4MzZjLTM1LjMyNDUzIDAtNjMuOTYwNzMxIDI4LjYzNjIwMS02My45NjA3MzEgNjMuOTYwNzMxTDI1Ny45MDU5MDggMTkxLjk0MjU2N2MtMzYuNDUyMjEzIDAtNjYuMDAzMjUgMjkuNTUxMDM2LTY2LjAwMzI1IDY2LjAwMzI1bDAgNTkuODc1NjkyYzAgMzYuNDUyMjEzIDI5LjU1MTAzNiA2Ni4wMDMyNSA2Ni4wMDMyNSA2Ni4wMDMyNWwtMi4wNDI1MTkgMCAwIDQ0NS42ODE1NzJjMCAzNi40NTIyMTMgMjkuNTUxMDM2IDY2LjAwMzI1IDY2LjAwMzI1IDY2LjAwMzI1bDYxLjkxODIxMSAwIDYzLjk2MDczMSAwIDEyNy45MjE0NjEgMCA2My45NjA3MzEgMCA2MS45MTgyMTEgMGMzNi40NTIyMTMgMCA2Ni4wMDMyNS0yOS41NTEwMzYgNjYuMDAzMjUtNjYuMDAzMjVMNzY3LjU0OTIzNCAzODMuODIzNzM2bC0yLjA0MjUxOSAwYzM2LjQ1MjIxMyAwIDY2LjAwMzI1LTI5LjU1MTAzNiA2Ni4wMDMyNS02Ni4wMDMyNWwwLTU5Ljg3NTY5MkM4MzEuNTA4OTQxIDIyMS40OTI1OCA4MDEuOTU4OTI4IDE5MS45NDI1NjcgNzY1LjUwNTY5MSAxOTEuOTQyNTY3ek03MDMuNTg3NDggODAzLjQxMzA0NmMtMC4xMDEzMDcgMy4xMjMxMzEtMS43NDM3MTQgMjcuODEzNDYyLTI3Ljk2MTg0MiAyOC4xMzQ3ODFsLTM1Ljk5ODg4OSAwLTYzLjk2MDczMSAwTDQ0Ny43NDU1OCA4MzEuNTQ3ODI3IDM4My43ODQ4NSA4MzEuNTQ3ODI3bC0zNS44NzkxNjIgMGMtMjcuOTg4NDQ4LTAuMzQzODMxLTI3Ljk2OTAwNS0yOC40NTkxNjktMjcuOTY5MDA1LTI4LjQ1OTE2OWwtMC4xMTI1NjQgMC4wMzE3MjJMMzE5LjgyNDExOSAzODMuODIzNzM2bDM4My43NjMzNiAwTDcwMy41ODc0OCA4MDMuNDEzMDQ2ek03MzUuNTY3ODQ1IDMxOS44NjMwMDUgMjg3Ljg0Mzc1NCAzMTkuODYzMDA1Yy0xNy42NjIyNjUgMC0zMS45ODAzNjUtMTQuMzE4MS0zMS45ODAzNjUtMzEuOTgwMzY1IDAtMTcuNjYyMjY1IDE0LjMxODEtMzEuOTgwMzY1IDMxLjk4MDM2NS0zMS45ODAzNjVsMTU5LjkwMTgyNyAwIDEyNy45MjE0NjEgMCAxNTkuOTAxODI3IDBjMTcuNjYyMjY1IDAgMzEuOTgwMzY1IDE0LjMxODEgMzEuOTgwMzY1IDMxLjk4MDM2NUM3NjcuNTQ4MjEgMzA1LjU0NDkwNSA3NTMuMjMwMTEgMzE5Ljg2MzAwNSA3MzUuNTY3ODQ1IDMxOS44NjMwMDV6IiBwLWlkPSIyNjIyIiBmaWxsPSIjZTQ3YzZlIj48L3BhdGg+PHBhdGggZD0iTTQ0Ny43NDU1OCA3NjcuNTg4MTE5YzE3LjY2MjI2NSAwIDMxLjk4MDM2NS0xNC4zMTgxIDMxLjk4MDM2NS0zMS45ODAzNjVMNDc5LjcyNTk0NiA0NzkuNzY0ODMxYzAtMTcuNjYyMjY1LTE0LjMxODEtMzEuOTgwMzY1LTMxLjk4MDM2NS0zMS45ODAzNjUtMTcuNjYyMjY1IDAtMzEuOTgwMzY1IDE0LjMxODEtMzEuOTgwMzY1IDMxLjk4MDM2NWwwIDI1NS44NDI5MjJDNDE1Ljc2NTIxNSA3NTMuMjcwMDE5IDQzMC4wODMzMTYgNzY3LjU4ODExOSA0NDcuNzQ1NTggNzY3LjU4ODExOXoiIHAtaWQ9IjI2MjMiIGZpbGw9IiNlNDdjNmUiPjwvcGF0aD48cGF0aCBkPSJNNTc1LjY2NzA0MiA3NjcuNTg4MTE5YzE3LjY2MjI2NSAwIDMxLjk4MDM2NS0xNC4zMTgxIDMxLjk4MDM2NS0zMS45ODAzNjVMNjA3LjY0NzQwNyA0NzkuNzY0ODMxYzAtMTcuNjYyMjY1LTE0LjMxODEtMzEuOTgwMzY1LTMxLjk4MDM2NS0zMS45ODAzNjUtMTcuNjYyMjY1IDAtMzEuOTgwMzY1IDE0LjMxODEtMzEuOTgwMzY1IDMxLjk4MDM2NWwwIDI1NS44NDI5MjJDNTQzLjY4NjY3NiA3NTMuMjcwMDE5IDU1OC4wMDQ3NzcgNzY3LjU4ODExOSA1NzUuNjY3MDQyIDc2Ny41ODgxMTl6IiBwLWlkPSIyNjI0IiBmaWxsPSIjZTQ3YzZlIj48L3BhdGg+PC9zdmc+');
 	background-size: cover;
 	background-repeat: no-repeat;
+}
+
+.icon-cancel-yellow {
+	background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ3MzAyNjYxODQ1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU2MDMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTQyNi42MjQgOTYuNTY4ODg5TDcxLjMxMDIyMiA0NTEuMzg0ODg5YTQ5LjEyMzU1NiA0OS4xMjM1NTYgMCAwIDAgMCA2OS41NDY2NjdsMzU1LjMxMzc3OCAzNTQuODQ0NDQ0YzcuMjUzMzMzIDcuMjY3NTU2IDE3LjA5NTExMSAxMS4zNjM1NTYgMjcuMzYzNTU2IDExLjM3Nzc3OGw0LjI2NjY2Ni0wLjIxMzMzNGEzOC42NTYgMzguNjU2IDAgMCAwIDM0LjQ3NDY2Ny0zOC40VjY0MS4wNTI0NDRsMTEuNzE5MTExIDAuNDU1MTEyYTUxMi44ODE3NzggNTEyLjg4MTc3OCAwIDAgMSAzOTUuMzc3Nzc4IDIxNS4xODIyMjJsNTIuMDUzMzMzIDc0LjA0MDg4OSAxMS42MDUzMzMtODkuNzg0ODg5YTQ3MS40NjY2NjcgNDcxLjQ2NjY2NyAwIDAgMCAzLjc1NDY2Ny01OS40MzQ2NjdsLTAuMDk5NTU1LTEwLjczNzc3OGMtNS42ODg4ODktMjUwLjMxMTExMS0yMTAuODU4NjY3LTQ1Mi4zNjYyMjItNDY2Ljc3MzMzNC00NjMuMzg4NDQ0bC03LjU2NjIyMi0wLjI0MTc3OFYxMjMuOTYwODg5YTM4LjY5ODY2NyAzOC42OTg2NjcgMCAwIDAtNjYuMDYyMjIyLTI3LjI5MjQ0NWwtMC4xMTM3NzgtMC4wOTk1NTV6IiBmaWxsPSIjRkU5OTQ0IiBwLWlkPSI1NjA0Ij48L3BhdGg+PC9zdmc+');
+	background-size: cover;
+	background-repeat: no-repeat;
 }
--- a/components/download-progress.vue
+++ b/components/download-progress.vue
@ -40,7 +40,8 @@
 		left: 0;
 		width: 100vw;
 		height: 100vh;
-		background-color: rgba(0, 0, 0, 0.2);
+		background-color: rgba(0, 0, 0, 0.2);
+		z-index: 9999;
 	}

 	.download-popup-box {
--- a/pages.json
+++ b/pages.json
@ -100,6 +100,14 @@
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": true
 			}
+		},
+		{
+			"path" : "pages/copyright/refund/refund",
+			"style" : 
+			{
+				"navigationBarTitleText" : "",
+				"enablePullDownRefresh": true
+			}
 		}
 	],
 	"globalStyle": {
--- a/pages/copyright/refund/refund.vue
+++ b/pages/copyright/refund/refund.vue
@ -0,0 +1,812 @@
+<template>
+	<view class="page-container">
+		<view class="condition-box">
+			<view class="condition-input-box">
+				<view class="condition-input-container">
+					<icon class="ml-20" type="search" size="20"></icon>
+					<input class="condition-input-text" :value="keywords" @input="inputKeywords"
+						@confirm="doSearchKeyWord" placeholder-style="font-size:28rpx;" type="text"
+						confirm-type="search" placeholder="项目名称" />
+					<view class="icon-clear size-32 mr-10" v-if="keywords != ''" @click="clearSearch"></view>
+					<view @click="chooseOptions" class="condition-option-btn icon-arrow-solid">筛选</view>
+				</view>
+				<view class="add-btn" @click="applyRefund">申请退款</view>
+			</view>
+			<view :class="['condition-content', { 'visible': isShowOptions }]">
+				<view class="condition-content-container">
+					<view class="condition-content-box">
+						<view class="condition-content-box-left">
+							<view class="left-item">
+								<view class="left-sel-line"></view>
+								<view class="left-sel-text">状态</view>
+							</view>
+						</view>
+						<scroll-view class="condition-content-box-scroll-right" scroll-y>
+							<view class="condition-content-box-right">
+								<block v-for="(item,index) in stateList" :key="index">
+									<view :class="tempSelState==item.value? 'right-item-sel':'right-item-normal'"
+										class="condition-content-right-item" :data-value="item.value"
+										@click="chooseState">{{item.title}}</view>
+								</block>
+							</view>
+						</scroll-view>
+					</view>
+					<view class="condition-content-btns">
+						<view class="condition-content-btn clear" @click="clearChooseOption">清除</view>
+						<view class="condition-content-btn cancel" @click="cancelChooseOption">取消</view>
+						<view class="condition-content-btn confirm" @click="confirmChooseOption">确定</view>
+					</view>
+				</view>
+				<view class="condition-mask" @click="cancelChooseOption"></view>
+			</view>
+		</view>
+
+		<view style="margin-top: 80rpx;">
+			<ContainerLoading :loadingVisible="loadingState">
+				<scroll-view scroll-y style="height: 80vh;" :lower-threshold="100" refresher-background="#FFFFFF00"
+					@scrolltolower="doLoadMore">
+					<view class="repair-list-box">
+						<block v-for="(item,index) in refundList" :key="index">
+							<view class="repair-list-item">
+								<view class="repair-item-title-box" :data-value="item" @click="showReason">
+									<view class="repair-title-box">
+										<view :class="repairStatusColor(item.applyStatus)"
+											class="repair-status-content">
+											{{repairStatus(item.applyStatus)}}
+										</view>
+									</view>
+									<view class="repair-title-apply-time">{{item.gmtCreate}}</view>
+								</view>
+								<view class="divider-v mt-20"></view>
+								<view class="repair-name-box mt-10" :data-value="item" @click="showReason">
+									<view class="repair-title-content">{{item.projName}}</view>
+									<view v-if="item.applyStatus=='PENDING'" class="icon-cancel-yellow size-48"
+										@click="cancelApply" :data-value="item"></view>
+								</view>
+								<view :data-value="item" @click="showReason"
+									class="repair-reason-desc multiple-2-ellipsis">{{item.refundReason}}</view>
+								<view class="repair-footer-box">
+									<view class="repair-attr-box" :data-value="item" @click="showReason">
+										<view class="repair-attr-item">{{item.userInfoName}}</view>
+										<rich-text :nodes="moneyTxt(10,14,item.projPayment/100)"></rich-text>
+									</view>
+								</view>
+							</view>
+						</block>
+						<uni-load-more :status="hasMore"></uni-load-more>
+					</view>
+				</scroll-view>
+			</ContainerLoading>
+		</view>
+		<uni-popup type="message" ref="msg">
+			<uni-popup-message :type="msgType" :message="msgHint" :duration="2000"></uni-popup-message>
+		</uni-popup>
+		<DownloadProgress :isShow="downloading" :progress="downloadProgress"></DownloadProgress>
+		<uni-popup ref="reasonDialog" type="center" background-color="#fff" border-radius="15rpx 15rpx 15rpx 15rpx">
+			<view class="bottom-dialog-container" style="width: 80vw;">
+				<view class="approve-title">退款原因</view>
+				<view v-if="reasonItem != null" class="approve-content mt-10">{{reasonItem.refundReason}}</view>
+				<view class="approve-title mt-10">退款凭证</view>
+				<view v-if="reasonItem != null" class="approve-img-box mt-10">
+					<block v-for="(item,index) in reasonItem.refundVoucherFileKVs" :key="index">
+						<view class="approve-img-item single-line" @click="previewImg" :data-item="item">
+							{{item.value}}
+						</view>
+					</block>
+				</view>
+				<view v-if="reasonItem != null && reasonItem.gmtReview !=''" class="approve-content-box">
+					<view class="approve-title mt-10">审核时间</view>
+					<view class="approve-content mt-10">{{reasonItem.gmtReview}}</view>
+					<view class="approve-title mt-10">审核意见</view>
+					<view class="approve-content mt-10">{{reasonItem.reviewReason}}</view>
+				</view>
+				<view class="close-btn" @click="closeDialog">关闭</view>
+			</view>
+		</uni-popup>
+
+	</view>
+</template>
+
+<script>
+	import ProApi from '@/common/js/net/projectApi.js'
+	import ContainerLoading from '@/components/container-loading.vue'
+	import DownloadProgress from '@/components/download-progress.vue'
+	import {
+		previewUrl
+	} from '../../../common/js/net/mainUrl'
+	import {
+		stateList
+	} from '@/common/js/data.js'
+	import {
+		repairStatusColor,
+		repairStatus,
+		moneyTxt
+	} from '@/common/js/conver.js'
+	import {
+		get
+	} from '@/common/js/cache/storage.js'
+	export default {
+		components: {
+			ContainerLoading,
+			DownloadProgress
+		},
+		setup() {
+
+		},
+		data() {
+			return {
+				pageData: {
+					page: 1,
+					rows: 10,
+					applyStatus: '', //状态
+					projName: '' //项目名称
+				},
+				keywords: '',
+				stateList: stateList,
+				selectState: '',
+				tempSelState: '',
+				msgHint: '',
+				msgType: 'error',
+				msgShow: false,
+				loadingState: 'loading',
+				listRefreshTrig: false,
+				isLoadMore: false,
+				hasMore: true,
+				refundList: [],
+				showHint: false,
+				tempItem: null,
+				isShowOptions: false,
+				needRefresh: false, //是否需要刷新
+				reasonItem: null,
+				downloading: false,
+				downloadProgress: 0
+			}
+		},
+		onLoad(options) {
+			uni.setNavigationBarTitle({
+				title: '退款项目',
+			})
+			uni.setNavigationBarColor({
+				frontColor: '#000000', // 必写项，字体颜色仅支持#ffffff和#000000
+				backgroundColor: '#F0F0F0', // 传递的颜色值，仅支持十六进制颜色
+				animation: { // 可选项
+					duration: 500,
+					timingFunc: 'easeIn'
+				}
+			})
+			this.doRefreshList()
+		},
+		methods: {
+			repairStatusColor,
+			repairStatus,
+			moneyTxt,
+			chooseOptions() {
+				this.isShowOptions = !this.isShowOptions
+				this.tempSelState = this.selectState
+			},
+			//取消条件
+			cancelChooseOption() {
+				this.isShowOptions = false
+				this.tempSelState = ''
+			},
+			//清除条件
+			clearChooseOption() {
+				this.isShowOptions = false
+				this.selectState = ''
+				this.tempSelState = ''
+				this.doRefreshList()
+			},
+			//确定条件
+			confirmChooseOption() {
+				this.selectState = this.tempSelState
+				this.isShowOptions = false
+				this.tempSelState = ''
+				this.doRefreshList()
+			},
+			//去退款
+			applyRefund() {
+				uni.navigateTo({
+					url: '/pages/copyright/applyRefund/applyRefund',
+				})
+			},
+			inputKeywords(e) {
+				this.keywords = e.detail.value
+			},
+			clearSearch() {
+				this.keywords = ''
+				this.doRefreshList()
+			},
+			doSearchKeyWord() {
+				this.doRefreshList()
+			},
+			chooseState(e) {
+				this.tempSelState = e.currentTarget.dataset.value
+			},
+			doGetMineList(isRefresh) {
+				const _self = this
+				_self.refundList = isRefresh ? [] : _self.refundList
+				_self.loadingState = isRefresh ? 'loading' : ''
+				ProApi.doGetMineRefundProList(_self.pageData)
+					.then(res => {
+						var status = 'success'
+						status = res.rows && res.rows.length > 0 ? 'success' : 'empty'
+						_self.loadingState = isRefresh ? status : ''
+						_self.refundList = _self.refundList.concat(res.rows)
+						_self.listRefreshTrig = false
+						_self.isLoadMore = false
+						_self.hasMore = _self.refundList.length < res.total ? 'more' : 'noMore'
+					})
+					.catch(err => {
+						_self.loadingState = 'error'
+						_self.listRefreshTrig = false
+						_self.isLoadMore = false
+						_self.hasMore = 'more'
+					})
+			},
+			//下拉刷新
+			doRefreshList() {
+				const _self = this
+				_self.loadingState = 'loading'
+				_self.hasMore = 'more'
+				_self.isLoadMore = false
+				_self.pageData.page = 1
+				_self.pageData.projName = _self.keywords
+				_self.pageData.applyStatus = _self.selectState
+				_self.doGetMineList(true)
+			},
+			//加载更多
+			doLoadMore() {
+				//判断是否正在加载中 与是否存在更多数据
+				const _self = this
+				if (_self.isLoadMore || !_self.hasMore) {
+					return
+				}
+				_self.isLoadMore = true
+				_self.pageData.page = ++_self.pageData.page
+				_self.pageData.projName = _self.keywords
+				_self.pageData.applyStatus = _self.selectState
+				_self.doGetMineList(false)
+			},
+			//显示详情
+			showReason(e) {
+				const _self = this
+				const item = e.currentTarget.dataset.value
+				item.refundVoucherFileKVs.map(value => {
+					value.url = previewUrl + value.key
+					return value
+				})
+				_self.reasonItem = item
+				_self.$refs.reasonDialog.open()
+			},
+			closeDialog() {
+				this.$refs.reasonDialog.close()
+			},
+			previewImg(e) {
+				const _self = this
+				_self.$refs.reasonDialog.close()
+				const item = e.currentTarget.dataset.item
+				console.log(item)
+				const fileName = item.value
+				const path = item.url
+				//判断是pdf还是图片
+				const tempPath =
+					'https://www.aimzhu.com/copyright/route/file/v2/download/true/04e5694a-1438-41ed-bda5-7cb0bf67ea8d'
+				const tempFileName = '18b20温度模块.PDF'
+				_self.download(tempPath, tempFileName)
+				// if (current.value.toLowerCase().endsWith('.pdf')) {
+				// 	//文件,下载文件
+				// 	_self.download(current)
+				// } else {
+				// 	//图片
+				// 	const urls = [current.url]
+				// 	console.log((urls))
+				// 	uni.previewImage({
+				// 		urls: urls,
+				// 	})
+				// }
+			},
+			//下载pdf
+			cancelApply(e) {
+				const item = e.currentTarget.dataset.value
+				const _self = this
+				uni.showModal({
+					title: '警告',
+					content: '您确定要撤销这次退款吗?',
+					success: res => {
+						if (res.confirm) {
+							_self.doCancelApply(item)
+						}
+					}
+				})
+			},
+			//撤销
+			doCancelApply(item) {
+				const _self = this
+				uni.showLoading({
+					title: '撤销中...',
+				})
+				ProApi.doCancelRefundPro(item.projRefundApplyId)
+					.then(res => {
+						uni.hideLoading()
+						_self.msgType = 'success'
+						_self.msgHint = '撤销成功'
+						_self.$refs.msg.open()
+						_self.doRefreshList()
+					})
+					.catch(err => {
+						uni.hideLoading()
+						_self.msgType = 'error'
+						_self.msgHint = err.msg ? err.msg : '撤销失败,请稍后重试'
+						_self.$refs.msg.open()
+					})
+			},
+			//下载文件
+			doDownload(url, header) {
+				const _self = this
+				return new Promise((resolve, reject) => {
+					const downloadTask = uni.downloadFile({
+						url: url,
+						header: header,
+						success: resolve,
+						fail: reject
+					})
+					downloadTask.onProgressUpdate(res => {
+						_self.downloadProgress = res.progress
+					})
+				})
+			},
+			//点击下载
+			//path :文件地址
+			async download(path, fileName) {
+				const _self = this
+				_self.downloadProgress = 0 //重置下载进度
+				_self.downloading = true //显示进度
+				const url = path
+				const token = get('token')
+				const header = {}
+				if (token) {
+					header.Auth = `Bearer ${token}`;
+				}
+				const downloadRes = await _self.doDownload(url, header)
+				console.log('下载返回', downloadRes)
+				if (downloadRes && downloadRes.statusCode == 200) {
+					uni.saveFile({
+						tempFilePath: downloadRes.tempFilePath,
+						success: res => {
+							_self.downloadProgress = 0
+							_self.downloading = false
+							uni.openDocument({
+								filePath: res.savedFilePath,
+								showMenu: true,
+								success: openRes => {
+									console.log('打开文件成功')
+								},
+								fail: openErr => {
+									_self.showErr('很抱歉，文件下载出现问题。建议您稍作等待，之后再尝试下载。')
+								}
+							})
+						},
+						fail: err => {
+							console.log(err)
+							_self.showErr('很抱歉，文件下载出现问题。建议您稍作等待，之后再尝试下载。')
+						}
+					})
+				}
+			},
+			showErr(msg) {
+				const _self = this
+				_self.msgHint = msg
+				_self.msgType = 'error'
+				_self.showDownload = false
+				_self.downloading = false
+				_self.downloadProgress = 0
+				_self.$refs.msg.open()
+			},
+		},
+		onPullDownRefresh() {
+			this.doRefreshList()
+			uni.stopPullDownRefresh()
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.condition-box {
+		position: fixed;
+		/* #ifdef H5 */
+		top: 80rpx;
+		/* #endif */
+		/* #ifdef MP-BAIDU */
+		top: 0;
+		/* #endif */
+		left: 0;
+		display: flex;
+		flex-direction: column;
+		box-sizing: border-box;
+		width: 100%;
+		z-index: 99;
+	}
+
+	.condition-input-box {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		padding: 20rpx 30rpx 0rpx 30rpx;
+	}
+
+	.condition-input-container {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		background-color: white;
+		padding: 10rpx;
+		border-radius: 10rpx;
+		flex: 1;
+	}
+
+	.condition-option-btn {
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		border-radius: 15rpx;
+		padding: 4rpx 15rpx;
+		font-size: 20rpx;
+		background-color: $divider-color;
+	}
+
+	.condition-option-btn:active {
+		background-color: $gray-bg-color;
+	}
+
+	.condition-input-text {
+		font-size: 28rpx;
+		flex: 1;
+		text-align: center;
+		margin-right: 10rpx;
+	}
+
+	.condition-content {
+		margin-top: 5rpx;
+		max-height: 0vh;
+		background-color: $bg-gray-shade-color;
+		overflow: hidden;
+		transition: max-height 0.5s ease;
+	}
+
+	.condition-content.visible {
+		max-height: 100vh;
+	}
+
+	.condition-mask {
+		background-color: $bg-gray-shade-color;
+		height: 100vh;
+	}
+
+	.condition-content-container {
+		background-color: $divider-color;
+		padding: 0rpx 30rpx;
+		height: 350rpx;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.condition-content-box {
+		display: flex;
+		flex-direction: row;
+		flex: 1;
+		padding: 20rpx;
+	}
+
+	.condition-content-box-left {
+		display: flex;
+		flex-direction: column;
+		flex: .2;
+		border-right: 1rpx solid $white-color;
+		height: 100%;
+	}
+
+	.condition-content-box-scroll-right {
+		flex: .8;
+		height: 230rpx;
+		padding: 0rpx 20rpx;
+	}
+
+	.condition-content-box-right {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+	}
+
+	.left-item {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.left-sel-line {
+		width: 8rpx;
+		height: 30rpx;
+		border-radius: 5rpx;
+		background-color: $primary-color;
+	}
+
+	.left-sel-text {
+		font-size: 28rpx;
+		margin-left: 10rpx;
+	}
+
+	.left-sel {
+		border-left: 5rpx solid $primary-color;
+		padding-left: 10rpx;
+	}
+
+
+
+	.condition-content-right-item {
+		white-space: nowrap;
+		line-height: 28rpx;
+		height: 28rpx;
+		border-radius: 10rpx;
+		font-size: 24rpx;
+		text-align: center;
+		padding: 5rpx 10rpx;
+		margin: 10rpx;
+		color: $text-brown-color;
+	}
+
+	.right-item-sel {
+		background-color: $primary-color-light;
+	}
+
+
+	.right-item-normal {
+		background-color: transparent;
+	}
+
+	.condition-content-btns {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-evenly;
+		margin-bottom: 20rpx;
+		margin-top: 10rpx;
+	}
+
+	.condition-content-btn {
+		font-size: 28rpx;
+		padding: 5rpx 60rpx;
+		text-align: center;
+		border-radius: 8rpx;
+	}
+
+	.cancel {
+		background-color: $white-color;
+		color: $text-gray-desc-color;
+	}
+
+	.clear {
+		background-color: $white-color;
+		color: $text-gray-desc-color;
+	}
+
+	.confirm {
+		background-color: $btn-green-color;
+		color: $white-color;
+	}
+
+	.add-btn {
+		border-radius: 8rpx;
+		background-color: $btn-green-color;
+		color: rgba(255, 255, 255, 1);
+		font-size: 28rpx;
+		text-align: center;
+		height: 50rpx;
+		margin-left: 20rpx;
+		line-height: 50rpx;
+		font-family: PingFangSC-regular;
+		padding: 5rpx 10rpx;
+	}
+
+	.add-btn:active {
+		background-color: $btn-green-color-active;
+	}
+
+
+	.repair-list-box {
+		display: flex;
+		flex-direction: column;
+	}
+
+	.repair-list-item {
+		display: flex;
+		flex-direction: column;
+		background-color: $white-color;
+		padding: 20rpx;
+		border-radius: 8rpx;
+	}
+
+	.repair-list-item:nth-of-type(n+2) {
+		margin-top: 20rpx;
+	}
+
+	.repair-item-title-box {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+	}
+
+	.repair-title-box {
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		font-size: 28rpx;
+	}
+
+	.repair-name-box {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+	}
+
+	.repair-title-content {
+		font-size: 28rpx;
+		font-weight: bold;
+		flex: 1;
+		padding-right: 15rpx;
+	}
+
+	.repair-reason-desc {
+		margin-top: 10rpx;
+		font-size: 24rpx;
+		color: $text-gray-desc-color;
+	}
+
+	.repair-footer-box {
+		margin-top: 20rpx;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: flex-end;
+	}
+
+	.repair-attr-box {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: baseline;
+		width: 100%;
+	}
+
+	.repair-attr-item {
+		font-size: 24rpx;
+		color: $text-brown-color;
+		background-color: $divider-color;
+		padding: 5rpx 15rpx;
+		border-radius: 5rpx;
+		line-height: 40rpx;
+		height: 40rpx;
+		text-align: center;
+	}
+
+	.repair-attr-item:nth-of-type(n+2) {
+		margin-left: 10rpx;
+	}
+
+	.repair-title-apply-time {
+		font-size: 22rpx;
+		color: $text-gray-hint-color;
+	}
+
+	.repair-status-green {
+		background-color: $bg-green-color;
+	}
+
+	.repair-status-red {
+		background-color: $bg-red-color;
+	}
+
+	.repair-status-yellow {
+		background-color: $primary-color;
+
+	}
+
+	.repair-status-content {
+		padding: 2rpx 10rpx;
+		font-size: 22rpx;
+		border-radius: 5rpx;
+		height: 30rpx;
+		line-height: 30rpx;
+		text-align: center;
+		color: $text-color;
+	}
+
+	.repair-status-gray {
+		background-color: $bg-gray-deep-color;
+	}
+
+	.close-btn {
+		font-size: 28rpx;
+		text-align: center;
+		width: 120rpx;
+		align-self: center;
+		border-radius: 15rpx;
+		padding: 10rpx 15rpx;
+		color: $btn-blue-color;
+	}
+
+	.close-btn:active {
+		color: $btn-blue-color-active;
+	}
+
+	.approve-title {
+		font-size: 28rpx;
+		color: $text-color;
+		font-weight: bold;
+	}
+
+	.approve-content-box {
+		margin-top: 10rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+	}
+
+	.approve-img-box {
+		display: flex;
+		flex-direction: column;
+		margin-top: 15rpx;
+		box-sizing: border-box;
+		width: 100%;
+	}
+
+	.approve-img-item {
+		font-size: 24rpx;
+		border-radius: 5rpx;
+		padding: 10rpx;
+		text-align: left;
+		background-color: $gray-bg-color;
+		width: 100%;
+		margin: 10rpx;
+		box-sizing: border-box;
+	}
+
+	.approve-img-item:nth-of-type(n+2) {
+		margin-top: 10rpx;
+	}
+
+	.approve-content {
+		font-size: 24rpx;
+		margin-left: 20rpx;
+		text-align: left;
+		color: $text-gray-desc-color;
+	}
+
+	.approve-hint {
+		margin-top: 20rpx;
+		font-size: 24rpx;
+		color: $text-gray-hint-color;
+	}
+
+
+	.col-yellow {
+		background-color: $primary-color;
+		color: $text-color;
+	}
+
+	.col-gray {
+		background-color: $bg-gray-deep-color;
+		color: $text-gray-desc-color;
+	}
+
+	.col-green {
+		background-color: $bg-green-color;
+		color: $text-brown-color;
+	}
+
+	.col-red {
+		background-color: $bg-red-color;
+		color: $text-brown-color;
+	}
+</style>
--- a/pages/index/home.vue
+++ b/pages/index/home.vue
@ -502,8 +502,8 @@
 			doShowDownload(item) {
 				console.log('点击了下载')
 				this.$refs.downloadPopup.open()
-				this.sysPreviewUrl = `${this.cUrl}/${item.previewUrl}`,
-					this.tempItem = item
+				this.sysPreviewUrl = `${this.cUrl}/${item.previewUrl}`
+				this.tempItem = item
 			},
 			//复制链接到剪贴板
 			copyLink() {