|
|
|
@ -115,69 +115,112 @@ |
|
|
|
class="flex-shrink-0 myml-12" |
|
|
|
type="success" |
|
|
|
@click="handleChangeQuery" |
|
|
|
>查询 |
|
|
|
</el-button |
|
|
|
> |
|
|
|
>查询 |
|
|
|
</el-button> |
|
|
|
<el-button |
|
|
|
class="flex-shrink-0" |
|
|
|
size="small" |
|
|
|
@click="handleResetQuery" |
|
|
|
>重置 |
|
|
|
</el-button |
|
|
|
> |
|
|
|
>重置 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="line" ref="lineRef"></div> |
|
|
|
</div> |
|
|
|
<el-table |
|
|
|
:height="tableHeight" |
|
|
|
:data="tableData" |
|
|
|
border |
|
|
|
> |
|
|
|
<el-table-column prop="id" align="center" label="单号"/> |
|
|
|
<el-table-column prop="checkingName" align="center" label="防治项目名称"/> |
|
|
|
<el-table-column prop="dikeName" align="center" label="堤防名称"/> |
|
|
|
<el-table-column prop="dikeCode" align="center" label="堤防代码"/> |
|
|
|
<el-table :height="tableHeight" :data="tableData" border> |
|
|
|
<!-- <el-table-column prop="id" align="center" label="单号"/> --> |
|
|
|
<el-table-column type="index" align="center" label="序号" width="100"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="checkingName" |
|
|
|
align="center" |
|
|
|
label="防治项目名称" |
|
|
|
/> |
|
|
|
<el-table-column prop="dikeName" align="center" label="堤防名称" /> |
|
|
|
<el-table-column prop="dikeCode" align="center" label="堤防代码" /> |
|
|
|
|
|
|
|
<el-table-column prop="type" align="center" label="检查类型"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ |
|
|
|
getDictLabelName(scope.row.type, "maintenanceType") |
|
|
|
}}</span> |
|
|
|
getDictLabelName(scope.row.type, "maintenanceType") |
|
|
|
}}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="category" align="center" label="防治类别"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ |
|
|
|
getDictLabelName(scope.row.category, "maintenanceCategory") |
|
|
|
}}</span> |
|
|
|
getDictLabelName(scope.row.category, "maintenanceCategory") |
|
|
|
}}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="status" align="center" label="检查状态" width="100"> |
|
|
|
<el-table-column |
|
|
|
prop="status" |
|
|
|
align="center" |
|
|
|
label="检查状态" |
|
|
|
width="100" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span style="position: relative" |
|
|
|
:style="['3', '5', '6'].includes(scope.row.status) && {color: 'rgba(0,0,0,0.4)'}"> |
|
|
|
<div |
|
|
|
v-if="scope.row.status === '1'" |
|
|
|
style="position: absolute;left: -16px;top: 6px;width: 8px;height: 8px;border-radius: 50%; background: #FFB20D" |
|
|
|
></div> |
|
|
|
<div |
|
|
|
v-if="scope.row.status === '2'" |
|
|
|
style="position: absolute;left: -16px;top: 6px;width: 8px;height: 8px;border-radius: 50%; background: #0EC885" |
|
|
|
></div> |
|
|
|
<div |
|
|
|
v-if="scope.row.status === '4'" |
|
|
|
style="position: absolute;left: -16px;top: 6px;width: 8px;height: 8px;border-radius: 50%; background: #3A89FE" |
|
|
|
></div> |
|
|
|
<div |
|
|
|
v-if="['3', '5', '6'].includes(scope.row.status)" |
|
|
|
style="position: absolute;left: -16px;top: 6px;width: 8px;height: 8px;border-radius: 50%; background: #A6A6A6" |
|
|
|
></div> |
|
|
|
{{ getDictLabelName(scope.row.status, "maintenanceStatus") }} |
|
|
|
</span> |
|
|
|
<span |
|
|
|
style="position: relative" |
|
|
|
:style=" |
|
|
|
['3', '5', '6'].includes(scope.row.status) && { |
|
|
|
color: 'rgba(0,0,0,0.4)', |
|
|
|
} |
|
|
|
" |
|
|
|
> |
|
|
|
<div |
|
|
|
v-if="scope.row.status === '1'" |
|
|
|
style=" |
|
|
|
position: absolute; |
|
|
|
left: -16px; |
|
|
|
top: 6px; |
|
|
|
width: 8px; |
|
|
|
height: 8px; |
|
|
|
border-radius: 50%; |
|
|
|
background: #ffb20d; |
|
|
|
" |
|
|
|
></div> |
|
|
|
<div |
|
|
|
v-if="scope.row.status === '2'" |
|
|
|
style=" |
|
|
|
position: absolute; |
|
|
|
left: -16px; |
|
|
|
top: 6px; |
|
|
|
width: 8px; |
|
|
|
height: 8px; |
|
|
|
border-radius: 50%; |
|
|
|
background: #0ec885; |
|
|
|
" |
|
|
|
></div> |
|
|
|
<div |
|
|
|
v-if="scope.row.status === '4'" |
|
|
|
style=" |
|
|
|
position: absolute; |
|
|
|
left: -16px; |
|
|
|
top: 6px; |
|
|
|
width: 8px; |
|
|
|
height: 8px; |
|
|
|
border-radius: 50%; |
|
|
|
background: #3a89fe; |
|
|
|
" |
|
|
|
></div> |
|
|
|
<div |
|
|
|
v-if="['3', '5', '6'].includes(scope.row.status)" |
|
|
|
style=" |
|
|
|
position: absolute; |
|
|
|
left: -16px; |
|
|
|
top: 6px; |
|
|
|
width: 8px; |
|
|
|
height: 8px; |
|
|
|
border-radius: 50%; |
|
|
|
background: #a6a6a6; |
|
|
|
" |
|
|
|
></div> |
|
|
|
{{ getDictLabelName(scope.row.status, "maintenanceStatus") }} |
|
|
|
</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="createName" align="center" label="检查责任人"/> |
|
|
|
<el-table-column prop="createName" align="center" label="检查责任人" /> |
|
|
|
<el-table-column |
|
|
|
prop="startDate" |
|
|
|
align="center" |
|
|
|
@ -185,7 +228,7 @@ |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span |
|
|
|
>{{ scope.row.startDate || "-" }}/{{ |
|
|
|
>{{ scope.row.startDate || "-" }}/{{ |
|
|
|
scope.row.endDate || "-" |
|
|
|
}}</span |
|
|
|
> |
|
|
|
@ -205,18 +248,16 @@ |
|
|
|
size="small" |
|
|
|
v-hasPermi="['df:run:pestanimal2:inspection:list:item:check']" |
|
|
|
@click="handleCheckDetails(scope.row, false)" |
|
|
|
>查看 |
|
|
|
</el-button |
|
|
|
> |
|
|
|
>查看 |
|
|
|
</el-button> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
:disabled="scope.row.status !== '1'" |
|
|
|
v-hasPermi="['df:run:pestanimal2:inspection:list:item:edit']" |
|
|
|
@click="handleEditDetails(scope.row, true)" |
|
|
|
>编辑 |
|
|
|
</el-button |
|
|
|
> |
|
|
|
>编辑 |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
@ -237,14 +278,12 @@ |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import TopBackTitle from "@/components/TopBackTitle/index.vue"; |
|
|
|
import {calcTableHeight} from "@/mixins/calcTableHeight"; |
|
|
|
import { calcTableHeight } from "@/mixins/calcTableHeight"; |
|
|
|
|
|
|
|
import { |
|
|
|
postV2RecordList |
|
|
|
} from "@/api/dike/pestAnimalControl2"; |
|
|
|
import { postV2RecordList } from "@/api/dike/pestAnimalControl2"; |
|
|
|
|
|
|
|
export default { |
|
|
|
components: {TopBackTitle}, |
|
|
|
components: { TopBackTitle }, |
|
|
|
mixins: [calcTableHeight], |
|
|
|
data() { |
|
|
|
return { |
|
|
|
@ -256,9 +295,9 @@ export default { |
|
|
|
name: "", |
|
|
|
type: "", |
|
|
|
time: [], |
|
|
|
dutyHolder: '', |
|
|
|
category: '', |
|
|
|
status: '' |
|
|
|
dutyHolder: "", |
|
|
|
category: "", |
|
|
|
status: "", |
|
|
|
}, |
|
|
|
pageData: { |
|
|
|
pageNum: 1, // 当前页 |
|
|
|
@ -280,7 +319,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.getTableData() |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleCurrentPageChange(page) { |
|
|
|
@ -294,13 +333,13 @@ export default { |
|
|
|
handleCheckDetails(row) { |
|
|
|
this.$router.push({ |
|
|
|
path: "inspectionRecordDetails", |
|
|
|
query: {id: row.id, checkingId: row.checkingId, mode: "check"}, |
|
|
|
query: { id: row.id, checkingId: row.checkingId, mode: "check" }, |
|
|
|
}); |
|
|
|
}, |
|
|
|
handleEditDetails(row) { |
|
|
|
this.$router.push({ |
|
|
|
path: "inspectionRecordDetails", |
|
|
|
query: {id: row.id, checkingId: row.checkingId, mode: "edit"}, |
|
|
|
query: { id: row.id, checkingId: row.checkingId, mode: "edit" }, |
|
|
|
}); |
|
|
|
}, |
|
|
|
getDictLabelName(type, dictListName) { |
|
|
|
@ -333,9 +372,15 @@ export default { |
|
|
|
dutyHolder: this.paramsData.dutyHolder, |
|
|
|
category: this.paramsData.category, |
|
|
|
status: this.paramsData.status, |
|
|
|
startDate: this.paramsData.time && this.paramsData.time.length > 1 ? this.paramsData.time[0] : '', |
|
|
|
endDate: this.paramsData.time && this.paramsData.time.length > 1 ? this.paramsData.time[1] : '', |
|
|
|
} |
|
|
|
startDate: |
|
|
|
this.paramsData.time && this.paramsData.time.length > 1 |
|
|
|
? this.paramsData.time[0] |
|
|
|
: "", |
|
|
|
endDate: |
|
|
|
this.paramsData.time && this.paramsData.time.length > 1 |
|
|
|
? this.paramsData.time[1] |
|
|
|
: "", |
|
|
|
}; |
|
|
|
postV2RecordList({ |
|
|
|
data: { |
|
|
|
timeView: { |
|
|
|
|
panyuyi
1 month ago