Compare commits
3 Commits
5d84cbd96c
...
4dcc94c00e
| Author | SHA1 | Date | |
|---|---|---|---|
| 4dcc94c00e | |||
| 8bff2f2a30 | |||
| 7fefead5d5 |
@ -6,8 +6,9 @@ import { AMAP_MAP_KEY } from "@/config/config";
|
||||
// FIXME: 插件需要配合密钥使用,官方推荐 key 搭配代理服务器并携带安全密钥转发使用
|
||||
// see: https://lbs.amap.com/api/jsapi-v2/guide/abc/prepare
|
||||
window._AMapSecurityConfig = {
|
||||
securityJsCode: "df19aa4c9f83a52f7ef66843449f438e" // 密钥
|
||||
// securityJsCode: "df19aa4c9f83a52f7ef66843449f438e" // 密钥
|
||||
// securityJsCode: "6caf6429e4b98cf7f39db9bf7014a78b" // 密钥
|
||||
securityJsCode: "1ed9eb78a441d1c9f2534fe4530980fb"
|
||||
};
|
||||
|
||||
const amap = (async function (Loader, AMAP_MAP_KEY) {
|
||||
|
||||
@ -15,7 +15,8 @@ export const DEFAULT_PRIMARY: string = "#008BFF";
|
||||
export const ROUTER_WHITE_LIST: string[] = ["/500", "/projectlogon", "/compLogon"];
|
||||
|
||||
// * 高德地图 key
|
||||
export const AMAP_MAP_KEY: string = "142e51d55274a0140e838245345cf9ad";
|
||||
// export const AMAP_MAP_KEY: string = "142e51d55274a0140e838245345cf9ad";
|
||||
export const AMAP_MAP_KEY: string = "021caa57125045d16a41f131ba0e7973 ";
|
||||
|
||||
// * 百度地图 key
|
||||
export const BAIDU_MAP_KEY: string = "";
|
||||
|
||||
@ -50,17 +50,17 @@
|
||||
<el-form-item label="登录账号:" prop="account">
|
||||
<el-input v-model="logonForm.account" size="large" placeholder="请输入账号" />
|
||||
</el-form-item>
|
||||
<el-form-item label="密码:" prop="password">
|
||||
<el-input type="password" v-model="logonForm.password" size="large" placeholder="请输入密码" />
|
||||
<el-form-item label="密码:" prop="showPassword">
|
||||
<el-input type="password" v-model="logonForm.showPassword" size="large" placeholder="请输入密码" />
|
||||
</el-form-item>
|
||||
<el-form-item label="确认密码:" prop="enterPassword">
|
||||
<el-input type="password" v-model="logonForm.enterPassword" size="large" placeholder="请确认密码" />
|
||||
</el-form-item>
|
||||
<el-form-item label="项目负责人:" prop="password">
|
||||
<el-form-item label="项目负责人:" prop="projectManage">
|
||||
<el-input v-model="logonForm.projectManage" size="large" placeholder="请输入项目负责人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号码:" prop="phone">
|
||||
<el-input v-model.number="logonForm.phone" size="large" placeholder="请输入手机号码" />
|
||||
<el-form-item label="手机号码:" prop="userTel">
|
||||
<el-input v-model.number="logonForm.userTel" size="large" placeholder="请输入手机号码" />
|
||||
</el-form-item>
|
||||
<el-form-item label="邮箱:" prop="email">
|
||||
<el-input v-model="logonForm.email" size="large" placeholder="请输入邮箱" />
|
||||
@ -97,7 +97,7 @@ const rules = reactive<FormRules>({
|
||||
],
|
||||
projectName: [{ required: true, message: "请输入项目名称", trigger: "blur" }],
|
||||
governmentSn: [{ required: true, message: "请选择住建局", trigger: "change" }],
|
||||
phone: [
|
||||
userTel: [
|
||||
{
|
||||
required: true,
|
||||
trigger: "blur",
|
||||
@ -106,7 +106,7 @@ const rules = reactive<FormRules>({
|
||||
}
|
||||
],
|
||||
|
||||
password: [{ required: true, message: "请输入密码", trigger: "blur" }],
|
||||
showPassword: [{ required: true, message: "请输入密码", trigger: "blur" }],
|
||||
projectAddress: [{ required: true, message: "请输入定位", trigger: "change" }],
|
||||
enterPassword: [
|
||||
{
|
||||
@ -119,7 +119,7 @@ const rules = reactive<FormRules>({
|
||||
// console.log(value);
|
||||
if (value === "") {
|
||||
callback(new Error("请确认密码"));
|
||||
} else if (value !== logonForm.password) {
|
||||
} else if (value !== logonForm.showPassword) {
|
||||
callback(new Error("两次密码输入不一致"));
|
||||
} else {
|
||||
callback();
|
||||
@ -133,10 +133,10 @@ const logonForm = reactive({
|
||||
email: "",
|
||||
projectName: "",
|
||||
governmentSn: "",
|
||||
phone: "",
|
||||
userTel: "",
|
||||
projectManage: "",
|
||||
enterPassword: "",
|
||||
password: "",
|
||||
showPassword: "",
|
||||
longitude: "",
|
||||
projectAddress: "",
|
||||
latitude: "" //维度
|
||||
@ -193,53 +193,55 @@ onMounted(async () => {
|
||||
|
||||
<style scoped lang="scss">
|
||||
.orderSide {
|
||||
position: relative;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
text-align: center;
|
||||
background: url("@/assets/images/login/loginBackground.jpg") center center no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
.header-lf {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
height: 10%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
height: 10%;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
.middle {
|
||||
margin: 0 30px;
|
||||
}
|
||||
.logo {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
align-items: center;
|
||||
|
||||
// width: 210px;
|
||||
margin-left: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
div {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
span {
|
||||
height: 36px;
|
||||
font-size: 24px;
|
||||
line-height: 36px;
|
||||
|
||||
// font-weight: bold;
|
||||
color: #dadada;
|
||||
white-space: nowrap;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
img {
|
||||
width: 36px;
|
||||
height: 39px;
|
||||
border-radius: 0px 0px 0px 0px;
|
||||
margin-right: 6px;
|
||||
border-radius: 0;
|
||||
opacity: 1;
|
||||
object-fit: contain;
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
.header-rt {
|
||||
color: #fff;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
span {
|
||||
font-size: 16px;
|
||||
@ -247,18 +249,19 @@ onMounted(async () => {
|
||||
}
|
||||
}
|
||||
.centerLogin {
|
||||
display: flex;
|
||||
width: 60%;
|
||||
// height: 70%;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
display: flex;
|
||||
width: 60%;
|
||||
|
||||
// height: 70%;
|
||||
background-color: #ffffff;
|
||||
transform: translate(-50%, -50%);
|
||||
.loginRight {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
padding: 6% 0;
|
||||
margin: 0 auto;
|
||||
.title {
|
||||
margin-top: 65px;
|
||||
font-size: 30px;
|
||||
@ -275,7 +278,6 @@ onMounted(async () => {
|
||||
:deep(.el-form-item__content) {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
:deep(.el-input__inner) {
|
||||
// width: 358px;
|
||||
width: 100%;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user