fix: BUG修改
This commit is contained in:
parent
230ac446e2
commit
988a39e157
@ -377,7 +377,7 @@
|
|||||||
// border-bottom: 1px solid var(--el-border-color-lighter);
|
// border-bottom: 1px solid var(--el-border-color-lighter);
|
||||||
.el-dialog__title {
|
.el-dialog__title {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
color: white;
|
color: var(--el-menu-text-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.el-dialog__footer {
|
.el-dialog__footer {
|
||||||
@ -500,6 +500,7 @@
|
|||||||
width: 18px !important;
|
width: 18px !important;
|
||||||
height: 18px !important;
|
height: 18px !important;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
border: 1px solid var(--el-color-primary);
|
||||||
}
|
}
|
||||||
.el-radio__input.is-checked .el-radio__inner {
|
.el-radio__input.is-checked .el-radio__inner {
|
||||||
width: 18px !important;
|
width: 18px !important;
|
||||||
|
|||||||
@ -579,13 +579,53 @@ watch(
|
|||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.leftMenu {
|
.leftMenu {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
|
background-color: #092945;
|
||||||
// width: 290px;
|
// width: 290px;
|
||||||
// 页面的项目工程
|
// 页面的项目工程
|
||||||
:deep(.item) {
|
:deep() {
|
||||||
height: 78px !important;
|
.item {
|
||||||
}
|
height: 78px !important;
|
||||||
:deep(.content) {
|
}
|
||||||
height: calc(100% - 160px) !important;
|
.content {
|
||||||
|
height: calc(100% - 160px) !important;
|
||||||
|
}
|
||||||
|
.tab {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.tab.active {
|
||||||
|
color: #0bc4f0;
|
||||||
|
}
|
||||||
|
.isActive {
|
||||||
|
background-color: #09314e;
|
||||||
|
}
|
||||||
|
.el-pager li {
|
||||||
|
background-color: transparent !important;
|
||||||
|
color: white !important;
|
||||||
|
font-size: 20px !important;
|
||||||
|
border: 1px solid #087ba4 !important;
|
||||||
|
height: 26px !important;
|
||||||
|
}
|
||||||
|
.el-pager li:active {
|
||||||
|
color: white !important;
|
||||||
|
font-size: 20px !important;
|
||||||
|
border: none !important;
|
||||||
|
height: 26px !important;
|
||||||
|
}
|
||||||
|
.el-pager li.is-active {
|
||||||
|
background-color: #087ba4 !important;
|
||||||
|
color: white !important;
|
||||||
|
font-size: 20px !important;
|
||||||
|
}
|
||||||
|
.btn-prev,
|
||||||
|
.btn-next,
|
||||||
|
.btn-prev:disabled,
|
||||||
|
.btn-next:disabled {
|
||||||
|
color: white !important;
|
||||||
|
font-size: 20px !important;
|
||||||
|
background-color: transparent !important;
|
||||||
|
border: 1px solid #087ba4 !important;
|
||||||
|
height: 26px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.leftProject {
|
.leftProject {
|
||||||
// padding: 5px 8px;
|
// padding: 5px 8px;
|
||||||
|
|||||||
@ -23,7 +23,7 @@
|
|||||||
// font-weight: 700;
|
// font-weight: 700;
|
||||||
font-family: "siyuan_Medium";
|
font-family: "siyuan_Medium";
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #ffffff;
|
color: var(--el-menu-text-color);
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
@ -35,7 +35,7 @@
|
|||||||
.middleSize {
|
.middleSize {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #c4c4c4;
|
color: var(--el-menu-text-color);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@ -20,10 +20,6 @@
|
|||||||
<img style="margin-right: 5px" src="@/assets/images/AIwaring/dustMap.png" alt="" />
|
<img style="margin-right: 5px" src="@/assets/images/AIwaring/dustMap.png" alt="" />
|
||||||
<span class="middleSize">{{ data.projectAddress || data.address }}</span>
|
<span class="middleSize">{{ data.projectAddress || data.address }}</span>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div>
|
|
||||||
<img src="@/assets/images/AIwaring/报警.png" alt="" />
|
|
||||||
<span class="middleSize">今日报警次数:{{ data.todayAlarm }}</span>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -24,7 +24,7 @@
|
|||||||
// font-weight: 700;
|
// font-weight: 700;
|
||||||
font-family: "siyuan_Medium";
|
font-family: "siyuan_Medium";
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #ffffff;
|
color: var(--el-menu-text-color);
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
@ -36,7 +36,7 @@
|
|||||||
.middleSize {
|
.middleSize {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #c4c4c4;
|
color: var(--el-menu-text-color);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@ -52,7 +52,7 @@
|
|||||||
style="margin-left: 20px"
|
style="margin-left: 20px"
|
||||||
:show-file-list="false"
|
:show-file-list="false"
|
||||||
>
|
>
|
||||||
<el-button type="primary">导入</el-button>
|
<el-button class="hzStyle" type="primary">导入</el-button>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</template>
|
</template>
|
||||||
<!-- 表格操作 -->
|
<!-- 表格操作 -->
|
||||||
|
|||||||
@ -24,7 +24,7 @@
|
|||||||
// font-weight: 700;
|
// font-weight: 700;
|
||||||
font-family: "siyuan_Medium";
|
font-family: "siyuan_Medium";
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #ffffff;
|
color: var(--el-menu-text-color);
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
@ -36,7 +36,7 @@
|
|||||||
.middleSize {
|
.middleSize {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #c4c4c4;
|
color: var(--el-menu-text-color);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@ -25,7 +25,7 @@
|
|||||||
// font-weight: 700;
|
// font-weight: 700;
|
||||||
font-family: "siyuan_Medium";
|
font-family: "siyuan_Medium";
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #ffffff;
|
color: var(--el-menu-text-color);
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
@ -34,14 +34,17 @@
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
.middleSize {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 18px;
|
||||||
|
color: var(--el-menu-text-color);
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
.video {
|
.video {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.middleSize {
|
|
||||||
font-size: 18px;
|
|
||||||
color: #c4c4c4;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
img {
|
img {
|
||||||
width: 14px;
|
width: 14px;
|
||||||
height: 14px;
|
height: 14px;
|
||||||
|
|||||||
@ -15,9 +15,11 @@
|
|||||||
(data as ResAiProjectPage).projectName || (data as ResAiEngineerPage).engineeringName
|
(data as ResAiProjectPage).projectName || (data as ResAiEngineerPage).engineeringName
|
||||||
}}</span>
|
}}</span>
|
||||||
<div class="leftMenu_item">
|
<div class="leftMenu_item">
|
||||||
<div class="video">
|
<div class="leftMenu_item flx-justify-between">
|
||||||
<img style="margin-right: 5px" src="@/assets/images/AIwaring/dustMap.png" alt="" />
|
<div style="margin-top: 5px" class="flx-justify-between">
|
||||||
<span class="middleSize">{{ data.projectAddress || data.address }}</span>
|
<img style="margin-right: 5px" src="@/assets/images/AIwaring/dustMap.png" alt="" />
|
||||||
|
<span class="middleSize">{{ data.projectAddress || data.address }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -24,7 +24,7 @@
|
|||||||
// font-weight: 700;
|
// font-weight: 700;
|
||||||
font-family: "siyuan_Medium";
|
font-family: "siyuan_Medium";
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #ffffff;
|
color: var(--el-menu-text-color);
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
@ -36,7 +36,7 @@
|
|||||||
.middleSize {
|
.middleSize {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #c4c4c4;
|
color: var(--el-menu-text-color);
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@ -24,7 +24,7 @@
|
|||||||
// font-weight: 700;
|
// font-weight: 700;
|
||||||
font-family: "siyuan_Medium";
|
font-family: "siyuan_Medium";
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #ffffff;
|
color: var(--el-menu-text-color);
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
@ -35,7 +35,7 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
.middleSize {
|
.middleSize {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #c4c4c4;
|
color: var(--el-menu-text-color);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|||||||
@ -286,95 +286,103 @@
|
|||||||
<el-button type="primary" @click="submitForm">提交</el-button>
|
<el-button type="primary" @click="submitForm">提交</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 工程/项目库 -->
|
</el-dialog>
|
||||||
<el-dialog v-model="projectVisible" custom-class="project-style" width="100%">
|
<!-- 工程/项目库 -->
|
||||||
<template #title>
|
<el-dialog v-model="projectVisible" custom-class="project-style" width="60%">
|
||||||
<div style="border-left: 2px solid #0f81ff; font-size: 20px; color: var(--el-menu-text-color)">
|
<template #title>
|
||||||
<span style="margin-left: 5px">选择工程/项目</span>
|
<div style="border-left: 2px solid #0f81ff; font-size: 20px; color: var(--el-menu-text-color)">
|
||||||
</div>
|
<span style="margin-left: 5px">选择工程/项目</span>
|
||||||
</template>
|
|
||||||
<div class="content-select">
|
|
||||||
<div class="left-menu">
|
|
||||||
<el-tree :data="projectData" style="margin-top: 10px" :highlight-current="true" node-key="id">
|
|
||||||
<template #default="{ node, data }">
|
|
||||||
<span class="custom-tree-node" @click.capture="selectProjectTree(data)">
|
|
||||||
<span>{{ data.label }}</span>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-tree>
|
|
||||||
</div>
|
|
||||||
<div class="right-menu">
|
|
||||||
<div class="table-select" v-if="projectTreeData.id">
|
|
||||||
<span style="margin: 0 10px 2px 0">工程/项目名称</span>
|
|
||||||
<el-input style="width: 200px" v-model="projectForm.name" placeholder="请输入" clearable />
|
|
||||||
<el-button type="primary" style="margin-left: 20px" @click="searchData">查询</el-button>
|
|
||||||
</div>
|
|
||||||
<div class="table" v-if="projectTreeData.id">
|
|
||||||
<el-table
|
|
||||||
style="width: 100%; height: 350px"
|
|
||||||
ref="multipleTable"
|
|
||||||
:data="projectTableData"
|
|
||||||
tooltip-effect="dark"
|
|
||||||
@row-click="projectRowClick"
|
|
||||||
>
|
|
||||||
<!-- <el-table-column type="selection" width="55"></el-table-column> -->
|
|
||||||
<el-table-column
|
|
||||||
prop="engineeringName"
|
|
||||||
align="center"
|
|
||||||
label="工程名称"
|
|
||||||
v-if="projectTreeData.id == 1"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="projectName"
|
|
||||||
align="center"
|
|
||||||
label="项目名称"
|
|
||||||
v-if="projectTreeData.id == 2"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column prop="roleName" label="用户名称"></el-table-column>
|
|
||||||
<el-table-column prop="userTel" label="手机号码"></el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <template #footer>
|
</template>
|
||||||
<span class="dialog-footer">
|
<div class="content-select">
|
||||||
<el-button @click="projectVisible = false">取 消</el-button>
|
<div class="left-menu">
|
||||||
<el-button type="primary" @click="projectVisible = false">确 认</el-button>
|
<el-tree :data="projectData" style="margin-top: 10px" :highlight-current="true" node-key="id">
|
||||||
</span>
|
<template #default="{ node, data }">
|
||||||
</template> -->
|
<span class="custom-tree-node" @click.capture="selectProjectTree(data)">
|
||||||
</el-dialog>
|
<span>{{ data.label }}</span>
|
||||||
<!-- 检查人员 -->
|
</span>
|
||||||
<el-dialog v-model="memberVisible" style="width: 500px" custom-class="project-style">
|
</template>
|
||||||
<template #title>
|
</el-tree>
|
||||||
<div style="border-left: 2px solid #0f81ff; font-size: 20px; color: #333333">
|
</div>
|
||||||
<span style="margin-left: 5px">添加检查人员</span>
|
<div class="right-menu">
|
||||||
|
<div class="table-select" v-if="projectTreeData.id">
|
||||||
|
<span style="margin: 0 10px 2px 0">工程/项目名称</span>
|
||||||
|
<el-input style="width: 200px" v-model="projectForm.name" placeholder="请输入" clearable />
|
||||||
|
<el-button type="primary" style="margin-left: 20px" @click="searchData">查询</el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
<div class="table" v-if="projectTreeData.id">
|
||||||
<div class="content-select">
|
|
||||||
<div class="member-menu">
|
|
||||||
<el-table
|
<el-table
|
||||||
|
style="width: 100%; height: 350px"
|
||||||
ref="multipleTable"
|
ref="multipleTable"
|
||||||
:data="membertableData"
|
:data="projectTableData"
|
||||||
row-key="userId"
|
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
@selection-change="handleSelectionChange"
|
@row-click="projectRowClick"
|
||||||
>
|
>
|
||||||
<el-table-column type="selection" :reserve-selection="true" width="55"></el-table-column>
|
<!-- <el-table-column type="selection" width="55"></el-table-column> -->
|
||||||
<el-table-column prop="realName" label="检查人员"></el-table-column>
|
<el-table-column
|
||||||
|
prop="engineeringName"
|
||||||
|
align="center"
|
||||||
|
label="工程名称"
|
||||||
|
v-if="projectTreeData.id == 1"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="projectName"
|
||||||
|
align="center"
|
||||||
|
label="项目名称"
|
||||||
|
v-if="projectTreeData.id == 2"
|
||||||
|
></el-table-column>
|
||||||
<el-table-column prop="roleName" label="用户名称"></el-table-column>
|
<el-table-column prop="roleName" label="用户名称"></el-table-column>
|
||||||
<el-table-column prop="userTel" label="手机号码"></el-table-column>
|
<el-table-column prop="userTel" label="手机号码"></el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<template #footer>
|
</div>
|
||||||
<span class="dialog-footer">
|
<!-- <template #footer>
|
||||||
<el-button @click="memberVisible = false">取 消</el-button>
|
<span class="dialog-footer">
|
||||||
<el-button type="primary" @click="confirmMemberSelected">确 认</el-button>
|
<el-button @click="projectVisible = false">取 消</el-button>
|
||||||
</span>
|
<el-button type="primary" @click="projectVisible = false">确 认</el-button>
|
||||||
</template>
|
</span>
|
||||||
</el-dialog>
|
</template> -->
|
||||||
|
</el-dialog>
|
||||||
|
<!-- 检查人员 -->
|
||||||
|
<el-dialog v-model="memberVisible" style="width: 700px" custom-class="project-style">
|
||||||
|
<template #title>
|
||||||
|
<div style="border-left: 2px solid #0f81ff; font-size: 20px; color: var(--el-menu-text-color)">
|
||||||
|
<span style="margin-left: 5px">添加检查人员</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div class="content-select">
|
||||||
|
<div class="member-menu">
|
||||||
|
<el-table
|
||||||
|
ref="multipleTable"
|
||||||
|
:data="membertableData"
|
||||||
|
height="400"
|
||||||
|
row-key="userId"
|
||||||
|
tooltip-effect="dark"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="selection" :reserve-selection="true" width="55"></el-table-column>
|
||||||
|
<el-table-column prop="realName" label="检查人员"></el-table-column>
|
||||||
|
<el-table-column prop="roleName" label="用户名称"></el-table-column>
|
||||||
|
<el-table-column prop="userTel" label="手机号码"></el-table-column>
|
||||||
|
<template #empty>
|
||||||
|
<div class="table-empty">
|
||||||
|
<slot name="empty">
|
||||||
|
<img src="@/assets/images/notData.png" alt="notData" />
|
||||||
|
<div>暂无数据</div>
|
||||||
|
</slot>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<template #footer>
|
||||||
|
<span class="dialog-footer">
|
||||||
|
<el-button class="hzCancelStyle" @click="memberVisible = false">取 消</el-button>
|
||||||
|
<el-button class="hzStyle" type="primary" @click="confirmMemberSelected">确 认</el-button>
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<!-- 隐患库 -->
|
<!-- 隐患库 -->
|
||||||
<el-dialog v-model="storeVisible" style="width: 800px" custom-class="store-style">
|
<el-dialog v-model="storeVisible" style="width: 800px" custom-class="store-style">
|
||||||
<template #title>
|
<template #title>
|
||||||
@ -482,6 +490,7 @@ const transformDialog = ref(false); // 整改记录对话框
|
|||||||
const recordData = ref([]); // 整改记录表格数据
|
const recordData = ref([]); // 整改记录表格数据
|
||||||
const basicData = ref({
|
const basicData = ref({
|
||||||
// 基础信息
|
// 基础信息
|
||||||
|
requireType: 1,
|
||||||
opSignature: [],
|
opSignature: [],
|
||||||
supervisorSignature: [],
|
supervisorSignature: [],
|
||||||
inspectSignature: [],
|
inspectSignature: [],
|
||||||
@ -687,10 +696,34 @@ const submitForm = async () => {
|
|||||||
};
|
};
|
||||||
// 全部提交
|
// 全部提交
|
||||||
const allSubmit = async () => {
|
const allSubmit = async () => {
|
||||||
|
if (!(projectSelectedData.value.projectName || projectSelectedData.value.engineeringName)) {
|
||||||
|
ElMessage.error("请选择工程/项目");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!basicData.value.selectedMember) {
|
||||||
|
ElMessage.error("请选择检查人员");
|
||||||
|
return;
|
||||||
|
}
|
||||||
if (!basicData.value.deadline) {
|
if (!basicData.value.deadline) {
|
||||||
ElMessage.error("请选择整改期限");
|
ElMessage.error("请选择整改期限");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
if (basicData.value.opSignature.length == 0) {
|
||||||
|
ElMessage.error("请上传施工单位责任人签名");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (basicData.value.supervisorSignature.length == 0) {
|
||||||
|
ElMessage.error("请上传监理单位责任人签名");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (basicData.value.inspectSignature.length == 0) {
|
||||||
|
ElMessage.error("请上传检查人员责任人签名");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (basicData.value.otherSignature.length == 0) {
|
||||||
|
ElMessage.error("请上传其他单位责任人签名");
|
||||||
|
return;
|
||||||
|
}
|
||||||
recordData.value.map(item => {
|
recordData.value.map(item => {
|
||||||
item.image = JSON.stringify(item.image);
|
item.image = JSON.stringify(item.image);
|
||||||
});
|
});
|
||||||
@ -731,6 +764,7 @@ watch(
|
|||||||
visible1.value = n;
|
visible1.value = n;
|
||||||
if (n) {
|
if (n) {
|
||||||
basicData.value = {
|
basicData.value = {
|
||||||
|
requireType: 1,
|
||||||
opSignature: [],
|
opSignature: [],
|
||||||
supervisorSignature: [],
|
supervisorSignature: [],
|
||||||
inspectSignature: [],
|
inspectSignature: [],
|
||||||
|
|||||||
@ -23,7 +23,7 @@
|
|||||||
// font-weight: 700;
|
// font-weight: 700;
|
||||||
font-family: "siyuan_Medium";
|
font-family: "siyuan_Medium";
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #ffffff;
|
color: var(--el-menu-text-color);
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
@ -34,7 +34,7 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
.middleSize {
|
.middleSize {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #c4c4c4;
|
color: var(--el-menu-text-color);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|||||||
@ -23,7 +23,7 @@
|
|||||||
// font-weight: 700;
|
// font-weight: 700;
|
||||||
font-family: "siyuan_Medium";
|
font-family: "siyuan_Medium";
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #ffffff;
|
color: var(--el-menu-text-color);
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
@ -34,7 +34,7 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
.middleSize {
|
.middleSize {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #c4c4c4;
|
color: var(--el-menu-text-color);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|||||||
@ -199,46 +199,7 @@
|
|||||||
:deep(.el-tooltip) {
|
:deep(.el-tooltip) {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
:deep() {
|
.leftMenu {
|
||||||
.isActive {
|
|
||||||
background-color: #09314e;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 页面的项目工程
|
|
||||||
.leftProject {
|
|
||||||
color: #333333;
|
|
||||||
|
|
||||||
// background-color: pink;
|
|
||||||
.projectName {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
color: var(--el-menu-text-color);
|
|
||||||
// font-weight: 700;
|
|
||||||
font-family: "siyuan_Medium";
|
|
||||||
font-size: 20px;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
.leftMenu_item {
|
|
||||||
overflow: hidden;
|
|
||||||
.middleSize {
|
|
||||||
color: var(--el-menu-text-color);
|
|
||||||
font-size: 16px;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
margin: 0 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.bottom_item {
|
|
||||||
.bottomSize {
|
|
||||||
font-size: 18px !important;
|
|
||||||
color: rgba(196, 196, 196, 0.65);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.LeftMenu {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
@ -249,9 +210,92 @@
|
|||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
width: 290px;
|
width: 290px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
background: rgba(9, 41, 69, 0.9);
|
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
// background-color: rgba(255 255 255 / 80%) !important;
|
background-color: #092945;
|
||||||
|
// width: 290px;
|
||||||
|
// 页面的项目工程
|
||||||
|
:deep() {
|
||||||
|
.item {
|
||||||
|
height: 106px !important;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
height: calc(100% - 160px) !important;
|
||||||
|
}
|
||||||
|
.tab {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.tab.active {
|
||||||
|
color: #0bc4f0;
|
||||||
|
}
|
||||||
|
.isActive {
|
||||||
|
background-color: #09314e;
|
||||||
|
}
|
||||||
|
.el-pager li {
|
||||||
|
background-color: transparent !important;
|
||||||
|
color: white !important;
|
||||||
|
font-size: 20px !important;
|
||||||
|
border: 1px solid #087ba4 !important;
|
||||||
|
height: 26px !important;
|
||||||
|
}
|
||||||
|
.el-pager li:active {
|
||||||
|
color: white !important;
|
||||||
|
font-size: 20px !important;
|
||||||
|
border: none !important;
|
||||||
|
height: 26px !important;
|
||||||
|
}
|
||||||
|
.el-pager li.is-active {
|
||||||
|
background-color: #087ba4 !important;
|
||||||
|
color: white !important;
|
||||||
|
font-size: 20px !important;
|
||||||
|
}
|
||||||
|
.btn-prev,
|
||||||
|
.btn-next,
|
||||||
|
.btn-prev:disabled,
|
||||||
|
.btn-next:disabled {
|
||||||
|
color: white !important;
|
||||||
|
font-size: 20px !important;
|
||||||
|
background-color: transparent !important;
|
||||||
|
border: 1px solid #087ba4 !important;
|
||||||
|
height: 26px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.leftProject {
|
||||||
|
// padding: 5px 8px;
|
||||||
|
color: #333333;
|
||||||
|
.projectName {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
// font-weight: 700;
|
||||||
|
font-family: "siyuan_Medium";
|
||||||
|
font-size: 20px;
|
||||||
|
color: #ffffff;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.leftMenu_item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
.middleSize {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #c4c4c4;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bottom_item {
|
||||||
|
.bottomSize {
|
||||||
|
font-size: 18px !important;
|
||||||
|
color: #c4c4c4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.mapTopData {
|
.mapTopData {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
@ -6,7 +6,7 @@
|
|||||||
:tabs="['项目名称', '工程名称']"
|
:tabs="['项目名称', '工程名称']"
|
||||||
:records="records"
|
:records="records"
|
||||||
:pageable="pages"
|
:pageable="pages"
|
||||||
class="LeftMenu"
|
class="leftMenu"
|
||||||
@search="onSearchInput"
|
@search="onSearchInput"
|
||||||
@change-page="onCurChange"
|
@change-page="onCurChange"
|
||||||
>
|
>
|
||||||
@ -20,10 +20,6 @@
|
|||||||
<img src="@/assets/images/AIwaring/dustMap.png" alt="" />
|
<img src="@/assets/images/AIwaring/dustMap.png" alt="" />
|
||||||
<span class="middleSize">{{ data.projectAddress || data.address }}</span>
|
<span class="middleSize">{{ data.projectAddress || data.address }}</span>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div>
|
|
||||||
<img src="@/assets/images/AIwaring/报警.png" alt="" />
|
|
||||||
<span class="middleSize">今日报警次数:{{ data.todayAlarm }}</span>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="bottom_item flx-justify-between" style="margin-top: 6px">
|
<div class="bottom_item flx-justify-between" style="margin-top: 6px">
|
||||||
|
|||||||
@ -208,7 +208,7 @@
|
|||||||
<template #footer>
|
<template #footer>
|
||||||
<div>
|
<div>
|
||||||
<el-button class="hzCancelStyle" @click="childrenVisible = false">取消</el-button>
|
<el-button class="hzCancelStyle" @click="childrenVisible = false">取消</el-button>
|
||||||
<el-button type="primary" @click="childrenConfirm(ruleFormRef, childrenFormData)"> 保存 </el-button>
|
<el-button class="hzStyle" type="primary" @click="childrenConfirm(ruleFormRef, childrenFormData)"> 保存 </el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|||||||
@ -9,7 +9,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
// margin-left: 20px;
|
// margin-left: 20px;
|
||||||
padding: 0 0 0 20px;
|
// padding: 0 0 0 20px;
|
||||||
|
|
||||||
.form_div {
|
.form_div {
|
||||||
height: 56px;
|
height: 56px;
|
||||||
@ -20,7 +20,7 @@
|
|||||||
padding: 16px 0 0 36px;
|
padding: 16px 0 0 36px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
// height: 56px;
|
// height: 56px;
|
||||||
background-color: #092945;
|
background-color: var(--el-menu-bg-color);
|
||||||
}
|
}
|
||||||
.imgPage {
|
.imgPage {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
@ -29,10 +29,11 @@
|
|||||||
padding: 20px 10px 20px 20px;
|
padding: 20px 10px 20px 20px;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
background-color: #092945;
|
background-color: var(--el-menu-bg-color);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
position: relative;
|
||||||
.imgTable {
|
.imgTable {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -43,7 +44,7 @@
|
|||||||
width: 23.1%;
|
width: 23.1%;
|
||||||
height: 260px;
|
height: 260px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
border: 2px solid #09405f;
|
border: 1px solid #087ba4;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
.page_text {
|
.page_text {
|
||||||
@ -53,7 +54,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #c4c4c4;
|
color: var(--el-menu-text-color);
|
||||||
.position {
|
.position {
|
||||||
width: 97px;
|
width: 97px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -141,7 +142,7 @@
|
|||||||
margin: 0 0 4px;
|
margin: 0 0 4px;
|
||||||
font-family: "siyuan_Medium";
|
font-family: "siyuan_Medium";
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #0bc4f0;
|
color: var(--el-color-primary);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
> span {
|
> span {
|
||||||
|
|||||||
@ -34,11 +34,11 @@
|
|||||||
<div class="page_text flx-justify-column">
|
<div class="page_text flx-justify-column">
|
||||||
<div class="img_title">
|
<div class="img_title">
|
||||||
<span>{{ item.title }}</span>
|
<span>{{ item.title }}</span>
|
||||||
<el-button type="primary" link @click="handleEditItem(2, item)">
|
<el-button class="hzStyle" type="primary" link @click="handleEditItem(2, item)">
|
||||||
<img src="@/assets/images/tableIcon/updateIcon.png" alt="" class="configureIcon" />
|
<img src="@/assets/images/tableIcon/updateIcon.png" alt="" class="configureIcon" />
|
||||||
<span>编辑</span>
|
<span>编辑</span>
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button style="margin-right: 12px" type="danger" link :icon="Delete" @click="deleteAccount(item)"
|
<el-button style="margin-right: 12px" type="primary" link :icon="Delete" @click="deleteAccount(item)"
|
||||||
>删除</el-button
|
>删除</el-button
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
@ -63,6 +63,7 @@
|
|||||||
:background="background"
|
:background="background"
|
||||||
class="pagination"
|
class="pagination"
|
||||||
/>
|
/>
|
||||||
|
<changeTheme />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -105,7 +106,7 @@
|
|||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="form-footer">
|
<div class="form-footer">
|
||||||
<el-button class="hzCancelStyle" @click="visible = false">取消</el-button>
|
<el-button class="hzCancelStyle" @click="visible = false">取消</el-button>
|
||||||
<el-button class="btnStyle" :disabled="isBool" type="primary" @click="confirm(ruleFormRef, formData)"> 保存 </el-button>
|
<el-button class="hzStyle" :disabled="isBool" type="primary" @click="confirm(ruleFormRef, formData)"> 保存 </el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@ -121,6 +122,7 @@ import { GlobalStore } from "@/stores";
|
|||||||
import { Delete } from "@element-plus/icons-vue";
|
import { Delete } from "@element-plus/icons-vue";
|
||||||
import { jxj_User } from "@/api/types";
|
import { jxj_User } from "@/api/types";
|
||||||
import { useHandleData } from "@/hooks/useHandleData";
|
import { useHandleData } from "@/hooks/useHandleData";
|
||||||
|
import changeTheme from "@/components/changeTheme/index.vue";
|
||||||
const upload = ref<UploadInstance>();
|
const upload = ref<UploadInstance>();
|
||||||
const fileList = ref([]);
|
const fileList = ref([]);
|
||||||
const store = GlobalStore();
|
const store = GlobalStore();
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user