This commit is contained in:
xman 2025-06-22 18:29:19 +08:00
parent e74a3ff6e0
commit b4fe76cb3c
3 changed files with 20 additions and 20 deletions

View File

@ -111,6 +111,7 @@ class Auditorder extends Backend
$order = Order::where('id',$ids)->find();
$this->view->assign('row', $row);
$this->view->assign('worker',Worker::where('id',$order->worker_id)->find());
$this->view->assign('cdnurl', config('upload.cdnurl'));
return $this->view->fetch();
}
$params = $this->request->post('row/a');

View File

@ -213,17 +213,17 @@
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('师傅收款码')}:</label>
<label class="control-label col-xs-12 col-sm-2">师傅收款码:</label>
<div class="col-xs-12 col-sm-8">
{notempty name="worker.images"}
<div class="progress-images">
{if $worker.images}
{foreach name="worker.images|explode=','" item="img"}
<img src="{$img|cdnurl}" data-preview="true"
{volist name="worker.images|explode=',',###" id="img"}
<img src="{$cdnurl}{$img}" data-preview="true"
style="width:40px;height:40px;border-radius:4px;border:1px solid #ccc;margin-right:5px;"
onerror="this.style.display='none'" />
{/foreach}
{/if}
{/volist}
</div>
{/notempty}
</div>
</div>
@ -276,6 +276,7 @@
</div>
</form>
<!-- 图片预览弹窗 -->
<!-- 图片预览弹窗 -->
<div id="image-preview-overlay" style="display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.6);z-index:9999;justify-content:center;align-items:center;">
<img id="image-preview-img" src="" style="max-width:90%;max-height:90%;box-shadow:0 0 20px #000;border-radius:6px;" />
@ -286,4 +287,4 @@
box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
cursor: pointer;
}
</style>
</style>

View File

@ -130,23 +130,21 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefin
},
edit: function () {
Controller.api.bindevent();
// 图片点击预览逻辑
$(function () {
var $overlay = $('#image-preview-overlay');
var $previewImg = $('#image-preview-img');
// 图片点击放大预览
var $overlay = $('#image-preview-overlay');
var $previewImg = $('#image-preview-img');
// 委托点击预览
$('body').on('click', 'img[data-preview="true"]', function () {
var src = $(this).attr('src');
$('body').on('click', 'img[data-preview="true"]', function () {
var src = $(this).attr('src');
if (src) {
$previewImg.attr('src', src);
$overlay.fadeIn(100).css('display', 'flex');
});
}
});
// 点击遮罩关闭
$overlay.on('click', function () {
$previewImg.attr('src', '');
$overlay.fadeOut(100);
});
$overlay.on('click', function () {
$previewImg.attr('src', '');
$overlay.fadeOut(100);
});
},
api: {