样式修改

chenhuan

2024-05-24 7b7739d6afec561c7b1beb889ee2ff4fcddbe60b

样式修改

 javaweb-plus/javaweb-admin/src/main/resources/static/css/skins.css

@@ -16,7 +16,7 @@
}

.skin-blue .navbar .nav>li>a {
    color: #fff
    color: #565656
}

.skin-blue .navbar .nav>li>a:hover,

 javaweb-plus/javaweb-admin/src/main/resources/templates/index.html

@@ -174,7 +174,7 @@
                        <i class="fa fa-bars"></i>
                    </a>
                </div>
                <ul class="nav navbar-top-links navbar-right welcome-message">
                <ul class="nav navbar-top-links navbar-right welcome-message"style="margin: 0;">
<!--                     <li><a title="视频教程" href="http://doc.ruoyi.vip/ruoyi/document/spjc.html" target="_blank"><i class="fa fa-video-camera"></i> 视频教程</a></li> -->
<!--                     <li><a title="开发文档" href="http://doc.ruoyi.vip" target="_blank"><i class="fa fa-question-circle"></i> 开发文档</a></li> -->
                    <li><a title="全屏显示" href="javascript:void(0)" id="fullScreen"><i class="fa fa-arrows-alt"></i> 全屏显示</a></li>

 javaweb-plus/javaweb-admin/src/main/resources/templates/index_topMenu.html

@@ -64,7 +64,7 @@

                </div>

                <ul class="nav navbar-top-links navbar-right welcome-message">
                <ul class="nav navbar-top-links navbar-right welcome-message" >
                    <li><a title="全屏显示" href="javascript:void(0)" id="fullScreen"><i class="fa fa-arrows-alt"></i> 全屏显示</a></li>
                    <li class="dropdown user-menu">
                        <a href="javascript:void(0)" class="dropdown-toggle" data-hover="dropdown">

 javaweb-plus/javaweb-admin/src/main/resources/templates/main.html

@@ -13,6 +13,7 @@
    .content {
        width: 100%;
        background-color: rgba(0,0,0,0.01) !important;
        padding:10px;
    }
    [v-cloak]{
        display: none;
@@ -79,6 +80,15 @@
        margin-top: 12px;
        cursor: pointer;
    }
    .ilblock{
        border-left: 1px solid #e3e5e7;
        padding: 0 40px;
        align-content: center;
    }
    .ilblock span{
        display: block;
        line-height: 30px;
    }

</style>
</head>
@@ -88,29 +98,34 @@
        <el-row style="height: 127px;">
            <el-col :span="6">
                <el-card class="box-card">
                    <div style="flex:4;">
                    <div style="flex:4;padding-right: 20px;" >
                        <div>
                            <span style="color:rgba(0,0,0,.65);font-size: 15px;">场地数量</span>
                            <li class="el-icon-s-promotion" style="font-size: 18px;float: right;color: grey">
                            <li class="el-icon-s-promotion" style="font-size: 18px;margin-right: 5px;margin-left: -5px;color: #409eff;"></li>
                            <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">场地数量</span>
                        </div>
                        <div>
                        <span style="color:#000;font-size: 26px;word-break: break-all;line-height: 38px">34个
                        <div style="text-align: center;">
                        <span style="color:#000;font-size: 30px;word-break: break-all;line-height: 70px">34
                        </span>
                        </div>
                    </div>

                    <div style="flex:6;">
                    <div style="flex:6;" class="ilblock">
                        <span style="color:rgba(0,0,0,.65);font-size: 15px;">
                            协调中   {{indexDataCount.projectStatus0}}
                            <li class="el-icon-caret-bottom" style="color: #f56c6c">
                            协调中
                            <span style="float: right">
                                {{indexDataCount.projectStatus0}}
                            </span>
<!--                            <li class="el-icon-caret-bottom" style="color: #f56c6c">-->
                        </span>
                        <span style="color:rgba(0,0,0,.65);font-size: 15px;">
                            待开工    {{indexDataCount.projectStatus1}}
                            <li class="el-icon-caret-bottom" style="color: #e6a23c">
                            待开工
                            <span style="float: right">{{indexDataCount.projectStatus1}}</span>
<!--                            <li class="el-icon-caret-bottom" style="color: #e6a23c">-->
                        </span>
                        <span style="color:rgba(0,0,0,.65);font-size: 15px;">
                            进行中     {{indexDataCount.projectStatus2}}
                            <li class="el-icon-caret-top" style="color: #409eff">
                            进行中
                            <span style="float: right">{{indexDataCount.projectStatus2}}</span>
<!--                            <li class="el-icon-caret-top" style="color: #409eff">-->
                        </span>

                    </div>
@@ -119,25 +134,25 @@

            <el-col :span="6">
                <el-card class="box-card">
                    <div style="flex:4;">
                    <div style="flex:4;padding-right: 20px;">
                        <div>
                            <span style="color:rgba(0,0,0,.65);font-size: 15px;">钻孔进尺</span>
                            <li class="el-icon-coin" style="font-size: 18px;float: right;color: grey">
                            <li class="el-icon-coin" style="font-size: 18px;margin-right: 5px;margin-left: -5px;color: #085abe"></li>
                            <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">钻孔进尺</span>
                        </div>
                        <div>
                        <span style="color:#000;font-size: 26px;word-break: break-all;line-height: 38px">647个
                        <div style="text-align: center">
                        <span style="color:#000;font-size: 30px;word-break: break-all;line-height: 70px;">647
                        </span>
                        </div>
                    </div>

                    <div style="flex:6;">
                    <div style="flex:6;" class="ilblock">
                        <span style="color:rgba(0,0,0,.65);font-size: 15px;">
                            总进尺 {{indexDataCount.footageCount}}m
                            <li class="el-icon-caret-bottom" style="color: #f56c6c">
                            总进尺 <span style="float: right">{{indexDataCount.footageCount}}m</span>
<!--                            <li class="el-icon-caret-bottom" style="color: #f56c6c">-->
                        </span>
                        <span style="color:rgba(0,0,0,.65);font-size: 15px;">
                            已完成   {{indexDataCount.footageCplCount}}m
                            <li class="el-icon-caret-bottom" style="color: #409eff">
                            已完成   <span style="float: right">{{indexDataCount.footageCplCount}}m</span>
<!--                            <li class="el-icon-caret-bottom" style="color: #409eff">-->
                        </span>
                    </div>
                </el-card>
@@ -145,58 +160,58 @@

            <el-col :span="6">
                <el-card class="box-card">
                    <div style="flex:4;">
                    <div style="flex:4;padding-right: 20px;">
                        <div>
                            <span style="color:rgba(0,0,0,.65);font-size: 15px;">实时监控</span>
                            <li class="el-icon-video-camera" style="font-size: 18px;float: right;color: grey">
                            <li class="el-icon-video-camera" style="font-size: 18px;margin-right: 5px;margin-left: -5px;color: #11d713"></li>
                            <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">实时监控</span>
                        </div>
                        <div>
                        <span style="color:#000;font-size: 26px;word-break: break-all;line-height: 38px">68个
                        <div style="text-align: center">
                        <span style="color:#000;font-size: 30px;word-break: break-all;line-height: 70px">68
                        </span>
                        </div>
                    </div>

                    <div style="flex:6;">
                    <div style="flex:6;" class="ilblock">
                        <div>
                            
                        </div>
                        <span style="color:rgba(0,0,0,.65);font-size: 15px;">
                            已安装  0
                            <li class="el-icon-caret-bottom" style="color: #f56c6c">
                            已安装  <span style="float: right">0</span>
<!--                            <li class="el-icon-caret-bottom" style="color: #f56c6c">-->
                        </span>
                        <span style="color:rgba(0,0,0,.65);font-size: 15px;">
                            未安装   68
                            <li class="el-icon-caret-bottom" style="color: #409eff">
                            未安装   <span style="float: right">68</span>
<!--                            <li class="el-icon-caret-bottom" style="color: #409eff">-->
                        </span>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card class="box-card">
                    <div style="flex:4;">
                    <div style="flex:4;padding-right: 20px;">
                        <div>
                            <span style="color:rgba(0,0,0,.65);font-size: 15px;">资料文件</span>
                            <li class="el-icon-s-order" style="font-size: 18px;float: right;color: grey">
                            <li class="el-icon-s-order" style="font-size: 18px;margin-right: 5px;margin-left: -5px;color: #917ed0"></li>
                            <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">资料文件</span>
                        </div>
                        <div>
                        <span style="color:#000;font-size: 26px;word-break: break-all;line-height: 38px">
                            {{indexDataCount.fileCount}}件
                        <div style="text-align: center">
                        <span style="color:#000;font-size: 30px;word-break: break-all;line-height: 70px;">
                            {{indexDataCount.fileCount}}
                        </span>
                        </div>
                    </div>

                    <div style="flex:6;">
                    <div style="flex:6;" class="ilblock">
                        <span style="color:rgba(0,0,0,.65);font-size: 15px;">
                            施工资料  0
                            <li class="el-icon-caret-bottom" style="color: #f56c6c">
                            施工资料  <span style="float: right">0</span>
<!--                            <li class="el-icon-caret-bottom" style="color: #f56c6c">-->
                        </span>
                        <span style="color:rgba(0,0,0,.65);font-size: 15px;">
                            安全资料   0
                            <li class="el-icon-caret-bottom" style="color: #409eff">
                            安全资料   <span style="float: right">0</span>
<!--                            <li class="el-icon-caret-bottom" style="color: #409eff">-->
                        </span>
                        <span style="color:rgba(0,0,0,.65);font-size: 15px;">
                            质量资料   0
                            <li class="el-icon-caret-bottom" style="color: #409eff">
                            质量资料   <span style="float: right">0</span>
<!--                            <li class="el-icon-caret-bottom" style="color: #409eff">-->
                        </span>
                    </div>