提交代码

zmk

2024-05-28 ca1fa7d859c6ad07c15c9deb460bd92780162a60

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

@@ -15,9 +15,6 @@
      background-color: rgba(0,0,0,0.01) !important;
      padding:10px;
   }
   body{
      padding: 10px;
   }
   [v-cloak]{
      display: none;
   }
@@ -93,6 +90,46 @@
      line-height: 30px;
   }


   <!-- 表格样式 -->
   .el-table, .el-table__expanded-cell {
      background-color: transparent;
      color: #4D4D4D;
      font-size: 13px;
   }

   .el-table th,
   .el-table tr,
   .el-table td {
      background-color: transparent;
      border: 0px;
      color: #4D4D4D;
      font-size: 13px;
      font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
      font-weight: Normal;
   }
   .el-table::before {
      height: 0px;
   }
   .el-table__body tr,
   .el-table__body td {
      padding: 0;
      height: 22px;
   }
   .el-table__row.warning-row {
      background:rgb(252,212,165);
   }
   .el-table__body-wrapper::-webkit-scrollbar-track {
      background-color: rgb(252,212,165);
   }
   .el-table__body-wrapper::-webkit-scrollbar {
      width: 10px;
      opacity: 0.5;
   }
   .el-table__body-wrapper::-webkit-scrollbar-thumb {
      border-radius: 15px;
      background-color:rgb(252,212,165);
   }
</style>
</head>

@@ -107,7 +144,7 @@
                     <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">场地数量</span>
                  </div>
                  <div style="text-align: center;">
                  <span style="color:#000;font-size: 30px;word-break: break-all;line-height: 70px">34
                  <span style="color:#ED1C24;font-size: 30px;word-break: break-all;line-height: 70px">34
                  </span>
                  </div>
               </div>
@@ -143,7 +180,7 @@
                     <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">钻孔进尺</span>
                  </div>
                  <div style="text-align: center">
                  <span style="color:#000;font-size: 30px;word-break: break-all;line-height: 70px;">647
                  <span style="color:#1894F6;font-size: 30px;word-break: break-all;line-height: 70px;">647
                  </span>
                  </div>
               </div>
@@ -169,7 +206,7 @@
                     <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">实时监控</span>
                  </div>
                  <div style="text-align: center">
                  <span style="color:#000;font-size: 30px;word-break: break-all;line-height: 70px">68
                  <span style="color:#F7931E;font-size: 30px;word-break: break-all;line-height: 70px">68
                  </span>
                  </div>
               </div>
@@ -197,7 +234,7 @@
                     <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">资料文件</span>
                  </div>
                  <div style="text-align: center">
                  <span style="color:#000;font-size: 30px;word-break: break-all;line-height: 70px;">
                  <span style="color:#F7931E;font-size: 30px;word-break: break-all;line-height: 70px;">
                     {{indexDataCount.fileCount}}
                  </span>
                  </div>
@@ -224,18 +261,28 @@
      <el-row>
         <el-col :span="16">
            <el-card class="box-card">
               <div>
               <div style="height: 200px;width: 100%;">
                  <h3>材料统计</h3>

                  <el-col :span="10" style="height: 200px;">
                     <template>
                        <el-table :data="tubLogs" border size="small" style="width: 100%"
                                :header-cell-style="{color: '#4D4D4D',background: '#F7931E',fontWeight: '400'}"
                                :row-class-name="tableRowClassName">
<!--                           <el-table-column prop="code" label="序号"></el-table-column>-->
                           <el-table-column prop="tubName" label="名称"></el-table-column>
                           <el-table-column prop="inboundNumber" label="入库数量"></el-table-column>
                           <el-table-column prop="outboundNumber" label="出库数量"></el-table-column>
                           <el-table-column prop="unit" label="单位"></el-table-column>

                        </el-table>
                     </template>
                  </el-col>
                  <el-col :span="14" style="height: 200px;">
                  </el-col>
               </div>

            </el-card>

            <el-card class="box-card" style="margin-top: 4px;">
            <el-card class="box-card" style="margin-top: 20px;">
               <div id="map_div" style="width: 100%;height: 550px;"></div>
            </el-card>

@@ -243,41 +290,44 @@

         <el-col :span="8">
            <el-card class="box-card">
               <div style="width: 100%;height: 20px;">
                  <h3>项目总体进度(%)</h3>
               <div style="height: 200px;width: 100%">
                  <div style="width: 100%;height: 20px;">
                     <h3>项目总体进度2(%)</h3>
                  </div>
                  <div id="Chart1" style="width: 80%;height: 180px;margin-left: 10%;"></div>
               </div>
               <div id="Chart1" style="width: 80%;height: 180px;margin-left: 10%;"></div>
            </el-card>

            <el-card class="box-card" style="margin-top: 4px;">
               <div style="width: 100%;height: 20px;margin-bottom: 10px;text-align: center;">
                  <h3>场地详细进度(%)</h3>
               </div>
               <div style="width: 100%;height: 500px;overflow: auto">
            <el-card class="box-card" style="margin-top: 20px;">
               <div style="width: 100%">
                  <div style="width: 100%;height: 20px;margin-bottom: 10px;text-align: center;">
                     <h3>场地详细进度(%)</h3>
                  </div>
                  <div style="width: 100%;height: 500px;overflow: auto">

                  <el-row class="rankrow" v-for='entity in stationProcessData' @click.native='viewStation(entity)'>
                     <el-col :span="2" >
                        <div v-if="entity.status=='协调中'" class="active-red">{{entity.ranking}}</div>
                        <div v-if="entity.status=='待开工'" class="active-yellow">{{entity.ranking}}</div>
                        <div v-if="entity.status=='进行中'" class="active-blue">{{entity.ranking}}</div>
                     <el-row class="rankrow" v-for='entity in stationProcessData' @click.native='viewStation(entity)'>
                        <el-col :span="2" >
                           <div v-if="entity.status=='协调中'" class="active-red">{{entity.ranking}}</div>
                           <div v-if="entity.status=='待开工'" class="active-yellow">{{entity.ranking}}</div>
                           <div v-if="entity.status=='进行中'" class="active-blue">{{entity.ranking}}</div>

                     </el-col>
                        </el-col>

                     <el-col :span="7">
                        <div style="font-size: 16px">{{entity.station}}</div>
                     </el-col >
                        <el-col :span="7">
                           <div style="font-size: 16px">{{entity.station}}</div>
                        </el-col >

                     <el-col :span="5">
                        <div style="font-size: 16px">{{entity.status}}</div>
                     </el-col>
                        <el-col :span="5">
                           <div style="font-size: 16px">{{entity.status}}</div>
                        </el-col>

                     <el-col :span="8">
                        <div>
                           <el-progress :stroke-width="10" :percentage="entity.value"></el-progress>
                        </div>
                     </el-col>
                  </el-row>

                        <el-col :span="8">
                           <div>
                              <el-progress :stroke-width="10" :percentage="entity.value"></el-progress>
                           </div>
                        </el-col>
                     </el-row>
                  </div>
               </div>

            </el-card>
@@ -313,6 +363,7 @@
      indexCount();
      tubLogs();
   })
   //场地和地图点击联动
   function viewStation(station) {
      var lng = station.lng;
      var lat = station.lat;
@@ -323,11 +374,13 @@
      let url = ctx + "/system/tubLogData";
      $.ajaxSettings.async = false;
      $.get(url,{},function(res){
         vm.tubLogData = res.tubLogData;
         vm.tubLogs = res.tubLogs;
      })
      $.ajaxSettings.async = false;
      console.log(vm.tubLogs);
   }

   //首页第一行个数统计
   function indexCount() {
      let url = ctx + "/system/indexDataCount";
      $.ajaxSettings.async = false;
@@ -335,8 +388,9 @@
         vm.indexDataCount = res.data;
      })
      $.ajaxSettings.async = false;
   }

   }
   //场地进度
   function stationProcess() {
      let url = ctx + "/system/projectProcess";
      $.ajaxSettings.async = false;
@@ -353,10 +407,17 @@
         return {
            stationProcessData: [],
            indexDataCount :"",
            tubLogData:[],
            tubLogs:[],
         };
      },
      methods: {
         tableRowClassName({ row, rowIndex }) {
            if (rowIndex % 2 == 0) {
               return "";
            } else {
               return "warning-row";
            }
         },
      }
   });
   // 加载地图
@@ -487,7 +548,8 @@
      $.get(url,{},function(res){
         pointerData = res.pointerData;
         pointerData = (pointerData*100).toFixed(0);
      })
      });

      $.ajaxSettings.async = false;
      var option = {
         backgroundColor: "#fff",