Merge branch 'zhipeng_dev' into 'shenzhen-dev'
feat: 样式修复 See merge request !9
This commit is contained in:
commit
0d2ba27351
@ -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",
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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%;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -7,6 +7,7 @@
|
||||
// padding: 2% 4%;
|
||||
margin: 0 auto;
|
||||
background-color: #ffffff;
|
||||
border-radius: 8px;
|
||||
.common {
|
||||
padding-bottom: 30px;
|
||||
margin-top: 3%;
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user