|
|
@ -136,82 +136,128 @@ |
|
|
class="flex-shrink-0 myml-12" |
|
|
class="flex-shrink-0 myml-12" |
|
|
type="success" |
|
|
type="success" |
|
|
@click="handleChangeQuery" |
|
|
@click="handleChangeQuery" |
|
|
>查询</el-button |
|
|
>查询</el-button |
|
|
> |
|
|
> |
|
|
<el-button |
|
|
<el-button |
|
|
class="flex-shrink-0" |
|
|
class="flex-shrink-0" |
|
|
size="small" |
|
|
size="small" |
|
|
@click="handleResetQuery" |
|
|
@click="handleResetQuery" |
|
|
>重置</el-button |
|
|
>重置</el-button |
|
|
> |
|
|
> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="line" ref="lineRef"></div> |
|
|
<div class="line" ref="lineRef"></div> |
|
|
</div> |
|
|
</div> |
|
|
<el-table |
|
|
<el-table :height="tableHeight" :data="tableData" border> |
|
|
:height="tableHeight" |
|
|
<!-- <el-table-column prop="id" align="center" label="单号" /> --> |
|
|
:data="tableData" |
|
|
<el-table-column type="index" align="center" label="序号" width="100"> |
|
|
border |
|
|
</el-table-column> |
|
|
> |
|
|
|
|
|
<el-table-column prop="id" align="center" label="单号" /> |
|
|
|
|
|
<el-table-column prop="name" align="center" label="防治项目名称" /> |
|
|
<el-table-column prop="name" align="center" label="防治项目名称" /> |
|
|
<el-table-column prop="dikeName" align="center" label="堤防名称"/> |
|
|
<el-table-column prop="dikeName" align="center" label="堤防名称" /> |
|
|
<el-table-column prop="dikeCode" align="center" label="堤防代码"/> |
|
|
<el-table-column prop="dikeCode" align="center" label="堤防代码" /> |
|
|
<el-table-column prop="type" align="center" label="检查类型"> |
|
|
<el-table-column prop="type" align="center" label="检查类型"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span>{{ |
|
|
<span>{{ |
|
|
getDictLabelName(scope.row.type, "maintenanceType") |
|
|
getDictLabelName(scope.row.type, "maintenanceType") |
|
|
}}</span> |
|
|
}}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="category" align="center" label="防治类别"> |
|
|
<el-table-column prop="category" align="center" label="防治类别"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span>{{ |
|
|
<span>{{ |
|
|
getDictLabelName(scope.row.category, "maintenanceCategory") |
|
|
getDictLabelName(scope.row.category, "maintenanceCategory") |
|
|
}}</span> |
|
|
}}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</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"> |
|
|
<template slot-scope="scope"> |
|
|
<span style="position: relative" |
|
|
<span |
|
|
:style="['3', '5', '6'].includes(scope.row.status) && {color: 'rgba(0,0,0,0.4)'}"> |
|
|
style="position: relative" |
|
|
<div |
|
|
:style=" |
|
|
v-if="scope.row.status === '1'" |
|
|
['3', '5', '6'].includes(scope.row.status) && { |
|
|
style="position: absolute;left: -16px;top: 6px;width: 8px;height: 8px;border-radius: 50%; background: #FFB20D" |
|
|
color: 'rgba(0,0,0,0.4)', |
|
|
></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 === '1'" |
|
|
<div |
|
|
style=" |
|
|
v-if="scope.row.status === '4'" |
|
|
position: absolute; |
|
|
style="position: absolute;left: -16px;top: 6px;width: 8px;height: 8px;border-radius: 50%; background: #3A89FE" |
|
|
left: -16px; |
|
|
></div> |
|
|
top: 6px; |
|
|
<div |
|
|
width: 8px; |
|
|
v-if="['3', '5', '6'].includes(scope.row.status)" |
|
|
height: 8px; |
|
|
style="position: absolute;left: -16px;top: 6px;width: 8px;height: 8px;border-radius: 50%; background: #A6A6A6" |
|
|
border-radius: 50%; |
|
|
></div> |
|
|
background: #ffb20d; |
|
|
{{ getDictLabelName(scope.row.status, "maintenanceStatus") }} |
|
|
" |
|
|
</span> |
|
|
></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> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column prop="level" align="center" label="问题等级" width="120"> |
|
|
<el-table-column |
|
|
|
|
|
prop="level" |
|
|
|
|
|
align="center" |
|
|
|
|
|
label="问题等级" |
|
|
|
|
|
width="120" |
|
|
|
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span>{{ |
|
|
<span>{{ |
|
|
getDictLabelName(scope.row.problemLevel, "maintenanceLevel") |
|
|
getDictLabelName(scope.row.problemLevel, "maintenanceLevel") |
|
|
}}</span> |
|
|
}}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="dutyHolderName" align="center" label="处置责任人" /> |
|
|
|
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="startDate" |
|
|
prop="dutyHolderName" |
|
|
align="center" |
|
|
align="center" |
|
|
label="处置时间" |
|
|
label="处置责任人" |
|
|
> |
|
|
/> |
|
|
|
|
|
<el-table-column prop="startDate" align="center" label="处置时间"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span |
|
|
<span |
|
|
>{{ scope.row.startDate || "-" }}/{{ |
|
|
>{{ scope.row.startDate || "-" }}/{{ |
|
|
scope.row.endDate || "-" |
|
|
scope.row.endDate || "-" |
|
|
}}</span |
|
|
}}</span |
|
|
> |
|
|
> |
|
|
@ -231,7 +277,7 @@ |
|
|
size="small" |
|
|
size="small" |
|
|
v-hasPermi="['df:run:pestanimal2:maintenance:list:item:check']" |
|
|
v-hasPermi="['df:run:pestanimal2:maintenance:list:item:check']" |
|
|
@click="handleCheckDetails(scope.row, 'check')" |
|
|
@click="handleCheckDetails(scope.row, 'check')" |
|
|
>查看</el-button |
|
|
>查看</el-button |
|
|
> |
|
|
> |
|
|
<el-button |
|
|
<el-button |
|
|
type="text" |
|
|
type="text" |
|
|
@ -239,7 +285,7 @@ |
|
|
v-hasPermi="['df:run:pestanimal2:maintenance:list:item:edit']" |
|
|
v-hasPermi="['df:run:pestanimal2:maintenance:list:item:edit']" |
|
|
:disabled="scope.row.status !== '4'" |
|
|
:disabled="scope.row.status !== '4'" |
|
|
@click="handleCheckDetails(scope.row, 'edit')" |
|
|
@click="handleCheckDetails(scope.row, 'edit')" |
|
|
>编辑</el-button |
|
|
>编辑</el-button |
|
|
> |
|
|
> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
@ -262,11 +308,9 @@ |
|
|
<script> |
|
|
<script> |
|
|
import TopBackTitle from "@/components/TopBackTitle/index.vue"; |
|
|
import TopBackTitle from "@/components/TopBackTitle/index.vue"; |
|
|
import { calcTableHeight } from "@/mixins/calcTableHeight"; |
|
|
import { calcTableHeight } from "@/mixins/calcTableHeight"; |
|
|
import { |
|
|
import { postV2YhList } from "@/api/dike/pestAnimalControl2"; |
|
|
postV2YhList |
|
|
|
|
|
} from "@/api/dike/pestAnimalControl2"; |
|
|
|
|
|
export default { |
|
|
export default { |
|
|
components: {TopBackTitle}, |
|
|
components: { TopBackTitle }, |
|
|
mixins: [calcTableHeight], |
|
|
mixins: [calcTableHeight], |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
@ -279,10 +323,10 @@ export default { |
|
|
name: "", |
|
|
name: "", |
|
|
type: "", |
|
|
type: "", |
|
|
time: [], |
|
|
time: [], |
|
|
dutyHolder: '', |
|
|
dutyHolder: "", |
|
|
category: '', |
|
|
category: "", |
|
|
status: '', |
|
|
status: "", |
|
|
problemLevel: '' |
|
|
problemLevel: "", |
|
|
}, |
|
|
}, |
|
|
pageData: { |
|
|
pageData: { |
|
|
pageNum: 1, // 当前页 |
|
|
pageNum: 1, // 当前页 |
|
|
@ -307,7 +351,7 @@ export default { |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
this.getTableData() |
|
|
this.getTableData(); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
handleCurrentPageChange(page) { |
|
|
handleCurrentPageChange(page) { |
|
|
@ -321,7 +365,13 @@ export default { |
|
|
handleCheckDetails(row, mode) { |
|
|
handleCheckDetails(row, mode) { |
|
|
this.$router.push({ |
|
|
this.$router.push({ |
|
|
path: "maintenanceDetails", |
|
|
path: "maintenanceDetails", |
|
|
query: { id: row.id, recordId: row.recordId, defectId: row.problemId, status: row.status, mode: mode }, |
|
|
query: { |
|
|
|
|
|
id: row.id, |
|
|
|
|
|
recordId: row.recordId, |
|
|
|
|
|
defectId: row.problemId, |
|
|
|
|
|
status: row.status, |
|
|
|
|
|
mode: mode, |
|
|
|
|
|
}, |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
getDictLabelName(type, dictListName) { |
|
|
getDictLabelName(type, dictListName) { |
|
|
@ -356,9 +406,15 @@ export default { |
|
|
category: this.paramsData.category, |
|
|
category: this.paramsData.category, |
|
|
status: this.paramsData.status, |
|
|
status: this.paramsData.status, |
|
|
problemLevel: this.paramsData.problemLevel, |
|
|
problemLevel: this.paramsData.problemLevel, |
|
|
startDate: this.paramsData.time && this.paramsData.time.length > 1 ? this.paramsData.time[0] : '', |
|
|
startDate: |
|
|
endDate: this.paramsData.time && this.paramsData.time.length > 1 ? this.paramsData.time[1] : '', |
|
|
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] |
|
|
|
|
|
: "", |
|
|
|
|
|
}; |
|
|
postV2YhList({ |
|
|
postV2YhList({ |
|
|
data: { |
|
|
data: { |
|
|
timeView: { |
|
|
timeView: { |
|
|
@ -394,4 +450,3 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
|
|
|
|
|
|
panyuyi
1 month ago