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/caigou.vue |   69 ++++++++++++++++++++++++++++++----
 1 files changed, 61 insertions(+), 8 deletions(-)

diff --git a/src/views/pages/shenpiliucheng/items/caigou.vue b/src/views/pages/shenpiliucheng/items/caigou.vue
index 16d45d8..994233c 100644
--- a/src/views/pages/shenpiliucheng/items/caigou.vue
+++ b/src/views/pages/shenpiliucheng/items/caigou.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