|  |  |  | 
|---|
|  |  |  | width="600px" | 
|---|
|  |  |  | :visible.sync="isShowModal" | 
|---|
|  |  |  | :confirm-working="isWorking" | 
|---|
|  |  |  | @close="close" | 
|---|
|  |  |  | @confirm="confirm" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-form :model="param" ref="paramRef" :rules="rules"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="联系电话" prop="mobile"> | 
|---|
|  |  |  | {{ userInfo.mobile }} | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="检查类型" prop="checkTypeId"> | 
|---|
|  |  |  | <el-select v-model="param.checkTypeId" placeholder="请选择"> | 
|---|
|  |  |  | <el-option | 
|---|
|  |  |  | v-for="item in checkTypeList" | 
|---|
|  |  |  | :key="item.id" | 
|---|
|  |  |  | :label="item.name" | 
|---|
|  |  |  | :value="item.id" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="提报时间" prop="submitTime"> | 
|---|
|  |  |  | <el-date-picker | 
|---|
|  |  |  | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="责任部门" prop="companyId"> | 
|---|
|  |  |  | <el-select  v-model="param.companyId"> | 
|---|
|  |  |  | <el-select @change="getAddrList" clearable filterable v-model="param.companyId"> | 
|---|
|  |  |  | <el-option v-for="op in department" :key="op.id" :label="op.name" :value="op.id"></el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="处理人" prop="checkUserId"> | 
|---|
|  |  |  | <el-select v-model="param.checkUserId" placeholder="请选择"> | 
|---|
|  |  |  | <el-select v-model="param.checkUserId" filterable placeholder="请选择"> | 
|---|
|  |  |  | <el-option | 
|---|
|  |  |  | v-for="item in memberList" | 
|---|
|  |  |  | :key="item.id" | 
|---|
|  |  |  | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | isShowModal: false, | 
|---|
|  |  |  | loadingInstance: false, | 
|---|
|  |  |  | param: {}, | 
|---|
|  |  |  | param: { | 
|---|
|  |  |  | checkTypeId: null | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | userInfo: this.$store.state.userInfo, | 
|---|
|  |  |  | uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/visitsAdmin/cloudService/public/uploadBatch', | 
|---|
|  |  |  | typeList: [], | 
|---|
|  |  |  | checkTypeList: [], | 
|---|
|  |  |  | addrList: [], | 
|---|
|  |  |  | memberList: [], | 
|---|
|  |  |  | fileList: [], | 
|---|
|  |  |  | 
|---|
|  |  |  | areaId: [{ required: true, message: '请选择', trigger: 'change' }], | 
|---|
|  |  |  | cateId: [{ required: true, message: '请选择', trigger: 'change' }], | 
|---|
|  |  |  | checkUserId: [{ required: true, message: '请选择', trigger: 'change' }], | 
|---|
|  |  |  | checkTypeId: [{ required: true, message: '请选择', trigger: 'change' }], | 
|---|
|  |  |  | companyId: [{ required: true, message: '请选择', trigger: 'change' }], | 
|---|
|  |  |  | faceImgUrl: [{ required: true, message: '请上传', trigger: 'change' }], | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | this.initData() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | initData () { | 
|---|
|  |  |  | allList({ type: 1 }).then(res => { // 类型 | 
|---|
|  |  |  | this.typeList = res || [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | allList({ type: 0 }).then(res => { // 位置 | 
|---|
|  |  |  | this.addrList = res || [] | 
|---|
|  |  |  | allList({ type: 2}).then(res => { // 检查类型 | 
|---|
|  |  |  | this.checkTypeList = res || [] | 
|---|
|  |  |  | if(this.checkTypeList.length>0){ | 
|---|
|  |  |  | this.param.checkTypeId = res[0].id | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | memberList({}).then(res => { | 
|---|
|  |  |  | this.memberList = res || [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | // memberList({}).then(res => { | 
|---|
|  |  |  | //   this.memberList = res || [] | 
|---|
|  |  |  | // }) | 
|---|
|  |  |  | this.getfindCompanyTreePage() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getfindCompanyTreePage() { | 
|---|
|  |  |  | companyGetListPost({}) | 
|---|
|  |  |  | companyGetListPost({queryHiddenDanger: 1}) | 
|---|
|  |  |  | .then(res => { | 
|---|
|  |  |  | if (res && res.length > 0) { | 
|---|
|  |  |  | this.department = res | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getAddrList() { | 
|---|
|  |  |  | const { companyId } = this.param | 
|---|
|  |  |  | this.$set(this.param, 'areaId', '') | 
|---|
|  |  |  | this.$set(this.param, 'checkUserId', '') | 
|---|
|  |  |  | this.addrList = [] | 
|---|
|  |  |  | if(companyId){ | 
|---|
|  |  |  | allList({ type: 0,companyId }).then(res => { // 位置 | 
|---|
|  |  |  | this.addrList = res || [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeArea (e) { | 
|---|
|  |  |  | const item = this.addrList.find(i => i.id === e) | 
|---|
|  |  |  | 
|---|
|  |  |  | handleDelImg (i) { | 
|---|
|  |  |  | this.fileList.splice(i, 1) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | close(){ | 
|---|
|  |  |  | this.isShowModal = false | 
|---|
|  |  |  | this.$emit('close') | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 同步信息 | 
|---|
|  |  |  | confirm () { | 
|---|
|  |  |  | this.$refs.paramRef.validate((valid) => { | 
|---|