q792602257/guangan
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UserShare

Browse Source
This commit is contained in:
Jerry Yan
2024-12-01 14:43:14 +08:00
parent 912d8a299b
commit 85afcd0f95
3 changed files with 105 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
plugs/think-plugs-ticket/src/controller/UserShare.php
View File

@ -47,7 +47,7 @@ class UserShare extends Controller
$where = $this->_vali([
'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('用户随手拍不存在！');
$this->fetch('detail');
}

5
plugs/think-plugs-ticket/src/model/TicketUserShare.php
View File

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

170
plugs/think-plugs-ticket/src/view/user_share/detail.html
View File

@ -1,75 +1,103 @@
<div class="layui-card">
<div class="layui-card-header">随手拍内容</div>
<div class="layui-card-body">
<div class="layui-row">
随手拍编号：{$vo.id|default=""}
</div>
<div class="layui-row">
随手拍类型：{$vo.type_name|default=""}
</div>
<div class="layui-row">
联系方式：{$vo.contact_phone|default="未填写联系方式"}，
</div>
<div class="layui-row">
随手拍地址：{$vo.ticket_address|default=""}
</div>
<div class="layui-row">
随手拍内容：{$vo.content|default=""}
</div>
<div class="layui-row">
随手拍图片：
<div>
{foreach $vo.imgs_arr as $img}
<img data-tips-image src="{$img}" alt="image" style="height: 100px;">
<span>&nbsp;</span>
{/foreach}
<div class="layui-tab layui-tab-brief">
<ul class="layui-tab-title">
<li class="layui-this">基本信息</li>
{if $vo.linked_ticket_id}
<li>关联工单</li>
{/if}
</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">
<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.type_name|default=""}</td>
</tr>
<tr>
<td>联系方式</td>
<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>
{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>
{if $vo.linked_ticket_id}
<div class="layui-tab-item">
123
</div>
{/if}
</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}