refactor(api):
- 重构 API模块，将 API 按模块进行组织 - 登录，完成手机号登录页、添加备案号、及密码手机号登录切换，添加注册入口 - 更新iconfont图标 - 退出登录清缓存管理掉账号密码手机号 - 添加商品列表页和详情页，登录进入改为商品页
This commit is contained in:
fhysy
parent
38b17951cf
commit
a7454355f4
|
|
@ -1,8 +1,10 @@
|
||||||
import {request} from './request.js'
|
import {request} from './request.js'
|
||||||
|
|
||||||
export default{
|
export default{
|
||||||
|
// 商品
|
||||||
|
productApi:require("./module/productApi.js").default,
|
||||||
// 订单，模块
|
// 订单，模块
|
||||||
orderApi:require("./orderApi.js").default,
|
orderApi:require("./module/orderApi.js").default,
|
||||||
/*
|
/*
|
||||||
* 登录相关
|
* 登录相关
|
||||||
*/
|
*/
|
||||||
|
|
@ -67,4 +69,14 @@ export default{
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
getSmsCode(data) {// 获取短信验证码
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.get('/resource/sms/code',data)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import {request} from './request'
|
import {request} from '../request'
|
||||||
export default {
|
export default {
|
||||||
// 获取订单列表
|
// 获取订单列表
|
||||||
getOrderList(data){
|
getOrderList(data){
|
||||||
|
|
@ -0,0 +1,147 @@
|
||||||
|
import {request} from '../request'
|
||||||
|
export default {
|
||||||
|
// 获取商品列表
|
||||||
|
getProductList(data){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.get('/mall/product/list',data)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 获取商品详情
|
||||||
|
getProductDetail(id){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.get('/mall/product/' + id)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 获取订单商品列表
|
||||||
|
getMallclientOrderProductList(data){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.get('/mallclient/clientorderItem/list',data)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 查询订单商品素材模板列表
|
||||||
|
getProductMaterialDictList(data){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.get('/mall/materialDict/listWithProduct',data)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 查询订单商品素材列表(已有)
|
||||||
|
getMallOrderProductMaterialList(data){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.get('/mall/material/list',data)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 查询订单商品素材模板素材项列表
|
||||||
|
getProductMaterialDictItemList(data){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.get('/mall/materialTemplate/listById',data)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 删除文件
|
||||||
|
delOssFile(id){
|
||||||
|
console.log("id",id)
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.delete('/resource/oss/' + id)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 订单素材列表（流程）
|
||||||
|
getOrderMaterialList(data){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.get('/mall/orderMaterial/list',data)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 新增订单素材(流程）
|
||||||
|
AddOrderMaterial(data){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.post('/mall/orderMaterial',data)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 修改素材(批量)
|
||||||
|
mallMaterialUpdateBatch(data){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.put('/mall/material/updateBatch',data)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 提交商品素材列表（完成）
|
||||||
|
mallMaterialCommit(orderId,productId){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.put('/mall/material/commit/' + orderId + '/' + productId)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 启动任务(流程）
|
||||||
|
startWorkFlow(data){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.post('/workflow/task/startWorkFlow',data)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 办理流程(流程）
|
||||||
|
completeTask(data){
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
request.post('/workflow/task/completeTask',data)
|
||||||
|
.then((res) =>{
|
||||||
|
resolve(res);
|
||||||
|
}).catch(err =>{
|
||||||
|
reject(err);
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
52
pages.json
52
pages.json
|
|
@ -10,6 +10,13 @@
|
||||||
"navigationBarBackgroundColor": "#1890ff"
|
"navigationBarBackgroundColor": "#1890ff"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/auth/codeLogin",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "手机号注册/登录",
|
||||||
|
"navigationBarBackgroundColor": "#1890ff"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/auth/login",
|
"path": "pages/auth/login",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
@ -24,6 +31,13 @@
|
||||||
// "navigationStyle": "custom"
|
// "navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/tabBar/product",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "商品"
|
||||||
|
// "navigationStyle": "custom"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/tabBar/order",
|
"path": "pages/tabBar/order",
|
||||||
"style": {
|
"style": {
|
||||||
|
|
@ -636,6 +650,22 @@
|
||||||
"navigationBarTitleText": "素材上传",
|
"navigationBarTitleText": "素材上传",
|
||||||
"navigationBarBackgroundColor": "#fff"
|
"navigationBarBackgroundColor": "#fff"
|
||||||
}
|
}
|
||||||
|
},{
|
||||||
|
"path": "videoView",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "视频预览",
|
||||||
|
"navigationBarBackgroundColor": "#fff"
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"root": "pages/product/",
|
||||||
|
"pages": [{
|
||||||
|
"path": "detail",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "商品详情",
|
||||||
|
"navigationBarBackgroundColor": "#fff"
|
||||||
|
}
|
||||||
}]
|
}]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|
@ -648,6 +678,11 @@
|
||||||
"text": "消息",
|
"text": "消息",
|
||||||
"iconPath": "static/images/toolbar/new.png",
|
"iconPath": "static/images/toolbar/new.png",
|
||||||
"selectedIconPath": "static/images/toolbar/new-active.png"
|
"selectedIconPath": "static/images/toolbar/new-active.png"
|
||||||
|
}, {
|
||||||
|
"pagePath": "pages/tabBar/product",
|
||||||
|
"text": "商品",
|
||||||
|
"iconPath": "static/images/toolbar/product.png",
|
||||||
|
"selectedIconPath": "static/images/toolbar/product-active.png"
|
||||||
}, {
|
}, {
|
||||||
"pagePath": "pages/tabBar/order",
|
"pagePath": "pages/tabBar/order",
|
||||||
"text": "订单",
|
"text": "订单",
|
||||||
|
|
@ -673,6 +708,23 @@
|
||||||
"path": "pages/auth/passwordLogin",
|
"path": "pages/auth/passwordLogin",
|
||||||
"name": "默认页面" //模式名称
|
"name": "默认页面" //模式名称
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/auth/codeLogin",
|
||||||
|
"name": "验证码登录" //模式名称
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/fun/videoView",
|
||||||
|
"name": "预览" //模式名称
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/tabBar/product",
|
||||||
|
"name": "商品" //模式名称
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/product/detail",
|
||||||
|
"name": "商品详情" ,//模式名称
|
||||||
|
"query": "id=1888110308906405890"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/tabBar/order",
|
"path": "pages/tabBar/order",
|
||||||
"name": "订单" //模式名称
|
"name": "订单" //模式名称
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,607 @@
|
||||||
|
<template>
|
||||||
|
<view class="login-ctn">
|
||||||
|
<view class="login-bg">
|
||||||
|
<image src="http://static.drgyen.com/app/hc-app-power/images/login-header.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="login-header">
|
||||||
|
<view class="login-header-img-box">
|
||||||
|
<!-- #ifdef APP-PLUS -->
|
||||||
|
<image class="login-header-img" :src="appConfig.logo" mode=""></image>
|
||||||
|
<!-- #endif -->
|
||||||
|
<!-- #ifndef APP-PLUS -->
|
||||||
|
<image class="login-header-img" :src="appConfig.logo" mode=""></image>
|
||||||
|
<!-- #endif -->
|
||||||
|
</view>
|
||||||
|
<view class="login-header-text">{{appConfig.name}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="login-form-ctn">
|
||||||
|
<view class="login-form">
|
||||||
|
<u-form :model="form" :rules="rules" ref="uForm">
|
||||||
|
<u-form-item v-if="tenantEnabled && isTenant" label=" " label-width="60" prop="tenantId" left-icon="home"
|
||||||
|
:left-icon-style="{ color: '#ccc', fontSize: '30rpx' }">
|
||||||
|
<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;" @click="tenantShow=true">
|
||||||
|
<text>{{activeTenantObj.companyName}}</text>
|
||||||
|
<u-icon name="arrow-down"></u-icon>
|
||||||
|
</view>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item label=" " label-width="60" prop="phonenumber" left-icon="account"
|
||||||
|
:left-icon-style="{ color: '#ccc', fontSize: '30rpx' }">
|
||||||
|
<u-input v-model="form.phonenumber" placeholder="请输入手机号" />
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item label=" " label-width="60" prop="smsCode" left-icon="phone"
|
||||||
|
:left-icon-style="{ color: '#ccc', fontSize: '34rpx' }">
|
||||||
|
<u-button slot="right" type="primary" :loading="smsLoading" size="mini" @click="getCode">{{smsLoading?'获取验证码中...':'获取验证码'}}</u-button>
|
||||||
|
<u-input v-model="form.smsCode" placeholder="请输入验证码" />
|
||||||
|
</u-form-item>
|
||||||
|
</u-form>
|
||||||
|
<!-- <view class="login-function-ctn" v-if="current===0">
|
||||||
|
<text class="text--base--grey" @click="goForgotPasswordFn">忘记密码?</text>
|
||||||
|
</view> -->
|
||||||
|
<view class="login-button-ctn">
|
||||||
|
<u-button shape="circle" :loading="loading" :custom-style="{ background: 'linear-gradient(270deg, #0066CC 8%, #1890FF 100%)' , height:'100rpx' }"
|
||||||
|
@click="submit" type="primary">登录（未注册自动注册）</u-button>
|
||||||
|
</view>
|
||||||
|
<view class="protocol-box">
|
||||||
|
<!-- <u-checkbox v-model="protocolStatus">阅读并同意以下协议<text @click.stop="goPolicy">《用户协议》</text></u-checkbox> -->
|
||||||
|
</view>
|
||||||
|
<view class="other-login-box">
|
||||||
|
<view class="other-login-item" @click="goPasswordLogin">
|
||||||
|
<view class="other-login-bg">
|
||||||
|
<u-icon name="lock-fill" color="#fff" size="56"></u-icon>
|
||||||
|
</view>
|
||||||
|
<text class="other-login-name">密码登录</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="login-version-info">
|
||||||
|
<view>Copyright 2022-2025. {{ icpLicense ? ' 备案号：' + icpLicense : '' }}</view>
|
||||||
|
</view>
|
||||||
|
<u-select v-model="tenantShow" :list="tenantList" label-name="companyName" value-name="tenantId" @confirm="changeTenant"></u-select>
|
||||||
|
<u-toast ref="uToast" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
let userToken = '';
|
||||||
|
import config from "@/common/api/config.js"
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
protocolStatus: true,
|
||||||
|
usetTypeValue: '企业用户',
|
||||||
|
list: [{
|
||||||
|
name: '普通用户',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '企业用户',
|
||||||
|
}
|
||||||
|
],
|
||||||
|
captchaData: null,
|
||||||
|
current: 0,
|
||||||
|
form: {
|
||||||
|
clientId: "",
|
||||||
|
grantType: "sms",
|
||||||
|
rememberMe: false,
|
||||||
|
tenantId: "",
|
||||||
|
phonenumber: "",
|
||||||
|
smsCode: ""
|
||||||
|
},
|
||||||
|
mode:null,
|
||||||
|
rules: {
|
||||||
|
// 字段名称190
|
||||||
|
phonenumber: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入手机号',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
}],
|
||||||
|
smsCode: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入验证码',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
}],
|
||||||
|
code: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入验证码',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
tenantShow:false,
|
||||||
|
tenantList:[],
|
||||||
|
activeTenantObj:{
|
||||||
|
tenantId: "",
|
||||||
|
companyName: "",
|
||||||
|
domain: "",
|
||||||
|
logo: null,
|
||||||
|
registerEnable: false
|
||||||
|
},
|
||||||
|
// 租户是否已启用
|
||||||
|
tenantEnabled:true,
|
||||||
|
query:{},
|
||||||
|
isTenant: true,
|
||||||
|
appid:'',
|
||||||
|
smsLoading:false,
|
||||||
|
loading:false,
|
||||||
|
icpLicense:'',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
appConfig() {
|
||||||
|
return this.$store.state.app.appConfig
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
const accountInfo = uni.getAccountInfoSync();
|
||||||
|
this.appid = accountInfo.miniProgram.appId;
|
||||||
|
// #endif
|
||||||
|
if(e){
|
||||||
|
this.query = e;
|
||||||
|
}
|
||||||
|
if(e.tenantId){
|
||||||
|
this.form.tenantId = e.tenantId;
|
||||||
|
}
|
||||||
|
// 普通二维码参数转小程序参数
|
||||||
|
if (e.q && e.q != "undefined") { //扫码进入
|
||||||
|
const qrUrl = decodeURIComponent(e.q) // 获取到二维码原始链接内容
|
||||||
|
//GetWxMiniProgramUrlParam() 这个方法是解析链接地址中的参数方法
|
||||||
|
e = this.GetWxMiniProgramUrlParam(qrUrl); //此处就是我们要获取的参数 json
|
||||||
|
}
|
||||||
|
console.log("当前参数",e)
|
||||||
|
if(e.mode){
|
||||||
|
this.mode = e.mode;
|
||||||
|
}
|
||||||
|
this.getTenantList();
|
||||||
|
if(e.mode == '1'){ //mode:1 带密码参数直接登录
|
||||||
|
this.form.phonenumber = e.user || '';
|
||||||
|
// this.autoLogin()
|
||||||
|
}else{
|
||||||
|
userToken = uni.getStorageSync('userToken');
|
||||||
|
console.log("userToken", userToken)
|
||||||
|
if (userToken) {
|
||||||
|
uni.switchTab({
|
||||||
|
url: "../tabBar/product"
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
// this.getCode();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.usetTypeValue = e.userType == "user" ? "普通用户" : "企业用户";
|
||||||
|
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
if(this.mode != '1'){
|
||||||
|
uni.getStorage({
|
||||||
|
key: 'phonenumber',
|
||||||
|
}).then(res => {
|
||||||
|
// 如果返回数组为两位就是正确
|
||||||
|
if (res.length == 2) {
|
||||||
|
this.form.phonenumber = res[1].data;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
onReady() {
|
||||||
|
this.$refs.uForm.setRules(this.rules);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getTenantList(){
|
||||||
|
uni.request({
|
||||||
|
url: config.baseUrl + "/auth/tenant/list",
|
||||||
|
method: "GET",
|
||||||
|
data: {},
|
||||||
|
header: {
|
||||||
|
Clientid: config.clientId
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
console.log("res11",res);
|
||||||
|
if(res.data.code == 200){
|
||||||
|
let data = res.data.data;
|
||||||
|
this.tenantEnabled = data.tenantEnabled === undefined ? true : data.tenantEnabled;
|
||||||
|
if(this.tenantEnabled){
|
||||||
|
this.tenantList = data.voList || [];
|
||||||
|
let logo = '';
|
||||||
|
let title = '';
|
||||||
|
let icpLicense = '';
|
||||||
|
// #ifdef H5
|
||||||
|
if(this.query.tenantId){
|
||||||
|
this.form.tenantId = this.query.tenantId;
|
||||||
|
data.voList.forEach((item) => {
|
||||||
|
if (item.tenantId === this.query.tenantId) {
|
||||||
|
logo = item.logo;
|
||||||
|
title = item.companyName;
|
||||||
|
icpLicense = item.icpLicense || '';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.isTenant = false;
|
||||||
|
} else if (data.voList != null && data.voList.length === 1 && data.voList[0].domain === window.location.host) {
|
||||||
|
this.form.tenantId = data.voList[0].tenantId;
|
||||||
|
logo = data.voList[0].logo;
|
||||||
|
title = data.voList[0].companyName;
|
||||||
|
icpLicense = data.voList[0].icpLicense || '';
|
||||||
|
this.isTenant = false;
|
||||||
|
} else if (data.voList != null && data.voList.length !== 0) {
|
||||||
|
this.form.tenantId = data.voList[0].tenantId;
|
||||||
|
this.activeTenantObj = data.voList[0] ;
|
||||||
|
logo = data.voList[0].logo;
|
||||||
|
title = data.voList[0].companyName;
|
||||||
|
icpLicense = data.voList[0].icpLicense || '';
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
if(this.appid){
|
||||||
|
let isAppid = true;
|
||||||
|
data.voList.forEach((item) => {
|
||||||
|
if (item.appId === this.appid) {
|
||||||
|
this.form.tenantId = item.tenantId;
|
||||||
|
logo = item.logo;
|
||||||
|
title = item.companyName;
|
||||||
|
icpLicense = item.icpLicense || '';
|
||||||
|
isAppid = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if(isAppid){
|
||||||
|
this.form.tenantId = data.voList[0].tenantId;
|
||||||
|
this.activeTenantObj = data.voList[0];
|
||||||
|
icpLicense = data.voList[0].icpLicense || '';
|
||||||
|
logo = data.voList[0].logo;
|
||||||
|
title = data.voList[0].companyName;
|
||||||
|
}else{
|
||||||
|
this.isTenant = false;
|
||||||
|
}
|
||||||
|
}else if (data.voList != null && data.voList.length !== 0) {
|
||||||
|
this.form.tenantId = data.voList[0].tenantId;
|
||||||
|
this.activeTenantObj = data.voList[0] ;
|
||||||
|
logo = data.voList[0].logo;
|
||||||
|
title = data.voList[0].companyName;
|
||||||
|
icpLicense = data.voList[0].icpLicense || '';
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
if(title){
|
||||||
|
this.appConfig.logo = logo;
|
||||||
|
this.appConfig.name = title;
|
||||||
|
}else{
|
||||||
|
this.appConfig.logo = '';
|
||||||
|
this.appConfig.name = this.$store.state.app.appConfig;
|
||||||
|
}
|
||||||
|
if(icpLicense){
|
||||||
|
this.icpLicense = icpLicense;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
changeTenant(e){
|
||||||
|
console.log("e",e[0].value)
|
||||||
|
this.tenantList.forEach((item) => {
|
||||||
|
if (item.tenantId == e[0].value) {
|
||||||
|
this.activeTenantObj = item;
|
||||||
|
this.form.tenantId = item.tenantId;
|
||||||
|
this.appConfig.logo = item.logo;
|
||||||
|
this.appConfig.name = item.companyName;
|
||||||
|
this.icpLicense = item.icpLicense || '';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
GetWxMiniProgramUrlParam(url) {
|
||||||
|
let theRequest = {};
|
||||||
|
if (url.indexOf("#") != -1) {
|
||||||
|
const str = url.split("#")[1];
|
||||||
|
const strs = str.split("&");
|
||||||
|
for (let i = 0; i < strs.length; i++) {
|
||||||
|
theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
|
||||||
|
}
|
||||||
|
} else if (url.indexOf("?") != -1) {
|
||||||
|
const str = url.split("?")[1];
|
||||||
|
const strs = str.split("&");
|
||||||
|
for (let i = 0; i < strs.length; i++) {
|
||||||
|
theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return theRequest;
|
||||||
|
},
|
||||||
|
// 跳转密码登录页
|
||||||
|
goPasswordLogin(){
|
||||||
|
uni.reLaunch({
|
||||||
|
url: './passwordLogin'
|
||||||
|
});
|
||||||
|
},
|
||||||
|
goPolicy() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/tabBar/my/userPolicy'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
goForgotPasswordFn() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `./forgotPassword?userType=${this.usetTypeValue=="普通用户"?"user":"company"}`
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 获取验证码
|
||||||
|
getCode() {
|
||||||
|
if(this.$u.test.mobile(this.form.phonenumber)){
|
||||||
|
this.smsLoading = true;
|
||||||
|
this.$api.getSmsCode({ phonenumber: this.form.phonenumber }).then((res) => {
|
||||||
|
console.log(res, "resss");
|
||||||
|
if(res.code == 200){
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '验证码发送成功',
|
||||||
|
type: 'success',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.smsLoading = false;
|
||||||
|
}).catch((err)=>{
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: err,
|
||||||
|
type: 'error',
|
||||||
|
})
|
||||||
|
this.smsLoading = false;
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '请输入正确的手机号格式',
|
||||||
|
type: 'error',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
// 自动登录
|
||||||
|
autoLogin(){
|
||||||
|
uni.request({
|
||||||
|
url: config.baseUrl + "/login",
|
||||||
|
method: "POST",
|
||||||
|
data: {
|
||||||
|
phonenumber: this.form.phonenumber,
|
||||||
|
smsCode: this.form.smsCode,
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
UserType: this.usetTypeValue == "普通用户" ? "PERSONAL" : "TENANT",
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
console.log(res);
|
||||||
|
if (res.data.token) {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '登录成功',
|
||||||
|
type: 'success',
|
||||||
|
})
|
||||||
|
this.$store.dispatch('setLogin', res.data.token);
|
||||||
|
uni.setStorage({
|
||||||
|
key: 'userType',
|
||||||
|
data: this.usetTypeValue,
|
||||||
|
}).then(res => {
|
||||||
|
return uni.setStorage({
|
||||||
|
key: 'phonenumber',
|
||||||
|
data: this.form.phonenumber,
|
||||||
|
})
|
||||||
|
}).then(res => {
|
||||||
|
return uni.setStorage({
|
||||||
|
key: 'smsCode',
|
||||||
|
data: this.form.smsCode,
|
||||||
|
})
|
||||||
|
}).then(res => {
|
||||||
|
setTimeout(() => {
|
||||||
|
if (this.usetTypeValue == "普通用户") {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: "../oneselfUser/index"
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.switchTab({
|
||||||
|
url: "../tabBar/product"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}, 1000)
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$u.toast(res.data.msg)
|
||||||
|
this.form.code = "";
|
||||||
|
// this.getCode();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
submit() {
|
||||||
|
if(!this.protocolStatus){
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '请先阅读并同意用户协议',
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.$refs.uForm.validate(valid => {
|
||||||
|
if (valid) {
|
||||||
|
this.loading = true;
|
||||||
|
uni.request({
|
||||||
|
url: config.baseUrl + "/auth/login",
|
||||||
|
method: "POST",
|
||||||
|
data: {
|
||||||
|
...this.form,
|
||||||
|
clientId: config.clientId,
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
Clientid: config.clientId
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
console.log(res);
|
||||||
|
if (res.data.code == 200 && res.data.data.access_token) {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '登录成功',
|
||||||
|
type: 'success',
|
||||||
|
})
|
||||||
|
this.$store.dispatch('setLogin', res.data.data.access_token);
|
||||||
|
uni.setStorage({
|
||||||
|
key: 'userType',
|
||||||
|
data: this.usetTypeValue,
|
||||||
|
}).then(res => {
|
||||||
|
return uni.setStorage({
|
||||||
|
key: 'phonenumber',
|
||||||
|
data: this.form.phonenumber,
|
||||||
|
})
|
||||||
|
}).then(res => {
|
||||||
|
setTimeout(() => {
|
||||||
|
if (this.usetTypeValue == "普通用户") {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: "../oneselfUser/index"
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.switchTab({
|
||||||
|
url: "../tabBar/product"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}, 1000)
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$u.toast(res.data.msg)
|
||||||
|
this.form.code = "";
|
||||||
|
// this.getCode();
|
||||||
|
}
|
||||||
|
this.loading = false;
|
||||||
|
},
|
||||||
|
fail() {
|
||||||
|
this.loading = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
console.log('验证失败');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.login-ctn {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding-top: 500rpx;
|
||||||
|
background: #fff;
|
||||||
|
:not(not) {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-bg {
|
||||||
|
width: 100%;
|
||||||
|
height: 515rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-header {
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 10;
|
||||||
|
height: 500rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.login-header-img-box {
|
||||||
|
margin-top: 132rpx;
|
||||||
|
margin-left: 2rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-img {
|
||||||
|
display: block;
|
||||||
|
width: 198rpx;
|
||||||
|
height: 198rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-text {
|
||||||
|
font-size: 40rpx;
|
||||||
|
line-height: 40rpx;
|
||||||
|
font-family: Source Han Sans CN;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #FFFFFF;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.login-form-ctn {
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
|
||||||
|
.login-form {
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 20rpx 60rpx;
|
||||||
|
|
||||||
|
&-title {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 40rpx;
|
||||||
|
font-family: Source Han Sans CN;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #262626;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-button-ctn {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.login-function-ctn {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
padding: 30rpx 0rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-version-info {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 40rpx;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: $uni-font-size-sm;
|
||||||
|
color: #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.protocol-box {
|
||||||
|
padding: 20rpx 0;
|
||||||
|
color: #f5f5f5;
|
||||||
|
font-size: 26rpx;
|
||||||
|
|
||||||
|
text {
|
||||||
|
color: #0066cc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.other-login-box {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.other-login-item {
|
||||||
|
.other-login-bg {
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #0066cc;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.other-login-name {
|
||||||
|
color: #7d7d7d;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,3 +1,469 @@
|
||||||
|
<template>
|
||||||
|
<view class="login-ctn">
|
||||||
|
<view class="login-bg">
|
||||||
|
<image src="http://static.drgyen.com/app/hc-app-power/images/login-header.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="login-header">
|
||||||
|
<view class="login-header-img-box">
|
||||||
|
<!-- #ifdef APP-PLUS -->
|
||||||
|
<image class="login-header-img" :src="appConfig.logo" mode=""></image>
|
||||||
|
<!-- #endif -->
|
||||||
|
<!-- #ifndef APP-PLUS -->
|
||||||
|
<image class="login-header-img" :src="appConfig.logo" mode=""></image>
|
||||||
|
<!-- #endif -->
|
||||||
|
</view>
|
||||||
|
<view class="login-header-text">{{appConfig.name}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="login-form-ctn">
|
||||||
|
<view class="login-form">
|
||||||
|
<u-form :model="form" :rules="rules" ref="uForm">
|
||||||
|
<u-form-item v-if="tenantEnabled && isTenant" label=" " label-width="60" prop="tenantId" left-icon="account"
|
||||||
|
:left-icon-style="{ color: '#ccc', fontSize: '30rpx' }">
|
||||||
|
<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;" @click="tenantShow=true">
|
||||||
|
<text>{{activeTenantObj.companyName}}</text>
|
||||||
|
<u-icon name="arrow-down"></u-icon>
|
||||||
|
</view>
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item label=" " label-width="60" prop="username" left-icon="account"
|
||||||
|
:left-icon-style="{ color: '#ccc', fontSize: '30rpx' }">
|
||||||
|
<u-input v-model="form.username" placeholder="请输入手机号/账号" />
|
||||||
|
</u-form-item>
|
||||||
|
<u-form-item label=" " label-width="60" prop="password" left-icon="lock-open"
|
||||||
|
:left-icon-style="{ color: '#ccc', fontSize: '36rpx' }">
|
||||||
|
<u-input class="password-input" v-model="form.password" type="password" placeholder="请输入密码" />
|
||||||
|
</u-form-item>
|
||||||
|
<!-- <u-form-item label=" " label-width="60" prop="code" left-icon="chat"
|
||||||
|
:left-icon-style="{ color: '#ccc', fontSize: '34rpx' }">
|
||||||
|
<u-image slot="right" mode="scaleToFill" width="160" height="60" @click="getCodeImageFn"
|
||||||
|
:src="'data:image/jpg;base64,' + captchaData.img"></u-image>
|
||||||
|
<u-input v-model="form.code" placeholder="请输入验证码" />
|
||||||
|
</u-form-item> -->
|
||||||
|
</u-form>
|
||||||
|
<view class="login-function-ctn">
|
||||||
|
<text class="text--base--grey" @click="goPhoneLogin">我要注册</text>
|
||||||
|
</view>
|
||||||
|
<view class="login-button-ctn">
|
||||||
|
<u-button shape="circle" :custom-style="{ background: 'linear-gradient(270deg, #0066CC 8%, #1890FF 100%)' , height:'100rpx' }"
|
||||||
|
@click="submit" type="primary">立即登录</u-button>
|
||||||
|
</view>
|
||||||
|
<view class="protocol-box">
|
||||||
|
<!-- <u-checkbox v-model="protocolStatus">阅读并同意以下协议<text @click.stop="goPolicy">《用户协议》</text></u-checkbox> -->
|
||||||
|
</view>
|
||||||
|
<view class="other-login-box">
|
||||||
|
<view class="other-login-item" @click="goPhoneLogin">
|
||||||
|
<view class="other-login-bg">
|
||||||
|
<u-icon name="phone-fill" color="#fff" size="56"></u-icon>
|
||||||
|
</view>
|
||||||
|
<text class="other-login-name">手机登录</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="login-version-info">
|
||||||
|
<view>Copyright 2022-2025. {{ icpLicense ? ' 备案号：' + icpLicense : '' }}</view>
|
||||||
|
</view>
|
||||||
|
<u-select v-model="tenantShow" :list="tenantList" label-name="companyName" value-name="tenantId" @confirm="changeTenant"></u-select>
|
||||||
|
<u-toast ref="uToast" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
let userToken = '';
|
||||||
|
import config from "@/common/api/config.js"
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
protocolStatus: true,
|
||||||
|
usetTypeValue: '企业用户',
|
||||||
|
list: [{
|
||||||
|
name: '普通用户',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: '企业用户',
|
||||||
|
}
|
||||||
|
],
|
||||||
|
captchaData: null,
|
||||||
|
current: 0,
|
||||||
|
form: {
|
||||||
|
clientId: "",
|
||||||
|
grantType: "password",
|
||||||
|
rememberMe: false,
|
||||||
|
tenantId: "",
|
||||||
|
username: "",
|
||||||
|
password: ""
|
||||||
|
},
|
||||||
|
mode:null,
|
||||||
|
rules: {
|
||||||
|
// 字段名称
|
||||||
|
username: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入手机号/账号',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
}],
|
||||||
|
password: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入密码',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
}],
|
||||||
|
code: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入验证码',
|
||||||
|
trigger: ['change', 'blur'],
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
tenantShow:false,
|
||||||
|
tenantList:[],
|
||||||
|
activeTenantObj:{
|
||||||
|
tenantId: "",
|
||||||
|
companyName: "",
|
||||||
|
domain: "",
|
||||||
|
logo: null,
|
||||||
|
registerEnable: false
|
||||||
|
},
|
||||||
|
// 租户是否已启用
|
||||||
|
tenantEnabled:true,
|
||||||
|
query:{},
|
||||||
|
isTenant: true,
|
||||||
|
appid:'',
|
||||||
|
icpLicense:'',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
appConfig() {
|
||||||
|
return this.$store.state.app.appConfig
|
||||||
|
},
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
const accountInfo = uni.getAccountInfoSync();
|
||||||
|
this.appid = accountInfo.miniProgram.appId;
|
||||||
|
// #endif
|
||||||
|
if(e){
|
||||||
|
this.query = e;
|
||||||
|
}
|
||||||
|
if(e.tenantId){
|
||||||
|
this.form.tenantId = e.tenantId;
|
||||||
|
}
|
||||||
|
// 普通二维码参数转小程序参数
|
||||||
|
if (e.q && e.q != "undefined") { //扫码进入
|
||||||
|
const qrUrl = decodeURIComponent(e.q) // 获取到二维码原始链接内容
|
||||||
|
//GetWxMiniProgramUrlParam() 这个方法是解析链接地址中的参数方法
|
||||||
|
e = this.GetWxMiniProgramUrlParam(qrUrl); //此处就是我们要获取的参数 json
|
||||||
|
}
|
||||||
|
console.log("当前参数",e)
|
||||||
|
if(e.mode){
|
||||||
|
this.mode = e.mode;
|
||||||
|
}
|
||||||
|
this.getTenantList();
|
||||||
|
if(e.mode == '1'){ //mode:1 带密码参数直接登录
|
||||||
|
this.form.username = e.user || '';
|
||||||
|
this.form.password = e.pwd || '';
|
||||||
|
this.autoLogin()
|
||||||
|
}else{
|
||||||
|
userToken = uni.getStorageSync('userToken');
|
||||||
|
console.log("userToken", userToken)
|
||||||
|
if (userToken) {
|
||||||
|
uni.switchTab({
|
||||||
|
url: "../tabBar/product"
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
// this.getCodeImageFn();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.usetTypeValue = e.userType == "user" ? "普通用户" : "企业用户";
|
||||||
|
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
if(this.mode != '1'){
|
||||||
|
uni.getStorage({
|
||||||
|
key: 'username',
|
||||||
|
}).then(res => {
|
||||||
|
// 如果返回数组为两位就是正确
|
||||||
|
if (res.length == 2) {
|
||||||
|
this.form.username = res[1].data;
|
||||||
|
}
|
||||||
|
return uni.getStorage({
|
||||||
|
key: 'password',
|
||||||
|
})
|
||||||
|
}).then(res => {
|
||||||
|
if (res.length == 2) {
|
||||||
|
this.form.password = res[1].data;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
onReady() {
|
||||||
|
this.$refs.uForm.setRules(this.rules);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getTenantList(){
|
||||||
|
uni.request({
|
||||||
|
url: config.baseUrl + "/auth/tenant/list",
|
||||||
|
method: "GET",
|
||||||
|
data: {},
|
||||||
|
header: {
|
||||||
|
Clientid: config.clientId
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
console.log("res11",res);
|
||||||
|
if(res.data.code == 200){
|
||||||
|
let data = res.data.data;
|
||||||
|
this.tenantEnabled = data.tenantEnabled === undefined ? true : data.tenantEnabled;
|
||||||
|
if(this.tenantEnabled){
|
||||||
|
this.tenantList = data.voList || [];
|
||||||
|
let logo = '';
|
||||||
|
let title = '';
|
||||||
|
let icpLicense = '';
|
||||||
|
// #ifdef H5
|
||||||
|
if(this.query.tenantId){
|
||||||
|
this.form.tenantId = this.query.tenantId;
|
||||||
|
data.voList.forEach((item) => {
|
||||||
|
if (item.tenantId === this.query.tenantId) {
|
||||||
|
logo = item.logo;
|
||||||
|
title = item.companyName;
|
||||||
|
icpLicense = item.icpLicense || '';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.isTenant = false;
|
||||||
|
} else if (data.voList != null && data.voList.length === 1 && data.voList[0].domain === window.location.host) {
|
||||||
|
this.form.tenantId = data.voList[0].tenantId;
|
||||||
|
logo = data.voList[0].logo;
|
||||||
|
title = data.voList[0].companyName;
|
||||||
|
icpLicense = data.voList[0].icpLicense || '';
|
||||||
|
this.isTenant = false;
|
||||||
|
} else if (data.voList != null && data.voList.length !== 0) {
|
||||||
|
this.form.tenantId = data.voList[0].tenantId;
|
||||||
|
this.activeTenantObj = data.voList[0] ;
|
||||||
|
logo = data.voList[0].logo;
|
||||||
|
title = data.voList[0].companyName;
|
||||||
|
icpLicense = data.voList[0].icpLicense || '';
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
if(this.appid){
|
||||||
|
let isAppid = true;
|
||||||
|
data.voList.forEach((item) => {
|
||||||
|
if (item.appId === this.appid) {
|
||||||
|
console.log("appId",item)
|
||||||
|
this.form.tenantId = item.tenantId;
|
||||||
|
logo = item.logo;
|
||||||
|
title = item.companyName;
|
||||||
|
icpLicense = item.icpLicense || '';
|
||||||
|
isAppid = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if(isAppid){
|
||||||
|
this.form.tenantId = data.voList[0].tenantId;
|
||||||
|
this.activeTenantObj = data.voList[0] ;
|
||||||
|
logo = data.voList[0].logo;
|
||||||
|
title = data.voList[0].companyName;
|
||||||
|
icpLicense = data.voList[0].icpLicense || '';
|
||||||
|
}else{
|
||||||
|
this.isTenant = false;
|
||||||
|
}
|
||||||
|
}else if (data.voList != null && data.voList.length !== 0) {
|
||||||
|
this.form.tenantId = data.voList[0].tenantId;
|
||||||
|
this.activeTenantObj = data.voList[0] ;
|
||||||
|
logo = data.voList[0].logo;
|
||||||
|
title = data.voList[0].companyName;
|
||||||
|
icpLicense = data.voList[0].icpLicense || '';
|
||||||
|
}
|
||||||
|
// #endif
|
||||||
|
console.log("title",title,logo)
|
||||||
|
if(title){
|
||||||
|
this.appConfig.logo = logo;
|
||||||
|
this.appConfig.name = title;
|
||||||
|
}else{
|
||||||
|
this.appConfig.logo = '';
|
||||||
|
this.appConfig.name = this.$store.state.app.appConfig;
|
||||||
|
}
|
||||||
|
if(icpLicense){
|
||||||
|
this.icpLicense = icpLicense;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
changeTenant(e){
|
||||||
|
console.log("e",e[0].value)
|
||||||
|
this.tenantList.forEach((item) => {
|
||||||
|
if (item.tenantId == e[0].value) {
|
||||||
|
this.activeTenantObj = item;
|
||||||
|
this.form.tenantId = item.tenantId;
|
||||||
|
this.appConfig.logo = item.logo;
|
||||||
|
this.appConfig.name = item.companyName;
|
||||||
|
this.icpLicense = item.icpLicense || '';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
GetWxMiniProgramUrlParam(url) {
|
||||||
|
let theRequest = {};
|
||||||
|
if (url.indexOf("#") != -1) {
|
||||||
|
const str = url.split("#")[1];
|
||||||
|
const strs = str.split("&");
|
||||||
|
for (let i = 0; i < strs.length; i++) {
|
||||||
|
theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
|
||||||
|
}
|
||||||
|
} else if (url.indexOf("?") != -1) {
|
||||||
|
const str = url.split("?")[1];
|
||||||
|
const strs = str.split("&");
|
||||||
|
for (let i = 0; i < strs.length; i++) {
|
||||||
|
theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return theRequest;
|
||||||
|
},
|
||||||
|
// 跳转密码登录页
|
||||||
|
goPhoneLogin(){
|
||||||
|
uni.reLaunch({
|
||||||
|
url: './codeLogin'
|
||||||
|
});
|
||||||
|
},
|
||||||
|
goPolicy() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/tabBar/my/userPolicy'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
goForgotPasswordFn() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `./forgotPassword?userType=${this.usetTypeValue=="普通用户"?"user":"company"}`
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 获取验证码
|
||||||
|
getCodeImageFn() {
|
||||||
|
this.$get("/captchaImage").then((res) => {
|
||||||
|
console.log(res, "resss");
|
||||||
|
this.captchaData = res;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 自动登录
|
||||||
|
autoLogin(){
|
||||||
|
uni.request({
|
||||||
|
url: config.baseUrl + "/login",
|
||||||
|
method: "POST",
|
||||||
|
data: {
|
||||||
|
username: this.form.username,
|
||||||
|
password: this.form.password,
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
UserType: this.usetTypeValue == "普通用户" ? "PERSONAL" : "TENANT",
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
console.log(res);
|
||||||
|
if (res.data.token) {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '登录成功',
|
||||||
|
type: 'success',
|
||||||
|
})
|
||||||
|
this.$store.dispatch('setLogin', res.data.token);
|
||||||
|
uni.setStorage({
|
||||||
|
key: 'userType',
|
||||||
|
data: this.usetTypeValue,
|
||||||
|
}).then(res => {
|
||||||
|
return uni.setStorage({
|
||||||
|
key: 'username',
|
||||||
|
data: this.form.username,
|
||||||
|
})
|
||||||
|
}).then(res => {
|
||||||
|
return uni.setStorage({
|
||||||
|
key: 'password',
|
||||||
|
data: this.form.password,
|
||||||
|
})
|
||||||
|
}).then(res => {
|
||||||
|
setTimeout(() => {
|
||||||
|
if (this.usetTypeValue == "普通用户") {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: "../oneselfUser/index"
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.switchTab({
|
||||||
|
url: "../tabBar/product"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}, 1000)
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$u.toast(res.data.msg)
|
||||||
|
this.form.code = "";
|
||||||
|
// this.getCodeImageFn();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
submit() {
|
||||||
|
if(!this.protocolStatus){
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '请先阅读并同意用户协议',
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.$refs.uForm.validate(valid => {
|
||||||
|
if (valid) {
|
||||||
|
uni.request({
|
||||||
|
url: config.baseUrl + "/auth/login",
|
||||||
|
method: "POST",
|
||||||
|
data: {
|
||||||
|
...this.form,
|
||||||
|
clientId: config.clientId,
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
Clientid: config.clientId
|
||||||
|
},
|
||||||
|
success: (res) => {
|
||||||
|
console.log(res);
|
||||||
|
if (res.data.code == 200 && res.data.data.access_token) {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '登录成功',
|
||||||
|
type: 'success',
|
||||||
|
})
|
||||||
|
this.$store.dispatch('setLogin', res.data.data.access_token);
|
||||||
|
uni.setStorage({
|
||||||
|
key: 'tenantId',
|
||||||
|
data: this.form.tenantId,
|
||||||
|
}).then(res => {
|
||||||
|
return uni.setStorage({
|
||||||
|
key: 'username',
|
||||||
|
data: this.form.username,
|
||||||
|
})
|
||||||
|
}).then(res => {
|
||||||
|
return uni.setStorage({
|
||||||
|
key: 'password',
|
||||||
|
data: this.form.password,
|
||||||
|
})
|
||||||
|
}).then(res => {
|
||||||
|
setTimeout(() => {
|
||||||
|
if (this.usetTypeValue == "普通用户") {
|
||||||
|
uni.reLaunch({
|
||||||
|
url: "../oneselfUser/index"
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.switchTab({
|
||||||
|
url: "../tabBar/product"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}, 1000)
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$u.toast(res.data.msg)
|
||||||
|
this.form.code = "";
|
||||||
|
// this.getCodeImageFn();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
console.log('验证失败');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.login-ctn {
|
.login-ctn {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -82,7 +548,7 @@
|
||||||
|
|
||||||
.login-function-ctn {
|
.login-function-ctn {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
// justify-content: flex-end;
|
||||||
padding: 30rpx 0rpx;
|
padding: 30rpx 0rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -113,11 +579,14 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.other-login-item {
|
.other-login-item {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
.other-login-bg {
|
.other-login-bg {
|
||||||
width: 100rpx;
|
width: 100rpx;
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: #07c160;
|
background: #0066cc;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -130,459 +599,4 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<template>
|
|
||||||
<view class="login-ctn">
|
|
||||||
<view class="login-bg">
|
|
||||||
<image src="http://static.drgyen.com/app/hc-app-power/images/login-header.png" mode=""></image>
|
|
||||||
</view>
|
|
||||||
<view class="login-header">
|
|
||||||
<view class="login-header-img-box">
|
|
||||||
<!-- #ifdef APP-PLUS -->
|
|
||||||
<image class="login-header-img" :src="appConfig.logo" mode=""></image>
|
|
||||||
<!-- #endif -->
|
|
||||||
<!-- #ifndef APP-PLUS -->
|
|
||||||
<image class="login-header-img" :src="appConfig.logo" mode=""></image>
|
|
||||||
<!-- #endif -->
|
|
||||||
</view>
|
|
||||||
<view class="login-header-text">{{appConfig.name}}</view>
|
|
||||||
</view>
|
|
||||||
<view class="login-form-ctn">
|
|
||||||
<view class="login-form">
|
|
||||||
<u-form :model="form" :rules="rules" ref="uForm">
|
|
||||||
<u-form-item v-if="tenantEnabled && isTenant" label=" " label-width="60" prop="tenantId" left-icon="account"
|
|
||||||
:left-icon-style="{ color: '#ccc', fontSize: '30rpx' }">
|
|
||||||
<view style="width: 100%;display: flex;align-items: center;justify-content: space-between;" @click="tenantShow=true">
|
|
||||||
<text>{{activeTenantObj.companyName}}</text>
|
|
||||||
<u-icon name="arrow-down"></u-icon>
|
|
||||||
</view>
|
|
||||||
</u-form-item>
|
|
||||||
<u-form-item label=" " label-width="60" prop="username" left-icon="account"
|
|
||||||
:left-icon-style="{ color: '#ccc', fontSize: '30rpx' }">
|
|
||||||
<u-input v-model="form.username" placeholder="请输入手机号/账号" />
|
|
||||||
</u-form-item>
|
|
||||||
<u-form-item label=" " label-width="60" prop="password" left-icon="lock-open"
|
|
||||||
:left-icon-style="{ color: '#ccc', fontSize: '36rpx' }">
|
|
||||||
<u-input class="password-input" v-model="form.password" type="password" placeholder="请输入密码" />
|
|
||||||
</u-form-item>
|
|
||||||
<!-- <u-form-item label=" " label-width="60" prop="code" left-icon="chat"
|
|
||||||
:left-icon-style="{ color: '#ccc', fontSize: '34rpx' }">
|
|
||||||
<u-image slot="right" mode="scaleToFill" width="160" height="60" @click="getCodeImageFn"
|
|
||||||
:src="'data:image/jpg;base64,' + captchaData.img"></u-image>
|
|
||||||
<u-input v-model="form.code" placeholder="请输入验证码" />
|
|
||||||
</u-form-item> -->
|
|
||||||
</u-form>
|
|
||||||
<!-- <view class="login-function-ctn" v-if="current===0">
|
|
||||||
<text class="text--base--grey" @click="goForgotPasswordFn">忘记密码?</text>
|
|
||||||
</view> -->
|
|
||||||
<view class="login-button-ctn">
|
|
||||||
<u-button shape="circle" :custom-style="{ background: 'linear-gradient(270deg, #0066CC 8%, #1890FF 100%)' , height:'100rpx' }"
|
|
||||||
@click="submit" type="primary">立即登录</u-button>
|
|
||||||
</view>
|
|
||||||
<view class="protocol-box">
|
|
||||||
<!-- <u-checkbox v-model="protocolStatus">阅读并同意以下协议<text @click.stop="goPolicy">《用户协议》</text></u-checkbox> -->
|
|
||||||
</view>
|
|
||||||
<!-- <view class="other-login-box">
|
|
||||||
<view class="other-login-item" @click="goWxLogin">
|
|
||||||
<view class="other-login-bg">
|
|
||||||
<u-icon name="weixin-fill" color="#fff" size="56"></u-icon>
|
|
||||||
</view>
|
|
||||||
<text class="other-login-name">微信登录</text>
|
|
||||||
</view>
|
|
||||||
</view> -->
|
|
||||||
</view>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
<!-- <view class="login-version-info">
|
|
||||||
<view>Copyright 2022-2024 {{appConfig.companyName}} Powered By DSservice</view>
|
|
||||||
<view>{{appConfig.contractRecordNumber || ''}}</view>
|
|
||||||
</view> -->
|
|
||||||
<u-select v-model="tenantShow" :list="tenantList" label-name="companyName" value-name="tenantId" @confirm="changeTenant"></u-select>
|
|
||||||
<u-toast ref="uToast" />
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
let userToken = '';
|
|
||||||
import config from "@/common/api/config.js"
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
protocolStatus: true,
|
|
||||||
usetTypeValue: '企业用户',
|
|
||||||
list: [{
|
|
||||||
name: '普通用户',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: '企业用户',
|
|
||||||
}
|
|
||||||
],
|
|
||||||
captchaData: null,
|
|
||||||
current: 0,
|
|
||||||
form: {
|
|
||||||
clientId: "",
|
|
||||||
grantType: "password",
|
|
||||||
rememberMe: false,
|
|
||||||
tenantId: "",
|
|
||||||
username: "",
|
|
||||||
password: ""
|
|
||||||
},
|
|
||||||
mode:null,
|
|
||||||
rules: {
|
|
||||||
// 字段名称
|
|
||||||
username: [{
|
|
||||||
required: true,
|
|
||||||
message: '请输入手机号/账号',
|
|
||||||
trigger: ['change', 'blur'],
|
|
||||||
}],
|
|
||||||
password: [{
|
|
||||||
required: true,
|
|
||||||
message: '请输入密码',
|
|
||||||
trigger: ['change', 'blur'],
|
|
||||||
}],
|
|
||||||
code: [{
|
|
||||||
required: true,
|
|
||||||
message: '请输入验证码',
|
|
||||||
trigger: ['change', 'blur'],
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
tenantShow:false,
|
|
||||||
tenantList:[],
|
|
||||||
activeTenantObj:{
|
|
||||||
tenantId: "",
|
|
||||||
companyName: "",
|
|
||||||
domain: "",
|
|
||||||
logo: null,
|
|
||||||
registerEnable: false
|
|
||||||
},
|
|
||||||
// 租户是否已启用
|
|
||||||
tenantEnabled:true,
|
|
||||||
query:{},
|
|
||||||
isTenant: true,
|
|
||||||
appid:'',
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
appConfig() {
|
|
||||||
return this.$store.state.app.appConfig
|
|
||||||
},
|
|
||||||
},
|
|
||||||
onLoad(e) {
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
const accountInfo = uni.getAccountInfoSync();
|
|
||||||
this.appid = accountInfo.miniProgram.appId;
|
|
||||||
// #endif
|
|
||||||
if(e){
|
|
||||||
this.query = e;
|
|
||||||
}
|
|
||||||
if(e.tenantId){
|
|
||||||
this.form.tenantId = e.tenantId;
|
|
||||||
}
|
|
||||||
// 普通二维码参数转小程序参数
|
|
||||||
if (e.q && e.q != "undefined") { //扫码进入
|
|
||||||
const qrUrl = decodeURIComponent(e.q) // 获取到二维码原始链接内容
|
|
||||||
//GetWxMiniProgramUrlParam() 这个方法是解析链接地址中的参数方法
|
|
||||||
e = this.GetWxMiniProgramUrlParam(qrUrl); //此处就是我们要获取的参数 json
|
|
||||||
}
|
|
||||||
console.log("当前参数",e)
|
|
||||||
if(e.mode){
|
|
||||||
this.mode = e.mode;
|
|
||||||
}
|
|
||||||
this.getTenantList();
|
|
||||||
if(e.mode == '1'){ //mode:1 带密码参数直接登录
|
|
||||||
this.form.username = e.user || '';
|
|
||||||
this.form.password = e.pwd || '';
|
|
||||||
this.autoLogin()
|
|
||||||
}else{
|
|
||||||
userToken = uni.getStorageSync('userToken');
|
|
||||||
console.log("userToken", userToken)
|
|
||||||
if (userToken) {
|
|
||||||
uni.switchTab({
|
|
||||||
url: "../tabBar/order"
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
// this.getCodeImageFn();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this.usetTypeValue = e.userType == "user" ? "普通用户" : "企业用户";
|
|
||||||
|
|
||||||
},
|
|
||||||
onShow() {
|
|
||||||
if(this.mode != '1'){
|
|
||||||
uni.getStorage({
|
|
||||||
key: 'username',
|
|
||||||
}).then(res => {
|
|
||||||
// 如果返回数组为两位就是正确
|
|
||||||
if (res.length == 2) {
|
|
||||||
this.form.username = res[1].data;
|
|
||||||
}
|
|
||||||
return uni.getStorage({
|
|
||||||
key: 'password',
|
|
||||||
})
|
|
||||||
}).then(res => {
|
|
||||||
if (res.length == 2) {
|
|
||||||
this.form.password = res[1].data;
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
onReady() {
|
|
||||||
this.$refs.uForm.setRules(this.rules);
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
getTenantList(){
|
|
||||||
uni.request({
|
|
||||||
url: config.baseUrl + "/auth/tenant/list",
|
|
||||||
method: "GET",
|
|
||||||
data: {},
|
|
||||||
header: {
|
|
||||||
Clientid: config.clientId
|
|
||||||
},
|
|
||||||
success: (res) => {
|
|
||||||
console.log("res11",res);
|
|
||||||
if(res.data.code == 200){
|
|
||||||
let data = res.data.data;
|
|
||||||
this.tenantEnabled = data.tenantEnabled === undefined ? true : data.tenantEnabled;
|
|
||||||
if(this.tenantEnabled){
|
|
||||||
this.tenantList = data.voList || [];
|
|
||||||
let logo = '';
|
|
||||||
let title = '';
|
|
||||||
// #ifdef H5
|
|
||||||
if(this.query.tenantId){
|
|
||||||
this.form.tenantId = this.query.tenantId;
|
|
||||||
data.voList.forEach((item) => {
|
|
||||||
if (item.tenantId === this.query.tenantId) {
|
|
||||||
logo = item.logo;
|
|
||||||
title = item.companyName;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.isTenant = false;
|
|
||||||
} else if (data.voList != null && data.voList.length === 1 && data.voList[0].domain === window.location.host) {
|
|
||||||
this.form.tenantId = data.voList[0].tenantId;
|
|
||||||
logo = data.voList[0].logo;
|
|
||||||
title = data.voList[0].companyName;
|
|
||||||
this.isTenant = false;
|
|
||||||
} else if (data.voList != null && data.voList.length !== 0) {
|
|
||||||
this.form.tenantId = data.voList[0].tenantId;
|
|
||||||
this.activeTenantObj = data.voList[0] ;
|
|
||||||
logo = data.voList[0].logo;
|
|
||||||
title = data.voList[0].companyName;
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
// #ifdef MP-WEIXIN
|
|
||||||
if(this.appid){
|
|
||||||
let isAppid = true;
|
|
||||||
data.voList.forEach((item) => {
|
|
||||||
if (item.appId === this.appid) {
|
|
||||||
console.log("appId",item)
|
|
||||||
this.form.tenantId = item.tenantId;
|
|
||||||
logo = item.logo;
|
|
||||||
title = item.companyName;
|
|
||||||
isAppid = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if(isAppid){
|
|
||||||
this.form.tenantId = data.voList[0].tenantId;
|
|
||||||
this.activeTenantObj = data.voList[0] ;
|
|
||||||
logo = data.voList[0].logo;
|
|
||||||
title = data.voList[0].companyName;
|
|
||||||
}else{
|
|
||||||
this.isTenant = false;
|
|
||||||
}
|
|
||||||
}else if (data.voList != null && data.voList.length !== 0) {
|
|
||||||
this.form.tenantId = data.voList[0].tenantId;
|
|
||||||
this.activeTenantObj = data.voList[0] ;
|
|
||||||
logo = data.voList[0].logo;
|
|
||||||
title = data.voList[0].companyName;
|
|
||||||
}
|
|
||||||
// #endif
|
|
||||||
console.log("title",title,logo)
|
|
||||||
if(title){
|
|
||||||
this.appConfig.logo = logo;
|
|
||||||
this.appConfig.name = title;
|
|
||||||
}else{
|
|
||||||
this.appConfig.logo = '';
|
|
||||||
this.appConfig.name = this.$store.state.app.appConfig;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
changeTenant(e){
|
|
||||||
console.log("e",e[0].value)
|
|
||||||
this.tenantList.forEach((item) => {
|
|
||||||
if (item.tenantId == e[0].value) {
|
|
||||||
this.activeTenantObj = item;
|
|
||||||
this.form.tenantId = item.tenantId;
|
|
||||||
this.appConfig.logo = item.logo;
|
|
||||||
this.appConfig.name = item.companyName;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
GetWxMiniProgramUrlParam(url) {
|
|
||||||
let theRequest = {};
|
|
||||||
if (url.indexOf("#") != -1) {
|
|
||||||
const str = url.split("#")[1];
|
|
||||||
const strs = str.split("&");
|
|
||||||
for (let i = 0; i < strs.length; i++) {
|
|
||||||
theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
|
|
||||||
}
|
|
||||||
} else if (url.indexOf("?") != -1) {
|
|
||||||
const str = url.split("?")[1];
|
|
||||||
const strs = str.split("&");
|
|
||||||
for (let i = 0; i < strs.length; i++) {
|
|
||||||
theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return theRequest;
|
|
||||||
},
|
|
||||||
// 跳转密码登录页
|
|
||||||
goWxLogin(){
|
|
||||||
uni.reLaunch({
|
|
||||||
url: './login'
|
|
||||||
});
|
|
||||||
},
|
|
||||||
goPolicy() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/tabBar/my/userPolicy'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
goForgotPasswordFn() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: `./forgotPassword?userType=${this.usetTypeValue=="普通用户"?"user":"company"}`
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 获取验证码
|
|
||||||
getCodeImageFn() {
|
|
||||||
this.$get("/captchaImage").then((res) => {
|
|
||||||
console.log(res, "resss");
|
|
||||||
this.captchaData = res;
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 自动登录
|
|
||||||
autoLogin(){
|
|
||||||
uni.request({
|
|
||||||
url: config.baseUrl + "/login",
|
|
||||||
method: "POST",
|
|
||||||
data: {
|
|
||||||
username: this.form.username,
|
|
||||||
password: this.form.password,
|
|
||||||
},
|
|
||||||
header: {
|
|
||||||
UserType: this.usetTypeValue == "普通用户" ? "PERSONAL" : "TENANT",
|
|
||||||
},
|
|
||||||
success: (res) => {
|
|
||||||
console.log(res);
|
|
||||||
if (res.data.token) {
|
|
||||||
this.$refs.uToast.show({
|
|
||||||
title: '登录成功',
|
|
||||||
type: 'success',
|
|
||||||
})
|
|
||||||
this.$store.dispatch('setLogin', res.data.token);
|
|
||||||
uni.setStorage({
|
|
||||||
key: 'userType',
|
|
||||||
data: this.usetTypeValue,
|
|
||||||
}).then(res => {
|
|
||||||
return uni.setStorage({
|
|
||||||
key: 'username',
|
|
||||||
data: this.form.username,
|
|
||||||
})
|
|
||||||
}).then(res => {
|
|
||||||
return uni.setStorage({
|
|
||||||
key: 'password',
|
|
||||||
data: this.form.password,
|
|
||||||
})
|
|
||||||
}).then(res => {
|
|
||||||
setTimeout(() => {
|
|
||||||
if (this.usetTypeValue == "普通用户") {
|
|
||||||
uni.reLaunch({
|
|
||||||
url: "../oneselfUser/index"
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
uni.switchTab({
|
|
||||||
url: "../tabBar/order"
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}, 1000)
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.$u.toast(res.data.msg)
|
|
||||||
this.form.code = "";
|
|
||||||
// this.getCodeImageFn();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
submit() {
|
|
||||||
if(!this.protocolStatus){
|
|
||||||
this.$refs.uToast.show({
|
|
||||||
title: '请先阅读并同意用户协议',
|
|
||||||
})
|
|
||||||
}else{
|
|
||||||
this.$refs.uForm.validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
uni.request({
|
|
||||||
url: config.baseUrl + "/auth/login",
|
|
||||||
method: "POST",
|
|
||||||
data: {
|
|
||||||
...this.form,
|
|
||||||
clientId: config.clientId,
|
|
||||||
},
|
|
||||||
header: {
|
|
||||||
Clientid: config.clientId
|
|
||||||
},
|
|
||||||
success: (res) => {
|
|
||||||
console.log(res);
|
|
||||||
if (res.data.code == 200 && res.data.data.access_token) {
|
|
||||||
this.$refs.uToast.show({
|
|
||||||
title: '登录成功',
|
|
||||||
type: 'success',
|
|
||||||
})
|
|
||||||
this.$store.dispatch('setLogin', res.data.data.access_token);
|
|
||||||
uni.setStorage({
|
|
||||||
key: 'userType',
|
|
||||||
data: this.usetTypeValue,
|
|
||||||
}).then(res => {
|
|
||||||
return uni.setStorage({
|
|
||||||
key: 'username',
|
|
||||||
data: this.form.username,
|
|
||||||
})
|
|
||||||
}).then(res => {
|
|
||||||
return uni.setStorage({
|
|
||||||
key: 'password',
|
|
||||||
data: this.form.password,
|
|
||||||
})
|
|
||||||
}).then(res => {
|
|
||||||
setTimeout(() => {
|
|
||||||
if (this.usetTypeValue == "普通用户") {
|
|
||||||
uni.reLaunch({
|
|
||||||
url: "../oneselfUser/index"
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
uni.switchTab({
|
|
||||||
url: "../tabBar/order"
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}, 1000)
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.$u.toast(res.data.msg)
|
|
||||||
this.form.code = "";
|
|
||||||
// this.getCodeImageFn();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
console.log('验证失败');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
@ -0,0 +1,204 @@
|
||||||
|
<template>
|
||||||
|
<view class="container">
|
||||||
|
<!-- 商品图片 -->
|
||||||
|
<image
|
||||||
|
:src="productInfo.imageUrl"
|
||||||
|
mode="aspectFill"
|
||||||
|
class="product-image"
|
||||||
|
@click="lookPic(productInfo.imageUrl)"
|
||||||
|
></image>
|
||||||
|
|
||||||
|
<!-- 分类标签 -->
|
||||||
|
<view class="category-tags">
|
||||||
|
<u-tag
|
||||||
|
v-if="categoryName"
|
||||||
|
:text="categoryName"
|
||||||
|
type="primary"
|
||||||
|
mode="light"
|
||||||
|
></u-tag>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 商品信息 -->
|
||||||
|
<view class="product-info">
|
||||||
|
<view class="product-title">{{ productInfo.name }}</view>
|
||||||
|
<view class="price-box">
|
||||||
|
<text class="current-price">¥{{ (productInfo.price / 100).toFixed(2) }}</text>
|
||||||
|
<text class="original-price">¥{{ (productInfo.listPrice / 100).toFixed(2) }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="stock">库存: {{ productInfo.stock }}件</view>
|
||||||
|
<view class="description">{{ productInfo.description || '' }}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 底部购买按钮 -->
|
||||||
|
<view class="btn-box">
|
||||||
|
<!-- <button class="buy-button" @click="handleBuy">立即购买</button> -->
|
||||||
|
<u-button type="primary" :loading="buttonLoading" @click="handleBuy">立即购买</u-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
productInfo: {
|
||||||
|
id: '',
|
||||||
|
name: '',
|
||||||
|
price: 0,
|
||||||
|
listPrice: 0,
|
||||||
|
stock: 0,
|
||||||
|
description: '',
|
||||||
|
imageUrl: '',
|
||||||
|
categoryId: ''
|
||||||
|
},
|
||||||
|
mall_product_category:[],
|
||||||
|
buttonLoading:false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
// 根据categoryId获取分类名称
|
||||||
|
categoryName() {
|
||||||
|
if (this.productInfo.categoryId!='' || !this.mall_product_category.length) return '';
|
||||||
|
const category = this.mall_product_category.find(item =>
|
||||||
|
item.dictValue == this.productInfo.categoryId
|
||||||
|
);
|
||||||
|
return category ? category.dictLabel : '';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
this.getDictDataList('mall_product_category');
|
||||||
|
if (option.id) {
|
||||||
|
this.getProductDetail(option.id)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取分类列表
|
||||||
|
getDictDataList(type){
|
||||||
|
this.$api.getDictList(type).then((res)=>{
|
||||||
|
if(res.code===200){
|
||||||
|
this[type] = res.data || [];
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getProductDetail(id) {
|
||||||
|
this.$api.productApi.getProductDetail(id).then((res)=>{
|
||||||
|
console.log("获取商品详情",res)
|
||||||
|
if(res.code == 200){
|
||||||
|
this.productInfo = res.data;
|
||||||
|
} else {
|
||||||
|
uni.showToast({
|
||||||
|
title: '获取商品详情失败',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}).catch((error)=>{
|
||||||
|
uni.showToast({
|
||||||
|
title: '获取商品详情失败',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
lookPic(url){
|
||||||
|
uni.previewImage({
|
||||||
|
current: '', // 当前显示图片的 http 链接
|
||||||
|
urls: [url] // 需要预览的图片 http 链接列表
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleBuy() {
|
||||||
|
// 处理购买逻辑
|
||||||
|
uni.showToast({
|
||||||
|
title: '正在开发中...',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.container {
|
||||||
|
min-height: 100vh;
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
padding-bottom: 120rpx; // 为底部按钮留出空间
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 750rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-tags {
|
||||||
|
padding: 16rpx 30rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-info {
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 30rpx;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-title {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #333;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price-box {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
|
||||||
|
.current-price {
|
||||||
|
font-size: 40rpx;
|
||||||
|
color: #ff5500;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.original-price {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999;
|
||||||
|
text-decoration: line-through;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.stock {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #666;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.description {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #666;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-box {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
height: 120rpx;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: #fff;
|
||||||
|
z-index: 999;
|
||||||
|
button{
|
||||||
|
width: 680rpx;
|
||||||
|
height: 85rpx;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,243 @@
|
||||||
|
<template>
|
||||||
|
<view class="container">
|
||||||
|
<view class="header-box">
|
||||||
|
<!-- 搜索框 -->
|
||||||
|
<view class="search-box">
|
||||||
|
<u-search
|
||||||
|
v-model="searchValue"
|
||||||
|
placeholder="搜索商品"
|
||||||
|
:show-action="false"
|
||||||
|
@custom="onSearchFn"
|
||||||
|
@search="onSearchFn"
|
||||||
|
></u-search>
|
||||||
|
</view>
|
||||||
|
<!-- 分类标签 -->
|
||||||
|
<u-tabs
|
||||||
|
:list="tabList"
|
||||||
|
:current="tabCurrent"
|
||||||
|
name="dictLabel"
|
||||||
|
@change="tabChange"
|
||||||
|
:is-scroll="false"
|
||||||
|
item-style="padding-left: 15px; padding-right: 15px; height: 34px;"
|
||||||
|
></u-tabs>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 商品列表 -->
|
||||||
|
<mescroll-body
|
||||||
|
ref="mescrollRef"
|
||||||
|
top="186rpx"
|
||||||
|
@init="mescrollInit"
|
||||||
|
@down="downCallback"
|
||||||
|
@up="upCallback"
|
||||||
|
:up="upOption"
|
||||||
|
>
|
||||||
|
<view class="product-grid">
|
||||||
|
<view
|
||||||
|
class="product-item"
|
||||||
|
v-for="(item, index) in productList"
|
||||||
|
:key="item.id"
|
||||||
|
@click="goDetail(item)"
|
||||||
|
>
|
||||||
|
<image
|
||||||
|
:src="item.imageUrl"
|
||||||
|
mode="aspectFill"
|
||||||
|
class="product-image"
|
||||||
|
></image>
|
||||||
|
<view class="product-info">
|
||||||
|
<text class="product-name u-line-2">{{ item.name }}</text>
|
||||||
|
<view class="price-box">
|
||||||
|
<text class="current-price">¥{{ (item.price / 100).toFixed(2) }}</text>
|
||||||
|
<text class="original-price">¥{{ (item.listPrice / 100).toFixed(2) }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</mescroll-body>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
upOption:{
|
||||||
|
page:{
|
||||||
|
num : 0 ,
|
||||||
|
size : 12 ,
|
||||||
|
time : null
|
||||||
|
},
|
||||||
|
noMoreSize: 4,
|
||||||
|
empty:{
|
||||||
|
use : true ,
|
||||||
|
tip: '~ 商品列表为空 ~',
|
||||||
|
fixed: true,
|
||||||
|
top: "200rpx",
|
||||||
|
},
|
||||||
|
bgColor:"#f5f5f5"
|
||||||
|
},
|
||||||
|
searchValue: '',
|
||||||
|
tabCurrent: 0,
|
||||||
|
tabList: [], // 存储转换后的tab列表
|
||||||
|
productList: [],
|
||||||
|
mescroll: null,
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
currentCategory: '' // 当前选中的分类code
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mixins:[MescrollMixin],
|
||||||
|
onLoad() {
|
||||||
|
this.getDictDataList('mall_product_category');
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取分类列表
|
||||||
|
getDictDataList(type){
|
||||||
|
this.$api.getDictList(type).then((res)=>{
|
||||||
|
if(res.code===200){
|
||||||
|
this[type] = res.data || [];
|
||||||
|
if(type == 'mall_product_category'){
|
||||||
|
this.tabList = [{ dictLabel: '全部',dictValue: '' },...res.data]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 上拉加载
|
||||||
|
upCallback(page) {
|
||||||
|
// this.getProductList(mescroll)
|
||||||
|
let pageNum = page.num; // 页码, 默认从1开始
|
||||||
|
let pageSize = page.size; // 页长, 默认每页10条
|
||||||
|
let obj = {
|
||||||
|
pageNum:pageNum,
|
||||||
|
pageSize:pageSize,
|
||||||
|
publishStatus:1,
|
||||||
|
name:this.searchValue,
|
||||||
|
categoryId:this.currentCategory,
|
||||||
|
orderByColumn: 'createTime',
|
||||||
|
isAsc: 'desc',
|
||||||
|
}
|
||||||
|
this.$api.productApi.getProductList(obj).then((res)=>{
|
||||||
|
console.log("当前商品列表",res)
|
||||||
|
if (res.rows && res.rows.length>0) {
|
||||||
|
// 接口返回的当前页数据列表 (数组)
|
||||||
|
let curPageData = res.rows;
|
||||||
|
// 接口返回的当前页数据长度 (如列表有26个数据,当前页返回8个,则curPageLen=8)
|
||||||
|
let curPageLen = curPageData && curPageData.length;
|
||||||
|
//设置列表数据
|
||||||
|
console.log(curPageLen,res.total);
|
||||||
|
if(pageNum == 1){
|
||||||
|
this.productList = []; //如果是第一页需手动置空列表
|
||||||
|
// this.getUnreadNewIdList(); //
|
||||||
|
// this.getUnreadNewNum();
|
||||||
|
}
|
||||||
|
this.productList = this.productList.concat(curPageData); //追加新数据
|
||||||
|
this.mescroll.endBySize(curPageLen, res.total); // 推荐
|
||||||
|
this.loading = false;
|
||||||
|
} else{
|
||||||
|
this.productList = [];
|
||||||
|
this.mescroll.endErr();
|
||||||
|
this.mescroll.showEmpty();
|
||||||
|
this.loading = false;
|
||||||
|
// this.mescroll.endUpScroll(true)
|
||||||
|
}
|
||||||
|
}).catch(()=>{
|
||||||
|
this.$u.toast('服务器开小差了呢，请您稍后再试')
|
||||||
|
this.productList = [];
|
||||||
|
//联网失败, 结束加载
|
||||||
|
this.mescroll.endErr();
|
||||||
|
this.mescroll.showEmpty();
|
||||||
|
this.loading = false;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 上拉加载
|
||||||
|
onSearchFn(){
|
||||||
|
this.mescroll.resetUpScroll();
|
||||||
|
},
|
||||||
|
|
||||||
|
// 切换分类
|
||||||
|
tabChange(index) {
|
||||||
|
this.tabCurrent = index
|
||||||
|
this.currentCategory = this.tabList[index].dictValue;
|
||||||
|
this.mescroll.resetUpScroll()
|
||||||
|
},
|
||||||
|
|
||||||
|
// 跳转到商品详情
|
||||||
|
goDetail(item) {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages/product/detail?id=${item.id}`
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.container {
|
||||||
|
min-height: 100vh;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
.header-box{
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: var(--window-top);
|
||||||
|
width: 100%;
|
||||||
|
z-index: 999;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.search-box {
|
||||||
|
padding: 20rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-grid {
|
||||||
|
padding: 20rpx;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-item {
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
|
||||||
|
|
||||||
|
.product-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 345rpx;
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-info {
|
||||||
|
padding: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-name {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333;
|
||||||
|
line-height: 1.4;
|
||||||
|
margin-bottom: 12rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price-box {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
|
||||||
|
.current-price {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #ff5500;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-right: 12rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.original-price {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999;
|
||||||
|
text-decoration: line-through;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
@ -1,192 +1,415 @@
|
||||||
/* @font-face {
|
|
||||||
font-family: "diconfont";
|
|
||||||
src: url('//at.alicdn.com/t/c/font_4601750_didlrvj3tlw.woff2?t=1733898191649') format('woff2'),
|
|
||||||
url('//at.alicdn.com/t/c/font_4601750_didlrvj3tlw.woff?t=1733898191649') format('woff'),
|
|
||||||
url('//at.alicdn.com/t/c/font_4601750_didlrvj3tlw.ttf?t=1733898191649') format('truetype');
|
|
||||||
} */
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "diconfont";
|
font-family: "iconfont"; /* Project id 4669262 */
|
||||||
src: url('//static.drgyen.com/app/hc-app-power/font/iconfont.woff2?t=1733898191649') format('woff2'),
|
src: url('//at.alicdn.com/t/c/font_4669262_u9rbl9p25qn.woff2?t=1740103284583') format('woff2'),
|
||||||
url('//static.drgyen.com/app/hc-app-power/font/iconfont.woff?t=1733898191649') format('woff'),
|
url('//at.alicdn.com/t/c/font_4669262_u9rbl9p25qn.woff?t=1740103284583') format('woff'),
|
||||||
url('//static.drgyen.com/app/hc-app-power/font/iconfont.ttf?t=1733898191649') format('truetype');
|
url('//at.alicdn.com/t/c/font_4669262_u9rbl9p25qn.ttf?t=1740103284583') format('truetype'),
|
||||||
|
url('//at.alicdn.com/t/c/font_4669262_u9rbl9p25qn.svg?t=1740103284583#iconfont') format('svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.diconfont {
|
.iconfont {
|
||||||
font-family: "diconfont" !important;
|
font-family: "iconfont" !important;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-saoyisao2:before {
|
.icon-shouji:before {
|
||||||
|
content: "\e653";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-weixin1:before {
|
||||||
|
content: "\e661";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-suo:before {
|
||||||
|
content: "\e662";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-my-task:before {
|
||||||
|
content: "\e718";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-finish:before {
|
||||||
content: "\e618";
|
content: "\e618";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-mti-qiehuan:before {
|
.icon-model:before {
|
||||||
content: "\e73e";
|
content: "\e74a";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-shebei_shebeizu:before {
|
.icon-category:before {
|
||||||
content: "\e616";
|
content: "\e65d";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_dianliang:before {
|
.icon-waiting:before {
|
||||||
content: "\e776";
|
content: "\e65e";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_dianya:before {
|
.icon-workflow:before {
|
||||||
content: "\e777";
|
content: "\e600";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_zongliang:before {
|
.icon-my-copy:before {
|
||||||
content: "\e778";
|
content: "\e65f";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_fenzha:before {
|
.icon-topiam:before {
|
||||||
content: "\e779";
|
content: "\e660";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_jinribaojing:before {
|
.icon-caret-back:before {
|
||||||
content: "\e77a";
|
content: "\e64a";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_hezha:before {
|
.icon-caret-forward:before {
|
||||||
content: "\e77b";
|
content: "\e61e";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_wendu:before {
|
.icon-example:before {
|
||||||
content: "\e77c";
|
content: "\e64f";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_dianliu:before {
|
.icon-email:before {
|
||||||
content: "\e77d";
|
content: "\e650";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_xiugai:before {
|
.icon-drag:before {
|
||||||
content: "\e77e";
|
content: "\e651";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_saoma:before {
|
.icon-edit:before {
|
||||||
content: "\e77f";
|
content: "\e652";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_weibaojilu:before {
|
.icon-checkbox:before {
|
||||||
content: "\e780";
|
content: "\e654";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_gengduo:before {
|
.icon-documentation:before {
|
||||||
content: "\e781";
|
content: "\e655";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-duanxin:before {
|
.icon-color:before {
|
||||||
|
content: "\e656";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-clipboard:before {
|
||||||
|
content: "\e657";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-druid:before {
|
||||||
|
content: "\e658";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-cascader:before {
|
||||||
|
content: "\e659";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-company:before {
|
||||||
|
content: "\e65a";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-code:before {
|
||||||
|
content: "\e65b";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-chart:before {
|
||||||
|
content: "\e65c";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-component:before {
|
||||||
|
content: "\e64d";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-date-range:before {
|
||||||
|
content: "\e64e";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-list:before {
|
||||||
|
content: "\e63a";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-logininfor:before {
|
||||||
|
content: "\e63b";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-github:before {
|
||||||
|
content: "\e63c";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-guide:before {
|
||||||
|
content: "\e63d";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-message:before {
|
||||||
content: "\e63e";
|
content: "\e63e";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-zuoji:before {
|
.icon-lock:before {
|
||||||
|
content: "\e63f";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-link:before {
|
||||||
|
content: "\e640";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-eye-open:before {
|
||||||
|
content: "\e641";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-international:before {
|
||||||
|
content: "\e642";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-exit-fullscreen:before {
|
||||||
content: "\e643";
|
content: "\e643";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-fenhezhajingshi:before {
|
.icon-gitee:before {
|
||||||
content: "\e6cd";
|
content: "\e644";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-dingwei:before {
|
.icon-excel:before {
|
||||||
|
content: "\e645";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-date:before {
|
||||||
|
content: "\e646";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-dashboard:before {
|
||||||
|
content: "\e647";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-dict:before {
|
||||||
|
content: "\e648";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-fullscreen:before {
|
||||||
|
content: "\e649";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-eye:before {
|
||||||
|
content: "\e64b";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-education:before {
|
||||||
|
content: "\e64c";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-search:before {
|
||||||
|
content: "\e624";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-slider:before {
|
||||||
|
content: "\e625";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-rate:before {
|
||||||
|
content: "\e626";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-input:before {
|
||||||
|
content: "\e627";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-shopping:before {
|
||||||
|
content: "\e628";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-post:before {
|
||||||
|
content: "\e629";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-redis-list:before {
|
||||||
|
content: "\e62a";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-select:before {
|
||||||
|
content: "\e62b";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-nested:before {
|
||||||
|
content: "\e62c";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-people:before {
|
||||||
|
content: "\e62d";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-question:before {
|
||||||
|
content: "\e62e";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-number:before {
|
||||||
|
content: "\e62f";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-radio:before {
|
||||||
|
content: "\e630";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-pdf:before {
|
||||||
|
content: "\e631";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-download:before {
|
||||||
|
content: "\e632";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-phone:before {
|
||||||
|
content: "\e633";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-password:before {
|
||||||
|
content: "\e634";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-language:before {
|
||||||
|
content: "\e635";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-money:before {
|
||||||
|
content: "\e636";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-monitor:before {
|
||||||
|
content: "\e637";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-job:before {
|
||||||
|
content: "\e638";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-log:before {
|
||||||
|
content: "\e639";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-user:before {
|
||||||
|
content: "\e60b";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-build:before {
|
||||||
|
content: "\e60c";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-tool:before {
|
||||||
|
content: "\e60d";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-system:before {
|
||||||
|
content: "\e60e";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-star:before {
|
||||||
|
content: "\e60f";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-peoples:before {
|
||||||
|
content: "\e611";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-icon:before {
|
||||||
|
content: "\e612";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-upload:before {
|
||||||
|
content: "\e613";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-validCode:before {
|
||||||
|
content: "\e614";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-tree-table:before {
|
||||||
|
content: "\e615";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-table:before {
|
||||||
|
content: "\e616";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-theme:before {
|
||||||
content: "\e617";
|
content: "\e617";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-bangzhu:before {
|
.icon-time-range:before {
|
||||||
content: "\e70f";
|
content: "\e619";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-mima1:before {
|
.icon-swagger:before {
|
||||||
content: "\e668";
|
content: "\e61a";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-xiaoxi:before {
|
.icon-row:before {
|
||||||
|
content: "\e61b";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-server:before {
|
||||||
|
content: "\e61c";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-qq:before {
|
||||||
|
content: "\e61d";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-skill:before {
|
||||||
|
content: "\e61f";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-textarea:before {
|
||||||
|
content: "\e620";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-form:before {
|
||||||
|
content: "\e621";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-tab:before {
|
||||||
|
content: "\e622";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-online:before {
|
||||||
|
content: "\e623";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-a-404:before {
|
||||||
|
content: "\e602";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-size:before {
|
||||||
|
content: "\e603";
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-bug:before {
|
||||||
content: "\e604";
|
content: "\e604";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-you:before {
|
.icon-switch:before {
|
||||||
content: "\e68b";
|
content: "\e605";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_weizhi:before {
|
.icon-button:before {
|
||||||
content: "\e770";
|
content: "\e606";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_banbenhao:before {
|
.icon-redis:before {
|
||||||
content: "\e763";
|
content: "\e607";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_yongnengfenxi:before {
|
.icon-zip:before {
|
||||||
content: "\e764";
|
content: "\e608";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_bianji:before {
|
.icon-wechat:before {
|
||||||
content: "\e765";
|
content: "\e609";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_dingshiqi:before {
|
.icon-tree:before {
|
||||||
content: "\e766";
|
content: "\e60a";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dicon-icon_dingwei:before {
|
.icon-time:before {
|
||||||
content: "\e767";
|
content: "\e601";
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_guanyu:before {
|
|
||||||
content: "\e768";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_gongcheng:before {
|
|
||||||
content: "\e769";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_mulu:before {
|
|
||||||
content: "\e76a";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_gaojingjilu:before {
|
|
||||||
content: "\e76b";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_shishi:before {
|
|
||||||
content: "\e76c";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_liandongpeizhi:before {
|
|
||||||
content: "\e76d";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_shijian:before {
|
|
||||||
content: "\e76e";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_weibao:before {
|
|
||||||
content: "\e76f";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_jiance:before {
|
|
||||||
content: "\e75d";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_xiaofang:before {
|
|
||||||
content: "\e75e";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_yongqi:before {
|
|
||||||
content: "\e75f";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_yongdian:before {
|
|
||||||
content: "\e760";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_shipin:before {
|
|
||||||
content: "\e761";
|
|
||||||
}
|
|
||||||
|
|
||||||
.dicon-icon_yongshui:before {
|
|
||||||
content: "\e762";
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
|
|
@ -17,7 +17,14 @@ const auth = {
|
||||||
state.hasLogin = false;
|
state.hasLogin = false;
|
||||||
state.userInfo = {};
|
state.userInfo = {};
|
||||||
state.userToken = {};
|
state.userToken = {};
|
||||||
uni.clearStorageSync();
|
// uni.clearStorageSync();
|
||||||
|
const resStorage = uni.getStorageInfoSync();
|
||||||
|
console.log("获取到缓存信息",resStorage)
|
||||||
|
resStorage.keys.forEach((item)=>{
|
||||||
|
if(item!="username" && item!="password" && item!="phonenumber"){
|
||||||
|
uni.removeStorageSync(item);
|
||||||
|
}
|
||||||
|
})
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
actions:{
|
actions:{
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue