<template>
  <view class="container">
    <VNavigationBar :title="pageTitle" background-color="#fff" title-color="#333"></VNavigationBar>
    <view class="body">
      <u-form labelPosition="top">
        <view class="card">
          <u-form-item borderBottom label="名称" labelWidth="200">
            <u-input v-model="project.vin" border="none" placeholder="请输入名称"></u-input>
          </u-form-item>
          <u-form-item borderBottom label="编码" labelWidth="200">
            <u-input v-model="project.engineNumber" border="none" placeholder="请输入编码"></u-input>
          </u-form-item>
          <u-form-item borderBottom label="规格" labelWidth="200">
            <u-input v-model="project.engineNumber" border="none" placeholder="请输入规格"></u-input>
          </u-form-item>
          <u-form-item borderBottom label="工时" labelWidth="200">
            <u-input v-model="project.engineNumber" border="none" placeholder="请输入规格"></u-input>
          </u-form-item>
        </view>
      </u-form>
    </view>
    <view class="footer">
      <view class="btnItem edit" @click="submit">
        确定
      </view>
    </view>
  </view>
</template>

<script>
import VNavigationBar from "@/components/VNavigationBar.vue";

export default {
  components: {VNavigationBar},
  data() {
    return {
      pageTitle: '新增维修项目',
      project:{},
    };
  },
  onLoad(options) {
    console.log("options",options)
  },
}
</script>

<style lang="less" scoped>
.container {
  box-sizing: border-box;
  height: 100%;
  background-color: #f3f5f7;
  display: flex;
  flex-direction: column;

  .body {
    flex: 1;
    height: 0;
    overflow: auto;

    .card {
      margin: 20rpx 30rpx;
      padding: 0 30rpx;
      background-color: #fff;
    }
  }

  .footer {
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 30rpx 0;

    .btnItem {
      width: 510rpx;
      height: 76rpx;
      background: #0174F6;
      border-radius: 38rpx 38rpx 38rpx 38rpx;

      font-size: 32rpx;
      color: #FFFFFF;

      line-height: 76rpx;
      text-align: center;
    }
  }
}
</style>
