From fd1211cd8d25526bfc4039bfa6547c7859e399bb Mon Sep 17 00:00:00 2001 From: zmk <496160012@qq.com> Date: 星期五, 21 六月 2024 12:40:36 +0800 Subject: [PATCH] 提交代码 --- javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html | 114 ++++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 73 insertions(+), 41 deletions(-) diff --git a/javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html b/javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html index 67711b1..311cff5 100644 --- a/javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html +++ b/javaweb-plus/javaweb-cms/src/main/resources/templates/geo/project/info.html @@ -77,6 +77,7 @@ </template> {{project.code}} </el-descriptions-item> + <el-descriptions-item> <template slot="label"> <i class="el-icon-map-location"></i> @@ -121,23 +122,16 @@ <el-col :span="10" > <el-card class="box-card card-yellow" 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> @@ -148,17 +142,46 @@ </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: 100%" 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-yellow" style="height: 320px;margin-top: 20px"> <div slot="header" class="clearfix"> <span>鏉愭枡缁熻</span> </div> @@ -178,26 +201,6 @@ <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> @@ -211,18 +214,36 @@ <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(); }); @@ -260,7 +281,11 @@ emphasis: { focus: 'series' }, - data: [] + data: [], + itemStyle: { + // 淇敼鏌卞瓙鐨勯鑹� + color: '#e2b507' + } }, { name: '鍏ュ簱', @@ -269,7 +294,11 @@ emphasis: { focus: 'series' }, - data: [] + data: [], + itemStyle: { + // 淇敼鏌卞瓙鐨勯鑹� + color: '#2992c6' + } }, ] @@ -299,9 +328,12 @@ el: "#app", data() { return { + holeProcess:"", project: "", holeData: [], tubLogs:[], + src:"", + srcList:[], }; }, methods: { -- Gitblit v1.9.1