智慧园区前端大屏
linwe
2024-11-06 f5ffad6ce6b30df33fc546b9498491bedc6808b3
企业详情
5 files modified
117 ■■■■ changed files
src/views/companyInfo/components/box/fireSource.vue 6 ●●●● patch | view | raw | blame | history
src/views/companyInfo/components/box/fireTrend.vue 52 ●●●● patch | view | raw | blame | history
src/views/companyInfo/components/box/occurStatistics.vue 50 ●●●●● patch | view | raw | blame | history
src/views/companyInfo/components/centerContainer.vue 3 ●●●● patch | view | raw | blame | history
src/views/layout/components/scomponents/layersControl.vue 6 ●●●● patch | view | raw | blame | history
src/views/companyInfo/components/box/fireSource.vue
@@ -86,8 +86,8 @@
                </div>
                <div class="company-info-image">
                    <!-- <img :src="data.companyInfo.image_urls" alt=""> -->
                    {{ "图片" }}
                    <img :src="data.companyInfo.image_urls" alt="">
                    <!-- {{ "图片" }} -->
                </div>
@@ -129,7 +129,7 @@
    margin-top: 20px;
    width: 100%;
    height: 200px;
    background-color: pink;
    // background-color: pink;
    text-align: center;
}
</style>
src/views/companyInfo/components/box/fireTrend.vue
@@ -106,9 +106,9 @@
<template>
    <public-content>
        <template #content>
            <div>
            <div class="search-box">
                <el-form :inline="true" :model="formInline" class="demo-form-inline">
                    <el-form-item label="名称">
                    <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="归属">
@@ -117,13 +117,13 @@
                            <el-option label="企业" value="2" />
                        </el-select>
                    </el-form-item> -->
                    <el-form-item>
                    <el-form-item class="search-btn">
                        <el-button type="primary" @click="onSubmit">查询</el-button>
                        <el-button type="" @click="clearBtn">重置</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">
                    :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="单位名称" /> -->
@@ -143,9 +143,15 @@
    color: #fff !important;
}
.search-box {
    ::v-deep .el-table__body-wrapper {
        background-color: #152851;
    }
}
/* 当表格没有数据时,修改表格的背景颜色 */
.el-table--empty .el-table__body {
    background-color: #19284e !important;
    background-color: rgba(135, 158, 199, 0.3) !important;
    /* 你想要的背景颜色 */
}
@@ -157,4 +163,38 @@
    justify-content: center;
    // margin-bottom:10px;
}
.form-item-input {
    width: 200px;
    ::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__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);
    }
}
</style>
src/views/companyInfo/components/box/occurStatistics.vue
@@ -106,9 +106,9 @@
<template>
    <public-content>
        <template #content>
            <div>
            <div class="search-box">
                <el-form :inline="true" :model="formInline" class="demo-form-inline">
                    <el-form-item label="姓名">
                    <el-form-item label="" class="form-item-input">
                        <el-input v-model="formInline.perInCha" placeholder="请输入姓名" clearable style="width: 120px" />
                    </el-form-item>
                    <!-- <el-form-item label="归属">
@@ -117,13 +117,13 @@
                            <el-option label="企业" value="2" />
                        </el-select>
                    </el-form-item> -->
                    <el-form-item>
                    <el-form-item class="search-btn">
                        <el-button type="primary" @click="onSubmit">查询</el-button>
                        <el-button type="" @click="clearBtn">重置</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">
                    :cell-style="tableCellStyle" v-loading="loading" element-loading-background="rgba(122, 122, 122, 0.1)">
                    <el-table-column fixed prop="perInCha" label="责任人姓名" />
                    <el-table-column prop="perInChaPho" label="联系电话" />
                    <!-- <el-table-column prop="firmName" label="单位名称" /> -->
@@ -149,6 +149,12 @@
    /* 你想要的背景颜色 */
}
.search-box {
    ::v-deep .el-table__body-wrapper {
        background-color: #152851;
    }
}
.el-page {
    margin-top: 10px;
    width: 100%;
@@ -157,4 +163,38 @@
    justify-content: center;
    // margin-bottom:10px;
}
.form-item-input {
    width: 200px;
    ::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__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);
    }
}
</style>
src/views/companyInfo/components/centerContainer.vue
@@ -69,7 +69,7 @@
.center-name {
    font-size: 30px;
    margin: 10px 0;
    font-family: "华文行楷";
    font-family: YouSheBiaoTiHei;
}
.button-group {
@@ -89,6 +89,7 @@
    background-color: transparent;
    color: #fff;
    font-size: 25px;
    font-family: YouSheBiaoTiHei;
}
.center-info {
src/views/layout/components/scomponents/layersControl.vue
@@ -301,9 +301,9 @@
}
onMounted(() => {
  handleCheckChange(data.filter(i => i.id == '1'), {
    checkedKeys: ['1']
  })
  // handleCheckChange(data.filter(i => i.id == '1'), {
  //   checkedKeys: ['1']
  // })
})
</script>