Files
guangan/plugs/think-plugs-ticket/src/view/view/detail.html
2025-03-27 00:48:16 +08:00

202 lines
9.9 KiB
PHP

<div class="layui-tab layui-tab-brief">
<ul class="layui-tab-title">
<li class="layui-this">原始工单信息</li>
<li>核验信息</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" style="display: flex; flex-direction: row; justify-content: space-between">
<span>工单内容</span>
<a data-modal="{:url('ticket/view_ticket_create')}?ticket_id={$vo.ticket.id}" data-height="80%" data-width="80%" class="layui-btn layui-btn-xs layui-btn-normal" title="创建核验工单">重新创建核验工单</a>
</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.ticket.id|default=""}</td>
</tr>
<tr>
<td>工单标题</td>
<td>{$vo.ticket.title|default=""}</td>
</tr>
<tr>
<td>工单类型</td>
<td>{$vo.ticket.type_name|default=""}</td>
</tr>
<tr>
<td>工单地址</td>
<td>{$vo.ticket.ticket_region|default=""} {$vo.ticket.ticket_address|default=""}</td>
</tr>
<tr>
<td>工单内容</td>
<td>{$vo.ticket.content|default=""}</td>
</tr>
<tr>
<td>反馈人信息</td>
<td>{$vo.ticket.contact_name|default="未填写名称"} {$vo.ticket.contact_phone|default="未填写联系方式"}</td>
</tr>
<tr>
<td>工程内容</td>
<td>{$vo.ticket.gc_content|default="-- 待核验 --"}</td>
</tr>
<tr>
<td>做法及质量要求</td>
<td>{$vo.ticket.zf_content|default="-- 待核验 --"}</td>
</tr>
<tr>
<td>工程预算</td>
<td>{$vo.ticket.ys_content|default="-- 待核验 --"}</td>
</tr>
<tr>
<td>预估工作量</td>
<td>{$vo.ticket.work_days|default="-- 待核验 --"}</td>
</tr>
<tr>
<td>工单图片</td>
<td>
<div>
{if count($vo.ticket.imgs_arr) > 0}
{foreach $vo.ticket.imgs_arr as $img}
<img data-tips-image src="{$img}" alt="image" style="height: 100px;">
<span>&nbsp;</span>
{/foreach}
{else}
无图片
{/if}
</div>
</td>
</tr>
{if $vo.ticket.lat && $vo.ticket.lng}
<tr>
<td>位置</td>
<td>
<div id="map" style="height: 320px;"></div>
</td>
</tr>
{/if}
</tbody>
</table>
</div>
{if $vo.ticket.lat && $vo.ticket.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.ticket.lat}", "{$vo.ticket.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">
<div class="layui-card">
<div class="layui-card-header">核验信息</div>
<div class="layui-card-body">
<div class="layui-table">
<table class="layui-table">
<tbody>
<tr>
<td style="width: 120px">核验人</td>
<td>{$vo.staff.name|default=""} {$vo.staff.phone|default=""}</td>
</tr>
{if $vo.status == 1}
<tr>
<td>核验时间</td>
<td>{$vo.finish_at|default=""}</td>
</tr>
<tr>
<td>是否存在异常</td>
<td>{if $vo.is_error == 1}{else}{/if}</td>
</tr>
<tr>
<td>核验结果描述</td>
<td>{$vo.content|default=""}</td>
</tr>
<tr>
<td>工程内容</td>
<td>{$vo.gc_content|default=""}</td>
</tr>
<tr>
<td>做法及质量要求</td>
<td>{$vo.zf_content|default=""}</td>
</tr>
<tr>
<td>工程预算</td>
<td>{$vo.ys_content|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>&nbsp;</span>
{/foreach}
{else}
无图片
{/if}
</div>
</td>
</tr>
<tr>
<td>预期工作量(天)</td>
<td>{$vo.workdays|default="-"}</td>
</tr>
{else}
<tr>
<td>核验状态</td>
<td>待核验</td>
</tr>
{/if}
<tr>
<td>创建时间</td>
<td>{$vo.create_at|default=""}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="layui-tab-item">
{include file="common/ticket_flow" /}
</div>
</div>
</div>