|
|
|
|
|
|
|
|
> |
|
|
> |
|
|
<template slot-scope="scoped"> |
|
|
<template slot-scope="scoped"> |
|
|
<a |
|
|
<a |
|
|
v-if="isAdmin||btnRule.some(btn=>btn=='view')" |
|
|
|
|
|
|
|
|
v-if="isAdmin||btnRule.some(btn=>btn=='detail')" |
|
|
href="javascript:void(0);" |
|
|
href="javascript:void(0);" |
|
|
@click="handleEdit(scoped.row,1)" |
|
|
@click="handleEdit(scoped.row,1)" |
|
|
>{{scoped.row.name}}</a> |
|
|
|
|
|
<span v-else>{{scoped.row.name}}</span> |
|
|
|
|
|
|
|
|
>{{scoped.row.questionNo}}</a> |
|
|
|
|
|
<span v-else>{{scoped.row.questionNo}}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column show-overflow-tooltip label="问题图片" align="center" min-width="80"> |
|
|
<el-table-column show-overflow-tooltip label="问题图片" align="center" min-width="80"> |
|
|
<template slot-scope="{row}"> |
|
|
<template slot-scope="{row}"> |
|
|
<el-tag |
|
|
|
|
|
:type="row.type === 2?'success':((row.type === 3||row.type === 4)?'warning':'')" |
|
|
|
|
|
size="small" |
|
|
|
|
|
>{{typeList[row.type]}}</el-tag> |
|
|
|
|
|
|
|
|
<img style="width:20px;height:20px" :src="row.imgUrl" /> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
show-overflow-tooltip |
|
|
show-overflow-tooltip |
|
|
prop="driverManagerName" |
|
|
|
|
|
|
|
|
prop="areaName" |
|
|
label="区划" |
|
|
label="区划" |
|
|
align="center" |
|
|
align="center" |
|
|
min-width="80" |
|
|
min-width="80" |
|
|
/> |
|
|
/> |
|
|
<el-table-column show-overflow-tooltip label="河湖名称" align="center" min-width="100"> |
|
|
|
|
|
<template slot-scope="scoped"> |
|
|
|
|
|
<span v-if="scoped.row.level">{{levelList[scoped.row.level]}}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
<el-table-column |
|
|
show-overflow-tooltip |
|
|
show-overflow-tooltip |
|
|
prop="driverAreaName" |
|
|
|
|
|
|
|
|
prop="driverName" |
|
|
|
|
|
label="河湖名称" |
|
|
|
|
|
align="center" |
|
|
|
|
|
min-width="100" |
|
|
|
|
|
></el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
show-overflow-tooltip |
|
|
|
|
|
prop="inspectTime" |
|
|
label="巡检时间" |
|
|
label="巡检时间" |
|
|
min-width="200" |
|
|
|
|
|
|
|
|
min-width="120" |
|
|
align="center" |
|
|
align="center" |
|
|
/> |
|
|
/> |
|
|
<el-table-column show-overflow-tooltip prop="startPoint" label="问题类型" align="center" /> |
|
|
|
|
|
<el-table-column show-overflow-tooltip prop="endPoint" label="问题状态" align="center" /> |
|
|
|
|
|
|
|
|
<el-table-column show-overflow-tooltip prop="questionType" label="问题类型" align="center" /> |
|
|
|
|
|
<el-table-column show-overflow-tooltip prop="statusText" label="问题状态" align="center" /> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<!-- 分页 --> |
|
|
<!-- 分页 --> |
|
|
<div class="page-current"> |
|
|
<div class="page-current"> |
|
|
|
|
|
|
|
|
:total="count" |
|
|
:total="count" |
|
|
/> |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<el-drawer |
|
|
|
|
|
class="detail-diaog" |
|
|
|
|
|
title="问题详情" |
|
|
|
|
|
:visible.sync="visible" |
|
|
|
|
|
:direction="direction" |
|
|
|
|
|
:size="drawerWidth" |
|
|
|
|
|
:before-close="beforeClose" |
|
|
|
|
|
> |
|
|
|
|
|
<detailDialog @handleClose="visible=false" :visible="visible" v-if="visible" :id="id"></detailDialog> |
|
|
|
|
|
<div style="width: 100%;text-align: center;margin-top: 20px;margin-bottom: 20px"> |
|
|
|
|
|
<el-button size="medium" icon="el-icon-back" @click="visible=false">返回</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-drawer> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import api from "@/api/question/list"; |
|
|
import api from "@/api/question/list"; |
|
|
import driverAreaSelect from "@/components/driverAreaSelect"; |
|
|
import driverAreaSelect from "@/components/driverAreaSelect"; |
|
|
|
|
|
import detailDialog from "./detailDialog"; |
|
|
import { mapGetters } from "vuex"; |
|
|
import { mapGetters } from "vuex"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: "problem-container", |
|
|
name: "problem-container", |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
|
|
|
drawerWidth: document.body.clientWidth - 190 + "px", |
|
|
|
|
|
direction: "rtl", |
|
|
|
|
|
id: "", |
|
|
|
|
|
visible: false, |
|
|
typeList: { |
|
|
typeList: { |
|
|
1: "待指派", |
|
|
1: "待指派", |
|
|
2: "处理中", |
|
|
2: "处理中", |
|
|
|
|
|
|
|
|
driverArea: "", |
|
|
driverArea: "", |
|
|
status: "" |
|
|
status: "" |
|
|
}, |
|
|
}, |
|
|
dataList:[], |
|
|
|
|
|
|
|
|
dataList: [], |
|
|
currentPage: 1, |
|
|
currentPage: 1, |
|
|
pageSize: parseInt((document.body.clientHeight - 290 - 43) / 44.5), |
|
|
|
|
|
|
|
|
pageSize: parseInt((document.body.clientHeight - 290 - 43) / 47), |
|
|
count: 0, |
|
|
count: 0, |
|
|
tableLoading: false, |
|
|
tableLoading: false, |
|
|
tableHeight: document.body.clientHeight - 290 |
|
|
tableHeight: document.body.clientHeight - 290 |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
components: { driverAreaSelect }, |
|
|
|
|
|
|
|
|
components: { driverAreaSelect, detailDialog }, |
|
|
computed: { |
|
|
computed: { |
|
|
...mapGetters(["btnRule", "isAdmin"]) |
|
|
...mapGetters(["btnRule", "isAdmin"]) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
let me = this; |
|
|
let me = this; |
|
|
me.getAllList(); |
|
|
me.getAllList(); |
|
|
}, |
|
|
}, |
|
|
watch: { |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
watch: {}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
beforeClose(){ |
|
|
|
|
|
this.visible=false |
|
|
|
|
|
}, |
|
|
|
|
|
handleEdit(row) { |
|
|
|
|
|
this.id = row.id; |
|
|
|
|
|
this.visible = true; |
|
|
|
|
|
}, |
|
|
indexMethod(index) { |
|
|
indexMethod(index) { |
|
|
return index + 1 + (this.currentPage - 1) * this.pageSize; |
|
|
return index + 1 + (this.currentPage - 1) * this.pageSize; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
driverArea: "", |
|
|
driverArea: "", |
|
|
status: "" |
|
|
status: "" |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |