<!-- 委员会申请列表 -->
<template>
    <div class="autoBox box1" style="position: relative; background: #f5f5f5">
        <div class="center" style="margin-top: 20px">
            <div class="left">
                <div class="centerLeft1">
                    <div class="top">
                        <div class="top1"></div>
                        <div class="top2"></div>
                        <div class="allApplication">
              <span>{{
                $t("common.submitapplications")
              }}</span>
                        </div>
                        <div @click="back" class="more">
                            <span>{{ "<" }}{{ $t("common.return") }}</span>
                        </div>
                    </div>
                    <div class="content">
                        <!--<div class="content1">
                            <div class="english">中文</div>
                            <div class="english2"  v-if="showenglish">English</div>
                            <div v-if="!showenglish" @click="addlanguage()"  style="margin-left: 20px;cursor:pointer; margin-top: 10px;">+</div>
                        </div>-->
                        <div class="content2">
                            <span> {{ $i18n.locale == 'en' ? 'Application Type ' : '申请类型' }}：</span>
                            <el-select v-model="changeselect" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose' :'请选择'" style="width:415px" >
                                <el-option
                                        style="width:415px"
                                        v-for="item in options"
                                        :key="item.value"
                                        :label="$i18n.locale == 'en' ?item.label2:item.label"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                            <div  v-if="commitee_activities" style="margin-top: 39px;width: 93%;height:auto;display: flex;flex-wrap: wrap;align-items: center;background-clip: content-box;">
                                <div class="tableTr">
                                    <div class="tableTd20"> {{ $i18n.locale == 'en' ? 'Apply Name ' : '申请人' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applyname}}</span>
                                    </div>
                                    <div class="tableTd20">{{ $i18n.locale == 'en' ? 'Apply Num ' : '申请编号' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applynumber}}</span>
                                    </div>
                                </div>
                                <div class="tableTr">
                                    <div class="tableTd20">{{ $i18n.locale == 'en' ? 'Apply Time ' : '申请时间' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applytime}}</span>
                                    </div>
                                    <div class="tableTd20"><span style="color:red">*</span>
                                        {{ $i18n.locale == 'en' ? 'belong Committe ' : '所属委员会' }}
                                    </div>
                                    <div class="tableTd30">
                                        <el-select    v-model="commact_committee" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose' :'请选择'" style="width:300px;margin-left:20px" >
                                            <el-option
                                                    :style="$i18n.locale == 'en' ?'width:500px':'width:300px'"
                                                    v-for="item in committeeoptions"
                                                    :key="item.value"
                                                    :label="$i18n.locale == 'en' ?item.label2:item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                </div>

                                <div class="tableTr">
                                    <div class="tableTd20"><span style="color:red"> *</span>  {{ $i18n.locale == 'en' ? 'Title ' : '标题' }}</div>
                                    <div class="tableTd120">
                                        <el-input   v-model="commact_title" :placeholder="this.$i18n.locale == 'en' ? 'Please The Input' :'请输入'"></el-input>
                                    </div>

                                </div>
                                <div class="tableTr" style="height:93px">
                                    <div class="tableTd20" style="height:93px"> {{ $i18n.locale == 'en' ? 'Content ' : '内容摘要' }}</div>
                                    <div class="tableTd120" style="padding-top:0px;height:93px">
                                        <div class="inputDeep">
                                        <el-input
                                                type="textarea"
                                                :rows="3"
                                                :placeholder="this.$i18n.locale == 'en' ? 'Please The Input' :'请输入'"
                                                style="resize: none"
                                                :maxlength="200"
                                                v-model="commact_content">
                                        </el-input>
                                            <div style="float:right"><span>{{zititotal}}</span>/200</div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div  v-if="office_doc" style="margin-top: 39px;width: 93%;height:auto;display: flex;flex-wrap: wrap;align-items: center;background-clip: content-box;">
                                <div class="tableTr">
                                    <div class="tableTd20"> {{ $i18n.locale == 'en' ? 'Apply Name ' : '申请人' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applyname}}</span>
                                    </div>
                                    <div class="tableTd20">{{ $i18n.locale == 'en' ? 'Apply Num ' : '申请编号' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applynumber}}</span>
                                    </div>
                                </div>
                                <div class="tableTr">
                                    <div class="tableTd20">{{ $i18n.locale == 'en' ? 'Apply Time ' : '申请时间' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applytime}}</span>
                                    </div>
                                    <div class="tableTd20"><span style="color:red">*</span>
                                        {{ $i18n.locale == 'en' ? 'belong Committe ' : '所属委员会' }}
                                    </div>
                                    <div class="tableTd30">
                                        <el-select      v-model="off_committee" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose' :'请选择'" style="width:300px;margin-left:20px" >
                                            <el-option
                                                    :style="$i18n.locale == 'en' ?'width:500px':'width:300px'"
                                                    v-for="item in committeeoptions"
                                                    :key="item.value"
                                                    :label="$i18n.locale == 'en' ?item.label2:item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                </div>

                                <div class="tableTr">
                                    <div class="tableTd20"><span style="color:red"> *</span>{{ $i18n.locale == 'en' ? 'Title ' : '标题' }}</div>
                                    <div class="tableTd120">
                                        <el-input     v-model="off_title" :placeholder="this.$i18n.locale == 'en' ? 'Please The Input' :'请输入'"></el-input>
                                    </div>

                                </div>
                                <div class="tableTr" style="height:93px">
                                    <div class="tableTd20" style="height:93px">{{ $i18n.locale == 'en' ? 'Content ' : '内容摘要' }}</div>
                                    <div class="tableTd120" style="padding-top:0px;height:93px">
                                        <div class="inputDeep">
                                            <el-input
                                                    type="textarea"
                                                    :rows="3.5"
                                                    :placeholder="this.$i18n.locale == 'en' ? 'Please The Input' :'请输入'"
                                                    style="resize: none"
                                                    :maxlength="200"
                                                    v-model="off_content">
                                            </el-input>
                                            <div style="float:right"><span>{{zititotal1}}</span>/200</div>
                                        </div>
                                    </div>
                                    </div>
                                </div>

                            <div  v-if="work_plan" style="margin-top: 39px;width: 93%;height:auto;display: flex;flex-wrap: wrap;align-items: center;background-clip: content-box;">
                                <div class="tableTr">
                                    <div class="tableTd20"> {{ $i18n.locale == 'en' ? 'Apply Name ' : '申请人' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applyname}}</span>
                                    </div>
                                    <div class="tableTd20" style="width:20%">{{ $i18n.locale == 'en' ? 'Apply Num ' : '申请编号' }}</div>
                                    <div class="tableTd30" style="width:30%">
                                        <span style="margin-left:20px">{{applynumber}}</span>
                                    </div>
                                </div>
                                <div class="tableTr">
                                    <div class="tableTd20">{{ $i18n.locale == 'en' ? 'Apply Time ' : '申请时间' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applytime}}</span>
                                    </div>
                                    <div class="tableTd20" style="width:20%"><span style="color:red;">*</span>
                                        {{ $i18n.locale == 'en' ? 'belong Committe ' : '所属委员会' }}
                                    </div>
                                    <div class="tableTd30" style="width:30%">

                                        <el-select       v-model="work_committee" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose' :'请选择'" style="width:235px;margin-left:20px" >
                                            <el-option
                                                    :style="$i18n.locale == 'en' ?'width:500px':'width:300px'"
                                                    v-for="item in committeeoptions"
                                                    :key="item.value"
                                                    :label="$i18n.locale == 'en' ?item.label2:item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                </div>

                                <div class="tableTr">
                                    <div class="tableTd20"><span style="color:red"> *</span>{{ $i18n.locale == 'en' ? 'Title ' : '标题' }}</div>
                                    <div class="tableTd30">
                                        <el-input style=""       v-model="work_title" :placeholder="this.$i18n.locale == 'en' ? 'Please The Input' :'请输入'"></el-input>
                                    </div>
                                    <div class="tableTd20" style="width:20%"><span style="color:red;"> *</span>{{ $i18n.locale == 'en' ? 'Work Plans ' : '工作计划/总结年度' }}</div>
                                    <div class="tableTd30" style="width:30%">
                                        <el-date-picker
                                                style="width:80%;margin-left:20px"
                                                v-model="work_plans"
                                                type="date"
                                                :placeholder="this.$i18n.locale == 'en' ? 'Choose Date' :'选择日期'">
                                        </el-date-picker>

                                    </div>

                                </div>
                                <div class="tableTr" style="height:93px">
                                    <div class="tableTd20" style="height:93px">{{ $i18n.locale == 'en' ? 'Content ' : '内容摘要' }}</div>
                                    <div class="tableTd120" style="padding-top:0px;height:93px">
                                        <div class="inputDeep">
                                            <el-input
                                                    type="textarea"
                                                    :rows="3.5"
                                                    :placeholder="this.$i18n.locale == 'en' ? 'Please The Input' :'请输入'"
                                                    style="resize: none"
                                                    :maxlength="200"
                                                    v-model="work_content">
                                            </el-input>
                                            <div style="float:right"><span>{{zititotal2}}</span>/200</div>
                                        </div>

                                    </div>
                                </div>

                            </div>
                            <div  v-if="information_send" style="margin-top: 39px;width: 93%;height:auto;display: flex;flex-wrap: wrap;align-items: center;background-clip: content-box;">
                                <div class="tableTr">
                                    <div class="tableTd20"> {{ $i18n.locale == 'en' ? 'Apply Name ' : '申请人' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applyname}}</span>
                                    </div>
                                    <div class="tableTd20">{{ $i18n.locale == 'en' ? 'Apply Num ' : '申请编号' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applynumber}}</span>
                                    </div>
                                </div>
                                <div class="tableTr">
                                    <div class="tableTd20">{{ $i18n.locale == 'en' ? 'Apply Time ' : '申请时间' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applytime}}</span>
                                    </div>
                                    <div class="tableTd20"><span style="color:red">*</span>
                                        {{ $i18n.locale == 'en' ? 'belong Committe ' : '所属委员会' }}
                                    </div>
                                    <div class="tableTd30">

                                        <el-select          v-model="infor_committee" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose' :'请选择'" style="width:300px;margin-left:20px" >
                                            <el-option
                                                    :style="$i18n.locale == 'en' ?'width:500px':'width:300px'"
                                                    v-for="item in committeeoptions"
                                                    :key="item.value"
                                                    :label="$i18n.locale == 'en' ?item.label2:item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>

                                    </div>
                                </div>

                                <div class="tableTr">
                                    <div class="tableTd20"><span style="color:red"> *</span>{{ $i18n.locale == 'en' ? 'Title ' : '标题' }}</div>
                                    <div class="tableTd120">
                                        <el-input      v-model="infor_title" :placeholder="this.$i18n.locale == 'en' ? 'Please The Input' :'请输入'"></el-input>
                                    </div>

                                </div>
                                <div class="tableTr">
                                    <div class="tableTd20"><span style="color:red"> *</span>{{ $i18n.locale == 'en' ? 'Release Range ' : '发布范围' }}</div>
                                    <div class="tableTd120">
                                        <el-select      v-model="infor_sendarea" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose' :'请选择'" style="width:300px;margin-left:20px" >
                                            <el-option
                                                    style="width:300px"
                                                    v-for="item in options4"
                                                    :key="item.value"
                                                    :label="$i18n.locale == 'en' ?item.label2:item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>

                                    </div>

                                </div>
                                <div class="tableTr" style="height:93px">
                                    <div class="tableTd20" style="height:93px">{{ $i18n.locale == 'en' ? 'Content ' : '内容摘要' }}</div>
                                    <div class="tableTd120" style="padding-top:0px;height:93px">
                                        <div class="inputDeep">
                                            <el-input
                                                    type="textarea"
                                                    :rows="3.5"
                                                    :placeholder="this.$i18n.locale == 'en' ? 'Please The Input' :'请输入'"
                                                    style="resize: none"
                                                    :maxlength="200"
                                                    v-model="infor_content">
                                            </el-input>
                                            <div style="float:right"><span>{{zititotal3}}</span>/200</div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div  v-if="advice" style="margin-top: 39px;width: 93%;height:auto;display: flex;flex-wrap: wrap;align-items: center;background-clip: content-box;">
                                <div class="tableTr">
                                    <div class="tableTd20"> {{ $i18n.locale == 'en' ? 'Apply Name ' : '申请人' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applyname}}</span>
                                    </div>
                                    <div class="tableTd20">{{ $i18n.locale == 'en' ? 'Apply Num ' : '申请编号' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applynumber}}</span>
                                    </div>
                                </div>
                                <div class="tableTr">
                                    <div class="tableTd20">{{ $i18n.locale == 'en' ? 'Apply Time ' : '申请时间' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{applytime}}</span>
                                    </div>
                                    <div class="tableTd20"><span style="color:red">*</span>
                                        {{ $i18n.locale == 'en' ? 'belong Committe ' : '所属委员会' }}
                                    </div>
                                    <div class="tableTd30">

                                        <el-select       v-model="advice_committee" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose' :'请选择'" style="width:300px;margin-left:20px" >
                                            <el-option
                                                    :style="$i18n.locale == 'en' ?'width:500px':'width:300px'"
                                                    v-for="item in committeeoptions2"
                                                    :key="item.value"
                                                    :label="$i18n.locale == 'en' ?item.label2:item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                </div>
                                <div class="tableTr">
                                    <div class="tableTd20"><span style="color:red">*</span> {{ $i18n.locale == 'en' ? 'Receive Committe ' : '接收委员会' }}</div>
                                    <div class="tableTd30" style="overflow-y: auto">
                                        <el-select multiple      v-model="advice_acceptCommittee" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose' :'请选择'" style="width:300px;margin-left:20px" >
                                            <el-option
                                                    :style="$i18n.locale == 'en' ?'width:500px':'width:300px'"
                                                    v-for="item in committeeoptions2"
                                                    :key="item.value"
                                                    :label="$i18n.locale == 'en' ?item.label2:item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                    <div class="tableTd20">
                                        <span style="color:red">*</span>
                                        {{ $i18n.locale == 'en' ? 'receiver ' : ' 接收人' }}
                                    </div>
                                    <div class="tableTd30" style="overflow-y: auto">
                                        <el-select  multiple    v-model="advice_person" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose Can Choose More' :'请选择 可多选'" style="width:300px;margin-left:20px" >
                                            <el-option
                                                    style="width:300px"
                                                    v-for="item in advice_personoption"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                </div>

                                <div class="tableTr">
                                    <div class="tableTd20"><span style="color:red"> *</span>{{ $i18n.locale == 'en' ? 'Title ' : '标题' }}</div>
                                    <div class="tableTd120">
                                        <el-input       v-model="advice_title" :placeholder="this.$i18n.locale == 'en' ? 'Please The Input' :'请输入'"></el-input>
                                    </div>

                                </div>
                                <div class="tableTr" style="height:93px">
                                    <div class="tableTd20" style="height:93px">{{ $i18n.locale == 'en' ? 'Content ' : '内容摘要' }}</div>
                                    <div class="tableTd120" style="padding-top:0px;height:93px">

                                        <div class="inputDeep">
                                            <el-input
                                                    type="textarea"
                                                    :rows="3.5"
                                                    :placeholder="this.$i18n.locale == 'en' ? 'Please The Input' :'请输入'"
                                                    style="resize: none"
                                                    :maxlength="200"
                                                    v-model="advice_content">
                                            </el-input>
                                            <div style="float:right"><span>{{zititotal4}}</span>/200</div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                           <div style="display:flex;margin-top:31px;padding-left:20px"  v-if="!information_send">
                               <div style="width:7%;margin-top:4px"><span v-if="opinionFlag" style="color:red">*</span>{{ $i18n.locale == 'en' ? 'Body ' : ' 正文' }}:</div>
                               <div style="width:93%">
                                <el-upload
                                           class="upload-demo"
                                           action="/api/nationregioncomittee-service/nrc/nrcApplys/uploadFile"
                                           :on-remove="handleRemove"
                                           :before-remove="beforeRemove"
                                           :before-upload="beforeUpload"
                                           :on-success="handleAvatarSuccessAnnex"
                                           multiple
                                           :on-exceed="handleExceed"
                                           :file-list="fileList">
                                    <el-button size="small"><i class="el-icon-upload2"></i>{{ $i18n.locale == 'en' ? 'Upload File ' : ' 上传文件' }}</el-button>
                                    <div slot="tip" class="el-upload__tip">{{ $i18n.locale == 'en' ? 'Supported file name extension :doc. docx. PDF. The size of a single file cannot exceed 4MB ' : ' 支持扩展名：doc. docx. pdf,单个文件大小不超过4MB' }}</div>
                                </el-upload>
                           </div>
                           </div>
                            <div style="display:flex;margin-top:31px;padding-left:20px" v-if="!information_send">
                                <div style="width:7%;margin-top:4px" :style="$i18n.locale =='en'? 'width:9%;margin-top:4px':'width:7%;margin-top:4px'">{{ $i18n.locale == 'en' ? 'Attachment ' : '附件' }}:</div>
                                <div :style="$i18n.locale =='en'? 'width:91%':'width:93%'">
                                    <el-upload
                                            class="upload-demo"
                                            action="/api/nationregioncomittee-service/nrc/nrcApplys/uploadFile"
                                            :on-remove="handleRemove1"
                                            :before-remove="beforeRemove1"
                                            :before-upload="beforeUpload1"
                                            :on-success="handleAvatarSuccessAnnex1"
                                            multiple
                                            :on-exceed="handleExceed1"
                                            :file-list="fileList1">
                                        <el-button size="small"><i class="el-icon-upload2"></i>{{ $i18n.locale == 'en' ? 'Upload File ' : ' 上传文件' }}</el-button>
                                        <div slot="tip" class="el-upload__tip">{{ $i18n.locale == 'en' ? 'Supported file name extension :.rar.zip.doc.docx.pdf .jpg.png.， The size of a single file cannot exceed 4MB ' : ' 支持扩展名：.rar.zip.doc.docx.pdf .jpg.png.，单个文件大小不超过4MB.' }}</div>
                                    </el-upload>
                                </div>
                            </div>


                            <div style="display:flex;margin-top:31px;padding-left:20px" v-if="information_send">
                                <div style="width:7%;margin-top:4px"><span style="color:red">*</span>{{ $i18n.locale == 'en' ? 'Body ' : ' 正文' }}:</div>
                                <div style="width:93%">
                                    <el-upload
                                            class="upload-demo"
                                            action="/api/nationregioncomittee-service/nrc/nrcApplys/uploadFile"
                                            :on-remove="handleRemove2"
                                            :before-remove="beforeRemove2"
                                            :before-upload="beforeUpload2"
                                            :limit="1"
                                            :on-success="handleAvatarSuccessAnnex2"
                                            multiple
                                            :on-exceed="handleExceed2"
                                            :file-list="fileList2">
                                        <el-button size="small"><i class="el-icon-upload2"></i>{{ $i18n.locale == 'en' ? 'Upload File ' : ' 上传文件' }}</el-button>
                                        <div slot="tip" class="el-upload__tip">{{ $i18n.locale == 'en' ? 'Upload JPG / PNG format file. The file cannot exceed 10m, and up to 1 piece can be uploaded' : ' 上传jpg/png格式文件，文件不能超过10M，最多可上传1张' }}</div>
                                    </el-upload>
                                </div>
                            </div>
                            <div style="display:flex;margin-top:31px;padding-left:20px" v-if="information_send">
                                <div style="width:7%;margin-top:4px" :style="$i18n.locale =='en'? 'width:10%;margin-top:4px':'width:7%;margin-top:4px'"><span style="color:red">*</span>{{ $i18n.locale == 'en' ? 'Attachment ' : ' 附件' }}:</div>
                                <div :style="$i18n.locale =='en'? 'width:91%':'width:93%'">
                                    <el-upload
                                            class="upload-demo"
                                            action="/api/nationregioncomittee-service/nrc/nrcApplys/uploadFile"
                                            :on-remove="handleRemove3"
                                            :before-remove="beforeRemove3"
                                            :before-upload="beforeUpload3"
                                            :limit="1"
                                            :on-success="handleAvatarSuccessAnnex3"
                                            multiple
                                            :on-exceed="handleExceed3"
                                            :file-list="fileList3">
                                        <el-button size="small"><i class="el-icon-upload2"></i>{{ $i18n.locale == 'en' ? 'Upload File ' : ' 上传文件' }}</el-button>
                                        <div slot="tip" class="el-upload__tip">{{ $i18n.locale == 'en' ? 'Upload PDF format file. The file cannot exceed 50m' : '上传Pdf格式文件，文件不能超过50M' }}</div>
                                    </el-upload>
                                </div>
                            </div>





                            <div style="margin-top:70px;display:flex">
                                <div class="submit" :style="$i18n.locale =='en'? 'padding-left: 35px;':''" @click="submit">{{ $i18n.locale == 'en' ? 'Submit  ' : ' 提交' }}</div>
                                <div class="cancel" :style="$i18n.locale =='en'? 'padding-left: 35px;':''" @click="cancel">{{ $i18n.locale == 'en' ? 'Cancel  ' : ' 取消' }}</div>
                            </div>
                            <el-dialog :title="this.$i18n.locale == 'en' ? 'Select Transactor' :'选择办理人'" :visible.sync="dialogFormVisible">
                                <el-form :model="form" style="padding-left:30%">

                                    <el-form-item :label="this.$i18n.locale == 'en' ? 'Current Node' :'当前流程节点'">
                                        <el-input  style="width:415px;" :placeholder="this.$i18n.locale == 'en' ? 'Regional Secretariat' :'区域秘书处'" v-model="form.handlelink" disabled=true></el-input>
                                    </el-form-item>
                                    <el-form-item :label="this.$i18n.locale == 'en' ? 'Transactor' :'办理人'" style="" >
                                        <el-select multiple  v-model="form.transactor" :placeholder="this.$i18n.locale == 'en' ? 'Please Select Transactor' :'请选择办理人'" style="width:415px">
                                            <el-option
                                                    style="width:400px;margin-left:10px"
                                                    v-for="item in transactoroption"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                    <el-form-item style="margin-top:300px;margin-left:100px">
                                        <el-button type="primary" @click="submit_banli" >{{ $i18n.locale == 'en' ? 'Submit  ' : ' 确定' }}</el-button>
                                        <el-button @click="cancel_banli">{{ $i18n.locale == 'en' ? 'Cancel  ' : ' 取消' }}</el-button>
                                    </el-form-item>
                                </el-form>
                            </el-dialog>
                            <el-dialog class="languages" title="添加语言" :visible.sync="dialogFormVisible2">
                                <el-form :model="form1" style="padding-left:30%">

                                    <el-form-item label="语言" style="margin-left:14px;" >
                                        <el-select multiple  v-model="form1.language" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose' :'请选择'" style="width:415px">
                                            <el-option
                                                    style="width:515px;margin-left:10px"
                                                    v-for="item in language"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </el-form-item>
                                    <el-form-item label="翻译" style="margin-left:14px;" >
                                    <el-radio-group v-model="form1.language_flag">
                                        <el-radio :label="1">是</el-radio>
                                        <el-radio :label="0">否</el-radio>
                                    </el-radio-group>
                                    </el-form-item>
                                    <el-form-item style="margin-top:50px;margin-left:100px">
                                        <el-button type="primary" @click="submit_lange" >保存</el-button>
                                        <el-button @click="cancel_lange">关闭</el-button>
                                    </el-form-item>
                                </el-form>
                            </el-dialog>

                        </div>

                    </div>

                    </div>
                </div>
            </div>
        </div>



</template>
<script>
    import { getwaitnumber,getcommittee1,getcommittee2,getwaitacceser,createwaitapply,gettransactor,translations} from '@/api/committee/nrc';
    import { getToken } from "@/api/token";
    import Screen from "@/components/screen";
    export default {
        name: "Submitapplication",
        props: ["flag"],
        components: {
            Screen,
        },
        data() {
            return {
                submitFlag:1,
                opinionFlag:true,
                English:{

                },
                zititotal:0,
                zititotal1:0,
                zititotal2:0,
                zititotal3:0,
                zititotal4:0,
                showenglish:false,
                dialogFormVisible:false,
                dialogFormVisible2:false,
                form: {
                    handlelink: "", //总部流转
                    transactor: [], //办理人
                },
                form1: {
                    language: "",
                    language_flag:0,
                },
                submittitle:undefined,
                submitnumber:undefined,
                submitname:undefined,
                submittime:undefined,
                flagid:undefined,
                transparams:{},
                transactoroption:[],
                transactorid:undefined,
                transactorstatus:undefined,
                committeeoptions:[],//所属委员会
                committeeoptions2:[],//意见与建议 所属委员会
                committeeoptionsfull:[],//所属委员会
                committeeoptions2full:[],//意见与建议 所属委员会
                language:[{
                    label: "英文",
                    value: "1"
                }],
                options: [ {
                    label: "活动方案",
                    label2: "Programme Of Activities",
                    value: "1"},
                    {
                        label: "公文",
                        label2: "Document",
                        value: "5"},
                    {
                        label: "工作计划/总结",
                        label2: "Work Plan / Summary",
                        value: "4"},
                    {
                        label: "资料发布",
                        label2: "Data Release",
                        value: "6"},
                    {
                        label: "意见建议",
                        label2: "Comments And Suggestions",
                        value: "2"},],
                options4:[
                    {
                        label: "网站公开",
                        label2: "Site Public",
                        value: "网站公开"},
                    {
                        label: "委员会内部",
                        label2: "Committee Internal",
                        value: "委员会内部"},
                ],
                fileList: [],
                fileList1: [],
                fileList2: [],
                fileList3: [],
                filepath:undefined,
                filepath1:undefined,
                filepath2:undefined,
                filepath3:undefined,
                filename:[],
                filename1:[],
                filename2:[],
                filename3:[],
                changeselect: '',
                commitee_activities:true,//委员会活动与方案
                office_doc:false,//公文
                work_plan:false,//工作计划
                information_send:false,//资料与发布
                advice:false,//意见与建议
                applyname:undefined,//申请人
                applynumber:123343223,//申请编号
                applytime:undefined,//申请时间
                commact_committee:undefined,//委员会活动与方案--所属委员会
                commact_content:undefined,//---内容
                commact_title:undefined,//标题
                off_committee:undefined,//公文--所属委员会
                off_title:undefined,//公文——标题
                off_content:undefined,//公文——内容
                work_committee:undefined,//工作计划————所属委员会
                work_plans:undefined,
                work_title:undefined,
                work_content:undefined,
                infor_committee:undefined,//资料与发布--所属委员会
                infor_title:undefined,
                infor_sendarea:undefined,
                infor_content:undefined,
                advice_committee:undefined,//意见与建议--所属委员会
                advice_acceptCommittee:undefined,
                advice_personoption:[],
                advice_person:[],
                advice_title:undefined,
                advice_content:undefined,
                defaultProps: {
                    children: "param",
                    label: "name",
                },

                defaultShowNodes:[],
                refresh:1,
                flag:[],

                search: "",
                screen1s: {
                    value: "common.type",
                    item: [],
                },
                screen1def: null,
                screen2Item: null,

            };
        },
        watch: {
            "$i18n.locale"() {
              this.committeeoptions2 = new Array();
              this.committeeoptions = new Array();
              if(this.$i18n.locale == "en"){
                for(let i=0;i<this.committeeoptions2full.length;i++){
                  if(this.committeeoptions2full[i].label2!="" && this.committeeoptions2full[i].label2!=null && this.committeeoptions2full[i].label2!=undefined){
                    this.committeeoptions2.push(this.committeeoptions2full[i]);
                  }
                }
                for(let i=0;i<this.committeeoptionsfull.length;i++){
                  if(this.committeeoptionsfull[i].label2!="" && this.committeeoptionsfull[i].label2!=null && this.committeeoptionsfull[i].label2!=undefined){
                    this.committeeoptions.push(this.committeeoptionsfull[i]);
                  }
                }
              }else{
                this.committeeoptions2 = this.committeeoptions2full;
                this.committeeoptions = this.committeeoptionsfull;
              }
            },
            CountryId() {},
            commact_content(){
                console.log(this.commact_content.length)
                if(this.commact_content.length>200){
                    this.$message.error('不能超过200个字')
                }
                this.zititotal=this.commact_content.length
            },
            off_content(){
                if(this.off_content.length>200){
                    this.$message.error('不能超过200个字')
                }
                this.zititotal1=this.off_content.length
            },
            work_content(){
                if(this.work_content.length>200){
                    this.$message.error('不能超过200个字')
                }
                this.zititotal2=this.work_content.length
            },
            infor_content(){
                if(this.infor_content.length>200){
                    this.$message.error('不能超过200个字')
                }
                this.zititotal3=this.infor_content.length
            },
            advice_content(){
                if(this.advice_content.length>200){
                    this.$message.error('不能超过200个字')
                }
                this.zititotal4=this.advice_content.length
            },
            advice_acceptCommittee(newVal,oldVal){
                if(this.advice_acceptCommittee.length!=0){
                    let aa=''
                    this.advice_acceptCommittee.forEach(item=>{
                        aa+=item+','
                    })
                    aa = aa.substr(0, aa.length - 1);
                    let params={
                        committeeId:aa,

                    }
                    this.advice_personoption=[]
                    getwaitacceser(params).then(res=>{
                            for(let i=0;i<res.data.page.length;i++){
                                let obj={}
                                obj.data=[];
                                obj.label=res.data.page[i].name
                                obj.value=res.data.page[i].id
                                this.advice_personoption.push(obj)
                            }
                        }
                    )
                }else{
                    this.advice_personoption=[]
                }

            },
            changeselect(newVal,oldVal){
                console.log(newVal)
                if(newVal==1){
                    this.commitee_activities=true;
                    this.office_doc=false;
                    this.work_plan=false;
                    this.information_send=false;
                    this.advice=false;
                    this.opinionFlag = true;
                }
                if(newVal==5){
                    this.commitee_activities=false;
                    this.office_doc=true;
                    this.work_plan=false;
                    this.information_send=false;
                    this.advice=false;
                    this.opinionFlag = true;
                }
                if(newVal==4){
                    this.commitee_activities=false;
                    this.office_doc=false;
                    this.work_plan=true;
                    this.information_send=false;
                    this.advice=false;
                    this.opinionFlag = true;
                }
                if(newVal==6){
                    this.commitee_activities=false;
                    this.office_doc=false;
                    this.work_plan=false;
                    this.information_send=true;
                    this.advice=false;
                    this.opinionFlag = true;
                }
                if(newVal==2){
                    this.commitee_activities=false;
                    this.office_doc=false;
                    this.work_plan=false;
                    this.information_send=false;
                    this.advice=true;
                    this.opinionFlag = false;
                }


            },
        },
        updated(){

        },
        mounted() {
            let language='我喜欢你'
            translations(language).then(res=>{


            })
            console.log(this.$store.state.user)
            getwaitnumber().then(res=>{
                this.applynumber=res.data.replyNumber
            })
            let params1={
                type:2,
                frontOrBack:2,
            }
            gettransactor(params1).then(res=>{
                let aa=res.data.handlePeople;
                var newArr = [];
                aa.forEach(item=>{
                    var index = 0;
                    let obj={}
                    obj.data=[];
                    obj.label=item.name;
                    obj.value=item.id
                    newArr.push(obj);
                    // this.$set(this.transactoroption,index,obj);
                    index++;
                })
                console.log(this.transactoroption)
                this.transactoroption = newArr;
            })
            getcommittee1().then(res=>{
                /*  this.commiteeoptions=res.data.page*/
                for(let i=0;i<res.data.page.length;i++){
                    let obj={}
                    obj.data=[];
                    obj.label=res.data.page[i].committeeName
                    obj.label2=res.data.page[i].committeeNameEn
                    obj.value=res.data.page[i].id
                    this.committeeoptionsfull.push(obj)
                }
              if(this.$i18n.locale == "en"){
                for(let i=0;i<this.committeeoptionsfull.length;i++){
                  if(this.committeeoptionsfull[i].label2!="" && this.committeeoptionsfull[i].label2!=null && this.committeeoptionsfull[i].label2!=undefined){
                    this.committeeoptions.push(this.committeeoptionsfull[i]);
                  }
                }
              }else{
                this.committeeoptions = this.committeeoptionsfull;
              }
            })
            getcommittee2().then(res=>{
                /*  this.commiteeoptions=res.data.page*/
                for(let i=0;i<res.data.page.length;i++){
                    let obj={}
                    obj.data=[];
                    obj.label=res.data.page[i].committeeName
                    obj.label2=res.data.page[i].committeeNameEn
                    obj.value=res.data.page[i].id
                    this.committeeoptions2full.push(obj)
                }
              if(this.$i18n.locale == "en"){
                for(let i=0;i<this.committeeoptions2full.length;i++){
                  if(this.committeeoptions2full[i].label2!="" && this.committeeoptions2full[i].label2!=null && this.committeeoptions2full[i].label2!=undefined){
                    this.committeeoptions2.push(this.committeeoptions2full[i]);
                  }
                }
              }else{
                this.committeeoptions2 = this.committeeoptions2full;
              }
            })
            // this.applyname=this.$store.state.user.user.realName
	          let test = JSON.parse(window.localStorage.getItem("user"))
	          this.applyname = test.realName?test.realName:test.username
            this.applytime=this.getNowFormatDate()
        },
        destroyed() {},
        methods: {
            addlanguage(){
                this.dialogFormVisible2=true;

            },
            submit_lange(){
                if(this.form1.language){
                    this.showenglish=true;
                }
                this.dialogFormVisible2=false;


            },
            cancel_lange(){
                this.dialogFormVisible2=false;
            },
            cancel(){
                if(this.flag==1){
                    var params = {
                        name: "workspace",
                        type: false,
                    };
                    this.$emit("applicationType", params);
                }
                if(this.flag==2){
                    var params = {
                        name: "application",
                        type: false,

                    };
                    this.$emit("applicationType", params);
                }

            },
            handleCurrentChange() {},
            back() {
                if(this.flag==1){
                    var params = {
                        name: "workspace",
                        type: false,
                    };
                    this.$emit("applicationType", params);
                }
                if(this.flag==2){
                    var params = {
                        name: "application",
                        type: false,
                    };
                    this.$emit("applicationType", params);
                }
            },
            screenBack() {},
            submit() {
                if(this.changeselect==''||this.changeselect==undefined){
                    if(this.$i18n.locale == "en"){
                        this.$message.error('Please select the application type');
                    }else {
                        this.$message.error('请选择申请类型');
                    }
                    return;
                }
                let file=this.filename.concat(this.filename1)
                let file1=this.filename2.concat(this.filename3)

                if(this.changeselect==1){
                    if(this.commact_title==''||this.commact_title==undefined){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please enter title');
                        }else {
                            this.$message.error('请输入标题');
                        }
                        return;
                    }
                    if(this.commact_committee==''||this.commact_committee==undefined){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a committee');
                        }else {
                            this.$message.error('请选择所属委员会');
                        }
                        return;
                    }
                    if(file.length <= 0){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a committee');
                        }else {
                            this.$message.error('请选择正文');
                        }
                        return;
                    }
                    let params={
                        frontOrBack:2,
                        applyType:this.changeselect,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.commact_title,
                        abstractInfo:this.commact_content,
                        belongCommittee:this.commact_committee,
                        statusDict:1,
                        files:file

                    }
                    this.createwaitapplys(params)
                }
                if(this.changeselect==5){
                    if(this.off_title==''||this.off_title==undefined){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please enter title');
                        }else {
                            this.$message.error('请输入标题');
                        }
                        return;
                    }
                    if(this.off_committee==''||this.off_committee==undefined){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a committee');
                        }else {
                            this.$message.error('请选择所属委员会');
                        }
                        return;
                    }
                    if(file.length <= 0){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a committee');
                        }else {
                            this.$message.error('请选择正文');
                        }
                        return;
                    }
                    let params={
                        frontOrBack:2,
                        applyType:this.changeselect,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.off_title,
                        abstractInfo:this.off_content,
                        belongCommittee:this.off_committee,
                        statusDict:1,
                        files:file
                    }

                    this.createwaitapplys(params)
                }
                if(this.changeselect==4){
                    if(this.work_title==''||this.work_title==undefined){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please enter title');
                        }else {
                            this.$message.error('请输入标题');
                        }
                        return;
                    }
                    if(this.work_committee==''||this.work_committee==undefined){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a committee');
                        }else {
                            this.$message.error('请选择所属委员会');
                        }
                        return;
                    }
                    if(this.work_plans==''||this.work_plans==undefined){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a work plan');
                        }else {
                            this.$message.error('请选择工作计划');
                        }

                        return;
                    }
                    if(file.length <= 0){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a Text');
                        }else {
                            this.$message.error('请选择正文');
                        }
                        return;
                    }
                    let params={
                        frontOrBack:2,
                        applyType:this.changeselect,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.work_title,
                        abstractInfo:this.work_content,
                        belongCommittee:this.work_committee,
                        workPlanSummaryYear:this.work_plans?(this.getNowFormatDate1(this.work_plans)):this.work_plans,
                        statusDict:1,
                        files:file

                    }
                    this.createwaitapplys(params)
                }
                if(this.changeselect==6){
                    if(this.infor_title==''||this.infor_title==undefined){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please enter title');
                        }else {
                            this.$message.error('请输入标题');
                        }
                        return;
                    }
                    if(this.infor_committee==''||this.infor_committee==undefined){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a committee');
                        }else {
                            this.$message.error('请选择所属委员会');
                        }
                        return;
                    }
                    if(file1.length <= 1){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a Text and Annexes');
                        }else {
                            this.$message.error('请选择正文和附件');
                        }
                        return;
                    }
                    let params={
                        frontOrBack:2,
                        applyType:this.changeselect,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.infor_title,
                        abstractInfo:this.infor_content,
                        belongCommittee:this.infor_committee,
                        statusDict:1,
                        releaseScope:this.infor_sendarea,
                        files:file1
                    }

                    this.createwaitapplys(params)
                }
                if(this.changeselect==2){
                    if(this.advice_title==''||this.advice_title==undefined){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please enter title');
                        }else {
                            this.$message.error('请输入标题');
                        }
                        return;
                    }
                    if(this.advice_committee==''||this.advice_committee==undefined){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a committee');
                        }else {
                            this.$message.error('请选择所属委员会');
                        }
                        return;
                    }
                    if(this.advice_person.length==0){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a recipient');
                        }else {
                            this.$message.error('请选择接收人');
                        }
                        return;
                    }
                    if(this.advice_acceptCommittee.length==0){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a committee');
                        }else {
                            this.$message.error('请选择所属委员会');
                        }
                        return;
                    }
                    /*if(file.length <= 0){
                        this.$message.error('请选择正文');
                        return;
                    }*/
                    let adviceperson=''
                    if(this.advice_person){
                        this.advice_person.forEach(item=>{
                            adviceperson+=','+item+','
                        })
                    }
                    let adviceacceptcommittee=''
                    if(this.advice_acceptCommittee){
                        this.advice_acceptCommittee.forEach(item=>{
                            adviceacceptcommittee+=','+item+','
                        })
                    }

                    let params={
                        frontOrBack:2,
                        applyType:this.changeselect,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.advice_title,
                        abstractInfo:this.advice_content,
                        acceptCommittee:adviceacceptcommittee,
                        belongCommittee:this.advice_committee,
                        accepter:adviceperson,
                        statusDict:1,
                        files:file
                    }
                    this.createwaitapplys(params)
                }
                if(this.form1.language_flag == 1){
                    this.submitEnglish();
                }

            },
            // 选择英文翻译在提交一次表单
            submitEnglish(){
                let file=this.filename.concat(this.filename1)
                let file1=this.filename2.concat(this.filename3)
            },
            cancel_banli(){
                this.dialogFormVisible=false;
            },
            submit_banli(){
                if(this.submitFlag != 1){
                    this.$message.error("请勿重复提交");
                    return;
                }
                this.submitFlag = 2;
                console.log(this.transparams)
                if(this.form.transactor.length==0){
                    if(this.$i18n.locale == "en"){
                        alert('Please select The transactor')
                    }else {
                        alert('请选择办理人')
                    }
                    return;
                }
                let aa=''
                let bb=''
                if(this.form.transactor.length>0){

                    this.form.transactor.forEach(item=>{
                        aa+=item+','
                        bb+=','+item+','
                    })
                    aa = aa.substr(0, aa.length - 1);
                }
                this.transparams.reserveOne=bb
             /*   this.transparams.approver=aa*/
                this.transparams.frontOrBack=2
                this.transparams.lauguage="ZH"
                //let params=this.transparams
                let params={}
                params.nrcApplys=[]
                params.approver=aa
                params.nrcApplys.push(this.transparams)
                createwaitapply(params).then(res=>{
                    this.submitFlag = 1;
                    if(res.status=='200'){
                        this.dialogFormVisible=false;
                        var params2 = {
                            name: "submitapplicasuccess",
                            type: false,
                            successObj:res.data[0],
                            flag:1,
                        };
                        this.$emit("applicationType", params2);
                        return;
                  /*      this.$router.push({
                            name:'Submitapplicasuccess',
                            params:{
                                submittitle:res.data.title,
                                submitnumber:res.data.applyNumber,
                                submitname:res.data.applyPeople,
                                submittime:res.data.applyTime,
                            }
                        })*/
                    }else {
                        this.$message.error(res.msg);
                    }
                }).catch(e=>{
                    this.submitFlag = 1;
                    this.$message.error(e.msg);
                })
            },

            createwaitapplys(params){
                console.log(params)

                this.transparams=params
                console.log(this.transparams)
                this.dialogFormVisible=true;

                // this.$router.push("transactor");

           /*     this.transparams=params
                console.log(this.transparams)
                this.$layer.iframe({
                    content: {
                        content: Transactor, //传递的组件对象
                        parent: this,//当前的vue对象
                        data: {
                            transparams:this.transparams,
                            transactoroption:this.transactoroption,
                            transactorid:this.transactorid,
                            transactorstatus:this.transactorstatus,
                            flagid:this.$route.params.flagid
                        }
                    },
                    area: ["760px", "360px"],
                    title: "选择办理人"
                } ,3,{

                });*/
                /*            createwaitapply(params).then(res=>{
                                if(res.msg=='保存成功'){
                                    this.transactorstatus=res.data.applyStatus
                                    this.transactorid=res.data.id
                                    this.$layer.iframe({
                                        content: {
                                            content: Transactor, //传递的组件对象
                                            parent: this,//当前的vue对象
                                            data: {
                                                transactoroption:this.transactoroption,
                                                transactorid:this.transactorid,
                                                transactorstatus:this.transactorstatus,
                                            }
                                        },
                                        area: ["760px", "760px"],
                                        title: "选择办理人"
                                    } ,3,{

                                    });
                                }
                              /!*      this.$parent.closeTabByName('Submitsuccess');
                                    this.$parent.clickMenu({
                                        "checked": false,
                                        "icon": "fa-legal",
                                        "id": "authApplication",
                                        "name": "Submitsuccess",
                                        "parentId": "4",
                                        "text": "提交成功",
                                        "children": [

                                        ]
                                    }, 3, {
                                        applicationId: authApplication.applicationId,
                                    });
                                }*!/

                            })*/
            },
            handleAvatarSuccessAnnex(res, file) {
                if (res.status==500){
                    if (this.$i18n.locale.toUpperCase() == 'EN') {
                      this.$message.error("Upload Failed");
                    }else {
                      this.$message.error(res.msg);
                    }
                    this.fileList.splice(this.fileList.indexOf(file), 1)
                    return
                }
                let obj={}
                obj.fileNameDisplay=file.name
                obj.filePath=res.data.filePath
                obj.type=2
                this.filename.push(obj)
                console.log(this.filename)
            },
            handleAvatarSuccessAnnex1(res, file) {
                if (res.status==500){
                    if (this.$i18n.locale.toUpperCase() == 'EN') {
                      this.$message.error("Upload Failed");
                    }else {
                      this.$message.error(res.msg);
                    }
                    this.fileList1.splice(this.fileList1.indexOf(file), 1)
                    return
                }
                let obj={}
                obj.fileNameDisplay=file.name
                obj.filePath=res.data.filePath
                obj.type=3
                this.filename1.push(obj)
            },
            handleAvatarSuccessAnnex2(res, file) {
                if (res.status==500){
                    if (this.$i18n.locale.toUpperCase() == 'EN') {
                      this.$message.error("Upload Failed");
                    }else {
                      this.$message.error(res.msg);
                    }
                    this.fileList2.splice(this.fileList2.indexOf(file), 1)
                    return
                }
                let obj={}
                obj.fileNameDisplay=file.name
                obj.filePath=res.data.filePath
                obj.type=2
                this.filename2.push(obj)
            },
            handleAvatarSuccessAnnex3(res, file) {
                if (res.status==500){
                    if (this.$i18n.locale.toUpperCase() == 'EN') {
                      this.$message.error("Upload Failed");
                    }else {
                      this.$message.error(res.msg);
                    }
                    this.fileList3.splice(this.fileList3.indexOf(file), 1)
                    return
                }
                let obj={}
                obj.fileNameDisplay=file.name
                obj.filePath=res.data.filePath
                obj.type=5
                this.filename3.push(obj)
            },
            beforeUpload(file) {
                var FileExt = file.name.replace(/.+\./, "");
                if (['zip', 'pdf', 'doc', 'docx', 'excel', 'xls', 'xlsx'].indexOf(FileExt.toLowerCase()) === -1) {
                    if (this.$i18n.locale.toUpperCase() == 'EN') {
                        this.$message({
                            type: 'warning',
                            message: 'Please upload zip,pdf,word,excel The attachment！'
                        });
                    }else {
                        this.$message({
                            type: 'warning',
                            message: '请上传zip,pdf,word,excel的附件！'
                        });
                    }

                    this.fileList.splice(this.fileList.indexOf(file), 1)
                    abort();
                    return false;
                }
                this.isLt2k = file.size / 1024 / 1024 < 10 ? '1' : '0';
                if (this.isLt2k === '0') {
                    if (this.$i18n.locale.toUpperCase() == 'EN') {
                        this.$message({
                            message: 'Upload file size cannot exceed 10m!',
                            type: 'error'
                        });
                    } else {
                        this.$message({
                            message: '上传文件大小不能超过10M!',
                            type: 'error'
                        });
                    }
                    this.fileList.splice(this.fileList.indexOf(file), 1)
                    abort();
                    return false;
                }
            },
            beforeUpload2(file) {
                var FileExt = file.name.replace(/.+\./, "");
                if (["jpg", "png"].indexOf(FileExt.toLowerCase()) === -1) {
                    if (this.$i18n.locale.toUpperCase() == 'EN') {
                        this.$message({
                            type: "warning",
                            message: "Please upload JPG, PNG files!",
                        });
                    }else {
                        this.$message({
                            type: "warning",
                            message: "请上传jpg,png的文件！",
                        });
                    }

                    this.fileList2.splice(this.fileList2.indexOf(file), 1)
                    abort();
                    return false;
                }
                this.isLt2k = file.size / 1024 / 1024 < 10 ? '1' : '0';
                if (this.isLt2k === '0') {
                    if (this.$i18n.locale.toUpperCase() == 'zh') {
                        this.$message({
                            message: '上传文件大小不能超过10M!',
                            type: 'error'
                        });
                    } else {
                        this.$message({
                            message: 'Upload file size cannot exceed 10m!',
                            type: 'error'
                        });
                    }
                    this.fileList2.splice(this.fileList2.indexOf(file), 1)
                    abort();
                    return false;
                }
            },
            beforeUpload3(file) {
                var FileExt = file.name.replace(/.+\./, "");
                if (['pdf'].indexOf(FileExt.toLowerCase()) === -1) {
                    if (this.$i18n.locale.toUpperCase() == 'EN') {
                        this.$message({
                            type: 'warning',
                            message: 'Please Upload PDF File！！'
                        });
                    }else {
                        this.$message({
                            type: 'warning',
                            message: '请上传pdf的文件！！'
                        });
                    }

                    this.fileList3.splice(this.fileList3.indexOf(file), 1)
                    abort();
                    return false;
                }
                this.isLt2k = file.size / 1024 / 1024 < 10 ? '1' : '0';
                if (this.isLt2k === '0') {
                    if (this.$i18n.locale.toUpperCase() == 'zh') {
                        this.$message({
                            message: '上传文件大小不能超过10M!',
                            type: 'error'
                        });
                    } else {
                        this.$message({
                            message: 'Upload file size cannot exceed 10m!',
                            type: 'error'
                        });
                    }
                    this.fileList3.splice(this.fileList3.indexOf(file), 1)
                    abort();
                    return false;
                }
            },
            beforeUpload1(file) {
                var FileExt = file.name.replace(/.+\./, "");
                if (['rar', 'zip', 'doc', 'docx', 'pdf', 'jpg', 'png'].indexOf(FileExt.toLowerCase()) === -1) {
                    if (this.$i18n.locale.toUpperCase() == 'EN') {
                        this.$message({
                            type: 'warning',
                            message: 'Please upload pictures！'
                        });
                    }else {
                        this.$message({
                            type: 'warning',
                            message: '请上传图片！'
                        });
                    }

                    this.fileList1.splice(this.fileList1.indexOf(file), 1)
                    abort();
                    return false;
                }
                this.isLt2k = file.size / 1024 / 1024 < 10 ? '1' : '0';
                if (this.isLt2k === '0') {
                    if (this.$i18n.locale.toUpperCase() == 'zh') {
                        this.$message({
                            message: '上传文件大小不能超过10M!',
                            type: 'error'
                        });
                    } else {
                        this.$message({
                            message: 'Upload file size cannot exceed 10m!',
                            type: 'error'
                        });
                    }
                    this.fileList1.splice(this.fileList1.indexOf(file), 1)
                    abort();
                    return false;
                }
            },
            handleRemove(file, fileList) {
                console.log(file, fileList);
                this.filename.forEach((item,index)=>{
                    if(file.name==item.fileNameDisplay){
                        this.filename.splice(index,1)
                    }
                })
                console.log(this.filename)
            },
            handleRemove1(file, fileList) {
                console.log(file, fileList);
                this.filename1.forEach((item,index)=>{
                    if(file.name==item.fileNameDisplay){
                        this.filename1.splice(index,1)
                    }
                })
                console.log(this.filename1)
            },
            handleRemove2(file, fileList) {
                console.log(file, fileList);
                this.filename2.forEach((item,index)=>{
                    if(file.name==item.fileNameDisplay){
                        this.filename2.splice(index,1)
                    }
                })
                console.log(this.filename2)
            },
            handleRemove3(file, fileList) {
                console.log(file, fileList);
                this.filename3.forEach((item,index)=>{
                    if(file.name==item.fileNameDisplay){
                        this.filename3.splice(index,1)
                    }
                })
                console.log(this.filename3)
            },
            handleExceed(files, fileList) {
                if (this.$i18n.locale.toUpperCase() == 'EN') {
                    this.$message.warning(`Limit the selection to three files，This time I have chosen ${files.length} file，A total chose ${files.length + fileList.length} file`);
                }else {
                    this.$message.warning(`限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
                }

            },
            handleExceed1(files, fileList) {
                if (this.$i18n.locale.toUpperCase() == 'EN') {
                    this.$message.warning(`Limit the selection to three files，This time I have chosen ${files.length} file，A total chose ${files.length + fileList.length} file`);
                }else {
                    this.$message.warning(`限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
                }
            },
            handleExceed2(files, fileList) {
                if (this.$i18n.locale.toUpperCase() == 'EN') {
                    this.$message.warning(`Limit the selection to 1 file，This time I have chosen ${files.length} file，A total chose ${files.length + fileList.length} file`);
                }else {
                    this.$message.warning(`限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
                }
            },
            handleExceed3(files, fileList) {
                if (this.$i18n.locale.toUpperCase() == 'EN') {
                    this.$message.warning(`Limit the selection to 1 file，This time I have chosen ${files.length} file，A total chose ${files.length + fileList.length} file`);
                }else {
                    this.$message.warning(`限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
                }
            },
            beforeRemove(file, fileList) {
                if (this.$i18n.locale.toUpperCase() == 'EN') {
                    return this.$confirm(`Sure to remove ${ file.name }？`);
                }else {
                    return this.$confirm(`确定移除 ${ file.name }？`);
                }
            },
            beforeRemove1(file, fileList) {
                if (this.$i18n.locale.toUpperCase() == 'EN') {
                    return this.$confirm(`Sure to remove ${ file.name }？`);
                }else {
                    return this.$confirm(`确定移除 ${ file.name }？`);
                }
            },
            beforeRemove2(file, fileList) {
                if (this.$i18n.locale.toUpperCase() == 'EN') {
                    return this.$confirm(`Sure to remove ${ file.name }？`);
                }else {
                    return this.$confirm(`确定移除 ${ file.name }？`);
                }
            },
            beforeRemove3(file, fileList) {
                if (this.$i18n.locale.toUpperCase() == 'EN') {
                    return this.$confirm(`Sure to remove ${ file.name }？`);
                }else {
                    return this.$confirm(`确定移除 ${ file.name }？`);
                }
            },
            getNowFormatDate () {
                let now = new Date();
                let year = now.getFullYear(); //获取完整的年份(4位,1970-????)
                let month = now.getMonth() + 1; //获取当前月份(0-11,0代表1月)
                let today = now.getDate(); //获取当前日(1-31)
                let hour = now.getHours(); //获取当前小时数(0-23)
                let minute = now.getMinutes(); //获取当前分钟数(0-59)
                let second = now.getSeconds(); //获取当前秒数(0-59)
                let nowTime = ''
                nowTime = year + '-' + this.fillZero(month) + '-' + this.fillZero(today) + ' ' + this.fillZero(hour) + ':' +
                    this.fillZero(minute) + ':' + this.fillZero(second)
                return nowTime
            },
            getNowFormatDate1 (value) {
                let now = new Date(value);
                let year = now.getFullYear(); //获取完整的年份(4位,1970-????)
                let month = now.getMonth() + 1; //获取当前月份(0-11,0代表1月)
                let today = now.getDate(); //获取当前日(1-31)
                let hour = now.getHours(); //获取当前小时数(0-23)
                let minute = now.getMinutes(); //获取当前分钟数(0-59)
                let second = now.getSeconds(); //获取当前秒数(0-59)
                let nowTime = ''
                nowTime = year + '-' + this.fillZero(month) + '-' + this.fillZero(today)
                return nowTime
            },
            fillZero (str) {
                var realNum;
                if (str < 10) {
                    realNum = '0' + str;
                } else {
                    realNum = str;
                }
                return realNum;
            },
        },
    };
</script>
<style scoped>
    /deep/ .el-upload-list__item.is-success.focusing .el-icon-close-tip {
        display: none !important;
    }
    /deep/ .el-dialog__body{
        height:500px;
    }
    /deep/ .languages .el-dialog__body{
        height:300px;
    }
    /deep/ .banliren .el-select>.el-input {
        display: block;
        margin-left: 15px;
    }
   /deep/ .el-upload-list__item {
        width: 299px;
    }
    .submit{
        box-sizing: border-box;
        width: 120px;
        height: 40px;
        margin-left: 339px;

        background: #3A8EE6;
        border: 1px solid #3A8EE6;
        border-radius: 4px;
        /* Bold/Body */
        padding-left:44px;
        font-family: 'Noto Sans SC';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        /* identical to box height, or 157% */
        display: flex;
        align-items: center;
        text-align: center;
        font-feature-settings: 'tnum' on, 'lnum' on;
        cursor:pointer;
        /* Neutral Color/White */

        color: #FFFFFF;
    }
    .cancel{
        box-sizing: border-box;
        width: 120px;
        height: 40px;
        margin-left: 30px;
        padding-left:44px;
        background: white;
        border: 1px solid #e9ebef;
        border-radius: 4px;
        cursor:pointer;

        font-family: 'Noto Sans SC';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        /* identical to box height, or 157% */

        display: flex;
        align-items: center;
        text-align: center;
        font-feature-settings: 'tnum' on, 'lnum' on;

        color: rgba(17, 17, 17, 0.65);
    }
    /deep/ .applytype .el-select {
        width: 415px!important;

    }
    /* 利用穿透，设置input边框隐藏 */
    .inputDeep>>>.el-input__inner {
        border: 0;
    }
    /* 如果你的 el-input type 设置成textarea ，就要用这个了 */
    .inputDeep>>>.el-textarea__inner {
        border: 0;
        resize: none;/* 这个是去掉 textarea 下面拉伸的那个标志，如下图 */
    }
    .english{
        box-sizing: border-box;
     /*   position: absolute;*/
        width: 80px;
        height: 40px;
        margin-left: 69px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 2px;
        font-family: 'Noto Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        /* identical to box height, or 157% */
        display: flex;
        align-items: center;
        font-feature-settings: 'tnum' on, 'lnum' on;
        color: rgba(0, 0, 0, 0.85);
        padding-left:22px;

    }
    .english2{
        box-sizing: border-box;
        /*   position: absolute;*/
        width: 80px;
        height: 40px;
        margin-left: 20px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 2px;
        font-family: 'Noto Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        /* identical to box height, or 157% */
        display: flex;
        align-items: center;
        font-feature-settings: 'tnum' on, 'lnum' on;
        color: rgba(0, 0, 0, 0.85);
        padding-left:10px;

    }
    .box1 {
        padding: 0 0 20px 0;
        position: absolute;
    }
    .center {
        display: flex;
    }
    .topImg img {
        display: inline-block;
        width: 1200px;
        height: 324px;
    }
    .centerLeft1 {
        border-radius: 0px;

        width: 1198px;
        height: 877px;
        left: 360px;
        top: 317px;

        background: #FFFFFF;
    }
    .left {
        position: relative;
    }

    .top .top1 {
        position: absolute;
        width: 5.5px;
        height: 10.5px;
        left: 20px;
        top: 35px;
        background: #376ac7;
        z-index: 1;
    }
    .top .top2 {
        position: absolute;
        width: 5.5px;
        height: 15px;
        left: 20px;
        top: 35px;
        background: #83bd50;
    }
    .top .allApplication {
        position: absolute;
        height: 22px;
        left: 34px;
        top: 31px;
    }
    .top .allApplication span {
        font-family: "PingFang SC";
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        color: #375586;
    }
    .top .notice {
        position: absolute;
        height: 22px;
        left: 160px;
        top: 32px;
    }
    .top .notice span {
        font-family: "PingFang SC";
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        color: rgba(10, 10, 10, 0.85);
    }
    .top .more {
        position: absolute;
        height: 16px;
        right: 21px;
        top: 31px;
    }
    .top .more span {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        color: #4790f7;
    }
    .content .content1 {
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        height: 70px;
        left: 0px;
        top: 78px;
        display: flex;
    }
    .content .content2 {
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        height: 729px;
        left: 0px;
        /*top: 148px;*/
        top: 80px;
        background: #FFFFFF;
        padding-left:125px;
    }
    .content .title {
        font-family: "PingFang SC";
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.85);
        position: absolute;
        left: 16px;
        top: 16px;
        right: 14px;
        bottom: 113px;
    }
    .content .time {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: rgba(0, 0, 0, 0.65);
        position: absolute;
        left: 16px;
        top: 61px;
    }
    .content .type {
        font-family: "PingFang SC";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.85);
        position: absolute;
        left: 16px;
        top: 89px;
    }
    .content .toView {
        margin-left: 100px;
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #274e92;
    }
    .content .toProgress {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        color: #274e92;
    }
    .centerLeft2 {
        position: relative;
        margin-top: 20px;
        height: 177px;
        width: 850px;
        border-radius: 0px;
        background: #fff;
    }
    .content .audit {
        position: absolute;
        right: 5%;
    }
    .area {
        position: absolute;
        top: 100px;
    }
    .pag {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .tableTr{

        height:40px;
        width: 98%;
        display: flex;
        align-items: center;
        color: #A0A4AA;

    }
    .tableTd20{
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 9px 20px;
        gap: 4px;
        width: 13%;
        height: 40px;
        background: #F5F7FA;
        border: 1px solid #DCDFE6;
        border-radius: 0px;
        font-family: 'PingFang SC';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        /* identical to box height, or 157% */

        display: flex;
        align-items: center;
        text-align: center;
        font-feature-settings: 'tnum' on, 'lnum' on;
        color: rgba(0, 0, 0, 0.85);

    }
    .tableTd30{
        background: #FFFFFF;
        border: 1px solid #DCDFE6;
        mix-blend-mode: normal;
        width:37%;
        text-align: left;
        height:40px;


        font-family: 'Noto Sans SC';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        display: flex;
        align-items: center;
        font-feature-settings: 'tnum' on, 'lnum' on;
        color: rgba(0, 0, 0, 0.45);
    }
    .tableTd120{
        border: 1px solid #DCDFE6;
        width:87%;
        text-align: left;
        height:40px;
        font-size:15px;

    }
    .tableTd50{
        width:50%;     height:40px;
        text-align: center;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
    }

</style>