industrial-web
/
industrial-alliance-website
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

v0.3 登录+注册

master
DESKTOP-00SUCB6\Administrator 5 years ago
parent
5ce21a1ca3
commit
f09411aa10
13 changed files with 430 additions and 283 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      public/config.js
  2. BIN
      public/template/001/img/login/bg.png
  3. BIN
      public/template/001/img/login/refresh.png
  4. 12
      public/template/001/login/login/index.scss
  5. 21
      public/template/001/styles/element-ui.scss
  6. 6
      public/template/001/styles/index.scss
  7. 2
      public/template/001/styles/sidebar.scss
  8. 19
      src/views/about/index.vue
  9. 58
      src/views/home/index.vue
  10. 26
      src/views/layout/components/header.vue
  11. 44
      src/views/login/index.vue
  12. 144
      src/views/login/register.vue
  13. 8
      src/views/login/retrievePassword.vue

1
public/config.js
View File

@ -4,4 +4,5 @@ config = {
LOGIN_URL: 'http://www.fatoaniic.com/#/login', LOGIN_URL: 'http://www.fatoaniic.com/#/login',
APP_URL:'http://nmsj.org.cn/', APP_URL:'http://nmsj.org.cn/',
SHOW_URL: "http://121.36.65.171:8787/file/", SHOW_URL: "http://121.36.65.171:8787/file/",
UPLOAD_URL: "http://www.fatoaniic.com/api/api-ftp/ftp/upload",
} }

BIN
public/template/001/img/login/bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 278 KiB

BIN
public/template/001/img/login/refresh.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 642 B

After

Width:  |  Height:  |  Size: 788 B

12
public/template/001/login/login/index.scss
View File

@ -53,7 +53,7 @@
.el-form-item { .el-form-item {
// width:407px; // width:407px;
max-width: 100%; max-width: 100%;
height:34px; // height:34px;
background:rgba(255,255,255,1); background:rgba(255,255,255,1);
border:1px solid rgba(220,220,220,1); border:1px solid rgba(220,220,220,1);
border-radius:4px; border-radius:4px;
@ -74,7 +74,7 @@
} }
a.click_link { a.click_link {
font-size: 14px; font-size: 14px;
color: #2788CC; color: #01496E;
cursor: pointer; cursor: pointer;
} }
} }
@ -99,7 +99,7 @@
position: absolute; position: absolute;
width: 450px; width: 450px;
left: 50%; left: 50%;
top:calc(15vh + 130px); top:130px;
z-index: 100; z-index: 100;
padding: 50px 70px; padding: 50px 70px;
transform: translateX(-50%); transform: translateX(-50%);
@ -226,3 +226,9 @@
color:#000; color:#000;
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
} }
.is-error .el-form-item__content {
border: 1px solid #e60012;
}
.el-form-item__content:focus-within {
border: 1px solid #01496e;
}

21
public/template/001/styles/element-ui.scss
View File

@ -12,7 +12,15 @@
.el-table tr { .el-table tr {
background-color: transparent; background-color: transparent;
} }
.el-button--primary {
color: #FFF;
background: linear-gradient(180deg, rgba(1, 73, 110, 1),rgba(27, 92, 125, 1));
border-radius: 2px;
border-color: rgba(1, 73, 110, 1);
&:hover,&:active,&:focus {
background: linear-gradient(180deg, rgba(1, 73, 110, 0.8),rgba(27, 92, 125, 0.8));
}
}
//分页器reset css //分页器reset css
.el-pagination { .el-pagination {
padding: 30px 5px; padding: 30px 5px;
@ -36,16 +44,19 @@
// border-color: #df3434; // border-color: #df3434;
// } // }
.el-select .el-input.is-focus .el-input__inner { .el-select .el-input.is-focus .el-input__inner {
border-color: #df3434; border-color: #01496e;
} }
.el-select-dropdown__item.selected { .el-select-dropdown__item.selected {
color: #df3434; color: #01496e;
} }
.el-input.is-active .el-input__inner, .el-input.is-active .el-input__inner,
.el-input__inner:focus { .el-input__inner:focus {
border-color: #df3434; border-color: #01496e;
}
.el-select .el-input .el-select__caret {
color: #01496e;
font-size: 16px;
} }
.el-dialog__header { .el-dialog__header {
background-color:rgba(248,248,248,1); background-color:rgba(248,248,248,1);
} }

6
public/template/001/styles/index.scss
View File

@ -142,7 +142,9 @@ a:hover {
align-items: center; align-items: center;
flex-direction: column-reverse; flex-direction: column-reverse;
} }
.font-size-24 {
font-size: 24px;
}
.font-size-21 { .font-size-21 {
font-size: 21px; font-size: 21px;
} }
@ -212,6 +214,8 @@ a:hover {
.app-container { .app-container {
padding: 20px; padding: 20px;
margin: 0 auto;
width: 1200px;
background-color: #fff; background-color: #fff;
.input-suffix { .input-suffix {
line-height: 60px; line-height: 60px;

2
public/template/001/styles/sidebar.scss
View File

@ -32,7 +32,7 @@
left: 0; left: 0;
font-size: 18px; font-size: 18px;
z-index: 1001; z-index: 1001;
overflow: hidden; // overflow: hidden;
.svg-icon { .svg-icon {
color: #000; color: #000;
margin-right: 16px; margin-right: 16px;

19
src/views/about/index.vue
View File

@ -0,0 +1,19 @@
<template>
</template>
<script>
export default {
name: "about",
data() {
return {
};
},
mounted() {
},
methods:{
}
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
</style>

58
src/views/home/index.vue
View File

@ -38,16 +38,18 @@
</div> </div>
<div class="block2"> <div class="block2">
<el-row class="block-content"> <el-row class="block-content" style="padding-bottom:30px;">
<div class="left-box"> <div class="left-box">
<div class="title-box is-active"> <div class="title-box is-active" name="title-box" @click="changeTitleBox">
<span class="color-white title-2">联盟动态 <br><span class="font-size-21" style="opacity: 0.4;">NEWS</span></span> <span class="color-white title-2">联盟动态 <br><span class="font-size-21" style="opacity: 0.4;">NEWS</span></span>
</div> </div>
<div class="title-box"> <div class="title-box" name="title-box" @click="changeTitleBox">
<span class="color-white title-2">行业资讯 <br><span class="font-size-21" style="opacity: 0.4;">INFORMATION</span></span> <span class="color-white title-2">行业资讯 <br><span class="font-size-21" style="opacity: 0.4;">INFORMATION</span></span>
</div> </div>
</div> </div>
<div class="center-box"> <div class="center-box">
<el-row>
<el-col :span="12">
<div class="notice-list" v-for="(item,index) in noticeList.slice(0,6)" :key="index"> <div class="notice-list" v-for="(item,index) in noticeList.slice(0,6)" :key="index">
<div class="content-block-first" v-if="index == 0"> <div class="content-block-first" v-if="index == 0">
<p class="text-title">{{item.title}}</p> <p class="text-title">{{item.title}}</p>
@ -58,15 +60,25 @@
</div> </div>
<span class="text-date">{{item.sendtime}}</span> <span class="text-date">{{item.sendtime}}</span>
</div> </div>
</el-col>
<el-col :span="12">
<div class="notice-list" v-for="(item,index) in noticeList.slice(0,7)" :key="index">
<div class="content-block">
<p class="text-title" style="font-size:14px;">{{item.title}}</p>
</div>
<span class="text-date">{{item.sendtime}}</span>
</div>
</el-col>
</el-row>
</div> </div>
<div class="right-box"> </el-row>
<el-row class="block-content" style="padding-top:0;">
<div class="meeting meeting-bg"> <div class="meeting meeting-bg">
<span class="title-1" style="z-index:10;">2020年互联网大会</span> <span class="title-1" style="z-index:10;">2020年互联网大会</span>
</div> </div>
<div class="meeting forum-bg"> <div class="meeting forum-bg">
<span class="title-1" style="z-index:10;">2020年转型升级论坛</span> <span class="title-1" style="z-index:10;">2020年转型升级论坛</span>
</div> </div>
</div>
</el-row> </el-row>
</div> </div>
<div class="block3"> <div class="block3">
@ -178,8 +190,23 @@ export default {
{sendtime:'2020-05-07',title:'江门市工业和信息化局转发关于组织推进 “5G+工业”',content:'各市（含定州、辛集市）工业和信息化局、通信发展管理办公室，中国联通 河北分公司、中国电信河北分公司、中国移动河北分公司、河北广电网络。'}, {sendtime:'2020-05-07',title:'江门市工业和信息化局转发关于组织推进 “5G+工业”',content:'各市（含定州、辛集市）工业和信息化局、通信发展管理办公室，中国联通 河北分公司、中国电信河北分公司、中国移动河北分公司、河北广电网络。'},
{sendtime:'2020-05-08',title:'关于进一步加快工业互联网发展的通知',content:'各省、自治区、直辖市及计划单列市工业和信息化主管部门，各省、自治区 、直辖市通信管理局，各有关单位。'}, {sendtime:'2020-05-08',title:'关于进一步加快工业互联网发展的通知',content:'各省、自治区、直辖市及计划单列市工业和信息化主管部门，各省、自治区 、直辖市通信管理局，各有关单位。'},
{sendtime:'2020-05-07',title:'关于天津市钢铁、水泥企业 2018年度工序单位产品',content:'按照工业和信息化部《2019年工业节能监察重点工作计划》（工信部节函 〔2019〕77号）和《关于下达2019年国家重大工业节能监察任务及经费。'}, {sendtime:'2020-05-07',title:'关于天津市钢铁、水泥企业 2018年度工序单位产品',content:'按照工业和信息化部《2019年工业节能监察重点工作计划》（工信部节函 〔2019〕77号）和《关于下达2019年国家重大工业节能监察任务及经费。'},
{sendtime:'2020-06-07',title:'ssssssssssssssss 2018年度工序单位产品',content:'按照工业和信息化部《2019年工业节能监察重点工作计划》（工信部节函 〔2019〕77号）和《关于下达2019年国家重大工业节能监察任务及经费。'},
], ],
} }
},
mounted(){
},
methods:{
changeTitleBox(e){
let aDoc = document.getElementsByName("title-box")
for (let i = 0; i < aDoc.length; i++) {
const element = aDoc[i];
element.className = "title-box"
}
e.currentTarget.className = "title-box is-active"
// e.target.className = "title-box is-active"
}
} }
} }
@ -270,17 +297,17 @@ export default {
position: relative; position: relative;
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
width: 550px; width: 1000px;
height: 400px; height: 400px;
background: #fff; background: #fff;
z-index: 5; z-index: 5;
} }
.right-box { .right-box {
position: relative; position: relative;
float: right; // float: right;
vertical-align: top; // vertical-align: top;
display: inline-block; display: inline-block;
width: 430px; width: 1200px;
height: 400px; height: 400px;
} }
.title-box { .title-box {
@ -318,12 +345,13 @@ export default {
} }
.meeting { .meeting {
position: relative; position: relative;
width: 100%; display: inline-block;
height: 190px; width: calc(50% - 15px);
height: 220px;
color: #fff; color: #fff;
padding: 0 15px; padding: 0 30px;
&:first-child { &:first-child {
margin-bottom: 20px; margin-right: 30px;
} }
&:after { &:after {
content: " "; content: " ";
@ -528,7 +556,7 @@ export default {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: calc(100% - 90px); width: calc(100% - 90px);
height: 48px; height: 46px;
padding: 0 15px; padding: 0 15px;
&::before { &::before {
content: " "; content: " ";
@ -545,7 +573,7 @@ export default {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: calc(100% - 90px); width: calc(100% - 90px);
height: 94px; height: 103px;
padding: 0 15px; padding: 0 15px;
} }
.text-date { .text-date {

26
src/views/layout/components/header.vue
View File

@ -4,7 +4,7 @@
<span>欢迎访问中国食品工业互联网产业联盟</span> <span>欢迎访问中国食品工业互联网产业联盟</span>
<span class="float-right"> <a href="#/">返回首页</a> <el-divider direction="vertical"></el-divider><a href="#/register">加入联盟</a><el-divider direction="vertical"></el-divider><a href="#/login">登录</a></span> <span class="float-right"> <a href="#/">返回首页</a> <el-divider direction="vertical"></el-divider><a href="#/register">加入联盟</a><el-divider direction="vertical"></el-divider><a href="#/login">登录</a></span>
</div> </div>
<el-header style="height:84px;" id="topHeight"> <el-header style="height:84px;box-shadow: 0px 3px 7px 0px #DADADA;" id="topHeight" v-if="!searchFlag">
<div class="header-content"> <div class="header-content">
<router-link to="/"> <router-link to="/">
<img class="logo" :src="_getImage('search','logo-small.png')" /> <img class="logo" :src="_getImage('search','logo-small.png')" />
@ -14,7 +14,7 @@
</div> </div>
<img class="logo2" :src="_getImage('search','logo-small.png')" /> <img class="logo2" :src="_getImage('search','logo-small.png')" />
</router-link> </router-link>
<a class="el-icon-search float-right" style="line-height: 84px;" title="文章查询"></a> <a class="el-icon-search float-right" style="line-height: 84px;" title="文章查询" @click="searchFlag = true"></a>
<el-menu <el-menu
v-if="!onlyShow && $template == '001'" v-if="!onlyShow && $template == '001'"
class="menu-position" class="menu-position"
@ -49,10 +49,15 @@
</template> </template>
</template> </template>
</el-menu> </el-menu>
</div> </div>
</el-header> </el-header>
<div v-else style="width:100%;box-shadow: 0px 3px 7px 0px #DADADA;">
<div class="header-content">
<a class="el-icon-search" style="line-height: 84px;" title="文章查询" @click="search"></a>
<el-input placeholder="请输入内容" v-model="sSearch" style="width:calc(100% - 40px);padding:0 30px;" @keyup.enter.native="search"></el-input>
<a class="el-icon-close" title="关闭" @click="closeSearch"></a>
</div>
</div>
</div> </div>
</template> </template>
@ -69,7 +74,9 @@ export default {
return { return {
routes: [], routes: [],
variables:"", variables:"",
top:true top:true,
searchFlag:false,
sSearch:''
}; };
}, },
created(){ created(){
@ -77,6 +84,15 @@ export default {
}, },
mounted() { mounted() {
this.routes = this.$router.options.routes[0].children; this.routes = this.$router.options.routes[0].children;
},
methods:{
search(){
},
closeSearch() {
this.searchFlag = false,
this.sSearch = ''
}
} }
}; };
</script> </script>

44
src/views/login/index.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<div class="login-container"> <div class="login-container">
<div class="header"> <!-- <div class="header">
<h3 class="title-cn">工业互联网公共服务平台</h3> <h3 class="title-cn">工业互联网公共服务平台</h3>
<h4 class="title-en">Industrial Internet Public Service Platform</h4> <h4 class="title-en">Industrial Internet Public Service Platform</h4>
</div> </div> -->
<el-form <el-form
ref="loginForm" ref="loginForm"
:model="loginForm" :model="loginForm"
@ -76,13 +76,12 @@
/> />
</el-row> </el-row>
<div class="remember-block"> <div class="remember-block">
<!-- <el-checkbox v-model="remember">记住密码</el-checkbox> --> <el-checkbox v-model="remember">记住密码</el-checkbox>
<router-link :to="{name:'retrievePassword'}"> <router-link :to="{name:'retrievePassword'}">
<a class="click_link">忘记密码？</a> <a class="click_link float-right">忘记密码？</a>
</router-link> </router-link>
</div> </div>
<el-button <el-button
class="login-btn"
:loading="loading" :loading="loading"
type="primary" type="primary"
style="width:100%;" style="width:100%;"
@ -90,9 +89,6 @@
>登录 >登录
</el-button> </el-button>
</el-form> </el-form>
<div class="login_copyright">
Copyright 2014 顺鑫农业 All Rights Reserved 北京顺鑫农业股份有限公司 版权所有 京ICP备12039862号 京公网安备110113000279号
</div>
</div> </div>
</template> </template>
@ -178,16 +174,16 @@ export default {
password:this.$md5(this.loginForm.password), password:this.$md5(this.loginForm.password),
vercode:this.loginForm.vercode vercode:this.loginForm.vercode
} }
this.$store // this.$store
.dispatch("Login", params) // .dispatch("Login", params)
.then(data => { // .then(data => {
this.loading = false; // this.loading = false;
this.$router.push({path: "/"}); // this.$router.push({path: "/"});
}) // })
.catch(() => { // .catch(() => {
this.loading = false; // this.loading = false;
this.refreshCode(); // this.refreshCode();
}); // });
} else { } else {
console.log("error submit!!"); console.log("error submit!!");
return false; return false;
@ -195,12 +191,12 @@ export default {
}); });
}, },
getKeysList() { getKeysList() {
this.$store // this.$store
.dispatch("keyWords") // .dispatch("keyWords")
.then(data => { // .then(data => {
}) // })
.catch(() => { // .catch(() => {
}); // });
}, },
//刷新验证码 //刷新验证码
refreshCode: function () { refreshCode: function () {

144
src/views/login/register.vue
View File

@ -1,55 +1,49 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="app-main"> <div class="app-main">
<p class="font-size-24 font-weight-bold line-height-2em">加入联盟</p>
<el-divider></el-divider>
<el-form :model="form" :rules="rules" ref="userInfo" class="el-form-new"> <el-form :model="form" :rules="rules" ref="userInfo" class="el-form-new">
<el-row class="text-center"> <el-row>
<p class="font-size-21 font-weight-bold text-center line-height-2em">登录信息</p> <p class="tab-title">登录信息</p>
<el-col :span="11" > <el-col :span="11" >
<el-form-item label="用户名：" :label-width="formLabelWidth" prop="userName"> <el-form-item label="用户名：" :label-width="formLabelWidth" prop="userName">
<el-input v-model="form.userName" auto-complete="new-password" size="small"></el-input> <el-input v-model="form.userName" auto-complete="new-password" size="small" placeholder="请输入用户名"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="密码：" :label-width="formLabelWidth" prop="password"> <el-form-item label="密码：" :label-width="formLabelWidth" prop="password">
<el-input type="password" v-model="form.password" auto-complete="new-password" size="small"></el-input> <el-input type="password" v-model="form.password" auto-complete="new-password" size="small" placeholder="请输入密码"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label-width="formLabelWidth"> <el-form-item :label-width="formLabelWidth">
<check-password-strong :sValue="form.password"></check-password-strong> <check-password-strong :sValue="form.password"></check-password-strong>
</el-form-item> </el-form-item>
<el-form-item label="确认密码：" :label-width="formLabelWidth" prop="again"> <el-form-item label="确认密码：" :label-width="formLabelWidth" prop="again">
<el-input type="password" v-model="form.again" autocomplete="off" size="small"></el-input> <el-input type="password" v-model="form.again" autocomplete="off" size="small" placeholder="请再次输入密码"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="2" style="height:1px;"></el-col> <el-col :span="2" style="height:1px;"></el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item label="姓名：" :label-width="formLabelWidth" prop="name"> <el-form-item label="姓名：" :label-width="formLabelWidth" prop="name">
<el-input v-model="form.name" autocomplete="off" size="small"></el-input> <el-input v-model="form.name" autocomplete="off" size="small" placeholder="请输入姓名"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="邮箱：" :label-width="formLabelWidth" prop="email"> <el-form-item label="邮箱：" :label-width="formLabelWidth" prop="email">
<el-input v-model="form.email" autocomplete="off" size="small"></el-input> <el-input v-model="form.email" autocomplete="off" size="small" placeholder="请输入邮箱"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机号：" :label-width="formLabelWidth" prop="telPhone" ref="telPhone"> <el-form-item label="手机号：" :label-width="formLabelWidth" prop="telPhone" ref="telPhone">
<el-input v-model.number="form.telPhone" autocomplete="off" size="small"></el-input> <el-input v-model.number="form.telPhone" autocomplete="off" size="small" placeholder="请输入手机号"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="验证码：" :label-width="formLabelWidth" prop="code"> <el-form-item label="验证码：" :label-width="formLabelWidth" prop="code">
<el-input v-model="form.code" autocomplete="off" size="small" style="width:110px;"></el-input> <el-input v-model="form.code" autocomplete="off" size="small" style="width:180px;" placeholder="请输入验证码"></el-input>
<img id="codePic" :src="codeSrc" alt="点击刷新" class="code-pic" @click="refreshCode"/> <img id="codePic" :src="codeSrc" alt="点击刷新" class="code-pic" @click="refreshCode"/>
<img :src="_getImage('login','refresh.png')" alt="点击刷新" class="code-refresh" @click="refreshCode" /> <img :src="_getImage('login','refresh.png')" alt="点击刷新" class="code-refresh" @click="refreshCode" />
</el-form-item> </el-form-item>
<!-- <el-form-item label="短信验证码：" :label-width="formLabelWidth" prop="code">
<el-input v-model.number="form.code" autocomplete="off" size="small" style="width:110px;margin-right:5px;"></el-input>
<el-button type="danger" style="width:100px;" size="small" @click="getSendMessage" :disabled="sendStatus">
{{ !sendStatus ? '获取验证码' : timer + '秒' }}
</el-button>
</el-form-item> -->
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<p class="font-size-21 font-weight-bold text-center line-height-2em">企业信息</p> <p class="tab-title">企业信息</p>
<el-col :span="11" style="padding-right:30px;"> <el-col :span="11">
<el-form-item label="企业名称：" :label-width="formLabelWidth" prop="name"> <el-form-item label="企业名称：" :label-width="formLabelWidth" prop="name">
<el-input v-model="form.name" autocomplete="off"></el-input> <el-input v-model="form.name" autocomplete="off" placeholder="请输入企业名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="企业类型：" :label-width="formLabelWidth" prop="typeId"> <el-form-item label="企业类型：" :label-width="formLabelWidth" prop="typeId">
<!-- 企业类型的下拉菜单 --> <!-- 企业类型的下拉菜单 -->
@ -61,7 +55,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="统一社会信用代码：" :label-width="formLabelWidth" prop="code"> <el-form-item label="统一社会信用代码：" :label-width="formLabelWidth" prop="code">
<el-input v-model="form.code" autocomplete="off"></el-input> <el-input v-model="form.code" autocomplete="off" placeholder="请输入统一社会信用代码"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="法人证件类型：" :label-width="formLabelWidth" prop="ceId"> <el-form-item label="法人证件类型：" :label-width="formLabelWidth" prop="ceId">
<!-- 法人证件类型的下拉菜单 --> <!-- 法人证件类型的下拉菜单 -->
@ -75,11 +69,11 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="法人证件号码：" :label-width="formLabelWidth" prop="enCeNumber"> <el-form-item label="法人证件号码：" :label-width="formLabelWidth" prop="enCeNumber">
<el-input v-model="form.enCeNumber" autocomplete="off"></el-input> <el-input v-model="form.enCeNumber" autocomplete="off" placeholder="请输入法人证件号码"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="2" style="height:1px;"></el-col> <el-col :span="2" style="height:1px;"></el-col>
<el-col :span="11" style="padding-right:30px;"> <el-col :span="11">
<el-form-item label="所属行业：" :label-width="formLabelWidth" prop="inBigId"> <el-form-item label="所属行业：" :label-width="formLabelWidth" prop="inBigId">
<!-- 行业大类的下拉菜单 --> <!-- 行业大类的下拉菜单 -->
<el-select <el-select
@ -110,7 +104,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="法人姓名：" :label-width="formLabelWidth" prop="enLegalName"> <el-form-item label="法人姓名：" :label-width="formLabelWidth" prop="enLegalName">
<el-input v-model="form.enLegalName" autocomplete="off"></el-input> <el-input v-model="form.enLegalName" autocomplete="off" placeholder="请输入法人姓名"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="法人证件：" :label-width="formLabelWidth" prop="enCeAddressZ"> <el-form-item label="法人证件：" :label-width="formLabelWidth" prop="enCeAddressZ">
<div class="flex-box"> <div class="flex-box">
@ -140,15 +134,15 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24" style="padding-right:30px;"> <el-col :span="24">
<el-form-item label="企业简介：" :label-width="formLabelWidth" prop="enIntroduction"> <el-form-item label="企业简介：" :label-width="formLabelWidth" prop="enIntroduction">
<!-- <el-input v-model="form.enIntroduction" autocomplete="off"></el-input> --> <!-- <el-input v-model="form.enIntroduction" autocomplete="off"></el-input> -->
<el-input type="textarea" v-model="form.enIntroduction"></el-input> <el-input type="textarea" v-model="form.enIntroduction" placeholder="请输入企业简介"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="11" style="padding-right:30px;"> <el-col :span="11">
<el-form-item label="组织/单位注册所在地：" :label-width="formLabelWidth" prop="areaId"> <el-form-item label="组织/单位注册所在地：" :label-width="formLabelWidth" prop="areaId">
<!-- <v-distpicker @selected="onSelected" class="my-distpicker"></v-distpicker> --> <!-- <v-distpicker @selected="onSelected" class="my-distpicker"></v-distpicker> -->
<el-select <el-select
@ -187,21 +181,24 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="官方网址：" :label-width="formLabelWidth" prop="enOffWeb"> <el-form-item label="官方网址：" :label-width="formLabelWidth" prop="enOffWeb">
<el-input v-model="form.enOffWeb" autocomplete="off"></el-input> <el-input v-model="form.enOffWeb" autocomplete="off" placeholder="请输入官方网址"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系人姓名：" :label-width="formLabelWidth" prop="conName"> <el-form-item label="联系人姓名：" :label-width="formLabelWidth" prop="conName">
<el-input v-model="form.conName" autocomplete="off"></el-input> <el-input v-model="form.conName" autocomplete="off" placeholder="请输入联系人姓名"></el-input>
</el-form-item>
<el-form-item label="联系人电话：" :label-width="formLabelWidth" prop="telPhone">
<el-input v-model="form.telPhone" autocomplete="off" placeholder="请输入联系人电话"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系人邮箱：" :label-width="formLabelWidth" prop="email"> <el-form-item label="联系人邮箱：" :label-width="formLabelWidth" prop="email">
<el-input v-model="form.email" autocomplete="off"></el-input> <el-input v-model="form.email" autocomplete="off" placeholder="请输入联系人邮箱"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="2" style="height:1px;"></el-col> <el-col :span="2" style="height:1px;"></el-col>
<el-col :span="11" style="padding-right:30px;"> <el-col :span="11">
<el-form-item label="注册详细地址：" :label-width="formLabelWidth" prop="enDetAddress"> <el-form-item label="注册详细地址：" :label-width="formLabelWidth" prop="enDetAddress">
<el-input v-model="form.enDetAddress" autocomplete="off"></el-input> <el-input v-model="form.enDetAddress" autocomplete="off" placeholder="请输入注册详细地址"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="组织/单位营业执照：" :label-width="formLabelWidth" prop="enOpeAddress"> <el-form-item label="组织/单位营业执照：" :label-width="formLabelWidth" prop="enOpeAddress">
<div class="flex-box"> <div class="flex-box">
@ -217,16 +214,13 @@
</el-upload> </el-upload>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="联系人电话：" :label-width="formLabelWidth" prop="telPhone">
<el-input v-model="form.telPhone" autocomplete="off"></el-input>
</el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-form-item :label-width="formLabelWidth" style="text-align: center;"> <el-form-item :label-width="formLabelWidth" style="text-align: center;">
<el-button type="danger" size="small" @click="submitForm('userInfo')" style="width:200px;text-align: center;">注册</el-button> <el-button type="primary" size="small" @click="submitForm('userInfo')" style="width:200px;text-align: center;">注册</el-button>
</el-form-item> </el-form-item>
<el-form-item :label-width="formLabelWidth" class="text-center"> <el-form-item :label-width="formLabelWidth" class="text-center">
已有账号？ 已有账号？
@ -259,7 +253,19 @@ export default {
sendStatus: false, sendStatus: false,
timer: 60, timer: 60,
codeSrc: '', codeSrc: '',
formLabelWidth: '150px', formLabelWidth: '160px',
upload_file: config.UPLOAD_URL, //上传图片的接口地址
bigIndustryType: [], //行业大类列表
smallIndustryType: [], //行业小类列表
photoUrl: "", //正面法人证件照
reversePhotoUrl: "", //反面法人证件照
businessLicenceUrl: "", //组织/单位营业执照
provinceValue: "", //注册地的省
provinces: [], //注册地-省列表
cityValue: "", //注册地的市
citys: [], //注册地-市列表
areaValue: "", //注册地的区域
areas: [], //注册地-区列表
form: { form: {
name: '', name: '',
userName: '', userName: '',
@ -307,9 +313,9 @@ export default {
goLogin() { goLogin() {
this.$router.push({name: 'login'}) this.$router.push({name: 'login'})
}, },
// refreshCode:function(){ refreshCode:function(){
// document.getElementById("codePic").setAttribute("src",config.API_URL+"/api-login/common/verifycode?" + Math.random()) document.getElementById("codePic").setAttribute("src",config.API_URL+"/api-login/common/verifycode?" + Math.random())
// }, },
getSendMessage() { getSendMessage() {
this.$refs['userInfo'].validateField('telPhone', (valid) => { this.$refs['userInfo'].validateField('telPhone', (valid) => {
if (valid) { if (valid) {
@ -356,18 +362,67 @@ export default {
resetForm(formName) { resetForm(formName) {
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
this.$router.go(-1) this.$router.go(-1)
},
//行业大类变化获取行业小类
changeSmallIndustry(clean) {
// if (clean) {
// this.formData.inSmallId = "";
// }
// getSmallIndustryList({pid: this.formData.inBigId}).then(res => {
// this.smallIndustryType = res.data;
// });
},
//组织/单位营业执照图片上传成功的回调
handleLicenceSuccess(res, file) {
// this.businessLicenceUrl = URL.createObjectURL(file.raw);
// this.formData.enOpeAddress = res;
},
//法人正面照图片上传成功的回调
handlePhotoSuccess(res, file) {
// this.photoUrl = URL.createObjectURL(file.raw);
// this.formData.enCeAddressZ = res;
},
//法人反面照图片上传成功的回调
handleReverseSuccess(res, file) {
// this.reversePhotoUrl = URL.createObjectURL(file.raw);
// this.formData.enCeAddressF = res;
},
//图片上传前的检测
beforeAvatarUpload(file) {
const isLt2M = file.size / 1024 / 1024 < 2;
if (!isLt2M) {
this.$message.error("上传图片大小不能超过 2MB!");
} }
return isLt2M;
},
} }
} }
</script> </script>
<style lang="scss" scope> <style lang="scss" scope>
.form-footer { // .form-footer {
text-align: center; // text-align: center;
// }
.tab-title {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #000000;
line-height: 26px;
margin: 20px 0;
&::before {
content: " ";
position: absolute;
left: -15px;
top: 23px;
width: 5px;
height: 18px;
background: #01496E;
}
} }
.el-form-new { .el-form-new {
max-width: 1200px; max-width: 1200px;
padding: 0 70px;
// width: 400px; // width: 400px;
// margin: 0 auto; // margin: 0 auto;
} }
@ -388,4 +443,7 @@ export default {
height: 32px; height: 32px;
vertical-align: middle; vertical-align: middle;
} }
.el-select {
width: 100%;
}
</style> </style>

8
src/views/login/retrievePassword.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="app-main"> <div class="app-main">
<div class="content-block">
<el-steps <el-steps
:space="180" :space="180"
:active="stepActive" :active="stepActive"
@ -92,6 +93,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</template> </template>
@ -243,6 +246,11 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.content-block {
height: calc(100vh - 469px);
min-height: 300px;
padding: 50px;
}
.el-steps { .el-steps {
justify-content: center; justify-content: center;
} }

Write Preview
Loading…
Cancel
Save