|  |  |  | 
|---|
|  |  |  | <el-input v-model="form.name" placeholder="请输入姓名" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="所属组织" prop="companyId"> | 
|---|
|  |  |  | <el-cascader v-model="form.company" :options="department" @change="handleChangeCompany" :show-all-levels="false" | 
|---|
|  |  |  | clearable filterable :props="departprops"></el-cascader> | 
|---|
|  |  |  | <!--        <el-cascader v-model="form.company" :options="department" @change="handleChangeCompany" :show-all-levels="false" | 
|---|
|  |  |  | clearable filterable :props="departprops"></el-cascader>--> | 
|---|
|  |  |  | <el-select v-model="form.companyId"  clearable filterable placeholder="请选择"> | 
|---|
|  |  |  | <template v-for="item in companyList"> | 
|---|
|  |  |  | <el-option  v-if="item.countNum && item.countNum>0" :key="item.id" :label="item.companyNamePath" :value="item.id"> | 
|---|
|  |  |  | </el-option> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | <div style="font-size: 12px;color: #F56C6C"> | 
|---|
|  |  |  | 注:仅支持选择 【{{ companyType === 0 ? '相关方组织' : '内部组织' }}】 | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | import { checkMobile, validIdCardNo, validIdCardNoNew } from '@/utils/form' | 
|---|
|  |  |  | import { allList } from '@/api/business/position' | 
|---|
|  |  |  | import { upload } from '@/api/system/common' | 
|---|
|  |  |  | import {companyGetList} from "@/api/business/company"; | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'OperaCompanyWindow', | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | 
|---|
|  |  |  | companyType: 0, | 
|---|
|  |  |  | department: [], | 
|---|
|  |  |  | positionList: [], | 
|---|
|  |  |  | companyList: [], | 
|---|
|  |  |  | // 表单数据 | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | id: null, | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | getCompany() { | 
|---|
|  |  |  | companyGetList({ | 
|---|
|  |  |  | model: {type:this.companyType } , | 
|---|
|  |  |  | capacity: 10000, | 
|---|
|  |  |  | page: 1, | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | this.companyList = res.records || [] | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | openCamera() { | 
|---|
|  |  |  | this.paisheModal = true | 
|---|
|  |  |  | this.isShowCamera = true | 
|---|
|  |  |  | this.blobFileCamera = '' | 
|---|
|  |  |  | const that = this | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | var mediaOpts = { audio: false, video: true } | 
|---|
|  |  |  | 
|---|
|  |  |  | // 点击拍摄 | 
|---|
|  |  |  | setImage() { | 
|---|
|  |  |  | const that = this | 
|---|
|  |  |  | this.blobFileCamera = '' | 
|---|
|  |  |  | that.isShowCamera = false | 
|---|
|  |  |  | const video = document.querySelector('#videoCamera') | 
|---|
|  |  |  | const canvas = document.querySelector('#canvasCamera') | 
|---|
|  |  |  | 
|---|
|  |  |  | // this.updateImg = false | 
|---|
|  |  |  | this.form.faceImg = res.imgaddr | 
|---|
|  |  |  | this.form.faceImgFull = res.url | 
|---|
|  |  |  | this.isShowCropper = false | 
|---|
|  |  |  | // this.$emit('uploadSuccess', { imgurl: res.imgaddr, imgurlfull: res.url, name: res.originname }) | 
|---|
|  |  |  | // this.$emit('uploadEnd') | 
|---|
|  |  |  | }, () => { | 
|---|
|  |  |  | 
|---|
|  |  |  | faceImgFull: '' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.companyType = companyType | 
|---|
|  |  |  | this.getPositionList() | 
|---|
|  |  |  | this.getCompany() | 
|---|
|  |  |  | // this.getPositionList() | 
|---|
|  |  |  | // 新建 | 
|---|
|  |  |  | if (target == null) { | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | 
|---|
|  |  |  | this.form[this.configData['field.id']] = null | 
|---|
|  |  |  | this.form.company = [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | this.getCompany() | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // 编辑 | 
|---|