From abd285e6d013128aa57c9e30e851b2aa76d60ec5 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 10 Feb 2026 16:45:17 +0800
Subject: [PATCH] feat:独栋显示调整
---
src/components/map/components/architecturePopup.vue | 1062 ++++++++++++++++++++++++++++++----------------------------
1 files changed, 554 insertions(+), 508 deletions(-)
diff --git a/src/components/map/components/architecturePopup.vue b/src/components/map/components/architecturePopup.vue
index 2c0075c..ac888ba 100644
--- a/src/components/map/components/architecturePopup.vue
+++ b/src/components/map/components/architecturePopup.vue
@@ -1,320 +1,365 @@
<template>
- <div>
- <div v-if="architecturePopup" class="divForms-dom" id="architectureDivElementDom">
- <div style="width: 100%; height: 100%; transform: translate(0, 50%);">
- <div class="divForms divForms-theme" :class="{ 'scale-dom': scaleDomFlag }">
- <div class="divForms-wrap">
- <div class="area">
- <div class="arrow-lt"></div>
- <div class="b-t"></div>
- <div class="b-r"></div>
- <div class="b-b"></div>
- <div class="b-l"></div>
- <div class="arrow-rb"></div>
- <div class="label-wrap">
- <div class="title">
- 详细信息
- <div class="close" @click="closePopup" title="关闭"></div>
- </div>
- <div v-show="architectureDataPopup.curDataType == '学校'" class="label-content">
- <div class="item">
- <div>校园名:</div>
- <div>{{ architectureDataPopup.unitName }}</div>
- </div>
- <div class="item">
- <div>在校教职工人数:</div>
- <div>{{ architectureDataPopup.teacherScale }}</div>
- </div>
- <div class="item">
- <div>在校学生数量:</div>
- <div>{{ architectureDataPopup.studentScale }}</div>
- </div>
- <div class="item">
- <div>办学区域:</div>
- <div>{{ architectureDataPopup.officeArea }}</div>
- </div>
- <div class="item">
- <div>学校类型:</div>
- <div>{{ architectureDataPopup.attentionType }}</div>
- </div>
- <div class="item">
- <div>办学主体:</div>
- <div>{{ architectureDataPopup.officeMain }}</div>
- </div>
- </div>
-
- <div v-show="architectureDataPopup.curDataType == '危爆品'" class="label-content">
- <div class="item">
- <div>单位名称:</div>
- <div>{{ architectureDataPopup.unitName }}</div>
- </div>
- <div class="item">
- <div>危险物品名称:</div>
- <div>{{ architectureDataPopup.hazardousGoodsName }}</div>
- </div>
- </div>
- <div v-show="architectureDataPopup.curDataType == '医院'" class="label-content">
- <div class="item">
- <div>医院名称:</div>
- <div>{{ architectureDataPopup.unitName }}</div>
- </div>
- </div>
- <div v-show="architectureDataPopup.curDataType == '党政机关' || architectureDataPopup.curDataType == '银行'"
- class="label-content">
- <div class="item">
- <div>单位名称:</div>
- <div>{{ architectureDataPopup.unitName }}</div>
- </div>
- <div class="item">
- <div>关注类型:</div>
- <div>{{ architectureDataPopup.attentionType }}</div>
- </div>
- </div>
- <div v-show="architectureDataPopup.curDataType == '其它重点单位'" class="label-content">
- <div class="item">
- <div>单位名称:</div>
- <div>{{ architectureDataPopup.unitName }}</div>
- </div>
- </div>
- <div v-show="architectureDataPopup.curDataType == '油气站'" class="label-content">
- <div class="item">
- <div>单位名称:</div>
- <div>{{ architectureDataPopup.unitName }}</div>
- </div>
- <div class="item">
- <div>关注类型:</div>
- <div>{{ architectureDataPopup.attentionType }}</div>
- </div>
- <div class="item">
- <div>规模:</div>
- <div>{{ architectureDataPopup.scale }}</div>
- </div>
- <div class="item">
- <div>状态:</div>
- <div>{{ architectureDataPopup.status }}</div>
- </div>
- </div>
- <div v-show="architectureDataPopup.curDataType == '旅馆酒店公寓'" class="label-content">
- <div class="item">
- <div>单位名称:</div>
- <div>{{ architectureDataPopup.unitName }}</div>
- </div>
- <div class="item">
- <div>座机:</div>
- <div>{{ architectureDataPopup.tel }}</div>
- </div>
- </div>
- <div class="label-content public">
- <div class="item">
- <div>地址:</div>
- <div>{{ architectureDataPopup.address }}</div>
- </div>
- <div class="item">
- <div>辖区派出所:</div>
- <div>{{ architectureDataPopup.policeStationName }}</div>
- </div>
- <div class="item">
- <div>责任人:</div>
- <div>{{ architectureDataPopup.person }}</div>
- </div>
- <div class="item">
- <div>责任人职务:</div>
- <div>{{ architectureDataPopup.job }}</div>
- </div>
- <div class="item">
- <div>责任人电话:</div>
- <div>{{ architectureDataPopup.phone }}</div>
- </div>
- <div class="item">
- <div>责任民警:</div>
- <div>{{ architectureDataPopup.policeman }}</div>
- </div>
- <div class="item">
- <div>责任民警电话:</div>
- <div>{{ architectureDataPopup.policemanPhone }}</div>
- </div>
- <div class="item">
- <div>安保级别:</div>
- <div>{{ architectureDataPopup.securityLevel }}</div>
- </div>
- <div class="item">
- <div>备注:</div>
- <div>{{ architectureDataPopup.remark }}</div>
- </div>
- </div>
- <!-- <div
- v-show="architectureDataPopup.curDataTitle == '学校'"
- class="label-content"
- >
- <div class="item">
- <div>县（市、区）:</div>
- <div>{{ architectureDataPopup.ZXXSQ }}</div>
- </div>
- <div class="item">
- <div>辖区派出所:</div>
- <div>{{ architectureDataPopup.XQPCS }}</div>
- </div>
- <div class="item">
- <div>校园名:</div>
- <div>{{ architectureDataPopup.XXMC }}</div>
- </div>
- <div class="item">
- <div>地址:</div>
- <div>{{ architectureDataPopup.JZDZ }}</div>
- </div>
- <div class="item">
- <div>在校教职工人数:</div>
- <div>{{ architectureDataPopup.ZXZG }}</div>
- </div>
- <div class="item">
- <div>在校学生数量:</div>
- <div>{{ architectureDataPopup.ZXXS }}</div>
- </div>
- <div class="item">
- <div>责任民警:</div>
- <div>{{ architectureDataPopup.BGMJ }}</div>
- </div>
- </div>
-
- <div
- v-show="architectureDataPopup.curDataTitle == '宾馆酒店'"
- class="label-content"
- >
- <div class="item">
- <div>宾馆名称:</div>
- <div>{{ architectureDataPopup.JDMC }}</div>
- </div>
- <div class="item">
- <div>法人姓名:</div>
- <div>{{ architectureDataPopup.JDFR }}</div>
- </div>
- <div class="item">
- <div>法人身份证号码:</div>
- <div>{{ architectureDataPopup.FRSFZ }}</div>
- </div>
- <div class="item">
- <div>法人电话号码:</div>
- <div>{{ architectureDataPopup.FRLXDH }}</div>
- </div>
- <div class="item">
- <div>警务对接人姓名:</div>
- <div>{{ architectureDataPopup.JWDJ }}</div>
- </div>
- <div class="item">
- <div>警务对接人身份证号码:</div>
- <div>{{ architectureDataPopup.JWDJSFZ }}</div>
- </div>
- <div class="item">
- <div>警务对接人号码:</div>
- <div>{{ architectureDataPopup.JWDJLXFS }}</div>
- </div>
- <div class="item">
- <div>具体地址:</div>
- <div>{{ architectureDataPopup.JDDZ }}</div>
- </div>
- <div class="item">
- <div>现有员工数:</div>
- <div>{{ architectureDataPopup.JDYGS }}</div>
- </div>
- <div class="item">
- <div>房间数:</div>
- <div>{{ architectureDataPopup.JDFJS }}</div>
- </div>
- </div>
-
- <div
- v-show="architectureDataPopup.curDataTitle == '医院'"
- class="label-content"
- >
- <div class="item">
- <div>医院名称:</div>
- <div>{{ architectureDataPopup.YYMC }}</div>
- </div>
- <div class="item">
- <div>社区:</div>
- <div>{{ architectureDataPopup.JZSQ }}</div>
- </div>
- <div class="item">
- <div>法人姓名:</div>
- <div>{{ architectureDataPopup.JZFR }}</div>
- </div>
- <div class="item">
- <div>身份证号码:</div>
- <div>{{ architectureDataPopup.FRSFZ }}</div>
- </div>
- <div class="item">
- <div>电话号码:</div>
- <div>{{ architectureDataPopup.JZDH }}</div>
- </div>
- <div class="item">
- <div>警务对接人员:</div>
- <div>{{ architectureDataPopup.JWDJ }}</div>
- </div>
- <div class="item">
- <div>警务对接人员身份证:</div>
- <div>{{ architectureDataPopup.JWDJSFZ }}</div>
- </div>
- <div class="item">
- <div>电话号码:</div>
- <div>{{ architectureDataPopup.JWDJLXFS }}</div>
- </div>
- <div class="item">
- <div>医院地址:</div>
- <div>{{ architectureDataPopup.JZDZ }}</div>
- </div>
- </div>
-
- <div
- v-show="architectureDataPopup.curDataTitle == '重点人员'"
- class="label-content"
- >
- <div class="item">
- <div>姓名:</div>
- <div>{{ architectureDataPopup.realName }}</div>
- </div>
- <div class="item">
- <div>证件号码:</div>
- <div>{{ architectureDataPopup.realNameSFZ }}</div>
- </div>
- <div class="item">
- <div>性别:</div>
- <div>{{ architectureDataPopup.realNameXB }}</div>
- </div>
- <div class="item">
- <div>重点人员类别:</div>
- <div>{{ architectureDataPopup.zdryxl }}</div>
- </div>
- <div class="item">
- <div>户籍地详址:</div>
- <div>{{ architectureDataPopup.address }}</div>
- </div>
- <div class="item">
- <div>联系电话:</div>
- <div>{{ architectureDataPopup.phone }}</div>
- </div>
- <div class="item">
- <div>责任人:</div>
- <div>{{ architectureDataPopup.zdryzry }}</div>
- </div>
- <div class="item">
- <div>街道责任领导:</div>
- <div>{{ architectureDataPopup.zdrtjdld }}</div>
- </div>
- <div class="item">
- <div>列管事由:</div>
- <div>{{ architectureDataPopup.realNameLGSY }}</div>
- </div>
- </div> -->
- </div>
- </div>
- <div class="b-t-l"></div>
- <div class="b-b-r"></div>
- </div>
- <div class="arrow"></div>
+ <div>
+ <div v-if="architecturePopup" class="divForms-dom" id="architectureDivElementDom">
+ <div style="width: 100%; height: 100%; transform: translate(0, 50%);">
+ <div class="divForms divForms-theme" :class="{ 'scale-dom': scaleDomFlag }">
+ <div class="divForms-wrap">
+ <div class="area">
+ <div class="arrow-lt"></div>
+ <div class="b-t"></div>
+ <div class="b-r"></div>
+ <div class="b-b"></div>
+ <div class="b-l"></div>
+ <div class="arrow-rb"></div>
+ <div class="label-wrap">
+ <div class="title">
+ 详细信息
+ <div class="close" @click="closePopup" title="关闭"></div>
</div>
+
+ <div v-show="architectureDataPopup.curDataType == '学校'" class="label-content">
+ <div class="item">
+ <div>校园名:</div>
+ <div>{{ architectureDataPopup.unitName }}</div>
+ </div>
+ <div class="item">
+ <div>在校教职工人数:</div>
+ <div>{{ architectureDataPopup.teacherScale }}</div>
+ </div>
+ <div class="item">
+ <div>在校学生数量:</div>
+ <div>{{ architectureDataPopup.studentScale }}</div>
+ </div>
+ <div class="item">
+ <div>办学区域:</div>
+ <div>{{ architectureDataPopup.officeArea }}</div>
+ </div>
+ <div class="item">
+ <div>学校类型:</div>
+ <div>{{ architectureDataPopup.attentionType }}</div>
+ </div>
+ <div class="item">
+ <div>办学主体:</div>
+ <div>{{ architectureDataPopup.officeMain }}</div>
+ </div>
+ </div>
+
+ <div v-show="architectureDataPopup.curDataType == '危爆品'" class="label-content">
+ <div class="item">
+ <div>单位名称:</div>
+ <div>{{ architectureDataPopup.unitName }}</div>
+ </div>
+ <div class="item">
+ <div>危险物品名称:</div>
+ <div>{{ architectureDataPopup.hazardousGoodsName }}</div>
+ </div>
+ </div>
+
+ <div v-show="architectureDataPopup.curDataType == '医院'" class="label-content">
+ <div class="item">
+ <div>医院名称:</div>
+ <div>{{ architectureDataPopup.unitName }}</div>
+ </div>
+ </div>
+
+ <div v-show="architectureDataPopup.curDataType == '党政机关' || architectureDataPopup.curDataType == '银行'"
+ class="label-content">
+ <div class="item">
+ <div>单位名称:</div>
+ <div>{{ architectureDataPopup.unitName }}</div>
+ </div>
+ <div class="item">
+ <div>关注类型:</div>
+ <div>{{ architectureDataPopup.attentionType }}</div>
+ </div>
+ </div>
+
+ <div v-show="architectureDataPopup.curDataType == '其它重点单位'" class="label-content">
+ <div class="item">
+ <div>单位名称:</div>
+ <div>{{ architectureDataPopup.unitName }}</div>
+ </div>
+ </div>
+
+ <div v-show="architectureDataPopup.curDataType == '油气站'" class="label-content">
+ <div class="item">
+ <div>单位名称:</div>
+ <div>{{ architectureDataPopup.unitName }}</div>
+ </div>
+ <div class="item">
+ <div>关注类型:</div>
+ <div>{{ architectureDataPopup.attentionType }}</div>
+ </div>
+ <div class="item">
+ <div>规模:</div>
+ <div>{{ architectureDataPopup.scale }}</div>
+ </div>
+ <div class="item">
+ <div>状态:</div>
+ <div>{{ architectureDataPopup.status }}</div>
+ </div>
+ </div>
+
+ <div v-show="architectureDataPopup.curDataType == '旅馆酒店公寓'" class="label-content">
+ <div class="item">
+ <div>单位名称:</div>
+ <div>{{ architectureDataPopup.unitName }}</div>
+ </div>
+ <div class="item">
+ <div>座机:</div>
+ <div>{{ architectureDataPopup.tel }}</div>
+ </div>
+ </div>
+
+ <div v-show="architectureDataPopup.curDataType == '户籍-实有人口'" class="label-content">
+ <div class="item">
+ <div>姓名:</div>
+ <div>{{ architectureDataPopup.realName }}</div>
+ </div>
+ <div class="item">
+ <div>证件号码:</div>
+ <div>{{ architectureDataPopup.cardNo }}</div>
+ </div>
+
+ <div class="item">
+ <div>性别:</div>
+ <div>{{ architectureDataPopup.sex }}</div>
+ </div>
+
+ <div class="item">
+ <div>地址:</div>
+ <div>{{ architectureDataPopup.address }}</div>
+ </div>
+
+ <div class="item">
+ <div>新地址:</div>
+ <div>{{ architectureDataPopup.reAddress.replace('江西省上饶市', '') }}</div>
+ </div>
+
+ <div class="item">
+ <div>联系电话:</div>
+ <div>{{ architectureDataPopup.phone }}</div>
+ </div>
+
+ <div class="item">
+ <div>与户主关系:</div>
+ <div>{{ architectureDataPopup.relation }}</div>
+ </div>
+
+ <div class="item">
+ <div>社区局村委会:</div>
+ <div>{{ architectureDataPopup.neightborhoood }}</div>
+ </div>
+
+ <div class="item">
+ <div>重点人员细类:</div>
+ <div>{{ architectureDataPopup.zdryxl }}</div>
+ </div>
+ </div>
+
+ <div class="label-content public"
+ v-show="architectureDataPopup.curDataType != '茅家岭派出所' && architectureDataPopup.showPublic">
+ <div class="item">
+ <div>地址:</div>
+ <div>{{ architectureDataPopup.address }}</div>
+ </div>
+ <div class="item">
+ <div>辖区派出所:</div>
+ <div>{{ architectureDataPopup.policeStationName }}</div>
+ </div>
+ <div class="item">
+ <div>责任人:</div>
+ <div>{{ architectureDataPopup.person }}</div>
+ </div>
+ <div class="item">
+ <div>责任人职务:</div>
+ <div>{{ architectureDataPopup.job }}</div>
+ </div>
+ <div class="item">
+ <div>责任人电话:</div>
+ <div>{{ architectureDataPopup.phone }}</div>
+ </div>
+ <div class="item">
+ <div>责任民警:</div>
+ <div>{{ architectureDataPopup.policeman }}</div>
+ </div>
+ <div class="item">
+ <div>责任民警电话:</div>
+ <div>{{ architectureDataPopup.policemanPhone }}</div>
+ </div>
+ <div class="item">
+ <div>安保级别:</div>
+ <div>{{ architectureDataPopup.securityLevel }}</div>
+ </div>
+ <div class="item">
+ <div>备注:</div>
+ <div>{{ architectureDataPopup.remark }}</div>
+ </div>
+ </div>
+
+ <div v-show="architectureDataPopup.curDataType == '茅家岭派出所'">
+ <div v-show="architectureDataPopup.curDataTitle == '学校'" class="label-content">
+ <div class="item">
+ <div>县（市、区）:</div>
+ <div>{{ architectureDataPopup.ZXXSQ }}</div>
+ </div>
+ <div class="item">
+ <div>辖区派出所:</div>
+ <div>{{ architectureDataPopup.XQPCS }}</div>
+ </div>
+ <div class="item">
+ <div>校园名:</div>
+ <div>{{ architectureDataPopup.XXMC }}</div>
+ </div>
+ <div class="item">
+ <div>地址:</div>
+ <div>{{ architectureDataPopup.JZDZ }}</div>
+ </div>
+ <div class="item">
+ <div>在校教职工人数:</div>
+ <div>{{ architectureDataPopup.ZXZG }}</div>
+ </div>
+ <div class="item">
+ <div>在校学生数量:</div>
+ <div>{{ architectureDataPopup.ZXXS }}</div>
+ </div>
+ <div class="item">
+ <div>责任民警:</div>
+ <div>{{ architectureDataPopup.BGMJ }}</div>
+ </div>
+ </div>
+
+ <div v-show="architectureDataPopup.curDataTitle == '宾馆酒店'" class="label-content">
+ <div class="item">
+ <div>宾馆名称:</div>
+ <div>{{ architectureDataPopup.JDMC }}</div>
+ </div>
+ <div class="item">
+ <div>法人姓名:</div>
+ <div>{{ architectureDataPopup.JDFR }}</div>
+ </div>
+ <div class="item">
+ <div>法人身份证号码:</div>
+ <div>{{ architectureDataPopup.FRSFZ }}</div>
+ </div>
+ <div class="item">
+ <div>法人电话号码:</div>
+ <div>{{ architectureDataPopup.FRLXDH }}</div>
+ </div>
+ <div class="item">
+ <div>警务对接人姓名:</div>
+ <div>{{ architectureDataPopup.JWDJ }}</div>
+ </div>
+ <div class="item">
+ <div>警务对接人身份证号码:</div>
+ <div>{{ architectureDataPopup.JWDJSFZ }}</div>
+ </div>
+ <div class="item">
+ <div>警务对接人号码:</div>
+ <div>{{ architectureDataPopup.JWDJLXFS }}</div>
+ </div>
+ <div class="item">
+ <div>具体地址:</div>
+ <div>{{ architectureDataPopup.JDDZ }}</div>
+ </div>
+ <div class="item">
+ <div>现有员工数:</div>
+ <div>{{ architectureDataPopup.JDYGS }}</div>
+ </div>
+ <div class="item">
+ <div>房间数:</div>
+ <div>{{ architectureDataPopup.JDFJS }}</div>
+ </div>
+ </div>
+
+ <div v-show="architectureDataPopup.curDataTitle == '医院'" class="label-content">
+ <div class="item">
+ <div>医院名称:</div>
+ <div>{{ architectureDataPopup.YYMC }}</div>
+ </div>
+ <div class="item">
+ <div>社区:</div>
+ <div>{{ architectureDataPopup.JZSQ }}</div>
+ </div>
+ <div class="item">
+ <div>法人姓名:</div>
+ <div>{{ architectureDataPopup.JZFR }}</div>
+ </div>
+ <div class="item">
+ <div>身份证号码:</div>
+ <div>{{ architectureDataPopup.FRSFZ }}</div>
+ </div>
+ <div class="item">
+ <div>电话号码:</div>
+ <div>{{ architectureDataPopup.JZDH }}</div>
+ </div>
+ <div class="item">
+ <div>警务对接人员:</div>
+ <div>{{ architectureDataPopup.JWDJ }}</div>
+ </div>
+ <div class="item">
+ <div>警务对接人员身份证:</div>
+ <div>{{ architectureDataPopup.JWDJSFZ }}</div>
+ </div>
+ <div class="item">
+ <div>电话号码:</div>
+ <div>{{ architectureDataPopup.JWDJLXFS }}</div>
+ </div>
+ <div class="item">
+ <div>医院地址:</div>
+ <div>{{ architectureDataPopup.JZDZ }}</div>
+ </div>
+ </div>
+
+ <div v-show="architectureDataPopup.curDataTitle == '重点人员'" class="label-content">
+ <div class="item">
+ <div>姓名:</div>
+ <div>{{ architectureDataPopup.realName }}</div>
+ </div>
+ <div class="item">
+ <div>证件号码:</div>
+ <div>{{ architectureDataPopup.realNameSFZ }}</div>
+ </div>
+ <div class="item">
+ <div>性别:</div>
+ <div>{{ architectureDataPopup.realNameXB }}</div>
+ </div>
+ <div class="item">
+ <div>重点人员类别:</div>
+ <div>{{ architectureDataPopup.zdryxl }}</div>
+ </div>
+ <div class="item">
+ <div>户籍地详址:</div>
+ <div>{{ architectureDataPopup.address }}</div>
+ </div>
+ <div class="item">
+ <div>联系电话:</div>
+ <div>{{ architectureDataPopup.phone }}</div>
+ </div>
+ <div class="item">
+ <div>责任人:</div>
+ <div>{{ architectureDataPopup.zdryzry }}</div>
+ </div>
+ <div class="item">
+ <div>街道责任领导:</div>
+ <div>{{ architectureDataPopup.zdrtjdld }}</div>
+ </div>
+ <div class="item">
+ <div>列管事由:</div>
+ <div>{{ architectureDataPopup.realNameLGSY }}</div>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
+ <div class="b-t-l"></div>
+ <div class="b-b-r"></div>
+ </div>
+ <div class="arrow"></div>
</div>
+ </div>
</div>
+ </div>
</template>
<script>
@@ -323,86 +368,86 @@
import { getActAsPoliceList } from "@/api/home/index.js"
export default {
- name: 'mapPopup',
+ name: 'mapPopup',
- inject: ["getWidth", 'userInfo'],
+ inject: ["getWidth", 'userInfo'],
- data () {
- return {
- CJdata: {},
- scaleDomFlag: false
- }
- },
-
- computed: {
- ...mapGetters([
- 'architecturePopup',
- 'architectureDataPopup'
- ])
- },
-
- mounted () {
-
- if (this.getWidth() > 7000) {
- this.scaleDomFlag = true
- } else {
- this.scaleDomFlag = false
- }
-
- },
-
- methods: {
- closePopup () {
- this.$store.commit('SET_ARCHITECTUREPOPUP', false)
- }
+ data () {
+ return {
+ CJdata: {},
+ scaleDomFlag: false
}
+ },
+
+ computed: {
+ ...mapGetters([
+ 'architecturePopup',
+ 'architectureDataPopup'
+ ])
+ },
+
+ mounted () {
+
+ if (this.getWidth() > 7000) {
+ this.scaleDomFlag = true
+ } else {
+ this.scaleDomFlag = false
+ }
+
+ },
+
+ methods: {
+ closePopup () {
+ this.$store.commit('SET_ARCHITECTUREPOPUP', false)
+ }
+ }
}
</script>
<style lang="scss" scoped>
.divForms-dom {
- position: fixed;
- left: 0;
- z-index: 1 !important;
+ position: fixed;
+ left: 0;
+ z-index: 1 !important;
- .scale-dom {
- transform: scale(3);
- transform-origin: left;
- }
+ .scale-dom {
+ transform: scale(3);
+ transform-origin: left;
+ }
}
.divForms .arrow {
- position: absolute;
- bottom: 50%;
- left: 0;
- width: 45px;
- height: 2px;
- transform: rotate(-45deg) translate(5px, -15px);
- background-color: #28bbf0;
+ position: absolute;
+ bottom: 50%;
+ left: 0;
+ width: 45px;
+ height: 2px;
+ transform: rotate(-45deg) translate(5px, -15px);
+ background-color: #28bbf0;
}
.divForms-theme .area {
- background-image: linear-gradient(135deg,
- transparent 30px,
- #1831a79a 30px,
- #3f487ba6 50%,
- transparent 50%),
- linear-gradient(-45deg,
- transparent 30px,
- #1831a79a 30px,
- #3f487ba6 50.1%,
- transparent 50%);
+ background-image: linear-gradient(135deg,
+ transparent 30px,
+ #1831a79a 30px,
+ #3f487ba6 50%,
+ transparent 50%),
+ linear-gradient(-45deg,
+ transparent 30px,
+ #1831a79a 30px,
+ #3f487ba6 50.1%,
+ transparent 50%);
}
.divForms .area {
- position: relative;
- min-width: 360px;
+ position: relative;
+ min-width: 360px;
}
.divForms-wrap {
- position: relative;
- overflow: hidden;
- padding: 30px;
+ position: relative;
+ overflow: hidden;
+ padding: 30px;
}
.divForms-theme .b-b,
@@ -411,191 +456,192 @@
.divForms-theme .b-r,
.divForms-theme .b-t,
.divForms-theme .b-t-l {
- background-color: #1831a7;
- box-shadow: 0 0 10px 2px #1831a7;
+ background-color: #1831a7;
+ box-shadow: 0 0 10px 2px #1831a7;
}
.divForms .b-t {
- position: absolute;
- top: 0;
- left: 44px;
- right: 0;
- height: 1px;
- z-index: 10;
+ position: absolute;
+ top: 0;
+ left: 44px;
+ right: 0;
+ height: 1px;
+ z-index: 10;
}
.divForms .b-r {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 44px;
- width: 1px;
- z-index: 10;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 44px;
+ width: 1px;
+ z-index: 10;
}
.divForms .b-l {
- position: absolute;
- top: 44px;
- left: 0;
- bottom: 0;
- width: 1px;
- z-index: 10;
+ position: absolute;
+ top: 44px;
+ left: 0;
+ bottom: 0;
+ width: 1px;
+ z-index: 10;
}
.divForms .b-b {
- position: absolute;
- left: 0;
- right: 44px;
- bottom: 0;
- height: 1px;
- z-index: 10;
+ position: absolute;
+ left: 0;
+ right: 44px;
+ bottom: 0;
+ height: 1px;
+ z-index: 10;
}
.divForms .b-b-r {
- position: absolute;
- bottom: 0;
- right: 0;
- width: 1px;
- height: 62px;
- transform: rotate(45deg) translate(-52px, 22px);
- z-index: 10;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ width: 1px;
+ height: 62px;
+ transform: rotate(45deg) translate(-52px, 22px);
+ z-index: 10;
}
.divForms .b-t-l {
- position: absolute;
- top: 0;
- left: 0;
- width: 1px;
- height: 62px;
- transform: rotate(45deg) translate(52px, -22px);
- z-index: 10;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 1px;
+ height: 62px;
+ transform: rotate(45deg) translate(52px, -22px);
+ z-index: 10;
}
.divForms .label-wrap {
- padding: 0 12px;
- color: #fff;
- font-size: 16px;
- white-space: nowrap;
- overflow: hidden;
+ padding: 0 12px;
+ color: #fff;
+ font-size: 16px;
+ white-space: nowrap;
+ overflow: hidden;
- .change-btn {
- margin-top: 6px;
- display: flex;
- align-items: center;
- justify-content: space-around;
+ .change-btn {
+ margin-top: 6px;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
- &>div {
- width: 36%;
- height: 36px;
- line-height: 36px;
- cursor: pointer;
- }
-
- &>div.on {
- color: #3d95f3;
- border-bottom: 2px solid #3d95f3;
- }
+ &>div {
+ width: 36%;
+ height: 36px;
+ line-height: 36px;
+ cursor: pointer;
}
- .label-content {
- padding: 10px 0;
-
- .item {
- display: flex;
- flex-direction: row;
- width: calc(100% - 20px);
- height: 30px;
- line-height: 30px;
- margin: 0 10px;
- text-align: left;
-
- &>div:first-child {
- min-width: 112px;
- text-align: justify;
- display: inline-block;
- text-align-last: justify;
- margin-right: 20px;
- }
-
- &>div:nth-of-type(2) {
- flex: 1;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- }
+ &>div.on {
+ color: #3d95f3;
+ border-bottom: 2px solid #3d95f3;
}
+ }
- .public {
- padding-top: 0;
- margin-top: -10px;
- }
+ .label-content {
+ padding: 10px 0;
- .label-content.no-data {
- display: flex;
- align-items: center;
- justify-content: center;
- min-height: 240px;
+ .item {
+ display: flex;
+ flex-direction: row;
+ width: calc(100% - 20px);
+ margin: 0 10px;
+ text-align: left;
+
+ &>div:first-child {
+ min-width: 112px;
+ text-align: justify;
+ display: inline-block;
+ text-align-last: justify;
+ margin-right: 20px;
+ line-height: 30px;
+ }
+
+ &>div:nth-of-type(2) {
+ flex: 1;
+ max-width: 240px;
+ // overflow: hidden;
+ // text-overflow: ellipsis;
+ white-space: wrap;
+ line-height: 30px;
+ }
}
+ }
+
+ .public {
+ padding-top: 0;
+ margin-top: -10px;
+ }
+
+ .label-content.no-data {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 240px;
+ }
}
.divForms .title {
- position: relative;
- margin-top: 20px;
- padding: 0 12px 0 30px;
- height: 36px;
- line-height: 36px;
+ position: relative;
+ margin-top: 20px;
+ padding: 0 12px 0 30px;
+ height: 36px;
+ line-height: 36px;
- .details-btn {
- position: absolute;
- top: 0;
- right: 28px;
- height: 100%;
- cursor: pointer;
+ .details-btn {
+ position: absolute;
+ top: 0;
+ right: 28px;
+ height: 100%;
+ cursor: pointer;
- span {
- font-size: 14px;
- }
+ span {
+ font-size: 14px;
}
+ }
- .details-btn:hover {
- color: #3d95f3;
- }
+ .details-btn:hover {
+ color: #3d95f3;
+ }
- .close {
- position: absolute;
- right: 5px;
- top: 0;
- }
+ .close {
+ position: absolute;
+ right: 5px;
+ top: 0;
+ }
- .close::before {
- font-family: element-icons;
- content: '\e6db';
- cursor: pointer;
- font-size: 16px;
- }
+ .close::before {
+ font-family: element-icons;
+ content: '\e6db';
+ cursor: pointer;
+ font-size: 16px;
+ }
- .close:hover::before {
- color: #3d95f3;
- }
+ .close:hover::before {
+ color: #3d95f3;
+ }
}
.divForms-theme .title {
- background-image: linear-gradient(135deg, transparent 25px, #1c309e9a 25px);
+ background-image: linear-gradient(135deg, transparent 25px, #1c309e9a 25px);
}
.divForms-theme .arrow,
.divForms-theme .title::before {
- background-color: #1c309e;
+ background-color: #1c309e;
}
.divForms .title::before {
- content: '';
- position: absolute;
- bottom: -4px;
- left: 0;
- right: 0;
- z-index: 10;
- height: 2px;
+ content: '';
+ position: absolute;
+ bottom: -4px;
+ left: 0;
+ right: 0;
+ z-index: 10;
+ height: 2px;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3