|  |  | 
 |  |  |                                 <i class="el-icon-user"></i> | 
 |  |  |                                 负责人: | 
 |  |  |                             </template> | 
 |  |  |                             {{project.leaderName}} | 
 |  |  |                             {{project.leader}} | 
 |  |  |                         </el-descriptions-item> | 
 |  |  |                         <el-descriptions-item> | 
 |  |  |                             <template slot="label"> | 
 |  |  | 
 |  |  |             </el-col> | 
 |  |  |  | 
 |  |  |             <el-col :span="10" > | 
 |  |  |                 <el-card class="box-card card-yellow" style="height: 320px;margin-right: 20px;"> | 
 |  |  |                 <el-card class="box-card card-blue" style="height: 320px;margin-right: 20px;"> | 
 |  |  |                     <div slot="header" class="clearfix"> | 
 |  |  |                         <span>钻孔进度</span> | 
 |  |  |                         <span>钻孔分布图</span> | 
 |  |  |                     </div> | 
 |  |  |                     <template> | 
 |  |  |                         <el-table :data="holeData" size="small" style="width: 100%"> | 
 |  |  |                             <el-table-column prop="code" label="编号"></el-table-column> | 
 |  |  |                             <el-table-column prop="type" label="类型"></el-table-column> | 
 |  |  |                             <el-table-column prop="footage" label="总进尺(m)"></el-table-column> | 
 |  |  |                             <el-table-column prop="footageCpl" label="已完成(m)"></el-table-column> | 
 |  |  |                             <el-table-column label="进度(%)"> | 
 |  |  |                                 <template slot-scope="scope"> | 
 |  |  |                                     <el-progress  :percentage=(scope.row.rate*100).toFixed(0) ></el-progress> | 
 |  |  |                                 </template> | 
 |  |  |                             </el-table-column> | 
 |  |  |  | 
 |  |  |                         </el-table> | 
 |  |  |                     </template> | 
 |  |  |  | 
 |  |  |                     <div> | 
 |  |  |                         <el-image :src="src" | 
 |  |  |                                   :preview-src-list="srcList"> | 
 |  |  |                             <div slot="placeholder" class="image-slot"> | 
 |  |  |                                 加载中<span class="dot">...</span> | 
 |  |  |                             </div> | 
 |  |  |                         </el-image> | 
 |  |  |                     </div> | 
 |  |  |                 </el-card> | 
 |  |  |             </el-col> | 
 |  |  |  | 
 |  |  | 
 |  |  |                     </div> | 
 |  |  |                     <div> | 
 |  |  |                         <div style="padding-left: 20%;"> | 
 |  |  |                             <el-progress  type="dashboard" color="#FF0000" :percentage="50"> | 
 |  |  |                             <el-progress  type="dashboard" color="#FF0000" :percentage=holeProcess> | 
 |  |  |                             </el-progress> | 
 |  |  |                         </div> | 
 |  |  |                     </div> | 
 |  |  |                 </el-card> | 
 |  |  |             </el-col> | 
 |  |  |  | 
 |  |  |         </el-row> | 
 |  |  |  | 
 |  |  |         <el-row style="height: 200px;"> | 
 |  |  |             <el-col :span="24" > | 
 |  |  |                 <el-card class="box-card card-blue" style="height: 320px;margin-top: 20px"> | 
 |  |  |                     <div slot="header" class="clearfix"> | 
 |  |  |                         <span>钻孔进度</span> | 
 |  |  |                     </div> | 
 |  |  |                     <div style="height: 250px;"> | 
 |  |  |                         <template> | 
 |  |  |                             <el-table :data="holeData" size="small" style="width: 99%" height="250"> | 
 |  |  |                                 <el-table-column prop="code" label="编号"></el-table-column> | 
 |  |  |                                 <el-table-column prop="type" label="类型"></el-table-column> | 
 |  |  |                                 <el-table-column prop="footage" label="总进尺(m)"></el-table-column> | 
 |  |  |                                 <el-table-column prop="footageCpl" label="已完成(m)"></el-table-column> | 
 |  |  |                                 <el-table-column label="进度(%)"> | 
 |  |  |                                     <template slot-scope="scope"> | 
 |  |  |                                         <el-progress  :percentage=(scope.row.rate*100).toFixed(0) ></el-progress> | 
 |  |  |                                     </template> | 
 |  |  |                                 </el-table-column> | 
 |  |  |  | 
 |  |  |                             </el-table> | 
 |  |  |                         </template> | 
 |  |  |  | 
 |  |  |                     </div> | 
 |  |  |                 </el-card> | 
 |  |  |             </el-col> | 
 |  |  |  | 
 |  |  |         </el-row> | 
 |  |  |  | 
 |  |  |         <el-row style="height: 200px;"> | 
 |  |  |             <el-col :span="24"> | 
 |  |  |  | 
 |  |  |                 <el-card class="box-card  card-green"  style="height: 320px;margin-top: 20px"> | 
 |  |  |                 <el-card class="box-card  card-blue"  style="height: 320px;margin-top: 20px"> | 
 |  |  |                         <div slot="header" class="clearfix"> | 
 |  |  |                             <span>材料统计</span> | 
 |  |  |                         </div> | 
 |  |  |                         <el-col :span="10" style="height: 320px;"> | 
 |  |  |                             <template> | 
 |  |  |                                 <el-table :data="tubLogs" border size="small" style="width: 100%" | 
 |  |  |                                 <el-table :data="tubLogs" border size="small" style="width: 99%" | 
 |  |  |                                           :header-cell-style="{color: '#4D4D4D',background: '#F7931E',fontWeight: '400'}" | 
 |  |  |                                           :row-class-name="tableRowClassName"> | 
 |  |  |                                     <el-table-column prop="tubName" label="名称"></el-table-column> | 
 |  |  | 
 |  |  |                             <div id="column-chart" style="height: 250px; width: 100%;"></div> | 
 |  |  |                         </el-col> | 
 |  |  |                 </el-card> | 
 |  |  | <!--                <el-card class="box-card  card-green" style="height: 320px;margin-top: 20px">--> | 
 |  |  | <!--                    <div slot="header" class="clearfix">--> | 
 |  |  | <!--                        <span>材料信息</span>--> | 
 |  |  | <!--                    </div>--> | 
 |  |  | <!--                    <div>--> | 
 |  |  | <!--                        <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>--> | 
 |  |  | <!--                    </div>--> | 
 |  |  | <!--                </el-card>--> | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |             </el-col> | 
 |  |  | 
 |  |  |  | 
 |  |  |    <script th:inline="javascript"> | 
 |  |  |         var project =[[${project}]]; | 
 |  |  |  | 
 |  |  |         var winURL = window.location.protocol + "//" + window.location.host + "/bjfw/profile"; | 
 |  |  |         console.log(winURL) | 
 |  |  |  | 
 |  |  |         var projectUrl = winURL + project.url; | 
 |  |  |         var arrayImg= new Array(); | 
 |  |  |         arrayImg.push(projectUrl); | 
 |  |  |  | 
 |  |  |         var projectId=[[${projectId}]]; | 
 |  |  |         var statusDatas = [[${@dict.getType('hole_status')}]]; | 
 |  |  |         var prefix = ctx + "geo/hole"; | 
 |  |  |         var prefix2 = ctx + "geo/TubLog"; | 
 |  |  |  | 
 |  |  |         $(function() { | 
 |  |  |             //场地钻孔列表 | 
 |  |  |             var url = prefix + "/holelist?projectId=" + projectId; | 
 |  |  |             $.ajaxSettings.async = false; | 
 |  |  |             $.get(url,{},function(res){ | 
 |  |  |                 vm.holeData = res.data; | 
 |  |  |             }); | 
 |  |  |             vm.project = project; | 
 |  |  |             //场地进度 | 
 |  |  |             var url2 = prefix + "/holeProcess?projectId=" + projectId; | 
 |  |  |             $.ajaxSettings.async = false; | 
 |  |  |             $.get(url2,{},function(res){ | 
 |  |  |                 vm.holeProcess = res.data==null ? 0 :(res.data*100).toFixed(0); | 
 |  |  |             }); | 
 |  |  |  | 
 |  |  |             vm.src = projectUrl; | 
 |  |  |             vm.srcList = arrayImg; | 
 |  |  |             tubLogs(); | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  | 
 |  |  |                         emphasis: { | 
 |  |  |                             focus: 'series' | 
 |  |  |                         }, | 
 |  |  |                         data: [] | 
 |  |  |                         data: [], | 
 |  |  |                         itemStyle: { | 
 |  |  |                             // 修改柱子的颜色 | 
 |  |  |                             color: '#e2b507' | 
 |  |  |                         } | 
 |  |  |                     }, | 
 |  |  |                     { | 
 |  |  |                         name: '入库', | 
 |  |  | 
 |  |  |                         emphasis: { | 
 |  |  |                             focus: 'series' | 
 |  |  |                         }, | 
 |  |  |                         data: [] | 
 |  |  |                         data: [], | 
 |  |  |                         itemStyle: { | 
 |  |  |                             // 修改柱子的颜色 | 
 |  |  |                             color: '#2992c6' | 
 |  |  |                         } | 
 |  |  |                     }, | 
 |  |  |  | 
 |  |  |                 ] | 
 |  |  | 
 |  |  |             el: "#app", | 
 |  |  |             data() { | 
 |  |  |                 return { | 
 |  |  |                     holeProcess:"", | 
 |  |  |                     project: "", | 
 |  |  |                     holeData: [], | 
 |  |  |                     tubLogs:[], | 
 |  |  |                     src:"", | 
 |  |  |                     srcList:[], | 
 |  |  |                 }; | 
 |  |  |             }, | 
 |  |  |             methods: { |