1、相关方端新增打回打回信息

2、修改审批流程bug
pull/11/head
liujun 2024-03-19 17:37:35 +08:00
parent 38bc28dbe6
commit edeefef119
1 changed files with 84 additions and 17 deletions

View File

@ -6,7 +6,13 @@
</div> </div>
<div class="outside-shadow"> <div class="outside-shadow">
<div class="inside-shadow"> <div class="inside-shadow">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-position="left"> <el-form
ref="loginForm"
:model="loginForm"
:rules="loginRules"
class="login-form"
autocomplete="on"
label-position="left">
<div class="title-container"> <div class="title-container">
<h3 class="title">企业用户登录</h3> <h3 class="title">企业用户登录</h3>
@ -14,37 +20,60 @@
<el-form-item prop="username"> <el-form-item prop="username">
<span class="svg-container"> <span class="svg-container">
<svg-icon icon-class="user" /> <svg-icon icon-class="user"/>
</span> </span>
<el-input ref="username" v-model="loginForm.username" placeholder="用户名" type="text" tabindex="1" autocomplete="on" /> <el-input
ref="username"
v-model="loginForm.username"
placeholder="用户名"
type="text"
tabindex="1"
autocomplete="on"/>
</el-form-item> </el-form-item>
<el-tooltip v-model="capsTooltip" content="Caps lock is On" placement="right" manual> <el-tooltip v-model="capsTooltip" content="Caps lock is On" placement="right" manual>
<el-form-item prop="password"> <el-form-item prop="password">
<span class="svg-container"> <span class="svg-container">
<svg-icon icon-class="password" /> <svg-icon icon-class="password"/>
</span> </span>
<el-input ref="password" :key="passwordType" v-model="loginForm.password" :type="passwordType" auto-complete="off" placeholder="密码" tabindex="2" autocomplete="on" @keyup.native="checkCapslock" @blur="capsTooltip = false" /> <el-input
ref="password"
:key="passwordType"
v-model="loginForm.password"
:type="passwordType"
auto-complete="off"
placeholder="密码"
tabindex="2"
autocomplete="on"
@keyup.native="checkCapslock"
@blur="capsTooltip = false"/>
</el-form-item> </el-form-item>
</el-tooltip> </el-tooltip>
<div v-show="loginCount >= 3"> <div v-show="loginCount >= 3">
<el-form-item> <el-form-item>
<span class="svg-container"> <span class="svg-container">
<svg-icon icon-class="s-code" /> <svg-icon icon-class="s-code"/>
</span> </span>
<el-input v-model="code" placeholder="验证码" type="text" tabindex="3" autocomplete="on" /> <el-input v-model="code" placeholder="验证码" type="text" tabindex="3" autocomplete="on"/>
</el-form-item> </el-form-item>
<div class="login-code" style="display: flex;margin-top: -15px;margin-bottom: 10px;" @click="refreshCode"> <div class="login-code" style="display: flex;margin-top: -15px;margin-bottom: 10px;" @click="refreshCode">
<!--验证码组件--> <!--验证码组件-->
<s-identify :identify-code="identifyCode" /> <s-identify :identify-code="identifyCode"/>
<el-button type="text" style="margin-left: 50px" @click="refreshCode"></el-button> <el-button type="text" style="margin-left: 50px" @click="refreshCode"></el-button>
</div> </div>
</div> </div>
<validation ref="validation" /> <validation ref="validation"/>
<el-button :loading="loading" :disabled="flag" type="primary" size="medium" style="width:100%;margin:30px 0;" @click.native.prevent="handleLogin">登录</el-button> <el-button
:loading="loading"
:disabled="flag"
type="primary"
size="medium"
style="width:100%;margin:30px 0;"
@click.native.prevent="handleLogin">登录
</el-button>
<div v-if="false" style="margin-top: -25px; margin-bottom: 30px; color: red">{{ failMsg }}</div> <div v-if="false" style="margin-top: -25px; margin-bottom: 30px; color: red">{{ failMsg }}</div>
<div style="position:relative"> <div style="position:relative">
<div class="tips"> <div class="tips">
@ -57,14 +86,14 @@
</div> </div>
<el-dialog :visible.sync="dialogFormQrcode" title="秦港-双基双控APP下载" width="340px"> <el-dialog :visible.sync="dialogFormQrcode" title="秦港-双基双控APP下载" width="340px">
<el-form ref="form" label-width="110px" style="width: 300px;"> <el-form ref="form" label-width="110px" style="width: 300px;">
<vue-qr :text="qrcodeStr" :margin="0" :size="300" color-dark="#000" color-light="#fff" /> <vue-qr :text="qrcodeStr" :margin="0" :size="300" color-dark="#000" color-light="#fff"/>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="dialogFormQrcode = false"> </el-button> <el-button @click="dialogFormQrcode = false"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<div class="login-foot"> <div class="login-foot">
秦皇岛港股份有限公司 版权所有 BETA1.0 Copy right 2013-2022 技术支持河北秦安 Version 1.0.18 秦皇岛港股份有限公司 版权所有 BETA1.0 Copy right 2013-2022 技术支持河北秦安 Version 1.0.18
</div> </div>
</div> </div>
</template> </template>
@ -79,6 +108,7 @@ import validation from './components/validation'
import vueQr from 'vue-qr' import vueQr from 'vue-qr'
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
import axios from 'axios' import axios from 'axios'
export default { export default {
name: 'Login', name: 'Login',
components: { vueQr, validation, SIdentify }, components: { vueQr, validation, SIdentify },
@ -251,6 +281,7 @@ export default {
this.$router.push({ path: '/index' }) this.$router.push({ path: '/index' })
this.loading = false this.loading = false
this.flag = false this.flag = false
this.getWorkTask(data.USER_ID)
} else { } else {
if (data.msg) { if (data.msg) {
this.$message.error(data.msg) this.$message.error(data.msg)
@ -283,6 +314,24 @@ export default {
} }
}) })
}, },
getWorkTask(id) {
requestFN(
'/xgf/user/getWorkTask', { USER_ID: id }
).then((data) => {
if (data.list && data.list.length > 0) {
setTimeout(() => {
console.log(data)
console.log('???????--sparrow')
this.$notify.info({
title: '消息',
message: '您有【' + data.list.length + '】条相关方人员数据待审核'
})
}, 3000)
}
}).catch((e) => {
console.log(e)
})
},
getOtherQuery(query) { getOtherQuery(query) {
return Object.keys(query).reduce((acc, cur) => { return Object.keys(query).reduce((acc, cur) => {
if (cur !== 'redirect') { if (cur !== 'redirect') {
@ -335,12 +384,14 @@ export default {
color: #fff; color: #fff;
} }
} }
/* reset element-ui css */ /* reset element-ui css */
.login-container .el-input { .login-container .el-input {
display: inline-block; display: inline-block;
height: 42px; height: 42px;
width: 85%; width: 85%;
} }
.login-container .el-input input { .login-container .el-input input {
background: transparent; background: transparent;
border: 0px; border: 0px;
@ -351,10 +402,12 @@ export default {
line-height: 42px; line-height: 42px;
/* caret-color: #fff; */ /* caret-color: #fff; */
} }
.login-container .el-input input:-webkit-autofill { .login-container .el-input input:-webkit-autofill {
box-shadow: 0 0 0px 1000px #fff inset !important; box-shadow: 0 0 0px 1000px #fff inset !important;
-webkit-text-fill-color: #000 !important; -webkit-text-fill-color: #000 !important;
} }
.login-container .el-form-item { .login-container .el-form-item {
border: 1px solid #aad5ff; border: 1px solid #aad5ff;
/* background: rgba(0, 0, 0, 0.1); */ /* background: rgba(0, 0, 0, 0.1); */
@ -363,17 +416,19 @@ export default {
} }
</style> </style>
<style > <style>
.login-logo { .login-logo {
position: absolute; position: absolute;
top: 50px; top: 50px;
left: 50px; left: 50px;
pointer-events: none; pointer-events: none;
} }
.login-logo img { .login-logo img {
width: 836px; width: 836px;
height: 93px; height: 93px;
} }
.login-container { .login-container {
height: 100vh; height: 100vh;
width: 100%; width: 100%;
@ -384,6 +439,7 @@ export default {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.login-foot { .login-foot {
font-size: 14px; font-size: 14px;
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
@ -394,26 +450,29 @@ export default {
transform: translateX(-50%); transform: translateX(-50%);
z-index: 99; z-index: 99;
} }
.outside-shadow{
.outside-shadow {
position: absolute; position: absolute;
right: 10%; right: 10%;
top: 24%; top: 24%;
width: 460px; width: 460px;
height: 400px; height: 400px;
border-radius: 10px; border-radius: 10px;
background-color: rgba(255,255,255,0.3); background-color: rgba(255, 255, 255, 0.3);
z-index: 97; z-index: 97;
} }
.inside-shadow{
.inside-shadow {
position: absolute; position: absolute;
top: -22.5px; top: -22.5px;
left: 15px; left: 15px;
width: 430px; width: 430px;
height: 445px; height: 445px;
border-radius: 10px; border-radius: 10px;
background-color: rgba(255,255,255,0.5); background-color: rgba(255, 255, 255, 0.5);
z-index: 98; z-index: 98;
} }
.login-container .login-form { .login-container .login-form {
position: absolute; position: absolute;
width: 400px; width: 400px;
@ -428,15 +487,18 @@ export default {
left: 15px; left: 15px;
z-index: 99; z-index: 99;
} }
.login-name { .login-name {
position: absolute; position: absolute;
right: 9.5%; right: 9.5%;
top: 15%; top: 15%;
} }
.login-name img { .login-name img {
width: 422px; width: 422px;
height: 53px; height: 53px;
} }
.login-container .tips { .login-container .tips {
font-size: 14px; font-size: 14px;
color: #464646; color: #464646;
@ -452,15 +514,18 @@ export default {
width: 30px; width: 30px;
display: inline-block; display: inline-block;
} }
.login-container .title-container { .login-container .title-container {
position: relative; position: relative;
} }
.login-container .title-container .title { .login-container .title-container .title {
font-size: 20px; font-size: 20px;
color: #000; color: #000;
font-weight: normal; font-weight: normal;
font-family: "微软雅黑", "宋体", "Arial Narrow", Helvetica, sans-serif; font-family: "微软雅黑", "宋体", "Arial Narrow", Helvetica, sans-serif;
} }
.login-container .show-pwd { .login-container .show-pwd {
position: absolute; position: absolute;
right: 10px; right: 10px;
@ -470,11 +535,13 @@ export default {
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
} }
.login-container .thirdparty-button { .login-container .thirdparty-button {
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 6px; bottom: 6px;
} }
@media only screen and (max-width: 470px) { @media only screen and (max-width: 470px) {
.login-container .thirdparty-button { .login-container .thirdparty-button {
display: none; display: none;