修改样式
This commit is contained in:
xuli3099
@@ -3,85 +3,89 @@
|
||||
<view class="container">
|
||||
<view class="bg"></view>
|
||||
<view class="bg-con">
|
||||
<view :style="{height: navBarPaddingTop + 'px'}"></view>
|
||||
<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> -->
|
||||
<view class="bg-h">
|
||||
|
||||
</uni-easyinput>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="用户名" required name="username">
|
||||
<view class="code-con">
|
||||
<uni-easyinput prefixIcon="person" :inputBorder="false"
|
||||
v-model="formData2.username" placeholder="请输入用户名"
|
||||
/>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="密码" required name="password" class="password">
|
||||
<view class="code-con">
|
||||
<uni-easyinput prefixIcon="locked" type="password" :inputBorder="false"
|
||||
v-model="formData2.password" placeholder="请输入登录密码"
|
||||
/>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</view>
|
||||
<button type="primary" class="btn-submit" @click="submitForm" :loading="btnLoading" :disabled="btnLoading">设备授权申请</button>
|
||||
</block>
|
||||
<view :style="{height: navBarPaddingTop + 'px'}"></view>
|
||||
<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> -->
|
||||
|
||||
<!-- 等待页面（定时任务查询 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>
|
||||
<!-- bindStatus=5-----显示授权失败，联系管理员 -->
|
||||
<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])"
|
||||
/>
|
||||
</uni-easyinput>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="用户名" required name="username">
|
||||
<view class="code-con">
|
||||
<uni-easyinput prefixIcon="person" :inputBorder="false"
|
||||
v-model="formData2.username" placeholder="请输入用户名"
|
||||
/>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="密码" required name="password" class="password">
|
||||
<view class="code-con">
|
||||
<uni-easyinput prefixIcon="locked" type="password" :inputBorder="false"
|
||||
v-model="formData2.password" placeholder="请输入登录密码"
|
||||
/>
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
</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>
|
||||
<button type="primary" class="btn-submit" @click="handleSubmit" :loading="subLoading" :disabled="subLoading">提交</button>
|
||||
</block>
|
||||
<!-- bindStatus=5-----显示授权失败，联系管理员 -->
|
||||
<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 class="bottom-pic">
|
||||
<!-- <view class="bottom-pic">
|
||||
<image src="@/static/images/PicLogo@2x.png" class="pic-logo" />
|
||||
<view class="bottom-bg"></view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -400,6 +404,14 @@ const handleSubmit=()=>{
|
||||
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{
|
||||
width:610rpx;
|
||||
margin:70rpx auto;
|
||||
|
||||
@@ -258,10 +258,10 @@ const submitForm = () => {
|
||||
param.runEnv = networkEnv.value;
|
||||
|
||||
// #ifdef H5
|
||||
|
||||
// b6ffbbfb-5b2d-4640-af3a-e43d0158eaf9
|
||||
// 679d5560-534f-4df8-815a-49227ba6ffd2
|
||||
param.uniqCode = 'b97527c8-2ad4-493c-a01c-5f9d0aabaff2';//h5测试用 内网-sn123456 外网-b6ffbbfb-5b2d-4640-af3a-e43d0158eaf9
|
||||
//h5测试用 内网-sn123456
|
||||
//公司外网 '9516053c-b441-465b-9781-06e7b8031811'
|
||||
//友晟外网 'b97527c8-2ad4-493c-a01c-5f9d0aabaff2'
|
||||
param.uniqCode = 'b97527c8-2ad4-493c-a01c-5f9d0aabaff2';
|
||||
let res = await login(param);
|
||||
userStore.login(res);
|
||||
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