SOURCE

new Vue({
  el:'#app',
   data() {
     return {
        form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: ''
        }
      }
    },
  	mounted(){
    },
    methods: {
      formatter(row, column) {
        return row.address;
      },
      sortChange(val){
        const { order } = val
        console.log(order)
      },
      onSubmit() {
        console.log('submit!');
      }
    }
})

<fieldset>
    <legend>排污资质</legend><div id="app">
<el-form ref="form" :model="form" label-width="180px">
  <el-form-item label="排污类型">
    <el-input v-model="form.name"></el-input>
  </el-form-item>
    <el-form-item label="排污许可证">
    <el-input v-model="form.name"></el-input>
  </el-form-item>
  <el-form-item label="许可证有效截止日期">
    <el-col :span="11">
      <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
    </el-col>
  </el-form-item>
  <el-form-item label="污染物危害描述">
    <el-input v-model="form.name"></el-input>
  </el-form-item>
  <el-form-item label="排污地点地点">
    <el-input v-model="form.name"></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">保存</el-button>
    <el-button>重置</el-button>
  </el-form-item>
</el-form>
</div></fieldset>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://lib.baomitu.com/vue/2.5.17/vue.js">
</script>
<script src="https://unpkg.com/element-ui/lib/index.js">
</script>