

HTML
<div class="col-sm-3">
<el-select v-model="item.auditContent" :ref="'selectAuditCont'+index"
size="small" @click.native="openDialogflycho(index,item.auditContent)" @focus="focusHide(index)" multiple style="width: 80%;" placeholder="请选择审计内容">
<el-option v-for="item in valueList" :key="item.id" :label="item.name" :value="item.id"> </el-option>
</el-select>
</div>
<el-dialog
title="审计内容"
:visible.sync="dialogflycho"
:closeOnClickModal='false'
:modal-append-to-body="false"
width="30%" style="z-index:99999">
<div>
<div>
<el-checkbox-group v-model="certificateCar">
<el-checkbox :label="1" disabled>合格证</el-checkbox>
<div>
<el-checkbox :label="2">票据</el-checkbox>
</div>
<div>
<el-checkbox :label="3">台账</el-checkbox>
</div>
<div>
<el-checkbox :label="4">考勤</el-checkbox>
</div>
<el-checkbox :label="5" disabled>车辆</el-checkbox>
<el-checkbox :label="51">车钥匙</el-checkbox>
<el-checkbox :label="52">里程表</el-checkbox>
</el-checkbox-group>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="dialogflycho = false">取 消</el-button>
<el-button size="small" type="primary" @click="flechetTruebtn">确 定</el-button>
</span>
</el-dialog>
data(){
certificateStatus: [],
certificateCar: [1,5],
valueList: [{name: '合格证', id: 1},{name: '票据', id: 2},{name: '台账', id: 3},{name: '考勤', id: 4},{name: '车辆', id: 5},{name: '车钥匙', id: 51},{name: '里程表', id: 52}],
}
focusHide(val) {
let cruRefs = eval("this.$refs.selectAuditCont" +val)[0]
cruRefs.blur()
},
openDialogflycho(val,item) {
this.dialogflycho = true
if(item.length > 0) {
this.certificateCar = item
} else {
this.certificateCar = [1,5]
}
this.curChangeCont = val
},
flechetTruebtn(){
this.dialogflycho = false
this.seltmult[this.curChangeCont].auditContent = this.certificateCar.sort()
},