From 25a1849306927a1c487832461a68a4cdbdbac2c3 Mon Sep 17 00:00:00 2001 From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com> Date: Thu, 5 Feb 2026 16:26:54 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0H5=E7=AB=AF=E8=BD=A6=E8=BE=86?= =?UTF-8?q?=E9=9C=80=E6=B1=82=E8=AE=A1=E5=88=92=E7=94=B3=E8=AF=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/car_demand_plan/H5/demand_plan_apply.css | 816 +++++++++++++++ css/car_demand_plan/H5/select_type.css | 602 +++++++++++ images/delete_icon.png | Bin 0 -> 5596 bytes js/car_demand_plan/H5/demand_plan_apply..js | 978 ++++++++++++++++++ js/car_demand_plan/H5/select_type.js | 535 ++++++++++ .../H5/demand_plan_apply/index.html | 265 +++++ .../H5/demand_plan_apply/select_type.html | 81 ++ page/images/delete_icon.png | Bin 0 -> 5596 bytes page/images/docx.png | Bin 0 -> 830 bytes page/images/pdf.png | Bin 0 -> 681 bytes page/images/xlsx.png | Bin 0 -> 744 bytes 11 files changed, 3277 insertions(+) create mode 100644 css/car_demand_plan/H5/demand_plan_apply.css create mode 100644 css/car_demand_plan/H5/select_type.css create mode 100644 images/delete_icon.png create mode 100644 js/car_demand_plan/H5/demand_plan_apply..js create mode 100644 js/car_demand_plan/H5/select_type.js create mode 100644 page/car_demand_plan/H5/demand_plan_apply/index.html create mode 100644 page/car_demand_plan/H5/demand_plan_apply/select_type.html create mode 100644 page/images/delete_icon.png create mode 100644 page/images/docx.png create mode 100644 page/images/pdf.png create mode 100644 page/images/xlsx.png diff --git a/css/car_demand_plan/H5/demand_plan_apply.css b/css/car_demand_plan/H5/demand_plan_apply.css new file mode 100644 index 0000000..812d6b6 --- /dev/null +++ b/css/car_demand_plan/H5/demand_plan_apply.css @@ -0,0 +1,816 @@ +/* H5移动端样式 - 车辆需求计划申请 */ + +* { + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + background: #f5f5f5; + font-family: 'Alibaba PuHuiTi R', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + -webkit-font-smoothing: antialiased; +} + +/* 顶部标题栏 */ +.h5-header { + position: fixed; + top: 0; + left: 0; + right: 0; + height: 44px; + background: #409EFF; + z-index: 1000; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +.header-content { + display: flex; + align-items: center; + justify-content: center; + color: #fff; + font-size: 16px; + font-weight: 500; +} + +.header-content .layui-icon { + font-size: 18px; + margin-right: 8px; +} + +.header-title { + font-size: 16px; +} + +/* 主容器 */ +.h5-container { + margin-top: 44px; + padding: 12px; + padding-bottom: 70px; /* 为底部固定按钮留出空间 */ +} + +/* 表单卡片 */ +.form-card { + background: #fff; + border-radius: 8px; + margin-bottom: 12px; + padding: 16px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); +} + +/* 卡片头部 */ +.card-header { + display: flex; + align-items: center; + margin-bottom: 16px; + padding-bottom: 12px; + border-bottom: 1px solid #f0f0f0; + position: relative; +} + +.card-header .layui-icon { + font-size: 18px; + color: #409EFF; + margin-right: 8px; +} + +.card-title { + font-size: 16px; + font-weight: 600; + color: #333; + flex: 1; +} + +.return-btn { + position: absolute; + right: 0; + background: #f5f5f5; + border: none; + border-radius: 4px; + padding: 6px 12px; + display: flex; + align-items: center; + cursor: pointer; + font-size: 14px; + color: #666; +} + +.return-btn .layui-icon { + margin-right: 4px; + font-size: 14px; + color: #666; +} + +.return-btn:active { + background: #e8e8e8; +} + +/* 表单样式 */ +.layui-form-item { + margin-bottom: 16px; +} + +.layui-form-label { + width: 100px !important; + padding: 9px 0; + font-size: 14px; + color: #333; + text-align: left; +} + +.layui-form-label.required::after { + content: '*'; + color: red; + margin-left: 4px; +} + +.layui-input-block { + margin-left: 100px !important; +} + +.layui-input, +.layui-select, +.layui-textarea { + font-size: 14px; + border-radius: 4px; + border: 1px solid #e0e0e0; +} + +.layui-input:focus, +.layui-select:focus, +.layui-textarea:focus { + border-color: #409EFF; +} + +.layui-textarea { + min-height: 100px; + resize: none; +} + +/* 字符计数 */ +.char-count { + text-align: right; + font-size: 12px; + color: #999; + margin-top: 4px; +} + +/* 单位输入框 */ +.input-with-unit { + display: flex; + align-items: center; +} + +.input-with-unit .layui-input { + flex: 1; +} + +.input-with-unit .unit { + margin-left: 8px; + font-size: 14px; + color: #666; +} + +/* 单选框组 */ +.layui-form-radio { + margin-right: 20px; + margin-top: 0; +} + +.layui-form-radio > i { + font-size: 18px; +} + +.layui-form-radioed > i { + color: #409EFF; +} + +/* 途经点提示 */ +.route-point-tip { + margin-top: -8px; + margin-bottom: 16px; + padding-left: 100px; + font-size: 12px; + color: #999; +} + +.add-route-btn { + display: inline-flex; + align-items: center; + color: #409EFF; + cursor: pointer; + margin-left: 8px; + font-size: 14px; +} + +.add-route-btn .layui-icon { + margin-right: 4px; + font-size: 14px; +} + +.add-route-btn:active { + opacity: 0.7; +} + +/* 上传区域 */ +.upload-area { + display: flex; + flex-wrap: wrap; + /* gap: 12px; */ + margin-bottom: 8px; + position: relative; +} + +/* 上传按钮包装器 */ +.upload-btn-wrapper { + position: relative; + width: 80px; + height: 80px; +} + +/* 原生文件输入框 */ +#fileInput { + position: absolute !important; + width: 80px !important; + height: 80px !important; + top: 0 !important; + left: 0 !important; + opacity: 0 !important; + cursor: pointer !important; + z-index: 999 !important; + margin: 0 !important; + padding: 0 !important; + font-size: 0 !important; + pointer-events: auto !important; + /* 确保input可以正常交互 */ + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.upload-btn { + width: 80px; + height: 80px; + background-color: #f5f5f5; + border: 1px dashed #d9d9d9; + border-radius: 4px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + position: relative; + z-index: 1; + pointer-events: auto; /* 允许点击，然后手动触发input */ +} + +.layui-upload-list { + /* margin: 0; */ + margin-right: 10px; +} + +/* 确保没有其他元素覆盖 */ +.upload-area { + position: relative; + z-index: 1; +} + +.upload-btn-wrapper { + position: relative; + z-index: 2; + margin-top: 11px; +} + +.upload-btn .layui-icon { + font-size: 32px; + color: #999; +} + +.upload-btn:active { + background-color: #e8e8e8; +} + +.uploader-list { + display: flex; + flex-wrap: wrap; + gap: 12px; + align-items: flex-start; /* 确保顶部对齐 */ +} + +.uploader-list .file-iteme { + position: relative; + width: 80px; + height: 80px; + flex-shrink: 0; /* 防止压缩 */ +} + +/* 图片预览样式 */ +.uploader-list .file-iteme .file-preview-img { + width: 80px; + height: 80px; + object-fit: cover; + border-radius: 4px; + display: block; +} + +/* 非图片文件盒子样式 */ +.uploader-list .file-iteme .file-preview-box { + width: 80px; + height: 80px; + background: #f5f5f5; + border: 1px solid #e0e0e0; + border-radius: 4px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 4px; + box-sizing: border-box; +} + +.uploader-list .file-iteme .file-preview-box .file-icon { + width: 40px; + height: 40px; + object-fit: contain; + margin-bottom: 4px; +} + +.uploader-list .file-iteme .file-preview-box .file-name { + font-size: 10px; + color: #666; + text-align: center; + margin: 0; + line-height: 1.2; + word-break: break-all; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + max-height: 24px; +} + +.uploader-list .handle { + position: absolute; + top: -8px; + right: -8px; + width: 20px; + height: 20px; + background-color: #ff4d4f; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + z-index: 10; +} + +.uploader-list .handle p { + color: #fff; + font-size: 14px; + margin: 0; + line-height: 1; +} + +/* 保留旧的upload-file样式以兼容（如果其他地方用到） */ +.upload-file { + width: 80px; + height: 80px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background: #f5f5f5; + border-radius: 4px; +} + +.upload-file img { + width: 40px; + height: 40px; + object-fit: contain; +} + +.upload-file p { + font-size: 10px; + color: #666; + margin-top: 4px; + text-align: center; + word-break: break-all; + padding: 0 4px; +} + +.upload-tip { + /* padding-left: 100px; */ + margin-top: 8px; +} + +.upload-tip p { + font-size: 12px; + color: #ff4d4f; + margin: 0; +} + +/* 无数据状态 */ +.no-data-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 40px 20px; + min-height: 200px; +} + +.no-data-container img { + width: 120px; + height: 120px; + opacity: 0.5; + margin-bottom: 16px; +} + +.no-data-text { + font-size: 16px; + font-weight: 600; + color: #333; + margin: 8px 0; +} + +.no-data-tip { + font-size: 14px; + color: #999; + margin: 8px 0 20px; + text-align: center; +} + +.no-data-container .layui-btn { + display: flex; + align-items: center; + padding: 8px 20px; +} + +.no-data-container .layui-btn .layui-icon { + margin-right: 4px; +} + +/* 有数据时-展示 */ +.has-data-container { + padding: 20px; + background: #f0f7ff; + border-radius: 8px; + border: 1px solid #d0e7ff; +} + +.selected-info { + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + margin-bottom: 16px; + + padding: 12px; + background: #fff; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); +} + +.selected-count-text { + font-size: 15px; + color: #333; + font-weight: 500; +} + +.selected-count-text span { + color: #409EFF; + font-weight: 600; + font-size: 16px; +} + +.has-data-container .layui-btn { + width: 100%; +} + +/* 选择类型页面样式 */ +.select-type-page { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #f5f5f5; + z-index: 1000; + overflow-y: auto; +} + +.select-type-page .h5-container { + padding-bottom: 70px; /* 为底部按钮留出空间 */ +} + +/* 选择类型页面头部优化 */ +.select-type-page .h5-header { + padding: 0 8px; /* 减小左右内边距，给右侧更多空间 */ +} + +.select-type-page .header-left { + flex: 0 1 auto; /* 允许缩小，但不扩展 */ + max-width: 50%; /* 限制左侧最大宽度 */ +} + +.select-type-page .header-right { + width: 40%; + gap: 6px; /* 减小间距 */ + margin-left: 8px; /* 增加与左侧的间距 */ +} + +.select-type-page .selected-count { + font-size: 12px; /* 稍微减小字体 */ +} + +.select-type-page .return-btn { + margin-right: 20px; + padding: 4px 6px; /* 减小按钮内边距 */ + font-size: 11px; /* 稍微减小字体 */ +} + +.select-type-page .return-btn span { + display: none; /* 在小屏幕上隐藏文字，只显示图标 */ +} + +/* 在较大屏幕上显示返回按钮文字 */ +@media screen and (min-width: 375px) { + .select-type-page .return-btn span { + display: inline; + } + + .select-type-page .header-right { + gap: 8px; + } +} + +/* 固定在底部的提交按钮 */ +.fixed-submit-btn { + position: fixed; + bottom: 0; + left: 0; + right: 0; + background: #fff; + padding: 12px; + box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); + z-index: 999; +} + +.submit-btn-full { + width: 100%; + height: 44px; + font-size: 16px; + border-radius: 4px; +} + +/* 为底部按钮留出空间 */ +.h5-container { + padding-bottom: 70px; +} + +/* 底部按钮 */ +.btn-box { + position: fixed; + bottom: 0; + left: 0; + right: 0; + padding: 12px; + background: #fff; + border-top: 1px solid #e0e0e0; + display: flex; + gap: 12px; + z-index: 999; + box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05); +} + +.btn-box .layui-btn { + flex: 1; + height: 44px; + line-height: 44px; + font-size: 16px; + border-radius: 4px; +} + +.btn-box .layui-btn.layui-btn-disabled { + opacity: 0.6; +} + +/* 添加的途径点 */ +.addTjd { + margin-bottom: 12px; + /* position: relative; */ + +} + +.addTjdInput { + width: 85%; +} + +.addTjd .layui-form-label { + /* width: 100px !important; */ +} + +.addTjd .layui-input-block { + + + /* margin-left: 100px !important; */ + /* padding-right: 30px; */ +} + +.addTjd img { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + width: 24px; + height: 24px; + cursor: pointer; +} + +/* 响应式调整 */ +@media screen and (max-width: 375px) { + .layui-form-label { + width: 90px !important; + } + + .layui-input-block { + margin-left: 90px !important; + } + + .route-point-tip, + .upload-tip { + /* padding-left: 90px; */ + } +} + +/* layout布局类 */ +.layout { + display: flex; + align-items: center; + justify-content: center; +} + +/* 修复layui样式冲突 */ +.layui-form-radio { + line-height: 28px; +} + +.layui-form-radio > * { + font-size: 14px; +} + +.layui-form-select dl dd { + font-size: 14px; +} + +/* 优化下拉选择框样式 - 工程选择 */ +.layui-form-select { + width: 100%; +} + +.layui-form-select .layui-select-title { + width: 100%; +} + +.layui-form-select .layui-select-title input { + width: 100%; + padding-right: 30px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +/* 下拉选项列表容器 */ +.layui-form-select dl { + position: absolute !important; + top: 100% !important; + left: 0 !important; + margin-top: 2px !important; + border: 1px solid #e0e0e0; + border-radius: 4px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + background: #fff; + z-index: 9999; + max-height: 50vh; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +/* 下拉选项项 - 不强制display，让layui自己控制过滤 */ +.layui-form-select dl dd { + width: 100% !important; + padding: 10px 12px !important; + white-space: normal !important; + word-wrap: break-word !important; + word-break: break-all !important; + line-height: 1.6 !important; + min-height: auto !important; + height: auto !important; + overflow: visible !important; + text-overflow: clip !important; + box-sizing: border-box !important; +} + +/* 确保layui搜索过滤功能正常 - layui会自动添加layui-disabled类来隐藏被过滤的选项 */ +.layui-form-select dl dd.layui-disabled { + display: none !important; +} + +/* 选项文本内容 - 允许换行 */ +.layui-form-select dl dd, +.layui-form-select dl dd a { + white-space: normal !important; + word-wrap: break-word !important; + word-break: break-all !important; + overflow-wrap: break-word !important; + width: 100% !important; +} + +/* 下拉选项悬停和选中状态 */ +.layui-form-select dl dd:hover, +.layui-form-select dl dd.layui-this { + background-color: #f0f7ff; + color: #409EFF; +} + +/* 搜索输入框样式 - layui的搜索输入框 */ +.layui-form-select dl input[type="text"], +.layui-form-select dl input.layui-input { + width: 100% !important; + padding: 8px 12px !important; + border: none !important; + border-bottom: 1px solid #e0e0e0 !important; + border-radius: 0 !important; + font-size: 14px !important; + box-sizing: border-box !important; + background: #fff !important; +} + +/* 确保搜索输入框可见且可交互 */ +.layui-form-select dl input[type="text"]:focus, +.layui-form-select dl input.layui-input:focus { + outline: none !important; + border-bottom-color: #409EFF !important; +} + +/* 确保下拉列表在移动端正确显示 */ +.layui-form-select .layui-edge { + right: 10px; + top: 50%; +} + +/* 移动端下拉列表优化 */ +@media screen and (max-width: 768px) { + .layui-form-select dl { + max-height: 50vh; + } + + .layui-form-select dl dd { + padding: 12px 16px !important; + font-size: 15px !important; + } +} + +/* 移动端优化 */ +@media screen and (max-width: 320px) { + .layui-form-label { + width: 80px !important; + font-size: 13px; + } + + .layui-input-block { + margin-left: 80px !important; + } + + .route-point-tip, + .upload-tip { + padding-left: 80px; + } +} + +/* 确保按钮在移动端可点击 */ +.layui-btn { + -webkit-tap-highlight-color: transparent; + touch-action: manipulation; +} + +/* 输入框在移动端优化 */ +input, textarea, select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +/* 防止iOS输入框缩放 */ +@media screen and (max-width: 768px) { + input[type="text"], + input[type="number"], + textarea, + select { + font-size: 16px !important; + } +} + diff --git a/css/car_demand_plan/H5/select_type.css b/css/car_demand_plan/H5/select_type.css new file mode 100644 index 0000000..af134c6 --- /dev/null +++ b/css/car_demand_plan/H5/select_type.css @@ -0,0 +1,602 @@ +/* H5移动端样式 - 选择类型页面 */ + +* { + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + background: #f5f5f5; + font-family: 'Alibaba PuHuiTi R', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + -webkit-font-smoothing: antialiased; + padding-bottom: 70px; +} + +/* 顶部标题栏 */ +.h5-header { + position: fixed; + top: 0; + left: 0; + right: 0; + height: 44px; + background: #409EFF; + z-index: 1000; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 12px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + min-width: 0; /* 允许flex容器缩小 */ +} + +.header-left { + display: flex; + align-items: center; + color: #fff; + font-size: 16px; + font-weight: 500; + flex: 1; + min-width: 0; /* 允许缩小 */ + overflow: hidden; /* 防止内容溢出 */ +} + +.header-left .layui-icon { + font-size: 18px; + margin-right: 8px; + flex-shrink: 0; /* 图标不缩小 */ +} + +.header-left .header-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.header-right { + display: flex; + align-items: center; + gap: 8px; + flex-shrink: 0; + min-width: 0; /* 允许flex子项缩小 */ +} + +.selected-count { + color: #fff; + font-size: 13px; + white-space: nowrap; /* 防止换行 */ + flex-shrink: 0; +} + +.return-btn { + background: rgba(255, 255, 255, 0.2); + border: none; + border-radius: 4px; + padding: 4px 8px; + display: flex; + align-items: center; + cursor: pointer; + font-size: 12px; + color: #fff; + white-space: nowrap; /* 防止文字换行 */ + flex-shrink: 0; /* 防止按钮被压缩 */ +} + +.return-btn .layui-icon { + margin-right: 4px; + font-size: 12px; + flex-shrink: 0; +} + +.return-btn span { + white-space: nowrap; +} + +.return-btn:active { + background: rgba(255, 255, 255, 0.3); +} + +/* 主容器 */ +.h5-container { + margin-top: 44px; + padding: 12px; +} + +/* 页面标题 */ +.page-title { + display: flex; + align-items: center; + padding: 12px; + background: #fff; + border-radius: 8px; + margin-bottom: 12px; + font-size: 16px; + font-weight: 600; + color: #333; +} + +.page-title .layui-icon { + font-size: 18px; + color: #409EFF; + margin-right: 8px; +} + +/* 搜索卡片 */ +.search-card { + background: #fff; + border-radius: 8px; + padding: 12px; + margin-bottom: 12px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); +} + +.search-inputs { + display: flex; + gap: 8px; + margin-bottom: 12px; +} + +.search-inputs .layui-input { + width: 100%; + font-size: 14px; + border-radius: 4px; + border: 1px solid #e0e0e0; + +} + +.search-inputs .layui-input:focus { + border-color: #409EFF; +} + +.search-btns { + display: flex; + gap: 8px; +} + +.search-btns .layui-btn { + flex: 1; + font-size: 14px; + /* padding: 8px 12px; */ +} + +/* 列表容器 */ +.list-container { + display: flex; + flex-direction: column; + gap: 12px; +} + +/* 列表项卡片 */ +.list-item { + background: #fff; + border-radius: 8px; + padding: 16px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); + position: relative; +} + +.list-item.selected { + border: 2px solid #409EFF; + background: #f0f7ff; +} + +.list-item.selected .item-header { + border-bottom-color: #d0e7ff; +} + +.item-header { + display: flex; + align-items: flex-start; + margin-bottom: 12px; + padding-bottom: 12px; + border-bottom: 1px solid #f0f0f0; +} + +.item-checkbox-wrapper { + margin-right: 12px; + margin-top: 2px; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; +} + +.item-checkbox { + width: 20px !important; + height: 20px !important; + cursor: pointer; + margin: 0 !important; + display: block !important; + visibility: visible !important; + opacity: 1 !important; + appearance: checkbox; + -webkit-appearance: checkbox; + -moz-appearance: checkbox; + position: relative; + z-index: 1; +} + +.item-content { + flex: 1; + display: flex; + align-items: flex-start; + gap: 12px; +} + +.item-number { + width: 28px; + height: 28px; + background: #f0f0f0; + border-radius: 4px; + display: flex; + align-items: center; + justify-content: center; + font-size: 13px; + font-weight: 600; + color: #666; + flex-shrink: 0; +} + +.item-basic-info { + flex: 1; + display: flex; + flex-direction: column; + gap: 8px; +} + +.info-row { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; + line-height: 1.6; +} +.info-row-1 { + display: flex; + align-items: center; + justify-content: space-between !important; + flex-wrap: wrap; + gap: 8px; + line-height: 1.6; +} + +.info-row-item-1 { + margin-right: 10px; +} + + +.info-label { + font-size: 14px; + color: #999; + font-weight: normal; +} + +.info-value { + font-size: 14px; + color: #333; + font-weight: 500; +} + +.info-value.name-text, +.info-value.spec-text { + flex: 1; + word-wrap: break-word; + word-break: break-all; +} + +.type-tag { + display: inline-block; + padding: 2px 8px; + background: #e6f7ff; + color: #409EFF; + border-radius: 4px; + font-size: 13px; + font-weight: 600; + margin-right: 4px; +} + +.item-body { + margin-top: 12px; + padding-top: 12px; +} + +.form-row { + display: flex; + align-items: center; + margin-bottom: 12px; +} + +.form-row:last-child { + margin-bottom: 0; +} + +.form-label { + width: 80px; + font-size: 14px; + color: #666; + flex-shrink: 0; + text-align: left; +} + +.form-label.required::after { + content: '*'; + color: red; + margin-left: 2px; +} + +.form-input { + flex: 1; +} + +.form-input .layui-input, +.form-input .layui-textarea { + font-size: 14px; + border-radius: 4px; + border: 1px solid #e0e0e0; +} + +.form-input .layui-input:focus, +.form-input .layui-textarea:focus { + border-color: #409EFF; +} + +.form-input .layui-textarea { + min-height: 60px; + resize: none; +} + +/* 分页区域 */ +.pagination-box { + display: flex; + align-items: center; + justify-content: center; + gap: 16px; + padding: 16px; + background: #fff; + border-radius: 8px; + margin-top: 12px; +} + +.pagination-box .layui-btn { + min-width: 80px; + font-size: 14px; +} + +.pagination-box .layui-btn:disabled { + opacity: 0.5; + cursor: not-allowed; +} + +.page-info { + font-size: 14px; + color: #666; + min-width: 60px; + text-align: center; +} + +/* 底部按钮 */ +.btn-box { + position: fixed; + bottom: 0; + left: 0; + right: 0; + padding: 12px; + background: #fff; + border-top: 1px solid #e0e0e0; + display: flex; + gap: 12px; + z-index: 999; + box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05); +} + +.btn-box .layui-btn { + flex: 1; + height: 44px; + line-height: 44px; + font-size: 16px; + border-radius: 4px; +} + +/* 空状态 */ +.empty-state { + text-align: center; + padding: 60px 20px; + color: #999; + font-size: 14px; +} + +.empty-state .layui-icon { + font-size: 48px; + color: #d9d9d9; + margin-bottom: 16px; +} + +/* 加载状态 */ +.loading-state { + text-align: center; + padding: 40px 20px; + color: #999; + font-size: 14px; +} + +/* 响应式调整 */ +@media screen and (max-width: 375px) { + .form-label { + width: 70px; + font-size: 13px; + } +} + +/* 修复layui样式 */ +.layui-btn { + -webkit-tap-highlight-color: transparent; + touch-action: manipulation; +} + +input, textarea, select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +/* 防止iOS输入框缩放 */ +@media screen and (max-width: 768px) { + input[type="text"], + input[type="number"], + textarea, + select { + font-size: 16px !important; + } +} + +/* 确认弹框样式 */ +.confirm-dialog-content { + padding: 0; +} + +.confirm-title { + display: flex; + align-items: center; + padding: 16px; + border-bottom: 1px solid #f0f0f0; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + color: #fff; + border-radius: 4px 4px 0 0; +} + +.confirm-title i { + color: #fff !important; +} + +.confirm-title span { + color: #fff !important; +} + +.confirm-tip { + padding: 12px 16px; + background: #fff3e0; + border-left: 3px solid #ff9800; + margin: 0 16px 16px 16px; + border-radius: 4px; + display: flex; + align-items: center; + gap: 8px; +} + +.confirm-tip i { + color: #ff9800; + font-size: 16px; +} + +.confirm-list { + max-height: 400px; + overflow-y: auto; +} + +.confirm-list-header { + padding: 12px 16px; + background: #f5f7fa; + font-weight: 600; + color: #333; + font-size: 14px; + border-bottom: 1px solid #e0e0e0; +} + +.confirm-list-body { + padding: 8px; +} + +.confirm-item { + display: flex; + align-items: flex-start; + padding: 12px; + margin-bottom: 8px; + background: #fff; + border: 1px solid #e0e0e0; + border-radius: 6px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); + transition: all 0.3s; +} + +.confirm-item:hover { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); + border-color: #409EFF; +} + +.confirm-item-number { + width: 28px; + height: 28px; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + color: #fff; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 13px; + font-weight: 600; + flex-shrink: 0; + margin-right: 12px; +} + +.confirm-item-content { + flex: 1; + display: flex; + flex-direction: column; + gap: 6px; +} + +.confirm-item-row { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; + line-height: 1.6; + font-size: 13px; +} + +.confirm-label { + color: #999; + font-weight: normal; + flex-shrink: 0; +} + +.confirm-value { + color: #333; + font-weight: 500; +} + +.confirm-value.highlight { + color: #409EFF; + font-weight: 600; + font-size: 14px; +} + +.type-badge { + display: inline-block; + padding: 2px 8px; + background: #e6f7ff; + color: #409EFF; + border-radius: 4px; + font-size: 12px; + font-weight: 600; +} + +/* 滚动条样式 */ +.confirm-list::-webkit-scrollbar { + width: 6px; +} + +.confirm-list::-webkit-scrollbar-track { + background: #f1f1f1; + border-radius: 3px; +} + +.confirm-list::-webkit-scrollbar-thumb { + background: #c1c1c1; + border-radius: 3px; +} + +.confirm-list::-webkit-scrollbar-thumb:hover { + background: #a8a8a8; +} + diff --git a/images/delete_icon.png b/images/delete_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..d8b99c9d6899cd3716e8f259acbc6c3b9aa92aa6 GIT binary patch literal 5596 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 0 && selectWidth > 0) { + // 统一设置下拉列表宽度与选择框一致，在选择框下方显示 + $dl.css({ + 'width': selectWidth + 'px', + 'min-width': selectWidth + 'px', + 'max-width': selectWidth + 'px', + 'left': '0px', + 'right': 'auto', + 'position': 'absolute' + }); + + // 确保所有选项项宽度为100%，文本可以换行 + $dl.find('dd').css({ + 'width': '100%', + 'box-sizing': 'border-box', + 'white-space': 'normal', + 'word-wrap': 'break-word', + 'word-break': 'break-all' + }); + } + }); +} + +// 确保搜索输入框正常显示和工作 +function ensureSearchInput() { + // 查找所有layui搜索输入框，只确保宽度正确，不干扰layui的过滤逻辑 + $('.layui-form-select dl input[type="text"], .layui-form-select dl input.layui-input').each(function () { + const $input = $(this); + const $dl = $input.closest('dl'); + + // 确保搜索输入框宽度正确 + if ($dl.length > 0) { + const dlWidth = $dl.width(); + $input.css('width', dlWidth + 'px'); + } + }); +} + +// 工程下拉选 +function getProList() { + let url = dataUrl + 'backstage/carType/getProListSelected'; + ajaxRequest(url, "POST", null, false, function () { + }, function (result) { + if (result.code === 200) { + setSelectData(result.data); + } + }, function (xhr, status, error) { + errorFn(xhr, status, error) + }, null); +} + +// 工程下拉选赋值 +function setSelectData(proList) { + let html = ''; + $.each(proList, function (index, item) { + html += '' + }) + $('#proId').empty().append(html); + layui.form.render(); +} + +// ========== 选择类型页面相关变量和函数 ========== +let selectPageNum = 1; +let selectPageSize = 10; +let selectTotalPages = 1; +let selectSelectedItems = []; // 选中的项目 +let selectAllItems = []; // 所有项目数据 + +// 选择类型 - 显示内嵌的选择页面 +function chooseFitType() { + // 获取当前计划类型 + const type = $('input[name="type"]:checked').val() || '1'; + + // 显示选择类型页面 + $('#selectTypePage').show(); + $('.h5-container').first().hide(); // 隐藏主表单容器 + $('.fixed-submit-btn').hide(); // 隐藏提交按钮 + + // 初始化选择类型页面 + initSelectTypePage(type); +} + +// 初始化选择类型页面 +function initSelectTypePage(type) { + // 重置数据 + selectPageNum = 1; + selectSelectedItems = []; + selectAllItems = []; + + // 如果有已选数据，加载到选中列表 + if (currentSelectedData && currentSelectedData.length > 0) { + selectSelectedItems = currentSelectedData.map(item => ({ ...item })); + } + + // 更新选中数量显示 + updateSelectSelectedCount(); + + // 加载数据 + loadSelectData(type); +} + +// 加载选择类型数据 +function loadSelectData(type) { + const id = parseInt(type) === 1 ? 2 : 3; + let url = dataUrl + "backstage/carType/getCarSelected"; + let params = { + pageNum: selectPageNum, + pageSize: selectPageSize, + encryptedData: JSON.stringify({ + name: $('#selectName').val(), + model: $('#selectModel').val(), + id: id, + }) + }; + + ajaxRequest(url, "GET", params, true, function () { + // loading + }, function (result) { + if (result.list && result.list.length > 0) { + selectAllItems = (result.list || []).map(item => { + // 检查是否在预选数据中 + const preselectedItem = selectSelectedItems.find(selected => String(selected.id) === String(item.id)); + return { + ...item, + backDate: preselectedItem ? (preselectedItem.backDate || preselectedItem.times || 0) : (item.backDate || item.times || 0), + carSpec: preselectedItem ? (preselectedItem.carSpec || '') : (item.carSpec || ''), + needNum: preselectedItem ? (preselectedItem.needNum || 0) : (item.needNum || 0), + remark: preselectedItem ? (preselectedItem.remark || preselectedItem.remarks || '') : (item.remark || item.remarks || '') + }; + }); + selectTotalPages = Math.ceil((result.total || 0) / selectPageSize); + renderSelectList(); + updateSelectPagination(); + updateSelectSelectedCount(); + } else { + showSelectEmptyState(); + } + }, function (xhr, status, error) { + errorFn(xhr, status, error); + showSelectEmptyState(); + }); +} + +// 渲染选择列表 +function renderSelectList() { + if (!selectAllItems || selectAllItems.length === 0) { + showSelectEmptyState(); + return; + } + + let html = ''; + selectAllItems.forEach((item, index) => { + const idStr = String(item.id); + const selectedItem = selectSelectedItems.find(selected => String(selected.id) === idStr); + const isSelected = !!selectedItem; + const itemNumber = (selectPageNum - 1) * selectPageSize + index + 1; + + const needNum = isSelected && selectedItem.needNum ? selectedItem.needNum : (item.needNum || ''); + const backDate = isSelected && selectedItem.backDate ? selectedItem.backDate : (item.backDate || item.times || ''); + const carSpec = isSelected && selectedItem.carSpec ? selectedItem.carSpec : (item.carSpec || ''); + const remark = isSelected && selectedItem.remark ? selectedItem.remark : (item.remark || item.remarks || ''); + + html += ` +
+
+
+ +
+
+
${itemNumber}
+
+
+
+ 类型: + ${item.type || ''} +
+
+ 单位: + ${item.unit || ''} +
+
+
+ 名称: + ${item.name || ''} +
+
+ 规格: + ${item.model || ''} +
+
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+ `; + }); + + $('#selectListContainer').html(html); + $('#selectPaginationBox').show(); + + // 绑定复选框事件 + $(document).off('change', '#selectListContainer .item-checkbox').on('change', '#selectListContainer .item-checkbox', function () { + const $checkbox = $(this); + const itemId = $checkbox.data('item-id'); + const checked = $checkbox.is(':checked'); + toggleSelectItem(itemId, checked); + }); +} + +// 切换选中状态 +function toggleSelectItem(id, checked) { + const idStr = String(id); + const item = selectAllItems.find(item => String(item.id) === idStr); + if (!item) return; + + if (checked) { + const existingIndex = selectSelectedItems.findIndex(selected => String(selected.id) === idStr); + if (existingIndex === -1) { + const needNum = $(`input[name="selectNeedNum_${id}"]`).val() || item.needNum || 0; + const backDate = $(`input[name="selectBackDate_${id}"]`).val() || item.backDate || item.times || 0; + const carSpec = $(`input[name="selectCarSpec_${id}"]`).val() || item.carSpec || ''; + const remark = $(`textarea[name="selectRemark_${id}"]`).val() || item.remark || item.remarks || ''; + + selectSelectedItems.push({ + ...item, + needNum: needNum, + backDate: backDate, + carSpec: carSpec, + remark: remark + }); + } else { + const needNum = $(`input[name="selectNeedNum_${id}"]`).val() || selectSelectedItems[existingIndex].needNum || 0; + const backDate = $(`input[name="selectBackDate_${id}"]`).val() || selectSelectedItems[existingIndex].backDate || 0; + const carSpec = $(`input[name="selectCarSpec_${id}"]`).val() || selectSelectedItems[existingIndex].carSpec || ''; + const remark = $(`textarea[name="selectRemark_${id}"]`).val() || selectSelectedItems[existingIndex].remark || ''; + + selectSelectedItems[existingIndex] = { + ...selectSelectedItems[existingIndex], + needNum: needNum, + backDate: backDate, + carSpec: carSpec, + remark: remark + }; + } + } else { + selectSelectedItems = selectSelectedItems.filter(selected => String(selected.id) !== idStr); + } + + updateSelectSelectedCount(); + const $item = $(`.list-item[data-id="${id}"]`); + if (checked) { + $item.addClass('selected'); + } else { + $item.removeClass('selected'); + } +} + +// 更新选择项字段 +function updateSelectItemField(id, field, value) { + const selectedItem = selectSelectedItems.find(item => String(item.id) === String(id)); + if (selectedItem) { + selectedItem[field] = value; + } + const allItem = selectAllItems.find(item => String(item.id) === String(id)); + if (allItem) { + allItem[field] = value; + } +} + +// 更新选中数量 +function updateSelectSelectedCount() { + $('#selectedNum').text(selectSelectedItems.length); +} + +// 更新分页显示 +function updateSelectPagination() { + $('#selectPageInfo').text(`${selectPageNum}/${selectTotalPages}`); + const $prevBtn = $('#selectPrevPage'); + const $nextBtn = $('#selectNextPage'); + + if (selectPageNum === 1) { + $prevBtn.prop('disabled', true).addClass('layui-btn-disabled'); + } else { + $prevBtn.prop('disabled', false).removeClass('layui-btn-disabled'); + } + + if (selectPageNum >= selectTotalPages) { + $nextBtn.prop('disabled', true).addClass('layui-btn-disabled'); + } else { + $nextBtn.prop('disabled', false).removeClass('layui-btn-disabled'); + } +} + +// 显示空状态 +function showSelectEmptyState() { + $('#selectListContainer').html(` +
+ +

暂无数据

+
+ `); + $('#selectPaginationBox').hide(); +} + +// 查询/重置 +function querySelectTable(type) { + if (type === 1) { + selectPageNum = 1; + const currentType = $('input[name="type"]:checked').val() || '1'; + loadSelectData(currentType); + } else if (type === 2) { + $('#selectName').val(''); + $('#selectModel').val(''); + selectPageNum = 1; + const currentType = $('input[name="type"]:checked').val() || '1'; + loadSelectData(currentType); + } +} + +// 上一页 +function selectPrevPage() { + if (selectPageNum > 1) { + selectPageNum--; + const currentType = $('input[name="type"]:checked').val() || '1'; + loadSelectData(currentType); + } +} + +// 下一页 +function selectNextPage() { + if (selectPageNum < selectTotalPages) { + selectPageNum++; + const currentType = $('input[name="type"]:checked').val() || '1'; + loadSelectData(currentType); + } +} + +// 关闭选择类型页面 +function closeSelectTypePage() { + // 隐藏选择类型页面 + $('#selectTypePage').hide(); + // 显示主表单容器 + $('.h5-container').first().show(); + // 显示提交按钮 + $('.fixed-submit-btn').show(); +} + +// 确认选择类型 +function confirmSelectType() { + if (selectSelectedItems.length === 0) { + return layer.msg('未添加数据', { icon: 7 }); + } + + // 先同步更新所有已选项目的输入框值 + selectSelectedItems.forEach(item => { + const needNum = $(`input[name="selectNeedNum_${item.id}"]`).val(); + const backDate = $(`input[name="selectBackDate_${item.id}"]`).val(); + const carSpec = $(`input[name="selectCarSpec_${item.id}"]`).val(); + const remark = $(`textarea[name="selectRemark_${item.id}"]`).val(); + + item.needNum = needNum || item.needNum || 0; + item.backDate = backDate || item.backDate || item.times || 0; + item.carSpec = carSpec || item.carSpec || ''; + item.remark = remark || item.remark || item.remarks || ''; + }); + + // 验证必填字段 + for (let i = 0; i < selectSelectedItems.length; i++) { + const item = selectSelectedItems[i]; + if (!item.needNum || parseInt(item.needNum) === 0) { + return layer.msg(`第${i + 1}项需用量不能为空`, { icon: 7 }); + } + if (!item.backDate || parseInt(item.backDate) === 0) { + return layer.msg(`第${i + 1}项使用天数不能为空`, { icon: 7 }); + } + } + + // 保存到currentSelectedData + currentSelectedData = selectSelectedItems.map(item => ({ + id: item.id, + type: item.type, + name: item.name, + model: item.model, + unit: item.unit, + needNum: item.needNum, + backDate: item.backDate || 0, + carSpec: item.carSpec || '', + remark: item.remark || '' + })); + + // 更新显示 + if (currentSelectedData.length > 0) { + $('#no_data_title').hide(); + $('#has_data_title').show(); + $('#selectedCountDisplay').text(currentSelectedData.length); + } else { + $('#no_data_title').show(); + $('#has_data_title').hide(); + } + + // 关闭选择页面 + closeSelectTypePage(); + + layer.msg('选择成功', { icon: 1 }); +} + +// 添加途径点 +function addTjd() { + addNum = addNum + 1; + addNums++; + if (addNums > 10) { + addNum = 10; + addNums = 10; + layer.msg('途径点不能超过10个!', { icon: 5 }); + return false; + } + let html = '
' + + '' + + '
' + + '' + + '' + + '
' + + '
'; + + // + let addTjdNum = $('.addTjd').length; + if (addTjdNum === 0) { + $('#tjd').after(html); + } else { + $('.addTjd').eq(addTjdNum - 1).after(html); + } + layui.form.render(); +} + +// 删除途径点 +function delTjd(that, addNum) { + addNums = addNums - 1; + // 使用closest查找最近的.addTjd父元素 + $(that).closest('.addTjd').remove(); +} + +// 初始化文件上传（原生方式） +function initFileUpload() { + const fileInput = document.getElementById('fileInput'); + + if (!fileInput) { + console.error('文件输入框不存在'); + return; + } + + + // 给input添加点击事件（调试用） + fileInput.addEventListener('click', function (e) { + + }, true); + + // 给按钮添加点击事件 - 手动触发input + setTimeout(function () { + $('.upload-btn').on('click', function (e) { + + // 阻止事件冒泡到form，避免被form的onclick阻止 + e.stopPropagation(); + + // 使用原生方式触发，确保能弹出文件选择器 + if (fileInput) { + // 延迟一点触发，确保事件处理完成 + setTimeout(function () { + fileInput.click(); + }, 10); + } + }); + + // 给包装器添加点击事件 - 手动触发input + $('.upload-btn-wrapper').on('click', function (e) { + + // 如果点击的不是input本身，则触发input + if (e.target !== fileInput && !$(e.target).closest('#fileInput').length) { + + e.stopPropagation(); // 阻止冒泡到form + setTimeout(function () { + fileInput.click(); + }, 10); + } + }); + + // 给上传区域添加点击事件（调试用） + $('.upload-area').on('click', function (e) { + + }); + + // 给input本身添加点击事件，确保不被form阻止 + $(fileInput).on('click', function (e) { + + e.stopPropagation(); // 阻止冒泡到form + }); + }, 100); + + // 确保input的点击事件不被阻止 + fileInput.addEventListener('click', function (e) { + + // 阻止事件冒泡到form，避免被form的onclick阻止 + e.stopPropagation(); + // 不阻止默认行为，让浏览器正常处理 + }, false); + + // 监听文件选择 + fileInput.addEventListener('change', function (e) { + + const files = e.target.files; + if (!files || files.length === 0) { + return; + } + + // 检查已上传文件数量 + let length = $('.file-iteme').length; + if (length >= 5) { + layer.msg('最多上传5个附件证明', { icon: 7 }); + fileInput.value = ''; // 清空选择 + return; + } + + // 处理每个文件 + Array.from(files).forEach((file, fileIndex) => { + if (length >= 5) { + return; // 已达到最大数量 + } + + // 验证文件大小（10MB = 1024 * 10 KB） + const maxSize = 1024 * 10; // 10MB + if (file.size > maxSize * 1024) { + layer.msg(`文件 ${file.name} 超过10MB限制`, { icon: 7 }); + return; + } + + // 验证文件类型 + const allowedTypes = [ + 'image/jpg', 'image/png', 'image/jpeg', + 'application/pdf', + 'application/msword', + 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', + 'application/vnd.ms-excel', + 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' + ]; + + const fileExt = file.name.split('.').pop().toLowerCase(); + const allowedExts = ['jpg', 'png', 'jpeg', 'doc', 'docx', 'pdf', 'xlsx', 'xls']; + + if (!allowedExts.includes(fileExt)) { + layer.msg(`文件 ${file.name} 格式不支持`, { icon: 7 }); + return; + } + + const index = fileList.length; // 使用fileList的长度作为index + + // 判断是否为图片文件 + const isImage = file.type.startsWith('image/'); + + if (isImage) { + // 图片文件：使用FileReader读取预览 + const reader = new FileReader(); + reader.onload = function (e) { + const result = e.target.result; + + // 添加到文件列表 + $('#uploader-list').append( + '
' + + '

x

' + + handleFileType(index, file, result, true) + + '
' + ); + + // 保存文件信息 + let map = new Map(); + map.index = index; + map.file = file; + fileList.push(map); + + length++; + }; + reader.readAsDataURL(file); + } else { + // 非图片文件：直接显示图标，不需要FileReader + // 添加到文件列表 + $('#uploader-list').append( + '
' + + '

x

' + + handleFileType(index, file, null, false) + + '
' + ); + + // 保存文件信息 + let map = new Map(); + map.index = index; + map.file = file; + fileList.push(map); + + length++; + } + }); + + // 清空input值，允许重复选择相同文件 + fileInput.value = ''; + }); +} + +// 处理文件类型显示 +function handleFileType(index, file, result, isImage) { + // 获取文件扩展名 + const fileName = file.name || ''; + const fileExt = fileName.split('.').pop().toLowerCase(); + + // 根据当前页面路径计算图片路径 + const basePath = '../../../images/'; + + if (isImage && result) { + // 图片文件：显示预览图 + return ''; + } else { + // 非图片文件：显示图标盒子 + let iconPath = ''; + if (fileExt === 'doc' || fileExt === 'docx') { + iconPath = basePath + 'docx.png'; + } else if (fileExt === 'xls' || fileExt === 'xlsx') { + iconPath = basePath + 'xlsx.png'; + } else if (fileExt === 'pdf') { + iconPath = basePath + 'pdf.png'; + } else { + // 默认图标 + iconPath = basePath + 'file_icon.png'; + } + + // 截取文件名（如果太长） + const displayName = fileName.length > 8 ? fileName.substring(0, 8) + '...' : fileName; + + return '
' + + '' + fileExt + '' + + '

' + displayName + '

' + + '
'; + } +} + +// 删除文件 +$(document).on("click", ".file-iteme .handle", function (event) { + event.stopPropagation(); + let imgListUp = new Array(); + // 查找data-index属性（可能在img、file-preview-img或file-preview-box上） + const $fileItem = $(this).closest('.file-iteme'); + let index = $fileItem.find('[data-index]').attr('data-index') || + $(this).next().attr('data-index') || + $(this).next().find('[data-index]').attr('data-index'); + + $.each(fileList, function (inx, ele) { + if (index != ele.index) { + imgListUp.push(ele); + } + }); + $fileItem.remove(); + fileList.splice(0, fileList.length); + $.each(imgListUp, function (inx, ele) { + fileList.push(ele); + }); +}); + +// 提交申请 +function saveData2() { + $('#formSubmit').trigger('click'); +} + +// 存储已选数据（用于传递给选择页面） +let currentSelectedData = []; + +// 检查从选择页面返回的数据 +function checkSelectedData() { + const selectedData = sessionStorage.getItem('selectedTypeData'); + if (selectedData) { + try { + const data = JSON.parse(selectedData); + if (data && data.length > 0) { + // 保存已选数据 + currentSelectedData = data; + // 隐藏空状态，显示已选数量 + $('#no_data_title').hide(); + $('#has_data_title').show(); + $('#selectedCountDisplay').text(data.length); + // 清除sessionStorage（因为我们已经保存到currentSelectedData了） + sessionStorage.removeItem('selectedTypeData'); + } else { + // 没有数据，显示空状态 + $('#no_data_title').show(); + $('#has_data_title').hide(); + currentSelectedData = []; + } + } catch (e) { + console.error('解析选中数据失败:', e); + sessionStorage.removeItem('selectedTypeData'); + $('#no_data_title').show(); + $('#has_data_title').hide(); + currentSelectedData = []; + } + } else { + // 没有数据，显示空状态 + $('#no_data_title').show(); + $('#has_data_title').hide(); + currentSelectedData = []; + } +} + +// 关闭页面 +function closePage() { + // H5页面返回 + if (window.history.length > 1) { + window.history.back(); + } else { + // 如果没有历史记录，可以跳转到首页或其他页面 + // window.location.href = '/'; + } +} + +getProList(); + +// 确认提交 +function submitApply() { + // 1. 字段校验 + // 校验计划类型 + const type = $('input[name="type"]:checked').val(); + if (!type) { + return layer.msg('请选择计划类型', { icon: 7 }); + } + + // 校验申请工程 + const proId = $('#proId').val(); + if (!proId) { + return layer.msg('请选择申请工程', { icon: 7 }); + } + + // 校验需用日期 + const needTime = $('#needTime').val(); + if (!needTime) { + return layer.msg('请选择需用日期', { icon: 7 }); + } + + // 校验项目部分 + const projectPart = $('#projectPart').val(); + if (!projectPart || projectPart.trim() === '') { + return layer.msg('请输入项目部分', { icon: 7 }); + } + if (projectPart.length > 50) { + return layer.msg('项目部分不能超过50个字符', { icon: 7 }); + } + + // 校验计划说明 + const remark = $('#remark').val(); + if (!remark || remark.trim() === '') { + return layer.msg('请输入计划说明', { icon: 7 }); + } + if (remark.length > 500) { + return layer.msg('计划说明不能超过500个字符', { icon: 7 }); + } + + // 校验是否选择了车辆/吊车类型 + if (!currentSelectedData || currentSelectedData.length === 0) { + return layer.msg('请至少选择一种车辆或吊车类型', { icon: 7 }); + } + + // 校验已选数据的必填字段 + for (let i = 0; i < currentSelectedData.length; i++) { + const item = currentSelectedData[i]; + if (!item.needNum || parseInt(item.needNum) === 0) { + return layer.msg(`第${i + 1}项需用量不能为空`, { icon: 7 }); + } + if (parseInt(item.needNum) > 10) { + return layer.msg(`第${i + 1}项需用量不能超过10`, { icon: 7 }); + } + if (!item.backDate || parseInt(item.backDate) === 0) { + return layer.msg(`第${i + 1}项使用天数不能为空`, { icon: 7 }); + } + } + + // 2. 组装途径点字符串（使用逗号拼接） + let routePointStr = ''; + $('input[name="routePoint"]').each(function (index, item) { + const routePoint = $(this).val(); + if (routePoint && routePoint.trim() !== '') { + if (routePointStr !== '') { + routePointStr += 'routePoint;' + routePoint.trim(); + } else { + routePointStr = routePoint.trim(); + } + } + }); + + // 3. 组装detailList + const detailList = currentSelectedData.map(item => { + return { + modelId: item.id || item.modelId || '', + type: item.type || '', + name: item.name || '', + model: item.model || '', + unit: item.unit || '', + carSpec: item.carSpec || '', + needNum: item.needNum || '0', + backDate: item.backDate || '0', + remark: item.remark || '' + }; + }); + + // 4. 组装params对象 + const params = { + type: type, + proId: proId, + needTime: needTime, + projectPart: projectPart.trim(), + remark: remark.trim(), + carWeight: $('#carWeight').val() || '', + carStart: $('#carStart').val() || '', + carEnd: $('#carEnd').val() || '', + routePoint: routePointStr, + detailList: detailList, + applyType: '0' // 固定为0 + }; + + // 5. 打印参数（调试用） + console.log('提交参数:', params); + console.log('途径点字符串:', routePointStr); + console.log('文件数量:', fileList.length); + + // 6. 创建FormData + let loadingMsg = layer.msg('正在提交保存,请稍等...', { icon: 16, shade: 0.01, time: '0' }); + let url = dataUrl + 'backstage/carNeedPlan/addNeedPlanData'; + let formData = new FormData(); + + // 7. 添加文件 + for (let i = 0; i < fileList.length; i++) { + formData.append("file[]", fileList[i].file); + } + + // 8. 添加params（转为JSON字符串） + formData.append('params', JSON.stringify(params)); + + // 9. 调用接口 + ajaxRequestByUploadFile(url, formData, function () { + // loading + }, function (result) { + layer.close(loadingMsg); + if (result.code === 200) { + layer.msg('提交成功', { icon: 1 }, function () { + // 提交成功后刷新页面 + // window.location.reload(); + }); + } else { + layer.msg(result.msg || '提交失败', { icon: 7 }); + } + }, function (xhr, status, error) { + layer.close(loadingMsg); + errorFn(xhr, status, error); + }, null); +} diff --git a/js/car_demand_plan/H5/select_type.js b/js/car_demand_plan/H5/select_type.js new file mode 100644 index 0000000..1e30e5d --- /dev/null +++ b/js/car_demand_plan/H5/select_type.js @@ -0,0 +1,535 @@ +// H5移动端 - 选择类型页面 +let form, layer, laydate; +let pageNum = 1; +let pageSize = 10; +let totalPages = 1; +let selectedItems = []; // 选中的项目 +let allItems = []; // 所有项目数据 +let typeParam = ''; // 类型参数 + +// 页面初始化 +layui.use(['form', 'layer', 'laydate'], function () { + form = layui.form; + layer = layui.layer; + laydate = layui.laydate; + + // 获取URL参数 + const urlParams = new URLSearchParams(window.location.search); + typeParam = urlParams.get('type') || '1'; + + // 检查是否有预选数据（从主页面传递过来的） + checkPreselectedData(); + + // 初始化数据 + initData(); +}); + +// 检查预选数据（从主页面传递过来的已选数据） +function checkPreselectedData() { + const preselectedData = sessionStorage.getItem('preselectedTypeData'); + if (preselectedData) { + try { + const data = JSON.parse(preselectedData); + if (data && data.length > 0) { + // 将预选数据转换为selectedItems格式 + selectedItems = data.map(item => ({ + ...item, + id: item.id, + needNum: item.needNum || 0, + backDate: item.backDate || 0, + carSpec: item.carSpec || '', + remark: item.remark || '' + })); + console.log('预选数据已加载:', selectedItems); + // 清除sessionStorage + sessionStorage.removeItem('preselectedTypeData'); + } + } catch (e) { + console.error('解析预选数据失败:', e); + sessionStorage.removeItem('preselectedTypeData'); + } + } +} + +// 初始化数据 +function initData() { + // 加载数据 + loadData(); +} + +// 加载数据（接口调用） +function loadData() { + let url = dataUrl + "backstage/carType/getCarSelected"; + let params = { + pageNum: pageNum, + pageSize: pageSize, + encryptedData: JSON.stringify({ + name: $('#name').val(), + model: $('#model').val(), + id: parseInt(typeParam) === 1 ? 2 : 3, + }) + }; + + ajaxRequest(url, "GET", params, true, function () { + // loading + }, function (result) { + if (result.list && result.list.length > 0) { + // 对返回的数据进行map，添加backDate和carSpec字段 + + console.log(result.list); + allItems = (result.list || []).map(item => { + // 检查是否在预选数据中，如果在，使用预选数据中的值 + const preselectedItem = selectedItems.find(selected => String(selected.id) === String(item.id)); + return { + ...item, + backDate: preselectedItem ? (preselectedItem.backDate || preselectedItem.times || 0) : (item.backDate || item.times || 0), + carSpec: preselectedItem ? (preselectedItem.carSpec || '') : (item.carSpec || ''), + needNum: preselectedItem ? (preselectedItem.needNum || 0) : (item.needNum || 0), + remark: preselectedItem ? (preselectedItem.remark || preselectedItem.remarks || '') : (item.remark || item.remarks || '') + }; + }); + totalPages = Math.ceil((result.total || 0) / pageSize); + renderList(); + updatePagination(); + // 更新选中数量显示 + updateSelectedCount(); + } else { + showEmptyState(); + } + }, function (xhr, status, error) { + errorFn(xhr, status, error); + showEmptyState(); + }); +} + +// 查询/重置 +function queryTable(type) { + if (type === 1) { + // 查询 + pageNum = 1; + loadData(); + } else if (type === 2) { + // 重置 + $('#name').val(''); + $('#model').val(''); + pageNum = 1; + loadData(); + } +} + +// 渲染列表 +function renderList() { + if (!allItems || allItems.length === 0) { + showEmptyState(); + return; + } + + let html = ''; + allItems.forEach((item, index) => { + // 检查是否在已选列表中，搜索时保持已选状态（统一转换为字符串比较） + const idStr = String(item.id); + const selectedItem = selectedItems.find(selected => String(selected.id) === idStr); + const isSelected = !!selectedItem; + const itemNumber = (pageNum - 1) * pageSize + index + 1; + + // 如果已选中，使用已选数据中的值，否则使用当前item的值 + const needNum = isSelected && selectedItem.needNum ? selectedItem.needNum : (item.needNum || ''); + const backDate = isSelected && selectedItem.backDate ? selectedItem.backDate : (item.backDate || item.times || ''); + const carSpec = isSelected && selectedItem.carSpec ? selectedItem.carSpec : (item.carSpec || ''); + const remark = isSelected && selectedItem.remark ? selectedItem.remark : (item.remark || item.remarks || ''); + + html += ` +
+
+
+ +
+
+
${itemNumber}
+
+
+
+ 类型: + ${item.type || ''} +
+
+ 单位: + ${item.unit || ''} +
+
+
+ 名称: + ${item.name || ''} +
+
+ 规格: + ${item.model || ''} +
+
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+ `; + }); + + $('#listContainer').html(html); + $('#paginationBox').show(); + + // 使用事件委托绑定复选框事件 + $(document).off('change', '.item-checkbox').on('change', '.item-checkbox', function () { + const $checkbox = $(this); + const itemId = $checkbox.data('item-id'); + const checked = $checkbox.is(':checked'); + console.log('Checkbox changed:', itemId, checked); + toggleSelect(itemId, checked); + }); +} + +// 切换选中状态 +function toggleSelect(id, checked) { + console.log('toggleSelect called:', id, checked, typeof id); + console.log('allItems length:', allItems.length); + console.log('selectedItems before:', selectedItems.length); + + // 统一转换为字符串进行比较，避免类型不匹配 + const idStr = String(id); + const item = allItems.find(item => String(item.id) === idStr); + + if (!item) { + console.error('Item not found:', id, 'allItems:', allItems.map(i => i.id)); + return; + } + + if (checked) { + // 勾选时添加到选中列表 + const existingIndex = selectedItems.findIndex(selected => String(selected.id) === idStr); + if (existingIndex === -1) { + // 如果不存在，添加新项 + const needNum = $(`input[name="needNum_${id}"]`).val() || item.needNum || 0; + const backDate = $(`input[name="backDate_${id}"]`).val() || item.backDate || item.times || 0; + const carSpec = $(`input[name="carSpec_${id}"]`).val() || item.carSpec || ''; + const remark = $(`textarea[name="remark_${id}"]`).val() || item.remark || item.remarks || ''; + + const newItem = { + ...item, + needNum: needNum, + backDate: backDate, + carSpec: carSpec, + remark: remark + }; + + selectedItems.push(newItem); + console.log('Added item:', newItem); + console.log('selectedItems after add:', selectedItems); + } else { + // 如果已存在，更新数据（同步输入框的值） + const needNum = $(`input[name="needNum_${id}"]`).val() || selectedItems[existingIndex].needNum || 0; + const backDate = $(`input[name="backDate_${id}"]`).val() || selectedItems[existingIndex].backDate || 0; + const carSpec = $(`input[name="carSpec_${id}"]`).val() || selectedItems[existingIndex].carSpec || ''; + const remark = $(`textarea[name="remark_${id}"]`).val() || selectedItems[existingIndex].remark || ''; + + selectedItems[existingIndex] = { + ...selectedItems[existingIndex], + needNum: needNum, + backDate: backDate, + carSpec: carSpec, + remark: remark + }; + console.log('Updated item:', selectedItems[existingIndex]); + } + } else { + // 取消勾选时从选中列表移除 + selectedItems = selectedItems.filter(selected => String(selected.id) !== idStr); + console.log('Removed item, selectedItems after:', selectedItems); + } + + console.log('selectedItems final:', selectedItems.length, selectedItems); + updateSelectedCount(); + updateItemClass(id, checked); +} + +// 更新项目字段 +function updateItemField(id, field, value) { + // 验证 + if (field === 'needNum') { + if (value) { + const regex = /^(0|[1-9]\d{0,6})$/; + if (!regex.test(value) || parseInt(value) > 10) { + layer.msg('需用量格式不正确，最大数量只能输入10，且为正整数！', { icon: 7 }); + $(`input[name="needNum_${id}"]`).val(''); + return; + } + } + } else if (field === 'backDate') { + if (value) { + const regex = /^[1-9]\d{0,5}$/; + if (!regex.test(value)) { + layer.msg('使用天数只能输入正整数！', { icon: 7 }); + $(`input[name="backDate_${id}"]`).val(''); + return; + } + } + } else if (field === 'carSpec') { + if (value && value.length > 50) { + layer.msg('所需规格最多输入50位！', { icon: 7 }); + return; + } + } else if (field === 'remark') { + if (value && value.length > 255) { + layer.msg('备注最多输入255位！', { icon: 7 }); + return; + } + } + + // 更新数据 + const selectedItem = selectedItems.find(item => item.id === id); + if (selectedItem) { + selectedItem[field] = value; + } + + const allItem = allItems.find(item => item.id === id); + if (allItem) { + allItem[field] = value; + } +} + +// 更新选中数量 +function updateSelectedCount() { + $('#selectedNum').text(selectedItems.length); +} + +// 更新项目样式 +function updateItemClass(id, checked) { + const $item = $(`.list-item[data-id="${id}"]`); + if (checked) { + $item.addClass('selected'); + } else { + $item.removeClass('selected'); + } +} + +// 上一页 +function prevPage() { + if (pageNum > 1) { + pageNum--; + loadData(); + } +} + +// 下一页 +function nextPage() { + if (pageNum < totalPages) { + pageNum++; + loadData(); + } +} + +// 更新分页显示 +function updatePagination() { + $('#pageInfo').text(`${pageNum}/${totalPages}`); + const $prevBtn = $('#prevPage'); + const $nextBtn = $('#nextPage'); + + if (pageNum === 1) { + $prevBtn.prop('disabled', true).addClass('layui-btn-disabled'); + } else { + $prevBtn.prop('disabled', false).removeClass('layui-btn-disabled'); + } + + if (pageNum >= totalPages) { + $nextBtn.prop('disabled', true).addClass('layui-btn-disabled'); + } else { + $nextBtn.prop('disabled', false).removeClass('layui-btn-disabled'); + } +} + +// 显示空状态 +function showEmptyState() { + $('#listContainer').html(` +
+ +

暂无数据

+
+ `); + $('#paginationBox').hide(); +} + +// 保存数据 +function saveData2() { + if (selectedItems.length === 0) { + return layer.msg('未添加数据', { icon: 7 }); + } + + // 先同步更新所有已选项目的输入框值 + selectedItems.forEach(item => { + const needNum = $(`input[name="needNum_${item.id}"]`).val(); + const backDate = $(`input[name="backDate_${item.id}"]`).val(); + const carSpec = $(`input[name="carSpec_${item.id}"]`).val(); + const remark = $(`textarea[name="remark_${item.id}"]`).val(); + + item.needNum = needNum || item.needNum || 0; + item.backDate = backDate || item.backDate || item.times || 0; + item.carSpec = carSpec || item.carSpec || ''; + item.remark = remark || item.remark || item.remarks || ''; + }); + + // 验证必填字段 + for (let i = 0; i < selectedItems.length; i++) { + const item = selectedItems[i]; + if (!item.needNum || parseInt(item.needNum) === 0) { + return layer.msg(`第${i + 1}项需用量不能为空`, { icon: 7 }); + } + if (!item.backDate || parseInt(item.backDate) === 0) { + return layer.msg(`第${i + 1}项使用天数不能为空`, { icon: 7 }); + } + } + + // 显示确认弹框，展示已选数据 + showConfirmDialog(); +} + +// 显示确认弹框 +function showConfirmDialog() { + let confirmHtml = ` +
+
+ + 确认添加数据 +
+
+ + 数据即将被添加，请仔细检查数据是否有错误！ +
+
+
+ 已选数据列表（共 ${selectedItems.length} 项） +
+
+ `; + + selectedItems.forEach((item, index) => { + confirmHtml += ` +
+
${index + 1}
+
+
+ 类型: + ${item.type || ''} + 单位: + ${item.unit || ''} +
+
+ 名称: + ${item.name || ''} +
+
+ 规格: + ${item.model || ''} +
+
+ 需用量: + ${item.needNum || 0} + 使用天数: + ${item.backDate || 0} +
+ ${item.carSpec ? ` +
+ 所需规格: + ${item.carSpec} +
+ ` : ''} + ${item.remark ? ` +
+ 备注: + ${item.remark} +
+ ` : ''} +
+
+ `; + }); + + confirmHtml += ` +
+
+
+ `; + + layer.open({ + type: 1, + title: false, + closeBtn: 1, + area: ['90%', '70%'], + shadeClose: false, + content: confirmHtml, + btn: ['确认添加', '取消'], + btnAlign: 'c', + yes: function (index) { + layer.close(index); + // 确认后保存数据 + const dataToSave = selectedItems.map(item => ({ + id: item.id, + type: item.type || typeParam, + name: item.name, + model: item.model, + unit: item.unit, + needNum: item.needNum, + backDate: item.backDate || 0, + carSpec: item.carSpec || '', + remark: item.remark || '' + })); + sessionStorage.setItem('selectedTypeData', JSON.stringify(dataToSave)); + // 返回上一页 + window.history.back(); + }, + btn2: function (index) { + layer.close(index); + } + }); +} + +// 关闭页面 +function closePage() { + // window.history.back(); + window.location.href = 'http://192.168.2.140:5500/page/car_demand_plan/H5/demand_plan_apply/index.html'; +} + diff --git a/page/car_demand_plan/H5/demand_plan_apply/index.html b/page/car_demand_plan/H5/demand_plan_apply/index.html new file mode 100644 index 0000000..c43743e --- /dev/null +++ b/page/car_demand_plan/H5/demand_plan_apply/index.html @@ -0,0 +1,265 @@ + + + + + + 车辆需求计划申请 + + + + + + + + + + + +
+
+ + 贵送机具管理系统 +
+
+ +
+ +
+
+ + 车辆需求计划申请 + +
+ +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+
+ + +
+ +
+ +
+
+ + +
+ +
+ +
+
+ + +
+ +
+ +
0/500
+
+
+ + +
+ +
+
+ + 吨 +
+
+
+ + +
+ +
+ +
+
+ +
+ +
+ +
+
+ + +
+ +
+ +
+
+
+

多个途径点请点击继续,最多10个

+
+ + 添加途径点 +
+
+ + +
+ +
+
+
+
+ +
+ +
+
+
+
+

请上传运输起始点高德地图截图

+
+
+
+ + +
+
+ + +
+
+ + 申请明细 +
+ +
+

您还没选择需用车辆吊车类型

+

请先添加机具类型后再执申请操作

+ +
+ + + +
+ + +
+ + + + + +
+ +
+ + + + + + + + \ No newline at end of file diff --git a/page/car_demand_plan/H5/demand_plan_apply/select_type.html b/page/car_demand_plan/H5/demand_plan_apply/select_type.html new file mode 100644 index 0000000..4926dea --- /dev/null +++ b/page/car_demand_plan/H5/demand_plan_apply/select_type.html @@ -0,0 +1,81 @@ + + + + + + + 选择需求计划运输车辆、吊车类型 + + + + + + + +
+
+ + 贵送机具管理系统 +
+
+ 已选: 0 + +
+
+ +
+ +
+ + 选择需求计划运输车辆、吊车类型 +
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+ +
+ + + +
+ + +
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/page/images/delete_icon.png b/page/images/delete_icon.png new file mode 100644 index 0000000000000000000000000000000000000000..d8b99c9d6899cd3716e8f259acbc6c3b9aa92aa6 GIT binary patch literal 5596 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 IM6N<$f=$J6#Q*>R literal 0 HcmV?d00001 diff --git a/page/images/pdf.png b/page/images/pdf.png new file mode 100644 index 0000000000000000000000000000000000000000..d939f9b3e22e7f5bb6584b7dbf0f61b9b9e5c81a GIT binary patch literal 681 zcmV;a0#^NrP)Px%V@X6oRA@u(T1#%iFc5vF7lBPFH}J0XB!!azCxM;>mc9XPH}y$KGnO40V<*m+ zL~z--6ep_4LGcXpwD3RcIA9M1I{Bew#*#K zfWxa0C#ISIn~?FwRCxnF*bnDN0GkN{KpyTF0zmA~rwAY?UJ`(8qQ)z;6M$!XFL@w& zpd|w-gjy2VdV2CeYYJN~5b}VMs?JpTjSD|qOw#KWTb!mtK@XPro14!aWU3CG_qH-z3 zfj8bB7nBHm08F}ePw)(&{T^!fsx(^khwSHqFDG{e zAe4GS&4;=VGRosSUmmXmz$5{uq0oN_l_lmH0K8{t$mf6;M=Stq+}#xv(b;7m<=I P00000NkvXXu0mjf<(?#h literal 0 HcmV?d00001 diff --git a/page/images/xlsx.png b/page/images/xlsx.png new file mode 100644 index 0000000000000000000000000000000000000000..f06b85568e209506c25ba8991065e8c42fdec0fd GIT binary patch literal 744 zcmVP)Px%qDe$SRA@u(T3b@;Qa;(R{+3&Kk@2;;Gh?32hB^*1|t8vXs=d8`1TVm zp0J65?DSo?M`*8?iu9iu8E;MPHL5kL$4v_ew=)F5CLd5eZP@$EnF8n;0L|2RWA-nA z?~dMo8v)Zqyeo$Y{Bx4e$cq5MUf*@iu!}3w+z3+)==HX{96BL~Q1Sq9^&_p{o7aOi zKs|150ilhpiP7^<8+JglgvkZ~0Iml=IywV5Z-f`Y5-C#x00`;f*u3tn*JBOQs4lG- z<7ZW-_a*v((IZL55Hu{pEa*jhb&rG(v8m_ZR}=wrSh%34#Nk12yR}#RMMAP1K%k(f zyed_=!zhRVm?&tMR=r52ves0JNdXw8l5b$3a79F<8~}hGk(yI)7}Ba&xFxJ3U&QW- zPLWz#)!WXDu6)H(Z7eHEM&RR}p0{~q^=MXffRYE`cj$pDOF2Ijl^OuXy`e(tSTI!p z_!7gstkU+Q1^~C)4&pAw{WTid=}f2Fve%D#HPk+m6e=O+oVxN;=ikn0~ z!5$EzR!KGz18_#DT1QIoVXrM{m zW;jVz1R!fB_LXVkHbYX4hW0u!tC8I2g5{hY0Y7z;s4;Dh{*;HZ0F1OwdUFaDbkbt1 zM9fL0K&YVO7Gr~$fFf@h-p4`-d=vH z`OG?B00guCsR8i1(rnCX4BO?|@#zVtPJUYXnYG7J-vgQtb>}}5Rkm>A_@0pVN4R*l a+rGb=*5bc^*05~=0000