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/fawen.vue | 111 +++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 103 insertions(+), 8 deletions(-)
diff --git a/src/views/pages/shenpiliucheng/items/fawen.vue b/src/views/pages/shenpiliucheng/items/fawen.vue
index 8520342..11cc307 100644
--- a/src/views/pages/shenpiliucheng/items/fawen.vue
+++ b/src/views/pages/shenpiliucheng/items/fawen.vue
@@ -1,15 +1,110 @@
<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