Browse Source

辖段管理 表单提交

wangqin
Joe 1 year ago
parent
commit
a2d9e2196a
  1. 14664
      ruoyi-ui/pnpm-lock.yaml
  2. 40
      ruoyi-ui/src/views/JiHeExpressway/components/Dialog/index.vue
  3. 3
      ruoyi-ui/src/views/JiHeExpressway/images/clearLayer.svg
  4. BIN
      ruoyi-ui/src/views/JiHeExpressway/images/icon/icon_006.png
  5. 6
      ruoyi-ui/src/views/JiHeExpressway/images/shareWith/phone-active.svg
  6. 6
      ruoyi-ui/src/views/JiHeExpressway/images/shareWith/phone.svg
  7. 2
      ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue
  8. 103
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/index.vue
  9. 37
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/dutyOfficer/index.vue
  10. 35
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/emergencyAgencies/index.vue
  11. 36
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/firstResponders/index.vue
  12. 39
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/jurisdictionalManagement/components/EditEventInformationDialog/data.js
  13. 72
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/jurisdictionalManagement/components/EditEventInformationDialog/index.vue
  14. 43
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/jurisdictionalManagement/index.vue
  15. 34
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/EventInformation/components/EditEventInformationDialog/data.js
  16. 72
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/EventInformation/components/EditEventInformationDialog/index.vue
  17. 14
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/EventInformation/index.vue
  18. 87
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/PresetFormItems.js
  19. 81
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/data.js
  20. 3
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/index.vue
  21. 78
      ruoyi-ui/src/views/JiHeExpressway/pages/service/board/index.vue

14664
ruoyi-ui/pnpm-lock.yaml

File diff suppressed because it is too large

40
ruoyi-ui/src/views/JiHeExpressway/components/Dialog/index.vue

@ -2,18 +2,22 @@
<Teleport> <Teleport>
<Transition name="fade"> <Transition name="fade">
<div class="mask-layer" v-if="modelVisible"> <div class="mask-layer" v-if="modelVisible">
<div class='dialog'> <BackgroundClip class='dialog'
clipPath="polygon(calc(100% - var(--clip-width)) 0, 100% var(--clip-width), 100% 100%, var(--clip-width) 100%, 0 calc(100% - var(--clip-width)), 0 0)"
borderColor="linear-gradient(180deg, rgba(78, 174, 204, .6), rgba(78, 174, 204, 0))"
bgColor="linear-gradient(180deg, rgba(14, 69, 92, 0.9) 0%, rgba(20, 89, 119, 0.9) 100%)">
<div class="dialog-title"> <div class="dialog-title">
<img class="title-icon" src="@screen/images/dialog/title-icon.svg" /> <img class="title-icon" src="@screen/images/dialog/title-icon.svg" />
<span>{{ title }}</span> <span>{{ title }}</span>
<img class="icon-close" @click="modelVisible = false" src="@screen/images/dialog/icon-close.svg" /> <img class="icon-close" @click="modelVisible = false" src="@screen/images/dialog/icon-close.svg" />
</div> </div>
<div class="dialog-content"> <div class="dialog-content">
<slot /> <slot />
</div> </div>
<img class="bottom-right" src="@screen/images/dialog/right-bottom.svg"> <img class="bottom-right" src="@screen/images/dialog/right-bottom.svg">
</div> </BackgroundClip>
</div> </div>
</Transition> </Transition>
</Teleport> </Teleport>
@ -21,10 +25,12 @@
<script> <script>
import Teleport from '../Teleport.vue'; import Teleport from '../Teleport.vue';
import BackgroundClip from "@screen/components/Decorations/BackgroundClip.vue"
export default { export default {
components: { components: {
Teleport Teleport,
BackgroundClip
}, },
model: { model: {
prop: 'visible', prop: 'visible',
@ -63,7 +69,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
--border-width: 2px; --border-width: 1px;
--clip-width-num: 24; --clip-width-num: 24;
--clip-width: calc(var(--clip-width-num) * 1px); --clip-width: calc(var(--clip-width-num) * 1px);
} }
@ -80,27 +86,27 @@ export default {
.dialog { .dialog {
max-width: 72vw; max-width: 72vw;
background: linear-gradient(180deg, rgba(14, 69, 92, 0.9) 0%, rgba(20, 89, 119, 0.9) 100%); // background: linear-gradient(180deg, rgba(14, 69, 92, 0.9) 0%, rgba(20, 89, 119, 0.9) 100%);
opacity: 1; opacity: 1;
background-clip: padding-box; background-clip: padding-box;
clip-path: polygon(calc(100% - var(--clip-width)) 0, 100% var(--clip-width), 100% 100%, var(--clip-width) 100%, 0 calc(100% - var(--clip-width)), 0 0); // clip-path: polygon(calc(100% - var(--clip-width)) 0, 100% var(--clip-width), 100% 100%, var(--clip-width) 100%, 0 calc(100% - var(--clip-width)), 0 0);
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
margin: calc(var(--border-width) / 2); margin: calc(var(--border-width) / 2);
border: 2px solid; border: 2px solid;
border-image: linear-gradient(180deg, rgba(78, 174, 204, .6), rgba(78, 174, 204, 0)) 2 2; border-image: linear-gradient(180deg, rgba(78, 174, 204, .6), rgba(78, 174, 204, 0)) 2 2;
&::before { // &::before {
content: ""; // content: "";
position: absolute; // position: absolute;
background: rgba(78, 174, 204, .6); // background: rgba(78, 174, 204, .6);
height: 2px; // height: 2px;
// width: calc(sqrt(pow(var(--clip-width-num), 2) * 2) * 1px); // // width: calc(sqrt(pow(var(--clip-width-num), 2) * 2) * 1px);
right: calc(var(--clip-width) / -2); // right: calc(var(--clip-width) / -2);
top: -2px; // top: -2px;
transform-origin: top left; // transform-origin: top left;
transform: rotate(45deg); // transform: rotate(45deg);
} // }
.dialog-title { .dialog-title {
position: relative; position: relative;

3
ruoyi-ui/src/views/JiHeExpressway/images/clearLayer.svg

@ -0,0 +1,3 @@
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Vector" d="M14.3467 10.7578L16.0295 15.9292C16.1457 16.2864 15.8637 16.6484 15.3996 16.7378C15.3308 16.7511 15.2601 16.7578 15.1892 16.7578H12.8281V15.7578C12.8281 15.5757 12.6385 15.4278 12.4029 15.4245L12.395 15.4245H12.3936C12.1543 15.4245 11.9604 15.5737 11.9604 15.7578L11.9604 16.7578H8.48941L8.48943 15.7578C8.48943 15.5757 8.29975 15.4278 8.06418 15.4245L8.0563 15.4245H8.05481C7.81562 15.4245 7.62168 15.5737 7.62168 15.7578V16.7578H4.1507V15.7578C4.1507 15.5757 3.96103 15.4278 3.72545 15.4245L3.71756 15.4245H3.7161C3.47688 15.4245 3.28297 15.5737 3.28297 15.7578L3.28294 16.7578H0.921953C0.443511 16.7578 0.0556641 16.4593 0.0556641 16.0912C0.0556641 16.0365 0.0643722 15.9822 0.0816229 15.9292L1.76438 10.7578H14.3467ZM8.05776 0.757812C8.7754 0.757812 9.35719 1.20552 9.35719 1.75782L9.35714 8.75781H13.0198C13.4172 8.75781 13.7636 8.96589 13.8601 9.26253L14.1143 10.0437H1.99676L2.25097 9.26253C2.34749 8.96589 2.69392 8.75781 3.0913 8.75781H6.75391V1.7578C6.75391 1.20552 7.33569 0.757812 8.05333 0.757812H8.05776Z" fill="#25D8FF"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
ruoyi-ui/src/views/JiHeExpressway/images/icon/icon_006.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 270 B

6
ruoyi-ui/src/views/JiHeExpressway/images/shareWith/phone-active.svg

@ -1,6 +0,0 @@
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="&#231;&#148;&#181;&#232;&#175;&#157;">
<rect id="Rectangle 3690" width="22" height="22" rx="6" fill="#4BACEF"/>
<path id="Vector" d="M16.7631 14.5146L14.2736 12.0247C14.1234 11.8749 13.9199 11.7908 13.7078 11.7908C13.4957 11.7908 13.2923 11.8749 13.1421 12.0247L12.576 12.5909C12.2565 12.9105 11.2195 12.5909 10.3131 11.6851C9.40673 10.7793 9.08412 9.74214 9.4075 9.42177L9.97361 8.85555C10.1234 8.70534 10.2075 8.50186 10.2075 8.28972C10.2075 8.07758 10.1234 7.8741 9.97361 7.72389L7.48412 5.23392C7.33394 5.08412 7.13049 5 6.9184 5C6.7063 5 6.50285 5.08412 6.35267 5.23392L5.78657 5.80014C5.36871 6.21808 5.11446 6.76816 5.02996 7.43502C4.95315 8.04964 5.02382 8.74646 5.24427 9.49552C5.68287 10.9998 6.68143 12.5817 8.05023 13.9484C9.41902 15.3152 10.9983 16.3132 12.5053 16.7549C13.0118 16.9106 13.5379 16.9931 14.0677 17C14.2341 17.0001 14.4003 16.9899 14.5655 16.9693C15.2322 16.8848 15.7822 16.6305 16.2 16.2125L16.7661 15.6463C16.9159 15.4961 17 15.2926 17 15.0805C17 14.8683 16.9159 14.6649 16.7661 14.5146H16.7631Z" fill="white"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

6
ruoyi-ui/src/views/JiHeExpressway/images/shareWith/phone.svg

@ -1,6 +0,0 @@
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="&#231;&#148;&#181;&#232;&#175;&#157;-&#231;&#129;&#176;">
<rect id="Rectangle 3690" width="22" height="22" rx="6" fill="#ADADAD"/>
<path id="Vector" d="M16.7631 14.5146L14.2736 12.0247C14.1234 11.8749 13.9199 11.7908 13.7078 11.7908C13.4957 11.7908 13.2923 11.8749 13.1421 12.0247L12.576 12.5909C12.2565 12.9105 11.2195 12.5909 10.3131 11.6851C9.40673 10.7793 9.08412 9.74214 9.4075 9.42177L9.97361 8.85555C10.1234 8.70534 10.2075 8.50186 10.2075 8.28972C10.2075 8.07758 10.1234 7.8741 9.97361 7.72389L7.48412 5.23392C7.33394 5.08412 7.13049 5 6.9184 5C6.7063 5 6.50285 5.08412 6.35267 5.23392L5.78657 5.80014C5.36871 6.21808 5.11446 6.76816 5.02996 7.43502C4.95315 8.04964 5.02382 8.74646 5.24427 9.49552C5.68287 10.9998 6.68143 12.5817 8.05023 13.9484C9.41902 15.3152 10.9983 16.3132 12.5053 16.7549C13.0118 16.9106 13.5379 16.9931 14.0677 17C14.2341 17.0001 14.4003 16.9899 14.5655 16.9693C15.2322 16.8848 15.7822 16.6305 16.2 16.2125L16.7661 15.6463C16.9159 15.4961 17 15.2926 17 15.0805C17 14.8683 16.9159 14.6649 16.7661 14.5146H16.7631Z" fill="white"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

2
ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/RoadAndEvents/index.vue

@ -19,7 +19,7 @@
<div class="bottom"> <div class="bottom">
<div class="cleared-btn" @click="handleCleared"> <div class="cleared-btn" @click="handleCleared">
<img src="@screen/images/icon/icon_006.png" /> <img src="@screen/images/clearLayer.svg" />
<span>清空图层</span> <span>清空图层</span>
</div> </div>
</div> </div>

103
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/index.vue

@ -2,60 +2,6 @@
<div class='BusinessDataManagement'> <div class='BusinessDataManagement'>
<Tabs :panels="panels" :default-active="activeName" @select="handleSelect" /> <Tabs :panels="panels" :default-active="activeName" @select="handleSelect" />
<!-- 搜索栏 -->
<div class="filter">
<div>
<template v-if="activeName === 'DutyOfficer'">
<ButtonGradient>
<template #prefix>
<img src="@screen/images/import.svg" />
</template>
机构值班表
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/import.svg" />
</template>
应急机构
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/export.svg" />
</template>
上传
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/insert.svg" />
</template>
新增
</ButtonGradient>
</template>
<template v-else>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/insert.svg" />
</template>
新增
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/export.svg" />
</template>
导出
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/refresh.svg" />
</template>
刷新
</ButtonGradient>
</template>
</div>
<InputSearch style="width: 402px;" />
</div>
<!-- 内容 --> <!-- 内容 -->
<div class="body"> <div class="body">
<Transition name="fade"> <Transition name="fade">
@ -71,11 +17,9 @@
</template> </template>
<script> <script>
import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue';
import Tabs from '@screen/components/Tabs/index.vue'; import Tabs from '@screen/components/Tabs/index.vue';
// import Card from '@screen/components/Card/index.vue';
import Pagination from '@screen/components/Pagination.vue'; import Pagination from '@screen/components/Pagination.vue';
import InputSearch from '@screen/components/InputSearch/index.vue';
import DutyOfficer from "./views/dutyOfficer/index.vue"; import DutyOfficer from "./views/dutyOfficer/index.vue";
import EmergencyAgencies from "./views/emergencyAgencies/index.vue"; import EmergencyAgencies from "./views/emergencyAgencies/index.vue";
@ -85,11 +29,8 @@ import FirstResponders from "./views/firstResponders/index.vue";
export default { export default {
name: 'BusinessDataManagement', name: 'BusinessDataManagement',
components: { components: {
ButtonGradient,
Tabs, Tabs,
Pagination, Pagination,
// Card,
InputSearch,
DutyOfficer, DutyOfficer,
EmergencyAgencies, EmergencyAgencies,
@ -127,6 +68,23 @@ export default {
} }
</script> </script>
<!-- <style lang='scss'>
.BusinessDataManagement {
div {
.filter {
height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
>div {
display: flex;
gap: 6px;
}
}
}
}
</style> -->
<style lang='scss' scoped> <style lang='scss' scoped>
.fade-enter-active, .fade-enter-active,
.fade-leave-active { .fade-leave-active {
@ -148,13 +106,27 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
.body {
flex: 1;
position: relative;
overflow: hidden;
.content {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
::v-deep {
.filter { .filter {
height: 60px; height: 60px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
>div { div {
display: flex; display: flex;
gap: 6px; gap: 6px;
} }
@ -162,16 +134,11 @@ export default {
.body { .body {
flex: 1; flex: 1;
position: relative;
overflow: hidden;
.content {
position: absolute;
width: 100%;
height: 100%;
overflow: auto; overflow: auto;
} }
} }
}
}
.footer { .footer {
margin-top: 15px; margin-top: 15px;

37
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/dutyOfficer/index.vue

@ -1,6 +1,37 @@
<template> <template>
<div class='DutyOfficer'> <div class='DutyOfficer'>
<SpecialTable :columns="columns" :data="data"> <div class="filter">
<div>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/import.svg" />
</template>
机构值班表
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/import.svg" />
</template>
应急机构
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/export.svg" />
</template>
上传
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/insert.svg" />
</template>
新增
</ButtonGradient>
</div>
<InputSearch style="width: 402px;" />
</div>
<SpecialTable :columns="columns" :data="data" class="body">
<template #title-DateDuty> <template #title-DateDuty>
<div class="special-title"> <div class="special-title">
值班中心 值班中心
@ -117,6 +148,7 @@ import SpecialTable from "./../../components/SpecialTable.vue"
import OperateRecord from "./components/OperateRecord.vue" import OperateRecord from "./components/OperateRecord.vue"
import ModifyDutyInformationTable from "./components/ModifyDutyInformationTable.vue" import ModifyDutyInformationTable from "./components/ModifyDutyInformationTable.vue"
import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue'; import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue';
import InputSearch from '@screen/components/InputSearch/index.vue';
export default { export default {
name: 'DutyOfficer', name: 'DutyOfficer',
@ -124,7 +156,8 @@ export default {
SpecialTable, SpecialTable,
OperateRecord, OperateRecord,
ModifyDutyInformationTable, ModifyDutyInformationTable,
ButtonGradient ButtonGradient,
InputSearch
}, },
data() { data() {
return { return {

35
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/emergencyAgencies/index.vue

@ -1,16 +1,47 @@
<template> <template>
<div class='EmergencyAgencies'> <div class='EmergencyAgencies'>
<div class="filter">
<div>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/insert.svg" />
</template>
新增
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/export.svg" />
</template>
导出
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/refresh.svg" />
</template>
刷新
</ButtonGradient>
</div>
<InputSearch style="width: 402px;" />
</div>
<div class='body'>
<Card v-for="(item, index) in data" :cardData="item" :key="index" /> <Card v-for="(item, index) in data" :cardData="item" :key="index" />
</div> </div>
</div>
</template> </template>
<script> <script>
import Card from "@screen/components/Card1/index.vue" import Card from "@screen/components/Card1/index.vue"
import InputSearch from '@screen/components/InputSearch/index.vue';
import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue';
export default { export default {
name: 'EmergencyAgencies', name: 'EmergencyAgencies',
components: { components: {
Card Card,
ButtonGradient,
InputSearch
}, },
data() { data() {
return { return {
@ -29,6 +60,7 @@ export default {
<style lang='scss' scoped> <style lang='scss' scoped>
.EmergencyAgencies { .EmergencyAgencies {
.body {
display: grid; display: grid;
grid-template-columns: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr);
grid-gap: 21px; grid-gap: 21px;
@ -51,4 +83,5 @@ export default {
} }
} }
} }
}
</style> </style>

36
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/firstResponders/index.vue

@ -1,16 +1,47 @@
<template> <template>
<div class='FirstResponders'> <div class='FirstResponders'>
<div class="filter">
<div>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/insert.svg" />
</template>
新增
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/export.svg" />
</template>
导出
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/refresh.svg" />
</template>
刷新
</ButtonGradient>
</div>
<InputSearch style="width: 402px;" />
</div>
<div class='body'>
<PeopleCard v-for="(item, index) in 15" :buttonIcon="null" :key="index" buttonText="详情" /> <PeopleCard v-for="(item, index) in 15" :buttonIcon="null" :key="index" buttonText="详情" />
</div> </div>
</div>
</template> </template>
<script> <script>
import PeopleCard from "./../../components/PeopleCard/index.vue"; import PeopleCard from "./../../components/PeopleCard/index.vue";
import InputSearch from '@screen/components/InputSearch/index.vue';
import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue';
export default { export default {
name: 'FirstResponders', name: 'FirstResponders',
components: { components: {
PeopleCard PeopleCard,
ButtonGradient,
InputSearch
}, },
data() { data() {
return { return {
@ -21,6 +52,8 @@ export default {
<style lang='scss' scoped> <style lang='scss' scoped>
.FirstResponders { .FirstResponders {
.body {
display: grid; display: grid;
grid-template-columns: repeat(10, 1fr); grid-template-columns: repeat(10, 1fr);
grid-gap: 9px; grid-gap: 9px;
@ -28,4 +61,5 @@ export default {
justify-content: space-between; justify-content: space-between;
grid-auto-rows: minmax(270px, max-content); grid-auto-rows: minmax(270px, max-content);
} }
}
</style> </style>

39
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/jurisdictionalManagement/components/EditEventInformationDialog/data.js

@ -0,0 +1,39 @@
import * as PresetFormItems from "@screen/pages/control/event/event/FormEvent/PresetFormItems.js";
export const formConfigList = [
{
label: "事故类型:",
key: "key13",
type: "select",
},
PresetFormItems.trafficAccidentType,
PresetFormItems.callPolicePersonName,
PresetFormItems.callPolicePersonPhone,
PresetFormItems.route,
PresetFormItems.direction,
PresetFormItems.eventLevel,
PresetFormItems.station,
PresetFormItems.locationMode,
PresetFormItems.pressure,
PresetFormItems.eventHappenTime,
PresetFormItems.aEstimatedReleaseTime,
PresetFormItems.weatherConditions,
PresetFormItems.effect,
PresetFormItems.isMaintenanceAccident,
PresetFormItems.isCongestionAhead,
PresetFormItems.isCurveRoad,
PresetFormItems.isInTunnel,
PresetFormItems.isArrives,
PresetFormItems.isForkRoad,
PresetFormItems.emptyLine,
PresetFormItems.trafficPolicePhone,
{
...PresetFormItems.emptyLine,
key: "096993",
},
PresetFormItems.wreckerCalls,
PresetFormItems.spillName,
PresetFormItems.ownerPhone,
PresetFormItems.laneOccupancy,
PresetFormItems.vehicleCondition,
];

72
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/jurisdictionalManagement/components/EditEventInformationDialog/index.vue

@ -0,0 +1,72 @@
<template>
<Dialog v-model="modelVisible" title="修改事件信息">
<div class="EditEventInformationDialog">
<Form class="form" :formList="formConfigList" column="2" labelWidth="120px" />
<div class="footer">
<Button>保存</Button>
<Button style="background: #C9C9C9;">关闭</Button>
</div>
</div>
</Dialog>
</template>
<script>
import Dialog from "@screen/components/Dialog/index";
import Form from '@screen/components/FormConfig';
import Button from '@screen/components/Buttons/Button.vue';
import { formConfigList } from "./data.js"
export default {
name: 'EditEventInformationDialog',
components: {
Dialog,
Form,
Button
},
model: {
prop: 'visible',
event: 'close'
},
props: {
visible: Boolean
},
data() {
return {
formConfigList
}
},
computed: {
modelVisible: {
get() {
return this.visible;
},
set(val) {
this.$emit('close', val)
}
},
}
}
</script>
<style lang='scss' scoped>
.EditEventInformationDialog {
gap: 9px;
width: 810px;
height: 771px;
display: flex;
flex-direction: column;
.form {
flex: 1;
overflow-y: auto;
}
.footer {
display: flex;
justify-content: end;
gap: 15px;
}
}
</style>

43
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/businessDataManagement/views/jurisdictionalManagement/index.vue

@ -1,6 +1,34 @@
<template> <template>
<div class='JurisdictionalManagement'> <div class='JurisdictionalManagement'>
<Card v-for="(item, index) in data" :buttonIcon="null" :keyMap="keyMap" :cardData="item" :key="index" buttonText="详情"> <div class="filter">
<div>
<ButtonGradient @click.native="editEventInformationDialogVisible = true">
<template #prefix>
<img src="@screen/images/insert.svg" />
</template>
新增
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/export.svg" />
</template>
导出
</ButtonGradient>
<ButtonGradient>
<template #prefix>
<img src="@screen/images/refresh.svg" />
</template>
刷新
</ButtonGradient>
</div>
<InputSearch style="width: 402px;" />
</div>
<div class="body">
<Card v-for="(item, index) in data" :buttonIcon="null" :keyMap="keyMap" :cardData="item" :key="index"
buttonText="详情">
<template #form-location="{ data }"> <template #form-location="{ data }">
<div class="endSpecial"> <div class="endSpecial">
<span> <span>
@ -13,15 +41,23 @@
</template> </template>
</Card> </Card>
</div> </div>
<EditEventInformationDialog v-model="editEventInformationDialogVisible" />
</div>
</template> </template>
<script> <script>
import Card from "@screen/components/Card1/index.vue" import Card from "@screen/components/Card1/index.vue"
import EditEventInformationDialog from "./components/EditEventInformationDialog/index"
import InputSearch from '@screen/components/InputSearch/index.vue';
import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue';
export default { export default {
name: 'JurisdictionalManagement', name: 'JurisdictionalManagement',
components: { components: {
Card Card,
EditEventInformationDialog,
ButtonGradient,
InputSearch
}, },
data() { data() {
return { return {
@ -55,6 +91,7 @@ export default {
return Math.floor(Math.random() * (max - min + 1)) + min; return Math.floor(Math.random() * (max - min + 1)) + min;
})() })()
})), })),
editEventInformationDialogVisible: false
} }
} }
@ -64,6 +101,7 @@ export default {
<style lang='scss' scoped> <style lang='scss' scoped>
.JurisdictionalManagement { .JurisdictionalManagement {
.body {
display: grid; display: grid;
grid-template-columns: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr);
grid-gap: 21px; grid-gap: 21px;
@ -86,4 +124,5 @@ export default {
} }
} }
} }
}
</style> </style>

34
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/EventInformation/components/EditEventInformationDialog/data.js

@ -0,0 +1,34 @@
import * as PresetFormItems from "@screen/pages/control/event/event/FormEvent/PresetFormItems.js";
export const formConfigList = [
{
label: "事故类型:",
key: "key13",
type: "select",
},
PresetFormItems.trafficAccidentType,
PresetFormItems.eventLevel,
PresetFormItems.callPolicePersonName,
PresetFormItems.callPolicePersonPhone,
PresetFormItems.locationMode,
PresetFormItems.route,
PresetFormItems.direction,
PresetFormItems.station,
PresetFormItems.eventHappenTime,
PresetFormItems.aEstimatedReleaseTime,
PresetFormItems.pressure,
PresetFormItems.weatherConditions,
PresetFormItems.effect,
PresetFormItems.isArrives,
PresetFormItems.isMaintenanceAccident,
PresetFormItems.isCongestionAhead,
PresetFormItems.isForkRoad,
PresetFormItems.isCurveRoad,
PresetFormItems.isInTunnel,
PresetFormItems.trafficPolicePhone,
PresetFormItems.wreckerCalls,
PresetFormItems.spillName,
PresetFormItems.ownerPhone,
PresetFormItems.laneOccupancy,
PresetFormItems.vehicleCondition,
];

72
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/EventInformation/components/EditEventInformationDialog/index.vue

@ -0,0 +1,72 @@
<template>
<Dialog v-model="modelVisible" title="修改事件信息">
<div class="EditEventInformationDialog">
<Form class="form" :formList="formConfigList" labelWidth="120px" />
<div class="footer">
<Button>保存</Button>
<Button style="background: #C9C9C9;">关闭</Button>
</div>
</div>
</Dialog>
</template>
<script>
import Dialog from "@screen/components/Dialog/index";
import Form from '@screen/components/FormConfig';
import Button from '@screen/components/Buttons/Button.vue';
import { formConfigList } from "./data.js"
export default {
name: 'EditEventInformationDialog',
components: {
Dialog,
Form,
Button
},
model: {
prop: 'visible',
event: 'close'
},
props: {
visible: Boolean
},
data() {
return {
formConfigList
}
},
computed: {
modelVisible: {
get() {
return this.visible;
},
set(val) {
this.$emit('close', val)
}
},
}
}
</script>
<style lang='scss' scoped>
.EditEventInformationDialog {
gap: 9px;
width: 1050px;
height: 810px;
display: flex;
flex-direction: column;
.form {
flex: 1;
overflow-y: auto;
}
.footer {
display: flex;
justify-content: end;
gap: 15px;
}
}
</style>

14
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/commandDispatch/Cards/EventInformation/index.vue

@ -4,7 +4,7 @@
<ButtonGradient class="title-button"> <ButtonGradient class="title-button">
搜索 搜索
</ButtonGradient> </ButtonGradient>
<ButtonGradient class="title-button"> <ButtonGradient class="title-button" @click.native="editEventInformationDialogVisible = true">
编写 编写
</ButtonGradient> </ButtonGradient>
</template> </template>
@ -19,6 +19,8 @@
<div class="bottom-info"> <div class="bottom-info">
<div class="tag">拥堵五级事件</div> <div class="tag">拥堵五级事件</div>
</div> </div>
<EditEventInformationDialog v-model="editEventInformationDialogVisible" />
</Card> </Card>
</template> </template>
@ -26,17 +28,18 @@
import Card from "@screen/components/Card2/Card.vue"; import Card from "@screen/components/Card2/Card.vue";
import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue'; import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue';
import Descriptions from '@screen/components/Descriptions.vue'; import Descriptions from '@screen/components/Descriptions.vue';
import EditEventInformationDialog from "./components/EditEventInformationDialog/index"
export default { export default {
name: 'EventInformation', name: 'EventInformation',
components: { components: {
Card, Card,
ButtonGradient, ButtonGradient,
Descriptions Descriptions,
EditEventInformationDialog
}, },
data() { data() {
return { return {
list: [ list: [
{ {
label: '情报时间', label: '情报时间',
@ -64,9 +67,10 @@ export default {
label: '桩号:', label: '桩号:',
text: "K266+001", text: "K266+001",
} }
] ],
} editEventInformationDialogVisible: false
} }
},
} }
</script> </script>

87
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/FormItem.js → ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/PresetFormItems.js

@ -213,6 +213,7 @@ export const vehicleCondition = {
suffix: { suffix: {
text: "辆", text: "辆",
}, },
type: "inputNumber",
}, },
{ {
prefix: { prefix: {
@ -221,6 +222,7 @@ export const vehicleCondition = {
suffix: { suffix: {
text: "辆", text: "辆",
}, },
type: "inputNumber",
}, },
{ {
prefix: { prefix: {
@ -229,6 +231,7 @@ export const vehicleCondition = {
suffix: { suffix: {
text: "辆", text: "辆",
}, },
type: "inputNumber",
}, },
{ {
prefix: { prefix: {
@ -237,6 +240,7 @@ export const vehicleCondition = {
suffix: { suffix: {
text: "辆", text: "辆",
}, },
type: "inputNumber",
}, },
], ],
}, },
@ -316,7 +320,7 @@ export const remark = {
export const isInTunnel = { export const isInTunnel = {
label: "是否处在隧道:", label: "是否处在隧道:",
key: "key6240", key: "key6240",
isAlone: true, // isAlone: true,
required: true, required: true,
type: "RadioGroup", type: "RadioGroup",
options: { options: {
@ -526,3 +530,84 @@ export const isCurveRoad = {
], ],
}, },
}; };
export const effect = {
label: "影响:",
key: "key13599",
type: "select",
};
export const isArrives = {
label: "是否到货:",
key: "key14",
type: "RadioGroup",
options: {
activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
options: [
{
key: "是",
label: "是",
},
{
key: "否",
label: "否",
},
],
},
};
export const isMaintenanceAccident = {
label: "是否养护事故:",
key: "key15",
type: "RadioGroup",
options: {
activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
options: [
{
key: "是",
label: "是",
},
{
key: "否",
label: "否",
},
],
},
};
export const trafficPolicePhone = {
label: "交警电话:",
key: "key16",
};
export const wreckerCalls = {
label: "清障电话:",
options: {
placeholder: "请输入清障电话(区号+号码)",
},
key: "key17",
};
export const spillName = {
label: "洒落物名称:",
key: "key22",
isAlone: true,
options: {
type: "textarea",
autosize: true,
maxlength: 50,
autosize: { minRows: 3, maxRows: 3 },
showWordLimit: true,
},
};
export const ownerPhone = {
label: "车主电话:",
key: "key23",
isAlone: true,
};
export const emptyLine = {
key: "key222",
type: "empty",
};

81
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/data.js

@ -1,4 +1,4 @@
import * as PresetFormItems from "./FormItem"; import * as PresetFormItems from "./PresetFormItems";
export const tabConfigList = [ export const tabConfigList = [
{ {
@ -18,72 +18,17 @@ export const tabConfigList = [
PresetFormItems.aEstimatedReleaseTime, PresetFormItems.aEstimatedReleaseTime,
PresetFormItems.pressure, PresetFormItems.pressure,
PresetFormItems.weatherConditions, PresetFormItems.weatherConditions,
{ PresetFormItems.effect,
label: "影响:", PresetFormItems.isArrives,
key: "key13", PresetFormItems.isMaintenanceAccident,
type: "select", PresetFormItems.trafficPolicePhone,
}, PresetFormItems.wreckerCalls,
{
label: "是否到货:",
key: "key14",
type: "RadioGroup",
options: {
activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
options: [
{
key: "是",
label: "是",
},
{
key: "否",
label: "否",
},
],
},
},
{
label: "是否养护事故:",
key: "key15",
type: "RadioGroup",
options: {
activeColor: "linear-gradient(180deg, #37E7FF 0%, #009BCC 100%)",
options: [
{
key: "是",
label: "是",
},
{
key: "否",
label: "否",
},
],
},
},
{
label: "交警电话:",
key: "key16",
},
{
label: "清障电话:",
options: {
placeholder: "请输入清障电话(区号+号码)",
},
key: "key17",
},
PresetFormItems.isCongestionAhead, PresetFormItems.isCongestionAhead,
PresetFormItems.isForkRoad, PresetFormItems.isForkRoad,
PresetFormItems.isCurveRoad, PresetFormItems.isCurveRoad,
PresetFormItems.isInTunnel, PresetFormItems.isInTunnel,
{ PresetFormItems.spillName,
label: "洒落物名称:", PresetFormItems.ownerPhone,
key: "key22",
isAlone: true,
},
{
label: "车主电话:",
key: "key23",
isAlone: true,
},
PresetFormItems.laneOccupancy, PresetFormItems.laneOccupancy,
PresetFormItems.vehicleCondition, PresetFormItems.vehicleCondition,
PresetFormItems.casualties, PresetFormItems.casualties,
@ -350,10 +295,7 @@ export const tabConfigList = [
}, },
PresetFormItems.freeway, PresetFormItems.freeway,
PresetFormItems.direction, PresetFormItems.direction,
{ PresetFormItems.emptyLine,
key: "key222",
type: "empty",
},
{ {
label: "措施:", label: "措施:",
required: true, required: true,
@ -722,10 +664,7 @@ export const tabConfigList = [
PresetFormItems.freeway, PresetFormItems.freeway,
PresetFormItems.direction, PresetFormItems.direction,
PresetFormItems.station, PresetFormItems.station,
{ PresetFormItems.emptyLine,
key: "key222",
type: "empty",
},
{ {
label: "特殊地点描述:", label: "特殊地点描述:",
key: "key00036", key: "key00036",

3
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/FormEvent/index.vue

@ -20,9 +20,10 @@
<script> <script>
import Dialog from "@screen/components/Dialog/index"; import Dialog from "@screen/components/Dialog/index";
import Form from '@screen/components/FormConfig'; import Form from '@screen/components/FormConfig';
import { tabConfigList } from "./data.js"
import Button from '@screen/components/Buttons/Button.vue'; import Button from '@screen/components/Buttons/Button.vue';
import { tabConfigList } from "./data.js"
export default { export default {
name: 'EventDetailDialog', name: 'EventDetailDialog',
components: { components: {

78
ruoyi-ui/src/views/JiHeExpressway/pages/service/board/index.vue

@ -9,8 +9,10 @@
</div> </div>
<el-form ref="form" :model="form" class="partCon"> <el-form ref="form" :model="form" class="partCon">
<el-form-item style="margin-bottom: 12px;"> <el-form-item style="margin-bottom: 12px;">
<el-select v-model="form.selectedDirection" size="medium" placeholder="请选择方向" style="overflow: hidden;width: 100%;"> <el-select v-model="form.selectedDirection" size="medium" placeholder="请选择方向"
<el-option v-for="item in boardDirectionList" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue" @click.native="____changeDirection(item.dictValue)" /> style="overflow: hidden;width: 100%;">
<el-option v-for="item in boardDirectionList" :key="item.dictValue" :label="item.dictLabel"
:value="item.dictValue" @click.native="____changeDirection(item.dictValue)" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -20,13 +22,15 @@
<div v-if="item.list.length > 0"> <div v-if="item.list.length > 0">
<!-- <el-checkbox style="width: 100%" :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选 <!-- <el-checkbox style="width: 100%" :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选
</el-checkbox> --> </el-checkbox> -->
<el-checkbox-group class="checkbox" v-model="checkedCities" @change="handleCheckedCitiesChange" :max="1"> <el-checkbox-group class="checkbox" v-model="checkedCities" @change="handleCheckedCitiesChange"
:max="1">
<el-checkbox v-for="(itm, index) in item.list" :label="itm.id" :key="index"> <el-checkbox v-for="(itm, index) in item.list" :label="itm.id" :key="index">
<el-tooltip :content="itm.ip" placement="top"> <el-tooltip :content="itm.ip" placement="top">
<div>{{ itm.deviceName }}</div> <div>{{ itm.deviceName }}</div>
</el-tooltip> </el-tooltip>
<el-tooltip content="回读当前信息" placement="top"> <el-tooltip content="回读当前信息" placement="top">
<el-button class="el-icon-tickets huiduButton" @click.stop.prevent="onSubmit(itm.id)" :disabled="submitButton"></el-button> <el-button class="el-icon-tickets huiduButton" @click.stop.prevent="onSubmit(itm.id)"
:disabled="submitButton"></el-button>
</el-tooltip> </el-tooltip>
</el-checkbox> </el-checkbox>
</el-checkbox-group> </el-checkbox-group>
@ -55,7 +59,8 @@
</div> </div>
</div> </div>
<div class="partCon"> <div class="partCon">
<el-table :data="contentList" row-key="ID" v-loading="loading" style="height: 100%;padding: 0 1vh; background-color: #112d3b;overflow-y: scroll;" :key="toggleIndex"> <el-table :data="contentList" row-key="ID" v-loading="loading"
style="height: 100%;padding: 0 1vh; background-color: #112d3b;overflow-y: scroll;" :key="toggleIndex">
<el-table-column width="545"> <el-table-column width="545">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="con"> <div class="con">
@ -81,8 +86,8 @@
),*/ ),*/
position: 'relative', position: 'relative',
maxHeight: getScreenSize(form.selectedPixel, 'height') + 'px', maxHeight: getScreenSize(form.selectedPixel, 'height') + 'px',
}" class="infoTxt" v-html=" }" class="infoTxt"
scope.row.CONTENT? scope.row.CONTENT.replace(/\n|\r\n/g,'<br>').replace(/ /g, '&nbsp'): ''"></span> v-html="scope.row.CONTENT ? scope.row.CONTENT.replace(/\n|\r\n/g, '<br>').replace(/ /g, '&nb sp'): ''"></span>
</div> </div>
</div> </div>
</template> </template>
@ -139,7 +144,8 @@
<!-- 操作按钮 --> <!-- 操作按钮 -->
<div class="infoBtnBox"> <div class="infoBtnBox">
<el-tooltip content="加入待下发信息" placement="top"> <el-tooltip content="加入待下发信息" placement="top">
<p @click="arrowLeft(itm)" :class="disabledButton && !selectedSize ? 'disabledClass' : '' " class="btn btnApply"></p> <p @click="arrowLeft(itm)" :class="disabledButton && !selectedSize ? 'disabledClass' : ''"
class="btn btnApply"></p>
</el-tooltip> </el-tooltip>
<el-tooltip content="编辑" placement="top"> <el-tooltip content="编辑" placement="top">
<p @click="____onEditTemplate(itm)" class="btn btnEdit"></p> <p @click="____onEditTemplate(itm)" class="btn btnEdit"></p>
@ -169,7 +175,8 @@
</el-col> </el-col>
</el-row> </el-row>
</el-dialog> </el-dialog>
<BoardInfoEditor @afterSubmit="____onEditSubmit" :mode="editDialog.mode" :type="editDialog.type" :visible.sync="editDialog.visible" :screenSize="selectedSize" :tpl="editDialog.tpl"></BoardInfoEditor> <BoardInfoEditor @afterSubmit="____onEditSubmit" :mode="editDialog.mode" :type="editDialog.type"
:visible.sync="editDialog.visible" :screenSize="selectedSize" :tpl="editDialog.tpl"></BoardInfoEditor>
<!-- <editInfo :boardEmitItem="this.boardEmitItem" @receiveForm="receiveForm" v-if="this.showEmit" @dialogClose="dialogClose"></editInfo> --> <!-- <editInfo :boardEmitItem="this.boardEmitItem" @receiveForm="receiveForm" v-if="this.showEmit" @dialogClose="dialogClose"></editInfo> -->
</div> </div>
</template> </template>
@ -1053,16 +1060,21 @@ computed:{
.infoBoardCon { .infoBoardCon {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; flex-direction: row; display: flex;
flex-direction: row;
align-items: stretch; align-items: stretch;
padding: 20px; padding: 20px;
.part { .part {
background-color: #133242; background-color: #133242;
margin-right: 10px; margin-right: 10px;
display: flex; flex-direction: column; display: flex;
flex-direction: column;
&.partRight { &.partRight {
margin-right: 0; margin-right: 0;
} }
.partTitle { .partTitle {
padding: 0px 0; padding: 0px 0;
/* // border-bottom: 1px solid #05afe3; */ /* // border-bottom: 1px solid #05afe3; */
@ -1078,6 +1090,7 @@ computed:{
flex: 1; flex: 1;
height: 0; height: 0;
padding: 10px; padding: 10px;
.con { .con {
/* // border: 1px solid #05afe3; */ /* // border: 1px solid #05afe3; */
height: 75px; height: 75px;
@ -1089,6 +1102,7 @@ computed:{
align-items: center; align-items: center;
border: 2px solid #004c64; border: 2px solid #004c64;
} }
/* // } */ /* // } */
.controlBox { .controlBox {
display: flex; display: flex;
@ -1098,7 +1112,9 @@ computed:{
} }
.templateBox { .templateBox {
width: 100%; height: 100%; width: 100%;
height: 100%;
.tplItem { .tplItem {
margin-right: 14px; margin-right: 14px;
display: flex; display: flex;
@ -1111,6 +1127,7 @@ computed:{
// height:80px; // height:80px;
flex: 1; flex: 1;
} }
.infoBtnBox { .infoBtnBox {
width: 160px; width: 160px;
height: 80px; height: 80px;
@ -1129,12 +1146,15 @@ computed:{
background-size: 100% 100%; background-size: 100% 100%;
width: 40px; width: 40px;
height: 40px; height: 40px;
&.btnApply { &.btnApply {
background-image: url(~@/assets/jihe/images/button/toLeft.png); background-image: url(~@/assets/jihe/images/button/toLeft.png);
} }
&.btnEdit { &.btnEdit {
background-image: url(~@/assets/jihe/images/button/edit.png); background-image: url(~@/assets/jihe/images/button/edit.png);
} }
&.btnDelete { &.btnDelete {
background-image: url(~@/assets/jihe/images/button/delete.png); background-image: url(~@/assets/jihe/images/button/delete.png);
} }
@ -1189,6 +1209,7 @@ computed:{
} }
} }
} }
.qbbBigDotBa { .qbbBigDotBa {
width: 64px; width: 64px;
height: 9px; height: 9px;
@ -1249,11 +1270,13 @@ computed:{
align-items: center; align-items: center;
position: relative; position: relative;
} }
.qbbBigDot { .qbbBigDot {
width: 18px; width: 18px;
height: 22px; height: 22px;
margin: 0 0.5vw 0 0.5vw; margin: 0 0.5vw 0 0.5vw;
} }
.partDeviceTempateTitle { .partDeviceTempateTitle {
width: 100%; width: 100%;
color: #fff; color: #fff;
@ -1292,11 +1315,13 @@ computed:{
::v-deep .el-checkbox+.el-checkbox { ::v-deep .el-checkbox+.el-checkbox {
margin-left: 0px !important; margin-left: 0px !important;
} }
::v-deep .el-select .el-input .el-input__inner { ::v-deep .el-select .el-input .el-input__inner {
color: #fff; color: #fff;
background-color: #053b4f; background-color: #053b4f;
border-color: transparent; border-color: transparent;
} }
::v-deep .el-collapse-item__header { ::v-deep .el-collapse-item__header {
background-color: #053b4f; background-color: #053b4f;
color: #fff; color: #fff;
@ -1305,56 +1330,71 @@ computed:{
border-radius: 7px; border-radius: 7px;
border-bottom: 5px solid #112d3b; border-bottom: 5px solid #112d3b;
} }
::v-deep .el-collapse-item__wrap { ::v-deep .el-collapse-item__wrap {
background-color: #053b4f; background-color: #053b4f;
padding: 0 1vw; padding: 0 1vw;
} }
::v-deep .el-collapse { ::v-deep .el-collapse {
color: #fff; color: #fff;
border: none; border: none;
} }
::v-deep .el-collapse-item__wrap { ::v-deep .el-collapse-item__wrap {
border: none; border: none;
} }
::v-deep .el-checkbox__label { ::v-deep .el-checkbox__label {
color: #fff; color: #fff;
} }
::v-deep .el-button--medium { ::v-deep .el-button--medium {
width: 96px; width: 96px;
height: 23px; height: 23px;
line-height: 1px; line-height: 1px;
border-radius: 15px; border-radius: 15px;
} }
::v-deep .el-table__body-wrapper { ::v-deep .el-table__body-wrapper {
background-color: #053b4f; background-color: #053b4f;
padding: 0 1vw; padding: 0 1vw;
} }
::v-deep .el-table tr { ::v-deep .el-table tr {
background-color: #053b4f; background-color: #053b4f;
} }
::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell { ::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
background-color: #053b4f; background-color: #053b4f;
} }
::v-deep .el-table td.el-table__cell { ::v-deep .el-table td.el-table__cell {
border: none; border: none;
} }
.el-table::before, .el-table::before,
.el-table--group::after, .el-table--group::after,
.el-table--border::after { .el-table--border::after {
content: none; content: none;
} }
/* 通用滚动条样式 */ /* 通用滚动条样式 */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 3px; /* 设置滚动条宽度 */ width: 3px;
height: 3px; /* 设置滚动条高度 */ /* 设置滚动条宽度 */
height: 3px;
/* 设置滚动条高度 */
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background-color: #00295b; /* 设置滚动条轨道颜色 */ background-color: #00295b;
/* 设置滚动条轨道颜色 */
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-color: #9abce0; /* 设置滚动条滑块颜色 */ background-color: #9abce0;
border-radius: 4px; /* 设置滚动条滑块圆角 */ /* 设置滚动条滑块颜色 */
} border-radius: 4px;
</style> /* 设置滚动条滑块圆角 */
}</style>

Loading…
Cancel
Save