From a8b22d9a1bbee15caa378c7c3af519db51c97efc Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 08 Nov 2024 12:31:44 +0800
Subject: [PATCH] 企业详情样式调整； 企业详情加载范围瀑布图；
---
src/views/companyInfo/components/box/fireTrend.vue | 246 ++++++++++++++++++++++++------------------------
1 files changed, 122 insertions(+), 124 deletions(-)
diff --git a/src/views/companyInfo/components/box/fireTrend.vue b/src/views/companyInfo/components/box/fireTrend.vue
index 95f539b..0c4f447 100644
--- a/src/views/companyInfo/components/box/fireTrend.vue
+++ b/src/views/companyInfo/components/box/fireTrend.vue
@@ -9,192 +9,190 @@
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
-->
<script setup>
-import publicContent from "./publicContent.vue";
-import { getList } from "@/api/emergencySupplies/emergencySupplies";
-import { reactive } from "vue";
+import publicContent from "./publicContent.vue"
+import { getList } from "@/api/emergencySupplies/emergencySupplies"
+import { reactive } from "vue"
-const loading = ref(false);
+const loading = ref(false)
-const tableData = ref([]);
+const tableData = ref([])
const pages = {
- page: 1,
- pageSize: 13,
- total: 0,
-};
+ page: 1,
+ pageSize: 13,
+ total: 0,
+}
let data = reactive({
- companyInfo: {}
+ companyInfo: {}
})
onMounted(() => {
- data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
- getLists();
-});
+ data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
+ getLists()
+})
// 表格样式
const tableCellStyle = ({ row, column }) => {
- return { background: "#152851", color: "#fff" };
-};
+ return { background: "#152851", color: "#fff" }
+}
// 表格表头样式
const headerCellStyle = ({ }) => {
- return {
- background: "#152851",
- color: "#fff",
- };
-};
+ return {
+ background: "#152851",
+ color: "#fff",
+ }
+}
// 搜索条件
const formInline = reactive({
- name: "",
- ownership: ''
-});
+ name: "",
+ ownership: ''
+})
// 提交查询
const onSubmit = () => {
- pages.page = 1
- pages.pageSize = 13
- pages.total = 0
- console.log("submit!");
- getLists(formInline);
-};
+ pages.page = 1
+ pages.pageSize = 13
+ pages.total = 0
+ console.log("submit!")
+ getLists(formInline)
+}
// 分页树改变
const handleSizeChange = (val) => {
- pages.pageSize = val;
- getLists(formInline);
+ pages.pageSize = val
+ getLists(formInline)
}
// 分页改变
const handleCurrentChange = (val) => {
- pages.page = val;
- getLists(formInline);
+ pages.page = val
+ getLists(formInline)
}
// 重置条件
const clearBtn = () => {
- formInline.name = ''
- formInline.ownership = ''
- pages.page = 1
- pages.pageSize = 13
- pages.total = 0
- getLists(formInline);
+ formInline.name = ''
+ formInline.ownership = ''
+ pages.page = 1
+ pages.pageSize = 13
+ pages.total = 0
+ getLists(formInline)
}
// 查询分页数据
-function getLists(param = {}) {
- param.current = pages.page;
- param.size = pages.pageSize;
- param.firmId = data.companyInfo.id
- loading.value = true;
- getList(param)
- .then((res) => {
- const data = res.data.data;
- data.records.forEach((element) => {
- if (element.ownership == 1) {
- element.ownership = "园区";
- } else {
- element.ownership = "企业";
- }
- });
- tableData.value = data.records;
- pages.total = data.total;
- loading.value = false;
- })
- .catch((err) => {
- loading.value = false;
- console.log(err);
- });
+function getLists (param = {}) {
+ param.current = pages.page
+ param.size = pages.pageSize
+ param.firmId = data.companyInfo.id
+ loading.value = true
+ getList(param)
+ .then((res) => {
+ const data = res.data.data
+ data.records.forEach((element) => {
+ if (element.ownership == 1) {
+ element.ownership = "园区"
+ } else {
+ element.ownership = "企业"
+ }
+ })
+ tableData.value = data.records
+ pages.total = data.total
+ loading.value = false
+ })
+ .catch((err) => {
+ loading.value = false
+ console.log(err)
+ })
}
</script>
<template>
- <public-content>
- <template #content>
- <div class="search-box">
- <el-form :inline="true" :model="formInline" class="demo-form-inline">
- <el-form-item label="" class="form-item-input">
- <el-input v-model="formInline.name" placeholder="请输入名称" clearable style="width: 120px" />
- </el-form-item>
- <!-- <el-form-item label="归属">
+ <div class="search-box w100 h100">
+ <el-form :inline="true" :model="formInline" class="demo-form-inline">
+ <el-form-item label="" class="form-item-input">
+ <el-input v-model="formInline.name" placeholder="请输入名称" clearable style="width: 120px" />
+ </el-form-item>
+ <!-- <el-form-item label="归属">
<el-select v-model="formInline.ownership" placeholder="请选择" clearable style="width: 120px">
<el-option label="园区" value="1" />
<el-option label="企业" value="2" />
</el-select>
</el-form-item> -->
- <el-form-item class="search-btn">
- <el-button type="primary" @click="onSubmit">查询</el-button>
- <el-button type="primary" @click="clearBtn">重置</el-button>
- </el-form-item>
- </el-form>
- <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle"
- :cell-style="tableCellStyle" v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)">
- <el-table-column fixed prop="name" label="名称" />
- <el-table-column prop="numUnit" label="数量" width="100" />
- <!-- <el-table-column prop="firmName" label="单位名称" /> -->
- <el-table-column prop="personInCha" label="负责人" width="100" />
- </el-table>
- <div class="el-page">
- <el-pagination background layout="prev, pager, next" :page-size="pages.pageSize" :total="pages.total"
- @size-change="handleSizeChange" @current-change="handleCurrentChange" />
- </div>
- </div>
- </template>
- </public-content>
+ <el-form-item class="search-btn">
+ <el-button type="primary" @click="onSubmit">查询</el-button>
+ <el-button type="primary" @click="clearBtn">重置</el-button>
+ </el-form-item>
+ </el-form>
+ <el-table :data="tableData" style="width: 100%" :header-cell-style="headerCellStyle" :cell-style="tableCellStyle"
+ v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)">
+ <el-table-column fixed prop="name" label="名称" />
+ <el-table-column prop="numUnit" label="数量" width="100" />
+ <!-- <el-table-column prop="firmName" label="单位名称" /> -->
+ <el-table-column prop="personInCha" label="负责人" width="100" />
+ </el-table>
+ <div class="el-page">
+ <el-pagination background layout="prev, pager, next" :page-size="pages.pageSize" :total="pages.total"
+ @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+ </div>
+ </div>
</template>
<style lang="scss" scoped>
.el-form-item__label {
- color: #fff !important;
+ color: #fff !important;
}
.search-box {
- ::v-deep .el-table__body-wrapper {
- background-color: #152851;
- }
+ padding: 10px;
+
+ ::v-deep .el-table__body-wrapper {
+ background-color: #152851;
+ }
}
/* 当表格没有数据时，修改表格的背景颜色 */
.el-table--empty .el-table__body {
- background-color: rgba(135, 158, 199, 0.3) !important;
- /* 你想要的背景颜色 */
+ background-color: rgba(135, 158, 199, 0.3) !important;
+ /* 你想要的背景颜色 */
}
.el-page {
- margin-top: 10px;
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- // margin-bottom:10px;
+ margin-top: 10px;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ // margin-bottom:10px;
}
.form-item-input {
- width: 160px;
+ width: 160px;
- ::v-deep(.el-input) {
- width: 0;
- flex: 1;
+ ::v-deep(.el-input) {
+ width: 0;
+ flex: 1;
- .el-input__wrapper {
- font-size: 16px;
- font-weight: 400;
- border-radius: 0;
- background: rgba(135, 158, 199, 0.3);
- box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
+ .el-input__wrapper {
+ font-size: 16px;
+ font-weight: 400;
+ border-radius: 0;
+ background: rgba(135, 158, 199, 0.3);
+ box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
- .el-input__inner {
- color: #BFD3E5;
- }
- }
+ .el-input__inner {
+ color: #BFD3E5;
+ }
}
+ }
}
.search-btn {
- ::v-deep .el-button--primary {
- background-color: transparent;
- border-color: none;
- border: none;
- cursor: pointer;
- color: #edffff;
- background: rgba(135, 158, 199, 0.3);
- box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
- }
+ ::v-deep .el-button--primary {
+ background-color: transparent;
+ border-color: none;
+ border: none;
+ cursor: pointer;
+ color: #edffff;
+ background: rgba(135, 158, 199, 0.3);
+ box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
+ }
}
</style>
--
Gitblit v1.9.3