新建工作内表格

wwl

2024-12-19 05e3edd60cdde8fe3d82eaeaaec86a8cd5c7d7b5

 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>