From b3e9a47f4c17c0d708398698432a109420e7d9e1 Mon Sep 17 00:00:00 2001
From: 懒羊羊 <15939171744@163.com>
Date: 星期一, 04 十二月 2023 10:12:52 +0800
Subject: [PATCH] 优化

---
 guns-vip-main/src/main/webapp/pages/modular/kb/formula/formulaView.html |   82 +++++++++++++++++++----------------------
 1 files changed, 38 insertions(+), 44 deletions(-)

diff --git a/guns-vip-main/src/main/webapp/pages/modular/kb/formula/formulaView.html b/guns-vip-main/src/main/webapp/pages/modular/kb/formula/formulaView.html
index 71b78c5..d4d2dd8 100644
--- a/guns-vip-main/src/main/webapp/pages/modular/kb/formula/formulaView.html
+++ b/guns-vip-main/src/main/webapp/pages/modular/kb/formula/formulaView.html
@@ -36,7 +36,7 @@
                 <div class="layui-card-header" style="font-weight: bold">
                     <i class="layui-icon layui-icon-rate-solid"></i>宸ュ崟淇℃伅
                 </div>
-                <div class="layui-card-body">
+                <div class="layui-card-body" style="height: 368px">
                     <div class="orderInfo">
                         <span>宸ュ崟缂栧彿</span>
                         <span class="mySpan" style="float: right" id="workOrder"></span>
@@ -72,77 +72,64 @@
                     <hr class="layui-border-orange">
                     <div class="container">
                         <input type="radio" id="sex1" name="sex1" value="nan1" title="鐢�">
-                        <span>绯荤粺灏辩华</span>
-                        <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="鐢�">
                         <span>宸ヤ欢鍒颁綅</span>
-                    </div>
-                    <div class="container">
-                        <input type="radio" name="sex" value="nan" title="鐢�">
-                        <span>璇诲彇鏉$爜</span>
                         <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="鐢�">
-                        <span>涓嬪彂鏈哄瀷</span>
-                    </div>
-                    <div class="container">
-                        <input type="radio" name="sex" value="nan" title="鐢�">
                         <span>鍏佽鍚姩</span>
-                        <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="鐢�">
-                        <span>涓嶅厑璁稿惎鍔�</span>
                     </div>
                     <div class="container">
                         <input type="radio" name="sex" value="nan" title="鐢�">
-                        <span>鍚堟牸瀹屾垚</span>
-                        <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="鐢�">
-                        <span>涓嶅悎鏍煎畬鎴�</span>
-                    </div>
-                    <div class="container">
-                        <input type="radio" name="sex" value="nan" title="鐢�">
-                        <span>淇濆瓨瀹屾垚</span>
+                        <span>鍏佽鏀捐</span>
+                        <input style="margin-left: 150px" type="radio" name="test" value="test1" title="鐢�">
+                        <span>宸ヤ綔瀹屾垚</span>
                     </div>
                 </div>
             </div>
         </div>
-        <div class="layui-col-sm6 layui-col-md6 layui-col-lg6">
+        <div class="layui-col-sm9 layui-col-md6 layui-col-lg9">
             <div class="layui-card" style="height: 605px">
-                <div class="layui-card-header" style="font-weight: bold">
-                    <i class="layui-icon layui-icon-rate-solid"></i>鎿嶄綔鏍�
-                </div>
+<!--                <div class="layui-card-header" style="font-weight: bold">-->
+<!--                    <i class="layui-icon layui-icon-rate-solid"></i>鎿嶄綔鏍�-->
+<!--                </div>-->
                 <div class="layui-card-body">
                     <div class="layui-tab" lay-filter="test">
                         <ul class="layui-tab-title">
                             <li class="layui-this" lay-id="11">棣栭〉</li>
-                            <li lay-id="22">宸ュ簭鐘舵��</li>
-                            <li lay-id="33">瑁呴厤閲囬泦娓呭崟</li>
-                            <li lay-id="44">宸ヨ壓鍙傛暟</li>
-                            <li lay-id="55">涓嶅悎鏍艰川閲忔暟鎹�</li>
+                            <li lay-id="22">BOM娓呭崟</li>
                         </ul>
                         <div class="layui-tab-content">
                             <div class="layui-tab-item layui-show">
-                                <table class="layui-table" id="formulaChildInfoTable" lay-filter="formulaChildInfoTable"></table>
+                                <div class="layui-col-xs5">
+                                    <table class="layui-table" id="formulaChildInfoTable" lay-filter="formulaChildInfoTable"></table>
+                                    <input id="scanCode" name="scanCode" placeholder="璇锋壂鎻忕墿鏂欐潯鐮�" type="text" class="layui-input"/>
+                                </div>
+                                <div class="layui-col-xs7">
+                                    <img id="imgs" class="img-thumbnail">
+                                </div>
+
                             </div>
                             <div class="layui-tab-item">
-                                鍐呭3
+                                <table class="layui-table" id="productBomChildInfoTable" lay-filter="productBomChildInfoTable"></table>
                             </div>
-                            <div class="layui-tab-item">鍐呭3</div>
-                            <div class="layui-tab-item">鍐呭4</div>
-                            <div class="layui-tab-item">鍐呭5</div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
-        <div class="layui-col-sm3 layui-col-md3 layui-col-lg3">
-            <div class="layui-card" style="height: 605px">
-                <div class="layui-card-header" style="font-weight: bold">
-                    <i class="layui-icon layui-icon-rate-solid"></i>鍥剧墖
-                </div>
-                <div class="layui-card-body">
-                    <img id="imgs" width="320px" height="270px">
-                </div>
-            </div>
+<!--        <div class="layui-col-sm3 layui-col-md3 layui-col-lg3">-->
+<!--            <div class="layui-card" style="height: 605px">-->
+<!--                <div class="layui-card-header" style="font-weight: bold">-->
+<!--                    <i class="layui-icon layui-icon-rate-solid"></i>鍥剧墖-->
+<!--                </div>-->
+<!--                <div class="layui-card-body">-->
+<!--&lt;!&ndash;                    <img id="imgs" width="320px" height="270px">&ndash;&gt;-->
+<!--                    <img id="imgs" class="img-thumbnail">-->
+<!--                    <button type="button" class="layui-btn layui-btn-primary" id="clear">鍏ョ珯</button>-->
+<!--                </div>-->
+<!--            </div>-->
 
-        </div>
+<!--        </div>-->
 </div>
-<!--    <img id="imgs" width="400px" height="380px">-->
+
     <style>
     .orderInfo {
         margin-bottom: 5px;  /* 璁剧疆鎹㈣鍚庣殑涓嬭竟璺� */
@@ -151,5 +138,12 @@
         display: flex; /* 浣跨敤 Flex 甯冨眬 */
         align-items: center; /* 灏嗗瓙鍏冪礌鍨傜洿灞呬腑瀵归綈 */
     }
+    .img-thumbnail {
+        margin-top: 15px;
+        margin-left: 5px;
+        width: 600px;
+        height: auto;
+        transition: all 0.3s ease;
+    }
 </style>
 @}
\ No newline at end of file

--
Gitblit v1.9.3