图片中文名部分修改

pull/139/head
lukeyan 11 months ago
parent 37a095d516
commit afa9c357a2

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before

Width:  |  Height:  |  Size: 820 KiB

After

Width:  |  Height:  |  Size: 820 KiB

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

Before

Width:  |  Height:  |  Size: 743 B

After

Width:  |  Height:  |  Size: 743 B

Before

Width:  |  Height:  |  Size: 90 KiB

After

Width:  |  Height:  |  Size: 90 KiB

Before

Width:  |  Height:  |  Size: 812 B

After

Width:  |  Height:  |  Size: 812 B

Before

Width:  |  Height:  |  Size: 716 B

After

Width:  |  Height:  |  Size: 716 B

Before

Width:  |  Height:  |  Size: 802 B

After

Width:  |  Height:  |  Size: 802 B

Before

Width:  |  Height:  |  Size: 852 B

After

Width:  |  Height:  |  Size: 852 B

Before

Width:  |  Height:  |  Size: 635 B

After

Width:  |  Height:  |  Size: 635 B

Before

Width:  |  Height:  |  Size: 2.0 MiB

After

Width:  |  Height:  |  Size: 2.0 MiB

Before

Width:  |  Height:  |  Size: 1.9 MiB

After

Width:  |  Height:  |  Size: 1.9 MiB

Before

Width:  |  Height:  |  Size: 221 KiB

After

Width:  |  Height:  |  Size: 221 KiB

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Before

Width:  |  Height:  |  Size: 805 B

After

Width:  |  Height:  |  Size: 805 B

Before

Width:  |  Height:  |  Size: 621 B

After

Width:  |  Height:  |  Size: 621 B

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

@ -8,19 +8,32 @@
<el-tab-pane label="账号密码登录" name="first"> <el-tab-pane label="账号密码登录" name="first">
<el-form class="loginForm"> <el-form class="loginForm">
<el-form-item class="user"> <el-form-item class="user">
<img src="../assets/login/密码.png" /> <img src="../assets/login/password.png" />
<el-input class="eInput" v-model="ruleForm.username" placeholder="请输入用户名" /> <el-input
class="eInput"
v-model="ruleForm.username"
placeholder="请输入用户名"
/>
</el-form-item> </el-form-item>
<br> <br />
<el-form-item class="user"> <el-form-item class="user">
<img src="../assets/login/用户名.png" /> <img src="../assets/login/user.png" />
<el-input class="eInput" type="password" v-model="ruleForm.password" autocomplete="off" <el-input
placeholder="请输入密码" /> class="eInput"
type="password"
v-model="ruleForm.password"
autocomplete="off"
placeholder="请输入密码"
/>
</el-form-item> </el-form-item>
<el-form-item class="userKey"> <el-form-item class="userKey">
<div class="userKeybox"> <div class="userKeybox">
<img src="../assets/login/验证码1x.png" /> <img src="../assets/login/code01.png" />
<el-input class="keyInput" v-model="ruleForm.checkcode" placeholder="请输入验证码" /> <el-input
class="keyInput"
v-model="ruleForm.checkcode"
placeholder="请输入验证码"
/>
</div> </div>
<div ref="img" @click="getCode()" class="codeimgBox"> <div ref="img" @click="getCode()" class="codeimgBox">
<img :src="pic" class="yanzheng" /> <img :src="pic" class="yanzheng" />
@ -38,7 +51,7 @@
<div class="huanhang"></div> <div class="huanhang"></div>
<div class="keyIcon"> <div class="keyIcon">
<img src="../assets/login/钥匙.png" /> <img src="../assets/login/key.png" />
</div> </div>
</div> </div>
<div class="loginbtn"> <div class="loginbtn">
@ -58,68 +71,70 @@ import { getCheckCode } from "@/utils/login";
export default { export default {
data() { data() {
return { return {
activeName: 'first', activeName: "first",
ruleForm: {}, ruleForm: {},
pic: '', pic: "",
} };
}, },
created() { created() {
this.getCode() this.getCode();
}, },
methods: { methods: {
getCode() { getCode() {
let random = Math.random() let random = Math.random();
getCheckCode({ type: "math", s: random }).then((res) => { getCheckCode({ type: "math", s: random }).then((res) => {
// console.log(res.data); // console.log(res.data);
this.pic = "data:image/gif;base64," + res.img; this.pic = "data:image/gif;base64," + res.img;
this.ruleForm.uuid = res.uuid; this.ruleForm.uuid = res.uuid;
}); });
}, },
login() { login() {
if (!this.ruleForm.username) { if (!this.ruleForm.username) {
this.$message.error('请输入用户名') this.$message.error("请输入用户名");
return return;
} }
if (!this.ruleForm.password) { if (!this.ruleForm.password) {
this.$message.error('请输入密码') this.$message.error("请输入密码");
return return;
} }
if (!this.ruleForm.checkcode) { if (!this.ruleForm.checkcode) {
this.$message.error('请输入验证码') this.$message.error("请输入验证码");
return return;
} }
const param = { username: this.ruleForm.username, password: this.ruleForm.password, code: this.ruleForm.checkcode, uuid: this.ruleForm.uuid } const param = {
this.$store.dispatch("Login", param) username: this.ruleForm.username,
password: this.ruleForm.password,
code: this.ruleForm.checkcode,
uuid: this.ruleForm.uuid,
};
this.$store
.dispatch("Login", param)
.then((res) => { .then((res) => {
if (res.code === 200) { if (res.code === 200) {
sessionStorage.setItem('activeIndex', '1') sessionStorage.setItem("activeIndex", "1");
this.$router.push({ this.$router.push({
path: '/home/compositeIndex' path: "/home/compositeIndex",
}) });
} else { } else {
this.$message.error(res.msg) this.$message.error(res.msg);
return return;
} }
}).catch(() => { })
.catch(() => {
//this.$message.error(err.msg) //this.$message.error(err.msg)
this.getCode(); this.getCode();
}); });
}, },
handleClick() { handleClick() {},
},
}, },
} };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.main { .main {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background: url("~@/assets/login/登录背景.png") no-repeat; background: url("~@/assets/login/loginback.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -133,30 +148,27 @@ export default {
transform: translateX(-50%); transform: translateX(-50%);
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
font-size: 46px; font-size: 46px;
color: #59FFDA; color: #59ffda;
letter-spacing: 4.6px; letter-spacing: 4.6px;
text-align: justify; text-align: justify;
line-height: 57px; line-height: 57px;
text-shadow: 0 8px 8px rgba(0, 0, 0, 0.30); text-shadow: 0 8px 8px rgba(0, 0, 0, 0.3);
font-weight: 400; font-weight: 400;
} }
.loginContainer { .loginContainer {
width: 95%; width: 95%;
height: 95%; height: 95%;
background: url("~@/assets/login/登录装饰.png") no-repeat; background: url("~@/assets/login/loginback02.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.loginBox { .loginBox {
width: 790px; width: 790px;
height: 540px; height: 540px;
background: url("~@/assets/login/登录板块.png") no-repeat; background: url("~@/assets/login/loginback03.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
@ -166,14 +178,19 @@ export default {
height: 30px; height: 30px;
top: 0; top: 0;
left: 0; left: 0;
background: url("~@/assets/login/装饰2.png") no-repeat; background: url("~@/assets/login/loginback04.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.buttonBox { .buttonBox {
width: 700px; width: 700px;
height: 74px; height: 74px;
background-image: linear-gradient(90deg, rgba(238, 238, 238, 0.00) 0%, rgba(53, 206, 150, 0.40) 50%, rgba(216, 216, 216, 0.00) 100%) background-image: linear-gradient(
90deg,
rgba(238, 238, 238, 0) 0%,
rgba(53, 206, 150, 0.4) 50%,
rgba(216, 216, 216, 0) 100%
);
} }
.bottomZS { .bottomZS {
@ -182,7 +199,7 @@ export default {
height: 30px; height: 30px;
bottom: 0; bottom: 0;
left: 0; left: 0;
background: url("~@/assets/login/装饰2.png") no-repeat; background: url("~@/assets/login/loginback04.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
transform: rotateX(180deg); transform: rotateX(180deg);
} }
@ -196,7 +213,12 @@ export default {
.el-tabs__header { .el-tabs__header {
width: 700px; width: 700px;
height: 72px; height: 72px;
background-image: linear-gradient(90deg, rgba(238, 238, 238, 0.00) 0%, rgba(53, 206, 150, 0.40) 50%, rgba(216, 216, 216, 0.00) 100%); background-image: linear-gradient(
90deg,
rgba(238, 238, 238, 0) 0%,
rgba(53, 206, 150, 0.4) 50%,
rgba(216, 216, 216, 0) 100%
);
.el-tabs__nav-wrap { .el-tabs__nav-wrap {
height: 72px; height: 72px;
@ -210,7 +232,7 @@ export default {
width: 100%; width: 100%;
.el-tabs__active-bar { .el-tabs__active-bar {
background: #32FF9F; background: #32ff9f;
width: 50% !important; width: 50% !important;
} }
@ -221,13 +243,13 @@ export default {
text-align: center; text-align: center;
font-family: AlimamaShuHeiTi; font-family: AlimamaShuHeiTi;
font-size: 30px; font-size: 30px;
color: #EDFAFF; color: #edfaff;
letter-spacing: 2.86px; letter-spacing: 2.86px;
font-weight: 700; font-weight: 700;
} }
.is-active { .is-active {
color: #32FF9A; color: #32ff9a;
} }
} }
} }
@ -248,7 +270,6 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
} }
.shuziZS_box { .shuziZS_box {
@ -278,7 +299,7 @@ export default {
opacity: 0.8; opacity: 0.8;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24px; font-size: 24px;
color: #FFFFFF; color: #ffffff;
letter-spacing: 2px; letter-spacing: 2px;
font-weight: 400; font-weight: 400;
} }
@ -292,7 +313,7 @@ export default {
margin-top: -40px; margin-top: -40px;
width: 50px; width: 50px;
height: 50px; height: 50px;
background: #F14141; background: #f14141;
box-shadow: 0px 0px 8px 1px rgba(188, 37, 37, 0.76); box-shadow: 0px 0px 8px 1px rgba(188, 37, 37, 0.76);
border-radius: 8px; border-radius: 8px;
display: flex; display: flex;
@ -319,7 +340,6 @@ export default {
.el-form-item__content { .el-form-item__content {
display: flex !important; display: flex !important;
align-items: center; align-items: center;
} }
img { img {
@ -346,7 +366,7 @@ export default {
line-height: 65px; line-height: 65px;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
border: 0; border: 0;
color: #EEEEEE; color: #eeeeee;
} }
} }
@ -380,7 +400,6 @@ export default {
.el-form-item__content { .el-form-item__content {
display: flex !important; display: flex !important;
align-items: center; align-items: center;
} }
.userKeybox { .userKeybox {
@ -410,18 +429,14 @@ export default {
letter-spacing: 1.65px; letter-spacing: 1.65px;
font-weight: 400; font-weight: 400;
.el-input__inner { .el-input__inner {
height: 65px; height: 65px;
line-height: 65px; line-height: 65px;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
border: 0; border: 0;
color: #EEEEEE; color: #eeeeee;
} }
.keyInput { .keyInput {
height: 65px; height: 65px;
width: 321px; width: 321px;
@ -451,20 +466,21 @@ export default {
width: 123px; width: 123px;
height: 66px; height: 66px;
background-image: linear-gradient(90deg, background-image: linear-gradient(
90deg,
#0a2340 0%, #0a2340 0%,
rgba(18, 64, 105, 0.04) 100%); rgba(18, 64, 105, 0.04) 100%
);
border-image: linear-gradient(to right, #124169, #7bf3fc) 1 1; border-image: linear-gradient(to right, #124169, #7bf3fc) 1 1;
} }
} }
} }
.loginbtn { .loginbtn {
width: 600px; width: 600px;
height: 66px; height: 66px;
margin-top: 15px; margin-top: 15px;
background: url("~@/assets/login/登录按钮(常态).png") no-repeat; background: url("~@/assets/login/loginbackbtn.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
button { button {
@ -480,7 +496,7 @@ export default {
} }
.loginbtn:hover { .loginbtn:hover {
background: url("~@/assets/login/登录按钮(悬浮).png") no-repeat; background: url("~@/assets/login/loginbackbtn02.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
} }

@ -6,9 +6,10 @@ axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
const request = axios.create({ const request = axios.create({
//baseURL: 'http://172.18.113.50:8080/zhapi', //baseURL: 'http://172.18.113.50:8080/zhapi',
//baseURL: 'http://172.18.113.13:8080/zhapi', // 孙强 //baseURL: 'http://172.18.113.13:8080/zhapi', // 孙强
//baseURL: 'http://172.18.113.8:8080/zhapi', // 刘建
//baseURL: 'http://192.168.0.188:8888/zhapi', //baseURL: 'http://192.168.0.188:8888/zhapi',
baseURL: 'http://121.41.91.94:12002/zhapi', //baseURL: 'http://121.41.91.94:12002/zhapi',
//baseURL: `http://${window.location.host}/zhapi`, baseURL: `http://${window.location.host}/zhapi`,
timeout: 50000, timeout: 50000,
headers: { 'content-type': 'application/json' }, headers: { 'content-type': 'application/json' },
}) })

@ -517,7 +517,7 @@ export default {
.jibenleft { .jibenleft {
width: 346px; width: 346px;
height: 370px; height: 370px;
background: url("~@/assets/companyFile/矩形备份 289981.png") no-repeat; background: url("~@/assets/companyFile/back002.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
@ -612,7 +612,7 @@ export default {
top: 100%; top: 100%;
width: 225px; width: 225px;
height: 132px; height: 132px;
background: url("~@/assets/companyFile/编组 2421.png") no-repeat; background: url("~@/assets/companyFile/dialogback01.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding-left: 26px; padding-left: 26px;
padding-top: 20px; padding-top: 20px;
@ -730,7 +730,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #b5ebff; color: #b5ebff;
@ -745,7 +745,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url("~@/assets/companyFile/编组 11222221.png") background: url("~@/assets/companyFile/zhongdianback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
@ -760,7 +760,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
@ -777,7 +777,7 @@ export default {
line-height: 26px; line-height: 26px;
width: auto; width: auto;
display: inline-block; display: inline-block;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;

@ -333,7 +333,7 @@ export default {
width: 60px; width: 60px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;
color: #b5ebff; color: #b5ebff;
@ -351,7 +351,7 @@ export default {
width: 80px; width: 80px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat; background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;
color: #e3deff; color: #e3deff;
@ -369,7 +369,7 @@ export default {
width: 60px; width: 60px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;
@ -388,7 +388,7 @@ export default {
width: 80px; width: 80px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;

@ -227,7 +227,7 @@ export default {
width: 60px; width: 60px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;
color: #b5ebff; color: #b5ebff;
@ -245,7 +245,7 @@ export default {
width: 80px; width: 80px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat; background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;
color: #e3deff; color: #e3deff;
@ -263,7 +263,7 @@ export default {
width: 60px; width: 60px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;
@ -282,7 +282,7 @@ export default {
width: 80px; width: 80px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;

@ -226,7 +226,7 @@ export default {
width: 60px; width: 60px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;
color: #b5ebff; color: #b5ebff;
@ -244,7 +244,7 @@ export default {
width: 80px; width: 80px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat; background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;
color: #e3deff; color: #e3deff;
@ -262,7 +262,7 @@ export default {
width: 60px; width: 60px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;
@ -281,7 +281,7 @@ export default {
width: 80px; width: 80px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;

@ -267,7 +267,7 @@ export default {
width: 60px; width: 60px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;
color: #b5ebff; color: #b5ebff;
@ -285,7 +285,7 @@ export default {
width: 80px; width: 80px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat; background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;
color: #e3deff; color: #e3deff;
@ -303,7 +303,7 @@ export default {
width: 60px; width: 60px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;
@ -322,7 +322,7 @@ export default {
width: 80px; width: 80px;
margin-top: 9px; margin-top: 9px;
margin-left: 5px; margin-left: 5px;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
padding: 1px 5px; padding: 1px 5px;
font-size: 14px; font-size: 14px;

@ -284,7 +284,7 @@ export default {
margin-top: 10px; margin-top: 10px;
width: 24vw; width: 24vw;
height: 28vh; height: 28vh;
background: url("~@/assets/safetyIndex/back001.png") no-repeat; background: url("~@/assets/safetyIndex/back006.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
/* 盒子标题 */ /* 盒子标题 */
.title { .title {

@ -199,7 +199,7 @@ export default {
width: 24vw; width: 24vw;
height: 28vh; height: 28vh;
// border: 0.1px solid #495e70; // border: 0.1px solid #495e70;
background: url("~@/assets/safetyIndex/back001.png") no-repeat; background: url("~@/assets/safetyIndex/back006.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
/* 盒子标题 */ /* 盒子标题 */
.title { .title {

@ -221,7 +221,7 @@ export default {
width: 24vw; width: 24vw;
height: 28vh; height: 28vh;
// border: 0.1px solid #495e70; // border: 0.1px solid #495e70;
background: url("~@/assets/safetyIndex/back001.png") no-repeat; background: url("~@/assets/safetyIndex/back006.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
/* 盒子标题 */ /* 盒子标题 */
.title { .title {

@ -266,7 +266,7 @@ export default {
width: 24vw; width: 24vw;
height: 32vh; height: 32vh;
// border: 0.1px solid #495e70; // border: 0.1px solid #495e70;
background: url("~@/assets/safetyIndex/back001.png") no-repeat; background: url("~@/assets/safetyIndex/back006.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
/* 盒子标题 */ /* 盒子标题 */
.title { .title {

@ -157,7 +157,7 @@ export default {
width: 24vw; width: 24vw;
height: 28vh; height: 28vh;
// border: 0.1px solid #495e70; // border: 0.1px solid #495e70;
background: url("~@/assets/safetyIndex/back001.png") no-repeat; background: url("~@/assets/safetyIndex/back006.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
/* 盒子标题 */ /* 盒子标题 */
.title { .title {

@ -75,7 +75,7 @@ export default {
width: 24vw; width: 24vw;
height: 32vh; height: 32vh;
// border: 0.1px solid #495e70; // border: 0.1px solid #495e70;
background: url("~@/assets/safetyIndex/back001.png") no-repeat; background: url("~@/assets/safetyIndex/back006.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
/* 盒子标题 */ /* 盒子标题 */
.title { .title {

@ -170,7 +170,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
@ -185,7 +185,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat; background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
@ -200,7 +200,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 0 5px; padding: 0 5px;
@ -216,7 +216,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 0 5px; padding: 0 5px;

@ -154,7 +154,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #b5ebff; color: #b5ebff;
@ -170,7 +170,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat; background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #e3deff; color: #e3deff;
@ -186,7 +186,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
@ -203,7 +203,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;

@ -4,7 +4,7 @@
<div class="searchBox"> <div class="searchBox">
<div class="searchBody"> <div class="searchBody">
<div class="topLogo"> <div class="topLogo">
<img src="../../assets/companyFile/档案981.png" alt="" /> <img src="../../assets/companyFile/archivesicon.png" alt="" />
企业档案 企业档案
</div> </div>
<div class="totalNum"> <div class="totalNum">

@ -2,57 +2,103 @@
<div class="main"> <div class="main">
<div class="searchBox"> <div class="searchBox">
<div class="topLogo"> <div class="topLogo">
<img src="../../assets/companyFile/档案981.png" alt=""> <img src="../../assets/companyFile/archivesicon.png" alt="" />
企业档案 企业档案
</div> </div>
<div class="zhcxBox"><el-input type="text" class="zhcxBoxIPT" v-model.trim="modifiedText" :suffix="suffixIcon"> <div class="zhcxBox">
<el-input
type="text"
class="zhcxBoxIPT"
v-model.trim="modifiedText"
:suffix="suffixIcon"
>
<template v-slot:suffix> <template v-slot:suffix>
<i class="el-icon-close custom-close-icon" v-show="modifiedText" @click="clearInput()"></i> <i
class="el-icon-close custom-close-icon"
v-show="modifiedText"
@click="clearInput()"
></i>
</template> </template>
</el-input> </el-input>
<el-button type="primary" icon="el-icon-search" class="ssBtn" <el-button
@click="showResult(modifiedText)"><span>搜索</span> type="primary"
icon="el-icon-search"
class="ssBtn"
@click="showResult(modifiedText)"
><span>搜索</span>
</el-button> </el-button>
</div> </div>
</div> </div>
<div class="resultBox"> <div class="resultBox">
<div class="resultTotal">搜索结果<span class="red">{{ total1 }}</span></div> <div class="resultTotal">
搜索结果<span class="red">{{ total1 }}</span
>
</div>
<div class="resultList"> <div class="resultList">
<div class="resultItem" v-for="(item, index) in resultList1" :key="index" @click="goArchives(item)"> <div
class="resultItem"
v-for="(item, index) in resultList1"
:key="index"
@click="goArchives(item)"
>
<p v-html="item.companyName"></p> <p v-html="item.companyName"></p>
<div class="impBtnList"> <div class="impBtnList">
<div :class="{ 'shewei': a == '剧毒' || a == '易制毒', 'zhongdian': a == '消防重点' || a == '所管消防', 'zhibao': a == '放射源' || a == '易制爆', 'zhian': a == '治安重点' || a == '创安单位' }" <div
v-for="a in item.companyTypes" :key="a">{{ a }} :class="{
shewei: a == '剧毒' || a == '易制毒',
zhongdian: a == '消防重点' || a == '所管消防',
zhibao: a == '放射源' || a == '易制爆',
zhian: a == '治安重点' || a == '创安单位',
}"
v-for="a in item.companyTypes"
:key="a"
>
{{ a }}
</div> </div>
</div> </div>
<div class="itemAddress"> <div class="itemAddress">
{{ item.companyAddress }} {{ item.companyAddress }}
</div> </div>
<div class="renyuan" v-if="item.resultList.length"> <div class="renyuan" v-if="item.resultList.length">
<span v-for="(a, ind) in item.resultList" :key="ind" v-html="a + ' '"></span> <span
v-for="(a, ind) in item.resultList"
:key="ind"
v-html="a + ' '"
></span>
</div> </div>
</div> </div>
<div class="block"> <div class="block">
<el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true" <el-pagination
@size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum" style="float: right; margin: 5px"
:page-sizes="[10]" layout="total, sizes, prev, pager, next, jumper" :total="total1"> class="msg-pagination-container"
:background="true"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pageNum"
:page-sizes="[10]"
layout="total, sizes, prev, pager, next, jumper"
:total="total1"
>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
<div class="resultHistory"> <div class="resultHistory">
<div class="searchHistory">最近搜索</div> <div class="searchHistory">最近搜索</div>
<div class="historyItem" v-for="(item, index) in historyList1" :key="index" @click="showResult(item)">{{ <div
item class="historyItem"
}}<br></div> v-for="(item, index) in historyList1"
:key="index"
@click="showResult(item)"
>
{{ item }}<br />
</div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { historyList, searchList } from '@/api/enterpriseArchives' import { historyList, searchList } from "@/api/enterpriseArchives";
export default { export default {
props: { props: {
@ -64,7 +110,7 @@ export default {
data() { data() {
return { return {
numList: [], numList: [],
totalNum: '', totalNum: "",
// isShow: false, // isShow: false,
regex: {}, regex: {},
total1: this.total, total1: this.total,
@ -72,92 +118,100 @@ export default {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
historyList1: this.historyList, historyList1: this.historyList,
modifiedText: this.searchVal modifiedText: this.searchVal,
} };
}, },
computed: { computed: {
suffixIcon() { suffixIcon() {
return this.modifiedText ? '' : 'el-icon-search' return this.modifiedText ? "" : "el-icon-search";
} },
}, },
mounted() { mounted() {
this.resultList1 = this.resultList this.resultList1 = this.resultList;
this.checkKeyWords() this.checkKeyWords();
}, },
methods: { methods: {
clearInput() { clearInput() {
this.$emit('clearInput') this.$emit("clearInput");
}, },
checkKeyWords() { checkKeyWords() {
this.regex = new RegExp(this.modifiedText, "i") this.regex = new RegExp(this.modifiedText, "i");
this.resultList1 = this.resultList1.map(item => { this.resultList1 = this.resultList1.map((item) => {
if (item.companyName) { if (item.companyName) {
item.companyName1 = item.companyName item.companyName1 = item.companyName;
item.companyName = item.companyName.replace(this.regex, '<span class="highlight">$&</span>') item.companyName = item.companyName.replace(
this.regex,
'<span class="highlight">$&</span>'
);
} }
if (item.resultList.length) { if (item.resultList.length) {
item.resultList = item.resultList.map((a) => { item.resultList = item.resultList.map((a) => {
return a = a.replace(this.regex, '<span class="highlight">$&</span>') return (a = a.replace(
this.regex,
'<span class="highlight">$&</span>'
));
}); });
// item.legalPerson = item.legalPerson.replace(this.regex, '<span class="highlight">$&</span>') // item.legalPerson = item.legalPerson.replace(this.regex, '<span class="highlight">$&</span>')
} }
return item return item;
}) });
}, },
handleSizeChange(val) { handleSizeChange(val) {
// console.log(` ${val} `); // console.log(` ${val} `);
this.pageNum = 1; this.pageNum = 1;
this.pageSize = val; this.pageSize = val;
this.showResult(this.modifiedText) this.showResult(this.modifiedText);
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
//console.log(`: ${val}`); //console.log(`: ${val}`);
this.pageNum = val; this.pageNum = val;
this.showResult(this.modifiedText) this.showResult(this.modifiedText);
}, },
goArchives(val) { goArchives(val) {
sessionStorage.setItem('companyID', val.id) sessionStorage.setItem("companyID", val.id);
sessionStorage.setItem('companyName', val.companyName1) sessionStorage.setItem("companyName", val.companyName1);
this.$router.push({ this.$router.push({
name: 'archives', name: "archives",
});
})
}, },
showResult(val) { showResult(val) {
this.modifiedText = val ? val : this.modifiedText this.modifiedText = val ? val : this.modifiedText;
//console.log(!val.length, val.length); //console.log(!val.length, val.length);
if (!this.modifiedText.length) { if (!this.modifiedText.length) {
this.$message.warning('请输入要查询的关键词') this.$message.warning("请输入要查询的关键词");
return return;
} }
searchList({ searchValue: this.modifiedText, pageNum: this.pageNum, pageSize: this.pageSize }).then(res => { searchList({
searchValue: this.modifiedText,
pageNum: this.pageNum,
pageSize: this.pageSize,
}).then((res) => {
if (res.total || res.data.length) { if (res.total || res.data.length) {
this.$set(this, 'resultList1', res.data) this.$set(this, "resultList1", res.data);
// console.log(res.data, 'res.data'); // console.log(res.data, 'res.data');
// console.log(this.resultList1, 'this.resultList1'); // console.log(this.resultList1, 'this.resultList1');
this.total1 = res.total this.total1 = res.total;
//this.isShow = true //this.isShow = true
this.gethistoryList() this.gethistoryList();
this.checkKeyWords() this.checkKeyWords();
} else { } else {
this.$message.warning('未查询到相关数据') this.$message.warning("未查询到相关数据");
} }
}) });
}, },
gethistoryList() { gethistoryList() {
historyList().then((res) => { historyList().then((res) => {
this.historyList1 = res.data this.historyList1 = res.data;
this.historyList1 = this.historyList1.filter((item, index) => { this.historyList1 = this.historyList1.filter((item, index) => {
if (index < 5) { if (index < 5) {
return item return item;
} }
}) });
}) });
}, },
} },
} };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@ -202,34 +256,31 @@ export default {
height: 100%; height: 100%;
width: 700px; width: 700px;
font-size: 20px; font-size: 20px;
background: #121A18; background: #121a18;
border: 1px solid rgba(108, 128, 151, 0.7); border: 1px solid rgba(108, 128, 151, 0.7);
border-radius: 4px; border-radius: 4px;
font-size: 18px; font-size: 18px;
color: #F8FBFF; color: #f8fbff;
letter-spacing: 1.29px; letter-spacing: 1.29px;
line-height: 16px; line-height: 16px;
font-weight: 400; font-weight: 400;
opacity: 0.95; opacity: 0.95;
} }
/deep/.el-input__inner { /deep/.el-input__inner {
background-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0);
background-image: none; background-image: none;
border-radius: 4px; border-radius: 4px;
border: 0; border: 0;
box-sizing: border-box; box-sizing: border-box;
color: #F8FBFF; color: #f8fbff;
display: inline-block; display: inline-block;
height: 54px; height: 54px;
line-height: 54px; line-height: 54px;
outline: 0; outline: 0;
padding: 0 15px; padding: 0 15px;
transition: border-color .2s cubic-bezier(.645, .045, .355, 1); transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; width: 100%;
} }
/deep/ .el-input__suffix { /deep/ .el-input__suffix {
@ -238,12 +289,9 @@ export default {
cursor: pointer; cursor: pointer;
} }
input:focus, input:focus,
textarea:focus { textarea:focus {
outline: none; outline: none;
} }
.ssBtn { .ssBtn {
@ -255,7 +303,7 @@ export default {
font-size: 20px; font-size: 20px;
text-align: center; text-align: center;
border: 0; border: 0;
background: url('~@/assets/companyFile/2121.png') no-repeat; background: url("~@/assets/companyFile/2121.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
@ -281,14 +329,13 @@ export default {
cursor: pointer; cursor: pointer;
// background: url('~@/assets/companyFile/.png') no-repeat; // background: url('~@/assets/companyFile/.png') no-repeat;
// background-size: 100% 100%; // background-size: 100% 100%;
} }
} }
.resultBox { .resultBox {
width: 80%; width: 80%;
height: calc(100% - 60px); height: calc(100% - 60px);
background: url('~@/assets/companyFile/编组 17.png') no-repeat; background: url("~@/assets/companyFile/back001.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
@ -300,13 +347,13 @@ export default {
top: 30px; top: 30px;
left: 50px; left: 50px;
font-size: 18px; font-size: 18px;
color: #FFFFFF; color: #ffffff;
letter-spacing: 1px; letter-spacing: 1px;
font-weight: 500; font-weight: 500;
.red { .red {
color: #FF7474; color: #ff7474;
} }
} }
@ -315,7 +362,7 @@ export default {
height: 78%; height: 78%;
margin-top: 60px; margin-top: 60px;
background: #000; background: #000;
background: url('~@/assets/companyFile/矩形备份 289981.png') no-repeat; background: url("~@/assets/companyFile/back002.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -342,19 +389,14 @@ export default {
border: 1px solid rgba(40, 132, 126, 1); border: 1px solid rgba(40, 132, 126, 1);
} }
/deep/ .el-input__inner { /deep/ .el-input__inner {
// background: url('~@/assets/companyFile/2121.png') no-repeat; // background: url('~@/assets/companyFile/2121.png') no-repeat;
background: url('~@/assets/companyFile/矩形备份 18.png') no-repeat; background: url("~@/assets/companyFile/矩形备份 18.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
border: 1px solid rgba(40, 132, 126, 1); border: 1px solid rgba(40, 132, 126, 1);
color: rgba(234, 246, 255, 0.7); color: rgba(234, 246, 255, 0.7);
;
} }
/deep/ .btn-prev { /deep/ .btn-prev {
margin: 0 5px; margin: 0 5px;
background-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0);
@ -375,7 +417,6 @@ export default {
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 6px; width: 6px;
} }
// , // ,
@ -387,27 +428,24 @@ export default {
// //
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
background: transparent; background: transparent;
} }
.resultItem { .resultItem {
height: 175px; height: 175px;
width: 95%; width: 95%;
border-bottom: 1px solid #6C8097; border-bottom: 1px solid #6c8097;
padding: 20px 0; padding: 20px 0;
cursor: pointer; cursor: pointer;
p { p {
font-size: 16px; font-size: 16px;
color: #FFFFFF; color: #ffffff;
letter-spacing: 0.5px; letter-spacing: 0.5px;
line-height: 16px; line-height: 16px;
font-weight: 500; font-weight: 500;
/deep/.highlight { /deep/.highlight {
color: #FF7777; color: #ff7777;
} }
} }
@ -421,10 +459,10 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 11991.png') no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #B5EBFF; color: #b5ebff;
letter-spacing: 0.44px; letter-spacing: 0.44px;
font-weight: 400; font-weight: 400;
background-size: 100% 100%; background-size: 100% 100%;
@ -435,10 +473,10 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 11222221.png') no-repeat; background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #E3DEFF; color: #e3deff;
letter-spacing: 0.44px; letter-spacing: 0.44px;
font-weight: 400; font-weight: 400;
background-size: 100% 100%; background-size: 100% 100%;
@ -449,10 +487,11 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 11991备份 10.png') no-repeat; background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #E3DEFF; color: #e3deff;
letter-spacing: 0.44px; letter-spacing: 0.44px;
font-weight: 400; font-weight: 400;
background-size: 100% 100%; background-size: 100% 100%;
@ -463,16 +502,16 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 11991备份 21.png') no-repeat; background: url("~@/assets/companyFile/zhianback.png")
no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #E3DEFF; color: #e3deff;
letter-spacing: 0.44px; letter-spacing: 0.44px;
font-weight: 400; font-weight: 400;
background-size: 100% 100%; background-size: 100% 100%;
margin-right: 10px; margin-right: 10px;
} }
} }
.itemAddress { .itemAddress {
@ -480,7 +519,7 @@ export default {
opacity: 0.8; opacity: 0.8;
font-size: 14px; font-size: 14px;
color: #FFFFFF; color: #ffffff;
letter-spacing: 0; letter-spacing: 0;
font-weight: 400; font-weight: 400;
} }
@ -491,11 +530,9 @@ export default {
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
/deep/.highlight { /deep/.highlight {
color: #FF7777; color: #ff7777;
} }
} }
} }
} }
@ -503,12 +540,12 @@ export default {
width: 30%; width: 30%;
height: 85%; height: 85%;
margin-top: 60px; margin-top: 60px;
background: url('~@/assets/companyFile/矩形备份 289981.png') no-repeat; background: url("~@/assets/companyFile/back002.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
.searchHistory { .searchHistory {
font-size: 18px; font-size: 18px;
color: #FFFFFF; color: #ffffff;
letter-spacing: 1px; letter-spacing: 1px;
font-weight: 500; font-weight: 500;
margin: 20px; margin: 20px;
@ -518,10 +555,10 @@ export default {
display: inline-block; display: inline-block;
height: 40px; height: 40px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 1622111.png') no-repeat; background: url("~@/assets/companyFile/编组 1622111.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #FFFFFF; color: #ffffff;
letter-spacing: 0.5px; letter-spacing: 0.5px;
line-height: 40px; line-height: 40px;
padding: 5px 20px; padding: 5px 20px;
@ -531,8 +568,6 @@ export default {
cursor: pointer; cursor: pointer;
} }
} }
} }
} }
</style> </style>

@ -237,7 +237,7 @@ export default {
height: 100%; height: 100%;
//margin-right: 20px; //margin-right: 20px;
box-sizing: border-box; box-sizing: border-box;
background: url('~@/assets/realtimeWarning/矩形备份 289981.png') no-repeat; background: url('~@/assets/realtimeWarning/back002.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 20px; padding: 20px;
position: relative; position: relative;
@ -425,7 +425,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 11991.png') no-repeat; background: url('~@/assets/companyFile/sheweiback.png') no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #B5EBFF; color: #B5EBFF;
@ -439,7 +439,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 11222221.png') no-repeat; background: url('~@/assets/companyFile/zhongdianback.png') no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #E3DEFF; color: #E3DEFF;
@ -453,7 +453,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 11991备份 10.png') no-repeat; background: url('~@/assets/companyFile/zhibaoback.png') no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #E3DEFF; color: #E3DEFF;
@ -467,7 +467,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 11991备份 21.png') no-repeat; background: url('~@/assets/companyFile/zhianback.png') no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #E3DEFF; color: #E3DEFF;
@ -614,7 +614,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 11991.png') no-repeat; background: url('~@/assets/companyFile/sheweiback.png') no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #B5EBFF; color: #B5EBFF;
@ -628,7 +628,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 11222221.png') no-repeat; background: url('~@/assets/companyFile/zhongdianback.png') no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #E3DEFF; color: #E3DEFF;
@ -642,7 +642,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 11991备份 10.png') no-repeat; background: url('~@/assets/companyFile/zhibaoback.png') no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #E3DEFF; color: #E3DEFF;
@ -656,7 +656,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: auto; width: auto;
background: url('~@/assets/companyFile/编组 11991备份 21.png') no-repeat; background: url('~@/assets/companyFile/zhianback.png') no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #E3DEFF; color: #E3DEFF;

@ -165,7 +165,7 @@ export default {
.topHeader { .topHeader {
width: 100%; width: 100%;
height: 80px; height: 80px;
background: url("~@/assets/companyFile/导航栏上.png") no-repeat; background: url("~@/assets/companyFile/top_menu.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
align-items: center; align-items: center;
@ -225,7 +225,7 @@ export default {
.jgtx { .jgtx {
width: 40px; width: 40px;
height: 40px; height: 40px;
background: url("~@/assets/companyFile/矩形21112222.png") no-repeat; background: url("~@/assets/companyFile/border01.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
cursor: pointer; cursor: pointer;

@ -303,7 +303,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #b5ebff; color: #b5ebff;
@ -318,7 +318,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat; background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #e3deff; color: #e3deff;
@ -333,7 +333,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
@ -349,7 +349,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;

@ -251,7 +251,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #b5ebff; color: #b5ebff;
@ -266,7 +266,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat; background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #e3deff; color: #e3deff;
@ -281,7 +281,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
@ -297,7 +297,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;

@ -247,7 +247,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #b5ebff; color: #b5ebff;
@ -262,7 +262,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat; background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #e3deff; color: #e3deff;
@ -277,7 +277,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
@ -293,7 +293,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;

@ -251,7 +251,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #b5ebff; color: #b5ebff;
@ -266,7 +266,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat; background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #e3deff; color: #e3deff;
@ -281,7 +281,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
@ -297,7 +297,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;

@ -251,7 +251,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #b5ebff; color: #b5ebff;
@ -266,7 +266,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat; background: url("~@/assets/companyFile/zhongdianback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #e3deff; color: #e3deff;
@ -281,7 +281,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
@ -297,7 +297,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;

@ -285,7 +285,7 @@ export default {
height: 100%; height: 100%;
margin-right: 20px; margin-right: 20px;
box-sizing: border-box; box-sizing: border-box;
background: url("~@/assets/realtimeWarning/矩形备份 289981.png") no-repeat; background: url("~@/assets/realtimeWarning/back002.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 20px; padding: 20px;
position: relative; position: relative;
@ -342,7 +342,7 @@ export default {
// width: 570px; // width: 570px;
// height: 100%; // height: 100%;
// box-sizing: border-box; // box-sizing: border-box;
// background: url("~@/assets/realtimeWarning/ 289981.png") no-repeat; // background: url("~@/assets/realtimeWarning/back002.png") no-repeat;
// background-size: 100% 100%; // background-size: 100% 100%;
// position: relative; // position: relative;
@ -521,7 +521,7 @@ export default {
// height: 26px; // height: 26px;
// line-height: 26px; // line-height: 26px;
// width: auto; // width: auto;
// background: url("~@/assets/companyFile/ 11991.png") // background: url("~@/assets/companyFile/sheweiback.png")
// no-repeat; // no-repeat;
// padding: 0 5px; // padding: 0 5px;
// font-size: 14px; // font-size: 14px;
@ -536,7 +536,7 @@ export default {
// height: 26px; // height: 26px;
// line-height: 26px; // line-height: 26px;
// width: auto; // width: auto;
// background: url("~@/assets/companyFile/ 11222221.png") // background: url("~@/assets/companyFile/zhongdianback.png")
// no-repeat; // no-repeat;
// padding: 0 5px; // padding: 0 5px;
// font-size: 14px; // font-size: 14px;
@ -551,7 +551,7 @@ export default {
// height: 26px; // height: 26px;
// line-height: 26px; // line-height: 26px;
// width: auto; // width: auto;
// background: url("~@/assets/companyFile/ 11991 10.png") // background: url("~@/assets/companyFile/zhibaoback.png")
// no-repeat; // no-repeat;
// padding: 0 5px; // padding: 0 5px;
// font-size: 14px; // font-size: 14px;
@ -566,7 +566,7 @@ export default {
// height: 26px; // height: 26px;
// line-height: 26px; // line-height: 26px;
// width: auto; // width: auto;
// background: url("~@/assets/companyFile/ 11991 21.png") // background: url("~@/assets/companyFile/zhianback.png")
// no-repeat; // no-repeat;
// padding: 0 5px; // padding: 0 5px;
// font-size: 14px; // font-size: 14px;

@ -337,7 +337,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991.png") no-repeat; background: url("~@/assets/companyFile/sheweiback.png") no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
color: #b5ebff; color: #b5ebff;
@ -352,7 +352,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11222221.png") background: url("~@/assets/companyFile/zhongdianback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
@ -368,7 +368,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 60px; width: 60px;
background: url("~@/assets/companyFile/编组 11991备份 10.png") background: url("~@/assets/companyFile/zhibaoback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;
@ -384,7 +384,7 @@ export default {
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
width: 80px; width: 80px;
background: url("~@/assets/companyFile/编组 11991备份 21.png") background: url("~@/assets/companyFile/zhianback.png")
no-repeat; no-repeat;
padding: 0 5px; padding: 0 5px;
font-size: 14px; font-size: 14px;

Loading…
Cancel
Save