first commit
This commit is contained in:
95
unpackage/dist/dev/mp-weixin/pages/membermanagemen/membermanagemen.js
vendored
Normal file
95
unpackage/dist/dev/mp-weixin/pages/membermanagemen/membermanagemen.js
vendored
Normal file
@@ -0,0 +1,95 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
if (!Array) {
|
||||
const _easycom_up_picker2 = common_vendor.resolveComponent("up-picker");
|
||||
const _easycom_u_popup2 = common_vendor.resolveComponent("u-popup");
|
||||
(_easycom_up_picker2 + _easycom_u_popup2)();
|
||||
}
|
||||
const _easycom_up_picker = () => "../../uni_modules/uview-plus/components/u-picker/u-picker.js";
|
||||
const _easycom_u_popup = () => "../../uni_modules/uview-plus/components/u-popup/u-popup.js";
|
||||
if (!Math) {
|
||||
(_easycom_up_picker + _easycom_u_popup)();
|
||||
}
|
||||
const _sfc_main = {
|
||||
__name: "membermanagemen",
|
||||
setup(__props) {
|
||||
const showPopup = common_vendor.ref(false);
|
||||
const showDeptPicker = common_vendor.ref(false);
|
||||
const formData = common_vendor.reactive({
|
||||
username: "",
|
||||
nickname: "",
|
||||
phone: "",
|
||||
password: "",
|
||||
department: ""
|
||||
});
|
||||
const handleSubmit = () => {
|
||||
if (!formData.username) {
|
||||
common_vendor.index.showToast({ title: "请输入用户名", icon: "none" });
|
||||
return;
|
||||
}
|
||||
if (!formData.password || formData.password.length < 6 || formData.password.length > 16) {
|
||||
common_vendor.index.showToast({ title: "请输入6-16位密码", icon: "none" });
|
||||
return;
|
||||
}
|
||||
if (!formData.department) {
|
||||
common_vendor.index.showToast({ title: "请选择主部门", icon: "none" });
|
||||
return;
|
||||
}
|
||||
console.log("提交数据:", formData);
|
||||
common_vendor.index.showToast({ title: "添加成功", icon: "success" });
|
||||
showPopup.value = false;
|
||||
};
|
||||
const Lock = () => {
|
||||
common_vendor.index.showModal({
|
||||
title: "提示",
|
||||
content: "确定要锁定该成员吗?",
|
||||
confirmColor: "#2667E9",
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
console.log("用户点击确定");
|
||||
common_vendor.index.showToast({ title: "锁定成功", icon: "success" });
|
||||
} else if (res.cancel) {
|
||||
console.log("用户点击取消");
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
const show = common_vendor.ref(false);
|
||||
const columns = common_vendor.reactive([
|
||||
["湘西自治州和谐网络科技有限公司", "湘西自治州和谐云科技有限公司"]
|
||||
]);
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.o(($event) => show.value = true),
|
||||
b: common_vendor.p({
|
||||
show: show.value,
|
||||
columns
|
||||
}),
|
||||
c: common_vendor.o(($event) => Lock()),
|
||||
d: common_vendor.o(($event) => showPopup.value = true),
|
||||
e: common_vendor.o(($event) => showPopup.value = false),
|
||||
f: formData.username,
|
||||
g: common_vendor.o(($event) => formData.username = $event.detail.value),
|
||||
h: formData.nickname,
|
||||
i: common_vendor.o(($event) => formData.nickname = $event.detail.value),
|
||||
j: formData.phone,
|
||||
k: common_vendor.o(($event) => formData.phone = $event.detail.value),
|
||||
l: formData.password,
|
||||
m: common_vendor.o(($event) => formData.password = $event.detail.value),
|
||||
n: common_vendor.t(formData.department || "请选择主部门"),
|
||||
o: common_vendor.n(formData.department ? "" : "text-gray"),
|
||||
p: common_vendor.o(($event) => showDeptPicker.value = true),
|
||||
q: common_vendor.o(($event) => showPopup.value = false),
|
||||
r: common_vendor.o(handleSubmit),
|
||||
s: common_vendor.o(($event) => showPopup.value = false),
|
||||
t: common_vendor.p({
|
||||
show: showPopup.value,
|
||||
mode: "center",
|
||||
round: "20"
|
||||
})
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-06d9f81b"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
7
unpackage/dist/dev/mp-weixin/pages/membermanagemen/membermanagemen.json
vendored
Normal file
7
unpackage/dist/dev/mp-weixin/pages/membermanagemen/membermanagemen.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"navigationBarTitleText": "成员管理",
|
||||
"usingComponents": {
|
||||
"up-picker": "../../uni_modules/uview-plus/components/u-picker/u-picker",
|
||||
"u-popup": "../../uni_modules/uview-plus/components/u-popup/u-popup"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/membermanagemen/membermanagemen.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/membermanagemen/membermanagemen.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="{{['page', 'padding', 'data-v-06d9f81b', virtualHostClass]}}" style="{{virtualHostStyle}}"><view class="padding bg-white radius data-v-06d9f81b"><view class="flex justify-between align-center data-v-06d9f81b"><view class="flex align-center data-v-06d9f81b"><view class="border-tite data-v-06d9f81b"></view><view class="text-bold margin-left-xs data-v-06d9f81b" bindtap="{{a}}">湘西自治州和谐网络科技有限公司</view><up-picker wx:if="{{b}}" class="data-v-06d9f81b" virtualHostClass="data-v-06d9f81b" u-i="06d9f81b-0" bind:__l="__l" u-p="{{b}}"></up-picker></view><view class="tag-outline data-v-06d9f81b">负责人</view></view><view class="flex margin-top data-v-06d9f81b"><view class="cu-avatar radius lg data-v-06d9f81b" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg)"></view><view class="margin-left data-v-06d9f81b"><view class="flex data-v-06d9f81b"><view class="data-v-06d9f81b">罗燚</view><view class="margin-left-xs light bg-olive padding-left-xs padding-right-xs data-v-06d9f81b">正常</view></view><view class="flex text-gray data-v-06d9f81b"><view class="data-v-06d9f81b">手机设置:</view><view class="data-v-06d9f81b">未设置</view></view><view class="flex text-gray data-v-06d9f81b"><view class="data-v-06d9f81b">登录IP:</view><view class="data-v-06d9f81b">45.135.228.172</view></view></view><button class="bg-blue btn-lock data-v-06d9f81b" bindtap="{{c}}">锁定</button></view></view><button class="lg cuIcon-add bg-blue round margin-top-xl data-v-06d9f81b" bindtap="{{d}}">添加成员</button><u-popup wx:if="{{t}}" class="data-v-06d9f81b" virtualHostClass="data-v-06d9f81b" u-s="{{['d']}}" bindclose="{{s}}" u-i="06d9f81b-1" bind:__l="__l" u-p="{{t}}"><view class="popup-content data-v-06d9f81b"><view class="popup-header data-v-06d9f81b"><view class="popup-title text-bold data-v-06d9f81b">添加成员</view><view class="popup-close data-v-06d9f81b" bindtap="{{e}}">×</view></view><view class="popup-body data-v-06d9f81b"><view class="form-item data-v-06d9f81b"><view class="form-label data-v-06d9f81b">用户名<text class="text-red data-v-06d9f81b">*</text></view><input class="form-input data-v-06d9f81b" placeholder="请输入用户名" value="{{f}}" bindinput="{{g}}"/></view><view class="form-item data-v-06d9f81b"><view class="form-label data-v-06d9f81b">昵称</view><input class="form-input data-v-06d9f81b" placeholder="请输入昵称" value="{{h}}" bindinput="{{i}}"/></view><view class="form-item data-v-06d9f81b"><view class="form-label data-v-06d9f81b">手机号</view><input class="form-input data-v-06d9f81b" placeholder="请输入手机号" type="number" value="{{j}}" bindinput="{{k}}"/></view><view class="form-item data-v-06d9f81b"><view class="form-label data-v-06d9f81b">密码<text class="text-red data-v-06d9f81b">*</text></view><input class="form-input data-v-06d9f81b" placeholder="请输入密码(6-16位)" password value="{{l}}" bindinput="{{m}}"/></view><view class="form-item data-v-06d9f81b"><view class="form-label data-v-06d9f81b">主部门<text class="text-red data-v-06d9f81b">*</text></view><view class="form-input form-select data-v-06d9f81b" bindtap="{{p}}"><text class="{{['data-v-06d9f81b', o]}}">{{n}}</text></view></view></view><view class="popup-footer data-v-06d9f81b"><button class="btn-cancel data-v-06d9f81b" bindtap="{{q}}">取消</button><button class="btn-confirm bg-blue data-v-06d9f81b" bindtap="{{r}}">确定</button></view></view></u-popup></view>
|
||||
127
unpackage/dist/dev/mp-weixin/pages/membermanagemen/membermanagemen.wxss
vendored
Normal file
127
unpackage/dist/dev/mp-weixin/pages/membermanagemen/membermanagemen.wxss
vendored
Normal file
@@ -0,0 +1,127 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* uni.scss */
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.page.data-v-06d9f81b {
|
||||
min-height: 100vh;
|
||||
background: #EBF2FC;
|
||||
}
|
||||
.border-tite.data-v-06d9f81b {
|
||||
width: 8rpx;
|
||||
height: 32rpx;
|
||||
background: #2667E9;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
.tag-outline.data-v-06d9f81b {
|
||||
padding: 4rpx 16rpx;
|
||||
border-radius: 8rpx;
|
||||
background: #EEF3FF;
|
||||
color: #2E7CF3;
|
||||
font-size: 24rpx;
|
||||
flex-shrink: 0;
|
||||
margin-right: -30rpx;
|
||||
border-radius: 24rpx 0rpx 0rpx 24rpx;
|
||||
}
|
||||
.btn-lock.data-v-06d9f81b {
|
||||
width: 112rpx;
|
||||
height: 52rpx;
|
||||
line-height: 52rpx;
|
||||
padding: 0;
|
||||
font-size: 26rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.popup-content.data-v-06d9f81b {
|
||||
width: 600rpx;
|
||||
background: #fff;
|
||||
border-radius: 20rpx;
|
||||
padding: 30rpx;
|
||||
}
|
||||
.popup-header.data-v-06d9f81b {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.popup-title.data-v-06d9f81b {
|
||||
font-size: 34rpx;
|
||||
color: #333;
|
||||
}
|
||||
.popup-close.data-v-06d9f81b {
|
||||
font-size: 48rpx;
|
||||
color: #999;
|
||||
line-height: 1;
|
||||
}
|
||||
.popup-body.data-v-06d9f81b {
|
||||
max-height: 700rpx;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.form-item.data-v-06d9f81b {
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
.form-label.data-v-06d9f81b {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
.form-input.data-v-06d9f81b {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
border: 2rpx solid #E5E5E5;
|
||||
border-radius: 12rpx;
|
||||
padding: 0 24rpx;
|
||||
font-size: 28rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.form-select.data-v-06d9f81b {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
line-height: 80rpx;
|
||||
}
|
||||
.popup-footer.data-v-06d9f81b {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 30rpx;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
.btn-cancel.data-v-06d9f81b {
|
||||
flex: 1;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
border: 2rpx solid #2667E9;
|
||||
border-radius: 40rpx;
|
||||
background: #fff;
|
||||
color: #2667E9;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.btn-confirm.data-v-06d9f81b {
|
||||
flex: 1;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
color: #fff;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user