| | |
| | | /* |
| | | * @Author: Morpheus |
| | | * @Date: 2021-07-05 16:31:54 |
| | | * @Last Modified by: liu |
| | | * @Last Modified time: 2021-10-21 16:56:42 |
| | | * @Last Modified by: Morpheus |
| | | * @Last Modified time: 2021-11-09 19:38:27 |
| | | * menu-name 保安公司详细资料 |
| | | */ |
| | | <template> |
| | |
| | | <el-col :span="24"> |
| | | <el-card> |
| | | <div class="card-body"> |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane label="基本信息" name="first"> |
| | | <el-form |
| | | :model="form" |
| | | <el-tabs v-model="activeName" |
| | | @tab-click="handleClick"> |
| | | <el-tab-pane label="基本信息" |
| | | name="first"> |
| | | <el-form :model="form" |
| | | label-position="right" |
| | | size="mini" |
| | | label-width="100px" |
| | | > |
| | | label-width="100px"> |
| | | <el-row> |
| | | <el-col span="12"> |
| | | <el-form-item label="公司名称"> |
| | | <el-input |
| | | disabled="true" |
| | | <el-input disabled="true" |
| | | v-model="form.enterprisename" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col span="12"> |
| | | <el-form-item label="法定代表人"> |
| | | <el-input |
| | | disabled="true" |
| | | <el-input disabled="true" |
| | | v-model="form.representative" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col span="24"> |
| | | <el-form-item label="注册地址"> |
| | | <el-input |
| | | disabled="true" |
| | | <el-input disabled="true" |
| | | v-model="form.address" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-row> |
| | | <el-col span="12"> |
| | | <el-form-item label="所属辖区"> |
| | | <el-input |
| | | disabled="true" |
| | | <el-input disabled="true" |
| | | v-model="jurisdictionSee" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col span="12"> |
| | | <el-form-item label="所属行业"> |
| | | <el-input |
| | | disabled="true" |
| | | <el-input disabled="true" |
| | | v-model="form.industry" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-row> |
| | | <el-col span="12"> |
| | | <el-form-item label="登记机关"> |
| | | <el-input |
| | | disabled="true" |
| | | <el-input disabled="true" |
| | | v-model="form.registration" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col span="12"> |
| | | <el-form-item label="公司类型"> |
| | | <el-input |
| | | disabled="true" |
| | | <el-input disabled="true" |
| | | v-model="form.enterprises" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-row> |
| | | <el-col span="24"> |
| | | <el-form-item label="经营范围"> |
| | | <el-input |
| | | type="textarea" |
| | | <el-input type="textarea" |
| | | disabled="true" |
| | | v-model="form.business" |
| | | resize="none" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="工商信息" name="second"> |
| | | <el-form |
| | | :model="form" |
| | | <el-tab-pane label="工商信息" |
| | | name="second"> |
| | | <el-form :model="form" |
| | | label-position="right" |
| | | size="mini" |
| | | label-width="100px" |
| | | > |
| | | label-width="100px"> |
| | | <!-- <el-row> |
| | | <el-col span="12"> |
| | | <el-form-item label="公司名称"> |
| | |
| | | <el-row> |
| | | <el-col span="12"> |
| | | <el-form-item label="组织机构代码"> |
| | | <el-input |
| | | disabled="true" |
| | | <el-input disabled="true" |
| | | v-model="form.organizationcode" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col span="12"> |
| | | <el-form-item label="注册资金"> |
| | | <el-input |
| | | disabled="true" |
| | | <el-input disabled="true" |
| | | v-model="form.registeredcapital" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | </el-col> --> |
| | | <el-col span="12"> |
| | | <el-form-item label="注册时间"> |
| | | <el-input |
| | | disabled="true" |
| | | <el-input disabled="true" |
| | | v-model="form.establishtime" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col span="12"> |
| | | <el-form-item label="工商注册号"> |
| | | <el-input |
| | | disabled="true" |
| | | <el-input disabled="true" |
| | | v-model="form.registrationnumber" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | </el-row> --> |
| | | </el-form> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="投资人信息" name="third"> |
| | | <avue-crud |
| | | class="company-box" |
| | | <el-tab-pane label="投资人信息" |
| | | name="third"> |
| | | <avue-crud class="company-box" |
| | | :option="investorOption" |
| | | :search.sync="investorSearch" |
| | | :table-loading="investorLoading" |
| | |
| | | @current-change="investorCurrentChange" |
| | | @size-change="investorSizeChange" |
| | | @refresh-change="investorSizerefresh" |
| | | @on-load="investorOnLoad" |
| | | > |
| | | @on-load="investorOnLoad"> |
| | | </avue-crud> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="管理人信息" name="fourth"> |
| | | <avue-crud |
| | | class="company-box" |
| | | <el-tab-pane label="管理人信息" |
| | | name="fourth"> |
| | | <avue-crud class="company-box" |
| | | :option="manageOption" |
| | | :search.sync="manageSearch" |
| | | :table-loading="manageLoading" |
| | |
| | | @current-change="manageCurrentChange" |
| | | @size-change="manageSizeChange" |
| | | @refresh-change="manageSizerefresh" |
| | | @on-load="manageOnLoad" |
| | | > |
| | | @on-load="manageOnLoad"> |
| | | </avue-crud> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="装备信息" name="fifth"> |
| | | <equipment :forms="forms" v-if="seestaff"></equipment> |
| | | <el-tab-pane label="装备信息" |
| | | name="fifth"> |
| | | <equipment :forms="forms" |
| | | v-if="seestaff"></equipment> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="保安员信息" name="sixth"> |
| | | <staff :forms="forms" v-if="seestaff" :doit="seestaff2"></staff> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="处罚信息" name="seventh"> |
| | | <punish :forms="forms" v-if="seestaff"></punish> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="服务对象" name="eighth"> |
| | | <service |
| | | :form="forms" |
| | | <el-tab-pane label="保安员信息" |
| | | name="sixth"> |
| | | <staff :forms="forms" |
| | | v-if="seestaff" |
| | | :refresh="seestaff3" |
| | | ></service> |
| | | :doit="seestaff2"></staff> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="处罚信息" |
| | | name="seventh"> |
| | | <punish :forms="forms" |
| | | v-if="seestaff"></punish> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="服务对象" |
| | | name="eighth"> |
| | | <service :form="forms" |
| | | v-if="seestaff" |
| | | :refresh="seestaff3"></service> |
| | | </el-tab-pane> |
| | | <!-- <el-tab-pane label="其他附件" name="eighth"> |
| | | <enclosure :form="form"></enclosure> |
| | | </el-tab-pane> --> |
| | | <el-tab-pane label="营业执照" name="ninth"> |
| | | <el-tab-pane label="营业执照" |
| | | name="ninth"> |
| | | <div class="businessLicenses"> |
| | | <el-container> |
| | | <el-main> |
| | | <div class="title" v-if="businessLicenseUrl == ''"> |
| | | <div class="title" |
| | | v-if="businessLicenseUrl == ''"> |
| | | 未上传营业执照 |
| | | </div> |
| | | <img |
| | | class="businessLicensess" |
| | | <img class="businessLicensess" |
| | | :src="businessLicenseUrl" |
| | | alt="" |
| | | v-else |
| | | /> |
| | | v-else /> |
| | | </el-main> |
| | | </el-container> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="许可证" name="tenth"> |
| | | <el-tab-pane label="许可证" |
| | | name="tenth"> |
| | | <div class="businessLicenses"> |
| | | <el-container> |
| | | <el-main> |
| | | <div class="title" v-if="licenceUrl == ''"> |
| | | <div class="title" |
| | | v-if="licenceUrl == ''"> |
| | | 未上传许可证 |
| | | </div> |
| | | <img class="Licenses" :src="licenceUrl" alt="" v-else /> |
| | | <img class="Licenses" |
| | | :src="licenceUrl" |
| | | alt="" |
| | | v-else /> |
| | | </el-main> |
| | | </el-container> |
| | | </div> |
| | |
| | | examinationList, |
| | | getInvestorList, |
| | | getManageList, |
| | | usejurisdiction, |
| | | } from "@/api/securityCompany/companyDetails"; |
| | | import equipment from "./computents/equipment.vue"; //装备管理 |
| | | import staff from "./computents/staff.vue"; //保安员信息 |
| | |
| | | i++; |
| | | } |
| | | }); |
| | | |
| | | if (i > 1) { |
| | | this.$store.state.tags.tagList.splice(ind, 1); |
| | | } |
| | | |
| | | if (this.$route.query.fromSecunityGuardId) { |
| | | // console.log(this.$route.query.fromSecunityGuardId, "fromSecunityGuardId"); |
| | | var page = { |
| | | currentPage: 1, |
| | | pageSize: 10, |
| | |
| | | params = { departmentid: this.$route.query.fromSecunityGuardId }; |
| | | getList(page.currentPage, page.pageSize, params).then((res) => { |
| | | that.form = res.data.data.records[0]; |
| | | // console.log(that.form, "that.form1"); |
| | | this.jurisdictionSee = this.form.jurisdictionName; |
| | | that.forms = res.data.data.records[0]; |
| | | that.seestaff = true; |
| | | that.businessLicenseUrl = res.data.data.records[0].businessLicense; |
| | | that.licenceUrl = res.data.data.records[0].licence; |
| | | // console.log(that.form, "this.forms1"); |
| | | }); |
| | | // }) |
| | | } else { |
| | | this.form = this.$route.query; |
| | | // console.log(that.form, "that.form2"); |
| | | this.jurisdictionSee = this.form.$jurisdiction; |
| | | this.forms = this.$route.query; |
| | | this.seestaff = true; |
| | | // console.log(this.forms, "this.forms2"); |
| | | this.getFromData({ |
| | | currentPage: 1, |
| | | pageSize: 10, |
| | |
| | | var that = this; |
| | | params["departmentid"] = this.forms.departmentid; |
| | | getList(page.currentPage, page.pageSize, params).then((res) => { |
| | | // console.log(res.data.data.records[0], "多次获取该单位信息"); |
| | | that.form = res.data.data.records[0]; |
| | | this.businessLicenseUrl = res.data.data.records[0].businessLicense; |
| | | this.licenceUrl = res.data.data.records[0].licence; |