Skip to content

E
east-nanjing-new
Commit 33faa0cc authored by 程卓's avatar 程卓
Browse files
Options

公共管理接口与样式调整完成

parent fca1b8fd
Hide whitespace changes
Inline Side-by-side
Showing with 124 additions and 84 deletions
src/view/right/complain.vue
View file @ 33faa0cc
......@@ -24,8 +24,11 @@
</div>
<div>
<p v-for="item in classChartData.dimensions" :key="item.name">
<span /> {{ item.displayName }}：
{{ classChartData.source[0][item.name] }}
<i />
<span>{{ item.displayName }}：</span>
<span> {{ classChartData.source[0][item.name] }}</span>
<!-- <span /> {{ item.displayName }}：
{{ classChartData.source[0][item.name] }} -->
</p>
</div>
</div>
......@@ -291,21 +294,26 @@ export default defineComponent({
p
display flex
align-items center
span
width 100%
i
display inline-block
width 0.06rem
height @width
border-radius 50%
margin-right 0.1rem
background #826AFA
&:nth-of-type(2) > span
&:nth-of-type(2) > i
background #E02020
&:nth-of-type(3) > span
&:nth-of-type(3) > i
background #F7B500
&:nth-of-type(4) > span
&:nth-of-type(4) > i
background #6DD400
&:nth-of-type(5) > span
&:nth-of-type(5) > i
background #32C5FF
span
flex 4
&:last-child
flex 1
.emergency
height 1.2rem
overflow hidden
......
src/view/right/demand.vue
View file @ 33faa0cc
......@@ -143,23 +143,47 @@ export default defineComponent({
},
]
})
const barData = ref({
dimensions: [
{ name: 'date', displayName: '日期' },
{ name: 'data1', displayName: '发现数' },
{ name: 'data2', displayName: '处置数' },
{ name: 'data3', displayName: '结案数' },
],
source: [
{ date: '11-11', data1: 100, data2: 100, data3: 100 },
{ date: '11-12', data1: 110, data2: 110, data3: 120 },
{ date: '11-13', data1: 120, data2: 130, data3: 140 },
{ date: '11-14', data1: 130, data2: 140, data3: 160 },
{ date: '11-15', data1: 140, data2: 150, data3: 180 },
{ date: '11-16', data1: 150, data2: 160, data3: 190 },
{ date: '11-17', data1: 150, data2: 160, data3: 190 },
{ date: '11-18', data1: 150, data2: 160, data3: 190 },
],
const barData = computed(() => {
if (workstationKind.value[0]) {
const source: { date: any; data1: any; data2: any; data3: any }[] = []
workstationKind.value.forEach((element: any, index: number) => {
source.unshift({
date: workstationKind.value[index].date,
data1: workstationKind.value[index].statistical.oneDisposalNum,
data2: workstationKind.value[index].statistical.twoDisposalNum,
data3: workstationKind.value[index].statistical.threeDisposalNum,
})
})
return {
dimensions: [
{ name: 'date', displayName: '日期' },
{ name: 'data1', displayName: '发现数' },
{ name: 'data2', displayName: '处置数' },
{ name: 'data3', displayName: '结案数' },
],
source: source,
}
} else {
return {
dimensions: [
{ name: 'date', displayName: '日期' },
{ name: 'data1', displayName: '发现数' },
{ name: 'data2', displayName: '处置数' },
{ name: 'data3', displayName: '结案数' },
],
source: [
{ date: '11-11', data1: 100, data2: 100, data3: 100 },
{ date: '11-12', data1: 110, data2: 110, data3: 120 },
{ date: '11-13', data1: 120, data2: 130, data3: 140 },
{ date: '11-14', data1: 130, data2: 140, data3: 160 },
{ date: '11-15', data1: 140, data2: 150, data3: 180 },
{ date: '11-16', data1: 150, data2: 160, data3: 190 },
{ date: '11-17', data1: 150, data2: 160, data3: 190 },
{ date: '11-18', data1: 150, data2: 160, data3: 190 },
],
}
}
})
const barOption = ref({
color: ['#5BD5FF', '#FFCE34', '#826AFA'],
......@@ -179,32 +203,64 @@ export default defineComponent({
})),
})
const pieData = computed(() => {
return [
{
name: '第一工作站',
value:
workstationKind.value.oneDisposalNum /
workstationKind.value.oneNum || 0,
num: workstationKind.value.oneDisposalNum || 0,
color: '#47B3FF',
},
{
name: '第二工作站',
value:
workstationKind.value.twoDisposalNum /
workstationKind.value.twoNum || 0,
num: workstationKind.value.twoDisposalNum || 0,
color: '#FF9D27',
},
{
name: '第三工作站',
value:
workstationKind.value.threeDisposalNum /
workstationKind.value.threeNum || 0,
num: workstationKind.value.threeDisposalNum || 0,
color: '#6EB629',
},
]
if (workstationKind.value[0]) {
return [
{
name: '第一工作站',
value:
(
(workstationKind.value[0].statistical.oneDisposalNum /
workstationKind.value[0].statistical.oneNum) *
100
).toFixed(0) || 0,
num: workstationKind.value[0].statistical.oneDisposalNum || 0,
color: '#47B3FF',
},
{
name: '第二工作站',
value:
(
(workstationKind.value[0].statistical.twoDisposalNum /
workstationKind.value[0].statistical.twoNum) *
100
).toFixed(0) || 0,
num: workstationKind.value[0].statistical.twoDisposalNum || 0,
color: '#FF9D27',
},
{
name: '第三工作站',
value:
(
(workstationKind.value[0].statistical.threeDisposalNum /
workstationKind.value[0].statistical.threeNum) *
100
).toFixed(0) || 0,
num: workstationKind.value[0].statistical.threeDisposalNum || 0,
color: '#6EB629',
},
]
} else {
return [
{
name: '第一工作站',
value: 0,
num: 0,
color: '#47B3FF',
},
{
name: '第二工作站',
value: 0,
num: 0,
color: '#FF9D27',
},
{
name: '第三工作站',
value: 0,
num: 0,
color: '#6EB629',
},
]
}
})
const pieSeries = pieData.value.map((item, i) => {
const rate = Math.round((pieData.value.length - i) * fontSize.value) + 10
......@@ -246,36 +302,7 @@ export default defineComponent({
series: pieSeries,
})
const steps = ref(['发现', '立案', '派遣', '处置', '核查', '结案'])
// const caseList = ref([
// {
// name: '均乐小区',
// type: '电梯困人',
// address: '上海市黄浦区延安东路1292弄6~40号',
// date: '2020-02-13 13:23:08',
// cur: 5,
// },
// {
// name: '均乐小区',
// type: '电梯困人',
// address: '上海市黄浦区延安东路1292弄6~40号',
// date: '2020-02-13 13:23:08',
// cur: 4,
// },
// {
// name: '均乐小区',
// type: '电梯困人',
// address: '上海市黄浦区延安东路1292弄6~40号',
// date: '2020-02-13 13:23:08',
// cur: 3,
// },
// {
// name: '均乐小区',
// type: '电梯困人',
// address: '上海市黄浦区延安东路1292弄6~40号',
// date: '2020-02-13 13:23:08',
// cur: 2,
// },
// ])
const searchCase = (key: string) => {
console.log('searck key: ', key)
}
......
src/view/right/police.vue
View file @ 33faa0cc
......@@ -46,6 +46,7 @@
enter="fadeInUp"
leave="fadeOutDown"
translate-y="84%"
:mask-closable="false"
:title="`${streetData.cmtName}2021年1季度得分`"
>
<div>
......
src/view/right/public-safety.vue
View file @ 33faa0cc
......@@ -120,6 +120,7 @@
offset="65%"
width="40%"
title="重点关注楼宇清单"
:mask-closable="false"
>
<div>
<m-table
......@@ -457,7 +458,7 @@ export default defineComponent({
display flex
flex-direction column
.drawCharts
height 60%
height 67%
display flex
>div
display flex
......@@ -501,17 +502,17 @@ export default defineComponent({
flex-direction row
justify-content space-around
text-align left
height 40%
height 30%
>div
width 25%
display flex
flex-direction column
justify-content space-between
align-items center
// align-items center
>span
width 70%
>p
flex 1
// flex 1
white-space nowrap
width 100%
padding-left 0.06rem
......@@ -562,6 +563,9 @@ export default defineComponent({
justify-content space-around
flex-direction row
font-size 0.06rem
.count
color #fff
padding-left 0.03rem
>span
display flex
flex-direction row
......
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