直接上微信小程序代码
<view class="app data-v-761496fc">
<view class="background-container data-v-761496fc" style="{{'background-image:'+('url('+backgroundImage+')')+';'}}">
<view class="container data-v-761496fc">
<view class="form-container data-v-761496fc">
<view class="form-title data-v-761496fc">请输入您的相关信息</view>
<view class="form-group data-v-761496fc"><label for="gender" class="data-v-761496fc">性别</label>
<picker mode="selector" range="{{genderOptions}}" data-event-opts="{{[['change',[['onGenderChange',['$event']]]]]}}" bindchange="__e" class="data-v-761496fc">
<view class="picker data-v-761496fc">{{''+genderOptions[genderIndex]+''}}</view>
</picker>
</view>
<view class="form-group data-v-761496fc"><label for="birthdate" class="data-v-761496fc">出生年月</label>
<picker mode="date" fields="month" data-event-opts="{{[['change',[['onDateChange',['$event']]]]]}}" bindchange="__e" class="data-v-761496fc">
<view class="picker data-v-761496fc">{{''+birthdate+''}}</view>
</picker>
</view>
<view class="line-separator data-v-761496fc"></view><button class="btn data-v-761496fc" type="button" data-event-opts="{{[['tap',[['calculateRetirement',['$event']]]]]}}" bindtap="__e">点击计算</button>
<block wx:if="{{errorMessage}}">
<view class="error-message data-v-761496fc">{{errorMessage}}</view>
</block>
</view>
<view class="info-container data-v-761496fc">
<view class="info data-v-761496fc">测算说明:<view class="data-v-761496fc">根据全国人大常委会《关于实施渐进式延迟法定退休年龄的决定》测算法定退休年龄。</view>
<view class="data-v-761496fc">根据新华社权威解读,选项中原55岁退休女职工的含义为女干部,原50岁退休女职工含义为女工人。</view>
<view class="data-v-761496fc">测算数据仅供参考,具体以官方公布政策为准。</view>
</view>
</view>
</view>
</view>
<block wx:if="{{showResultModal}}">
<view class="result-modal data-v-761496fc">
<view class="result-container data-v-761496fc" style="{{'background-image:'+('url('+modalBackgroundImage+')')+';'}}">
<view class="result-content data-v-761496fc">
<view class="result-title data-v-761496fc">你的法定退休年龄是:</view>
<view class="result-age data-v-761496fc">{{$root.g0+"岁"}}</view>
<view class="result-date data-v-761496fc">{{"退休日期:"+$root.g1+"年"+($root.g2+1)+"月"}}</view>
<view class="result-delay data-v-761496fc">{{"延迟月数:"+delayMonths+"个月"}}</view>
<view class="result-info data-v-761496fc">以上结果是依据《关于实施渐进式延迟法定退休年龄的决定》计算的法定退休年龄。职工达到最低缴费年限,可以自愿选择弹性提前退休,提前时间最长不超过三年,细则详见《决定》。</view><button data-event-opts="{{[['tap',[['closeModal',['$event']]]]]}}" class="btn data-v-761496fc" bindtap="__e">关闭</button>
</view>
</view>
</view>
</block>
</view>
(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
["pages/index/tuixiu"], {
2340: function (e, t, n) {
"use strict";
n.d(t, "b", (function () {
return i
})), n.d(t, "c", (function () {
return r
})), n.d(t, "a", (function () {}));
var i = function () {
var e = this.$createElement,
t = (this._self._c, this.showResultModal ? this.retirementAge.toFixed(2) : null),
n = this.showResultModal ? this.retirementDate.getFullYear() : null,
i = this.showResultModal ? this.retirementDate.getMonth() : null;
this.$mp.data = Object.assign({}, {
$root: {
g0: t,
g1: n,
g2: i
}
})
},
r = []
},
3165: function (e, t, n) {},
"384f": function (e, t, n) {
"use strict";
n.r(t);
var i = n("80aa"),
r = n.n(i);
for (var a in i)["default"].indexOf(a) < 0 && function (e) {
n.d(t, e, (function () {
return i[e]
}))
}(a);
t["default"] = r.a
},
"460b": function (e, t, n) {
"use strict";
var i = n("3165"),
r = n.n(i);
r.a
},
5697: function (e, t, n) {
"use strict";
n.r(t);
var i = n("2340"),
r = n("384f");
for (var a in r)["default"].indexOf(a) < 0 && function (e) {
n.d(t, e, (function () {
return r[e]
}))
}(a);
n("460b");
var s = n("828b"),
o = Object(s["a"])(r["default"], i["b"], i["c"], !1, null, "761496fc", null, !1, i["a"], void 0);
t["default"] = o.exports
},
"66f3": function (e, t, n) {
"use strict";
(function (e, t) {
var i = n("47a9");
n("7c98");
i(n("3240"));
var r = i(n("5697"));
e.__webpack_require_UNI_MP_PLUGIN__ = n, t(r.default)
}).call(this, n("3223")["default"], n("df3c")["createPage"])
},
"80aa": function (e, t, n) {
"use strict";
Object.defineProperty(t, "__esModule", {
value: !0
}), t.default = void 0;
var i = {
data: function () {
return {
genderOptions: ["男", "女(原法定退休年龄55岁)", "女(原法定退休年龄50岁)"],
genderIndex: 0,
birthdate: "点击选择日期",
retirementAge: 0,
retirementDate: new Date,
delayMonths: 0,
resultsVisible: !1,
showResultModal: !1,
errorMessage: "",
backgroundImage: "https://lf3-static.bytednsdoc.com/obj/eden-cn/uhpsvoeh7nuhpsnuvonuhog/activities/retire/retire-header-bg-second.jpg",
modalBackgroundImage: "https://lf3-static.bytednsdoc.com/obj/eden-cn/uhpsvoeh7nuhpsnuvonuhog/activities/retire/retire-cumpute-result-second-2.jpg"
}
},
methods: {
onGenderChange: function (e) {
this.genderIndex = e.detail.value
},
onDateChange: function (e) {
this.birthdate = e.detail.value
},
calculateRetirement: function () {
if ("点击选择日期" !== this.birthdate && null !== this.genderIndex) {
this.errorMessage = "";
var e, t, n = this.genderIndex,
i = new Date(this.birthdate).getFullYear(),
r = new Date(this.birthdate).getMonth();
0 === n ? (t = 63, e = 60 + 3 * (60 + i - 2021) / 12) : 1 === n ? (t = 58, e = 55 + 3 * (55 + i - 2021) / 12) : 2 === n && (t = 55, e = 50 + 3 * (50 + i - 2021) / 12), e > t && (e = t);
var a = new Date(i, r);
a.setFullYear(Math.floor(i + e)), a.setMonth(r);
var s = 0 === n ? 60 : 1 === n ? 55 : 50,
o = 12 * (e - s);
this.retirementAge = e, this.retirementDate = a, this.delayMonths = Math.round(o), this.showResultModal = !0
} else this.errorMessage = "请输入相关信息"
},
closeModal: function () {
this.showResultModal = !1
},
resetForm: function () {
this.genderIndex = 0, this.birthdate = "点击选择日期", this.resultsVisible = !1
}
}
};
t.default = i
}
},
[
["66f3", "common/runtime", "common/vendor"]
]
]);