UserShare

This commit is contained in:
2024-12-01 14:43:14 +08:00
parent 912d8a299b
commit 85afcd0f95
3 changed files with 105 additions and 72 deletions

View File

@ -47,7 +47,7 @@ class UserShare extends Controller
$where = $this->_vali([ $where = $this->_vali([
'id.require' => '随手拍ID不能为空', 'id.require' => '随手拍ID不能为空',
]); ]);
$this->vo = TicketUserShare::mk()->where($where)->findOrEmpty(); $this->vo = TicketUserShare::mk()->where($where)->with(['linked_ticket'])->findOrEmpty();
if ($this->vo->isEmpty()) $this->error('用户随手拍不存在!'); if ($this->vo->isEmpty()) $this->error('用户随手拍不存在!');
$this->fetch('detail'); $this->fetch('detail');
} }

View File

@ -25,4 +25,9 @@ class TicketUserShare extends Model
return '未知'; return '未知';
} }
} }
public function linkedTicket()
{
return $this->belongsTo(TicketTicket::class, 'linked_ticket_id', 'id');
}
} }

View File

@ -1,75 +1,103 @@
<div class="layui-card"> <div class="layui-tab layui-tab-brief">
<div class="layui-card-header">随手拍内容</div> <ul class="layui-tab-title">
<div class="layui-card-body"> <li class="layui-this">基本信息</li>
<div class="layui-row"> {if $vo.linked_ticket_id}
随手拍编号:{$vo.id|default=""} <li>关联工单</li>
</div> {/if}
<div class="layui-row"> </ul>
随手拍类型:{$vo.type_name|default=""} <div class="layui-tab-content">
</div> <div class="layui-tab-item layui-show">
<div class="layui-row"> <div class="layui-card">
联系方式:{$vo.contact_phone|default="未填写联系方式"} <div class="layui-card-header">随手拍内容</div>
</div> <div class="layui-card-body">
<div class="layui-row"> <table class="layui-table">
随手拍地址:{$vo.ticket_address|default=""} <tbody class="layui-table-body">
</div> <tr>
<div class="layui-row"> <td style="width: 120px">随手拍编号</td>
随手拍内容:{$vo.content|default=""} <td>{$vo.id|default=""}</td>
</div> </tr>
<div class="layui-row"> <tr>
随手拍图片: <td>随手拍类型</td>
<div> <td>{$vo.type_name|default=""}</td>
{foreach $vo.imgs_arr as $img} </tr>
<img data-tips-image src="{$img}" alt="image" style="height: 100px;"> <tr>
<span>&nbsp;</span> <td>联系方式</td>
{/foreach} <td>{$vo.contact_phone|default="未填写联系方式"}</td>
</tr>
<tr>
<td>随手拍地址</td>
<td>{$vo.ticket_address|default=""}</td>
</tr>
<tr>
<td>随手拍内容</td>
<td>{$vo.content|default=""}</td>
</tr>
<tr>
<td>随手拍图片</td>
<td>
<div>
{foreach $vo.imgs_arr as $img}
<img data-tips-image src="{$img}" alt="image" style="height: 100px;">
<span>&nbsp;</span>
{/foreach}
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div> </div>
{if $vo.ticket_lat && $vo.ticket_lng}
<div class="layui-card">
<div class="layui-card-header">地图位置</div>
<div class="layui-card-body">
<div id="map" style="height: 400px;"></div>
</div>
</div>
<script src="https://map.qq.com/api/gljs?v=1.exp&key=T6XBZ-L33CB-TMFUL-JQ4D6-MKBTK-KNBED"></script>
<script>
var map;
//地图初始化函数,本例取名为init,开发者可根据实际情况定义
function initMap() {
//定义地图中心点坐标
var center = new TMap.LatLng("{$vo.ticket_lat}", "{$vo.ticket_lng}")
//定义map变量,调用 TMap.Map() 构造函数创建地图
map = new TMap.Map(document.getElementById('map'), {
center: center,//设置地图中心点坐标
zoom: 17.2, //设置地图缩放级别
pitch: 43.5, //设置俯仰角
rotation: 45 //设置地图旋转角度
});
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',
},
],
});
}
(function () {
initMap()
})()
</script>
{/if}
</div> </div>
{if $vo.linked_ticket_id}
<div class="layui-tab-item">
123
</div>
{/if}
</div> </div>
</div> </div>
{if $vo.ticket_lat && $vo.ticket_lng}
<div class="layui-card">
<div class="layui-card-header">地图位置</div>
<div class="layui-card-body">
<div id="map" style="height: 400px;"></div>
</div>
</div>
<script src="https://map.qq.com/api/gljs?v=1.exp&key=T6XBZ-L33CB-TMFUL-JQ4D6-MKBTK-KNBED"></script>
<script>
var map;
//地图初始化函数,本例取名为init,开发者可根据实际情况定义
function initMap() {
//定义地图中心点坐标
var center = new TMap.LatLng("{$vo.ticket_lat}", "{$vo.ticket_lng}")
//定义map变量,调用 TMap.Map() 构造函数创建地图
map = new TMap.Map(document.getElementById('map'), {
center: center,//设置地图中心点坐标
zoom: 17.2, //设置地图缩放级别
pitch: 43.5, //设置俯仰角
rotation: 45 //设置地图旋转角度
});
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',
},
],
});
}
(function () {
initMap()
})()
</script>
{/if}