feat 合同中心

This commit is contained in:
Ironsp
2026-10-09 17:17:43 +08:00
parent fd1eca95a6
commit 123d259f92
18 changed files with 799 additions and 649 deletions

View File

@@ -1,5 +1,6 @@
<script setup lang="ts">
import { ref, watch } from 'vue'
import { ElRadio, ElButton } from 'element-plus'
import type { PayMethod } from '@/types/business/finance'
interface Props {
@@ -47,13 +48,13 @@ function onCancel(): void {
class="pay-method-dialog__option"
:class="{ 'is-active': selected === 'wechat' }"
>
<input
<el-radio
v-model="selected"
type="radio"
value="wechat"
class="pay-method-dialog__radio"
>
<span class="pay-method-dialog__name">微信支付</span>
微信支付
</el-radio>
<span class="pay-method-dialog__tip text-secondary">推荐使用</span>
</label>
@@ -61,23 +62,23 @@ function onCancel(): void {
class="pay-method-dialog__option"
:class="{ 'is-active': selected === 'alipay' }"
>
<input
<el-radio
v-model="selected"
type="radio"
value="alipay"
class="pay-method-dialog__radio"
>
<span class="pay-method-dialog__name">支付宝支付</span>
支付宝支付
</el-radio>
<span class="pay-method-dialog__tip text-secondary">其他用户选择</span>
</label>
<div class="pay-method-dialog__footer">
<button class="pay-method-dialog__btn" @click="onCancel">
<el-button class="pay-method-dialog__btn" @click="onCancel">
取消
</button>
<button class="pay-method-dialog__btn pay-method-dialog__btn--confirm" @click="onConfirm">
</el-button>
<el-button class="pay-method-dialog__btn pay-method-dialog__btn--confirm" @click="onConfirm">
确认
</button>
</el-button>
</div>
</div>
</div>
@@ -129,13 +130,11 @@ function onCancel(): void {
}
&__radio {
accent-color: @primary-color;
}
&__name {
font-size: @font-size-base;
color: @heading-color;
font-weight: 500;
.el-radio__label {
color: @heading-color;
font-size: @font-size-base;
font-weight: 500;
}
}
&__tip {
@@ -158,7 +157,6 @@ function onCancel(): void {
color: @text-color;
font-size: @font-size-base;
transition: all 0.2s;
&:hover {
border-color: @primary-color;
color: @primary-color;