panyuyi
1 month ago
5 changed files with 94 additions and 353 deletions
@ -1,97 +1,97 @@ |
|||
// 堤防相关接口
|
|||
import request from '@/utils/request' |
|||
export * from './analysis'; |
|||
import request from "@/utils/request"; |
|||
export * from "./analysis"; |
|||
|
|||
/*************************************巡查记录管理**************************************/ |
|||
// 堤防巡视检查记录列表v2
|
|||
export function postV2RecordList (data) { |
|||
export function postV2RecordList(data) { |
|||
return request({ |
|||
url: '/run/df/v2/record/list', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
url: "/run/df/v2/record/list", |
|||
method: "post", |
|||
data, |
|||
}); |
|||
} |
|||
// 堤防巡视检查记录新增或修改v2
|
|||
export function postV2Record (data,commit) { |
|||
export function postV2Record(data, commit) { |
|||
return request({ |
|||
url: `/run/df/v2/record/${commit}`, |
|||
method: 'post', |
|||
data |
|||
}) |
|||
method: "post", |
|||
data, |
|||
}); |
|||
} |
|||
|
|||
// 堤防巡视检查记录详情v2
|
|||
export function gettV2Record (id) { |
|||
export function gettV2Record(id) { |
|||
return request({ |
|||
url: `/run/df/v2/record/${id}`, |
|||
method: 'get' |
|||
}) |
|||
method: "get", |
|||
}); |
|||
} |
|||
|
|||
/*************************************缺陷清单管理**************************************/ |
|||
// 堤防巡查缺陷列表v2
|
|||
export function postV2ProblemList (data) { |
|||
export function postV2ProblemList(data) { |
|||
return request({ |
|||
url: '/run/df/v2/problem/list', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
url: "/run/df/v2/problem/list", |
|||
method: "post", |
|||
data, |
|||
}); |
|||
} |
|||
/*************************************养护记录管理**************************************/ |
|||
// 堤防养护列表v2
|
|||
export function postV2YhList (data) { |
|||
export function postV2YhList(data) { |
|||
return request({ |
|||
url: '/run/df/v2/yh/list', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
url: "/run/df/v2/yh/list", |
|||
method: "post", |
|||
data, |
|||
}); |
|||
} |
|||
|
|||
// 堤防养护详情v2
|
|||
export function getV2Yh (id) { |
|||
export function getV2Yh(id) { |
|||
return request({ |
|||
url: `/run/df/v2/yh/${id}`, |
|||
method: 'get' |
|||
}) |
|||
method: "get", |
|||
}); |
|||
} |
|||
|
|||
// 堤防养护新增或修改v2
|
|||
export function postV2Yh (data, commit) { |
|||
export function postV2Yh(data, commit) { |
|||
return request({ |
|||
url: `/run/df/v2/yh/${commit}`, |
|||
method: 'post', |
|||
data |
|||
}) |
|||
method: "post", |
|||
data, |
|||
}); |
|||
} |
|||
/*************************************验收记录管理**************************************/ |
|||
// 审批列表
|
|||
export function postV2ApprovalList (data) { |
|||
export function postV2ApprovalList(data) { |
|||
return request({ |
|||
url: '/run/df/v2/approval/list', |
|||
method: 'post', |
|||
data |
|||
}) |
|||
url: "/run/df/v2/yh/approval/list", |
|||
method: "post", |
|||
data, |
|||
}); |
|||
} |
|||
// 审批通过
|
|||
export function postV2ApprovalPassed (data, id) { |
|||
export function postV2ApprovalPassed(data, id) { |
|||
return request({ |
|||
url: `/run/df/v2/approval/passed/${id}`, |
|||
method: 'post', |
|||
data |
|||
}) |
|||
method: "post", |
|||
data, |
|||
}); |
|||
} |
|||
// 审批驳回
|
|||
export function postV2ApprovalRejected (data, id) { |
|||
export function postV2ApprovalRejected(data, id) { |
|||
return request({ |
|||
url: `/run/df/v2/approval/rejected/${id}`, |
|||
method: 'post', |
|||
data |
|||
}) |
|||
method: "post", |
|||
data, |
|||
}); |
|||
} |
|||
// 审批意见
|
|||
export function getV2ApprovalComment (formId) { |
|||
export function getV2ApprovalComment(formId) { |
|||
return request({ |
|||
url: `/run/df/v2/approval/comment/${formId}`, |
|||
method: 'get' |
|||
}) |
|||
method: "get", |
|||
}); |
|||
} |
|||
|
|||
@ -1,272 +0,0 @@ |
|||
<template> |
|||
<div class="slider-right"> |
|||
<!-- <div class="top-title">{{ $router.currentRoute.meta.title }}</div> --> |
|||
<TopBackTitle></TopBackTitle> |
|||
<div class="table-box"> |
|||
<div class="form-row-title">缺陷信息</div> |
|||
<div class="defectInformation"> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="tc-text2">堤防名称：</div> |
|||
<div class="tc-text1">123</div> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="tc-text2">堤防巡查责任人：</div> |
|||
<div class="tc-text1">123</div> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="tc-text2">巡查类别：</div> |
|||
<div class="tc-text1">123</div> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="tc-text2">堤防巡查开始/结束时间：</div> |
|||
<div class="tc-text1">123</div> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="tc-text2">巡查部位：</div> |
|||
<div class="tc-text1">123</div> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="tc-text2">问题位置：</div> |
|||
<div class="tc-text1">123</div> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="tc-text2">问题等级：</div> |
|||
<div class="tc-text1">123</div> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="tc-text2">具体描述：</div> |
|||
<div class="tc-text1">123</div> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<div class="tc-text2">缺陷图片：</div> |
|||
<div class="tc-text1">123</div> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<div class="form-row-title">养护记录</div> |
|||
<el-form |
|||
ref="form" |
|||
:model="form" |
|||
:rules="rules" |
|||
label-width="120px" |
|||
label-position="top" |
|||
> |
|||
<el-row gutter="48"> |
|||
<el-col span="8"> |
|||
<el-form-item label="维养责任人:" prop="name"> |
|||
<el-input placeholder="请输入内容" v-model="form.name"> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col span="8"> |
|||
<el-form-item label="维养开始/结束时间：" prop="projectName"> |
|||
<el-date-picker |
|||
size="small" |
|||
class="ml-10" |
|||
style="width: 100%" |
|||
v-model="form.time" |
|||
type="daterange" |
|||
value-format="yyyy-MM-dd" |
|||
range-separator="至" |
|||
start-placeholder="开始日期" |
|||
end-placeholder="结束日期" |
|||
> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col span="16"> |
|||
<el-form-item label="维养详情：" prop="describe"> |
|||
<el-input |
|||
type="textarea" |
|||
:rows="4" |
|||
placeholder="请输入内容" |
|||
maxlength="200" |
|||
show-word-limit |
|||
v-model="form.describe" |
|||
> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-form-item label="附件：" prop="describe"> 123 </el-form-item> |
|||
</el-form> |
|||
|
|||
<el-table |
|||
:height="tableHeight" |
|||
:data="tableData" |
|||
style="margin-bottom: 16px" |
|||
border |
|||
> |
|||
<el-table-column |
|||
prop="nspectionLocation" |
|||
align="center" |
|||
label="巡查部位" |
|||
/> |
|||
<el-table-column |
|||
prop="inspectionContent" |
|||
align="center" |
|||
label="检查内容" |
|||
/> |
|||
</el-table> |
|||
<div class="form-row-title">验收意见</div> |
|||
|
|||
<el-form |
|||
ref="form" |
|||
:model="form" |
|||
:rules="rules" |
|||
label-width="120px" |
|||
label-position="right" |
|||
> |
|||
<el-row gutter="48"> |
|||
<el-col span="8"> |
|||
<el-form-item label="复核人:" prop="name"> |
|||
<el-input placeholder="请输入内容" v-model="form.name"> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col span="8"> |
|||
<el-form-item label="复核时间：" prop="projectName"> |
|||
<el-date-picker |
|||
size="small" |
|||
class="ml-10" |
|||
style="width: 100%" |
|||
v-model="form.time" |
|||
type="daterange" |
|||
value-format="yyyy-MM-dd" |
|||
range-separator="至" |
|||
start-placeholder="开始日期" |
|||
end-placeholder="结束日期" |
|||
> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col span="16"> |
|||
<el-form-item label="复核意见：" prop="describe"> |
|||
<el-input |
|||
type="textarea" |
|||
:rows="4" |
|||
placeholder="请输入内容" |
|||
maxlength="200" |
|||
show-word-limit |
|||
v-model="form.describe" |
|||
> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import TopBackTitle from "@/components/TopBackTitle/index.vue"; |
|||
import { calcTableHeight } from "@/mixins/calcTableHeight"; |
|||
import SyMixMap from "@/views/components/SyMixMap.vue"; |
|||
import { getRecordDetails, getRecordTraceList } from "@/api/dike"; |
|||
|
|||
export default { |
|||
components: { |
|||
SyMixMap, |
|||
TopBackTitle, |
|||
}, |
|||
mixins: [calcTableHeight], |
|||
data() { |
|||
return { |
|||
entries: {}, |
|||
traceList: [], |
|||
tableData: [ |
|||
{ |
|||
nspectionLocation: "堤坡与戗台", |
|||
inspectionContent: "是否坚实平整", |
|||
}, |
|||
], |
|||
form: { |
|||
name: "张三", |
|||
projectName: "项目名称内容", |
|||
dikeName: "堤防名称内容", |
|||
inspectionCategory: "工程巡查", |
|||
time: [], |
|||
describe: "", |
|||
}, |
|||
rules: { |
|||
name: [{ required: true }], |
|||
projectName: [{ required: true }], |
|||
dikeName: [{ required: true }], |
|||
inspectionCategory: [{ required: true }], |
|||
time: [{ required: true }], |
|||
describe: [{ required: true }], |
|||
}, |
|||
}; |
|||
}, |
|||
created() {}, |
|||
mounted() { |
|||
this.initData(); |
|||
}, |
|||
methods: { |
|||
async initData() { |
|||
const res = await getRecordDetails(17); |
|||
this.entries = res.data?.entries ? JSON.parse(res.data.entries) : {}; |
|||
getRecordTraceList({ |
|||
data: { |
|||
recordId: 17, |
|||
}, |
|||
params: { |
|||
orderBy: "create_time", |
|||
sort: "desc", // 升序 |
|||
}, |
|||
pageNum: 1, |
|||
pageSize: 100, |
|||
}).then((res) => { |
|||
this.traceList = |
|||
res.records |
|||
?.map((v) => { |
|||
return [v.longitude, v.latitude]; |
|||
}) |
|||
?.reverse() || []; |
|||
}); |
|||
|
|||
console.log("this.traceList", this.traceList); |
|||
console.log("this.entries", this.entries); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss"> |
|||
.table-box { |
|||
width: 100%; |
|||
height: calc(100% - 50px - 24px); |
|||
margin-top: 24px; |
|||
padding: 16px; |
|||
background-color: white; |
|||
overflow: auto; |
|||
} |
|||
.form-row-title { |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
margin-bottom: 16px; |
|||
border-left: 4px solid #36b29e; |
|||
padding-left: 8px; |
|||
} |
|||
.row-item { |
|||
display: flex; |
|||
font-size: 14px; |
|||
line-height: 22px; |
|||
margin-bottom: 16px; |
|||
& > div { |
|||
width: 50%; |
|||
} |
|||
} |
|||
.defectInformation { |
|||
.el-row { |
|||
margin-bottom: 16px; |
|||
.el-col { |
|||
margin-bottom: 16px; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue