diff --git a/plugs/think-plugs-ticket/src/controller/UserShare.php b/plugs/think-plugs-ticket/src/controller/UserShare.php
index fe197e1..197fbcf 100644
--- a/plugs/think-plugs-ticket/src/controller/UserShare.php
+++ b/plugs/think-plugs-ticket/src/controller/UserShare.php
@@ -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');
     }
diff --git a/plugs/think-plugs-ticket/src/model/TicketUserShare.php b/plugs/think-plugs-ticket/src/model/TicketUserShare.php
index 7342307..cd1181f 100644
--- a/plugs/think-plugs-ticket/src/model/TicketUserShare.php
+++ b/plugs/think-plugs-ticket/src/model/TicketUserShare.php
@@ -25,4 +25,9 @@ class TicketUserShare extends Model
             return '未知';
         }
     }
+
+    public function linkedTicket()
+    {
+        return $this->belongsTo(TicketTicket::class, 'linked_ticket_id', 'id');
+    }
 }
\ No newline at end of file
diff --git a/plugs/think-plugs-ticket/src/view/user_share/detail.html b/plugs/think-plugs-ticket/src/view/user_share/detail.html
index 7142d30..58ff4dc 100644
--- a/plugs/think-plugs-ticket/src/view/user_share/detail.html
+++ b/plugs/think-plugs-ticket/src/view/user_share/detail.html
@@ -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}
\ No newline at end of file