fix: BUG修改
This commit is contained in:
kun
parent
d50611763b
commit
e8b189cd90
@ -707,3 +707,9 @@ export const monthlyReportDetails = (params: any) => {
|
|||||||
export const engineerMainDetails = (params: any) => {
|
export const engineerMainDetails = (params: any) => {
|
||||||
return http.post(BASEURL + `/project/engineering/queryAndMainById`, params);
|
return http.post(BASEURL + `/project/engineering/queryAndMainById`, params);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// 危大工程
|
||||||
|
// 危大工程台账
|
||||||
|
export const dangerousEngineerPage = (params: any) => {
|
||||||
|
return http.post(BASEURL + `/project/dangerousEngineering/page`, params);
|
||||||
|
};
|
||||||
|
|||||||
BIN
src/assets/images/dangerousEngineeringImg/下月计划施工的危大工程.png
Normal file
BIN
src/assets/images/dangerousEngineeringImg/下月计划施工的危大工程.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/assets/images/dangerousEngineeringImg/危大工程施工部位.png
Normal file
BIN
src/assets/images/dangerousEngineeringImg/危大工程施工部位.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/assets/images/dangerousEngineeringImg/图片.png
Normal file
BIN
src/assets/images/dangerousEngineeringImg/图片.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 389 B |
BIN
src/assets/images/dangerousEngineeringImg/在施危大工程.png
Normal file
BIN
src/assets/images/dangerousEngineeringImg/在施危大工程.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
src/assets/images/dangerousEngineeringImg/本月危大工程导致隐患数量.png
Normal file
BIN
src/assets/images/dangerousEngineeringImg/本月危大工程导致隐患数量.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/assets/images/dangerousEngineeringImg/本月危大工程排查覆盖率.png
Normal file
BIN
src/assets/images/dangerousEngineeringImg/本月危大工程排查覆盖率.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
src/assets/images/dangerousEngineeringImg/本月检查总数.png
Normal file
BIN
src/assets/images/dangerousEngineeringImg/本月检查总数.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/assets/images/leftTab/危大工程台账.png
Normal file
BIN
src/assets/images/leftTab/危大工程台账.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 754 B |
@ -7,13 +7,14 @@ import { AMAP_MAP_KEY } from "@/config/config";
|
|||||||
// see: https://lbs.amap.com/api/jsapi-v2/guide/abc/prepare
|
// see: https://lbs.amap.com/api/jsapi-v2/guide/abc/prepare
|
||||||
window._AMapSecurityConfig = {
|
window._AMapSecurityConfig = {
|
||||||
securityJsCode: "df19aa4c9f83a52f7ef66843449f438e" // 密钥
|
securityJsCode: "df19aa4c9f83a52f7ef66843449f438e" // 密钥
|
||||||
|
// securityJsCode: "6caf6429e4b98cf7f39db9bf7014a78b" // 密钥
|
||||||
};
|
};
|
||||||
|
|
||||||
const amap = (async function (Loader, AMAP_MAP_KEY) {
|
const amap = (async function (Loader, AMAP_MAP_KEY) {
|
||||||
return Loader.load({
|
return Loader.load({
|
||||||
key: AMAP_MAP_KEY,
|
key: AMAP_MAP_KEY,
|
||||||
version: "2.0",
|
version: "2.0",
|
||||||
plugins: ["AMap.PlaceSearch", "AMap.AutoComplete", "AMap.Geocoder"]
|
plugins: ["AMap.AutoComplete", "AMap.PlaceSearch", "AMap.Geocoder"]
|
||||||
});
|
});
|
||||||
})(AMapLoader, AMAP_MAP_KEY);
|
})(AMapLoader, AMAP_MAP_KEY);
|
||||||
|
|
||||||
|
|||||||
@ -13,7 +13,11 @@
|
|||||||
<h4 :id="titleId" :class="titleClass">坐标拾取</h4>
|
<h4 :id="titleId" :class="titleClass">坐标拾取</h4>
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
<div class="search-item">
|
<div class="search-item">
|
||||||
<label class="search"><span>请输入地址：</span><el-input id="map-input" v-model="address" /></label>
|
<label class="search"
|
||||||
|
><span>请输入地址：</span>
|
||||||
|
<el-input id="map-input" v-model="address" />
|
||||||
|
<!-- <input id="input" type="text" /> -->
|
||||||
|
</label>
|
||||||
<!-- <el-button class="btn-search" type="primary">搜索</el-button> -->
|
<!-- <el-button class="btn-search" type="primary">搜索</el-button> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="search-item">
|
<div class="search-item">
|
||||||
@ -98,7 +102,7 @@ const open = async () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
// 联想输入与 POI 搜索
|
// 联想输入与 POI 搜索
|
||||||
autocomplete.value = new AMap.AutoComplete({ extensions: "all", input: "map-input" });
|
autocomplete.value = new AMap.AutoComplete({ input: "map-input" });
|
||||||
search.value = new AMap.PlaceSearch({ map: map.value, extensions: "base" });
|
search.value = new AMap.PlaceSearch({ map: map.value, extensions: "base" });
|
||||||
autocomplete.value?.on("select", (e: any) => {
|
autocomplete.value?.on("select", (e: any) => {
|
||||||
map.value?.clearMap();
|
map.value?.clearMap();
|
||||||
|
|||||||
@ -18,7 +18,9 @@
|
|||||||
<span class="row-span"
|
<span class="row-span"
|
||||||
>检查情况：
|
>检查情况：
|
||||||
<span>{{
|
<span>{{
|
||||||
basicData?.state == 1
|
basicData?.state == 0
|
||||||
|
? "待检查"
|
||||||
|
: basicData?.state == 1
|
||||||
? "执法中"
|
? "执法中"
|
||||||
: basicData?.state == 2
|
: basicData?.state == 2
|
||||||
? "待整改"
|
? "待整改"
|
||||||
|
|||||||
@ -120,7 +120,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<el-form-item label="所属国企:" prop="authorityEnterprise">
|
<el-form-item label="所属国企:" prop="authorityEnterprise" v-if="ruleForm.isAuthority == 1">
|
||||||
<el-input disabled style="width: 100%" v-model="ruleForm.authorityEnterprise" placeholder="国企所属集团">
|
<el-input disabled style="width: 100%" v-model="ruleForm.authorityEnterprise" placeholder="国企所属集团">
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|||||||
@ -65,6 +65,11 @@ export const rules = reactive<FormRules>({
|
|||||||
required: true,
|
required: true,
|
||||||
message: "请输入统一社会信用码",
|
message: "请输入统一社会信用码",
|
||||||
trigger: "blur"
|
trigger: "blur"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
pattern: /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/,
|
||||||
|
message: "格式错误",
|
||||||
|
trigger: "blur"
|
||||||
}
|
}
|
||||||
// {
|
// {
|
||||||
// type: "number",
|
// type: "number",
|
||||||
|
|||||||
@ -0,0 +1,274 @@
|
|||||||
|
<template>
|
||||||
|
<div class="overview">
|
||||||
|
<el-dialog :show-close="false" v-model="visible1" width="1305px" @close="closeMain">
|
||||||
|
<template #title>
|
||||||
|
<div class="title-detail">
|
||||||
|
<span>新增危大工程</span>
|
||||||
|
<el-icon>
|
||||||
|
<close @click="closeMain" />
|
||||||
|
</el-icon>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<el-form ref="formRef" :model="formData" label-width="180px" :rules="rules" class="basic-form" size="default">
|
||||||
|
<div class="basic-info">
|
||||||
|
<div class="content-title">基本信息</div>
|
||||||
|
<el-row :gutter="120">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="危大工程名称:" prop="engineeringName">
|
||||||
|
<el-input v-model="formData.engineeringName" placeholder="请输入" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="危大工程类别:" prop="type">
|
||||||
|
<el-select v-model="formData.type" placeholder="请选择" style="width: 100%">
|
||||||
|
<el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="120">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="危大工程概况:" prop="engineeringSurvey">
|
||||||
|
<el-input v-model="formData.engineeringSurvey" placeholder="请输入" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="类别描述:" prop="typeDescribe">
|
||||||
|
<el-input v-model="formData.typeDescribe" placeholder="请输入" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="120">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="施工部位:" prop="constructionLocation">
|
||||||
|
<el-input v-model="formData.constructionLocation" placeholder="请输入" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="施工计划:" prop="constructionPlanTime">
|
||||||
|
<el-date-picker
|
||||||
|
style="width: 100%"
|
||||||
|
v-model="formData.constructionPlanTime"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
type="date"
|
||||||
|
placeholder="请选择时间"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="120">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="责任人:" prop="personLiable">
|
||||||
|
<el-input v-model="formData.personLiable" placeholder="请输入" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="责任分包单位:" prop="responsibilityCompany">
|
||||||
|
<el-input v-model="formData.responsibilityCompany" placeholder="请输入" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
<div class="basic-info">
|
||||||
|
<div class="content-title">危大工程资料</div>
|
||||||
|
<el-row :gutter="120">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="安全技术交底:" prop="devName">
|
||||||
|
<div class="switch-box">
|
||||||
|
<el-switch v-model="formData.technicalDisclosureType" :active-value="2" :inactive-value="1" />
|
||||||
|
<span>未完成</span>
|
||||||
|
<el-button type="primary">点击上传</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="安全专项施工方案及附件:" prop="devNumber">
|
||||||
|
<div class="switch-box">
|
||||||
|
<el-switch v-model="formData.securityConstructionSchemeType" :active-value="2" :inactive-value="1" />
|
||||||
|
<span>未完成</span>
|
||||||
|
<el-button type="primary">点击上传</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="120">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="专项施工方案交底:" prop="devName">
|
||||||
|
<div class="switch-box">
|
||||||
|
<el-switch v-model="formData.specialConstructionSchemeType" :active-value="2" :inactive-value="1" />
|
||||||
|
<span>未完成</span>
|
||||||
|
<el-button type="primary">点击上传</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<el-button class="cancelButtonStyle" @click="visible1 = false">取消</el-button>
|
||||||
|
<el-button type="primary" @click="confirm(formRef)"> 保存 </el-button>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { onMounted, ref, watch } from "vue";
|
||||||
|
import type { FormInstance, UploadProps } from "element-plus";
|
||||||
|
import { ElMessage } from "element-plus";
|
||||||
|
import { submitMonthlyReport, engineerMainDetails } from "@/api/modules/project";
|
||||||
|
import { getDicList } from "@/api/modules/jxjview";
|
||||||
|
const props = defineProps({
|
||||||
|
addVisible: Boolean,
|
||||||
|
searchSn: String,
|
||||||
|
activeValue: String,
|
||||||
|
relativeId: String
|
||||||
|
});
|
||||||
|
const emits = defineEmits(["update:addVisible", "confirm"]);
|
||||||
|
const typeList = ref([]);
|
||||||
|
const rules = ref({
|
||||||
|
engineeringName: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "blur"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
type: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "change"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
typeDescribe: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "blur"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
});
|
||||||
|
const formRef = ref<FormInstance>();
|
||||||
|
const fileList = ref([]);
|
||||||
|
const formData = ref<any>({
|
||||||
|
technicalDisclosureFile: "",
|
||||||
|
securityConstructionSchemeFile: "",
|
||||||
|
specialConstructionSchemeFile: ""
|
||||||
|
});
|
||||||
|
const visible1 = ref(false);
|
||||||
|
const getTypeDicMainList = async () => {
|
||||||
|
// 获取起重机械设备类型字典
|
||||||
|
const { result } = await getDicList({ dictType: "dangerous_engineer_type" });
|
||||||
|
if (result.length > 0) {
|
||||||
|
let arr: any = [];
|
||||||
|
result.map(item => {
|
||||||
|
arr.push({
|
||||||
|
label: item.dictValue,
|
||||||
|
value: item.dictLabel
|
||||||
|
});
|
||||||
|
});
|
||||||
|
typeList.value.length = 0;
|
||||||
|
typeList.value.push(...arr);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// 确定按钮触发
|
||||||
|
const confirm = async (formEl: FormInstance | undefined) => {
|
||||||
|
if (!formEl) return;
|
||||||
|
await formEl.validate((valid, fields) => {
|
||||||
|
if (valid) {
|
||||||
|
} else {
|
||||||
|
console.log("error submit!", fields);
|
||||||
|
ElMessage({
|
||||||
|
showClose: true,
|
||||||
|
message: "请完善表单信息！",
|
||||||
|
type: "error"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
// 关闭两个对话框
|
||||||
|
const closeMain = () => {
|
||||||
|
visible1.value = false;
|
||||||
|
emits("update:addVisible", false);
|
||||||
|
};
|
||||||
|
watch(
|
||||||
|
() => props.addVisible,
|
||||||
|
n => {
|
||||||
|
if (n) {
|
||||||
|
if (n) {
|
||||||
|
getTypeDicMainList();
|
||||||
|
fileList.value = [];
|
||||||
|
formData.value = {};
|
||||||
|
}
|
||||||
|
visible1.value = n;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
watch(
|
||||||
|
() => visible1,
|
||||||
|
n => {
|
||||||
|
emits("update:addVisible", n);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
onMounted(() => {});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@mixin flex {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
@mixin title {
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
border-left: 2px solid #008bff;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
.overview {
|
||||||
|
:deep() {
|
||||||
|
.el-dialog__body {
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title-detail {
|
||||||
|
@include flex;
|
||||||
|
border-left: 3px solid #0f81ff;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
> span {
|
||||||
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
margin-left: 12px;
|
||||||
|
margin-right: auto;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
:deep(.el-icon) {
|
||||||
|
cursor: pointer;
|
||||||
|
color: #a8abb2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.basic-form {
|
||||||
|
margin-bottom: 42px;
|
||||||
|
.basic-info {
|
||||||
|
.content-title {
|
||||||
|
@include title;
|
||||||
|
margin-bottom: 35px;
|
||||||
|
}
|
||||||
|
.switch-box {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
> span {
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: 9px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,590 @@
|
|||||||
|
<template>
|
||||||
|
<div class="overview">
|
||||||
|
<el-dialog :show-close="false" v-model="visible1" width="1305px" @close="closeMain">
|
||||||
|
<template #title>
|
||||||
|
<div class="title-detail">
|
||||||
|
<span>月报详情</span>
|
||||||
|
<el-icon>
|
||||||
|
<close @click="closeMain" />
|
||||||
|
</el-icon>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div class="report-content" id="monthlyReport">
|
||||||
|
<div class="title">{{ engineerData.engineeringName }}</div>
|
||||||
|
<div class="title">建设监理工作月报</div>
|
||||||
|
<div class="sub-title">
|
||||||
|
<span>第</span>
|
||||||
|
<span>{{ formData.stage }}</span>
|
||||||
|
<span>期</span>
|
||||||
|
</div>
|
||||||
|
<div class="sub-title">{{ engineerData.supervisorEnt }}</div>
|
||||||
|
<div class="title">《监理月报》签认表</div>
|
||||||
|
<div class="engineer-name">工程名称：{{ engineerData.engineeringName }}</div>
|
||||||
|
<div class="report-content-part1">
|
||||||
|
<div>致： 监理工程师</div>
|
||||||
|
<div>
|
||||||
|
按照《建设工程监理规范》和公司的有关规定， 年 月 完成了天地一号御花园工程 月份《监理月报》第
|
||||||
|
编写工作，请予以审查签认。
|
||||||
|
</div>
|
||||||
|
<div>编制人员：</div>
|
||||||
|
<div>土建专业监理工程师：</div>
|
||||||
|
<div>水暖专业监理工程师：</div>
|
||||||
|
<div>电气专业监理工程师：</div>
|
||||||
|
<div>（签字）</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-part2">
|
||||||
|
<div>项目监理部总监理工程师签认意见：</div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.signOpinion }}</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span>总监理工程师：</span>
|
||||||
|
<span>年</span>
|
||||||
|
<span>月</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-part3">
|
||||||
|
<div>
|
||||||
|
<div>工程名称</div>
|
||||||
|
<div>{{ engineerData.engineeringName }}</div>
|
||||||
|
<div>设计单位</div>
|
||||||
|
<div>{{ engineerData.designEnt }}</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div>建设单位</div>
|
||||||
|
<div>{{ engineerData.buildEnt }}</div>
|
||||||
|
<div>施工单位</div>
|
||||||
|
<div>{{ engineerData.opEnt }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-part4">
|
||||||
|
<div><span>形象进度完成情况</span></div>
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<div><span>实际完成</span></div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.actualCompletion }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div>原因分析</div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.reasonAnalysis }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-part5">
|
||||||
|
<div><span>工程签证情况</span></div>
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<div><span>专题报告例会纪要</span></div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.meetingSummary }}</span>
|
||||||
|
</div>
|
||||||
|
<div><span>内容简要</span></div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.meetingContentBriefly }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div><span>工程质量签证</span></div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.engineeringQualityVisa }}</span>
|
||||||
|
</div>
|
||||||
|
<div><span>内容简要</span></div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.engineeringContentBriefly }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div><span>向施工单位发出的通知、指示、指令</span></div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.instructions }}</span>
|
||||||
|
</div>
|
||||||
|
<div><span>内容简要</span></div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.instructionsContentBriefly }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div><span>施工单位提出的各种报告</span></div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.presentation }}</span>
|
||||||
|
</div>
|
||||||
|
<div><span>内容简要</span></div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.presentationContentBriefly }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div><span>工程付款签证</span></div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.projectPaymentVisa }}</span>
|
||||||
|
</div>
|
||||||
|
<div><span>内容简要</span></div>
|
||||||
|
<div>
|
||||||
|
<span>{{ formData.projectPaymentContentBriefly }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-step">
|
||||||
|
<div class="step-title">一、工程进度</div>
|
||||||
|
<div class="step-sub-title">本月完成情况：</div>
|
||||||
|
<div class="step-input">
|
||||||
|
<span>{{ formData.thisMonthCompletion }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="step-sub-title">下月计划完成：</div>
|
||||||
|
<div class="step-input">
|
||||||
|
<span>{{ formData.nextMonthPlan }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-step">
|
||||||
|
<div class="step-title">二、工程质量</div>
|
||||||
|
<div class="step-input" style="margin-top: 11px">
|
||||||
|
<span>{{ formData.constructionQuality }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-step">
|
||||||
|
<div class="step-title">三、安全、环保、文明生产</div>
|
||||||
|
<div class="step-input" style="margin-top: 11px">
|
||||||
|
<span>{{ formData.civilizationContent }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-step">
|
||||||
|
<div class="step-title">四、费用支付</div>
|
||||||
|
<div class="step-input" style="margin-top: 11px">
|
||||||
|
<span>{{ formData.costContent }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-step">
|
||||||
|
<div class="step-title">五、合同管理</div>
|
||||||
|
<div class="step-input" style="margin-top: 11px">
|
||||||
|
<span>{{ formData.contractManagement }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-step">
|
||||||
|
<div class="step-title">六、存在的问题</div>
|
||||||
|
<div class="step-input" style="margin-top: 11px">
|
||||||
|
<span>{{ formData.existingProblems }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-step">
|
||||||
|
<div class="step-title">七、监理工作小结</div>
|
||||||
|
<div class="step-input" style="margin-top: 11px">
|
||||||
|
<span>{{ formData.workSummary }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-step">
|
||||||
|
<div class="step-title">八、下月工作计划</div>
|
||||||
|
<div class="step-input" style="margin-top: 11px">
|
||||||
|
<span>{{ formData.nextMonthWorkPlan }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-step">
|
||||||
|
<div class="step-title">九、本月大事记</div>
|
||||||
|
<div class="step-input" style="margin-top: 11px">
|
||||||
|
<span>{{ formData.thisMonthEventsRecord }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="report-content-img">
|
||||||
|
<div class="step-title">十、工程照片</div>
|
||||||
|
<div class="img-list">
|
||||||
|
<img :src="item" alt="" srcset="" v-for="(item, index) in fileList" :key="index" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<template #footer>
|
||||||
|
<div>
|
||||||
|
<el-button type="primary" @click="visible1 = false">关闭</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { onMounted, ref, watch, reactive } from "vue";
|
||||||
|
import { monthlyReportDetails, engineerMainDetails } from "@/api/modules/project";
|
||||||
|
import printJS from "print-js";
|
||||||
|
const fileList = ref([]);
|
||||||
|
const baseUrl = import.meta.env.VITE_API_URL;
|
||||||
|
const props = defineProps({
|
||||||
|
detailVisible: Boolean,
|
||||||
|
searchSn: String,
|
||||||
|
activeValue: String,
|
||||||
|
relativeId: String,
|
||||||
|
searchId: String
|
||||||
|
});
|
||||||
|
const emits = defineEmits(["update:detailVisible"]);
|
||||||
|
const engineerData = ref<any>({});
|
||||||
|
const formData = ref<any>({
|
||||||
|
stage: "",
|
||||||
|
signOpinion: "",
|
||||||
|
actualCompletion: "",
|
||||||
|
reasonAnalysis: "",
|
||||||
|
meetingSummary: "",
|
||||||
|
meetingContentBriefly: "",
|
||||||
|
engineeringQualityVisa: "",
|
||||||
|
engineeringContentBriefly: "",
|
||||||
|
instructions: "",
|
||||||
|
instructionsContentBriefly: "",
|
||||||
|
presentation: "",
|
||||||
|
presentationContentBriefly: "",
|
||||||
|
projectPaymentVisa: "",
|
||||||
|
projectPaymentContentBriefly: "",
|
||||||
|
thisMonthCompletion: "",
|
||||||
|
nextMonthPlan: "",
|
||||||
|
constructionQuality: "",
|
||||||
|
civilizationContent: "",
|
||||||
|
costContent: "",
|
||||||
|
contractManagement: "",
|
||||||
|
existingProblems: "",
|
||||||
|
workSummary: "",
|
||||||
|
nextMonthWorkPlan: "",
|
||||||
|
thisMonthEventsRecord: ""
|
||||||
|
});
|
||||||
|
const visible1 = ref(false);
|
||||||
|
// 获取详情数据
|
||||||
|
const getDetails = async () => {
|
||||||
|
const res = await monthlyReportDetails({ id: props.relativeId });
|
||||||
|
console.log(res);
|
||||||
|
if (res && res.result) {
|
||||||
|
formData.value = { ...res.result };
|
||||||
|
if (formData.value.imageFiles) {
|
||||||
|
fileList.value = formData.value.imageFiles.split(",");
|
||||||
|
console.log(fileList.value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const res2 = await engineerMainDetails({ id: props.searchId });
|
||||||
|
console.log(res);
|
||||||
|
if (res2 && res2.result) {
|
||||||
|
engineerData.value = { ...res2.result };
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// 关闭两个对话框
|
||||||
|
const closeMain = () => {
|
||||||
|
visible1.value = false;
|
||||||
|
emits("update:detailVisible", false);
|
||||||
|
};
|
||||||
|
watch(
|
||||||
|
() => props.detailVisible,
|
||||||
|
n => {
|
||||||
|
if (n) {
|
||||||
|
getDetails();
|
||||||
|
visible1.value = n;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
watch(
|
||||||
|
() => visible1,
|
||||||
|
n => {
|
||||||
|
emits("update:detailVisible", n);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
onMounted(() => {});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
@mixin flex {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
@mixin title {
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
border-left: 2px solid #008bff;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
.overview {
|
||||||
|
:deep() {
|
||||||
|
.el-dialog__body {
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title-detail {
|
||||||
|
@include flex;
|
||||||
|
border-left: 3px solid #0f81ff;
|
||||||
|
> span {
|
||||||
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
margin-left: 12px;
|
||||||
|
margin-right: auto;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
:deep(.el-icon) {
|
||||||
|
cursor: pointer;
|
||||||
|
color: #a8abb2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.report-content {
|
||||||
|
.title {
|
||||||
|
font-size: 23px;
|
||||||
|
font-family: PingFang SC-Semibold, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333333;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.sub-title {
|
||||||
|
@include flex;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: PingFang SC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.sub-title:nth-child(3) {
|
||||||
|
margin-top: 9px;
|
||||||
|
}
|
||||||
|
.sub-title:nth-child(4) {
|
||||||
|
margin-top: 18px;
|
||||||
|
}
|
||||||
|
.title:nth-child(5) {
|
||||||
|
margin-top: 25px;
|
||||||
|
}
|
||||||
|
.engineer-name {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: PingFang SC-Semibold, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333333;
|
||||||
|
margin-top: 11px;
|
||||||
|
}
|
||||||
|
&-part1 {
|
||||||
|
padding: 16px 9px;
|
||||||
|
border: 1px solid #dedede;
|
||||||
|
margin-top: 11px;
|
||||||
|
div {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: PingFang SC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
div:last-child {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
div:not(:last-child) {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
div:nth-child(6) {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-part2 {
|
||||||
|
padding: 16px 9px;
|
||||||
|
border: 1px solid #dedede;
|
||||||
|
border-top: 0;
|
||||||
|
div:nth-child(1) {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: PingFang SC-Semibold, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333333;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
}
|
||||||
|
div:nth-child(3) {
|
||||||
|
@include flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
span {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
span:first-child {
|
||||||
|
margin-right: 120px;
|
||||||
|
}
|
||||||
|
span:nth-child(2) {
|
||||||
|
margin-right: 60px;
|
||||||
|
}
|
||||||
|
span:last-child {
|
||||||
|
margin-right: 107px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-part3 {
|
||||||
|
border: 1px solid #dedede;
|
||||||
|
border-top: 0;
|
||||||
|
> div {
|
||||||
|
@include flex;
|
||||||
|
height: 50px;
|
||||||
|
> div {
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
> div:nth-child(2n-1) {
|
||||||
|
width: 15%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
> div:nth-child(2n) {
|
||||||
|
width: 35%;
|
||||||
|
text-indent: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
> div:nth-child(1) {
|
||||||
|
> div:not(:last-child) {
|
||||||
|
border-right: 1px solid #dedede;
|
||||||
|
border-bottom: 1px solid #dedede;
|
||||||
|
}
|
||||||
|
> div:nth-child(4) {
|
||||||
|
border-bottom: 1px solid #dedede;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
> div:nth-child(2) {
|
||||||
|
> div:not(:last-child) {
|
||||||
|
border-right: 1px solid #dedede;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-part4 {
|
||||||
|
@include flex;
|
||||||
|
border: 1px solid #dedede;
|
||||||
|
border-top: 0;
|
||||||
|
height: 200px;
|
||||||
|
> div:nth-child(1) {
|
||||||
|
@include flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 3%;
|
||||||
|
height: 200px;
|
||||||
|
border-right: 1px solid #dedede;
|
||||||
|
> span {
|
||||||
|
display: inline-block;
|
||||||
|
writing-mode: vertical-lr;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
> div:nth-child(2) {
|
||||||
|
width: 97%;
|
||||||
|
> div {
|
||||||
|
height: 100px;
|
||||||
|
@include flex;
|
||||||
|
> div:nth-child(1) {
|
||||||
|
@include flex;
|
||||||
|
justify-content: center;
|
||||||
|
width: calc(12% + 3px);
|
||||||
|
height: 100%;
|
||||||
|
border-right: 1px solid #dedede;
|
||||||
|
border-bottom: 1px solid #dedede;
|
||||||
|
}
|
||||||
|
> div:nth-child(2) {
|
||||||
|
@include flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex: 1;
|
||||||
|
height: 100%;
|
||||||
|
border-bottom: 1px solid #dedede;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-part5 {
|
||||||
|
@include flex;
|
||||||
|
border: 1px solid #dedede;
|
||||||
|
border-top: 0;
|
||||||
|
height: 500px;
|
||||||
|
> div:nth-child(1) {
|
||||||
|
@include flex;
|
||||||
|
justify-content: center;
|
||||||
|
width: 3%;
|
||||||
|
height: 100%;
|
||||||
|
border-right: 1px solid #dedede;
|
||||||
|
> span {
|
||||||
|
display: inline-block;
|
||||||
|
writing-mode: vertical-lr;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
> div:nth-child(2) {
|
||||||
|
width: 97%;
|
||||||
|
height: 100%;
|
||||||
|
> div {
|
||||||
|
height: 100px;
|
||||||
|
@include flex;
|
||||||
|
> div:nth-child(2n-1) {
|
||||||
|
@include flex;
|
||||||
|
justify-content: center;
|
||||||
|
width: calc(12% + 3px);
|
||||||
|
height: 100%;
|
||||||
|
border-right: 1px solid #dedede;
|
||||||
|
border-bottom: 1px solid #dedede;
|
||||||
|
> span {
|
||||||
|
display: inline-block;
|
||||||
|
width: 92%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
> div:nth-child(2n) {
|
||||||
|
@include flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex: 1;
|
||||||
|
height: 100%;
|
||||||
|
border-bottom: 1px solid #dedede;
|
||||||
|
}
|
||||||
|
> div:nth-child(3) {
|
||||||
|
border-left: 1px solid #dedede;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-step {
|
||||||
|
border: 1px solid #dedede;
|
||||||
|
border-top: 0;
|
||||||
|
padding: 14px 23px;
|
||||||
|
.step-title {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: PingFang SC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
.step-sub-title {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: PingFang SC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #000000;
|
||||||
|
margin-top: 17px;
|
||||||
|
margin-bottom: 9px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-img {
|
||||||
|
border: 1px solid #dedede;
|
||||||
|
border-top: 0;
|
||||||
|
padding: 14px 23px;
|
||||||
|
.step-title {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: PingFang SC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #000000;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
.img-list {
|
||||||
|
@include flex;
|
||||||
|
img {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.face-img {
|
||||||
|
:deep(.face-uploader .el-upload) {
|
||||||
|
border: 2px dashed #d9d9d9 !important;
|
||||||
|
cursor: pointer !important;
|
||||||
|
position: relative !important;
|
||||||
|
overflow: hidden !important;
|
||||||
|
}
|
||||||
|
.face-uploader .el-upload:hover {
|
||||||
|
border-color: #409eff !important;
|
||||||
|
}
|
||||||
|
:deep(.el-icon) {
|
||||||
|
font-size: 42px;
|
||||||
|
color: #8c939d;
|
||||||
|
width: 96px;
|
||||||
|
height: 96px;
|
||||||
|
line-height: 53px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
50
src/views/project/dangerousEngineering/index.scss
Normal file
50
src/views/project/dangerousEngineering/index.scss
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
.type-select {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(6, 1fr);
|
||||||
|
grid-gap: 20px;
|
||||||
|
// display: flex;
|
||||||
|
// justify-content: space-between;
|
||||||
|
// align-content: flex-start;
|
||||||
|
// flex-wrap: wrap;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
.sta-item {
|
||||||
|
background-color: rgba(255, 255, 255, 0.9);
|
||||||
|
border-radius: 8px 8px 8px 8px;
|
||||||
|
padding: 24px 0;
|
||||||
|
&-content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
> img {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
margin-bottom: 17px;
|
||||||
|
}
|
||||||
|
> span:nth-child(2) {
|
||||||
|
font-size: 36px;
|
||||||
|
font-family: OPPOSans-Heavy, OPPOSans;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #2e3038;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
> span:nth-child(3) {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #6b7275;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.table-box {
|
||||||
|
height: calc(100% - 205px);
|
||||||
|
:deep() {
|
||||||
|
.table {
|
||||||
|
height: 100%;
|
||||||
|
.table-main {
|
||||||
|
height: calc(100% - 82px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
261
src/views/project/dangerousEngineering/index.vue
Normal file
261
src/views/project/dangerousEngineering/index.vue
Normal file
@ -0,0 +1,261 @@
|
|||||||
|
<template>
|
||||||
|
<div class="type-select">
|
||||||
|
<div class="sta-item" v-for="(item, index) in statisticsOption" :key="index">
|
||||||
|
<div class="sta-item-content">
|
||||||
|
<img :src="item.img" alt="" />
|
||||||
|
<span>{{ item.value }}</span>
|
||||||
|
<span>{{ item.name }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-box">
|
||||||
|
<div class="table">
|
||||||
|
<ProTable
|
||||||
|
ref="proTable"
|
||||||
|
title="危大工程台账管理"
|
||||||
|
:columns="columns"
|
||||||
|
:request-api="getTableList"
|
||||||
|
:dataCallback="dataCallback"
|
||||||
|
:tableRowClassName="tableRowClassName"
|
||||||
|
:tool-button="false"
|
||||||
|
:pagination="true"
|
||||||
|
background
|
||||||
|
:isShowSearch="false"
|
||||||
|
:onReset="true"
|
||||||
|
@row-click="rowClick"
|
||||||
|
>
|
||||||
|
<template #formButton="scope">
|
||||||
|
<el-button class="addButtonStyle" @click="handleAddItem">新增</el-button>
|
||||||
|
</template>
|
||||||
|
<template #operation="{ row }">
|
||||||
|
<el-button type="danger" style="margin-right: 5px" link :icon="Delete" @click="deleteItem(row)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</ProTable>
|
||||||
|
</div>
|
||||||
|
<!-- 新增危大工程 -->
|
||||||
|
<engineerAdd
|
||||||
|
v-model:addVisible="addVisible"
|
||||||
|
:searchSn="searchSn"
|
||||||
|
:activeValue="activeValue"
|
||||||
|
@confirm="confirmAdd"
|
||||||
|
></engineerAdd>
|
||||||
|
|
||||||
|
<!-- 侧边栏选择 -->
|
||||||
|
<engineeringEngDrawer v-model="engVisable" :active="activeValue" ref="engDrawer" :engList="engList" @select="tabsSelect">
|
||||||
|
<template #default="{ data }">
|
||||||
|
<span style="margin-left: 10px" @click="onUpdate(data)">{{
|
||||||
|
activeValue == "eng" ? data.engineeringName : data.projectName
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</engineeringEngDrawer>
|
||||||
|
<allEngineering @click="engVisable = true" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="tsx" name="ProjectSupervisionRecord">
|
||||||
|
import { ref, onMounted } from "vue";
|
||||||
|
import { ElMessage } from "element-plus";
|
||||||
|
import { ColumnProps } from "@/components/ProTable/interface";
|
||||||
|
import ProTable from "@/components/ProTable/index.vue";
|
||||||
|
import { User } from "@/api/interface";
|
||||||
|
import { getDicList } from "@/api/modules/jxjview";
|
||||||
|
import { Delete } from "@element-plus/icons-vue";
|
||||||
|
import { jxj_User } from "@/api/types";
|
||||||
|
import { useHandleData } from "@/hooks/useHandleData";
|
||||||
|
import engineerAdd from "./components/engineerAdd.vue";
|
||||||
|
import { getRelevanceList } from "@/api/modules/common";
|
||||||
|
import engineeringEngDrawer from "@/components/engineeringEngDrawer/index.vue";
|
||||||
|
import allEngineering from "@/components/allEngineering/index.vue";
|
||||||
|
import { monthlyReportPage, updateMonthlyReport, dangerousEngineerPage, getEngineeringName } from "@/api/modules/project";
|
||||||
|
const activeValue = ref("eng");
|
||||||
|
const engList = ref([]);
|
||||||
|
const engVisable = ref(false);
|
||||||
|
const searchSn = ref("");
|
||||||
|
const addVisible = ref(false);
|
||||||
|
const relativeId = ref("");
|
||||||
|
const statisticsOption = ref([
|
||||||
|
{
|
||||||
|
name: "在施危大工程",
|
||||||
|
value: 0,
|
||||||
|
img: new URL("@/assets/images/dangerousEngineeringImg/在施危大工程.png", import.meta.url).href,
|
||||||
|
prop: "inServiceWorker"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "危大工程施工部位",
|
||||||
|
value: 1,
|
||||||
|
img: new URL("@/assets/images/dangerousEngineeringImg/危大工程施工部位.png", import.meta.url).href,
|
||||||
|
prop: "workerAttendanceNum"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "本月检查总数",
|
||||||
|
value: 6,
|
||||||
|
img: new URL("@/assets/images/dangerousEngineeringImg/本月检查总数.png", import.meta.url).href,
|
||||||
|
prop: "ratio"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "本月危大工程导致隐患数量",
|
||||||
|
value: 4,
|
||||||
|
img: new URL("@/assets/images/dangerousEngineeringImg/本月危大工程导致隐患数量.png", import.meta.url).href,
|
||||||
|
prop: "workerAttendanceTotal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "本月危大工程排查覆盖率",
|
||||||
|
value: 5,
|
||||||
|
img: new URL("@/assets/images/dangerousEngineeringImg/本月危大工程排查覆盖率.png", import.meta.url).href,
|
||||||
|
prop: "workerAttendanceTotal"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "下月计划施工的危大工程",
|
||||||
|
value: 7,
|
||||||
|
img: new URL("@/assets/images/dangerousEngineeringImg/下月计划施工的危大工程.png", import.meta.url).href,
|
||||||
|
prop: "workerAttendanceTotal"
|
||||||
|
}
|
||||||
|
]);
|
||||||
|
const operateDialog = ref(false);
|
||||||
|
const hoistEquipType = ref([]);
|
||||||
|
// 获取 ProTable 元素，调用其获取刷新数据方法（还能获取到当前查询参数，方便导出携带参数）
|
||||||
|
const proTable = ref();
|
||||||
|
|
||||||
|
// 表格配置项
|
||||||
|
const columns: ColumnProps[] = [
|
||||||
|
{ type: "index", label: "序号", width: 80 },
|
||||||
|
{
|
||||||
|
prop: "type",
|
||||||
|
label: "类别",
|
||||||
|
search: { el: "input" }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "model",
|
||||||
|
label: "危大工程"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "constructionLocation",
|
||||||
|
label: "施工部位"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "constructionPlanTime",
|
||||||
|
label: "施工计划"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "personLiable",
|
||||||
|
label: "责任人"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "responsibilityCompany",
|
||||||
|
label: "分包单位"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: "equipmentType",
|
||||||
|
label: "施工进度"
|
||||||
|
},
|
||||||
|
{ prop: "operation", label: "操作", fixed: "right", width: 260 }
|
||||||
|
];
|
||||||
|
// 新增完成
|
||||||
|
const confirmAdd = () => {
|
||||||
|
proTable.value.getTableList();
|
||||||
|
};
|
||||||
|
// 新增
|
||||||
|
const handleAddItem = () => {
|
||||||
|
addVisible.value = true;
|
||||||
|
};
|
||||||
|
// 删除大项
|
||||||
|
const deleteItem = async (params: jxj_User.ResUserList) => {
|
||||||
|
// await useHandleData(bigStoreDelete, { id: params.id }, `删除【${params.name}】`);
|
||||||
|
};
|
||||||
|
// 点击行查看详情
|
||||||
|
const rowClick = (row: any, column: ColumnProps) => {
|
||||||
|
console.log("row", row, "column", column);
|
||||||
|
};
|
||||||
|
const getDicMainList = async () => {
|
||||||
|
// 获取学历字典
|
||||||
|
const { result } = await getDicList({ dictType: "hoist_equip_type" });
|
||||||
|
if (result.length > 0) {
|
||||||
|
let arr: any = [];
|
||||||
|
result.map(item => {
|
||||||
|
arr.push({
|
||||||
|
label: item.dictValue,
|
||||||
|
value: item.dictLabel
|
||||||
|
});
|
||||||
|
});
|
||||||
|
hoistEquipType.value.length = 0;
|
||||||
|
hoistEquipType.value.push(...arr);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// 处理不同状态行不同颜色
|
||||||
|
const tableRowClassName = ({ rowIndex }: { row: User.ResUserList; rowIndex: number }) => {
|
||||||
|
console.log(rowIndex);
|
||||||
|
if (rowIndex === 0) return "warning-row";
|
||||||
|
if (rowIndex === 6) return "success-row";
|
||||||
|
return "";
|
||||||
|
};
|
||||||
|
// dataCallback 是对于返回的表格数据做处理，如果你后台返回的数据不是 list && total && pageNum && pageSize 这些字段，那么你可以在这里进行处理成这些字段
|
||||||
|
// 或者直接去 hooks/useTable.ts 文件中把字段改为你后端对应的就行
|
||||||
|
const dataCallback = (data: any) => {
|
||||||
|
// console.log(data);
|
||||||
|
return {
|
||||||
|
list: data.records,
|
||||||
|
total: Number(data.total),
|
||||||
|
pageNo: Number(data.current),
|
||||||
|
pageSize: Number(data.size)
|
||||||
|
};
|
||||||
|
};
|
||||||
|
// 如果你想在请求之前对当前请求参数做一些操作，可以自定义如下函数：params 为当前所有的请求参数（包括分页），最后返回请求列表接口
|
||||||
|
// 默认不做操作就直接在 ProTable 组件上绑定 :requestApi="getUserList"
|
||||||
|
const getTableList = (params: any) => {
|
||||||
|
let newParams = JSON.parse(JSON.stringify(params));
|
||||||
|
if (newParams.timeLimit) {
|
||||||
|
newParams.createTime_begin = newParams.timeLimit[0];
|
||||||
|
newParams.createTime_end = newParams.timeLimit[1];
|
||||||
|
delete newParams.timeLimit;
|
||||||
|
}
|
||||||
|
return dangerousEngineerPage(newParams);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 抽屉tab选择时
|
||||||
|
const tabsSelect = val => {
|
||||||
|
activeValue.value = val;
|
||||||
|
if (val == "eng") {
|
||||||
|
getengineering();
|
||||||
|
} else if (val == "project") {
|
||||||
|
getProject();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
// 获取项目信息
|
||||||
|
const getProject = async () => {
|
||||||
|
const res = await getEngineeringName();
|
||||||
|
engList.value = [res.result];
|
||||||
|
if (res.result) {
|
||||||
|
searchSn.value = res.result.projectSn;
|
||||||
|
}
|
||||||
|
proTable.value.getTableList();
|
||||||
|
console.log(res);
|
||||||
|
};
|
||||||
|
const getengineering = async () => {
|
||||||
|
// let newParams = JSON.parse(JSON.stringify(params));
|
||||||
|
const res = await getRelevanceList();
|
||||||
|
engList.value = res.result;
|
||||||
|
if (res.result && res.result.length > 0) {
|
||||||
|
searchSn.value = res.result[0].engineeringSn;
|
||||||
|
}
|
||||||
|
proTable.value.getTableList();
|
||||||
|
console.log(res);
|
||||||
|
};
|
||||||
|
// 点击抽屉的工程名称更新页面
|
||||||
|
const onUpdate = async row => {
|
||||||
|
if (activeValue.value == "eng") {
|
||||||
|
searchSn.value = row.engineeringSn;
|
||||||
|
} else if (activeValue.value == "project") {
|
||||||
|
searchSn.value = row.projectSn;
|
||||||
|
}
|
||||||
|
proTable.value.getTableList();
|
||||||
|
ElMessage.success("页面已更新");
|
||||||
|
};
|
||||||
|
onMounted(() => {});
|
||||||
|
onMounted(async () => {
|
||||||
|
await getDicMainList();
|
||||||
|
await getengineering();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
@import "./index.scss";
|
||||||
|
</style>
|
||||||
@ -18,7 +18,9 @@
|
|||||||
<span class="row-span"
|
<span class="row-span"
|
||||||
>检查情况：
|
>检查情况：
|
||||||
<span>{{
|
<span>{{
|
||||||
basicData?.state == 1
|
basicData?.state == 0
|
||||||
|
? "待检查"
|
||||||
|
: basicData?.state == 1
|
||||||
? "执法中"
|
? "执法中"
|
||||||
: basicData?.state == 2
|
: basicData?.state == 2
|
||||||
? "待整改"
|
? "待整改"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user