Commit 091deac2 authored by 赵啸非's avatar 赵啸非

Merge remote-tracking branch 'origin/reg' into reg

parents 852bd999 318dfd1b
......@@ -9,7 +9,7 @@ VUE_APP_TBAS_KEY=admin.tabs
VUE_APP_TBAS_TITLES_KEY=admin.tabs.titles
#VUE_APP_API_BASE_URL=http://api.iczer.com
#门户
VUE_APP_API_portal_URL=http://192.168.0.98:11072
VUE_APP_API_portal_URL=http://192.168.0.124:11072
# VUE_APP_API_portal_URL=http://10.12.185.213:11072
# 系统名称
VUE_APP_sysName = "基础设置"
\ No newline at end of file
#开发环境
NODE_ENV = "development"
VUE_APP_API_BASE_URL=http://192.168.0.98:11078
VUE_APP_API_IMG_URL=http://192.168.0.98:11078/
VUE_APP_API_BASE_URL=http://192.168.0.124:11078
VUE_APP_API_IMG_URL=http://192.168.0.124:11078/
#VUE_APP_API_BASE_URL=http://10.12.185.213:11071
\ No newline at end of file
......@@ -36,7 +36,7 @@ export default {
created() {
this.authAreaTree();
this.getTopArea();
// this.getTopArea();
},
methods: {
......@@ -59,7 +59,7 @@ export default {
let { data } = res.data.data;
if (data.length) {
let firstData = data[0];
if (firstData.areaLevel > 2 || data.length > 1) {
if (firstData.areaLevel > 3 || data.length > 1) {
let TopParent = await this.getTopArea();
TopParent.selectable = false;
TopParent.children = this.editLeaf(data);
......
......@@ -34,7 +34,7 @@
background: filterItem('10', 0),
}"
>
<div class="left-info flex aic">
<div class="left-info flex flexc aic jcc">
<img src="../../../../assets/img/peopo.jpeg" />
<div>
<p>姓名:XXX</p>
......@@ -43,58 +43,22 @@
<p>电话:13666666666</p>
</div>
</div>
<div class="slogan">个人SLOGAN</div>
<div class="slogan flex1 flex aic jcc">SLOGAN</div>
</div>
<div class="right flex1">
<img src="../../../../assets/img/video_img.png" />
<div class="center flex1">
<img src="../../../../assets/img/pjq.png" />
</div>
<div class="right flex flexc jcb aic">
<div
class="right-btn flex flexc jcc"
v-for="(v, i) in filterNav('4')"
:key="v.id"
:class="{ border: !filterItem('4', i) }"
:style="{
background: filterItem('4', i),
}"
></div>
</div>
</div>
<!-- 尾部 -->
<div class="footer flex jcb aic">
<div
class="footer-btn flex flexc jcc"
v-for="(v, i) in filterNav('4')"
:key="v.id"
:class="{ border: !filterItem('4', i) }"
:style="{
background: filterItem('4', i),
}"
></div>
<!-- <div
class="footer-btn flex flexc jcc"
:class="{ border: !filterItem('4', 1) }"
:style="{
background: filterItem('4', 1),
}"
></div>
<div
class="footer-btn flex flexc jcc"
:class="{ border: !filterItem('4', 2) }"
:style="{
background: filterItem('4', 2),
}"
></div>
<div
class="footer-btn flex flexc jcc"
:class="{ border: !filterItem('4', 3) }"
:style="{
background: filterItem('4', 3),
}"
></div>
<div
class="footer-btn flex flexc jcc"
:class="{ border: !filterItem('4', 4) }"
:style="{
background: filterItem('4', 4),
}"
></div>
<div
class="footer-btn flex flexc jcc"
:class="{ border: !filterItem('4', 5) }"
:style="{
background: filterItem('4', 5),
}"
></div> -->
</div>
</div>
<!-- 空数据显示 -->
......@@ -231,38 +195,42 @@ export default {
}
}
.main {
height: 320px;
height: 420px;
width: 100%;
margin-top: 20px;
.left {
height: 100%;
width: 30%;
width: 25%;
padding: 10px;
margin-right: 20px;
background: rgba(255, 255, 255, 0.8);
margin-right: 10px;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.7),
rgba(255, 255, 255, 0)
);
border-radius: 4px;
font-weight: 600;
background-repeat: no-repeat;
background-size: 100% 100%;
.left-info {
width: 100%;
padding: 10px;
}
img {
width: 120px;
height: 160px;
width: 100px;
margin-right: 10px;
}
.slogan {
width: 100%;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 4px;
border: 1px dashed #ccc;
color: #fff;
}
}
.right {
.center {
height: 100%;
margin-right: 10px;
img {
width: 100%;
height: 100%;
......@@ -270,20 +238,18 @@ export default {
}
}
}
.footer {
margin-top: 20px;
width: 100%;
.footer-btn {
.right {
width: 120px;
height: 100%;
gap: 10px;
.right-btn {
flex: 1;
margin-right: 10px;
height: 120px;
width: 100%;
padding: 10px;
border-radius: 4px;
background-size: 100% 100% !important;
}
& .footer-btn:last-child {
margin-right: 0px;
}
.border {
border: 1px dashed #ececec;
}
......
......@@ -21,53 +21,46 @@
>
<div class="flex flexc aic jcc">
<a-icon type="setting" />
<span>设置</span>
</div>
<div class="flex flexc aic jcc">
<a-icon type="edit" />
<span>修改密码</span>
</div>
<div class="flex flexc aic jcc">
<a-icon type="logout" />
<span>退出登录</span>
</div>
</div>
</div>
<!-- 主体 -->
<div class="main flex">
<div class="main ">
<div
class="left flex flexc aic jcc"
class="info flex aic jcc"
:style="{
background: filterItem('10', 0),
background: filterItem('10', 0)
? filterItem('10', 0)
: `url(${require('@/assets/img/info_bg.png')})`,
}"
>
<img src="../../../../assets/img/peopo.jpeg" />
<p>姓名:XXX</p>
<p>部门:审批部</p>
<p>编号:001</p>
<div
class="left-btn"
:style="{
backgroundImage: `linear-gradient(${filterItem(
'8',
0
)}, ${filterItem('7', 0)})`,
}"
>
回归
<div class="flex1">
<p>
<span class="mr25">XXX</span>
<span>001</span>
</p>
<p>审批部</p>
<div class="left-btn flex aic jcc">
回归
</div>
</div>
</div>
<div class="right flex1 flex flexwrap jcb acb">
<div
class="right-item"
v-for="(v, i) in filterNav('4')"
:key="v.id"
:class="{ border: !filterItem('4', i) }"
:style="{
background: filterItem('4', i),
}"
></div>
</div>
<div
class="item"
v-for="(v, i) in filterNav('4')"
:key="v.id"
:class="{ border: !filterItem('4', i) }"
:style="{
background: filterItem('4', i),
}"
></div>
</div>
<!-- 尾部 -->
<div class="footer flex jcc aic">
......@@ -162,35 +155,6 @@ export default {
};
},
methods: {
// 过滤图片
// filterImg(val) {
// let url = "";
// this.skinFieldList
// .filter((v) => {
// return v.fieldType === "2";
// })
// .forEach((v) => {
// if (v.fieldName !== "" && v.fieldName === val) {
// url = v.fieldValue;
// }
// });
// return url;
// },
// // 过滤颜色
// filterColor(val) {
// let str = "";
// this.skinFieldList
// .filter((v) => {
// return v.fieldType === "1";
// })
// .forEach((v) => {
// if (v.fieldName !== "" && v.fieldName === val) {
// str = v.fieldValue;
// }
// });
// return str;
// },
// 过滤属性类型
filterItem(type, index) {
let arr = this.skinFieldList.filter((v) => {
......@@ -241,7 +205,7 @@ export default {
.header-title {
h1 {
font-size: 30px;
color: #0866e8;
color: #fff;
margin: 0px;
margin-left: 10px;
font-weight: 600;
......@@ -249,44 +213,52 @@ export default {
}
.header-right {
width: 180px;
font-size: 18px;
}
}
.main {
height: 350px;
margin-top: 20px;
.left {
padding: 0px 30px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 10px;
.border {
border: 1px dashed #ececec;
}
.info {
grid-column: 1 / span 2;
width: 100%;
height: 100%;
width: 280px;
margin-right: 20px;
background: rgba(255, 255, 255, 0.8);
border-radius: 10px;
font-weight: 600;
padding: 10px;
padding-right: 120px;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 100% 100% !important;
border-radius: 4px;
img {
width: 100px;
margin-right: 20px;
}
.left-btn {
width: 150px;
height: 40px;
text-align: center;
line-height: 40px;
color: #fff;
background-image: linear-gradient(#bbe0ee, #adc0f1);
width: 100%;
height: 50px;
background: linear-gradient(0deg, #2a7cf6, #32baf0);
border-radius: 6px;
font-size: 22px;
font-weight: 500;
color: #ffffff;
}
}
.right {
.item {
width: 100%;
height: 100%;
.right-item {
width: 49%;
height: 100px;
border-radius: 6px;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 100% 100% !important;
}
.border {
border: 1px dashed #ececec;
}
border-radius: 4px;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 100% 100% !important;
color: #ffffff;
}
}
.footer {
......
......@@ -9,42 +9,51 @@
<div
class="header"
:style="{
background: filterItem('11', 0),
color: filterItem('2', 0),
}"
>
政务服务中心
</div>
<div class="main flex aic jcb">
<div class="left">
<img src="../../../../assets/img/banner2.png" />
<div class="left flex aic jcc">
video
</div>
<div class="right">
<img src="../../../../assets/img/banner3.png" />
<div class="right flex aic jcc">
banner
</div>
</div>
<div
class="footer flex"
class="footer flex1 flex aic"
:style="{
background: filterItem('12', 0),
}"
>
<div
class="title flex aic jcc"
:style="{
background: filterItem('10', 0),
color: filterItem('5', 0),
}"
>
滚动新闻
<div class="title flex aic jcc">
logo
</div>
<div class="text flex aic">
这里是信息发布滚动信息这里是信息发布滚动信息这里是信息发布滚动信息
<div class="text flex1 flex flexc">
<div
class="flex1 flex aic pdl10"
:style="{
color: filterItem('5', 0),
}"
>
新闻标题
</div>
<div
class="bottom flex1 flex aic pdl10"
:style="{
background: filterItem('14', 0),
color: filterItem('6', 0),
}"
>
这里是信息发布滚动信息这里是信息发布滚动信息这里是信息发布滚动信息
</div>
</div>
</div>
</div>
<!-- 信息发布 竖版皮肤 -->
<div
<!-- <div
:id="componentsId"
class="vertical-skin flex flexc"
v-else-if="imageResolution === '2'"
......@@ -85,7 +94,7 @@
这里是信息发布滚动信息这里是信息发布滚动信息
</div>
</div>
</div>
</div> -->
<!-- 空数据显示 -->
<div class="empty flex aic jcc" v-else>
<a-empty
......@@ -170,41 +179,55 @@ export default {
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
position: relative;
.header {
height: 80px;
font-size: 30px;
font-weight: 600;
padding-left: 20px;
color: #fff;
text-align: center;
line-height: 80px;
background: url("../../../../assets/img/bg_header.png") no-repeat;
background-size: 100% 100% !important;
position: absolute;
left: 0px;
top: 0px;
}
.main {
height: 432px;
height: 470px;
.left,
.right {
width: 50%;
height: 100%;
img {
width: 100%;
height: 100%;
}
color: #fff;
border-bottom: 1px dashed #ececec;
}
.left {
border-right: 1px dashed #ececec;
}
}
.footer {
height: 50px;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 100% 100% !important;
.title {
width: 100px;
width: 130px;
height: 100%;
font-size: 18px;
color: #effe00;
color: #fff;
border-right: 1px dashed #ececec;
}
.text {
height: 100%;
font-size: 18px;
color: #fff;
}
.bottom {
border-top: 1px dashed #ececec;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 100% 100% !important;
}
}
}
.vertical-skin {
......
......@@ -72,6 +72,12 @@ const attrType = [
{ key: "10", label: "信息面板" },
{ key: "11", label: "头部背景" },
{ key: "12", label: "底部背景" },
{ key: "13", label: "数据标题背景" },
{ key: "14", label: "数据背景" },
{ key: "15", label: "公告标题" },
{ key: "16", label: "公告内容" },
{ key: "17", label: "公告标题背景" },
{ key: "18", label: "公告内容背景" },
];
export default {
props: {
......
......@@ -12,7 +12,7 @@
<div class="surface-preview-main">
<div class="skin-header">
<h1 class="skin-header-title" :style="{ color: filterItem('2', 0) }">
政务服务中心
自助排队取号系统
</h1>
<div class="skin-header-time" :style="{ color: filterItem('3', 0) }">
<p class="show-time">16:14:00</p>
......@@ -20,9 +20,6 @@
</div>
</div>
<div class="skin-content">
<div class="skin-content-left">
<img src="../../../../assets/img/Banner.png" alt="" />
</div>
<div class="skin-content-right">
<div
v-for="(v, i) in filterNav('4')"
......@@ -59,13 +56,13 @@
</div>
<div class="skin-footer-records">
<p :style="{ color: filterItem('9', 0) }">
主办单位:四川省青霆科技有限公司
主办单位:XXXXXX有限公司
</p>
<p :style="{ color: filterItem('9', 0) }">
承办单位:四川省青霆科技有限公司
承办单位:XXXXXX有限公司
</p>
<p :style="{ color: filterItem('9', 0) }">
技术:四川省青霆科技有限公司
技术:XXXXXX有限公司
</p>
<p :style="{ color: filterItem('9', 0) }">版权所有</p>
</div>
......@@ -249,6 +246,7 @@ export default {
display: flex;
justify-content: space-between;
height: 100px;
margin-bottom: 40px;
align-items: center;
.skin-header-title {
font-size: 22px;
......@@ -268,46 +266,36 @@ export default {
.skin-content {
flex: 1;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 80%;
margin-left: 10%;
.skin-content-left {
width: 48%;
height: 100%;
img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
}
justify-content: flex-end;
width: 96%;
margin-left: 2%;
.skin-content-right {
width: 48%;
width: 620px;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
display: grid;
grid-template-columns: repeat(4, 150px);
gap: 10px;
div {
width: 176px;
height: 108px;
width: 150px;
height: 150px;
border-radius: 10px;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 100% 100% !important;
text-align: center;
line-height: 108px;
&:nth-child(3) {
grid-column: 3 / span 2;
}
&:nth-child(4) {
grid-column: 2 / span 1;
}
}
.border {
border: 1px dashed #ececec;
}
img {
width: 176px;
height: 108px;
border-radius: 10px;
}
}
}
.skin-footer {
......
......@@ -12,7 +12,6 @@
<!-- 头部 -->
<div class="header flex aic jcb">
<div class="left flex aic">
<!-- <img class="mr20" src="../../../../assets/img/logo.png" /> -->
<div
class="title"
:style="{
......@@ -43,8 +42,6 @@
</div>
</div>
</div>
<!-- 标题 -->
<img class="title-img" src="../../../../assets/img/tiandan.png" alt="" />
<!-- 搜索框 -->
<div class="search-box">
<div
......@@ -66,87 +63,57 @@
</div>
<!-- 主体内容 -->
<div class="main flex aic jcb">
<div class="left">热门排行区域</div>
<div class="right flex flexc jcb">
<div class="top flex aic jcb">
<div
class="btn1 flex jcc aic"
:style="{
background: filterItem('4', 0),
}"
:class="{ border: !filterItem('4', 0) }"
>
btn1
</div>
<div
class="btn2 flex jcc aic"
:style="{
background: filterItem('4', 1),
}"
:class="{ border: !filterItem('4', 1) }"
>
btn2
</div>
<div class="left flex flexc">
<div class="app-list flex aic jcc">
应用列表
</div>
<div class="flex1 flex aic jcc">
热门表单
</div>
<div class="bottom flex aic jcc">应用区域</div>
</div>
</div>
<!-- 底部 -->
<div class="footer flex aic jca mt20">
<div class="flex flexc aic">
<span
:style="{
color: filterItem('5', 0),
}"
>入驻表单量</span
>
<span
:style="{
color: filterItem('7', 0),
}"
>20份</span
>
</div>
<div class="flex flexc aic">
<span
:style="{
color: filterItem('5', 0),
}"
>入驻事项量</span
>
<span
<div class="right flex flexc">
<div
class="btn flex aic jcc"
:style="{
color: filterItem('7', 0),
background: filterItem('4', 0),
}"
>20件</span
:class="{ border: !filterItem('4', 0) }"
>
btn
</div>
<div class="bottom flex1 flex aic jcc">
热门事项
</div>
</div>
<div class="flex flexc aic">
</div>
<!-- 底部 -->
<div class="footer flex aic jca ">
<div class="">
<span
:style="{
color: filterItem('5', 0),
}"
>本地打印量</span
>入驻表单量:</span
>
<span
:style="{
color: filterItem('7', 0),
}"
>20</span
>20</span
>
</div>
<div class="flex flexc aic">
<div class="">
<span
:style="{
color: filterItem('5', 0),
}"
>在线提交量</span
>入驻事项量:</span
>
<span
:style="{
color: filterItem('7', 0),
}"
>20</span
>20</span
>
</div>
</div>
......@@ -248,14 +215,11 @@ export default {
}
}
}
.title-img {
width: 600px;
margin-top: 20px;
}
.search-box {
width: 600px;
height: 38px;
margin-top: 20px;
margin-top: 40px;
background: #ffffff;
box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.1);
border-radius: 8px;
......@@ -282,49 +246,46 @@ export default {
}
.main {
width: 800px;
height: 250px;
height: 300px;
margin-top: 10px;
color: #fff;
.left {
width: 49%;
width: 50%;
height: 100%;
border: 1px dashed #ececec;
border-radius: 4px;
text-align: center;
line-height: 200px;
.app-list {
height: 80px;
border-bottom: 1px dashed #ececec;
border-radius: 4px;
}
}
.right {
width: 49%;
height: 100%;
border-radius: 4px;
.top {
height: 49%;
width: 50%;
height: 90%;
border-radius: 0px 4px 4px 0px;
border: 1px dashed #ececec;
border-left: none;
padding: 10px;
.btn {
margin: 0px !important;
width: 100%;
.btn1 {
height: 100%;
width: 54%;
border-radius: 4px;
background-size: 100% 100% !important;
}
.btn2 {
height: 100%;
width: 44%;
border-radius: 4px;
background-size: 100% 100% !important;
}
height: 80px;
border-radius: 4px;
background-size: 100% 100% !important;
}
.border {
.bottom {
margin-top: 10px;
border-radius: 4px;
border: 1px dashed #ececec;
}
.bottom {
height: 49%;
width: 100%;
.border {
border: 1px dashed #ececec;
border-radius: 4px;
}
}
}
.footer {
margin-top: 30px;
width: 800px;
color: #fff;
}
......
# 开发环境配置
NODE_ENV = development
# VUE_APP_API_BASE_URL=http://8.136.255.30:11078
VUE_APP_API_BASE_URL=http://192.168.0.98:11078
VUE_APP_API_BASE_URL=http://192.168.0.124:11078
#图片显示拼接
# VUE_APP_API_IMG_URL=http://8.136.255.30:11078/
VUE_APP_API_IMG_URL=http://192.168.0.98:11078/
VUE_APP_API_IMG_URL=http://192.168.0.124:11078/
#余林
# VUE_APP_API_PHP_URL=http://8.136.255.30:8090
VUE_APP_API_PHP_URL=http://192.168.0.98:8090
VUE_APP_API_PHP_URL=http://192.168.0.124:8090
#宜宾
#VUE_APP_API_BASE_URL=http://10.12.185.213:11072
......@@ -778,6 +778,7 @@ img {
// }
// }
// 统一设置表格为空时的展示
.ant-table-tbody {
td:empty::after {
......
This image diff could not be displayed because it is too large. You can view the blob instead.
<template>
<div class="previe-modal" v-if="Visible" @click="Visible = false">
<img @click.stop v-if="previeData.type === 'img'" :src="previeData.url" />
<video
@click.stop
v-else
:src="previeData.url"
autoplay
muted
controls
></video>
<a-icon type="close-circle" />
<div class="previe-modal" v-if="Visible">
<div class="main">
<img v-if="previeData.type === 'img'" :src="previeData.url" />
<video
v-else-if="previeData.type === 'video'"
:src="previeData.url"
autoplay
muted
controls
></video>
<audio
v-else-if="previeData.type === 'audio'"
controls
src="@/assets/images/out.mp3"
></audio>
</div>
<a-icon @click="Visible = false" type="close-circle" />
</div>
</template>
......@@ -55,10 +61,17 @@ export default {
flex-direction: column;
justify-content: center;
align-items: center;
img,
video {
.main {
height: 400px;
max-width: 800px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
img,
video {
height: 100%;
object-fit: contain;
}
.anticon-close-circle {
......@@ -68,4 +81,4 @@ export default {
cursor: pointer;
}
}
</style>
\ No newline at end of file
</style>
......@@ -432,7 +432,7 @@ export default {
this.twoPieData = {
title: "本地人与外地人注册分布",
pieName: "分布详情",
firstName: "宜宾市本地人注册占比",
firstName: "若尔盖县本地人注册占比",
firstVal: res.data.bd_lv,
firstTotal: 1,
secondName: "外地人注册占比",
......@@ -569,7 +569,7 @@ export default {
this.twoPieData2 = {
title: "本地人与外地人办件分布",
pieName: "分布详情",
firstName: "宜宾市本地人办件占比",
firstName: "若尔盖县本地人办件占比",
firstVal: res.data.bd_lv,
firstTotal: 1,
secondName: "外地人办件占比",
......
......@@ -120,24 +120,58 @@
>
</a-col>
<a-col :span="12">
<span>
<span class="flex">
<span class="lable">评价人照片:</span>
<a-avatar
v-if="!detailsInfo.picture"
shape="square"
:size="40"
icon="user"
/>
<img
v-else
:src="baseurl + '/' + detailsInfo.picture"
@click="
$viewerApi({
images: [baseurl + '/' + detailsInfo.picture],
})
"
class="cursor-pointer w-[50px] max-h-[50px] rounded-[4px]"
/>
<span v-if="detailsInfo.picture || detailsInfo.process">
<a-tooltip v-if="detailsInfo.picture" title="照片">
<a-avatar
class="cursor-pointer"
@click="
$viewerApi({
images: [baseurl + '/' + detailsInfo.picture],
})
"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="picture"
/>
</a-tooltip>
<a-tooltip
v-else-if="
detailsInfo.process &&
estimateVideo(detailsInfo.process)
"
title="视频"
>
<a-avatar
class="cursor-pointer"
@click="checkMultimedia(detailsInfo.process)"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="video-camera"
/>
</a-tooltip>
<a-tooltip v-else title="音频">
<a-avatar
class="cursor-pointer"
@click="checkMultimedia(detailsInfo.process)"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="sound"
/>
</a-tooltip>
</span>
<a-tooltip v-else title="无资源">
<a-avatar
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="ellipsis"
/>
</a-tooltip>
</span>
</a-col>
</a-row>
......@@ -357,24 +391,58 @@
>
</a-col>
<a-col :span="12">
<span>
<span class="flex">
<span class="lable">评价人照片:</span>
<a-avatar
v-if="!detailsInfo.picture"
shape="square"
:size="40"
icon="user"
/>
<img
v-else
:src="baseurl + '/' + detailsInfo.picture"
@click="
$viewerApi({
images: [baseurl + '/' + detailsInfo.picture],
})
"
class="cursor-pointer w-[50px] max-h-[50px] rounded-[4px]"
/>
<span v-if="detailsInfo.picture || detailsInfo.process">
<a-tooltip v-if="detailsInfo.picture" title="照片">
<a-avatar
class="cursor-pointer"
@click="
$viewerApi({
images: [baseurl + '/' + detailsInfo.picture],
})
"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="picture"
/>
</a-tooltip>
<a-tooltip
v-else-if="
detailsInfo.process &&
estimateVideo(detailsInfo.process)
"
title="视频"
>
<a-avatar
class="cursor-pointer"
@click="checkMultimedia(detailsInfo.process)"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="video-camera"
/>
</a-tooltip>
<a-tooltip v-else title="音频">
<a-avatar
class="cursor-pointer"
@click="checkMultimedia(detailsInfo.process)"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="sound"
/>
</a-tooltip>
</span>
<a-tooltip v-else title="无资源">
<a-avatar
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="ellipsis"
/>
</a-tooltip>
</span>
</a-col>
</a-row>
......@@ -382,11 +450,17 @@
</a-step>
</a-steps>
</div>
<!-- 音视频查看 -->
<PrevieModal
:previeData="previeData"
:previeVisible.sync="previeVisible"
></PrevieModal>
</a-drawer>
</div>
</template>
<script>
import PrevieModal from "@/components/PrevieModal.vue";
export default {
props: {
type: {
......@@ -412,9 +486,14 @@ export default {
},
},
},
components: {
PrevieModal,
},
data() {
return {
baseurl: process.env.VUE_APP_API_PHP_URL,
previeData: {},
previeVisible: false,
};
},
computed: {
......@@ -462,6 +541,31 @@ export default {
}
}
},
// 判断是否是视频文件
estimateVideo(url) {
let index = url.lastIndexOf(".");
let type = url.slice(index + 1);
return type === "mp4";
},
// 查看音视频
checkMultimedia(url) {
console.log(url);
let isVideo = this.estimateVideo(url);
let curUrl = this.baseurl + "/" + url;
if (isVideo) {
this.previeData = {
type: "video",
url: curUrl,
};
} else {
this.previeData = {
type: "audio",
url: curUrl,
};
}
this.previeVisible = true;
},
},
};
</script>
......@@ -517,4 +621,4 @@ export default {
color: #656565;
}
}
</style>
\ No newline at end of file
</style>
......@@ -7,70 +7,69 @@
:visible="Visible"
@close="onClose"
>
<!-- 头部 -->
<div class="header">
<div class="elapsed-time">
<p class="elapsed-time-title">
<span>累计次数</span>
</p>
<p class="time">
{{detailsInfo.total}}
</p>
</div>
<div class="elapsed-time">
<p class="elapsed-time-title">
<span>累计时长</span>
</p>
<p class="time">
<span>{{allTime}}</span>
</p>
</div>
<div class="elapsed-time">
<p class="elapsed-time-title">
<span>最近暂离时间</span>
</p>
<p class="time">
{{createTime}}
</p>
</div>
<!-- 头部 -->
<div class="header">
<div class="elapsed-time">
<p class="elapsed-time-title">
<span>累计次数</span>
</p>
<p class="time">{{ detailsInfo.total }}</p>
</div>
<!-- 步骤条 -->
<a-steps direction="vertical">
<a-step :title="(index+1)" v-for="(item,index) in detailsInfo.data" :key="item.stopid">
<a-icon type="environment" slot="icon" />
<div slot="description" class="transact-step">
<a-row :gutter="[0, 8]">
<a-col :span="12">
<span>窗口编号:</span>{{ item.window_num || "--" }}
</a-col>
<a-col :span="12">
<span>工作人员:</span>{{ item.workman_name || "--" }}
</a-col>
</a-row>
<a-row :gutter="[0, 8]">
<a-col :span="12">
<span>暂离时间:</span
>{{ item.workman_name || "--" }}
</a-col>
<a-col :span="12">
<span>回归时间:</span
>{{ item.end_time || "--" }}
</a-col>
</a-row>
<a-row :gutter="[0, 8]">
<a-col :span="12">
<span>暂离时长:</span>
{{item.zl_time || "--"}}
</a-col>
<a-col :span="12">
<span>暂离原因:</span>
{{ item.stoptitle || "--" }}
</a-col>
</a-row>
</div>
</a-step>
</a-steps>
<div class="elapsed-time">
<p class="elapsed-time-title">
<span>累计时长</span>
</p>
<p class="time">
<span>{{ allTime }}</span>
</p>
</div>
<div class="elapsed-time">
<p class="elapsed-time-title">
<span>最近暂离时间</span>
</p>
<p class="time">
{{ createTime }}
</p>
</div>
</div>
<!-- 步骤条 -->
<a-steps direction="vertical">
<a-step
:title="index + 1"
v-for="(item, index) in detailsInfo.data"
:key="item.stopid"
>
<a-icon type="environment" slot="icon" />
<div slot="description" class="transact-step">
<a-row :gutter="[0, 8]">
<a-col :span="12">
<span>窗口编号:</span>{{ item.window_num || "--" }}
</a-col>
<a-col :span="12">
<span>工作人员:</span>{{ item.workman_name || "--" }}
</a-col>
</a-row>
<a-row :gutter="[0, 8]">
<a-col :span="12">
<span>暂离时间:</span>{{ item.create_time || "--" }}
</a-col>
<a-col :span="12">
<span>回归时间:</span>{{ item.end_time || "--" }}
</a-col>
</a-row>
<a-row :gutter="[0, 8]">
<a-col :span="12">
<span>暂离时长:</span>
{{ item.zl_time + " 分钟" || "--" }}
</a-col>
<a-col :span="12">
<span>暂离原因:</span>
{{ item.stoptitle || "--" }}
</a-col>
</a-row>
</div>
</a-step>
</a-steps>
</a-drawer>
</div>
</template>
......@@ -204,4 +203,4 @@ export default {
color: #656565;
}
}
</style>
\ No newline at end of file
</style>
......@@ -24,14 +24,50 @@
@change="changeTable"
>
<!-- 评价人照片 -->
<template slot="picture" slot-scope="text">
<a-avatar v-if="!text" shape="square" :size="40" icon="user" />
<img
v-else
:src="baseurl + '/' + text"
class="cursor-pointer w-[50px] max-h-[50px] rounded-[4px]"
@click="$viewerApi({ images: [baseurl + '/' + text] })"
/>
<template slot="picture" slot-scope="text, record">
<div v-if="text || record.process">
<a-tooltip v-if="text" title="照片">
<a-avatar
class="cursor-pointer"
@click="$viewerApi({ images: [baseurl + '/' + text] })"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="picture"
/>
</a-tooltip>
<a-tooltip
v-else-if="record.process && estimateVideo(record.process)"
title="视频"
>
<a-avatar
class="cursor-pointer"
@click="checkMultimedia(record.process)"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="video-camera"
/>
</a-tooltip>
<a-tooltip v-else title="音频">
<a-avatar
class="cursor-pointer"
@click="checkMultimedia(record.process)"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="sound"
/>
</a-tooltip>
</div>
<a-tooltip v-else title="无资源">
<a-avatar
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="ellipsis"
/>
</a-tooltip>
</template>
<!-- 操作 -->
......@@ -61,13 +97,19 @@
:title="title"
:type="detailsType"
></HandlingDetails>
<!-- 音视频查看 -->
<PrevieModal
:previeData="previeData"
:previeVisible.sync="previeVisible"
></PrevieModal>
</div>
</template>
<script>
<script>
import { mapState } from "vuex";
import storage from "@/utils/js/Storage";
import HandlingDetails from "./components/HandlingDetails.vue";
import PrevieModal from "@/components/PrevieModal.vue";
import { export2Excel } from "@/utils/js/exportExcel";
import { getEvaList, getEvaData, getEvaDetil } from "@/api/dataAdmin";
const tHeader = [
......@@ -93,6 +135,7 @@ const filterVal = [
export default {
components: {
HandlingDetails,
PrevieModal,
},
data() {
const columns = [
......@@ -205,6 +248,8 @@ export default {
return {
baseurl: process.env.VUE_APP_API_PHP_URL,
siteId: storage.get(2, "siteId"),
previeData: {},
previeVisible: false,
columns,
tHeader,
filterVal,
......@@ -417,9 +462,33 @@ export default {
onCancel() {},
});
},
// 判断是否是视频文件
estimateVideo(url) {
let index = url.lastIndexOf(".");
let type = url.slice(index + 1);
return type === "mp4";
},
// 查看音视频
checkMultimedia(url) {
let isVideo = this.estimateVideo(url);
let curUrl = this.baseurl + "/" + url;
if (isVideo) {
this.previeData = {
type: "video",
url: curUrl,
};
} else {
this.previeData = {
type: "audio",
url: curUrl,
};
}
this.previeVisible = true;
},
},
};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
<style lang="less" scoped></style>
......@@ -23,14 +23,50 @@
@change="changeTable"
>
<!-- 评价人照片 -->
<template slot="picture" slot-scope="text">
<a-avatar v-if="!text" shape="square" :size="40" icon="user" />
<img
v-else
:src="baseurl + '/' + text"
class="cursor-pointer w-[50px] max-h-[50px] rounded-[4px]"
@click="$viewerApi({ images: [baseurl + '/' + text] })"
/>
<template slot="picture" slot-scope="text, record">
<div v-if="text || record.process">
<a-tooltip v-if="text" title="照片">
<a-avatar
class="cursor-pointer"
@click="$viewerApi({ images: [baseurl + '/' + text] })"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="picture"
/>
</a-tooltip>
<a-tooltip
v-else-if="record.process && estimateVideo(record.process)"
title="视频"
>
<a-avatar
class="cursor-pointer"
@click="checkMultimedia(record.process)"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="video-camera"
/>
</a-tooltip>
<a-tooltip v-else title="音频">
<a-avatar
class="cursor-pointer"
@click="checkMultimedia(record.process)"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="sound"
/>
</a-tooltip>
</div>
<a-tooltip v-else title="无资源">
<a-avatar
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="ellipsis"
/>
</a-tooltip>
</template>
<!-- 操作 -->
......@@ -60,13 +96,19 @@
:title="title"
:type="detailsType"
></HandlingDetails>
<!-- 音视频查看 -->
<PrevieModal
:previeData="previeData"
:previeVisible.sync="previeVisible"
></PrevieModal>
</div>
</template>
<script>
import { mapState } from "vuex";
import storage from "@/utils/js/Storage";
import HandlingDetails from "./components/HandlingDetails.vue";
import PrevieModal from "@/components/PrevieModal.vue";
import { export2Excel } from "@/utils/js/exportExcel";
import { getEvaList, getEvaDetil, getQueEvaData } from "@/api/dataAdmin";
const tHeader = [
......@@ -92,6 +134,7 @@ const filterVal = [
export default {
components: {
HandlingDetails,
PrevieModal,
},
data() {
const columns = [
......@@ -202,6 +245,8 @@ export default {
return {
baseurl: process.env.VUE_APP_API_PHP_URL,
siteId: storage.get(2, "siteId"),
previeData: {},
previeVisible: false,
columns,
tHeader,
filterVal,
......@@ -413,9 +458,32 @@ export default {
onCancel() {},
});
},
// 判断是否是视频文件
estimateVideo(url) {
let index = url.lastIndexOf(".");
let type = url.slice(index + 1);
return type === "mp4";
},
// 查看音视频
checkMultimedia(url) {
let isVideo = this.estimateVideo(url);
let curUrl = this.baseurl + "/" + url;
if (isVideo) {
this.previeData = {
type: "video",
url: curUrl,
};
} else {
this.previeData = {
type: "audio",
url: curUrl,
};
}
this.previeVisible = true;
},
},
};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
<style lang="less" scoped></style>
<template>
<div class="h-full w-full flex flex-col">
<div class="total-info">
<span class="mr-[30px]">111评价次数:{{ total ?? 0 }}</span>
<span class="mr-[30px]">评价次数:{{ total ?? 0 }}</span>
<span>统计时间段:{{ time[0] }} - {{ time[1] }}</span>
</div>
<div class="reportforms-out-box">
......
......@@ -40,7 +40,9 @@
<a-tag
class="cursor-pointer"
color="blue"
@click="checkInfo(record.workmanid,record.all_time,record.create_time)"
@click="
checkInfo(record.workmanid, record.all_time, record.create_time)
"
>
详情
</a-tag>
......@@ -57,25 +59,15 @@
></StepoutDetails>
</div>
</template>
<script>
import { mapState } from "vuex";
import storage from "@/utils/js/Storage";
import StepoutDetails from "./components/StepoutDetails.vue";
import { export2Excel } from "@/utils/js/exportExcel";
import { stopToWorkman, stopInfo } from "@/api/dataAdmin";
const tHeader = [
"工作人员",
"暂离次数",
"累计计时",
"最近暂离时间",
]; // 导出的表头名信息
const filterVal = [
"workman_name",
"count",
"all_time",
"create_time",
]; // 导出的表头字段名,需要导出表格字段名
const tHeader = ["工作人员", "暂离次数", "累计计时(分钟)", "最近暂离时间"]; // 导出的表头名信息
const filterVal = ["workman_name", "count", "all_time", "create_time"]; // 导出的表头字段名,需要导出表格字段名
export default {
components: {
StepoutDetails,
......@@ -107,7 +99,7 @@ export default {
},
},
{
title: "累计计时",
title: "累计计时(分钟)",
width: 100,
dataIndex: "all_time",
customRender: (text) => {
......@@ -157,8 +149,8 @@ export default {
selectedRowKeys: [], // 表格选中的key
excelData: [], // 导出数据
detailsInfo: {}, // 详情信息
allTime:"",
createTime:"",
allTime: "",
createTime: "",
detailsVisible: false,
title: "办理明细",
};
......@@ -312,24 +304,23 @@ export default {
execute();
},
// 详情
async checkInfo(id,alltime,createtime) {
let res = await stopInfo({
page:1,
size:-1,
time:this.searchForm.time,
workmanid:id
async checkInfo(id, alltime, createtime) {
let res = await stopInfo({
page: 1,
size: -1,
time: this.searchForm.time,
workmanid: id,
});
if (res.code == 1) {
let { data } = res;
this.detailsInfo = data;
this.detailsVisible = true;
this.allTime = alltime
this.createTime = createtime
this.allTime = alltime;
this.createTime = createtime;
}
},
},
};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
<style lang="less" scoped></style>
......@@ -24,16 +24,51 @@
@change="changeTable"
>
<!-- 评价人照片 -->
<template slot="picture" slot-scope="text">
<a-avatar v-if="!text" shape="square" :size="40" icon="user" />
<img
v-else
:src="baseurl + '/' + text"
class="cursor-pointer w-[50px] max-h-[50px] rounded-[4px]"
@click="$viewerApi({ images: [baseurl + '/' + text] })"
/>
<template slot="picture" slot-scope="text, record">
<div v-if="text || record.process">
<a-tooltip v-if="text" title="照片">
<a-avatar
class="cursor-pointer"
@click="$viewerApi({ images: [baseurl + '/' + text] })"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="picture"
/>
</a-tooltip>
<a-tooltip
v-else-if="record.process && estimateVideo(record.process)"
title="视频"
>
<a-avatar
class="cursor-pointer"
@click="checkMultimedia(record.process)"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="video-camera"
/>
</a-tooltip>
<a-tooltip v-else title="音频">
<a-avatar
class="cursor-pointer"
@click="checkMultimedia(record.process)"
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="sound"
/>
</a-tooltip>
</div>
<a-tooltip v-else title="无资源">
<a-avatar
shape="square"
style="background-color: #e6f7ff; color: #1890ff"
:size="40"
icon="ellipsis"
/>
</a-tooltip>
</template>
<!-- 操作 -->
<template slot="action" slot-scope="text, record">
<a-space>
......@@ -61,13 +96,19 @@
:title="title"
:type="detailsType"
></HandlingDetails>
<!-- 音视频查看 -->
<PrevieModal
:previeData="previeData"
:previeVisible.sync="previeVisible"
></PrevieModal>
</div>
</template>
<script>
import { mapState } from "vuex";
import storage from "@/utils/js/Storage";
import HandlingDetails from "./components/HandlingDetails.vue";
import PrevieModal from "@/components/PrevieModal.vue";
import { export2Excel } from "@/utils/js/exportExcel";
import { getEvaList, getEvaData, getEvaDetil } from "@/api/dataAdmin";
const tHeader = [
......@@ -93,6 +134,7 @@ const filterVal = [
export default {
components: {
HandlingDetails,
PrevieModal,
},
data() {
const columns = [
......@@ -206,6 +248,8 @@ export default {
columns,
tHeader,
filterVal,
previeData: {},
previeVisible: false,
tableData: [],
current: 1,
size: 10,
......@@ -415,9 +459,33 @@ export default {
onCancel() {},
});
},
// 判断是否是视频文件
estimateVideo(url) {
let index = url.lastIndexOf(".");
let type = url.slice(index + 1);
return type === "mp4";
},
// 查看音视频
checkMultimedia(url) {
let isVideo = this.estimateVideo(url);
let curUrl = this.baseurl + "/" + url;
if (isVideo) {
this.previeData = {
type: "video",
url: curUrl,
};
} else {
this.previeData = {
type: "audio",
url: curUrl,
};
}
this.previeVisible = true;
},
},
};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
<style lang="less" scoped></style>
......@@ -40,7 +40,9 @@
<a-tag
class="cursor-pointer"
color="blue"
@click="checkInfo(record.windowid,record.all_time,record.create_time)"
@click="
checkInfo(record.windowid, record.all_time, record.create_time)
"
>
详情
</a-tag>
......@@ -57,25 +59,15 @@
></StepoutDetails>
</div>
</template>
<script>
import { mapState } from "vuex";
import storage from "@/utils/js/Storage";
import StepoutDetails from "./components/StepoutDetails.vue";
import { export2Excel } from "@/utils/js/exportExcel";
import { stopToWindow, stopInfo } from "@/api/dataAdmin";
const tHeader = [
"窗口编号",
"暂离次数",
"累计计时",
"最近暂离时间",
]; // 导出的表头名信息
const filterVal = [
"window_num",
"count",
"all_time",
"create_time",
]; // 导出的表头字段名,需要导出表格字段名
const tHeader = ["窗口编号", "暂离次数", "累计计时(分钟)", "最近暂离时间"]; // 导出的表头名信息
const filterVal = ["window_num", "count", "all_time", "create_time"]; // 导出的表头字段名,需要导出表格字段名
export default {
components: {
StepoutDetails,
......@@ -107,7 +99,7 @@ export default {
},
},
{
title: "累计计时",
title: "累计计时(分钟)",
width: 100,
dataIndex: "all_time",
customRender: (text) => {
......@@ -157,8 +149,8 @@ export default {
selectedRowKeys: [], // 表格选中的key
excelData: [], // 导出数据
detailsInfo: {}, // 详情信息
allTime:"",
createTime:"",
allTime: "",
createTime: "",
detailsVisible: false,
title: "详情",
};
......@@ -312,24 +304,23 @@ export default {
execute();
},
// 详情
async checkInfo(id,alltime,createtime) {
let res = await stopInfo({
page:1,
size:-1,
time:this.searchForm.time,
windowid:id
async checkInfo(id, alltime, createtime) {
let res = await stopInfo({
page: 1,
size: -1,
time: this.searchForm.time,
windowid: id,
});
if (res.code == 1) {
let { data } = res;
this.detailsInfo = data;
this.detailsVisible = true;
this.allTime = alltime
this.createTime = createtime
this.allTime = alltime;
this.createTime = createtime;
}
},
},
};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
<style lang="less" scoped></style>
......@@ -132,7 +132,7 @@ export default {
this.chart = echarts.init(this.$refs.chart);
}
echarts.registerMap("china", data);
var geoGpsMap = [104.64, 28.75];
var geoGpsMap = [102.95, 33.57];
var geoCoordMap = {
江苏: [118.8062, 31.9208],
黑龙江: [127.9688, 45.368],
......@@ -292,7 +292,7 @@ export default {
position: "top",
// offset: [5, 0], //偏移设置
color: "#ff0000",
formatter: "宜宾市",
formatter: "若尔盖县",
textStyle: {
color: "#fff",
fontSize: "16px",
......@@ -312,8 +312,8 @@ export default {
},
data: [
{
name: "宜宾市",
value: [104.64, 28.75],
name: "若尔盖县",
value: [102.95, 33.57],
},
],
},
......
......@@ -231,7 +231,7 @@ export default {
<style lang="less" scoped>
.data-manage {
padding: 72px 60px 0px 60px;
background: url("@/assets/images/dataManage/bg_2.png") no-repeat;
background: url("@/assets/images/siteArrange/bg_3.jpg") no-repeat;
background-size: 100% 100%;
.main {
height: 714px;
......
......@@ -3,7 +3,7 @@
<div class="main h-full w-full flex items-center justify-between">
<div class="slogan">
<p class="slogan-text slogan-text-1 mb-12">若诗·若画·若尔盖</p>
<p class="slogan-text slogan-text-2">似烟·似梦·似天堂</p>
<!-- <p class="slogan-text slogan-text-2">似烟·似梦·似天堂</p> -->
</div>
<div class="w-[490px] h-[660px]">
<div class="swiper mySwiper">
......@@ -448,7 +448,7 @@ export default {
}
100% {
width: 640px;
width: 800px;
}
}
// @keyframes hiddrenText {
......@@ -458,34 +458,31 @@ export default {
// }
// }
@media(max-width: 1900px){
.slogan{
@media (max-width: 1900px) {
.slogan {
// font-size: 60px !important;
margin-left: 200px !important;
}
}
@media (max-width: 1700px){
.slogan{
@media (max-width: 1700px) {
.slogan {
// font-size: 60px !important;
margin-left: 100px !important;
}
}
@media (max-width: 1500px){
.slogan{
@media (max-width: 1500px) {
.slogan {
margin-left: 0px !important;
margin-right: 0px !important;
}
}
.login {
--pd: 9%;
--input-height: 50px;
--input-border-color: rgba(238, 238, 238, 1);
--time: 1s;
background: url("@/assets/images/login_bg.png");
--time: 1.5s;
background: url("@/assets/images/login_bg.jpg");
background-size: 100% auto;
animation: bg-roll 150s cubic-bezier(0.21, 0.07, 0.88, 1.02) infinite;
.main {
......@@ -493,12 +490,12 @@ export default {
background-color: rgba(0, 0, 0, 0.7);
}
.slogan {
margin-left: 200px;
margin-left: 120px;
// margin-right: 20px;
}
.slogan-text {
width: 640px;
font-size: 68px;
font-size: 78px;
font-family: Source Han Sans CN;
font-weight: 500;
color: #fff;
......@@ -507,11 +504,11 @@ export default {
overflow: hidden;
}
.slogan-text-1 {
animation: printText var(--time) steps(5) both;
animation: printText var(--time) both;
}
.slogan-text-2 {
margin-left: 1em;
animation: var(--time) printText var(--time) steps(5) both;
animation: var(--time) printText var(--time) both;
}
.swiper {
width: 100%;
......
......@@ -15,10 +15,11 @@
</draggable>
</div>
<div class="title flex flex-col items-center mt-[150px] mb-[25px]">
<img
<!-- <img
class="img-title mb-[42px]"
src="@/assets/images/siteArrange/title.png"
/>
/> -->
<h1 class="slogan_title">若诗 · 若画 · 若尔盖</h1>
<div class="slogan">建设高效便民、智慧泛在的智慧政务大厅</div>
</div>
<!-- 站点 -->
......@@ -236,7 +237,7 @@ export default {
<style lang="less" scoped>
.station {
background: url("@/assets/images/siteArrange/bg_2.png") no-repeat;
background: url("@/assets/images/siteArrange/bg_3.jpg") no-repeat;
background-size: 100% 100%;
overflow: hidden;
.del-box {
......@@ -257,6 +258,13 @@ export default {
top: 0px;
}
.title {
.slogan_title {
font-size: 65px;
font-family: Source Han Sans CN;
font-weight: 600;
color: #ffffff;
margin-bottom: 30px;
}
.slogan {
font-size: 39px;
font-family: Source Han Sans CN;
......
......@@ -3265,7 +3265,7 @@ export default {
.modal {
width: 100%;
height: 100%;
background: url("@/assets/images/platformSet/bg-pintai.jpg") no-repeat center;
background: url("@/assets/images/platformSet/bg_3.jpg") no-repeat center;
background-size: cover;
padding-top: @headerH;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment