app详情
This commit is contained in:
parent
7874ff2347
commit
643cebcefd
|
|
@ -584,63 +584,8 @@ function check() {
|
|||
openIframeByParamObj("check", "审核", "./audit_form.html", "40%", "50%", objParam, 1);
|
||||
}
|
||||
|
||||
// 关闭页面
|
||||
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');
|
||||
function closePage() {
|
||||
let index = parent.layer.getFrameIndex(window.name); // 先得到当前 iframe层的索引
|
||||
window.parent.queryTable(1);
|
||||
parent.layer.close(index); // 再执行关闭
|
||||
}
|
||||
|
|
|
|||
|
|
@ -40,7 +40,6 @@ window.addEventListener("DOMContentLoaded", () => {
|
|||
|
||||
function setParams(params) {
|
||||
objParam = JSON.parse(params);
|
||||
console.log(params)
|
||||
$('#titleName').html(objParam.proName);
|
||||
$('#code').html(objParam.code);
|
||||
layui.use(["form", "table", 'upload', 'layer', 'element'], function () {
|
||||
|
|
@ -123,9 +122,9 @@ function getAllOutList() {
|
|||
// 设置新的滚动位置
|
||||
scrollableElement.scrollLeft += delta;
|
||||
});
|
||||
if (objParam.type === 1) {
|
||||
if (objParam.type == 1) {
|
||||
$('#print').before('<button type="button" id="updateData" class="layui-btn layui-bg-orange no-print" onclick="updateData(' + id + ',' + type + ')">派车信息修改</button>');
|
||||
} else if (objParam.type === 2) {
|
||||
} else if (objParam.type == 2) {
|
||||
$('#print').before('<button type="button" id="auditData" class="layui-btn layui-bg-orange no-print" onclick="auditData(' + id + ',' + type + ')">审核</button>');
|
||||
}
|
||||
checkNowValue = id;
|
||||
|
|
@ -530,64 +529,82 @@ function reloadAuditData() {
|
|||
getAllOutList();
|
||||
}
|
||||
|
||||
// 关闭页面
|
||||
// 关闭页面 - PC/App 双兼容版
|
||||
function closePage(type) {
|
||||
// 第一步：判断运行环境（PC 还是 App/移动端）
|
||||
function isMobileApp() {
|
||||
const userAgent = navigator.userAgent.toLowerCase();
|
||||
// 匹配常见 App 浏览器特征（可根据你的实际 App 补充）
|
||||
return /android|iphone|ipad|ipod|webos|mobile|micromessenger|qqbrowser|ucbrowser/.test(userAgent)
|
||||
&& !/windows nt|macintosh/.test(userAgent); // 排除 PC 端的移动端模拟
|
||||
}
|
||||
|
||||
const isApp = isMobileApp();
|
||||
|
||||
try {
|
||||
// 1️⃣ Layui iframe 弹窗关闭
|
||||
if (window.parent && window.parent.layer && window.name) {
|
||||
// ========== PC 端逻辑（完全保留你原有代码，不改动） ==========
|
||||
if (!isApp) {
|
||||
if (token) {
|
||||
window.open('', '_self');
|
||||
window.close();
|
||||
return;
|
||||
}
|
||||
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;
|
||||
if (type == 1) {
|
||||
let frameId = parent.document.getElementById('dispatchCarProDetail').getElementsByTagName("iframe")[0];
|
||||
frameId.contentWindow.refreshAllData();
|
||||
}
|
||||
}
|
||||
|
||||
// 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();
|
||||
parent.layer.close(index);
|
||||
return;
|
||||
}
|
||||
|
||||
// 3️⃣ 普通浏览器关闭
|
||||
window.open('', '_self');
|
||||
window.close();
|
||||
// ========== App/移动端逻辑（适配策略） ==========
|
||||
// 1. 优先尝试 layer 关闭（如果是 App 内 iframe 场景）
|
||||
let index = -1;
|
||||
try {
|
||||
index = parent && parent.layer ? parent.layer.getFrameIndex(window.name) : -1;
|
||||
} catch (e) {
|
||||
index = -1;
|
||||
}
|
||||
|
||||
// 4️⃣ 如果关闭失败，返回上一页
|
||||
setTimeout(function () {
|
||||
history.back();
|
||||
}, 100);
|
||||
if (index > 0) {
|
||||
// App 内 iframe 刷新逻辑（容错）
|
||||
if (type == 1) {
|
||||
try {
|
||||
let frameContainer = parent.document.getElementById('dispatchCarProDetail');
|
||||
if (frameContainer && frameContainer.getElementsByTagName("iframe")[0]) {
|
||||
frameContainer.getElementsByTagName("iframe")[0].contentWindow.refreshAllData();
|
||||
}
|
||||
} catch (refreshErr) {
|
||||
console.log('App端刷新父页面失败:', refreshErr);
|
||||
}
|
||||
}
|
||||
parent.layer.close(index);
|
||||
return;
|
||||
}
|
||||
|
||||
} catch (e) {
|
||||
console.error("关闭页面失败:", e);
|
||||
// 2. App 独立窗口场景（放弃 window.close()，改用返回上一页）
|
||||
if (!token) {
|
||||
// 无 token 时：优先返回上一页（App 不支持 close()）
|
||||
if (history.length > 1) {
|
||||
history.back();
|
||||
// 可选：App 内提示（如果有 layer 则用，无则用原生）
|
||||
(layui && layui.layer ? layui.layer : parent.layer).msg('已返回上一页', {time: 1000});
|
||||
} else {
|
||||
// 无历史记录：提示手动关闭
|
||||
(layui && layui.layer ? layui.layer : parent.layer).msg('请手动关闭页面', {icon: 2, time: 2000});
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// 3. 有 token 时：直接返回上一页
|
||||
history.back();
|
||||
|
||||
} catch (globalErr) {
|
||||
// 全局容错：所有方式失败时，强制返回上一页
|
||||
console.error('关闭页面失败:', globalErr);
|
||||
setTimeout(() => {
|
||||
history.back();
|
||||
}, 500);
|
||||
}
|
||||
}
|
||||
|
||||
// 判断是否 App WebView
|
||||
function isAppWebView() {
|
||||
var ua = navigator.userAgent.toLowerCase();
|
||||
return ua.includes('wv') || ua.includes('webview') || ua.includes('android') || ua.includes('iphone');
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -9,169 +9,6 @@
|
|||
<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">
|
||||
|
|
|
|||
|
|
@ -86,169 +86,6 @@
|
|||
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">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,550 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>派车录入详情-app</title>
|
||||
<link rel="stylesheet" href="../../../lib/layui-v2.9.18/layui/css/layui.css" media="all">
|
||||
<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/dispatch_car_detail.css" media="all">-->
|
||||
</head>
|
||||
<style>
|
||||
/* ========== 移动端完整适配样式 ========== */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
-webkit-tap-highlight-color: transparent; /* 去除点击高亮 */
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 14px; /* 移动端基准字体 */
|
||||
-webkit-text-size-adjust: 100%; /* 禁止文字缩放 */
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
background-color: #f5f5f5;
|
||||
color: #333;
|
||||
overflow-x: hidden; /* 禁止横向滚动 */
|
||||
}
|
||||
|
||||
/* 弹性布局通用类 */
|
||||
.layout {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 主容器 - 适配移动端 */
|
||||
#main-box {
|
||||
width: 100%;
|
||||
padding: 0 3%;
|
||||
background-color: #fff;
|
||||
border-radius: 0; /* 移动端去掉圆角 */
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
/* 固定头部 - 移动端优化 */
|
||||
.fixed-header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
z-index: 999;
|
||||
padding: 10px 3%;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#detail-box {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap; /* 移动端换行 */
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
#detail-box > div {
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
#detail-box img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
#detail-box .layout:nth-child(1) {
|
||||
width: 70%;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
#detail-box .layout:nth-child(2) {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* 标题样式 - 移动端优化 */
|
||||
#titleName {
|
||||
font-size: 16px !important;
|
||||
font-weight: 600 !important;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
#code {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* 按钮样式 - 移动端优化 */
|
||||
.layui-btn {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
padding: 0 12px;
|
||||
font-size: 13px;
|
||||
border-radius: 4px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
/* Tab标签 - 移动端优化 */
|
||||
.layui-tab-brief {
|
||||
border: 1px solid #f2f2f2;
|
||||
border-radius: 4px;
|
||||
background-color: #ffffff;
|
||||
height: 44px;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
margin-top: 70px; /* 适配固定头部 */
|
||||
}
|
||||
|
||||
.layui-tab-title {
|
||||
display: inline-block;
|
||||
height: 44px !important;
|
||||
}
|
||||
|
||||
.layui-tab-title li {
|
||||
line-height: 44px;
|
||||
padding: 0 12px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.layui-tab-brief::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.layui-tab-brief>.layui-tab-title .layui-this {
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
.layui-tab-brief>.layui-tab-more li.layui-this:after,
|
||||
.layui-tab-brief>.layui-tab-title .layui-this:after {
|
||||
border-bottom: 2px solid #409eff;
|
||||
}
|
||||
|
||||
/* 标题栏 */
|
||||
.title {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
justify-content: start;
|
||||
margin: 15px 0 10px;
|
||||
}
|
||||
|
||||
.title p {
|
||||
font-size: 15px !important;
|
||||
font-weight: 600;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
/* 表格样式 - 移动端核心适配 */
|
||||
.classTable {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
text-align: center;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
font-size: 12px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.classTable tr td,
|
||||
.classTable tr th {
|
||||
height: auto;
|
||||
padding: 8px 4px;
|
||||
border: 1px solid #eee;
|
||||
text-align: left;
|
||||
word-break: break-all; /* 强制换行 */
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
/* 表格列宽重置 - 适配移动端 */
|
||||
.classTable tr td,
|
||||
.classTable tr th {
|
||||
width: auto !important; /* 取消固定宽度 */
|
||||
}
|
||||
|
||||
/* 链接样式 */
|
||||
a {
|
||||
color: #409eff;
|
||||
text-decoration: none;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: #2680eb;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* 操作记录 */
|
||||
#oper-record-box {
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
align-items: baseline;
|
||||
justify-content: space-evenly;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.layui-timeline {
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
padding-left: 15px; /* 给时间轴留出空间 */
|
||||
}
|
||||
|
||||
.layui-timeline-item {
|
||||
position: relative;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.layui-timeline-axis {
|
||||
position: absolute;
|
||||
left: -25px !important; /* 向左移动，对齐日期 */
|
||||
top: 3px !important; /* 微调垂直位置 */
|
||||
color: #409eff !important;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.layui-timeline-title {
|
||||
margin: 0 0 8px 0 !important;
|
||||
padding-left: 5px;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.layui-timeline-content {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.layui-panel {
|
||||
border-radius: 8px; /* 圆角 */
|
||||
border: 1px solid #f0f0f0;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.oper-info {
|
||||
padding: 12px 10px; /* 减小内边距 */
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.oper-info > div:nth-child(1) {
|
||||
width: 12%;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.oper-info > div:nth-child(2) {
|
||||
width: 68%;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
.oper-info > div:nth-child(3) {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-left: 10%;
|
||||
}
|
||||
|
||||
.user-oper {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.user-oper div {
|
||||
width: 100%;
|
||||
margin: 2px 0;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.user-oper div:first-child {
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.user-oper div:last-child {
|
||||
color: #666;
|
||||
font-size: 11px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.oper-info img {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.oper-info .layout img[src*="time_icon.png"] {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
/* 打印样式隐藏 */
|
||||
.no-print {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* 解决移动端滚动卡顿 */
|
||||
body,
|
||||
html {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
/* 表格容器溢出处理 */
|
||||
#plan-table-box,
|
||||
#file-table-box,
|
||||
#supplier-table-box,
|
||||
#dispatch-car-table-box {
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* 派车明细表格特殊处理 */
|
||||
#dispatch-car-table,
|
||||
#dispatch-car-table2 {
|
||||
min-width: 600px; /* 保证表格列不挤压过窄 */
|
||||
}
|
||||
|
||||
/* 适配小屏手机 */
|
||||
@media screen and (max-width: 375px) {
|
||||
html {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.layui-btn {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 0 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.classTable {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.title p {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* 适配大屏手机 */
|
||||
@media screen and (min-width: 414px) {
|
||||
html {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<body id="body">
|
||||
<div id="main-box">
|
||||
<div class="layout fixed-header" id="detail-box" >
|
||||
<div class="layout">
|
||||
<img src="../../../images/svg/u418.svg">
|
||||
<div class="layout" style="flex-direction: column;align-items: start;margin-left: 10px;">
|
||||
<p style="font-size: 18px;font-weight: bold;" id="titleName"></p>
|
||||
<p id="code"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div >
|
||||
<button type="button" class="layui-btn layui-bg-blue no-print" id="print" onclick="print()">打印</button>
|
||||
<button class="layui-btn layui-btn-primary cancel no-print" onclick="closePage(1)">返回</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-tab layui-tab-brief" id="layui-tab-brief" lay-filter="demo-filter-tab">
|
||||
<ul class="layui-tab-title" id="layui-tab-title">
|
||||
</ul>
|
||||
</div>
|
||||
<div id="plan-box" style="margin-top: 40px">
|
||||
<div class="title layout">
|
||||
<span style="font-weight:700;text-decoration:none;color:#409EFF;">▋</span>
|
||||
<p>需求计划申请明细</p>
|
||||
</div>
|
||||
<div id="plan-table-box">
|
||||
<table class="classTable" id="plan-table">
|
||||
<tr>
|
||||
<th style="width: 8%;">序号</th>
|
||||
<th>类型</th>
|
||||
<th>名称</th>
|
||||
<th>规格</th>
|
||||
<th>单位</th>
|
||||
<th>需用量</th>
|
||||
<th>需用天数</th>
|
||||
<th style="width: 30%;">备注</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="basic-box">
|
||||
<div class="title layout">
|
||||
<span style="font-weight:700;text-decoration:none;color:#409EFF;">▋</span>
|
||||
<p>派车资料</p>
|
||||
</div>
|
||||
<div id="basic-table">
|
||||
<table class="classTable">
|
||||
<tr>
|
||||
<th>需求计划编号</th>
|
||||
<th>经办人</th>
|
||||
<th>派车日期</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td id="planCode"></td>
|
||||
<td id="manager"></td>
|
||||
<td id="outDay"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="3">备注</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3" id="remark"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="file-box">
|
||||
<div class="title layout">
|
||||
<span style="font-weight:700;text-decoration:none;color:#409EFF;">▋</span>
|
||||
<p>附件文档</p>
|
||||
</div>
|
||||
<div id="file-table-box">
|
||||
<table class="classTable" id="file-table">
|
||||
<tr>
|
||||
<th style="width: 30%;">文件名</th>
|
||||
<th style="width: 10%;">文件类型</th>
|
||||
<th>上传人员</th>
|
||||
<th>上传时间</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="supplier-box">
|
||||
<div class="title layout">
|
||||
<span style="font-weight:700;text-decoration:none;color:#409EFF;">▋</span>
|
||||
<p>供货供应商信息</p>
|
||||
</div>
|
||||
<div id="supplier-table-box">
|
||||
<table class="classTable" id="supplier-table">
|
||||
<tr>
|
||||
<th>供应商名称</th>
|
||||
<th>派车数量</th>
|
||||
<th>预估金额</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="dispatch-car-box">
|
||||
<div class="title layout">
|
||||
<span style="font-weight:700;text-decoration:none;color:#409EFF;">▋</span>
|
||||
<p>派车明细</p>
|
||||
</div>
|
||||
<div id="dispatch-car-table-box">
|
||||
<table class="classTable" id="dispatch-car-table">
|
||||
<tr>
|
||||
<th style="width: 7%;">类型</th>
|
||||
<th style="width: 7%;">车型</th>
|
||||
<th style="width: 7%;">型号</th>
|
||||
<th style="width: 8%;">车牌</th>
|
||||
<th style="width: 7%;">吨位</th>
|
||||
<th style="width: 8%;">货物名称</th>
|
||||
<th style="width: 8%;">起运地</th>
|
||||
<th style="width: 8%;">目的地</th>
|
||||
<th style="width: 7%;">公里数</th>
|
||||
<th style="width: 7%;">单价<br>(元/吨*公里)</th>
|
||||
<th style="width: 7%;">预估金额</th>
|
||||
<th style="width: 11%;">行驶证/挂靠协议<br>驾驶证/身份证/导航图</th>
|
||||
<th style="width: 8%;">供应商</th>
|
||||
</tr>
|
||||
</table>
|
||||
<table style="margin-top: 10px;" class="classTable" id="dispatch-car-table2">
|
||||
<tr>
|
||||
<th style="width: 10%;">类型</th>
|
||||
<th style="width: 10%;">车型</th>
|
||||
<th style="width: 10%;">型号</th>
|
||||
<th style="width: 10%;">车牌</th>
|
||||
<th style="width: 10%;">使用地</th>
|
||||
<th style="width: 8%;">计划使用天数</th>
|
||||
<th style="width: 15%;">租赁单价</th>
|
||||
<th style="width: 8%;">预估金额</th>
|
||||
<th style="width: 11%;">操作证/<br>身份证/导航图</th>
|
||||
<th style="width: 8%;">供应商</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 操作记录 -->
|
||||
<div id="oper-record-box" class="layout">
|
||||
<div class="title layout">
|
||||
<span style="font-weight:700;text-decoration:none;color:#409EFF;">▋</span>
|
||||
<p>操作记录</p>
|
||||
</div>
|
||||
<div class="layui-timeline">
|
||||
<div class="layui-timeline-item">
|
||||
<i class="layui-icon layui-timeline-axis"></i>
|
||||
<div class="layui-timeline-content layui-text">
|
||||
<h3 class="layui-timeline-title">8月18日</h3>
|
||||
<div class="layui-panel">
|
||||
<div class="oper-info layout">
|
||||
<div class="layout">
|
||||
<img src="../../../images/user_head_icon.png">
|
||||
</div>
|
||||
<div class="user-oper layout">
|
||||
<div style="width: 100%">
|
||||
<span>王天峰</span><span>（13787220576）</span><span>项目管理中心</span>
|
||||
</div>
|
||||
<div style="width: 100%">
|
||||
<span>完结-审核确认通过，共耗时：21小时16分钟 原因备注：无</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layout">
|
||||
<img src="../../../images/time_icon.png"> <span
|
||||
style="margin: 0 5px 0 5px;">2020-12-23 22:31</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="../../../lib/jquery-3.4.1/jquery-3.7.1.min.js" charset="utf-8"></script>
|
||||
<script src="../../../js/aes.js" charset="utf-8"></script>
|
||||
<script src="../../../js/public.js" charset="utf-8"></script>
|
||||
<script src="../../../js/jQuery.print.js" charset="utf-8"></script>
|
||||
<script src="../../../lib/layui-v2.9.18/layui/layui.js" charset="utf-8"></script>
|
||||
<script src="../../../js/openIframe.js" charset="utf-8"></script>
|
||||
<script src="../../../js/car_demand_plan/child/dispatch_car_detail.js" charset="utf-8"></script>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue