admin/wisdomisitezwfront-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 样式修改

Browse Source
This commit is contained in:
于晏彭 2023-05-23 14:48:51 +08:00
parent ce00eb8149
commit 7be4d41df4
9 changed files with 66 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/enterprise/AIwarning/accessSituation/index.scss
View File

@ -59,6 +59,14 @@
flex-wrap: wrap;
justify-content: flex-start;
flex: 1;
.table-empty {
display: flex;
justify-content: center;
align-items: center;
flex: 1;
flex-direction: column;
color: #999;
}
.img_item {
width: 23.1%;
height: 244px;

25
src/views/enterprise/AIwarning/accessSituation/index.vue
View File

@ -20,16 +20,22 @@
</div>
<div>
<img src="@/assets/images/AIwaring/报警.png" alt="" />
<span class="middleSize">今日报警次数：{{data.aiAlarmStat===null? 0 : parse(data.aiAlarmStat)?.todayAlarm }}</span>
<span class="middleSize"
>今日报警次数：{{ data.aiAlarmStat === null ? 0 : parse(data.aiAlarmStat)?.todayAlarm }}</span
>
</div>
</div>
<div class="bottom_item flx-justify-between" style="margin-top: 6px">
<div>
<span class="bottomSize">今日待整改问题：{{data.aiAlarmStat===null? 0 : parse(data.aiAlarmStat)?.questionNum }}</span>
<span class="bottomSize"
>今日待整改问题：{{ data.aiAlarmStat === null ? 0 : parse(data.aiAlarmStat)?.questionNum }}</span
>
</div>
<div>
<span class="bottomSize">今日已整改问题：{{data.aiAlarmStat===null? 0 : parse(data.aiAlarmStat)?.solveQuestionNum }}</span>
<span class="bottomSize"
>今日已整改问题：{{ data.aiAlarmStat === null ? 0 : parse(data.aiAlarmStat)?.solveQuestionNum }}</span
>
</div>
</div>
</div>
@ -64,7 +70,13 @@
<div class="imgPage">
<div class="imgTable">
<div class="img_item" v-for="item in questList.records" @click="onShowImg(item)" :key="item.id">
<div
class="img_item"
v-for="item in questList.records"
@click="onShowImg(item)"
:key="item.id"
v-if="questList.records.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>
@ -74,6 +86,10 @@
</div>
</div>
</div>
<div v-else class="table-empty">
<img src="@/assets/images/notData.png" alt="notData" />
<div>暂无数据</div>
</div>
</div>
<Pagination
@ -395,6 +411,7 @@ onMounted(async () => {
searchName.value = (records.value as ResAiProjectPage[])[0].projectName;
getAiMonitorDevList();
console.log(questList.value);
});
</script>

9
src/views/goverment/AIwarning/accessSituation/index.scss
View File

@ -64,7 +64,14 @@
}
}
}
.table-empty {
display: flex;
justify-content: center;
align-items: center;
flex: 1;
flex-direction: column;
color: #999;
}
.pagination {
display: flex;
align-items: center;

6
src/views/goverment/AIwarning/accessSituation/index.vue
View File

@ -70,7 +70,7 @@
<!-- </div> -->
<div class="imgPage">
<div class="imgTable">
<div class="imgTable" v-if="questList.records.length">
<div class="img_item" v-for="item in questList.records" @click="onShowImg(item)" :key="item.id">
<el-image style="width: 100%; height: 182px" :src="item.image" fit="fill" />
<div class="page_text flx-justify-column">
@ -82,6 +82,10 @@
</div>
</div>
</div>
<div v-else class="table-empty">
<img src="@/assets/images/notData.png" alt="notData" />
<div>暂无数据</div>
</div>
<!-- :handleSizeChange="handleSizeChange" -->
<Pagination
:pageable="pageable"

4
src/views/goverment/approve/company/components/unit-table.vue
View File

@ -13,7 +13,7 @@
<div class="divide">
<el-tag class="index" type="info">{{ divide.index }}</el-tag>
{{ modelValue.mainTypeName }}
<div :class="divide.index ? 'line' : ''"></div>
<!-- <div :class="divide.index ? 'line' : ''"></div> -->
</div>
<el-table
@ -22,7 +22,7 @@
border
disabeld
style="width: 100%"
max-height="240"
max-height="360"
:header-cell-style="{ backgroundColor: '#e1eeff', textAlign: 'center' }"
:cell-style="{ textAlign: 'center' }"
>

7
src/views/goverment/approve/company/index.scss
View File

@ -90,6 +90,7 @@ $primary: #409eff;
padding: 0 0 0 14%;
}
}
:deep(.el-dialog) {
min-height: 20%;
}
// :deep(.el-dialog) {
// min-height: 20%;
// }

2
src/views/goverment/approve/company/index.vue
View File

@ -313,7 +313,7 @@ const deleteAccount = async (row: any) => {
text-align: left;
}
}
.loogDialog :deep(.el-dialog__body) {
:deep(.el-dialog__body) {
height: 800px;
overflow: auto;
}

8
src/views/project/AIwarning/accessSituation/index.scss
View File

@ -21,6 +21,14 @@
border-radius: 8px;
display: flex;
flex-direction: column;
.table-empty {
display: flex;
justify-content: center;
align-items: center;
flex: 1;
flex-direction: column;
color: #999;
}
.imgTable {
width: 100%;
display: flex;

11
src/views/project/AIwarning/accessSituation/index.vue
View File

@ -25,7 +25,7 @@
</el-form>
<div class="imgPage">
<div class="imgTable">
<div class="imgTable" v-if="qusLength.length">
<div class="img_item" v-for="item in questList.records" @click="onShowImg(item)" :key="item.id">
<el-image style="width: 100%; height: 182px" class="item_image" :src="item.image" fit="fill" />
<div class="page_text flx-justify-column">
@ -37,6 +37,10 @@
</div>
</div>
</div>
<div v-else class="table-empty">
<img src="@/assets/images/notData.png" alt="notData" />
<div>暂无数据</div>
</div>
<Pagination
:pageable="pages"
:total="pages.total"
@ -212,6 +216,8 @@ const engVisable = ref(false);
// 项目或者工程名字
const searchName = ref<string>("");
const qusLength = ref([]);
const pages = ref({
pageNo: 1,
pageSize: 12,
@ -387,6 +393,7 @@ const beforeAvatarUpload: UploadProps["beforeUpload"] = rawFile => {
const getAIproPage = async () => {
const { result } = await getAIAlarmPage({ ...pages.value });
questList.value = result;
qusLength.value = result.records;
pages.value.total = Number(result.total);
};
// 监控名称下拉框的value
@ -418,7 +425,7 @@ const onUpdate = async row => {
ElMessage.success("页面已更新");
};
onMounted(async () => {
onMounted(() => {
getAIproPage();
getAiMonitorDevList();
});