修改样式
This commit is contained in:
xuli3099
@@ -3,85 +3,89 @@
|
|||||||
<view class="container">
|
<view class="container">
|
||||||
<view class="bg"></view>
|
<view class="bg"></view>
|
||||||
<view class="bg-con">
|
<view class="bg-con">
|
||||||
<view :style="{height: navBarPaddingTop + 'px'}"></view>
|
<view class="bg-h">
|
||||||
<view class="auth-title">
|
|
||||||
<image src="@/static/images/icon-lock@2x.png"/>
|
|
||||||
<text>{{networkEnv==1?'内网':''}}设备授权</text>
|
|
||||||
</view>
|
|
||||||
<view class="login-con">
|
|
||||||
<!-- 登录 -->
|
|
||||||
<block v-if="!bindStatus">
|
|
||||||
<view class="login-form" :class="{network1:networkEnv==1}">
|
|
||||||
<uni-forms ref="form2" :model="formData2" :rules="rules2" label-position="top">
|
|
||||||
<!-- networkEnv -->
|
|
||||||
<uni-forms-item label="设备标识" required name="uniqCode" v-if="networkEnv==1">
|
|
||||||
<view class="code-con code-device">
|
|
||||||
<uni-easyinput prefixIcon="person" :inputBorder="false"
|
|
||||||
v-model="formData2.uniqCode" placeholder="请输入设备标识"
|
|
||||||
>
|
|
||||||
<!-- <template #prefixIcon> -->
|
|
||||||
<!-- <image src="@/static/images/login-biaoshi.png" style="width: 20px; height: 20px;" /> -->
|
|
||||||
<!-- </template> -->
|
|
||||||
|
|
||||||
</uni-easyinput>
|
<view :style="{height: navBarPaddingTop + 'px'}"></view>
|
||||||
</view>
|
<view class="auth-title">
|
||||||
</uni-forms-item>
|
<image src="@/static/images/icon-lock@2x.png"/>
|
||||||
<uni-forms-item label="用户名" required name="username">
|
<text>{{networkEnv==1?'内网':''}}设备授权</text>
|
||||||
<view class="code-con">
|
</view>
|
||||||
<uni-easyinput prefixIcon="person" :inputBorder="false"
|
<view class="login-con">
|
||||||
v-model="formData2.username" placeholder="请输入用户名"
|
<!-- 登录 -->
|
||||||
/>
|
<block v-if="!bindStatus">
|
||||||
</view>
|
<view class="login-form" :class="{network1:networkEnv==1}">
|
||||||
</uni-forms-item>
|
<uni-forms ref="form2" :model="formData2" :rules="rules2" label-position="top">
|
||||||
<uni-forms-item label="密码" required name="password" class="password">
|
<!-- networkEnv -->
|
||||||
<view class="code-con">
|
<uni-forms-item label="设备标识" required name="uniqCode" v-if="networkEnv==1">
|
||||||
<uni-easyinput prefixIcon="locked" type="password" :inputBorder="false"
|
<view class="code-con code-device">
|
||||||
v-model="formData2.password" placeholder="请输入登录密码"
|
<uni-easyinput prefixIcon="person" :inputBorder="false"
|
||||||
/>
|
v-model="formData2.uniqCode" placeholder="请输入设备标识"
|
||||||
</view>
|
>
|
||||||
</uni-forms-item>
|
<!-- <template #prefixIcon> -->
|
||||||
</uni-forms>
|
<!-- <image src="@/static/images/login-biaoshi.png" style="width: 20px; height: 20px;" /> -->
|
||||||
</view>
|
<!-- </template> -->
|
||||||
<button type="primary" class="btn-submit" @click="submitForm" :loading="btnLoading" :disabled="btnLoading">设备授权申请</button>
|
|
||||||
</block>
|
|
||||||
|
|
||||||
<!-- 等待页面（定时任务查询 10秒查询一次） -->
|
</uni-easyinput>
|
||||||
<view v-if="bindStatus==2" class="login-form approval">
|
</view>
|
||||||
<view class="approval-title">审核中，请等待...</view>
|
</uni-forms-item>
|
||||||
<button type="primary" class="btn-refresh" @click="handleRefresh">刷新</button>
|
<uni-forms-item label="用户名" required name="username">
|
||||||
</view>
|
<view class="code-con">
|
||||||
<!-- bindStatus=5-----显示授权失败，联系管理员 -->
|
<uni-easyinput prefixIcon="person" :inputBorder="false"
|
||||||
<view v-if="bindStatus==5" class="login-form approval-red-con">
|
v-model="formData2.username" placeholder="请输入用户名"
|
||||||
<view class="approval-red">显示授权失败，联系管理员</view>
|
/>
|
||||||
</view>
|
</view>
|
||||||
<!-- bindStatus=3-----输入授权码页面 -->
|
</uni-forms-item>
|
||||||
<block v-if="bindStatus==3">
|
<uni-forms-item label="密码" required name="password" class="password">
|
||||||
<view class="login-form approval" style="padding:110rpx 55rpx 150rpx;">
|
<view class="code-con">
|
||||||
<view class="approval-title">审核通过，请输入授权码</view>
|
<uni-easyinput prefixIcon="locked" type="password" :inputBorder="false"
|
||||||
<view class="auth-code">
|
v-model="formData2.password" placeholder="请输入登录密码"
|
||||||
<input v-for="(item, index) in codes"
|
/>
|
||||||
password
|
</view>
|
||||||
:key="index"
|
</uni-forms-item>
|
||||||
v-model="codes[index]"
|
</uni-forms>
|
||||||
type="number"
|
|
||||||
maxlength="1"
|
|
||||||
:ref="el => { if (el) inputRefs[index] = el }"
|
|
||||||
@input="handleInput(index, $event)"
|
|
||||||
@keydown.delete="handleDelete(index, $event)"
|
|
||||||
:focus="activeIndex==index"
|
|
||||||
@blur="handleBlur(index,codes[index])"
|
|
||||||
/>
|
|
||||||
</view>
|
</view>
|
||||||
|
<button type="primary" class="btn-submit" @click="submitForm" :loading="btnLoading" :disabled="btnLoading">设备授权申请</button>
|
||||||
|
</block>
|
||||||
|
|
||||||
|
<!-- 等待页面（定时任务查询 10秒查询一次） -->
|
||||||
|
<view v-if="bindStatus==2" class="login-form approval">
|
||||||
|
<view class="approval-title">审核中，请等待...</view>
|
||||||
|
<button type="primary" class="btn-refresh" @click="handleRefresh">刷新</button>
|
||||||
</view>
|
</view>
|
||||||
<button type="primary" class="btn-submit" @click="handleSubmit" :loading="subLoading" :disabled="subLoading">提交</button>
|
<!-- bindStatus=5-----显示授权失败，联系管理员 -->
|
||||||
</block>
|
<view v-if="bindStatus==5" class="login-form approval-red-con">
|
||||||
|
<view class="approval-red">显示授权失败，联系管理员</view>
|
||||||
|
</view>
|
||||||
|
<!-- bindStatus=3-----输入授权码页面 -->
|
||||||
|
<block v-if="bindStatus==3">
|
||||||
|
<view class="login-form approval" style="padding:110rpx 55rpx 150rpx;">
|
||||||
|
<view class="approval-title">审核通过，请输入授权码</view>
|
||||||
|
<view class="auth-code">
|
||||||
|
<input v-for="(item, index) in codes"
|
||||||
|
password
|
||||||
|
:key="index"
|
||||||
|
v-model="codes[index]"
|
||||||
|
type="number"
|
||||||
|
maxlength="1"
|
||||||
|
:ref="el => { if (el) inputRefs[index] = el }"
|
||||||
|
@input="handleInput(index, $event)"
|
||||||
|
@keydown.delete="handleDelete(index, $event)"
|
||||||
|
:focus="activeIndex==index"
|
||||||
|
@blur="handleBlur(index,codes[index])"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<button type="primary" class="btn-submit" @click="handleSubmit" :loading="subLoading" :disabled="subLoading">提交</button>
|
||||||
|
</block>
|
||||||
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="bottom-pic">
|
<!-- <view class="bottom-pic">
|
||||||
<image src="@/static/images/PicLogo@2x.png" class="pic-logo" />
|
<image src="@/static/images/PicLogo@2x.png" class="pic-logo" />
|
||||||
<view class="bottom-bg"></view>
|
<view class="bottom-bg"></view>
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@@ -400,6 +404,14 @@ const handleSubmit=()=>{
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.container .bg-h{
|
||||||
|
background:url('@/static/images/PicLogoTxt2@2x.png') center bottom 10rpx no-repeat;
|
||||||
|
background-size:487rpx 214rpx;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
margin:0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
.container .login-con{
|
.container .login-con{
|
||||||
width:610rpx;
|
width:610rpx;
|
||||||
margin:70rpx auto;
|
margin:70rpx auto;
|
||||||
|
|||||||
@@ -258,10 +258,10 @@ const submitForm = () => {
|
|||||||
param.runEnv = networkEnv.value;
|
param.runEnv = networkEnv.value;
|
||||||
|
|
||||||
// #ifdef H5
|
// #ifdef H5
|
||||||
|
//h5测试用 内网-sn123456
|
||||||
// b6ffbbfb-5b2d-4640-af3a-e43d0158eaf9
|
//公司外网 '9516053c-b441-465b-9781-06e7b8031811'
|
||||||
// 679d5560-534f-4df8-815a-49227ba6ffd2
|
//友晟外网 'b97527c8-2ad4-493c-a01c-5f9d0aabaff2'
|
||||||
param.uniqCode = 'b97527c8-2ad4-493c-a01c-5f9d0aabaff2';//h5测试用 内网-sn123456 外网-b6ffbbfb-5b2d-4640-af3a-e43d0158eaf9
|
param.uniqCode = 'b97527c8-2ad4-493c-a01c-5f9d0aabaff2';
|
||||||
let res = await login(param);
|
let res = await login(param);
|
||||||
userStore.login(res);
|
userStore.login(res);
|
||||||
uni.switchTab({ url: '/pages/home/home' })
|
uni.switchTab({ url: '/pages/home/home' })
|
||||||
|
|||||||
BIN
src/static/images/PicLogoTxt2@2x.png
Normal file
BIN
src/static/images/PicLogoTxt2@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Reference in New Issue
Block a user