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/shouwen.vue | 101 ++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 93 insertions(+), 8 deletions(-)
diff --git a/src/views/pages/shenpiliucheng/items/shouwen.vue b/src/views/pages/shenpiliucheng/items/shouwen.vue
index 1d1bcc2..0b07478 100644
--- a/src/views/pages/shenpiliucheng/items/shouwen.vue
+++ b/src/views/pages/shenpiliucheng/items/shouwen.vue
@@ -1,15 +1,100 @@
<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>
+ <select>
+ <option value="鍏紑">鍏紑</option>
+ <option value="淇濆瘑">淇濆瘑</option>
+ <option value="鏈哄瘑">鏈哄瘑</option>
+ <option value="缁濆瘑">缁濆瘑</option>
+ </select>
+ </td>
+ </tr>
+ <tr>
+ <td class="zuo">鏁版嵁1</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>
+ <select>
+ <option value="鍏紑">鍏紑</option>
+ <option value="淇濆瘑">淇濆瘑</option>
+ <option value="鏈哄瘑">鏈哄瘑</option>
+ <option value="缁濆瘑">缁濆瘑</option>
+ </select>
+ </td>
+ </tr>
+ <tr>
+ <td class="zuo">鏀舵枃瀛楀彿</td>
+ <td style="padding-right: 10px">
+ <input type="text" class="custom-input" />
+ </td>
+ <td class="zhong">鏉ユ枃鍗曚綅</td>
+ <td colspan="3" style="padding-right: 10px">
+ <input type="text" class="custom-input" />
+ </td>
+ </tr>
+ <tr>
+ <td class="zuo">涓婚璇�</td>
+ <td colspan="5" style="padding-right: 10px">
+ <input type="text" class="custom-input" />
+ </td>
+ </tr>
+ <tr>
+ <td class="zuo">鏂囦欢鏍囬</td>
+ <td colspan="5" style="padding-right: 10px">
+ <input type="text" class="custom-input" />
+ </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