From 05e3edd60cdde8fe3d82eaeaaec86a8cd5c7d7b5 Mon Sep 17 00:00:00 2001 From: wwl <xchao828@163.com> Date: 星期四, 19 十二月 2024 11:16:01 +0800 Subject: [PATCH] 新建工作内表格 --- src/views/pages/shenpiliucheng/items/feiyong.vue | 69 ++++++++++++++++++++++++++++++---- 1 files changed, 61 insertions(+), 8 deletions(-) diff --git a/src/views/pages/shenpiliucheng/items/feiyong.vue b/src/views/pages/shenpiliucheng/items/feiyong.vue index 98dc04b..0a0d125 100644 --- a/src/views/pages/shenpiliucheng/items/feiyong.vue +++ b/src/views/pages/shenpiliucheng/items/feiyong.vue @@ -1,15 +1,68 @@ <template> - <div> - 璐圭敤鎶ラ攢鍗� - </div> + <out-table title="鏌愭煇绉戞妧鏈夐檺鍏徃璐圭敤鎶ラ攢鍗�"> + <table + class="biao" + style=" + border: 1px solid black; + border-collapse: collapse; + display: inline-block; + " + > + <tbody> + <tr> + <td class="zuo">鐢宠浜�</td> + <td style="padding-right: 10px"> + <input type="text" class="custom-input" /> + </td> + <td class="zhong">鐢宠鏃ユ湡</td> + <td style="padding-right: 10px"> + <input type="text" class="custom-input" /> + </td> + <td class="zhong">閲囪喘閲戦</td> + <td style="padding-right: 10px;width: 150px;display: flex;"> + <input type="text" class="custom-input" /> + <div>鍏�</div> + </td> + </tr> + <tr> + <td class="zuo">鐢宠鍘熷洜</td> + <td colspan="5" style="padding: 20px 10px 20px 10px"> + <input type="text" class="custom-input" style="height: 60px" /> + </td> + </tr> + <tr> + <td class="zuo">閮ㄩ棬鎰忚</td> + <td colspan="5" style="padding: 20px 10px 20px 10px"> + <input type="text" class="custom-input" style="height: 60px" /> + </td> + </tr> + + <tr> + <td class="zuo">鍗曚綅鎰忚</td> + <td colspan="5" style="padding: 20px 10px 20px 10px"> + <input type="text" class="custom-input" style="height: 60px" /> + </td> + </tr> + </tbody> + </table> + </out-table> </template> <script> -export default { - -} +export default {}; </script> -<style> - +<style lang="scss" scoped> +.zuo { + background-color: #b8a657; + width: 100px; + text-align: left; + color: red; +} +.zhong { + color: red; + font-size: 16px; + text-align: left; + width: 100px; +} </style> \ No newline at end of file -- Gitblit v1.8.0