Merge branch 'zhipeng_dev' into 'shenzhen-dev'

feat: 样式修复

See merge request !9
This commit is contained in:
Jane 2023-05-23 17:50:28 +08:00
commit 0d2ba27351
19 changed files with 110 additions and 96 deletions

View File

@ -6,7 +6,7 @@
"author": "SpicyBoy <848130454@qq.com>",
"license": "MIT",
"scripts": {
"dev": "vite --mode development",
"dev": "vite --mode production",
"serve": "vite",
"build:dev": "vue-tsc --noEmit && vite build --mode development",
"build:test": "vue-tsc --noEmit && vite build --mode test",

View File

@ -27,6 +27,7 @@
:unique-opened="true"
background-color="#ffffff"
text-color="#333333 "
style="--el-menu-hover-bg-color: #fff"
>
<SubMenu :menuList="menuList" />
</el-menu>
@ -87,15 +88,19 @@ const goHome = () => {
.el-menu-item {
&.is-active {
// background: var(--el-color-primary-light-9);
&::before {
position: absolute;
top: 12px;
bottom: 0;
right: 0;
width: 4px;
height: 38px;
content: "";
background: var(--el-color-primary);
// &::before {
// position: absolute;
// top: 12px;
// bottom: 0;
// right: 0;
// width: 4px;
// height: 38px;
// content: "";
// background: var(--el-color-primary);
// }
border-right: 4px solid #008bff;
&.is:hover {
background-color: #fff;
}
}
}

View File

@ -29,6 +29,7 @@
// border: 1px solid var(--el-border-color-light);
border-radius: 8px;
// box-shadow: 0 0 12px rgb(0 0 0 / 5%);
height: 56px;
}
// * 不需要 card 卡片样式在组件内使用 proTable 会使用到
@ -93,7 +94,7 @@
// table-search 表格搜索样式
.table-search {
padding: 18px 18px 0;
padding: 12px 0 12px 36px;
margin-bottom: 10px;
border-radius: 8px;
.el-form {

View File

@ -32,15 +32,14 @@
height: 56px;
background-color: #ffffff;
border-radius: 8px;
// display: flex;
// // justify-content: center;
// align-items: center;
height: 56px;
}
.form {
padding: 16px 0 0 36px;
padding: 6px 0 0 36px;
background-color: #ffffff;
border-radius: 8px;
line-height: 48px;
margin-top: 10px;
}
.imgPage {
box-sizing: border-box;

View File

@ -43,7 +43,7 @@
</LeftMenu>
<div class="right_container">
<!-- <div class="form_div"> -->
<div class="form_div">
<el-form :model="form" :inline="true" @submit.prevent class="form" ref="FormRef">
<el-form-item label="监控名称">
<el-select class="select" v-model="form.code" placeholder="请输入">
@ -66,17 +66,11 @@
<el-button type="primary" @click="handSearch">查询</el-button>
</el-form-item>
</el-form>
<!-- </div> -->
</div>
<div class="imgPage">
<div class="imgTable">
<div
class="img_item"
v-for="item in questList.records"
@click="onShowImg(item)"
:key="item.id"
v-if="questList.records.length"
>
<div class="img_item" v-for="item in questList.records" @click="onShowImg(item)" :key="item.id" v-if="qusLength.length">
<el-image style="width: 100%; height: 182px" :src="item.image" fit="fill" />
<div class="page_text flx-justify-column">
<div class="img_title">{{ item.typeName }}</div>
@ -158,6 +152,7 @@ const visible = ref(false);
// sn
const searchSn = ref("");
const qusLength = ref([]);
//
const searchName = ref<string>("");
@ -332,6 +327,7 @@ const onSearch = async (params: ResAiProjectPage | ResAiEngineerPage) => {
pageSize: pageable.value.pageSize
});
questList.value = res.result;
qusLength.value = res.result.records;
pageable.value.total = +res.result.total;
searchSn.value = (params as ResAiEngineerPage).engineeringSn;
searchName.value = (params as ResAiEngineerPage).engineeringName;

View File

@ -61,7 +61,7 @@
<el-table-column prop="readTime" label="查看时间" />
</el-table>
<template #footer>
<el-button type="primary" v-if="!store.isManager" @click="onKnow">我已知晓</el-button>
<el-button type="primary" v-if="store.isManager" @click="onKnow">我已知晓</el-button>
<el-button type="primary" v-else @click="visible = false">关闭</el-button>
</template>
</el-dialog>

View File

@ -36,8 +36,8 @@
<el-tree ref="treeRef" default-expand-all :data="datas" show-checkbox node-key="name" :props="defaultProps"> </el-tree>
</el-scrollbar>
<template #footer>
<div style="flex: auto">
<el-button @click="cacel">取消</el-button>
<div class="flx-center">
<el-button style="margin-right: 60px" @click="cacel">取消</el-button>
<el-button type="primary" @click="confirm">保存并关闭</el-button>
</div>
</template>

View File

@ -61,7 +61,7 @@
<el-table-column prop="readTime" label="查看时间" />
</el-table>
<template #footer>
<el-button type="primary" v-if="!store.isManager" @click="onKnow">我已知晓</el-button>
<el-button type="primary" v-if="store.isManager" @click="onKnow">我已知晓</el-button>
<el-button type="primary" v-else @click="visible = false">关闭</el-button>
</template>
</el-dialog>

View File

@ -2,10 +2,10 @@
.topCard {
margin-bottom: 20px;
border-radius: 8px;
height: 68px;
.noticeForm {
margin-top: 6px;
}
height: 56px;
// .noticeForm {
// margin-bottom: 18px;
// }
}
.content {
display: flex;
@ -15,11 +15,13 @@
padding: 26px 36px 0 0;
width: 60%;
background-color: #fff;
border-radius: 8px;
}
.right-content {
margin-left: 20px;
background-color: #fff;
flex: 1;
border-radius: 8px;
padding-left: 20px;
.book-content {
margin: 20px 0;

View File

@ -15,7 +15,7 @@
<el-form :model="leftForm" label-width="100">
<el-form-item label="收件人">
<div class="tag-input">
<el-tag class="m-4" v-for="item in tags" closable :key="item" @close="handleClose(item)">{{
<el-tag class="m-4" v-for="item in tags" :key="item" @close="handleClose(item)">{{
item.realName || item.enterpriseName || item.projectName || item.acceptName
}}</el-tag>
</div>
@ -338,7 +338,7 @@ onUnmounted(() => {
<style lang="scss" scoped>
@import "./index.scss";
:deep(.el-card__body) {
padding: 12px 0 6px 36px;
padding: 12px 0 0px 36px;
}
.test :deep(.el-input__wrapper) {
box-shadow: 0 0 0 0;

View File

@ -4,17 +4,19 @@
.base-box {
// height: calc(100% + 20px);
flex: 1;
margin: 10px 10px 0 10px;
margin: 20px 10px 0 10px;
background-color: #ffffff;
border-radius: 12px;
}
.protable {
// flex: 1;
padding: 10px;
height: calc(100% - 164px);
height: calc(100% - 134px);
}
:deep(.el-card) {
margin: 2px 10px 10px;
margin: 2px 10px 0px;
border: none;
border-radius: 8px;
height: 56px;
// padding-bottom: 6px;
}

View File

@ -37,8 +37,8 @@
<el-tree ref="treeRef" default-expand-all :data="datas" show-checkbox node-key="name" :props="defaultProps"> </el-tree>
</el-scrollbar>
<template #footer>
<div style="flex: auto">
<el-button @click="cacel">取消</el-button>
<div class="flx-center">
<el-button style="margin-right: 60px" @click="cacel">取消</el-button>
<el-button type="primary" @click="confirm">保存并关闭</el-button>
</div>
</template>

View File

@ -731,7 +731,7 @@ onMounted(async () => {
margin-bottom: 20px;
}
:deep(.el-card__body) {
padding: 18px 0 18px 36px;
padding: 12px 0 12px 36px;
}
:deep(.el-select--default) {
width: 100%;

View File

@ -4,12 +4,6 @@
display: flex;
flex-direction: column;
.form {
// height: 46px;
padding: 20px 0 0 36px;
background-color: #ffffff;
border-radius: 8px;
}
.imgPage {
box-sizing: border-box;
flex: 1;
@ -157,3 +151,15 @@
color: #8c939d;
text-align: center;
}
.form-top {
height: 56px;
border-radius: 8px;
background-color: #fff;
.form {
// height: 46px;
padding: 0px 0 0 36px;
background-color: #ffffff;
margin-top: 14px;
border-radius: 8px;
}
}

View File

@ -1,6 +1,7 @@
<!-- 项目的报警记录 -->
<template>
<div class="table-box">
<div class="form-top">
<el-form :model="form" :inline="true" @submit.prevent class="form" ref="FormRef">
<el-form-item label="监控名称">
<el-select clearable class="select" v-model="form.code" placeholder="请输入">
@ -23,6 +24,7 @@
<el-button type="primary" @click="handSearch">查询</el-button>
</el-form-item>
</el-form>
</div>
<div class="imgPage">
<div class="imgTable" v-if="qusLength.length">

View File

@ -61,7 +61,7 @@
<el-table-column prop="readTime" label="查看时间" />
</el-table>
<template #footer>
<el-button type="primary" v-if="!store.isManager" @click="onKnow">我已知晓</el-button>
<el-button type="primary" v-if="store.isManager" @click="onKnow">我已知晓</el-button>
<el-button type="primary" v-else @click="visible = false">关闭</el-button>
</template>
</el-dialog>

View File

@ -7,6 +7,7 @@
// padding: 2% 4%;
margin: 0 auto;
background-color: #ffffff;
border-radius: 8px;
.common {
padding-bottom: 30px;
margin-top: 3%;

View File

@ -1,7 +1,7 @@
<template>
<div class="overview">
<!-- <el-form ref="ruleFormRef" :model="form" label-width="150px" :rules="rules" class="form" size="default"> -->
<el-form ref="ruleFormRef" :model="form" label-width="150px" class="form" size="default">
<el-form ref="ruleFormRef" :model="form" label-width="150px" :rules="rules" class="form" size="default">
<!-- <el-form ref="ruleFormRef" :model="form" label-width="150px" class="form" size="default"> -->
<el-form-item label="项目名称:" prop="projectName">
<el-input placeholder="请输入" v-model="form.projectName" disabled />
</el-form-item>

View File

@ -36,8 +36,8 @@
<el-tree ref="treeRef" default-expand-all :data="datas" show-checkbox node-key="name" :props="defaultProps"> </el-tree>
</el-scrollbar>
<template #footer>
<div style="flex: auto">
<el-button @click="cacel">取消</el-button>
<div class="flx-center">
<el-button style="margin-right: 60px" @click="cacel">取消</el-button>
<el-button type="primary" @click="confirm">保存并关闭</el-button>
</div>
</template>