You've already forked guangan
112 lines
5.3 KiB
PHP
112 lines
5.3 KiB
PHP
<div class="layui-tab layui-tab-brief">
|
|
<ul class="layui-tab-title">
|
|
<li class="layui-this">基本信息</li>
|
|
<li>工单全流程信息</li>
|
|
</ul>
|
|
<div class="layui-tab-content">
|
|
<div class="layui-tab-item layui-show">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">工单内容</div>
|
|
<div class="layui-card-body">
|
|
<div class="layui-table">
|
|
<table class="layui-table">
|
|
<tbody class="layui-table-body">
|
|
<tr>
|
|
<td style="width: 120px">工单编号</td>
|
|
<td>{$vo.id|default=""}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>工单标题</td>
|
|
<td>{$vo.title|default=""}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>工单类型</td>
|
|
<td>{$vo.type_name|default=""}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>工单地址</td>
|
|
<td>{$vo.ticket_region|default=""} {$vo.ticket_address|default=""}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>工单内容</td>
|
|
<td>{$vo.content|default=""}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>反馈人信息</td>
|
|
<td>{$vo.contact_name|default="未填写名称"} {$vo.contact_phone|default="未填写联系方式"}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>工单图片</td>
|
|
<td>
|
|
<div>
|
|
{if count($vo.imgs_arr) > 0}
|
|
{foreach $vo.imgs_arr as $img}
|
|
<img data-tips-image src="{$img}" alt="image" style="height: 100px;">
|
|
<span> </span>
|
|
{/foreach}
|
|
{else}
|
|
无图片
|
|
{/if}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{if $vo.lat && $vo.lng}
|
|
<tr>
|
|
<td>位置</td>
|
|
<td>
|
|
<div id="map" style="height: 320px;"></div>
|
|
</td>
|
|
</tr>
|
|
{/if}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{if $vo.lat && $vo.lng}
|
|
<script src="https://map.qq.com/api/gljs?v=1.exp&key=T6XBZ-L33CB-TMFUL-JQ4D6-MKBTK-KNBED"></script>
|
|
<script>
|
|
function initMap() {
|
|
//定义地图中心点坐标
|
|
var center = new TMap.LatLng("{$vo.lat}", "{$vo.lng}")
|
|
//定义map变量，调用 TMap.Map() 构造函数创建地图
|
|
var map = new TMap.Map(document.getElementById('map'), {
|
|
center: center,//设置地图中心点坐标
|
|
zoom: 17.2, //设置地图缩放级别
|
|
pitch: 30, //设置俯仰角
|
|
});
|
|
var marker = new TMap.MultiMarker({
|
|
map: map,
|
|
styles: {
|
|
// 点标记样式
|
|
marker: new TMap.MarkerStyle({
|
|
width: 20, // 样式宽
|
|
height: 30, // 样式高
|
|
anchor: { x: 10, y: 30 }, // 描点位置
|
|
}),
|
|
},
|
|
geometries: [
|
|
// 点标记数据数组
|
|
{
|
|
// 标记位置(纬度，经度，高度)
|
|
position: center,
|
|
id: 'marker',
|
|
},
|
|
],
|
|
});
|
|
}
|
|
var mapInit = setInterval(function () {
|
|
if (window.TMap) {
|
|
clearInterval(mapInit)
|
|
initMap()
|
|
}
|
|
}, 500)
|
|
</script>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-tab-item">
|
|
{include file="common/ticket_flow" /}
|
|
</div>
|
|
</div>
|
|
</div>
|