mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-11-13 04:18:55 +08:00
88fc1b0b2a
- buyer(95) / seller(169) / im(53) / manager(280) 共 597 个组件全部从 Options API 转换为 <script setup> - 四端 vuex 全部移除，状态管理统一迁移至 pinia 4（stores/ 目录） - util.js 等基础设施去除 vm 首参依赖；全局属性（$Message/$filters 等）在 script 内改为具名导入 - 被外部 ref 访问的公共组件均已补齐 defineExpose（清单见各端 MIGRATION-VUE3.md） - 各端 eslint 启用 vue/component-api-style 防止新代码回退 Options API - 四端 yarn build 全部通过；迁移约定与注意事项已更新至各端 MIGRATION-VUE3.md
112 lines
2.9 KiB
Vue
112 lines
2.9 KiB
Vue
<template>
|
|
<div class="photo-msg">
|
|
<el-form ref="secondForm" :model="form" :rules="rules" label-width="140px">
|
|
<h4>基础信息</h4>
|
|
<el-form-item prop="settlementBankAccountName" label="银行开户名">
|
|
<el-input
|
|
type="text"
|
|
v-model="form.settlementBankAccountName"
|
|
placeholder="请填写银行开户名称"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item prop="settlementBankAccountNum" label="银行账号">
|
|
<el-input
|
|
type="text"
|
|
v-model="form.settlementBankAccountNum"
|
|
placeholder="请填写银行账号"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item prop="settlementBankBranchName" label="开户银行支行名称">
|
|
<el-input
|
|
type="text"
|
|
v-model="form.settlementBankBranchName"
|
|
placeholder="请填写开户银行支行名称"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item prop="settlementBankJointName" label="支行联行号">
|
|
<el-input
|
|
type="text"
|
|
v-model="form.settlementBankJointName"
|
|
placeholder="请填写支行联行号"
|
|
/>
|
|
</el-form-item>
|
|
|
|
<el-form-item>
|
|
<el-button @click="$emit('change', 0)">返回</el-button>
|
|
<el-button type="primary" :loading="loading" @click="next"
|
|
>填写其他信息</el-button
|
|
>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import { onMounted, reactive, ref } from 'vue';
|
|
import { applySecond } from '@/api/shopentry';
|
|
|
|
const emit = defineEmits(['change']);
|
|
const props = defineProps({
|
|
content: {
|
|
default: () => ({}),
|
|
type: Object
|
|
}
|
|
});
|
|
|
|
const secondForm = ref(null);
|
|
const loading = ref(false); // 加载状态
|
|
const form = reactive({}); // 表单数据
|
|
const rules = { // 验证规则
|
|
settlementBankAccountName: [
|
|
{ required: true, message: '请填写银行开户名称' }
|
|
],
|
|
settlementBankAccountNum: [
|
|
{ required: true, message: '请填写银行账号' }
|
|
],
|
|
settlementBankBranchName: [
|
|
{ required: true, message: '请填写开户银行支行名称' }
|
|
],
|
|
settlementBankJointName: [
|
|
{ required: true, message: '请填写支行联行号' }
|
|
]
|
|
};
|
|
|
|
// 下一步
|
|
function next() {
|
|
secondForm.value.validate((valid) => {
|
|
if (valid) {
|
|
loading.value = true;
|
|
applySecond(form)
|
|
.then((res) => {
|
|
loading.value = false;
|
|
if (res.success) emit('change', 2);
|
|
})
|
|
.catch(() => {
|
|
loading.value = false;
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
onMounted(() => {
|
|
if (props.content && Object.keys(props.content).length) {
|
|
Object.assign(form, JSON.parse(JSON.stringify(props.content)));
|
|
}
|
|
});
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
h4 {
|
|
margin-bottom: 10px;
|
|
padding: 0 10px;
|
|
border: 1px solid #ddd;
|
|
background-color: #f8f8f8;
|
|
font-weight: bold;
|
|
color: #333;
|
|
font-size: 14px;
|
|
line-height: 40px;
|
|
text-align: left;
|
|
}
|
|
.el-input {
|
|
width: 300px;
|
|
}
|
|
</style>
|