vue-admin后台模板

dialog弹框

<el-dialog width="920px" title="改签时间段" :visible.sync="dialogFormVisible">
  <el-form ref="dataForm" :model="postForm" label-position="left" label-width="" style="margin:0 50px;">
  </el-form>
  <div slot="footer" class="dialog-footer">
    <el-button @click="dialogFormVisible = false">
    取消
    </el-button>
    <el-button type="primary" :loading="loading" @click="fnDoCommit()">
    确定
    </el-button>
  </div>
</el-dialog>

dialogFormVisible: false,

loading: true,

fnDoCommit(){
  this.loading = true
},

图片预览

<el-image
    fit="cover"
    style="width: 100px; height: 100px; margin-right:10px;"
    v-for="(item, index) in postForm['refund_img']"
    :key="index"
    :src="item"
    :preview-src-list="postForm['refund_img']">
</el-image>

postForm:{
    refund_img:[]
},

选择框

<el-select v-model="listQuery.cate_id" placeholder="类型" clearable style="width: 160px" class="filter-item">
    <el-option v-for="(item, index) in cateOptions" :key="item.id" :label="item.name" :value="item.id" />
</el-select>

cateOptions:[{id:1,name:'普通版'},{id:2,name:'租赁版'}],