完成退款项目
This commit is contained in:
itgaojian163
parent
986f7be29b
commit
d98e999535
2
App.vue
2
App.vue
@ -352,7 +352,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 30rpx;
|
padding: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog-title-box {
|
.dialog-title-box {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@ -137,6 +137,70 @@ var phoneNum = function(str, startLength, endLength, replaceStr) {
|
|||||||
return str;
|
return str;
|
||||||
}
|
}
|
||||||
return str.slice(0, startLength) + replaceStr + str.slice(str.length - endLength);
|
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 {
|
export {
|
||||||
isEmpty,
|
isEmpty,
|
||||||
@ -148,5 +212,9 @@ export {
|
|||||||
timeSplit,
|
timeSplit,
|
||||||
objIsEmpty,
|
objIsEmpty,
|
||||||
moneyTxt,
|
moneyTxt,
|
||||||
phoneNum
|
phoneNum,
|
||||||
|
repairStatusColor,
|
||||||
|
repairKind,
|
||||||
|
repairType,
|
||||||
|
repairStatus
|
||||||
}
|
}
|
||||||
@ -17,8 +17,21 @@ const apiPath = {
|
|||||||
proLangList: '/api/env/custom/list-active-lang', //项目语言
|
proLangList: '/api/env/custom/list-active-lang', //项目语言
|
||||||
ruleData: '/app/agreementportal/getrelease/{id}', //使用规则 project="operator"
|
ruleData: '/app/agreementportal/getrelease/{id}', //使用规则 project="operator"
|
||||||
investDetail: "/news-content/listpage?rows=1&page=1", //投资优势
|
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 {
|
class ProApi {
|
||||||
|
//首页介绍数量
|
||||||
|
static doGetMainProCount() {
|
||||||
|
return request(apiPath.mainProCount, 'GET')
|
||||||
|
}
|
||||||
//项目列表
|
//项目列表
|
||||||
static doGetSelfProjectList(data) {
|
static doGetSelfProjectList(data) {
|
||||||
return request(apiPath.getSelfProjectList, 'GET', data)
|
return request(apiPath.getSelfProjectList, 'GET', data)
|
||||||
@ -71,11 +84,44 @@ class ProApi {
|
|||||||
//获取使用规则数据
|
//获取使用规则数据
|
||||||
static doGetRuleDate(id) {
|
static doGetRuleDate(id) {
|
||||||
const path = apiPath.ruleData.replace('{id}', 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) {
|
static doGetInvestDetail(data) {
|
||||||
return request(apiPath.investDetail, "GET", 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;
|
export default ProApi;
|
||||||
@ -119,4 +119,10 @@
|
|||||||
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ3Mjk4NjU3MTUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI2MjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTc2NS41MDU2OTEgMTkxLjk0MjU2NyA2MzkuNjI3NzcyIDE5MS45NDI1NjdjMC0zNS4zMjQ1My0yOC42MzYyMDEtNjMuOTYwNzMxLTYzLjk2MDczMS02My45NjA3MzFMNDQ3Ljc0NTU4IDEyNy45ODE4MzZjLTM1LjMyNDUzIDAtNjMuOTYwNzMxIDI4LjYzNjIwMS02My45NjA3MzEgNjMuOTYwNzMxTDI1Ny45MDU5MDggMTkxLjk0MjU2N2MtMzYuNDUyMjEzIDAtNjYuMDAzMjUgMjkuNTUxMDM2LTY2LjAwMzI1IDY2LjAwMzI1bDAgNTkuODc1NjkyYzAgMzYuNDUyMjEzIDI5LjU1MTAzNiA2Ni4wMDMyNSA2Ni4wMDMyNSA2Ni4wMDMyNWwtMi4wNDI1MTkgMCAwIDQ0NS42ODE1NzJjMCAzNi40NTIyMTMgMjkuNTUxMDM2IDY2LjAwMzI1IDY2LjAwMzI1IDY2LjAwMzI1bDYxLjkxODIxMSAwIDYzLjk2MDczMSAwIDEyNy45MjE0NjEgMCA2My45NjA3MzEgMCA2MS45MTgyMTEgMGMzNi40NTIyMTMgMCA2Ni4wMDMyNS0yOS41NTEwMzYgNjYuMDAzMjUtNjYuMDAzMjVMNzY3LjU0OTIzNCAzODMuODIzNzM2bC0yLjA0MjUxOSAwYzM2LjQ1MjIxMyAwIDY2LjAwMzI1LTI5LjU1MTAzNiA2Ni4wMDMyNS02Ni4wMDMyNWwwLTU5Ljg3NTY5MkM4MzEuNTA4OTQxIDIyMS40OTI1OCA4MDEuOTU4OTI4IDE5MS45NDI1NjcgNzY1LjUwNTY5MSAxOTEuOTQyNTY3ek03MDMuNTg3NDggODAzLjQxMzA0NmMtMC4xMDEzMDcgMy4xMjMxMzEtMS43NDM3MTQgMjcuODEzNDYyLTI3Ljk2MTg0MiAyOC4xMzQ3ODFsLTM1Ljk5ODg4OSAwLTYzLjk2MDczMSAwTDQ0Ny43NDU1OCA4MzEuNTQ3ODI3IDM4My43ODQ4NSA4MzEuNTQ3ODI3bC0zNS44NzkxNjIgMGMtMjcuOTg4NDQ4LTAuMzQzODMxLTI3Ljk2OTAwNS0yOC40NTkxNjktMjcuOTY5MDA1LTI4LjQ1OTE2OWwtMC4xMTI1NjQgMC4wMzE3MjJMMzE5LjgyNDExOSAzODMuODIzNzM2bDM4My43NjMzNiAwTDcwMy41ODc0OCA4MDMuNDEzMDQ2ek03MzUuNTY3ODQ1IDMxOS44NjMwMDUgMjg3Ljg0Mzc1NCAzMTkuODYzMDA1Yy0xNy42NjIyNjUgMC0zMS45ODAzNjUtMTQuMzE4MS0zMS45ODAzNjUtMzEuOTgwMzY1IDAtMTcuNjYyMjY1IDE0LjMxODEtMzEuOTgwMzY1IDMxLjk4MDM2NS0zMS45ODAzNjVsMTU5LjkwMTgyNyAwIDEyNy45MjE0NjEgMCAxNTkuOTAxODI3IDBjMTcuNjYyMjY1IDAgMzEuOTgwMzY1IDE0LjMxODEgMzEuOTgwMzY1IDMxLjk4MDM2NUM3NjcuNTQ4MjEgMzA1LjU0NDkwNSA3NTMuMjMwMTEgMzE5Ljg2MzAwNSA3MzUuNTY3ODQ1IDMxOS44NjMwMDV6IiBwLWlkPSIyNjIyIiBmaWxsPSIjZTQ3YzZlIj48L3BhdGg+PHBhdGggZD0iTTQ0Ny43NDU1OCA3NjcuNTg4MTE5YzE3LjY2MjI2NSAwIDMxLjk4MDM2NS0xNC4zMTgxIDMxLjk4MDM2NS0zMS45ODAzNjVMNDc5LjcyNTk0NiA0NzkuNzY0ODMxYzAtMTcuNjYyMjY1LTE0LjMxODEtMzEuOTgwMzY1LTMxLjk4MDM2NS0zMS45ODAzNjUtMTcuNjYyMjY1IDAtMzEuOTgwMzY1IDE0LjMxODEtMzEuOTgwMzY1IDMxLjk4MDM2NWwwIDI1NS44NDI5MjJDNDE1Ljc2NTIxNSA3NTMuMjcwMDE5IDQzMC4wODMzMTYgNzY3LjU4ODExOSA0NDcuNzQ1NTggNzY3LjU4ODExOXoiIHAtaWQ9IjI2MjMiIGZpbGw9IiNlNDdjNmUiPjwvcGF0aD48cGF0aCBkPSJNNTc1LjY2NzA0MiA3NjcuNTg4MTE5YzE3LjY2MjI2NSAwIDMxLjk4MDM2NS0xNC4zMTgxIDMxLjk4MDM2NS0zMS45ODAzNjVMNjA3LjY0NzQwNyA0NzkuNzY0ODMxYzAtMTcuNjYyMjY1LTE0LjMxODEtMzEuOTgwMzY1LTMxLjk4MDM2NS0zMS45ODAzNjUtMTcuNjYyMjY1IDAtMzEuOTgwMzY1IDE0LjMxODEtMzEuOTgwMzY1IDMxLjk4MDM2NWwwIDI1NS44NDI5MjJDNTQzLjY4NjY3NiA3NTMuMjcwMDE5IDU1OC4wMDQ3NzcgNzY3LjU4ODExOSA1NzUuNjY3MDQyIDc2Ny41ODgxMTl6IiBwLWlkPSIyNjI0IiBmaWxsPSIjZTQ3YzZlIj48L3BhdGg+PC9zdmc+');
|
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ3Mjk4NjU3MTUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI2MjEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTc2NS41MDU2OTEgMTkxLjk0MjU2NyA2MzkuNjI3NzcyIDE5MS45NDI1NjdjMC0zNS4zMjQ1My0yOC42MzYyMDEtNjMuOTYwNzMxLTYzLjk2MDczMS02My45NjA3MzFMNDQ3Ljc0NTU4IDEyNy45ODE4MzZjLTM1LjMyNDUzIDAtNjMuOTYwNzMxIDI4LjYzNjIwMS02My45NjA3MzEgNjMuOTYwNzMxTDI1Ny45MDU5MDggMTkxLjk0MjU2N2MtMzYuNDUyMjEzIDAtNjYuMDAzMjUgMjkuNTUxMDM2LTY2LjAwMzI1IDY2LjAwMzI1bDAgNTkuODc1NjkyYzAgMzYuNDUyMjEzIDI5LjU1MTAzNiA2Ni4wMDMyNSA2Ni4wMDMyNSA2Ni4wMDMyNWwtMi4wNDI1MTkgMCAwIDQ0NS42ODE1NzJjMCAzNi40NTIyMTMgMjkuNTUxMDM2IDY2LjAwMzI1IDY2LjAwMzI1IDY2LjAwMzI1bDYxLjkxODIxMSAwIDYzLjk2MDczMSAwIDEyNy45MjE0NjEgMCA2My45NjA3MzEgMCA2MS45MTgyMTEgMGMzNi40NTIyMTMgMCA2Ni4wMDMyNS0yOS41NTEwMzYgNjYuMDAzMjUtNjYuMDAzMjVMNzY3LjU0OTIzNCAzODMuODIzNzM2bC0yLjA0MjUxOSAwYzM2LjQ1MjIxMyAwIDY2LjAwMzI1LTI5LjU1MTAzNiA2Ni4wMDMyNS02Ni4wMDMyNWwwLTU5Ljg3NTY5MkM4MzEuNTA4OTQxIDIyMS40OTI1OCA4MDEuOTU4OTI4IDE5MS45NDI1NjcgNzY1LjUwNTY5MSAxOTEuOTQyNTY3ek03MDMuNTg3NDggODAzLjQxMzA0NmMtMC4xMDEzMDcgMy4xMjMxMzEtMS43NDM3MTQgMjcuODEzNDYyLTI3Ljk2MTg0MiAyOC4xMzQ3ODFsLTM1Ljk5ODg4OSAwLTYzLjk2MDczMSAwTDQ0Ny43NDU1OCA4MzEuNTQ3ODI3IDM4My43ODQ4NSA4MzEuNTQ3ODI3bC0zNS44NzkxNjIgMGMtMjcuOTg4NDQ4LTAuMzQzODMxLTI3Ljk2OTAwNS0yOC40NTkxNjktMjcuOTY5MDA1LTI4LjQ1OTE2OWwtMC4xMTI1NjQgMC4wMzE3MjJMMzE5LjgyNDExOSAzODMuODIzNzM2bDM4My43NjMzNiAwTDcwMy41ODc0OCA4MDMuNDEzMDQ2ek03MzUuNTY3ODQ1IDMxOS44NjMwMDUgMjg3Ljg0Mzc1NCAzMTkuODYzMDA1Yy0xNy42NjIyNjUgMC0zMS45ODAzNjUtMTQuMzE4MS0zMS45ODAzNjUtMzEuOTgwMzY1IDAtMTcuNjYyMjY1IDE0LjMxODEtMzEuOTgwMzY1IDMxLjk4MDM2NS0zMS45ODAzNjVsMTU5LjkwMTgyNyAwIDEyNy45MjE0NjEgMCAxNTkuOTAxODI3IDBjMTcuNjYyMjY1IDAgMzEuOTgwMzY1IDE0LjMxODEgMzEuOTgwMzY1IDMxLjk4MDM2NUM3NjcuNTQ4MjEgMzA1LjU0NDkwNSA3NTMuMjMwMTEgMzE5Ljg2MzAwNSA3MzUuNTY3ODQ1IDMxOS44NjMwMDV6IiBwLWlkPSIyNjIyIiBmaWxsPSIjZTQ3YzZlIj48L3BhdGg+PHBhdGggZD0iTTQ0Ny43NDU1OCA3NjcuNTg4MTE5YzE3LjY2MjI2NSAwIDMxLjk4MDM2NS0xNC4zMTgxIDMxLjk4MDM2NS0zMS45ODAzNjVMNDc5LjcyNTk0NiA0NzkuNzY0ODMxYzAtMTcuNjYyMjY1LTE0LjMxODEtMzEuOTgwMzY1LTMxLjk4MDM2NS0zMS45ODAzNjUtMTcuNjYyMjY1IDAtMzEuOTgwMzY1IDE0LjMxODEtMzEuOTgwMzY1IDMxLjk4MDM2NWwwIDI1NS44NDI5MjJDNDE1Ljc2NTIxNSA3NTMuMjcwMDE5IDQzMC4wODMzMTYgNzY3LjU4ODExOSA0NDcuNzQ1NTggNzY3LjU4ODExOXoiIHAtaWQ9IjI2MjMiIGZpbGw9IiNlNDdjNmUiPjwvcGF0aD48cGF0aCBkPSJNNTc1LjY2NzA0MiA3NjcuNTg4MTE5YzE3LjY2MjI2NSAwIDMxLjk4MDM2NS0xNC4zMTgxIDMxLjk4MDM2NS0zMS45ODAzNjVMNjA3LjY0NzQwNyA0NzkuNzY0ODMxYzAtMTcuNjYyMjY1LTE0LjMxODEtMzEuOTgwMzY1LTMxLjk4MDM2NS0zMS45ODAzNjUtMTcuNjYyMjY1IDAtMzEuOTgwMzY1IDE0LjMxODEtMzEuOTgwMzY1IDMxLjk4MDM2NWwwIDI1NS44NDI5MjJDNTQzLjY4NjY3NiA3NTMuMjcwMDE5IDU1OC4wMDQ3NzcgNzY3LjU4ODExOSA1NzUuNjY3MDQyIDc2Ny41ODgxMTl6IiBwLWlkPSIyNjI0IiBmaWxsPSIjZTQ3YzZlIj48L3BhdGg+PC9zdmc+');
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
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;
|
||||||
}
|
}
|
||||||
@ -40,7 +40,8 @@
|
|||||||
left: 0;
|
left: 0;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
background-color: rgba(0, 0, 0, 0.2);
|
background-color: rgba(0, 0, 0, 0.2);
|
||||||
|
z-index: 9999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.download-popup-box {
|
.download-popup-box {
|
||||||
|
|||||||
@ -100,6 +100,14 @@
|
|||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "",
|
||||||
"enablePullDownRefresh": true
|
"enablePullDownRefresh": true
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path" : "pages/copyright/refund/refund",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText" : "",
|
||||||
|
"enablePullDownRefresh": true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
|
|||||||
812
pages/copyright/refund/refund.vue
Normal file
812
pages/copyright/refund/refund.vue
Normal file
@ -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>
|
||||||
@ -502,8 +502,8 @@
|
|||||||
doShowDownload(item) {
|
doShowDownload(item) {
|
||||||
console.log('点击了下载')
|
console.log('点击了下载')
|
||||||
this.$refs.downloadPopup.open()
|
this.$refs.downloadPopup.open()
|
||||||
this.sysPreviewUrl = `${this.cUrl}/${item.previewUrl}`,
|
this.sysPreviewUrl = `${this.cUrl}/${item.previewUrl}`
|
||||||
this.tempItem = item
|
this.tempItem = item
|
||||||
},
|
},
|
||||||
//复制链接到剪贴板
|
//复制链接到剪贴板
|
||||||
copyLink() {
|
copyLink() {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user