新建工作内表格

wwl

2024-12-19 05e3edd60cdde8fe3d82eaeaaec86a8cd5c7d7b5

 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>