SOURCE

var webRoot="http://localhost:8081/jeecg"
new Vue({
  el: '#app',
  data() {
    return {
      filters: {},
      //表单界面数据
      form: {},
      form.refer_what:{},
      listLoading: false,
      url:{
        queryDict:webRoot+'/systemController.do?typeListJson',
      },

      //数据字典 
      departmentOptions: []
    }
  },

  methods: {
    //初始化数据字典
    initDictsData: function() {
      var _this = this;
      _this.initDictByCode('department', _this, 'departmentOptions');
    },

    initDictByCode: function(code, _this, dictOptionsName) {
      if (!code || !_this[dictOptionsName] || _this[dictOptionsName].length > 0) return;
      alert(1)
      this.$http.get(this.url.queryDict, {
        params: {
          typeGroupName: code
        }
      }).then((res) => {
        var data = res.data;
        if (data.success) {
          _this[dictOptionsName] = data.obj;
          _this[dictOptionsName].splice(0, 1); //去掉请选择
        }
      });
    }

  }

})

<div class="am-scroll">
  <div id="app" v-cloak class="app" v-loading.fullscreen.lock="listLoading"
  element-loading-text="网络请求中...">
    <el-row type="flex" justify="center">
      <el-col :span="24" class="pull-bottom">
        <span class="header">
          电气工作一种票
        </span>
      </el-col>
    </el-row>
    <el-row type="flex" justify="center">
      <el-col :span="24">
        <el-card id="section-tianxie" class="box-card">
          <div slot="header" class="clearfix">
            <span class="h1">
              填写
            </span>
          </div>
          <div class="text">
            <el-row>
              <!--<el-col :span="6">
              <el-col :span="8">
              <span class="wt-content-label pull-right">
              单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位
              </span>
              </el-col>
              <el-col :span="16">
              </el-col>
              </el-col>-->
              <el-form :model="form" label-width="80px"  ref="form"
              size="mini">
                <el-form-item label="单位">
                  <el-select v-model="form.refer_what.department" placeholder="请选择单位">
                    <el-option :label="option.typename" :value="option.typecode" v-for="option in departmentOptions">
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-form>
            </el-row>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</div>

[v-cloak] {
  display: none !important;
}

.h1 {
  font-size: 20px;
  font-weight: bold;
}

.pull-bottom {
  vertical-align: middle;
}

.header {
  font-size: 30px;
}

.ticket-num {
  padding-left: 10px;
}


/**
scroll
**/

.am-scroll::-webkit-scrollbar {
  width: 5px;
}

.am-scroll::-webkit-scrollbar-thumb {
  background-color: #e5e5e5;
}