app详情

This commit is contained in:
lSun 2026-02-12 14:48:36 +08:00
parent f43fc2abe4
commit 7874ff2347
4 changed files with 439 additions and 13 deletions

View File

@ -584,8 +584,63 @@ function check() {
openIframeByParamObj("check", "审核", "./audit_form.html", "40%", "50%", objParam, 1);
}
function closePage() {
let index = parent.layer.getFrameIndex(window.name); // 先得到当前 iframe层的索引
window.parent.queryTable(1);
parent.layer.close(index); // 再执行关闭
// 关闭页面
function closePage(type) {
try {
// 1⃣ Layui iframe 弹窗关闭
if (window.parent && window.parent.layer && window.name) {
let index = parent.layer.getFrameIndex(window.name);
if (index) {
if (type == 1) {
try {
let frame = parent.document.getElementById('dispatchCarProDetail')
?.getElementsByTagName("iframe")[0];
if (frame && frame.contentWindow && frame.contentWindow.refreshAllData) {
frame.contentWindow.refreshAllData();
}
} catch (e) {
}
}
parent.layer.close(index);
return;
}
}
// 2⃣ App WebView 关闭(优先)
if (isAppWebView()) {
// 安卓 App
if (window.android && window.android.closePage) {
window.android.closePage();
return;
}
// iOS App
if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.closePage) {
window.webkit.messageHandlers.closePage.postMessage(null);
return;
}
// 兜底:返回上一页
history.back();
return;
}
// 3⃣ 普通浏览器关闭
window.open('', '_self');
window.close();
// 4⃣ 如果关闭失败,返回上一页
setTimeout(function () {
history.back();
}, 100);
} catch (e) {
console.error("关闭页面失败:", e);
history.back();
}
}
// 判断是否 App WebView
function isAppWebView() {
var ua = navigator.userAgent.toLowerCase();
return ua.includes('wv') || ua.includes('webview') || ua.includes('android') || ua.includes('iphone');
}

View File

@ -533,16 +533,61 @@ function reloadAuditData() {
// 关闭页面
function closePage(type) {
if (token) {
// 如果没有 token直接关闭整个窗口
try {
// 1⃣ Layui iframe 弹窗关闭
if (window.parent && window.parent.layer && window.name) {
let index = parent.layer.getFrameIndex(window.name);
if (index) {
if (type == 1) {
try {
let frame = parent.document.getElementById('dispatchCarProDetail')
?.getElementsByTagName("iframe")[0];
if (frame && frame.contentWindow && frame.contentWindow.refreshAllData) {
frame.contentWindow.refreshAllData();
}
} catch (e) {
}
}
parent.layer.close(index);
return;
}
}
// 2⃣ App WebView 关闭(优先)
if (isAppWebView()) {
// 安卓 App
if (window.android && window.android.closePage) {
window.android.closePage();
return;
}
// iOS App
if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.closePage) {
window.webkit.messageHandlers.closePage.postMessage(null);
return;
}
// 兜底:返回上一页
history.back();
return;
}
// 3⃣ 普通浏览器关闭
window.open('', '_self');
window.close();
return;
// 4⃣ 如果关闭失败,返回上一页
setTimeout(function () {
history.back();
}, 100);
} catch (e) {
console.error("关闭页面失败:", e);
history.back();
}
let index = parent.layer.getFrameIndex(window.name); // 先得到当前 iframe层的索引
if (type == 1) {
let frameId = parent.document.getElementById('dispatchCarProDetail').getElementsByTagName("iframe")[0];
frameId.contentWindow.refreshAllData();
}
parent.layer.close(index); // 再执行关闭
}
// 判断是否 App WebView
function isAppWebView() {
var ua = navigator.userAgent.toLowerCase();
return ua.includes('wv') || ua.includes('webview') || ua.includes('android') || ua.includes('iphone');
}

View File

@ -9,6 +9,169 @@
<link rel="stylesheet" href="../../../css/font.css" media="all">
<link rel="stylesheet" href="../../../css/public.css" media="all">
<link rel="stylesheet" href="../../../css/car_demand_plan/apply_plan_detail.css" media="all">
<style>
/* ================== 极致手机适配不影响PC ================== */
@media screen and (max-width: 768px) {
/* ===== 基础体验优化 ===== */
body {
font-size: 13px;
background: #f7f8fa;
}
#main-box {
padding: 0 6px;
}
/* ===== 顶部固定区域优化 ===== */
.fixed-header {
padding: 6px 8px;
background: #fff;
border-bottom: 1px solid #eee;
}
#detail-box {
height: auto;
flex-wrap: wrap;
gap: 6px;
}
#detail-box img {
width: 34px;
height: 34px;
}
#titleName {
font-size: 15px !important;
line-height: 18px;
}
#code {
font-size: 12px;
color: #888;
}
#detail-box button {
height: 28px;
padding: 0 10px;
font-size: 12px;
border-radius: 4px;
}
/* fixed-header 占位 */
#layui-tab-brief {
margin-top: 95px;
}
/* ===== Tab 更像手机 APP ===== */
.layui-tab-brief {
height: 42px;
border-radius: 6px;
overflow-x: auto;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.layui-tab-title {
height: 42px !important;
}
.layui-tab-title li {
font-size: 13px;
padding: 0 12px;
line-height: 42px;
}
/* ===== 区块卡片化(只改视觉,不改结构) ===== */
#plan-box,
#basic-box,
#file-box,
#supplier-box,
#dispatch-car-box,
#oper-record-box {
background: #fff;
border-radius: 8px;
margin: 10px 0;
padding: 8px;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.title p {
font-size: 14px;
font-weight: 600;
}
/* ===== 表格体验优化(核心) ===== */
#plan-table-box,
#basic-table,
#file-table-box,
#supplier-table-box,
#dispatch-car-table-box {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 6px;
}
table.classTable {
min-width: 680px; /* 横向滑动更舒服 */
font-size: 12px;
border-collapse: collapse;
}
table.classTable th,
table.classTable td {
padding: 6px 6px;
white-space: nowrap;
line-height: 1.4;
}
table.classTable th {
background: #f5f7fa;
font-weight: 600;
}
/* 第二张派车表稍微缩小 */
#dispatch-car-table2 {
min-width: 650px;
}
/* ===== 操作记录适配 ===== */
.oper-info {
flex-direction: column;
gap: 6px;
}
.oper-info img {
width: 26px;
height: 26px;
}
.user-oper span {
font-size: 12px;
color: #555;
}
.layui-timeline-title {
font-size: 13px;
}
/* ===== 图片 & 附件适配 ===== */
img {
max-width: 100%;
height: auto;
}
/* ===== 滚动条优化(更像手机) ===== */
::-webkit-scrollbar {
height: 4px;
}
::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.15);
border-radius: 2px;
}
}
</style>
</head>
<body id="body">

View File

@ -86,6 +86,169 @@
padding: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* 可选阴影 */
}
/* ================== 极致手机适配不影响PC ================== */
@media screen and (max-width: 768px) {
/* ===== 基础体验优化 ===== */
body {
font-size: 13px;
background: #f7f8fa;
}
#main-box {
padding: 0 6px;
}
/* ===== 顶部固定区域优化 ===== */
.fixed-header {
padding: 6px 8px;
background: #fff;
border-bottom: 1px solid #eee;
}
#detail-box {
height: auto;
flex-wrap: wrap;
gap: 6px;
}
#detail-box img {
width: 34px;
height: 34px;
}
#titleName {
font-size: 15px !important;
line-height: 18px;
}
#code {
font-size: 12px;
color: #888;
}
#detail-box button {
height: 28px;
padding: 0 10px;
font-size: 12px;
border-radius: 4px;
}
/* fixed-header 占位 */
#layui-tab-brief {
margin-top: 95px;
}
/* ===== Tab 更像手机 APP ===== */
.layui-tab-brief {
height: 42px;
border-radius: 6px;
overflow-x: auto;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.layui-tab-title {
height: 42px !important;
}
.layui-tab-title li {
font-size: 13px;
padding: 0 12px;
line-height: 42px;
}
/* ===== 区块卡片化(只改视觉,不改结构) ===== */
#plan-box,
#basic-box,
#file-box,
#supplier-box,
#dispatch-car-box,
#oper-record-box {
background: #fff;
border-radius: 8px;
margin: 10px 0;
padding: 8px;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
.title p {
font-size: 14px;
font-weight: 600;
}
/* ===== 表格体验优化(核心) ===== */
#plan-table-box,
#basic-table,
#file-table-box,
#supplier-table-box,
#dispatch-car-table-box {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 6px;
}
table.classTable {
min-width: 680px; /* 横向滑动更舒服 */
font-size: 12px;
border-collapse: collapse;
}
table.classTable th,
table.classTable td {
padding: 6px 6px;
white-space: nowrap;
line-height: 1.4;
}
table.classTable th {
background: #f5f7fa;
font-weight: 600;
}
/* 第二张派车表稍微缩小 */
#dispatch-car-table2 {
min-width: 650px;
}
/* ===== 操作记录适配 ===== */
.oper-info {
flex-direction: column;
gap: 6px;
}
.oper-info img {
width: 26px;
height: 26px;
}
.user-oper span {
font-size: 12px;
color: #555;
}
.layui-timeline-title {
font-size: 13px;
}
/* ===== 图片 & 附件适配 ===== */
img {
max-width: 100%;
height: auto;
}
/* ===== 滚动条优化(更像手机) ===== */
::-webkit-scrollbar {
height: 4px;
}
::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.15);
border-radius: 2px;
}
}
</style>
<body id="body">