Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in
Toggle navigation
T
text2video-frontend
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
周成波
text2video-frontend
Commits
0c1d79d9
Commit
0c1d79d9
authored
10 months ago
by
Administrator
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
删除多余文件
parent
393c7cf8
master
No related merge requests found
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
0 additions
and
165 deletions
+0
-165
calc_retire copy.vue
src/views/home/calc_retire copy.vue
+0
-165
No files found.
src/views/home/calc_retire copy.vue
deleted
100644 → 0
View file @
393c7cf8
<
script
setup
lang=
"ts"
>
import
text2videoService
from
"@/api/service/text2videoService"
;
import
utils
from
"@/utils/utils"
;
import
{
ElMessage
,
genFileId
,
type
UploadInstance
,
type
UploadProps
,
type
UploadRawFile
}
from
"element-plus"
;
import
{
nextTick
,
onMounted
,
reactive
,
ref
}
from
"vue"
;
const
debug
=
ref
(
import
.
meta
.
env
.
MODE
===
'production'
?
false
:
true
);
// const debug = ref(false);
const
loading
=
ref
(
false
);
const
form
=
reactive
({
task_id
:
""
,
birth
:
"1993-08"
,
sex_value
:
"女50岁退休"
,
sex_option
:
[
{
value
:
'男'
,
label
:
'男'
,
},
{
value
:
'女50岁退休'
,
label
:
'女(普通)50岁退'
,
},
{
value
:
'女55岁退休'
,
label
:
'女(管理、灵活就业)55岁退'
,
},
],
retire_age
:
""
,
retire_date
:
""
,
how_long_to_retire
:
""
,
});
onMounted
(()
=>
{
// 初始化task_id
form
.
task_id
=
utils
.
genDateTimeStr
();
console
.
log
(
'页面加载,task_id='
,
form
.
task_id
);
document
.
title
=
"延迟退休年龄计算器"
;
});
const
calculateRetirement
=
(
birthStr
:
string
,
gender
:
string
)
=>
{
console
.
log
(
birthStr
)
let
parts
=
birthStr
.
split
(
'-'
);
// 使用'-'作为分隔符来拆分字符串
let
birthYear
=
parseInt
(
parts
[
0
],
10
);
// 年份
let
birthMonth
=
parseInt
(
parts
[
1
],
10
);
// 月份
const
currentYear
=
new
Date
().
getFullYear
();
const
birthDate
=
new
Date
(
`
${
birthYear
}
-
${
birthMonth
<
10
?
'0'
+
birthMonth
:
birthMonth
}
-01`
);
let
retirementAge
,
delayMonths
,
retirementYear
,
retirementMonth
;
if
(
gender
===
'男'
)
{
retirementAge
=
60
;
delayMonths
=
Math
.
floor
((
currentYear
-
birthYear
)
/
4
)
*
4
;
}
else
if
(
gender
===
'女50岁退休'
)
{
retirementAge
=
50
;
delayMonths
=
Math
.
floor
((
currentYear
-
birthYear
)
/
2
)
*
2
;
}
else
if
(
gender
===
'女55岁退休'
)
{
retirementAge
=
55
;
delayMonths
=
Math
.
floor
((
currentYear
-
birthYear
)
/
4
)
*
4
;
}
else
{
console
.
log
(
"Invalid gender input. Please choose '男', '女50岁退休', or '女55岁退休'."
);
return
;
}
if
(
birthYear
>=
1977
&&
gender
==
'男'
)
{
delayMonths
=
36
;
}
else
if
(
birthYear
>=
1985
&&
gender
==
'女50岁退休'
)
{
delayMonths
=
60
;
}
else
if
(
birthYear
>=
1982
&&
gender
==
'女55岁退休'
)
{
delayMonths
=
36
;
}
retirementAge
+=
Math
.
floor
(
delayMonths
/
12
);
console
.
log
(
retirementAge
,
delayMonths
)
let
retirementDate
=
new
Date
(
birthDate
);
console
.
log
(
retirementDate
)
retirementDate
.
setFullYear
(
retirementDate
.
getFullYear
()
+
retirementAge
);
retirementDate
.
setMonth
(
retirementDate
.
getMonth
()
+
delayMonths
%
12
);
console
.
log
(
retirementDate
)
retirementYear
=
retirementDate
.
getFullYear
();
retirementMonth
=
retirementDate
.
getMonth
()
+
1
;
// getMonth() returns 0-11
console
.
log
(
retirementYear
,
retirementMonth
)
let
yearsUntilRetirement
=
retirementDate
.
getFullYear
()
-
currentYear
-
1
;
let
monthsUntilRetirement
=
(
retirementDate
.
getMonth
()
-
new
Date
().
getMonth
()
+
12
)
%
12
-
1
;
if
(
monthsUntilRetirement
<
0
)
{
yearsUntilRetirement
--
;
monthsUntilRetirement
+=
12
;
}
form
.
retire_age
=
`
${
retirementAge
}
岁+
${
delayMonths
%
12
}
个月`
,
form
.
retire_date
=
`
${
retirementYear
}
-
${
retirementMonth
<
10
?
'0'
+
retirementMonth
:
retirementMonth
}
-01`
,
form
.
how_long_to_retire
=
`
${
yearsUntilRetirement
}
年
${
monthsUntilRetirement
}
个月`
};
</
script
>
<!-- ============================================================================================================ -->
<!-- ============================================================================================================ -->
<!-- ============================================================================================================ -->
<
template
>
<main
class=
"home-container"
>
<!-- 标题 -->
<el-divider
content-position=
"left"
>
延迟退休年龄计算器
</el-divider>
<el-form
:model=
"form"
label-width=
"114px"
v-loading=
"loading"
>
<!-- 输入出生年月 -->
<el-form-item
label=
"出生年月"
>
<el-date-picker
v-model=
"form.birth"
type=
"month"
placeholder=
"Pick a month"
format=
"YYYY-MM"
value-format=
"YYYY-MM"
/>
</el-form-item>
<!-- 性别 -->
<el-form-item
label=
"性别"
>
<el-select
v-model=
"form.sex_value"
placeholder=
"Select"
size=
"large"
style=
"width: 240px"
>
<el-option
v-for=
"item in form.sex_option"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
/>
</el-select>
</el-form-item>
<!-- 计算 -->
<el-form-item>
<el-button
type=
"primary"
@
click=
"calculateRetirement(form.birth, form.sex_value)"
>
开始计算
</el-button
>
</el-form-item>
<!-- 结果 -->
<el-form-item
label=
"您的退休年龄"
>
<el-text
class=
"mx-1"
>
{{
form
.
retire_age
}}
</el-text>
</el-form-item>
<el-form-item
label=
"您的退休日期"
>
<el-text
class=
"mx-1"
>
{{
form
.
retire_date
}}
</el-text>
</el-form-item>
<el-form-item
label=
"距离退休还有"
>
<el-text
class=
"mx-1"
>
{{
form
.
how_long_to_retire
}}
</el-text>
</el-form-item>
</el-form>
</main>
</
template
>
<
style
lang=
"scss"
scoped
>
.home-container
{
width
:
100%
;
}
</
style
>
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment