剩余估值次数：
- {{ limitForm.remainingCount }}
+ {{ currentRemaining }}
类型：
-
+
- 体验次数：
-
@@ -137,7 +112,7 @@ function handleCancel() {
备注：
-
- -
-
- {{ limitForm.experienceCount }}
-
- +
-
-
+ 估值次数：
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web1/src/views/login/index.vue b/web1/src/views/login/index.vue
index 7d9cbdf..f97b9de 100644
--- a/web1/src/views/login/index.vue
+++ b/web1/src/views/login/index.vue
@@ -5,7 +5,7 @@
class="m-auto max-w-1500 min-w-750 f-c-c rounded-12 bg-white bg-opacity-80"
dark:bg-dark
>
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存
+
+
+
+
@@ -56,8 +73,12 @@ const { t } = useI18n({ useScope: 'global' })
const loginInfo = ref({
phone: '',
+ verifyCode: '',
})
+const countdown = ref(0)
+let countdownTimer = null
+
initLoginInfo()
function initLoginInfo() {
@@ -73,37 +94,98 @@ function initLoginInfo() {
const loading = ref(false)
-async function handleRegister() {
+// 验证手机号格式
+function validatePhone(phone) {
+ const phoneReg = /^1[3-9]\d{9}$/
+ return phoneReg.test(phone)
+}
+
+// 发送验证码
+async function handleSendCode() {
const { phone } = loginInfo.value
+
if (!phone) {
$message.warning('请输入手机号')
return
}
- loading.value = true
- await api.registerPhone({ phone })
- .then(res=>{
- handleLogin()
- })
- .catch(res=>{
- handleLogin()
- })
+
+ if (!validatePhone(phone)) {
+ $message.warning('请输入正确的手机号')
+ return
+ }
+
+ try {
+ await api.sendVerifyCode({ phone })
+ $message.success('验证码已发送')
+
+ // 开始倒计时
+ countdown.value = 60
+ countdownTimer = setInterval(() => {
+ countdown.value--
+ if (countdown.value <= 0) {
+ clearInterval(countdownTimer)
+ countdownTimer = null
+ }
+ }, 1000)
+ } catch (error) {
+ // error is handled by interceptor usually, but we can catch specific ones if needed
+ }
}
+// 登录
async function handleLogin() {
- const { phone } = loginInfo.value
- loading.value = true
- await api.loginPhone({ phone, password: phone.slice(5,11) }).catch(res=>{
- setToken(res.error.access_token)
- if (query.redirect) {
- const path = query.redirect
- localStorage.setItem('phone', phone)
- Reflect.deleteProperty(query, 'redirect')
- router.push({ path, query })
- } else {
- router.push('/')
- }
- loading.value = false
- })
+ const { phone, verifyCode } = loginInfo.value
+ if (!phone) {
+ $message.warning('请输入手机号')
+ return
+ }
+
+ if (!validatePhone(phone)) {
+ $message.warning('请输入正确的手机号')
+ return
+ }
+
+ if (!verifyCode) {
+ $message.warning('请输入验证码')
+ return
+ }
+
+ if (verifyCode.length < 4) {
+ $message.warning('请输入完整的验证码')
+ return
+ }
+
+ loading.value = true
+
+ try {
+ const res = await api.loginWithVerifyCode({ phone, code: verifyCode })
+ if (res.data?.access_token) {
+ setToken(res.data.access_token)
+ localStorage.setItem('phone', phone)
+
+ if (query.redirect) {
+ const path = query.redirect
+ Reflect.deleteProperty(query, 'redirect')
+ router.push({ path, query })
+ } else {
+ router.push('/home')
+ }
+ } else {
+ $message.error('登录失败：未获取到token')
+ }
+ } catch (error) {
+ console.error(error)
+ } finally {
+ loading.value = false
+ }
}
+
+// 组件卸载时清除定时器
+onBeforeUnmount(() => {
+ if (countdownTimer) {
+ clearInterval(countdownTimer)
+ countdownTimer = null
+ }
+})
diff --git a/web1/src/views/user-center/components/CorporateTransfer.vue b/web1/src/views/user-center/components/CorporateTransfer.vue
new file mode 100644
index 0000000..26124ba
--- /dev/null
+++ b/web1/src/views/user-center/components/CorporateTransfer.vue
@@ -0,0 +1,532 @@
+
+
非遗IP价值评估系统
@@ -18,8 +18,8 @@
v-model:value="loginInfo.phone"
style="display: inline-block; width: 260px; height: 42px; text-align: left; line-height: 42px;"
placeholder="请输入手机号"
- :maxlength="20"
- @keypress.enter="handleRegister"
+ :maxlength="11"
+ @keypress.enter="handleLogin"
>
@@ -32,12 +32,29 @@
rounded-5
type="primary"
style="background: linear-gradient( 93deg, #880C22 0%, #A30113 100%); margin-left: 20px; font-size: 16px; border: none !important;"
- @click="handleRegister"
+ @click="handleLogin"
>
立即登录
+
+
@@ -32,12 +32,29 @@
rounded-5
type="primary"
style="background: linear-gradient( 93deg, #880C22 0%, #A30113 100%); margin-left: 20px; font-size: 16px; border: none !important;"
- @click="handleRegister"
+ @click="handleLogin"
>
立即登录
+
+ {{ countdown > 0 ? `${countdown}秒后重试` : '发送验证码' }}
+
+
+
+
+
+
+
+
diff --git a/web1/src/views/user-center/components/InvoiceManagement.vue b/web1/src/views/user-center/components/InvoiceManagement.vue
new file mode 100644
index 0000000..64ea186
--- /dev/null
+++ b/web1/src/views/user-center/components/InvoiceManagement.vue
@@ -0,0 +1,157 @@
+
+
+
+
+
+
+
+
+
+
+
+ 1
+ 对公汇款
+
+
+
+ 2
+ 上传凭证
+
+
+ 3
+ 等待到账
+
+
+ 下一步
+
+
+
+
+ 第一步
+
+
+
+ 评估收费标准：
+ 6000元/次
+
+
+ 请汇款以下账户：
+
+
+ 公司名称：
+ 成都文化产权交易所有限公司
+
+
+ 税号：
+ 91510104586429590T
+
+
+ 注册地址：
+ 成都市锦江区工业园区三色路38号
+
+
+ 开户行：
+ 中国民生银行股份有限公司成都科华支行
+
+
+ 开户账号：
+ 6343 8264 7
+
+
+ 电话：
+ (028) 85915289
+
+
+
+
+
+ 第二步：
+
+
+
+
+ 上传
+
+
+
+
+
+
+ 上传支付凭证：
+
+
+
+
+
+
+ 仅支持图片格式
+
+ ![支付凭证]()
+
+
+
+
+
+
+
+
+ 开票抬头：
+
+
+
+
+ 开票类型：
+
+
+
+ 返回首页
+
+
+
+
+
+
+
+
+
diff --git a/web1/src/views/user-center/components/UserSidebar.vue b/web1/src/views/user-center/components/UserSidebar.vue
new file mode 100644
index 0000000..95a28f3
--- /dev/null
+++ b/web1/src/views/user-center/components/UserSidebar.vue
@@ -0,0 +1,140 @@
+
+
+
+
+
+
+
diff --git a/web1/src/views/user-center/components/ValuationHistory.vue b/web1/src/views/user-center/components/ValuationHistory.vue
new file mode 100644
index 0000000..938fd13
--- /dev/null
+++ b/web1/src/views/user-center/components/ValuationHistory.vue
@@ -0,0 +1,187 @@
+
+
+
+
+
+ 添加
+
+
+
+
+
+
+
+ {{ invoice.name }}
+ {{ invoice.status }}
+
+
+
+
+
+
+
+
+
+
diff --git a/web1/src/views/user-center/index.vue b/web1/src/views/user-center/index.vue
new file mode 100644
index 0000000..956c322
--- /dev/null
+++ b/web1/src/views/user-center/index.vue
@@ -0,0 +1,227 @@
+
+
+
+
+
+
+
+ 资产名称
+
+ {{ getStatusText(item.status) }}
+
+ {{ formatDate(item.created_at) }}
+
+
+
+
+ 报告
+
+
+
+ 证书
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+