yos_web/src/HDrpManagement/contractManage/components/addContractProject.vue

<template>
  <div style="height:100vh">
    <!-- <p class="normal-title normal-panel" style="line-height:32px;padding-left:16px;border-bottom:1px solid #eeeeee">新建合同</p> -->
    <div class="header_info">
      <el-row>
        <el-form :model="form" :rules="rules" ref="form" label-position="right" label-width="75px" size="small">
          <el-col :span="6">
            <el-form-item label="合同编号" prop="hrid">
              <el-input type="text" size="small" v-model="form"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="合同模板" prop="hrid">
              <el-input type="text" size="small" v-model="form"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="经销商" prop="hrid">
              <el-input type="text" size="small" v-model="form"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="项目名称" prop="hrid">
              <el-input type="text" size="small" v-model="form"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="业务员" prop="hrid">
              <el-input type="text" size="small" v-model="form"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="生效日期" prop="hrid">
              <el-input type="text" size="small" v-model="form"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="截止日期" prop="hrid">
              <el-input type="text" size="small" v-model="form"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="签约日期" prop="hrid">
              <el-input type="text" size="small" v-model="form"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="合同描述" prop="hrid">
              <el-input type="textarea" size="small" v-model="form"></el-input>
            </el-form-item>
          </el-col>
        </el-form>
      </el-row>
    </div>
    <Tabs :tabs="['产品清单','合同条款','业务关联']">
      <div slot="slot0">1111111111111</div>
    </Tabs>
    
  </div>
</template>

<script>
import Tabs from './tab'
export default {
  name: '',
  components:{Tabs},
  data () {
    return {
      form: {},
      rules: {
        sys_enterpriseid: [
          { required: true, message: '请选择企业名称', trigger: 'blur' },
        ],
        sa_accountclassid: [
          { required: true, message: '请选择账户类型', trigger: 'blur' },
        ],
        creditquota: [
          { required: true, message: '请填写信用额度', trigger: 'change' },
        ],
      }
    };
  },
  computed: {
  },
  watch: {
  },
  methods: {
    onSubmit () {

    }
  },
};
</script>

<style scoped>
* {
  box-sizing: border-box;
}
.header_info {
  background: #ffffff;
  padding: 16px 16px 0 16px;
  margin-bottom: 16px;
}
</style>