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 ++++
src/views/pages/shenpiliucheng/items/qingjiadan.vue | 70 ++++
src/views/pages/shenpiliucheng/items/bangong.vue | 76 +++++
src/views/pages/shenpiliucheng/items/huiyi.vue | 75 +++++
vue.config.js | 2
src/views/pages/shenpiliucheng/items/shouwen.vue | 101 ++++++
src/main.js | 2
src/views/pages/shenpiliucheng/items/caigou.vue | 69 ++++
src/views/pages/shenpiliucheng/items/lizhi.vue | 79 +++++
src/components/outTable.vue | 184 ++++++++++++
src/views/pages/shenpiliucheng/items/fawen.vue | 111 ++++++
src/views/pages/shenpiliucheng/newJob.vue | 25 -
12 files changed, 815 insertions(+), 48 deletions(-)
diff --git a/src/components/outTable.vue b/src/components/outTable.vue
new file mode 100644
index 0000000..ac9b4cf
--- /dev/null
+++ b/src/components/outTable.vue
@@ -0,0 +1,184 @@
+<template>
+ <div>
+ <table
+ style="border: 1px solid black; border-collapse: collapse; width: 1800px"
+ >
+ <thead>
+ <tr>
+ <th
+ style="
+ background-color: #add8e6;
+ text-align: center;
+ border: 1px solid black;
+ "
+ colspan="5"
+ >
+ 宸ヤ綔鍩烘湰灞炴��
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ style="background-color: #add8e6; width: 200px; text-align: right"
+ >
+ 宸ヤ綔鍚嶇О锛�
+ </td>
+ <td style="padding-left: 20px">
+ <input type="text" />
+ </td>
+ </tr>
+
+ <tr>
+ <td colspan="2" style="text-align: center; padding-top: 20px">
+ <div
+ style="
+ color: red;
+ font-size: 26px;
+ font-weight: 700;
+ margin-bottom: 10px;
+ "
+ >
+ {{title}}
+ </div>
+ <slot></slot>
+ </td>
+ </tr>
+
+ <tr>
+ <td
+ style="background-color: #add8e6; width: 200px; text-align: right"
+ >
+ 闄勪欢鏂囦欢锛�
+ </td>
+ <td style="padding: 5px 10px">
+ <el-button type="danger" plain>鍒犻櫎鏂囦欢</el-button>
+ <el-button type="primary" plain>闃呰鏂囦欢</el-button>
+ <el-button type="warning" plain>缂栬緫鏂囦欢</el-button>
+ </td>
+ </tr>
+ <tr style="padding: 5px">
+ <td
+ style="background-color: #add8e6; width: 200px; text-align: right"
+ >
+ 涓婁紶闄勪欢锛�
+ </td>
+ <td style="padding: 5px 10px">
+ <el-button type="danger" plain>閫夋嫨鏂囦欢</el-button>
+ 鏈�夋嫨浠讳綍鏂囦欢
+ <el-button type="warning" plain>涓婁紶</el-button>
+ </td>
+ </tr>
+ </tbody>
+ <thead>
+ <tr>
+ <th
+ style="
+ background-color: #add8e6;
+ text-align: center;
+ border: 1px solid black;
+ "
+ colspan="5"
+ >
+ 娴佺▼瀹℃壒闄勫姞灞炴��
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr style="padding: 5px">
+ <td
+ style="background-color: #add8e6; width: 200px; text-align: right"
+ >
+ 涓嬩竴鑺傜偣閫夋嫨锛�
+ </td>
+ <td style="padding: 5px 10px">
+ <select>
+ <option value="鍏紑">鑺傜偣搴忓彿锛�1--鑺傜偣鍚嶇О锛氶瀵煎鏍�</option>
+ <option value="淇濆瘑">淇濆瘑</option>
+ <option value="鏈哄瘑">鏈哄瘑</option>
+ <option value="缁濆瘑">缁濆瘑</option>
+ </select>
+ </td>
+ </tr>
+ <tr style="padding: 5px">
+ <td
+ style="background-color: #add8e6; width: 200px; text-align: right"
+ >
+ 璇勫妯″紡锛�
+ </td>
+ <td style="padding: 5px 10px">涓�浜洪�氳繃鍙悜涓嬫祦杞�</td>
+ </tr>
+ <tr style="padding: 5px">
+ <td
+ style="background-color: #add8e6; width: 200px; text-align: right"
+ >
+ 瀹℃壒浜洪�夋嫨妯″紡锛�
+ </td>
+ <td style="padding: 5px 10px">浠庨粯璁ゅ鎵逛汉涓�夋嫨</td>
+ </tr>
+ <tr style="padding: 5px">
+ <td
+ style="background-color: #add8e6; width: 200px; text-align: right"
+ >
+ 瀹℃壒浜洪�夋嫨锛�
+ </td>
+ <td style="padding: 5px 10px">
+ <select>
+ <option value="鍏紑">寮犱笁</option>
+ <option value="淇濆瘑">鏉庡洓</option>
+ <option value="鏈哄瘑">鐜嬩簲</option>
+ <option value="缁濆瘑">缁濆瘑</option>
+ </select>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+</template>
+
+ <script>
+export default {
+ props: {
+ title: {
+ type: String,
+ required: true
+ }
+ }
+};
+</script>
+
+ <style>
+/* 娣诲姞鏍峰紡鏉ョ粺涓�澶勭悊琛ㄦ牸琛岀殑杈规 */
+table tr {
+ border-top: 1px solid black;
+ border-bottom: 1px solid black;
+}
+.biao {
+ margin: 0 auto;
+}
+.biao td,
+.biao th {
+ border-right: 1px solid black;
+ border-bottom: 1px solid black;
+ white-space: nowrap; /* 闃叉鎹㈣ */
+ overflow: hidden; /* 瓒呭嚭閮ㄥ垎闅愯棌 */
+ text-overflow: ellipsis; /* 瓒呭嚭閮ㄥ垎鏄剧ず鐪佺暐鍙� */
+ padding: 10px 0 10px 10px; /* 涓婂彸涓嬪乏锛屽鍔犲乏padding */
+}
+.biao tr:last-child td {
+ border-bottom: none;
+}
+.biao tr td:first-child {
+ border-left: none;
+}
+.custom-input {
+ border: none;
+ border-bottom: 1px solid black;
+ background-color: transparent;
+ width: 100%; /* 璁╄緭鍏ユ鍏呮弧鍗曞厓鏍� */
+}
+.custom-input:focus {
+ border-bottom: 2px solid #0000ff; /* 鑱氱劍鏃跺姞绮楀苟楂樹寒涓嬭竟妗� */
+ outline: none; /* 鍘婚櫎娴忚鍣ㄩ粯璁ょ殑鑱氱劍杞粨 */
+}
+</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index abcb498..1c73e55 100644
--- a/src/main.js
+++ b/src/main.js
@@ -31,6 +31,7 @@
import ImageUpload from "@/components/ImageUpload"
// 鍥剧墖棰勮缁勪欢
import ImagePreview from "@/components/ImagePreview"
+import outTable from "@/components/outTable"
// 瀛楀吀鏍囩缁勪欢
import DictTag from '@/components/DictTag'
// 澶撮儴鏍囩缁勪欢
@@ -61,6 +62,7 @@
Vue.component('FileUpload', FileUpload)
Vue.component('ImageUpload', ImageUpload)
Vue.component('ImagePreview', ImagePreview)
+Vue.component('outTable', outTable)
Vue.use(directive)
Vue.use(plugins)
diff --git a/src/views/pages/shenpiliucheng/items/bangong.vue b/src/views/pages/shenpiliucheng/items/bangong.vue
new file mode 100644
index 0000000..5a429f2
--- /dev/null
+++ b/src/views/pages/shenpiliucheng/items/bangong.vue
@@ -0,0 +1,76 @@
+<template>
+ <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="zuo">鐢宠鏃ユ湡</td>
+ <td style="padding-right: 10px">
+ <input type="text" class="custom-input" />
+ </td>
+ </tr>
+ <tr>
+ <td class="zuo">鐢宠鐗╁搧</td>
+ <td style="padding-right: 10px">
+ <input type="text" class="custom-input"/>
+ </td>
+ <td class="zuo">鐢宠鏁伴噺</td>
+ <td 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>
+
+ <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 {};
+</script>
+
+<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
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
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
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
diff --git a/src/views/pages/shenpiliucheng/items/huiyi.vue b/src/views/pages/shenpiliucheng/items/huiyi.vue
new file mode 100644
index 0000000..df2b81e
--- /dev/null
+++ b/src/views/pages/shenpiliucheng/items/huiyi.vue
@@ -0,0 +1,75 @@
+<template>
+ <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>
+ </tr>
+ <tr>
+ <td class="zuo">浼氳涓婚</td>
+ <td colspan="3">
+ <input type="text" class="custom-input" />
+ </td>
+ </tr>
+ <tr>
+ <td class="zuo">浼氳鍙備笌浜�</td>
+ <td colspan="3">
+ <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>
+
+ <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 {};
+</script>
+
+<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
diff --git a/src/views/pages/shenpiliucheng/items/lizhi.vue b/src/views/pages/shenpiliucheng/items/lizhi.vue
new file mode 100644
index 0000000..de2f9f7
--- /dev/null
+++ b/src/views/pages/shenpiliucheng/items/lizhi.vue
@@ -0,0 +1,79 @@
+<template>
+ <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">
+ <select>
+ <option value="鍏紑">A閮ㄩ棬</option>
+ <option value="淇濆瘑">B閮ㄩ棬</option>
+ <option value="鏈哄瘑">鏈哄瘑</option>
+ <option value="缁濆瘑">缁濆瘑</option>
+ </select>
+ </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>
+ <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 {};
+</script>
+
+<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
diff --git a/src/views/pages/shenpiliucheng/items/qingjiadan.vue b/src/views/pages/shenpiliucheng/items/qingjiadan.vue
new file mode 100644
index 0000000..7573a1f
--- /dev/null
+++ b/src/views/pages/shenpiliucheng/items/qingjiadan.vue
@@ -0,0 +1,70 @@
+<template>
+ <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>
+ </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>
+ <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 {};
+</script>
+
+<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
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
diff --git a/src/views/pages/shenpiliucheng/newJob.vue b/src/views/pages/shenpiliucheng/newJob.vue
index 38e6973..01ca7af 100644
--- a/src/views/pages/shenpiliucheng/newJob.vue
+++ b/src/views/pages/shenpiliucheng/newJob.vue
@@ -10,10 +10,10 @@
<div class="title">鍏枃</div>
<el-row :gutter="12">
<el-col :span="8" >
- <el-card shadow="hover" ><div @click="goToItemPage">鍙戞枃鐧昏</div></el-card>
+ <el-card shadow="hover" ><div @click="goToItemPage('/shenpiliucheng/fawen')">鍙戞枃鐧昏</div></el-card>
</el-col>
<el-col :span="8">
- <el-card shadow="hover">鏀舵枃鐧昏</el-card>
+ <el-card shadow="hover"><div @click="goToItemPage('/shenpiliucheng/shouwen')">鏀舵枃鐧昏</div></el-card>
</el-col>
</el-row>
</div>
@@ -21,16 +21,16 @@
<div class="title">琛屾斂</div>
<el-row :gutter="12">
<el-col :span="8">
- <el-card shadow="hover">閲囪喘鐢宠鍗�</el-card>
+ <el-card shadow="hover"><div @click="goToItemPage('/shenpiliucheng/caigou')">閲囪喘鐢宠鍗�</div></el-card>
</el-col>
<el-col :span="8">
- <el-card shadow="hover">璐圭敤鎶ラ攢鍗�</el-card>
+ <el-card shadow="hover"><div @click="goToItemPage('/shenpiliucheng/feiyong')">璐圭敤鎶ラ攢鍗�</div></el-card>
</el-col>
<el-col :span="8">
- <el-card shadow="hover">浼氳鐢宠鍗�</el-card>
+ <el-card shadow="hover"><div @click="goToItemPage('/shenpiliucheng/huiyi')">浼氳鐢宠鍗�</div></el-card>
</el-col>
<el-col :span="8">
- <el-card shadow="hover">鍔炲叕鐢ㄥ搧鐢宠鍗�</el-card>
+ <el-card shadow="hover"><div @click="goToItemPage('/shenpiliucheng/bangong')">鍔炲叕鐢ㄥ搧鐢宠鍗�</div></el-card>
</el-col>
</el-row>
</div>
@@ -38,10 +38,10 @@
<div class="title">浜轰簨</div>
<el-row :gutter="12">
<el-col :span="8">
- <el-card shadow="hover">鍛樺伐璇峰亣鍗�</el-card>
+ <el-card shadow="hover"><div @click="goToItemPage('/shenpiliucheng/qingjiadan')">鍛樺伐璇峰亣鍗�</div></el-card>
</el-col>
<el-col :span="8">
- <el-card shadow="hover">绂昏亴鐢宠鍗�</el-card>
+ <el-card shadow="hover"><div @click="goToItemPage('/shenpiliucheng/lizhi')">绂昏亴鐢宠鍗�</div></el-card>
</el-col>
</el-row>
</div>
@@ -75,13 +75,8 @@
};
},
methods: {
- goToItemPage() {
- console.log('111')
- this.$router.push("/shenpiliucheng/wode");
- },
- goWode() {
- console.log('111')
- this.$router.push("/shenpiliucheng/wode");
+ goToItemPage(url) {
+ this.$router.push(url);
},
},
};
diff --git a/vue.config.js b/vue.config.js
index 7de3335..90bad44 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -35,7 +35,7 @@
proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
- target: `http://192.168.1.3:5030`,
+ target: `http://192.168.1.2:5030`,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
--
Gitblit v1.8.0