dev/dcp-web-gate/src_old/views/NationalregionalCommissions/Nopassdetail.vue

<!-- 委员会申请列表 -->
<template>
    <div class="autoBox box1" style="position: relative; background: #f5f5f5">
        <div class="center" style="margin-top: 20px;height:1447px">
            <div class="left">
                <div class="centerLeft1">
                    <div class="top">
                        <div class="top1"></div>
                        <div class="top2"></div>
                        <div class="allApplication">
              <span >{{
                $t("common.ApplicationDetails")
              }}</span>
                        </div>
                        <div @click="back" class="more">
                            <span>{{ "<" }}{{ $t("common.return") }}</span>
                        </div>
                    </div>
                    <div class="content" >
                        <div class="content2" style="overflow-y:auto;overflow-x:hidden">
                            <div  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">
                                        {{ $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="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">{{ $i18n.locale == 'en' ? 'Application Type ' : '申请类型' }}</div>
                                    <div class="tableTd30" >
                                        <el-select    v-model="applytype" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose' :'请选择'" style="width:300px;margin-left:20px" >
                                            <el-option
                                                    style="width:300px"
                                                    v-for="item in options"
                                                    :key="item.value"
                                                    :label="$i18n.locale == 'en' ?item.label2:item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                    <div class="tableTd20">{{ $i18n.locale == 'en' ? 'Title ' : '标题' }}</div>
                                    <div class="tableTd30">
<!--                                        <span style="margin-left:20px">{{commact_title}}</span>-->
                                        <el-input   v-model="commact_title" :placeholder="this.$i18n.locale == 'en' ? 'Please The Input' :'请输入'"></el-input>
                                    </div>
                                </div>
                                <div class="tableTr" v-if="applytype=='4'">
                                    <div class="tableTd20" >{{ $i18n.locale == 'en' ? 'Work Plans ' : '工作计划' }}</div>
                                    <div class="tableTd120">
                                        <span style="margin-left:20px">{{workPlanSummaryYear}}</span>
                                    </div>
                                </div>
                                <div class="tableTr" v-if="applytype=='6'">
                                    <div class="tableTd20" >{{ $i18n.locale == 'en' ? 'Release Range ' : '发布范围' }}</div>
                                    <div class="tableTd120">
                                        <el-select      v-model="releaseScope" :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" v-if="applytype=='2'">
                                    <div class="tableTd20" >{{ $i18n.locale == 'en' ? 'Receive Committe ' : '接收委员会' }}</div>
                                    <div class="tableTd30" style="overflow-y: auto">
                                        <el-select  multiple   v-model="acceptCommittee" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose' :'请选择'" style="width:300px;margin-left:20px" >
                                            <el-option
                                                    style="width:300px"
                                                    v-for="item in committeeoptions"
                                                    :key="item.value"
                                                    :label="item.label"
                                                    :value="item.value">
                                            </el-option>
                                        </el-select>
                                    </div>
                                    <div class="tableTd20" > {{ $i18n.locale == 'en' ? 'Receiver ' : ' 接收人' }}</div>
                                    <div class="tableTd30" style="overflow-y: auto">
                                        <el-select multiple    v-model="accepter" :placeholder="this.$i18n.locale == 'en' ? 'Please Choose' :'请选择'" 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" 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="content">
                                            </el-input>
                                            <div style="float:right"><span>{{zititotal1}}</span>/200</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
<!--                            <div class="neirong">-->
<!--                               <span>{{ $i18n.locale == 'en' ? 'Content ' : ' 摘要' }}:</span>-->
<!--                            </div>-->
<!--                            <div style="height:auto;width:100%">-->
<!--                                <div class="content_content">{{content}}</div>-->
<!--                            </div>-->


                           <div style="display:flex;margin-top:31px;margin-left:-20px" v-if="applytype!='6'">
                               <div style="width:7%;margin-top:4px">{{ $i18n.locale == 'en' ? 'Body ' : ' 正文' }}:</div>
                               <div style="width:93%">
                                <el-upload
                                           class="upload-demo"
                                           action="/api/nationregioncomittee-service/nrc/nrcApplys/uploadFile"
                                           :on-preview="handlePreview"
                                           :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' ? 'Uploadfile ' : ' 上传文件' }}</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:98px;margin-left:-20px" v-if="applytype!='6'">
                                <div :style="$i18n.locale =='en'? 'width:9%;margin-top:4px':'width:7%;margin-top:4px'">
                                    {{ $i18n.locale == "en" ? "Attachment " : "附件" }}:
                                </div>
                                <div style="width:91%">
                                    <el-upload
                                            class="upload-demo"
                                            action="/api/nationregioncomittee-service/nrc/nrcApplys/uploadFile"
                                            :on-preview="handlePreview1"
                                            :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' ? 'Uploadfile ' : ' 上传文件' }}</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="applytype=='6'">
                                <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:98px;padding-left:20px" v-if="applytype=='6'">
                                <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 class="top3">
                                <div class="top4"></div>
                                <div class="top5"></div>
                                <div class="allApplication1">
                                      <span >{{
                                        $t("common.approval")
                                      }}</span>
                                </div>

                            </div>
                            <div style="margin-top:129px;margin-left:-90px;margin-right:42px;">
                                <el-table
                                        :data="tableData"
                                        :header-cell-style="{background:'#FAFAFA',fontSize: '14px',fontWeight:'600',color:'#000000'}"
                                        stripe
                                        border
                                        style="width: 100%;border: 1px solid rgba(0, 0, 0, 0.1); ">
                                    <el-table-column
                                            align="center"
                                            prop="handleNode"
                                            :label="$i18n.locale === 'zh' ? '环节' : 'Link'">
                                    </el-table-column>
                                    <el-table-column
                                            align="center"
                                            prop="handlerName"
                                            :label="$i18n.locale === 'zh' ? '人员' : 'Personnel'"
                                            width="180">
                                    </el-table-column>
                                    <el-table-column
                                            align="center"
                                            prop="handleTime"
                                            :label="$i18n.locale === 'zh' ? '处理时间' : 'Process Time'"
                                            width="180">
                                    </el-table-column>

                                    <el-table-column
                                            align="center"
                                            prop="handleResult"
                                            :label="$i18n.locale === 'zh' ? '处理结果' : 'Process Result'">
                                    </el-table-column>
                                    <el-table-column
                                            align="center"
                                            prop="handleCondition"
                                            :label="$i18n.locale === 'zh' ? '处理情况' : 'Process State'">
                                    </el-table-column>
                                    <el-table-column
                                            align="center"
                                            prop="handleOpinion"
                                            :label="$i18n.locale === 'zh' ? '处理意见' : 'Process Opinion'">
                                    </el-table-column>
                                </el-table>
                            </div>

                            <div style="margin-top:170px;margin-bottom:30px;display:flex">
                                <div class="submit" @click="savemessage">{{ $i18n.locale == 'en' ? 'Save  ' : ' 保存' }}</div>
                                <div class="submit2" @click="submit">{{ $i18n.locale == 'en' ? 'ToSubmit  ' : ' 再次提交' }}</div>
                                <div class="cancel" @click="close">{{ $i18n.locale == 'en' ? 'Close  ' : ' 关闭' }}</div>
                            </div>

                        </div>

                    </div>

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

</template>
<script>
    import Screen from "@/components/screen";
    import {getcommittee1,getwaitdetail,uploadfile,getwaitacceser,editwaitapply,editwaittijiao} from '@/api/committee/nrc';
    export default {
        name: "Nopassdetail",
        props: ["detailids","flag","logo"],
        components: {
            Screen,
        },
        data() {
            return {
                tableData:[
                ],
                    content_title:'研讨会',
                content_content:'贝克莱主席指出，为了实现预期的目标，非洲国家需要动员能源，扩大合作，促进电力连接和整合，提升能源领域的全球竞争力，并遵守2030年联合国和非盟的2063年议程。作为一个成员国，埃塞俄比亚正在推动跨境基础设施的发展，建立电力互联设施，并开发可再生能源，推动区域合作与一体化。',
                options4:[
                  {
                    label: "网站公开",
                    label2: "Site Public",
                    value: "网站公开"},
                  {
                    label: "委员会内部",
                    label2: "Committee Internal",
                    value: "委员会内部"},
                ],
                options: [{
                  label: "活动方案",
                  label2: "Programme Of Committee Activities",
                  value: "1"},
                  {
                    label: "公文",
                    label2: "Document",
                    value: "5"},
                  {
                    label: "工作计划/总结",
                    label2: "Work Plan/Summary",
                    value: "4"},
                  {
                    label: "资料发布",
                    label2: "Data Release",
                    value: "6"},
                  {
                    label: "意见建议",
                    label2: "Opinion Suggestion",
                    value: "2"}],
                finished:false,
                areadeal1:false,
                zititotal1:0,
                areadeal2:false,
                activeName:'first',
                advice_personoption:[],
                committeeoptions:[],
                accepter:undefined,//接收人
                acceptCommittee:undefined,//接收委员会
                applytype:undefined,//4.工作计划
                applytype1:undefined,
                releaseScope:undefined,//发布范围
                workPlanSummaryYear:undefined,//工作计划
                handleNode:undefined,
                files:[],
                id:undefined,
                reserveone_s:undefined,
                applyStatus:undefined,
                frontOrBack:undefined,//前台还是后台
                filename:[],
                filename1:[],
                filename2: [],
                filename3: [],
                status:undefined,//状态
                fileList:[],
                fileList1:[],
                fileList2: [],
                fileList3: [],
                filepath:undefined,
                filepath1:undefined,
                globalReadonly:true,
                applyname:undefined,
                applynumber:undefined,//申请编号
                applytime:undefined,//申请时间
                commact_committee:undefined,//委员会id
                commact_committee_name:undefined,//委员会名字
                commact_committee_name_en:undefined,//委员会名字
                content:undefined,//内容
                commact_title:undefined,//标题
                defaultProps: {
                    children: "param",
                    label: "name",
                },

                defaultShowNodes:[],
                refresh:1,

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

            };
        },
        watch: {
            "$i18n.locale"() {
              this.tableData.forEach(item=>{
                if(this.$i18n.locale=='en'){
                  if(item.handleNode=="申请人修改"){
                    item.handleNode="Applicant Modification";
                  }
                  if(item.handleNode=="区域秘书处审核"){
                    item.handleNode="Regional Secretariat Review";
                  }
                  if(item.handleNode=="总部流转"){
                    item.handleNode="Headquarters Processing";
                  }
                  if(item.handleNode=="秘书处修改"){
                    item.handleNode="Secretariat  Modification";
                  }
                  if(item.handleCondition=="发起申请"){
                    item.handleCondition="Create Apply";
                  }
                  if(item.handleCondition=="对内容进行了修改"){
                    item.handleCondition="Modified content";
                  }
                  if(item.handleResult=="驳回"){
                    item.handleResult="Reject";
                  }
                  if(item.handleResult=="通过"){
                    item.handleResult="Pass";
                  }
                }else {
                  if(item.handleNode=="Applicant Modification"){
                    item.handleNode="申请人修改";
                  }
                  if(item.handleNode=="Regional Secretariat Review"){
                    item.handleNode="区域秘书处审核";
                  }
                  if(item.handleNode=="Headquarters Processing"){
                    item.handleNode="总部流转";
                  }
                  if(item.handleNode=="Secretariat  Modification"){
                    item.handleNode="秘书处修改";
                  }
                  if(item.handleCondition=="Create Apply"){
                    item.handleCondition="发起申请";
                  }
                  if(item.handleCondition=="Modified content"){
                    item.handleCondition="对内容进行了修改";
                  }
                  if(item.handleResult=="Reject"){
                    item.handleResult="驳回";
                  }
                  if(item.handleResult=="Pass"){
                    item.handleResult="通过";
                  }
                }
              })
            },
            content(){
                console.log(this.commact_content.length)
                if(this.commact_content.length>200){
                    this.$message.error('不能超过200个字')
                }
                this.zititotal=this.commact_content.length
            },
            CountryId() {},
            acceptCommittee(newVal,oldVal){
                if(this.acceptCommittee.length!=0){
                    let aa=''
                    this.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=[]
                }

            },
        },
        updated(){

        },
        mounted() {
            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.committeeoptions.push(obj)
              }
            })
            getwaitdetail(this.detailids).then(res => {
                this.applyname = res.data.nrcApply.applyPeopleName;
                this.applynumber = res.data.nrcApply.applyNumber
                this.applytime = res.data.nrcApply.createDate
                this.content = res.data.nrcApply.abstractInfo
                this.zititotal1 = res.data.nrcApply.abstractInfo.length
                this.applytype = res.data.nrcApply.applyType
                this.applyStatus=res.data.nrcApply.applyStatus
                this.commact_title=res.data.nrcApply.title
                this.commact_committee=res.data.nrcApply.belongCommittee
                this.commact_committee_name=res.data.nrcApply.belongCommitteeName
                this.commact_committee_name_en=res.data.nrcApply.belongCommitteeNameEn
                this.tableData=res.data.nrcApprovalHistorys
                this.reserveone_s=res.data.nrcApply.reserveOne
                this.releaseScope = res.data.nrcApply.releaseScope;
                if(res.data.nrcApply.workPlanSummaryYear){
                    this.workPlanSummaryYear=res.data.nrcApply.workPlanSummaryYear
                }

                let arr = res.data.nrcApply.acceptCommittee
                let arr2 = res.data.nrcApply.accepter
                let arry = undefined;
                if(arr != null && arr != undefined){
                    arry = arr.split(" ");
                }
                let arry1 = [];
                // 获取接收委员会
                if(arry != undefined && arry != null && arry != "" && arry.length > 0){
                    for (let i = 0; i < this.committeeoptions.length; i++) {
                        for (let j = 0; j < arry.length; j++) {
                            if(arry[j] == this.committeeoptions[i].label){
                                arry1.push(this.committeeoptions[i].value);
                            }
                        }
                    }
                    this.acceptCommittee = arry1;
                    let aa=''
                    this.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)
                        }

                        let arry2 = arr2.split(" ");
                        let arry3 = [];
                        if(arry2 != undefined && arry2 != null && arry2 != "" && arry2.length > 0){
                            for (let i = 0; i < this.advice_personoption.length; i++) {
                                for (let j = 0; j < arry2.length; j++) {
                                    if(arry2[j] == this.advice_personoption[i].label){
                                        arry3.push(this.advice_personoption[i].value);
                                    }
                                }
                            }
                            this.accepter = arry3;
                        }
                    })
                }



                this.tableData.forEach(item=>{
                    if(item.handleCondition==''||item.handleCondition==undefined){
                        item.handleCondition='--'
                    }
                    if(this.$i18n.locale=='en'){
                      if(item.handleNode=="申请人修改"){
                        item.handleNode="Applicant Modification";
                      }
                      if(item.handleNode=="区域秘书处审核"){
                        item.handleNode="Regional Secretariat Review";
                      }
                      if(item.handleNode=="总部流转"){
                        item.handleNode="Headquarters Processing";
                      }
                      if(item.handleNode=="秘书处修改"){
                        item.handleNode="Secretariat  Modification";
                      }
                      if(item.handleCondition=="发起申请"){
                        item.handleCondition="Create Apply";
                      }
                      if(item.handleCondition=="对内容进行了修改"){
                        item.handleCondition="Modified content";
                      }
                      if(item.handleResult=="驳回"){
                        item.handleResult="Reject";
                      }
                      if(item.handleResult=="通过"){
                        item.handleResult="Pass";
                      }
                    }

                })
                if(this.applytype == 6){
                    if (res.data.files) {
                        res.data.files.forEach((item) => {
                            if (item.type == "2") {
                                let obj = {};
                                obj.name = item.fileNameDisplay;
                                obj.url = item.filePath;
                                obj.type = item.type;
                                this.fileList2.push(obj);
                            }
                            if (item.type == "5") {
                                let obj = {};
                                obj.name = item.fileNameDisplay;
                                obj.url = item.filePath;
                                obj.type = item.type;
                                this.fileList3.push(obj);
                            }
                        });
                    }
                }else {
                    if (res.data.files) {
                        (res.data.files).forEach(item => {
                            if (item.type == '2') {
                                let obj = {}
                                obj.name = item.fileNameDisplay
                                obj.url = item.filePath
                                obj.type = item.type
                                this.fileList.push(obj)
                            }
                            if (item.type == '3') {
                                let obj = {}
                                obj.name = item.fileNameDisplay
                                obj.url = item.filePath
                                obj.type = item.type
                                this.fileList1.push(obj)
                            }
                        })
                    }
                }
            })
            /*this.applyname=this.$store.state.user.user.realName
            this.applytime=this.getNowFormatDate()*/
        },
        destroyed() {},
        methods: {
            handleCurrentChange() {},
            back() {
                if(this.flag==1){
                    var params = {
                        name: "workspace",
                        type: false,
                    };
                    this.$emit("applicationType", params);
                }
                if(this.flag==2){
                    if(this.logo == "my"){
                        var params = {
                            name: "application",
                            type: true,
                        };
                        this.$emit("applicationType", params);
                    }else {
                        var params = {
                            name: "application",
                            type: false,
                        };
                        this.$emit("applicationType", params);
                    }

                }
            },
            screenBack() {},
            savemessage(){
                let file=[]
                if(this.filename){
                    this.filename.forEach(item=>{
                        let obj={}
                        obj.fileNameDisplay=item.fileNameDisplay
                        obj.filePath=item.filePath
                        obj.type=item.type
                        file.push(obj)
                    })

                }
                if(this.filename1){
                    this.filename1.forEach(item=>{
                        let obj={}
                        obj.fileNameDisplay=item.fileNameDisplay
                        obj.filePath=item.filePath
                        obj.type=item.type
                        file.push(obj)
                    })
                }
                if (this.filename2) {
                    this.filename2.forEach((item) => {
                        let obj = {};
                        obj.fileNameDisplay = item.fileNameDisplay;
                        obj.filePath = item.filePath;
                        obj.type = item.type;
                        file.push(obj);
                    });
                }
                if (this.filename3) {
                    this.filename3.forEach((item) => {
                        let obj = {};
                        obj.fileNameDisplay = item.fileNameDisplay;
                        obj.filePath = item.filePath;
                        obj.type = item.type;
                        file.push(obj);
                    });
                }
                if (this.fileList) {
                    this.fileList.forEach(item=>{
                        let obj = {}
                        obj.fileNameDisplay =item.name
                        obj.filePath =item.url
                        obj.type =item.type
                        file.push(obj)
                    })

                }
                if (this.fileList1) {
                    this.fileList1.forEach(item=>{
                        let obj = {}
                        obj.fileNameDisplay =item.name
                        obj.filePath =item.url
                        obj.type =item.type
                        file.push(obj)
                    })

                }
                if (this.fileList2) {
                    this.fileList2.forEach((item) => {
                        let obj = {};
                        obj.fileNameDisplay = item.name;
                        obj.filePath = item.url;
                        obj.type = item.type;
                        file.push(obj);
                    });
                }
                if (this.fileList3) {
                    this.fileList3.forEach((item) => {
                        let obj = {};
                        obj.fileNameDisplay = item.name;
                        obj.filePath = item.url;
                        obj.type = item.type;
                        file.push(obj);
                    });
                }
                if(this.applytype==1){
                    let params={
                        id:this.detailids,
                        // approver:this.reserveOne,
                        applyType:this.applytype,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.commact_title,
                        abstractInfo:this.content,
                        belongCommittee:this.commact_committee,
                        frontOrBack:2,
                        statusDict:7,
                        files:file
                    }
                    this.editwaitapplys(params)
                }
                if(this.applytype==5){
                    let params={
                        id:this.detailids,
                        // approver:this.reserveOne,
                        applyType:this.applytype,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.commact_title,
                        abstractInfo:this.content,
                        frontOrBack:2,
                        belongCommittee:this.commact_committee,
                        statusDict:7,
                        files:file

                    }
                    this.editwaitapplys(params)
                }
                if(this.applytype==4){
                    let params={
                        id:this.detailids,
                        // approver:this.reserveOne,
                        applyType:this.applytype,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.commact_title,
                        abstractInfo:this.content,
                        frontOrBack:2,
                        belongCommittee:this.commact_committee,
                        workPlanSummaryYear:this.workPlanSummaryYear?(this.getNowFormatDate1(this.workPlanSummaryYear)):this.workPlanSummaryYear,
                        statusDict:7,
                        files:file
                    }
                    this.editwaitapplys(params)
                }
                if(this.applytype==6){
                    if(file.length <= 1){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a Text and Annexes');
                        }else {
                            this.$message.error('请选择正文和附件');
                        }
                        return;
                    }
                    let params={
                        id:this.detailids,
                        // approver:this.reserveOne,
                        applyType:this.applytype,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.commact_title,
                        frontOrBack:2,
                        abstractInfo:this.content,
                        belongCommittee:this.commact_committee,
                        statusDict:7,
                        releaseScope:this.releaseScope,
                        files:file
                    }
                    this.editwaitapplys(params)
                }
                if(this.applytype==2){
                    let adviceperson=''
                    if(this.accepter){
                        this.accepter.forEach(item=>{
                            adviceperson+=','+item+','
                        })
                    }
                    let adviceacceptcommittee=''
                    if(this.acceptCommittee){
                        this.acceptCommittee.forEach(item=>{
                            adviceacceptcommittee+=','+item+','
                        })
                    }
                    let params={
                        id:this.detailids,
                        applyType:this.applytype,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.commact_title,
                        frontOrBack:2,
                        abstractInfo:this.content,
                        acceptCommittee:adviceacceptcommittee,
                        belongCommittee:this.commact_committee,
                        accepter:adviceperson,
                        statusDict:7,
                        files:file
                    }
                    this.editwaitapplys(params)
                }

            },
            submit(){
                let aa=''
                let newArr=[]
                if(this.reserveone_s){
                    var arrays=(this.reserveone_s).split(",")
                    arrays.forEach(item=>{
                        if(item){
                            newArr.push(item)
                        }
                    })
                    newArr.forEach(item=>{
                        aa+=item+','
                    })
                }

                aa = aa.substr(0, aa.length - 1);
                if(this.applyStatus==11 || this.applyStatus==9){
                    this.applyStatus=6
                }
                if(this.applyStatus==10){
                    this.applyStatus=7
                }
                let file=[]
                if(this.filename){
                    this.filename.forEach(item=>{
                        let obj={}
                        obj.fileNameDisplay=item.fileNameDisplay
                        obj.filePath=item.filePath
                        obj.type=item.type
                        file.push(obj)
                    })

                }
                if(this.filename1){
                    this.filename1.forEach(item=>{
                        let obj={}
                        obj.fileNameDisplay=item.fileNameDisplay
                        obj.filePath=item.filePath
                        obj.type=item.type
                        file.push(obj)
                    })
                }
                if (this.filename2) {
                    this.filename2.forEach((item) => {
                        let obj = {};
                        obj.fileNameDisplay = item.fileNameDisplay;
                        obj.filePath = item.filePath;
                        obj.type = item.type;
                        file.push(obj);
                    });
                }
                if (this.filename3) {
                    this.filename3.forEach((item) => {
                        let obj = {};
                        obj.fileNameDisplay = item.fileNameDisplay;
                        obj.filePath = item.filePath;
                        obj.type = item.type;
                        file.push(obj);
                    });
                }
                if (this.fileList) {
                    this.fileList.forEach(item=>{
                        let obj = {}
                        obj.fileNameDisplay =item.name
                        obj.filePath =item.url
                        obj.type =item.type
                        file.push(obj)
                    })
                }
                if (this.fileList1) {
                    this.fileList1.forEach(item=>{
                        let obj = {}
                        obj.fileNameDisplay =item.name
                        obj.filePath =item.url
                        obj.type =item.type
                        file.push(obj)
                    })
                }
                if (this.fileList2) {
                    this.fileList2.forEach((item) => {
                        let obj = {};
                        obj.fileNameDisplay = item.name;
                        obj.filePath = item.url;
                        obj.type = item.type;
                        file.push(obj);
                    });
                }
                if (this.fileList3) {
                    this.fileList3.forEach((item) => {
                        let obj = {};
                        obj.fileNameDisplay = item.name;
                        obj.filePath = item.url;
                        obj.type = item.type;
                        file.push(obj);
                    });
                }
                if(this.applytype==1){
                    if(this.commact_title==''||this.commact_title==undefined){
                        this.$message.error('请输入标题')
                    }
                    let params={
                        id:this.detailids,
                        applyType:this.applytype,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.commact_title,
                        abstractInfo:this.content,
                        belongCommittee:this.commact_committee,
                        statusDict:7,
                        applyStatus:this.applyStatus,
                        approver:aa,
                        frontOrBack:2,
                        files:file
                    }
                    this.editwaitapplys(params)
                }
                if(this.applytype==5){
                    let params={
                        id:this.detailids,
                        applyType:this.applytype,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.commact_title,
                        abstractInfo:this.content,
                        belongCommittee:this.commact_committee,
                        statusDict:7,
                        frontOrBack:2,
                        // approver:this.reserveOne,
                        applyStatus:this.applyStatus,
                        files:file,
                        approver:aa

                    }
                    this.editwaitapplys(params)
                }
                if(this.applytype==4){
                    let params={
                        approver:aa,
                        id:this.detailids,
                        applyType:this.applytype,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.commact_title,
                        abstractInfo:this.content,
                        // approver:this.reserveOne,
                        belongCommittee:this.commact_committee,
                        workPlanSummaryYear:this.workPlanSummaryYear?(this.getNowFormatDate1(this.workPlanSummaryYear)):this.workPlanSummaryYear,
                        statusDict:7,
                        frontOrBack:2,
                        applyStatus:this.applyStatus,
                        files:file
                    }
                    this.editwaitapplys(params)
                }
                if(this.applytype==6){
                    if(file.length <= 1){
                        if(this.$i18n.locale == "en"){
                            this.$message.error('Please select a Text and Annexes');
                        }else {
                            this.$message.error('请选择正文和附件');
                        }
                        return;
                    }
                    let params={
                        approver:aa,
                        id:this.detailids,
                        applyType:this.applytype,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.commact_title,
                        abstractInfo:this.content,
                        belongCommittee:this.commact_committee,
                        statusDict:7,
                        frontOrBack:2,
                        // approver:this.reserveOne,
                        applyStatus:this.applyStatus,
                        releaseScope:this.releaseScope,
                        files:file
                    }
                    this.editwaitapplys(params)
                }
                if(this.applytype==2){
                    let adviceperson=''
                    if(this.accepter){
                        this.accepter.forEach(item=>{
                            adviceperson+=','+item+','
                        })
                    }
                    let adviceacceptcommittee=''
                    if(this.acceptCommittee){
                        this.acceptCommittee.forEach(item=>{
                            adviceacceptcommittee+=','+item+','
                        })
                    }
                    let params={
                        approver:aa,
                        id:this.detailids,
                        applyType:this.applytype,
                        applyPeople:this.applyname,
                        applyNumber:this.applynumber,
                        applyTime:this.applytime,
                        title:this.commact_title,
                        abstractInfo:this.content,
                        // approver:this.reserveOne,
                        acceptCommittee:adviceacceptcommittee,
                        belongCommittee:this.commact_committee,
                        applyStatus:this.applyStatus,
                        accepter:adviceperson,
                        statusDict:7,
                        frontOrBack:2,
                        files:file
                    }
                    this.editwaitapplys(params)
                }

            },
            editwaitapplys(data){
                editwaitapply(data).then(res=>{
                    if(res.status=='200'){
                      if (this.$i18n.locale.toUpperCase() == 'ZH') {
                        alert('保存成功')
                      }else{
                        alert('Saved successfully')
                      }

                        if(this.flag==1){
                            var params = {
                                name: "workspace",
                                type: false,
                            };
                            this.$emit("applicationType", params);
                        }
                        if(this.flag==2){
                            if(this.logo == "my"){
                                var params = {
                                    name: "application",
                                    type: true,
                                };
                                this.$emit("applicationType", params);
                            }else {
                                var params = {
                                    name: "application",
                                    type: false,
                                };
                                this.$emit("applicationType", params);
                            }
                        }
                    }
                })
            },
            close(){
                if(this.flag==1){
                    var params = {
                        name: "workspace",
                        type: false,
                    };
                    this.$emit("applicationType", params);
                }
                if(this.flag==2){
                    if(this.logo == "my"){
                        var params = {
                            name: "application",
                            type: true,
                        };
                        this.$emit("applicationType", params);
                    }else {
                        var params = {
                            name: "application",
                            type: false,
                        };
                        this.$emit("applicationType", params);
                    }

                }
            },
            handleAvatarSuccessAnnex(res, file) {
                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) {
                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) {
                    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() == 'ZH') {
                        this.$message({
                            message: '上传文件大小不能超过10M!',
                            type: 'error'
                        });
                    } else {
                        this.$message({
                            message: 'Upload file size cannot exceed 10m!',
                            type: 'error'
                        });
                    }
                    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'
                        });
                    }
                    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;
                }
            },
            handleRemove(file, fileList) {
                console.log(file, fileList);
                this.filename.forEach((item,index)=>{
                    if(file.name==item.fileNameDisplay){
                        this.filename.splice(index,1)
                    }
                })
                this.fileList.forEach((item,index)=>{
                    if(file.name==item.name){
                        this.fileList.splice(index,1)
                    }

                })
                console.log(this.filename)
            },
            handlePreview(file, fileList) {
                console.log(file, fileList);
                let param={
                    fileName:file.name,
                    filePath:file.url
                }
                uploadfile(param).then(res=>{
                    const content = res
                    if(content){
                        const blob = new Blob([content])//构造一个blob对象来处理数据
                        const fileName = decodeURIComponent(res.fileName)
                        //对于<a>标签，只有 Firefox 和 Chrome（内核） 支持 download 属性
                        //IE10以上支持blob但是依然不支持download
                        if ('download' in document.createElement('a')) { //支持a标签download的浏览器
                            const link = document.createElement('a')//创建a标签
                            link.download = file.name//a标签添加属性
                            link.style.display = 'none'
                            link.href = URL.createObjectURL(blob)
                            document.body.appendChild(link)
                            link.click()//执行下载
                            URL.revokeObjectURL(link.href) //释放url
                            document.body.removeChild(link)//释放标签
                        } else { //其他浏览器
                            navigator.msSaveBlob(blob, fileName)
                        }

                    }else{
                        this.$message.error('服务器繁忙');
                    }



                })

            },
            handlePreview1(file, fileList) {
                console.log(file, fileList);
                let param={
                    fileName:file.name,
                    filePath:file.url
                }
                uploadfile(param).then(res=>{
                    const content = res
                    if(content){
                        const blob = new Blob([content])//构造一个blob对象来处理数据
                        const fileName = decodeURIComponent(res.fileName)
                        //对于<a>标签，只有 Firefox 和 Chrome（内核） 支持 download 属性
                        //IE10以上支持blob但是依然不支持download
                        if ('download' in document.createElement('a')) { //支持a标签download的浏览器
                            const link = document.createElement('a')//创建a标签
                            link.download = file.name//a标签添加属性
                            link.style.display = 'none'
                            link.href = URL.createObjectURL(blob)
                            document.body.appendChild(link)
                            link.click()//执行下载
                            URL.revokeObjectURL(link.href) //释放url
                            document.body.removeChild(link)//释放标签
                        } else { //其他浏览器
                            navigator.msSaveBlob(blob, fileName)
                        }

                    }else{
                        this.$message.error('服务器繁忙');
                    }



                })
            },
            handleRemove1(file, fileList) {
                console.log(file, fileList);
                this.filename1.forEach((item,index)=>{
                    if(file.name==item.fileNameDisplay){
                        this.filename1.splice(index,1)
                    }
                })
                this.fileList1.forEach((item,index)=>{
                    if(file.name==item.name){
                        this.fileList1.splice(index,1)
                    }

                })
                console.log(this.filename1)
            },
            handleRemove2(file, fileList) {
                this.filename2.forEach((item,index)=>{
                    if(file.name==item.fileNameDisplay){
                        this.filename2.splice(index,1)
                    }
                });

                this.fileList2.forEach((item,index)=>{
                    if(file.name==item.name){
                        this.fileList2.splice(index,1)
                    }
                });
            },
            handleRemove3(file, fileList) {
                this.filename3.forEach((item,index)=>{
                    if(file.name==item.fileNameDisplay){
                        this.filename3.splice(index,1)
                    }
                });

                this.fileList3.forEach((item,index)=>{
                    if(file.name==item.name){
                        this.fileList3.splice(index,1)
                    }
                });
            },
            handleExceed(files, fileList) {
                if (this.$i18n.locale.toUpperCase() == 'EN') {
                    this.$message.warning(`Limit the selection to 3 file，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 3 file，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() == "ZH") {
                    return this.$confirm(`确定移除 ${file.name}？`);
                }else{
                    return this.$confirm(`Are you sure you want to remove ${file.name}？`);
                }
            },
            beforeRemove1(file, fileList) {
                if (this.$i18n.locale.toUpperCase() == "ZH") {
                    return this.$confirm(`确定移除 ${file.name}？`);
                }else{
                    return this.$confirm(`Are you sure you want to remove ${file.name}？`);
                }
            },
            beforeRemove2(file, fileList) {
                if (this.$i18n.locale.toUpperCase() == "ZH") {
                    return this.$confirm(`确定移除 ${file.name}？`);
                }else{
                    return this.$confirm(`Are you sure you want to remove ${file.name}？`);
                }
            },
            beforeRemove3(file, fileList) {
                if (this.$i18n.locale.toUpperCase() == "ZH") {
                    return this.$confirm(`确定移除 ${file.name}？`);
                }else{
                    return this.$confirm(`Are you sure you want to remove ${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>
::v-deep .el-upload-list__item-name {
  color: #4790f7;
  text-decoration: underline;
}

/deep/ .el-upload-list__item.is-success.focusing .el-icon-close-tip {
    display: none !important;
}

    /deep/ .el-table .el-table__cell.is-center{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0, 0, 0, 0.85);
    }
   /deep/ .el-upload-list__item {
        width: 299px;
    }
   .content_title{
       padding-left:316px;
       width: 1087px;
       height: 26px;
       font-family: 'PingFang SC';
       font-style: normal;
       font-weight: 500;
       font-size: 20px;
       line-height: 22px;
       /* or 110% */
       display: flex;
       align-items: center;
       text-align: center;
       text-indent: 30px;
       font-feature-settings: 'tnum' on, 'lnum' on;
       color: rgba(0, 0, 0, 0.85);
   }
   .content_content{
       width: 1018px;
       height: auto;

       font-family: 'PingFang SC';
       font-style: normal;
       font-weight: 400;
       font-size: 14px;
       line-height: 25px;
       /* or 179% */

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

       color: rgba(0, 0, 0, 0.65);

   }
   .neirong{
       margin-top:64px;
       height:26px;
       margin-left:-50px;
       font-family: 'PingFang SC';
       font-style: normal;
       font-weight: 400;
       font-size: 16px;
       line-height: 0px;
       /* or 0% */
       display: flex;
       align-items: center;
       text-indent: 30px;
       font-feature-settings: 'tnum' on, 'lnum' on;
       color: rgba(0, 0, 0, 0.95);
   }
    .submit{
        box-sizing: border-box;
        width: 120px;
        height: 40px;
        margin-left: 294px;

        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;
    }
    .submit2{
        box-sizing: border-box;
        width: 120px;
        height: 40px;
        margin-left: 42px;

        width: 120px;
        height: 40px;
        padding-left:32px;

        background: #E6973A;
        border: 1px solid #E6973A;
        border-radius: 4px;
        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;

        /* Neutral Color/White */

        color: #FFFFFF;
        cursor:pointer;
        /* Neutral Color/White */

        color: #FFFFFF;
    }
    .cancel{
        box-sizing: border-box;
        width: 120px;
        height: 40px;
        margin-left: 42px;
        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;
        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:13px;

    }
    .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;
    }


   .top3 .top4 {
       margin-top:84px;
       position: absolute;
       width: 5.5px;
       height: 10.5px;
       left: 20px;

       background: #376ac7;
       z-index: 1;
   }
   .top3 .top5 {
       margin-top:84px;
       position: absolute;
       width: 5.5px;
       height: 15px;
       left: 20px;

       background: #83bd50;
   }
   .top3 .allApplication1 {
       position: absolute;
       height: 22px;
       left: 34px;
       margin-top:80px;

   }
   .top3 .allApplication1 span {
       font-family: "PingFang SC";
       font-style: normal;
       font-weight: 600;
       font-size: 16px;
       line-height: 22px;
       color: #375586;
   }
    .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;
    }
    .content .content2 {
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        height: 1397px;
        left: 0px;
        top: 50px;
        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>