lihuilin
1 month ago
8 changed files with 1064 additions and 877 deletions
-
4.env.development
-
55src/router/index.js
-
2src/utils/menuTreePermission.js
-
402src/views/moneyManage/refundDetail/refundCharge.vue
-
28src/views/moneyManage/refundDetail/refundDetail.vue
-
583src/views/moneyManage/refundDetail/refundFinance.vue
-
443src/views/moneyManage/refundDetail/refundHeader.vue
-
424src/views/moneyManage/refundDetail/refundService.vue
@ -0,0 +1,583 @@ |
|||||
|
<!-- 各地财务 --> |
||||
|
<template> |
||||
|
<el-card style="margin-bottom: 0.5vh;"> |
||||
|
<div class="condition"> |
||||
|
<div class="item1"> |
||||
|
<el-text size="large" style="width:4vw;">精网号</el-text> |
||||
|
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="item1"> |
||||
|
<el-text size="large" style="width:4vw;">客户姓名</el-text> |
||||
|
<el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="item1"> |
||||
|
<el-text size="large" style="width:4vw;">所属地区</el-text> |
||||
|
<el-input v-model="searchForm.markets" placeholder="请输入所属地区" style="width:9vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="item1"> |
||||
|
<el-text size="large" style="width:4vw;">产品名称</el-text> |
||||
|
<el-input v-model="searchForm.goodsName" placeholder="请输入产品名称" style="width:9vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="item1"> |
||||
|
<el-text size="large" style="width:4vw;">订单状态</el-text> |
||||
|
<el-select v-model="searchForm.status" style="width:9vw;"> |
||||
|
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" /> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="condition"> |
||||
|
<div class="item2"> |
||||
|
<el-text size="large" style="width:4vw;">付款币种</el-text> |
||||
|
<el-input v-model="searchForm.payCurrency" placeholder="请输入付款币种" style="width:9vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="item2"> |
||||
|
<el-text size="large" style="width:4vw;">支付方式</el-text> |
||||
|
<el-input v-model="searchForm.payType" placeholder="请输入支付方式" style="width:9vw;" clearable /> |
||||
|
</div> |
||||
|
<div class="item2" style="width: 28.5vw;"> |
||||
|
<el-text size="large" style="width:4vw;">付款时间</el-text> |
||||
|
<el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间" |
||||
|
end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange" |
||||
|
:disabled-date="disabledDate" /> |
||||
|
</div> |
||||
|
<div> |
||||
|
<el-button type="primary">查询</el-button> |
||||
|
<el-button type="success">重置</el-button> |
||||
|
<el-button type="warning">导出excel</el-button> |
||||
|
<el-button type="primary">查看导出列表</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
|
||||
|
<div style="display: flex;"> |
||||
|
<el-button type="primary" @click="showSteps = true">看看步骤条</el-button> |
||||
|
</div> |
||||
|
|
||||
|
<el-card style="margin-top: 0.5vh;"> |
||||
|
<el-table :data="tableData" style="height:64vh;width:82vw"> |
||||
|
<el-table-column type="index" label="序号" width="60" fixed="left" /> |
||||
|
<el-table-column prop="jwcode" label="Homily ID" width="120" fixed="left" /> |
||||
|
<el-table-column prop="name" label="姓名" width="120" fixed="left" show-overflow-tooltip /> |
||||
|
<el-table-column prop="market" label="所属地区" width="120" /> |
||||
|
<el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip /> |
||||
|
<el-table-column prop="goodsName" label="产品名称" width="120" /> |
||||
|
<el-table-column prop="goodNum" label="产品数量" width="120" /> |
||||
|
<el-table-column prop="refundType" label="退款方式" width="120"> |
||||
|
<template #default="scope"> |
||||
|
{{ scope.row.refundType === 1 ? '部分退款' : '全部退款' }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="submitterName" label="提交人" width="120" /> |
||||
|
<el-table-column prop="refundReason" label="退款理由" width="120" /> |
||||
|
<el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip /> |
||||
|
<el-table-column prop="status" label="订单状态" width="120" /> |
||||
|
<el-table-column prop="operation" label="操作" fixed="right" width="150px"> |
||||
|
<template #default="scope"> |
||||
|
<div class="operation"> |
||||
|
<el-button v-if="scope.row.status === 10" type="primary" text @click="showAudit2(scope.row)"> |
||||
|
审核 |
||||
|
</el-button> |
||||
|
<el-button v-else type="primary" text @click=""> |
||||
|
查看进度 |
||||
|
</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize" |
||||
|
layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" |
||||
|
@size-change="handlePageSizeChange" @current-change="handleCurrentChange" |
||||
|
style="margin-top: 1vh;"></el-pagination> |
||||
|
</el-card> |
||||
|
|
||||
|
<el-dialog v-model="showAudit" title="审核" class="audit" width="35vw" overflow draggable> |
||||
|
<div class="top"> |
||||
|
<el-button @click="" class="smallTitle" size="small">退款申请信息</el-button> |
||||
|
<div class="top-item"> |
||||
|
<el-text style="width:4vw;" size="small">退款类型</el-text> |
||||
|
<el-input v-model="auditRow.refundModel" size="small" style="width:10vw;" disabled> |
||||
|
<template #default="scope"> |
||||
|
{{ scope.row.refundModel === 0 ? '全部退款' : '部分退款' }} |
||||
|
</template> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
<div class="top-item"> |
||||
|
<el-text style="width:4vw;" size="small">退款金额</el-text> |
||||
|
<el-input v-model="auditRow.paymentAmount" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="top-item"> |
||||
|
<el-text style="width:4vw;" size="small">退款备注</el-text> |
||||
|
<el-input v-model="auditRow.refundReason" size="small" style="width:10vw;" :rows="3" maxlength="100" |
||||
|
show-word-limit type="textarea" disabled /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<el-button @click="" class="smallTitle" size="small">原订单信息</el-button> |
||||
|
<div class="center"> |
||||
|
<div class="center-left"> |
||||
|
<div class="center-item"> |
||||
|
<el-text style="width:4vw;" size="small">精网号</el-text> |
||||
|
<el-input v-model="auditRow.jwcode" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="center-item"> |
||||
|
<el-text style="width:4vw;" size="small">所属地区</el-text> |
||||
|
<el-input v-model="auditRow.market" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="center-item"> |
||||
|
<el-text style="width:4vw;" size="small">产品名称</el-text> |
||||
|
<el-input v-model="auditRow.goodsName" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="center-item"> |
||||
|
<el-text style="width:4vw;" size="small">付款金额</el-text> |
||||
|
<el-input v-model="auditRow.paymentAmount" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="center-item"> |
||||
|
<el-text style="width:4vw;" size="small">到账金额</el-text> |
||||
|
<el-input v-model="auditRow.receivedAmount" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="center-item"> |
||||
|
<el-text style="width:4vw;" size="small">支付方式</el-text> |
||||
|
<el-input v-model="auditRow.payType" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="center-item"> |
||||
|
<el-text style="width:4vw;" size="small">转账凭证</el-text> |
||||
|
<el-form-item :rules="{ required: true, message: '请上传图片', trigger: 'change' }"> |
||||
|
<el-upload ref="uploadRef" :auto-upload="false" list-type="picture-card" class="image" |
||||
|
:show-file-list="false"> |
||||
|
<template #default> |
||||
|
<img v-if="auditRow.voucher" :src="auditRow.voucher" |
||||
|
style="width: 100%; height: 100%; object-fit: cover;"> |
||||
|
<el-icon v-else> |
||||
|
<Plus /> |
||||
|
</el-icon> |
||||
|
</template> |
||||
|
</el-upload> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="center-right"> |
||||
|
<div class="right-item"> |
||||
|
<el-text style="width:4vw;" size="small">客户姓名</el-text> |
||||
|
<el-input v-model="auditRow.name" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="right-item"> |
||||
|
<el-text style="width:4vw;" size="small">活动名称</el-text> |
||||
|
<el-input v-model="auditRow.activity" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="right-item"> |
||||
|
<el-text style="width:4vw;" size="small">付款币种</el-text> |
||||
|
<el-input v-model="auditRow.paymentCurrency" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="right-item"> |
||||
|
<el-text style="width:4vw;" size="small">到账币种</el-text> |
||||
|
<el-input v-model="auditRow.receivedCurrency" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="right-item"> |
||||
|
<el-text style="width:4vw;" size="small">手续费</el-text> |
||||
|
<el-input v-model="auditRow.handlingCharge" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="right-item"> |
||||
|
<el-text style="width:4vw;" size="small">付款时间</el-text> |
||||
|
<el-input v-model="auditRow.payTime" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="right-item"> |
||||
|
<el-text style="width:4vw;" size="small">提交人</el-text> |
||||
|
<el-input v-model="auditRow.submitterName" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="right-item"> |
||||
|
<el-text style="width:4vw;" size="small">到账时间</el-text> |
||||
|
<el-input v-model="auditRow.receiveTime" size="small" style="width:10vw;" disabled /> |
||||
|
</div> |
||||
|
<div class="right-item"> |
||||
|
<el-text style="width:4vw;" size="small">备注</el-text> |
||||
|
<el-input v-model="auditRow.remark" size="small" style="width:10vw;" :row="3" maxlength="100" |
||||
|
type="textarea" show-word-limit disabled /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="bottom"> |
||||
|
<el-button class="smallTitle" size="small" v-show="showReject">驳回信息</el-button> |
||||
|
<div class="bottom-item" v-show="showReject"> |
||||
|
<el-text style="width:4vw;" size="small">驳回备注</el-text> |
||||
|
<el-input v-model="addForm.remark" placeholder="请输入驳回备注" size="small" style="width:10vw;" :row="3" |
||||
|
maxlength="100" type="textarea" show-word-limit clearable /> |
||||
|
</div> |
||||
|
<div style="text-align: center;" v-show="!showReject"> |
||||
|
<el-button type="default" @click="showReject = true">驳回</el-button> |
||||
|
<el-button type="primary" @click="handlePass">通过</el-button> |
||||
|
</div> |
||||
|
<div style="text-align: center;" v-show="showReject"> |
||||
|
<el-button type="default" @click="">取消</el-button> |
||||
|
<el-button type="primary">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<el-dialog v-model="showSteps" title="唉！！！" overflow draggable width="1206px" height="506px" :style="{ |
||||
|
backgroundImage: 'url(/src/assets/images/背景图.png)', |
||||
|
backgroundSize: 'cover', |
||||
|
backgroundPosition: 'center' |
||||
|
}"> |
||||
|
<div class="steps"> |
||||
|
<div class="steps-content"> |
||||
|
<el-steps style="min-width: 60vw" :active="1" align-center> |
||||
|
<el-step> <template #title> |
||||
|
<div>提交人<br>你是死的</div> |
||||
|
</template> |
||||
|
<template #icon> |
||||
|
<img src="@/assets/images/已审核.png" alt="已审核图标"> |
||||
|
</template> |
||||
|
</el-step> |
||||
|
<el-step title="地区财务"> |
||||
|
<template #icon> |
||||
|
<img src="@/assets/images/待审核.png" alt="待审核图标"> |
||||
|
</template> |
||||
|
</el-step> |
||||
|
<el-step title="地区负责人"> |
||||
|
<template #icon> |
||||
|
<img src="@/assets/images/还没传到.png" alt="还没传到图标"> |
||||
|
</template> |
||||
|
</el-step> |
||||
|
<el-step title="总部财务"> |
||||
|
<template #icon> |
||||
|
<img src="@/assets/images/还没传到.png" alt="还没传到图标"> |
||||
|
</template> |
||||
|
</el-step> |
||||
|
<el-step title="指定执行人"> |
||||
|
<template #icon> |
||||
|
<img src="@/assets/images/还没传到.png" alt="还没传到图标"> |
||||
|
</template> |
||||
|
</el-step> |
||||
|
</el-steps> |
||||
|
</div> |
||||
|
<div class="steps-status"> |
||||
|
<el-steps style="min-width: 50vw" :active="1" finish-status="success" simple> |
||||
|
<el-step title="已通过" /> |
||||
|
<el-step title="待审核" /> |
||||
|
<el-step title="待审核" /> |
||||
|
<el-step title="待审核" /> |
||||
|
<el-step title="待审核" /> |
||||
|
</el-steps> |
||||
|
</div> |
||||
|
<div class="steps-btn"> |
||||
|
<el-button type="primary">确定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
<script setup> |
||||
|
import { ref, onMounted } from 'vue' |
||||
|
import { ElMessage } from 'element-plus' |
||||
|
import API from '@/util/http.js' |
||||
|
const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload' |
||||
|
import { useAdminStore } from "@/store/index.js" |
||||
|
import { storeToRefs } from "pinia" |
||||
|
import dayjs from 'dayjs' |
||||
|
const adminStore = useAdminStore() |
||||
|
const { adminData, menuTree } = storeToRefs(adminStore) |
||||
|
import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js" |
||||
|
import { get } from 'lodash' |
||||
|
|
||||
|
const searchForm = ref({ |
||||
|
jwcode: '', |
||||
|
markets: [] |
||||
|
}) |
||||
|
const dateRange = ref([]) |
||||
|
const addForm = ref({ |
||||
|
remark: '' |
||||
|
}) |
||||
|
const auditForm = ref({ |
||||
|
refundType: '' |
||||
|
}) |
||||
|
const showReject = ref(false) |
||||
|
const pagination = ref({ |
||||
|
pageNum: 1, |
||||
|
pageSize: 50, |
||||
|
total: 0 |
||||
|
}) |
||||
|
const tableData = ref([]) |
||||
|
const showAudit = ref(false) |
||||
|
const auditRow = ref({})// 审核回显 |
||||
|
const showSteps = ref(false) |
||||
|
const uploadRef = ref(null) |
||||
|
const payments = ref([{ |
||||
|
value: '银行转账', |
||||
|
label: '银行转账' |
||||
|
}, |
||||
|
{ |
||||
|
value: '现金', |
||||
|
label: '现金' |
||||
|
}, |
||||
|
{ |
||||
|
value: '支票', |
||||
|
label: '支票' |
||||
|
}, |
||||
|
{ |
||||
|
value: '刷卡', |
||||
|
label: '刷卡' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'Grabpay', |
||||
|
label: 'Grabpay' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'Nets', |
||||
|
label: 'Nets' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'PayPal', |
||||
|
label: 'PayPal' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'Stripe-链接收款', |
||||
|
label: 'Stripe-链接收款' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'Ipay88-链接收款', |
||||
|
label: 'Ipay88-链接收款' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'PaymentAsia-链接收款', |
||||
|
label: 'PaymentAsia-链接收款' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'Stripe-Link平台', |
||||
|
label: 'Stripe-Link平台' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'PaymentAsia-Link平台', |
||||
|
label: 'PaymentAsia-Link平台' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'FirstData-Link平台-Link平台', |
||||
|
label: 'FirstData-Link平台-Link平台' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'IOS-Link平台', |
||||
|
label: 'IOS-Link平台' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'Ipay88-Link平台', |
||||
|
label: 'Ipay88-Link平台' |
||||
|
} |
||||
|
]) |
||||
|
const statusList = ref([ |
||||
|
{ |
||||
|
value: 20, |
||||
|
label: '待审核', |
||||
|
}, |
||||
|
{ |
||||
|
value: '审核通过', |
||||
|
label: '审核通过' |
||||
|
}, |
||||
|
{ |
||||
|
value: '审核驳回', |
||||
|
label: '审核驳回' |
||||
|
}, |
||||
|
{ |
||||
|
value: 41, |
||||
|
label: '退款完成' |
||||
|
} |
||||
|
]) |
||||
|
// 查全部 |
||||
|
const getRefund = async function () { |
||||
|
try { |
||||
|
if(searchForm.value.status === '审核通过'){ |
||||
|
searchForm.value.status = [20,30,40] |
||||
|
}else if(searchForm.value.status === '审核驳回'){ |
||||
|
searchForm.value.status = [12,22,32] |
||||
|
} |
||||
|
const params = { |
||||
|
pageNum: pagination.value.pageNum, |
||||
|
pageSize: pagination.value.pageSize, |
||||
|
cashRecordDone: { |
||||
|
jwcode: searchForm.value.jwcode,//精网号 |
||||
|
name: searchForm.value.name,//姓名 |
||||
|
markets: searchForm.value.markets,//地区 |
||||
|
goodsName: searchForm.value.goodsName,//商品名 |
||||
|
statuses: searchForm.value.statuses,//10：地区财务待审核；12：地区财务驳回； |
||||
|
// 20：地区负责人待审核；22：地区负责人驳回； |
||||
|
// 30：总部财务待审核；32：总部财务驳回； |
||||
|
// 40：执行人待处理；41：执行人已处理，退款完成； |
||||
|
paymentCurrency: searchForm.value.paymentCurrency,//付款币种 |
||||
|
payType: searchForm.value.payType,//支付方式 |
||||
|
startTime: dateRange.value && dateRange.value[0] ? moment(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "", |
||||
|
endtime: dateRange.value && dateRange.value[1] ? moment(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "", |
||||
|
adminId: adminData.value.id |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
const result = await API({ |
||||
|
url: '/Money/select', |
||||
|
method: 'POST', |
||||
|
data: params |
||||
|
}) |
||||
|
|
||||
|
tableData.value = result.data.list || [] |
||||
|
} catch (error) { |
||||
|
ElMessage.error(error.message || '查询失败') |
||||
|
} |
||||
|
} |
||||
|
// 审核通过 |
||||
|
const handlePass = async function () { |
||||
|
try { |
||||
|
const params = { |
||||
|
id: auditRow.value.id, |
||||
|
status: 20, |
||||
|
rejectReason: addForm.value.remark |
||||
|
} |
||||
|
const result = await API({ |
||||
|
url: '/Money/review', |
||||
|
data: params |
||||
|
}) |
||||
|
if (result.code === 200) { |
||||
|
ElMessage.success('审核通过') |
||||
|
showAudit.value = false |
||||
|
getRefund() |
||||
|
} |
||||
|
} catch (error) { |
||||
|
ElMessage.error(error.message || '审核失败') |
||||
|
} |
||||
|
} |
||||
|
const showAudit2 = function (row) { |
||||
|
auditRow.value = row |
||||
|
showAudit.value = true |
||||
|
} |
||||
|
const reset = function () { |
||||
|
searchForm.value = { |
||||
|
jwcode: '' |
||||
|
} |
||||
|
dateRange.value = [] |
||||
|
getRefund() |
||||
|
} |
||||
|
|
||||
|
onMounted(() => { |
||||
|
console.log('???????????????????', adminData.value) |
||||
|
getRefund() |
||||
|
}) |
||||
|
</script> |
||||
|
<style scoped lang="scss"> |
||||
|
.condition { |
||||
|
width: 82vw; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
height: 4vh; |
||||
|
|
||||
|
.item1 { |
||||
|
width: 18%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 1vh; |
||||
|
margin-right: 0.5vw; |
||||
|
} |
||||
|
|
||||
|
.item2 { |
||||
|
width: 18%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-right: 0.5vw; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.audit { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
height: auto; |
||||
|
|
||||
|
.top { |
||||
|
width: 30vw; |
||||
|
height: 17vh; |
||||
|
|
||||
|
.top-item { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 1vh; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.smallTitle { |
||||
|
background-color: white; |
||||
|
color: rgb(64, 158, 255); |
||||
|
border-color: rgb(64, 158, 255); |
||||
|
margin-bottom: 0.5vh; |
||||
|
} |
||||
|
|
||||
|
.center { |
||||
|
display: flex; |
||||
|
width: 30vw; |
||||
|
height: 35vh; |
||||
|
|
||||
|
.dialog-item { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 1vh; |
||||
|
} |
||||
|
|
||||
|
.center-left { |
||||
|
width: 60%; |
||||
|
height: 35vh; |
||||
|
|
||||
|
.image { |
||||
|
width: 4vw !important; |
||||
|
height: 4vw !important; |
||||
|
} |
||||
|
|
||||
|
:deep(.el-upload--picture-card) { |
||||
|
width: 4vw !important; |
||||
|
height: 4vw !important; |
||||
|
padding: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.center-item { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 1vh; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.center-right { |
||||
|
height: 35vh; |
||||
|
|
||||
|
.right-item { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 1vh; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.bottom { |
||||
|
width: 30vw; |
||||
|
height: auto; |
||||
|
|
||||
|
.bottom-item { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 1vh; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.steps { |
||||
|
.steps-content { |
||||
|
width: 45vw; |
||||
|
height: 15vh; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
padding-top: 15vw; |
||||
|
padding-left: 8vw; |
||||
|
} |
||||
|
|
||||
|
.steps-status { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
|
||||
|
.steps-btn { |
||||
|
height: 15vh; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue