增加新模块
This commit is contained in:
何江明
+162
@@ -0,0 +1,162 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
inputCss: {
|
||||
"height": "80rpx",
|
||||
"border-radius": "30rpx",
|
||||
"border": "0rpx"
|
||||
},
|
||||
form: {
|
||||
name: null,
|
||||
mobile: null,
|
||||
number: null
|
||||
// 银行名称
|
||||
},
|
||||
formList: [
|
||||
{
|
||||
id: 1,
|
||||
title: "真实姓名",
|
||||
formName: "name",
|
||||
placeholder: "请输入您的真实姓名"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "手机号",
|
||||
formName: "mobile",
|
||||
placeholder: "请输入手机号"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "证件号码",
|
||||
formName: "number",
|
||||
placeholder: "请输入证件号码"
|
||||
}
|
||||
],
|
||||
uploadTemplList: [
|
||||
{
|
||||
id: 1,
|
||||
title: "标准",
|
||||
isOk: true,
|
||||
url: "/static/common/ID_ok.png"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "边框缺失",
|
||||
isOk: false,
|
||||
url: "/static/common/ID_error_1.png"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "照片模糊",
|
||||
isOk: false,
|
||||
url: "/static/common/ID_error_2.png"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "闪光强烈",
|
||||
isOk: false,
|
||||
url: "/static/common/ID_error_3.png"
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
addAuthentication() {
|
||||
const params = {
|
||||
...this.form
|
||||
};
|
||||
if (!params.name) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: "error",
|
||||
message: "请输入您的真实姓名"
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!params.mobile) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: "error",
|
||||
message: "请输入手机号"
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (!params.number) {
|
||||
this.$refs.uToastRef.show({
|
||||
type: "error",
|
||||
message: "请输入证件号码"
|
||||
});
|
||||
return;
|
||||
}
|
||||
common_vendor.index.__f__("log", "at pages/mine_authentication/mine_authentication.vue:134", "params", params);
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/mine_authentication_ok/mine_authentication_ok"
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_up_input2 = common_vendor.resolveComponent("up-input");
|
||||
const _easycom_up_image2 = common_vendor.resolveComponent("up-image");
|
||||
(_easycom_up_input2 + _easycom_up_image2)();
|
||||
}
|
||||
const _easycom_up_input = () => "../../uni_modules/uview-plus/components/u-input/u-input.js";
|
||||
const _easycom_up_image = () => "../../uni_modules/uview-plus/components/u-image/u-image.js";
|
||||
if (!Math) {
|
||||
(_easycom_up_input + _easycom_up_image)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.f($data.formList, (item, k0, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.title),
|
||||
b: "ff62741c-0-" + i0,
|
||||
c: common_vendor.o(($event) => $data.form[item.formName] = $event, item.id),
|
||||
d: common_vendor.p({
|
||||
placeholder: item.placeholder,
|
||||
border: "surround",
|
||||
customStyle: $data.inputCss,
|
||||
modelValue: $data.form[item.formName]
|
||||
}),
|
||||
e: common_vendor.n(item.id < $data.formList.length ? "add_form_item add_form_item_but" : "add_form_item"),
|
||||
f: item.id
|
||||
};
|
||||
}),
|
||||
b: common_vendor.p({
|
||||
src: "/static/common/ID_rx.png",
|
||||
width: "100%",
|
||||
height: "90",
|
||||
bgColor: "#f1f6ff00"
|
||||
}),
|
||||
c: common_vendor.p({
|
||||
src: "/static/common/ID_gq.png",
|
||||
width: "100%",
|
||||
height: "90",
|
||||
bgColor: "#f1f6ff00"
|
||||
}),
|
||||
d: common_vendor.f($data.uploadTemplList, (item, k0, i0) => {
|
||||
return {
|
||||
a: "ff62741c-3-" + i0,
|
||||
b: common_vendor.p({
|
||||
src: item.url,
|
||||
width: "100%",
|
||||
height: "50",
|
||||
bgColor: "#f1f6ff00"
|
||||
}),
|
||||
c: "ff62741c-4-" + i0,
|
||||
d: common_vendor.p({
|
||||
src: item.isOk ? "/static/common/ID_ok_1.png" : "/static/common/ID_error.png",
|
||||
width: "10",
|
||||
height: "10",
|
||||
bgColor: "#f1f6ff00"
|
||||
}),
|
||||
e: common_vendor.t(item.title),
|
||||
f: item.id
|
||||
};
|
||||
}),
|
||||
e: common_vendor.o((...args) => $options.addAuthentication && $options.addAuthentication(...args))
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ff62741c"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/mine_authentication/mine_authentication.js.map
|
||||
+11
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"navigationBarTitleText": "实名认证",
|
||||
"navigationBarBackgroundColor": "#FFFFFF",
|
||||
"navigationBarTextStyle": "black",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "default",
|
||||
"usingComponents": {
|
||||
"up-input": "../../uni_modules/uview-plus/components/u-input/u-input",
|
||||
"up-image": "../../uni_modules/uview-plus/components/u-image/u-image"
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
<view class="authentication_warp data-v-ff62741c"><view class="data_common_warp data-v-ff62741c"><view class="data_msg data-v-ff62741c">请填写商户本人的相关信息</view><view wx:for="{{a}}" wx:for-item="item" wx:key="f" class="{{['data-v-ff62741c', item.e]}}"><view class="add_form_title data-v-ff62741c">{{item.a}}</view><up-input wx:if="{{item.d}}" class="data-v-ff62741c" u-i="{{item.b}}" bind:__l="__l" bindupdateModelValue="{{item.c}}" u-p="{{item.d}}"></up-input></view></view><view class="data_common_warp data-v-ff62741c"><view class="ID_card_title data-v-ff62741c">上传证件照</view><view class="ID_card_msg data-v-ff62741c">（请务必上传本人证件照，生活照、艺术照将会被驳回）</view><view class="ID_card_upload data-v-ff62741c"><view class="upload_item data-v-ff62741c"><up-image wx:if="{{b}}" class="data-v-ff62741c" u-i="ff62741c-1" bind:__l="__l" u-p="{{b}}"></up-image><view class="upload_msg data-v-ff62741c">点击上传身份证人像面</view></view><view class="upload_item data-v-ff62741c"><up-image wx:if="{{c}}" class="data-v-ff62741c" u-i="ff62741c-2" bind:__l="__l" u-p="{{c}}"></up-image><view class="upload_msg data-v-ff62741c">点击上传身份国旗面</view></view></view><view class="ID_card_upload_templ data-v-ff62741c"><view class="templ_title data-v-ff62741c">上传标准</view><view class="templ_img_list data-v-ff62741c"><view wx:for="{{d}}" wx:for-item="item" wx:key="f" class="templ_img_item data-v-ff62741c"><up-image wx:if="{{item.b}}" class="data-v-ff62741c" u-i="{{item.a}}" bind:__l="__l" u-p="{{item.b}}"></up-image><view class="templ_img_item_msg data-v-ff62741c"><up-image wx:if="{{item.d}}" class="data-v-ff62741c" u-i="{{item.c}}" bind:__l="__l" u-p="{{item.d}}"></up-image><view class="templ_img_item_msg_title data-v-ff62741c">{{item.e}}</view></view></view></view></view></view><view class="add_but data-v-ff62741c" bindtap="{{e}}"> 提交 </view></view>
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/* uni.scss */
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
.authentication_warp.data-v-ff62741c {
|
||||
height: calc(100vh - 58rpx);
|
||||
background-color: #F5F5F5;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.authentication_warp .data_common_warp.data-v-ff62741c {
|
||||
background: #FFFFFF;
|
||||
border-radius: 30rpx;
|
||||
padding: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.authentication_warp .data_msg.data-v-ff62741c {
|
||||
font-weight: 500;
|
||||
font-size: 26rpx;
|
||||
color: #F34343;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user