From 4b3fd35893972bb05fd7ab89dc624ab805093ff3 Mon Sep 17 00:00:00 2001 From: zs <zhousong@weben-smart.com> Date: 周日, 18 5月 2025 19:47:46 +0800 Subject: [PATCH] Merge branch 'master' of http://222.71.245.114:9086/r/HIA24016N_PipeLineDemo --- PipeLineLems/pipelinelems_web/src/widgets/PipeAccessoryAssembly/Views/Pages/PipeAccessoryAssembly/PipeAccessoryAssembly.module.scss | 253 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 253 insertions(+), 0 deletions(-) diff --git a/PipeLineLems/pipelinelems_web/src/widgets/PipeAccessoryAssembly/Views/Pages/PipeAccessoryAssembly/PipeAccessoryAssembly.module.scss b/PipeLineLems/pipelinelems_web/src/widgets/PipeAccessoryAssembly/Views/Pages/PipeAccessoryAssembly/PipeAccessoryAssembly.module.scss new file mode 100644 index 0000000..f0789b7 --- /dev/null +++ b/PipeLineLems/pipelinelems_web/src/widgets/PipeAccessoryAssembly/Views/Pages/PipeAccessoryAssembly/PipeAccessoryAssembly.module.scss @@ -0,0 +1,253 @@ +.pipeAccessoryAssemblyContent { + width: 100%; + height: 100%; + // height: 100% !important; + // overflow-y: auto !important; /* 鍐呭瓒呭嚭鏃舵樉绀烘粴鍔ㄦ潯 */ + // padding-bottom: 20px; /* 閬垮厤鍐呭琚簳閮ㄩ伄鎸� */ + + .pipeAccessoryAssemblyList { + width: 100%; + height: calc(100% - 70px); + } + .headerContent { + display: flex; + justify-content: space-between; + align-items: center; + height: 43px; + } + .header { + margin-bottom: 12px; + display: flex; + justify-content: flex-end; + align-items: center; + } + + .h5Form { + display: flex; + flex-direction: column; + gap: 20px; // 琛ㄥ崟椤逛箣闂寸殑闂磋窛 + + .el-form-item { + margin-bottom: 0; // 绉婚櫎榛樿鐨勫簳閮ㄨ竟璺� + width: 100% !important; // 鍗犳弧鐖跺鍣ㄥ搴� + } + + .el-form-item__label { + display: block; + text-align: left; + margin-bottom: 8px; + font-weight: 500; + } + } +} + +.tagBox { + width: auto; + min-width: 80px; + height: 24px; + background: #ffffff; + border-radius: 19px 19px 19px 19px; + opacity: 1; + border: 1px dashed #bcc4cc; + width: 50px; + height: 20px; + font-size: 14px; + font-family: PingFang SC, PingFang SC; + font-weight: 400; + color: #5a84ff; + display: flex; + justify-content: center; + align-items: center; + // cursor: pointer; +} + +.group { + display: flex; + justify-content: space-between; + align-items: center; +} + +.groupTable { + width: 100%; +} + +.overBox { + width: 100%; + height: calc(100% - 20px); + overflow: auto; + :global(.cs-collapse-item__header) { + background-color: #f1f1f1; + padding: 0 20px; + height: 35px; + font-size: 16px; + font-family: PingFang SC, PingFang SC; + font-weight: 500; + } + :global(.cs-collapse-item__content) { + padding-bottom: 0px; + } +} +.groupHeader { + width: 100%; + height: 30px; + background: #ccc; +} + +.hideBlock { + display: none; +} +.queryForm { + padding: 10px; + background: #f5f7fa; + margin-bottom: 0px; + border-radius: 4px; + + .el-form-item { + margin-right: 20px; + margin-bottom: 0; + + // 缁熶竴杈撳叆妗嗗拰閫夋嫨妗嗙殑瀹藉害 + .el-input, .el-select { + width: 200px; // 璁剧疆缁熶竴鐨勫搴� + } + + // 閫夋嫨妗嗗唴閮ㄨ緭鍏ユ鏍峰紡 + .el-select .el-input__wrapper { + height: 32px; // 涓庤緭鍏ユ楂樺害涓�鑷� + padding: 1px 11px; // 涓庤緭鍏ユ鍐呰竟璺濅竴鑷� + } + + // 鏃ユ湡閫夋嫨鍣ㄥ搴� + .el-date-editor { + width: 220px; + } + } +} + +// 濡傛灉闇�瑕佹洿绮剧‘鐨勬帶鍒讹紝鍙互鍗曠嫭璁剧疆 +.formItem { + width: 200px; + + &.el-input, &.el-select { + width: 100%; + } +} + + + +.newPageContent { + display: flex; + flex-wrap: wrap; + gap: 20px; + padding: 20px; + background-color: white; + + .info-block { + background-color: #f9f9f9; + border: 1px solid #eaeaea; + border-radius: 5px; + padding: 20px; + width: calc(33.33% - 20px); + + .block-title { + font-size: 20px; + font-weight: bold; + margin-bottom: 15px; + } + + .info-tags { + display: flex; + flex-wrap: wrap; + gap: 10px; + + .info-tag { + display: flex; + align-items: center; + gap: 5px; + + .tag-label { + font-weight: bold; + } + } + } + + .action-buttons { + display: flex; + gap: 10px; + margin-top: 20px; + } + + .equipment-image { + width: 100%; + height: auto; + margin-top: 20px; + } + + .status-normal { + color: green; + } + } + + .process-table { + width: 100%; + margin-top: 20px; + + .el-table { + border: 1px solid #eaeaea; + border-radius: 5px; + } + } +} + + +.modelRrow { + display: flex; /* 寮规�у竷灞� */ + gap: 20px; /* 鎺т欢闂磋窛 */ + align-items: center; /* 鍨傜洿灞呬腑 */ + margin-bottom: 12px; /* 搴曢儴闂磋窛 */ + width: 100%; + + .el-form-item { + flex: 1 !important; /* 鍧囧垎绌洪棿 */ + margin-bottom: 0; + max-width: none; // 绉婚櫎鏈�澶у搴﹂檺鍒� + } + + .el-select { + width: 100%; // 纭繚Select鍗犳弧鐖跺鍣ㄥ搴� + + // 绉婚櫎鍙兘褰卞搷瀹藉害鐨勫唴閮ㄦ牱寮� + .el-input__wrapper { + width: 100%; + } + } + + // 鍝嶅簲寮忚璁� + @media (max-width: 1200px) { + .model-row { + flex-wrap: wrap; + + .el-form-item { + flex: 1 0 calc(50% - 10px); // 鍦ㄤ腑绛夊睆骞曚笂姣忚鏄剧ず2涓� + margin-bottom: 10px; + } + } + } + + @media (max-width: 768px) { + .model-row { + flex-direction: column; + + .el-form-item { + width: 100%; // 鍦ㄥ皬灞忓箷涓婃瘡琛屾樉绀�1涓� + } + } + } +} + +.action-buttons { + display: flex; + gap: 10px; + margin-top: 20px; +} + -- Gitblit v1.9.3