front/front-vue/src/views/service/rel/detailCompany.vue

<template>
    <el-tabs v-model="activeName" style="margin:2px">
        <!--——————————————————————————————————————————基本信息————————————————————————————————————————————————————-->
        <el-tab-pane label="基本信息" name="first">
            <el-form ref="form" :model="form" label-width="130px" :inline="true">
                <el-form-item label="所属行业" prop="scyIndustry">
                    <el-input v-model="form.scyIndustry" disabled />
                </el-form-item>
                <el-form-item label="企业规模" prop="scyScale">
                    <el-input :value=scyScaleFormat(form.scyScale) disabled />
                </el-form-item>
                <el-form-item label="机构性质" prop="scyOrganization">
                    <el-input :value=scyOrganizationFormat(form.scyOrganization) disabled />
                </el-form-item>
                <el-form-item label="企业类型" prop="scyType">
                    <el-input :value=scyTypeFormat(form.scyType) disabled></el-input>
                </el-form-item>
                <el-form-item label="客户经理" prop="scyManager">
                    <el-input v-model="form.scyManager" disabled />
                </el-form-item>
                <el-form-item label="机构名称" prop="scyName">
                    <el-input v-model="form.scyName" disabled />
                </el-form-item>
                <el-form-item label="机构代码" prop="scySocialCode">
                    <el-input v-model="form.scySocialCode" disabled />
                </el-form-item>
                <el-form-item label="证件注册日" prop="scyStartTime">
                    <el-input v-model="form.scyStartTime" disabled />
                </el-form-item>
                <el-form-item label="注册地址" prop="scyAddress">
                    <el-input v-model="form.scyAddress" disabled />
                </el-form-item>
                <el-form-item label="证件到期日" prop="scyEndTime">
                    <el-input v-model="form.scyEndTime" disabled />
                </el-form-item>
                <el-form-item label="企业经营范围" prop="scyEndTime">
                    <el-input v-model="form.scyEndTime" disabled />
                </el-form-item>
                <el-form-item label="注册资本" prop="scyEndTime">
                    <el-input v-model="form.scyEndTime" disabled />
                </el-form-item>
                <el-form-item label="法人姓名" prop="scyLegal">
                    <el-input v-model="form.scyLegal" disabled />
                </el-form-item>
                <el-form-item label="证件类型" prop="scyLegal">
                    <el-input value="身份证" disabled />
                </el-form-item>
                <el-form-item label="联系方式" prop="scyPhone">
                    <el-input v-model="form.scyPhone" disabled />
                </el-form-item>
                <el-form-item label="证件号码" prop="scyLegalId">
                    <el-input v-model="form.scyLegalId" disabled />
                </el-form-item>
            </el-form>
        </el-tab-pane>
        <!--————————————————————————————————————联系人信息————————————————————————————————————————————————-->
        <el-tab-pane label="联系人信息" name="second">
            <div><span style="color:#409EFF">▋</span> 经办人信息</div>
            <el-form ref="contactsForm" :model="contactsForm" label-width="130px" :inline="true">
                <el-row>
                    <el-col :span="8" style="margin-top:2%">
                        姓名:
                        <el-input v-model="contactsForm.nickName" disabled style=" width:50%"></el-input>
                    </el-col>
                    <el-col :span="8" style="margin-top:2%">
                        移动电话:
                        <el-input v-model="contactsForm.userName" disabled style="width:50%"></el-input>
                    </el-col>
                    <el-col :span="8" style="margin-top:2%">
                        邮箱:
                        <el-input v-model="contactsForm.email" disabled style=" width:50%"></el-input>
                    </el-col>
                </el-row>
            </el-form>
        </el-tab-pane>
        <!--———————————————————————————————————— 发票信息 ————————————————————————————————————————————————-->
        <el-tab-pane label="发票信息" name="third">
            <div><span style="color:#409EFF">▋</span>开票信息</div>
            <el-form ref="invoiceForm" :model="invoiceForm" label-width="130px" :inline="true">
                <el-row>
                    <el-col :span="2" style="margin-top:2%;line-height: 34px;    text-align: right;">
                                            单位名称:
                                        </el-col>
                    <el-col :span="6" style="margin-top:2%;">
                        <el-input v-model="invoiceForm.scyName" disabled style=" width:75%"></el-input>
                    </el-col>
                    <el-col :span="2" style="margin-top:2%;line-height: 34px;    text-align: right;">
                        税号:
                    </el-col>
                    <el-col :span="6" style="margin-top:2%;">
                        <el-input v-model="invoiceForm.scySocialCode" disabled style=" width:75%"></el-input>
                    </el-col>
                    <el-col :span="2" style="margin-top:2%;line-height: 34px;    text-align: right;">
                        单位地址:
                    </el-col>
                    <el-col :span="6" style="margin-top:2%;">
                        <el-input v-model="invoiceForm.ziaAddress" disabled style=" width:75%"></el-input>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="2" style="margin-top:2%;line-height: 34px;    text-align: right;">
                        电话号码:
                    </el-col>
                    <el-col :span="6" style="margin-top:2%;">
                        <el-input v-model="invoiceForm.ziaContactsPhone" disabled style=" width:75%"></el-input>
                    </el-col>
                    <el-col :span="2" style="margin-top:2%;line-height: 34px;    text-align: right;">
                        开户银行:
                    </el-col>
                    <el-col :span="6" style="margin-top:2%;">
                        <el-input v-model="invoiceForm.pbaiBankName" disabled style=" width:75%"></el-input>
                    </el-col>
                    <el-col :span="2" style="margin-top:2%;line-height: 34px;    text-align: right;">
                        开户账号:
                    </el-col>
                    <el-col :span="6" style="margin-top:2%;">
                        <el-input v-model="invoiceForm.pbaiBankaccountId" disabled style=" width:75%"></el-input>
                    </el-col>
                </el-row>
            </el-form>
        </el-tab-pane>
        <!--———————————————————————————————————— 链属关系 ————————————————————————————————————————————————-->
        <el-tab-pane label="链属关系" name="Section">
            <span style="margin-bottom: 10px;color:#333333;font:14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial,sans-serif">所选条件:</span>
            <div style="float: right;margin-right:1%">
                <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" style="float: ;">重置</el-button>
            </div>
            <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="150px">
                <el-form-item label="企业名称" prop="companyName">
                    <el-input maxlength="30" v-model="queryParams.companyName" placeholder="请输入企业名称" clearable size="small" @keyup.enter.native="handleQuery" />
                </el-form-item>
                <el-form-item label="社会统一代码" prop="scySocialCode">
                    <el-input maxlength="30" v-model="queryParams.scySocialCode" placeholder="请输入社会统一代码" clearable size="small" @keyup.enter.native="handleQuery" />
                </el-form-item>
                <el-form-item label="链属状态" prop="scrStatus">
                    <el-select v-model="queryParams.scrStatus" placeholder="链属状态" clearable size="small" style="width: 215px">
                        <el-option v-for="dict in scrStatusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="企业类型" prop="scrType">
                    <el-select v-model="queryParams.scrType" placeholder="企业类型" clearable size="small" style="width: 215px">
                        <el-option v-for="dict in scrTypeOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <el-table v-loading="loading" :data="relList" stripe border>
                <el-table-column label="序号" type="index" width="55" align="center" />
                <el-table-column label="社会统一代码" align="center" prop="companyCode" show-overflow-tooltip>
                    <template slot-scope="scope">
                        <span v-if="scope.row.launch">{{scope.row.receiveScySocialCode}}</span>
                        <span v-else>{{scope.row.launchScySocialCode}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="企业名称" align="center" prop="companyName" show-overflow-tooltip>
                    <template slot-scope="scope">
                        <span v-if="scope.row.launch">{{scope.row.receiveScyName}}</span>
                        <span v-else>{{scope.row.launchScyName}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="企业类型" align="center" prop="companyType">
                    <template slot-scope="scope">
                        <span v-if="scope.row.launch">{{companyTypeFormat(scope.row.launchScrReceiveType)}}</span>
                        <span v-else>{{companyTypeFormat(scope.row.launchScrLaunchType)}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="联系人" align="center" prop="launchScrContarct">
                </el-table-column>
                <el-table-column label="联系电话" align="center" prop="launchScrContarctPhone">
                </el-table-column>
                <el-table-column label="邮箱" align="center" prop="launchScrContarctEmail" show-overflow-tooltip>
                </el-table-column>
                <el-table-column label="状态" align="center" prop="launchScrStatus" :formatter="launchScrStatusFormat">
                </el-table-column>
            </el-table>

            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getRelList" />
        </el-tab-pane>
        <!--———————————————————————————————————— 附件信息 ————————————————————————————————————————————————-->
        <el-tab-pane label="附件信息" name="eighth">
            <el-row>
                <el-col :span="8" v-if="licenShow" style="margin-top:2%;line-height: 34px; text-align: right;">
                    营业执照:
                </el-col>
                <el-upload v-if="licenShow" ref="licenImg" class="Img-demo" action="" multiple list-type="picture-card" :file-list="licenseFileList" :class="{ uoloadSty: showBtnImg, disUoloadSty: noBtnImg }" :auto-upload="false">
                    <i slot="default" class="el-icon-plus"></i>
                    <div slot="file" slot-scope="{file}">
                        <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
                        <span class="el-upload-list__item-actions">
                            <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
                                <i class="el-icon-zoom-in"></i>
                            </span>
                            <span class="el-upload-list__item-delete" @click="handleImgDownload(file)">
                                <i class="el-icon-download"></i>
                            </span>
                        </span>
                    </div>
                </el-upload>
                <el-col :span="8" v-if="authorizationShow" style="margin-top:2%;line-height: 34px; text-align: right;">
                    法人授权书:
                </el-col>
                <el-upload ref="upload" v-if="authorizationShow" class="upload-demo" action="" :on-preview="handleFilePreview" multiple :file-list="authorizationFileList" :auto-upload="false">
                </el-upload>
            </el-row>
            <el-row>
                <el-row>
                    <el-col :span="8" v-if="handlerPositiveShow || handlerNegativeShow" style="margin-top:2%;line-height: 34px; text-align: right;">
                        经办人信息:
                    </el-col>
                    <el-upload v-if="handlerPositiveShow" ref="handlerPositiveImg" class="Img-demo" action="" multiple :class="{ uoloadSty: showBtnImg, disUoloadSty: noBtnImg }" list-type="picture-card" :file-list="handlerPositiveList" :auto-upload="false">
                        <i slot="default" class="el-icon-plus"></i>
                        <div slot="file" slot-scope="{file}">
                            <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
                            <span class="el-upload-list__item-actions">
                                <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
                                    <i class="el-icon-zoom-in"></i>
                                </span>
                                <span class="el-upload-list__item-delete" @click="handleImgDownload(file)">
                                    <i class="el-icon-download"></i>
                                </span>
                            </span>
                        </div>
                    </el-upload>
                    <el-upload v-if="handlerNegativeShow" ref="handlerNegativeImg" class="Img-demo" action="" multiple :class="{ uoloadSty: showBtnImg, disUoloadSty: noBtnImg }" list-type="picture-card" :file-list="handlerNegativeList" :auto-upload="false">
                        <i slot="default" class="el-icon-plus"></i>
                        <div slot="file" slot-scope="{file}">
                            <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
                            <span class="el-upload-list__item-actions" >
                                <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)"  >
                                    <i class="el-icon-zoom-in"></i>
                                </span>
                                <span class="el-upload-list__item-delete" @click="handleImgDownload(file)">
                                    <i class="el-icon-download"></i>
                                </span>
                            </span>
                        </div>
                    </el-upload>
                </el-row>
                <el-col :span="8" v-if="legalShow || legalBackShow" style="margin-top:2%;line-height: 34px; text-align: right;">
                    法人证件:
                </el-col>
                <el-upload ref="legalImg" v-if="legalShow" class="Img-demo" action="" multiple :class="{ uoloadSty: showBtnImg, disUoloadSty: noBtnImg }" list-type="picture-card" :file-list="legalFileList" :auto-upload="false" style="float:left;">
                    <i slot="default" class="el-icon-plus"></i>
                    <div slot="file" slot-scope="{file}" >
                        <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" >
                        <span class="el-upload-list__item-actions">
                            <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
                                <i class="el-icon-zoom-in"></i>
                            </span>
                            <span class="el-upload-list__item-delete" @click="handleImgDownload(file)">
                                <i class="el-icon-download"></i>
                            </span>
                        </span>
                    </div>
                </el-upload>
                <el-upload ref="legalBackImg" v-if="legalBackShow" class="Img-demo" action="" multiple :class="{ uoloadSty: showBtnImg, disUoloadSty: noBtnImg }" list-type="picture-card" :file-list="legalBackFileList" :auto-upload="false">
                    <i slot="default" class="el-icon-plus"></i>
                    <div slot="file" slot-scope="{file}">
                        <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
                        <span class="el-upload-list__item-actions">
                            <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
                                <i class="el-icon-zoom-in"></i>
                            </span>
                            <span class="el-upload-list__item-delete" @click="handleImgDownload(file)">
                                <i class="el-icon-download"></i>
                            </span>
                        </span>
                    </div>
                </el-upload>
                <el-col :span="8" v-if="commitmentShow" style="margin-top:2%;line-height: 34px; text-align: right;">
                    数字证书授权与承诺书:
                </el-col>
                <el-upload v-if="commitmentShow" ref="upload" class="upload-demo" action="" :on-preview="handleFilePreview" multiple :file-list="commitmentFileList" :auto-upload="false">
                </el-upload>
            </el-row>
        </el-tab-pane>
        <el-dialog :visible.sync="dialogVisible">
            <img width="100%" :src="dialogImageUrl" alt="">
        </el-dialog>
    </el-tabs>
</template>
<script>
import {
    companyQuery,
} from "@/api/service/company/company";
import { listRel } from "@/api/service/rel/companyRel";
import { getToken } from "@/utils/auth";
export default {
    name: "detailComPany",
    components: {},
    data() {
        return {
            dialogImageUrl: "",
            dialogVisible: false,
            // 遮罩层
            loading: true,
            form: {
                scyType: null,
            },
            noBtnImg: true,
            licenShow: false,
            showBtnImg: false,
            authorizationShow: false,
            commitmentShow: false,
            legalShow: false,
            legalBackShow: false,
            appendixShow: false,
            handlerNegativeShow: false,
            handlerPositiveShow: false,
            queryParams: {
                pageNum: 1,
                pageSize: 10,
                scyId: null,
                companyName: null,
                scySocialCode: null,
                scrStatus: null,
                scrType: null,
            },
            total: 0,
            licenseFileList: [],
            legalFileList: [],
            legalBackFileList: [],
            authorizationFileList: [],
            commitmentFileList: [],
            handlerPositiveList: [],
            handlerNegativeList: [],
            relList: [],
            scyScaleOptions: [],
            scyOrganizationOptions: [],
            scyTypeOptions: [],
            scrStatusOptions: [],
            scrTypeOptions: [],
            contactsForm: {},
            invoiceForm: {},
            fileForm: {},
            activeName: "first",
        };
    },
    created() {
        const scyId = this.$route.params && this.$route.params.scyId;
        this.getList();
        this.getRelList();
        this.getDicts("ser_scy_scale").then((response) => {
            this.scyScaleOptions = response.data;
        });
        this.getDicts("ser_scy_organization").then((response) => {
            this.scyOrganizationOptions = response.data;
        });
        this.getDicts("ser_scy_type").then((response) => {
            this.scyTypeOptions = response.data;
        });
        this.getDicts("sys_scr_type").then((response) => {
            this.scrTypeOptions = response.data;
        });
        this.getDicts("sys_scr_status").then((response) => {
            this.scrStatusOptions = response.data;
        });
    },
    mounted() {},
    methods: {
        /** 提交按钮 */
        submitForm() {
            var self = this;
            this.$refs["form"].validate((valid) => {
                let fd = new FormData();
                for (var key in self.form) {
                    fd.append(key, self.form[key]);
                }
                if (valid) {
                    if (this.form.scyId != null) {
                        const loading = this.$loading({
                            lock: true,
                            text: "Loading",
                            spinner: "el-icon-loading",
                            background: "rgba(0, 0, 0, 0.9)",
                        });
                        updateCompanyInfor(self.form).then((response) => {
                            this.msgSuccess("修改成功");
                            this.getList();
                            this.getRelList();
                        });
                        loading.close();
                    }
                }
            });
        },
        //取消按钮
        cancel() {
            (this.form.scyIndustry = null),
                (this.form.scyScale = null),
                (this.form.scyOrganization = null),
                (this.form.scyManager = null);
        },
        /* 下载 */
        handleFilePreview(fileUrl) {
            this.$confirm('是否确认下载"' + fileUrl.name + '"附件?', "警告", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            }).then(function () {
                if (fileUrl.name.substr(-3) == "pdf") {
                    if (fileUrl.url.indexOf("getPdf") != -1) {
                        fileUrl.url = fileUrl.url.replace("getPdf", "getBytes");
                    }
                    window.open(fileUrl.url + "/" + getToken());
                } else {
                    var a = document.createElement("a");
                    var event = new MouseEvent("click");
                    a.download = fileUrl.name;
                    a.href = fileUrl.url + "/" + getToken();
                    a.dispatchEvent(event);
                }
            });
        },
        handlePictureCardPreview(file) {
            this.dialogImageUrl = file.url + "/" + getToken();
            this.dialogVisible = true;
        },
        /** 搜索按钮操作 */
        handleQuery() {
            this.queryParams.pageNum = 1;
            this.getRelList();
        },
        /** 重置按钮操作 */
        resetQuery() {
            this.resetForm("queryForm");
            this.handleQuery();
        },
        // 菜单状态字典翻译
        companyTypeFormat(companyType) {
            return this.selectDictLabel(this.scrTypeOptions, companyType);
        },
        scyTypeFormat(scyType) {
            return this.selectDictLabel(this.scyTypeOptions, scyType);
        },
        launchScrStatusFormat(row, column) {
            return this.selectDictLabel(
                this.scrStatusOptions,
                row.launchScrStatus
            );
        },
        scyScaleFormat(scyScale){
            return this.selectDictLabel(this.scyScaleOptions, scyScale);
        },
        scyOrganizationFormat(scyOrganization){
            return this.selectDictLabel(this.scyOrganizationOptions, scyOrganization);
        },

        getList() {
            this.loading = true;
            const scyId = this.$route.params && this.$route.params.scyId;
            companyQuery(scyId).then((response) => {
                //基本信息
                if (response.data.basicList.length > 0) {
                    this.form = response.data.basicList[0];
                }
                //经办人信息
                if (response.data.contactsList) {
                    if (response.data.contactsList.length > 0) {
                        this.contactsForm = response.data.contactsList[0];
                    }
                }
                //发票信息
                if (response.data.invoiceList.length > 0) {
                    this.invoiceForm = response.data.invoiceList[0];
                }
                //营业执照信息
                if (response.data.licenseList) {
                    const licenseImg = response.data.licenseList[0].pfiUrl;
                    const licenseImgId = response.data.licenseList[0].pfiFileId;
                    if (licenseImg != "" && licenseImgId != "") {
                        this.licenShow = true;
                        let imgUrl = licenseImg.split(",");
                        let imgUrlId = licenseImgId.split(",");
                        for (let i = 0; i < imgUrl.length; i++) {
                            this.licenseFileList.push({
                                url: imgUrl[i] + "/" + getToken(),
                                uid: imgUrlId[i],
                            });
                        }
                    } else {
                        this.licenShow = false;
                    }
                }
                //法人正面信息
                if (response.data.legalList) {
                    const legalImg = response.data.legalList[0].pfiUrl;
                    const legalImgId = response.data.legalList[0].pfiFileId;
                    if (legalImg != "" && legalImgId != "") {
                        this.legalShow = true;
                        let imgUrl = legalImg.split(",");
                        let imgUrlId = legalImgId.split(",");
                        for (let i = 0; i < imgUrl.length; i++) {
                            this.legalFileList.push({
                                url: imgUrl[i] + "/" + getToken(),
                                uid: imgUrlId[i],
                            });
                        }
                    } else {
                        this.legalShow = false;
                    }
                }
                //法人反面信息
                if (response.data.legalBackList) {
                    const legalBackImg = response.data.legalBackList[0].pfiUrl;
                    const legalBackImgId =
                        response.data.legalBackList[0].pfiFileId;
                    if (legalBackImg != "" && legalBackImgId != "") {
                        this.legalBackShow = true;
                        let imgUrl = legalBackImg.split(",");
                        let imgUrlId = legalBackImgId.split(",");
                        for (let i = 0; i < imgUrl.length; i++) {
                            this.legalBackFileList.push({
                                url: imgUrl[i] + "/" + getToken(),
                                uid: imgUrlId[i],
                            });
                        }
                    } else {
                        this.legalBackShow = false;
                    }
                }
                //经办人正面信息
                if (response.data.handlerPositiveList) {
                    const handlerPositiveImg =
                        response.data.handlerPositiveList[0].pfiUrl;
                    const handlerPositiveImgId =
                        response.data.handlerPositiveList[0].pfiFileId;
                    if (handlerPositiveImg != "" && handlerPositiveId != "") {
                        this.handlerPositiveShow = true;
                        let imgUrl = handlerPositiveImg.split(",");
                        let imgUrlId = handlerPositiveImgId.split(",");
                        for (let i = 0; i < imgUrl.length; i++) {
                            this.handlerPositiveList.push({
                                url: imgUrl[i] + "/" + getToken(),
                                uid: imgUrlId[i],
                            });
                        }
                    } else {
                        this.handlerPositiveShow = false;
                    }
                }
                //经办人反面信息
                if (response.data.handlerNegativeList) {
                    const handlerNegativeImg =
                        response.data.handlerNegativeList[0].pfiUrl;
                    const handlerNegativeImgId =
                        response.data.handlerNegativeList[0].pfiFileId;
                    if (
                        handlerNegativeImg != "" &&
                        handlerNegativeImgId != ""
                    ) {
                        this.handlerNegativeShow = true;
                        let imgUrl = handlerNegativeImg.split(",");
                        let imgUrlId = handlerNegativeImgId.split(",");
                        for (let i = 0; i < imgUrl.length; i++) {
                            this.handlerNegativeList.push({
                                url: imgUrl[i] + "/" + getToken(),
                                uid: imgUrlId[i],
                            });
                        }
                    } else {
                        this.handlerNegativeShow = false;
                    }
                }
                //法人授权书信息
                if (response.data.authorizationList) {
                    const authorizationFileName =
                        response.data.authorizationList[0].pfiFileName;
                    const authorizationFile =
                        response.data.authorizationList[0].pfiUrl;
                    const authorizationFileId =
                        response.data.authorizationList[0].pfiFileId;
                    if (authorizationFile != "" && authorizationFileId != "") {
                        this.authorizationShow = true;
                        let fileName = authorizationFileName.split(",");
                        let fileUrl = authorizationFile.split(",");
                        let fileUrlId = authorizationFileId.split(",");
                        for (let i = 0; i < fileUrl.length; i++) {
                            this.authorizationFileList.push({
                                name: fileName[i],
                                url: fileUrl[i] + "/" + getToken(),
                                uid: fileUrlId[i],
                            });
                        }
                    } else {
                        this.authorizationShow = false;
                    }
                }
                //数字证书授权与承诺书信息
                if (response.data.commitmentList) {
                    const commitmentFileName =
                        response.data.commitmentList[0].pfiFileName;
                    const commitmentFile =
                        response.data.commitmentList[0].pfiUrl;
                    const commitmentFileId =
                        response.data.commitmentList[0].pfiFileId;
                    if (commitmentFile != "" && commitmentFileId != "") {
                        this.commitmentShow = true;
                        let fileName = commitmentFileName.split(",");
                        let fileUrl = commitmentFile.split(",");
                        let fileUrlId = commitmentFileId.split(",");
                        for (let i = 0; i < fileUrl.length; i++) {
                            this.commitmentFileList.push({
                                name: fileName[i],
                                url: fileUrl[i] + "/" + getToken(),
                                uid: fileUrlId[i],
                            });
                        }
                    } else {
                        this.commitmentShow = false;
                    }
                }
                //其他附件
                // if(response.data.appendixList){
                //     const appendixFileName = response.data.appendixList[0].pfiFileName;
                //     const appendixFile = response.data.appendixList[0].pfiUrl;
                //     const appendixFileId = response.data.appendixList[0].pfiFileId;
                //     if(appendixFile != '' && appendixFileId != ''){
                //         this.appendixShow = true;
                //         let fileName = (appendixFileName).split(",")
                //         let fileUrl =(appendixFile).split(",")
                //         let fileUrlId =(appendixFileId).split(",")
                //         for(let i = 0;i< fileUrl.length;i++){
                //         this.appendixFileList.push({name:fileName[i], url: fileUrl[i] + '/' + getToken(), uid: fileUrlId[i] });
                //         }
                //     }else{
                //         this.appendixShow = false;
                //     }
                // }
                this.loading = false;
            });
        },
        getRelList() {
            const scyId = this.$route.params && this.$route.params.scyId;
            this.queryParams.scyId = scyId;
            listRel(this.queryParams).then((response) => {
                let list = response.data.records;
                this.loginId = response.msg;
                for (let i = 0; i < list.length; i++) {
                    if (list[i].launchCompanyId == scyId) {
                        list[i].receive = false;
                        list[i].launch = true;
                    } else if (list[i].launchReceiveScrCompanyId == scyId) {
                        list[i].launch = false;
                        list[i].receive = true;
                    }
                }
                this.relList = list;
                this.total = response.data.total;
            });
        },
    },
};
</script>
<style lang="scss">
.uoloadSty .el-upload--picture-card {
    width: 110px;
    height: 110px;
    line-height: 110px;
}
.disUoloadSty .el-upload--picture-card {
    display: none;
}
</style>