Skip to content

W
wisdom-property
Commit f3064042 authored by 程卓's avatar 程卓
Browse files
Options

协同处置结束

parent 5ec5c78c
Hide whitespace changes
Inline Side-by-side
Showing with 126 additions and 67 deletions
src/store/state.js
View file @ f3064042
......@@ -205,32 +205,60 @@ export default {
],
current:1
},
// {
// title:'金港花园',
// address:'古楼公路345弄12号',
// matter:'占用消防通道' , // 事项
// style:'物业督查',
// department:'消防部门',
// foundTime:'2020-01-01 12:30:30', // 可能是moment格式
// sendTime:'2020-01-02 13:30:30',
// fixTime:'2020-01-02 14:30:30',
// successTime:'2020-01-02 16:30:30',
// overTime:null,
// },
// {
// title:'金港花园',
// address:'古楼公路345弄12号',
// matter:'占用消防通道' , // 事项
// style:'物业督查',
// department:'消防部门',
// foundTime:'2020-01-01 12:30:30', // 可能是moment格式
// sendTime:'2020-01-02 13:30:30',
// fixTime:'2020-01-02 14:30:30',
// successTime:'2020-01-02 16:30:30',
// overTime:null,
// },
{
title:'金港花园',
address:'古楼公路345弄12号',
matter:'占用消防通道' , // 事项
style:'物业督查',
department:'消防部门',
foundTime:'2020-01-01 12:30:30', // 可能是moment格式
sendTime:'2020-01-02 13:30:30',
fixTime:'2020-01-02 14:30:30',
successTime:'2020-01-02 16:30:30',
overTime:null,
step:[
{
name:'推送',
},
{
name:'处理中',
},
{
name:'完成',
},
{
name:'数据入库'
}
],
current:1
},
{
title:'金港花园',
address:'古楼公路345弄12号',
matter:'占用消防通道' , // 事项
style:'物业督查',
department:'消防部门',
foundTime:'2020-01-01 12:30:30', // 可能是moment格式
sendTime:'2020-01-02 13:30:30',
fixTime:'2020-01-02 14:30:30',
successTime:'2020-01-02 16:30:30',
overTime:null,
step:[
{
name:'推送',
},
{
name:'处理中',
},
{
name:'完成',
},
{
name:'数据入库'
}
],
current:1
},
]
......
src/views/components/discovery.vue
View file @ f3064042
......@@ -8,6 +8,7 @@
:label="data.title"
:count="+data.num"
:unit="data.unit"
labelColor="#5587b7"
countColor="#00f2ff"
size="1.2rem"
/>
......
src/views/components/handle.vue
View file @ f3064042
......@@ -3,35 +3,33 @@
<div class="card" v-for="(data,i) in $store.state.handleList" :key="i">
<div class="title">
<p>{{data.title}}</p>
<span>{{data.address}}</span>
<div class="line"></div>
<p>{{data.address}}</p>
</div>
<!-- <div class="body">
<ul>
<li>
<p>协同事项</p>
<span>{{data.matter}}</span>
</li>
<li>
<p>发现方式</p>
<span>{{data.style}}</span>
</li>
<li>
<p>接受部门</p>
<span>{{data.department}}</span>
</li>
<li>
<p>推送时间</p>
<span>{{data.sendTime}}</span>
</li>
</ul>
<div class="body">
<div>
<p>协同事项</p>
<p>{{data.matter}}</p>
</div>
<div>
<p>发现方式</p>
<p>{{data.style}}</p>
</div>
<div>
<p>接受部门</p>
<p>{{data.department}}</p>
</div>
<div>
<p>推送时间</p>
<p>{{data.sendTime}}</p>
</div>
</div>
<div class="foot">
<m-step
:steps="data.step"
:current="data.current"
></m-step>
</div> -->
/>
</div>
</div>
</div>
</template>
......@@ -47,18 +45,41 @@ export default {
.handle
width 100%
height 100%
display flex
align-items center
>.title
width 100%
display flex
align-items center
justify-content flex-start
>p
width 50%
>span
width 50%
.card
padding-bottom 1rem
.title
display flex
align-items center
justify-content space-between
.line
height 0.1rem
background-color #094981
flex 1
margin 0 0.7rem
p
font-size 1rem
color #ffffff
font-weight 700
&:last-child
color $fontColor
font-size 0.6rem
.body
display flex
align-items center
justify-content space-between
div
flex 1
font-size .5rem
margin 1rem 0
p
padding-top 0.2rem
padding-right 0.5rem
white-space nowrap
overflow hidden
text-overflow ellipsis
color $fontColor
font-size 0.6rem
&:last-child
color $edgeColor
font-size .9rem
</style>
src/views/components/operation.vue
View file @ f3064042
......@@ -10,6 +10,7 @@
size="1.2rem"
:unit="data.unit"
countColor="#00f2ff"
labelColor="#5587b7"
:icon="require(`@/assets/images/${data.img}`)"/>
</div>
</template>
......
src/views/components/repair.vue
View file @ f3064042
<template>
<div class="repair">
<m-brief
class="r-card"
class="card"
v-for="(data,i) in $store.state.repairList"
:key="i"
:label="data.title"
:icon="require(`@/assets/images/${data.img}`) "
:unit="`/${data.allNum}`"
:count="+data.num"
labelColor="#5587b7"
countColor="#00f2ff"
size="1.2rem"
/>
......@@ -26,7 +27,7 @@ export default {
align-items center
width 100%
height 100%
.r-card
.card
width 50%
</style>
src/views/components/supervision.vue
View file @ f3064042
......@@ -22,7 +22,7 @@
<div class="line"/>
</div>
<div class="list">
<div v-for="(data,i) in $store.state.supervisionCommunityList" :key="i">
<div v-for="(data,i) in $store.state.supervisionCommunityList" :key="i" @click="$emit('clickCommunity',data)">
<p>{{data.title}}</p>
</div>
</div>
......@@ -87,6 +87,7 @@ export default {
align-items center
color $fontColor
margin-top .5rem
font-size 0.8rem
>img
width 1rem
height 1rem
......@@ -102,6 +103,9 @@ export default {
white-space nowrap
overflow hidden
text-overflow ellipsis
color #5587b7
font-weight 600
font-size 0.8rem
.situation
.content
margin-top 1rem
......
src/views/main.vue
View file @ f3064042
......@@ -27,7 +27,7 @@
<Discovery />
</m-card>
<m-card area="box5" title="物业督查" mode="4" :icon="require('@/assets/images/icon5.png')">
<Supervision/>
<Supervision @clickCommunity="clickCommunity"/>
</m-card>
<m-card area="box6" title="协同处置" mode="4" :icon="require('@/assets/images/icon6.png')">
<Handle/>
......@@ -55,6 +55,9 @@ export default {
methods: {
handleSelect(data) {
console.log(data)
},
clickCommunity(data){
console.log(data)
}
}
}
......
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