fix: BUG修改

This commit is contained in:
kun 2023-07-27 16:05:49 +08:00
parent 230ac446e2
commit 988a39e157
19 changed files with 287 additions and 168 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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>

View File

@ -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;

View File

@ -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>
<!-- 表格操作 --> <!-- 表格操作 -->

View File

@ -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;

View File

@ -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;

View File

@ -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>

View File

@ -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;

View File

@ -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;

View File

@ -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: [],

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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">

View File

@ -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>

View File

@ -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 {

View File

@ -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();