|  |  |  | 
|---|
|  |  |  | width="600px" | 
|---|
|  |  |  | :visible.sync="isShowModal" | 
|---|
|  |  |  | :confirm-working="isWorking" | 
|---|
|  |  |  | @close="close" | 
|---|
|  |  |  | @confirm="confirm" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-form :model="param" ref="paramRef" :rules="rules"> | 
|---|
|  |  |  | 
|---|
|  |  |  | type="datetime" | 
|---|
|  |  |  | default-time="08:00:00" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="责任部门" prop="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-form-item label="隐患区域" prop="areaId"> | 
|---|
|  |  |  | <el-select v-model="param.areaId" @change="changeArea" placeholder="请选择"> | 
|---|
|  |  |  | 
|---|
|  |  |  | :action="uploadImgUrl" | 
|---|
|  |  |  | :show-file-list="false" | 
|---|
|  |  |  | :on-success="uploadAvatarSuccess" | 
|---|
|  |  |  | :on-error="uploadError" | 
|---|
|  |  |  | :before-upload="beforeUpload" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <div class="upload_wrap"> | 
|---|
|  |  |  | 
|---|
|  |  |  | import dayjs from 'dayjs' | 
|---|
|  |  |  | import { allList, memberList } from '@/api/business/hiddenDangerParam' | 
|---|
|  |  |  | import { create } from '@/api/business/hiddenDanger' | 
|---|
|  |  |  | import { Loading } from 'element-ui' | 
|---|
|  |  |  | import { companyGetListPost } from '@/api/business/company' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'OperaVisitsHkWindow', | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | GlobalWindow | 
|---|
|  |  |  | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | isShowModal: false, | 
|---|
|  |  |  | loadingInstance: false, | 
|---|
|  |  |  | param: {}, | 
|---|
|  |  |  | userInfo: this.$store.state.userInfo, | 
|---|
|  |  |  | uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/visitsAdmin/cloudService/public/uploadBatch', | 
|---|
|  |  |  | 
|---|
|  |  |  | uploadData: { | 
|---|
|  |  |  | folder: 'HIDDEN_DANGER_FILE' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | department: [], | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | // starttime: [{ required: true, message: '请选择日期', trigger: 'change' }], | 
|---|
|  |  |  | areaId: [{ required: true, message: '请选择', trigger: 'change' }], | 
|---|
|  |  |  | cateId: [{ required: true, message: '请选择', trigger: 'change' }], | 
|---|
|  |  |  | checkUserId: [{ required: true, message: '请选择', trigger: 'change' }], | 
|---|
|  |  |  | companyId: [{ required: true, message: '请选择', trigger: 'change' }], | 
|---|
|  |  |  | faceImgUrl: [{ required: true, message: '请上传', trigger: 'change' }], | 
|---|
|  |  |  |  | 
|---|
|  |  |  | content: [{ required: true, message: '请输入', trigger: 'blur' }] | 
|---|
|  |  |  | 
|---|
|  |  |  | this.initData() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | initData () { | 
|---|
|  |  |  | allList({ type: 1 }).then(res => { // 类型 | 
|---|
|  |  |  | this.typeList = res || [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | allList({ type: 0 }).then(res => { // 位置 | 
|---|
|  |  |  | // memberList({}).then(res => { | 
|---|
|  |  |  | //   this.memberList = res || [] | 
|---|
|  |  |  | // }) | 
|---|
|  |  |  | this.getfindCompanyTreePage() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getfindCompanyTreePage() { | 
|---|
|  |  |  | 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', '') | 
|---|
|  |  |  | allList({ type: 0,companyId }).then(res => { // 位置 | 
|---|
|  |  |  | this.addrList = res || [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | memberList({}).then(res => { | 
|---|
|  |  |  | this.memberList = res || [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeArea (e) { | 
|---|
|  |  |  | 
|---|
|  |  |  | this.memberList = arr | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | beforeUpload (file) { | 
|---|
|  |  |  | if (['video/mp4', 'video/ogg', 'video/flv', 'video/avi', 'video/wmv', 'video/rmvb', 'image/jpeg', 'image/png', 'image/gif'].indexOf(file.type) == -1) { | 
|---|
|  |  |  | if (['video/mp4', 'video/ogg', 'video/flv', 'video/avi', 'video/wmv', 'video/rmvb', 'image/jpeg','image/jpg', 'image/png', 'image/gif'].indexOf(file.type) == -1) { | 
|---|
|  |  |  | this.$message.error('请上传正确的视频/图片格式') | 
|---|
|  |  |  | return false | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.loadingInstance = Loading.service({ | 
|---|
|  |  |  | lock: true, | 
|---|
|  |  |  | text: 'Loading', | 
|---|
|  |  |  | spinner: 'el-icon-loading', | 
|---|
|  |  |  | background: 'rgba(0, 0, 0, 0.7)' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | uploadError() { | 
|---|
|  |  |  | this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 | 
|---|
|  |  |  | if(this.loadingInstance){ | 
|---|
|  |  |  | this.loadingInstance.close() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | uploadAvatarSuccess (file) { | 
|---|
|  |  |  | this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭 | 
|---|
|  |  |  | if(this.loadingInstance){ | 
|---|
|  |  |  | this.loadingInstance.close() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | console.log('file', file) | 
|---|
|  |  |  | const item = file.data[0] | 
|---|
|  |  |  | if (['.mp4', '.avi', '.flv', '.wmv'].some(char => item.imgaddr.includes(char))) { | 
|---|
|  |  |  | 
|---|
|  |  |  | handleDelImg (i) { | 
|---|
|  |  |  | this.fileList.splice(i, 1) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | close(){ | 
|---|
|  |  |  | this.isShowModal = false | 
|---|
|  |  |  | this.$emit('close') | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 同步信息 | 
|---|
|  |  |  | confirm () { | 
|---|
|  |  |  | this.$refs.paramRef.validate((valid) => { | 
|---|