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

<!-- 委员会申请列表 -->
<template>
    <div class="autoBox box1" style="position: relative; background: #f5f5f5">
        <div class="center" style="margin-top: 20px;height:1362px">
            <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">
                                      <span style="margin-left:20px">{{ $i18n.locale == 'en' ? commact_committee_en : commact_committee }}</span>
                                    </div>
                                </div>

                                <div class="tableTr">
                                    <div class="tableTd20">{{ $i18n.locale == 'en' ? 'Application Type ' : '申请类型' }}</div>
                                    <div class="tableTd30" >
                                        <span style="margin-left:20px">{{applytype1}}</span>
                                    </div>
                                    <div class="tableTd20">{{ $i18n.locale == 'en' ? 'Title ' : '标题' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{commact_title}}</span>
                                    </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">
                                        <span style="margin-left:20px;">{{releaseScope}}</span>
                                    </div>
                                </div>
                                <div class="tableTr" v-if="applytype=='2'">
                                    <div class="tableTd20" >{{ $i18n.locale == 'en' ? 'Receive Committe ' : '接收委员会' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{acceptCommittee}}</span>
                                    </div>
                                    <div class="tableTd20" >{{ $i18n.locale == 'en' ? 'Receiver ' : ' 接收人' }}</div>
                                    <div class="tableTd30">
                                        <span style="margin-left:20px">{{accepter}}</span>
                                    </div>
                                </div>

                            </div>
                            <div class="neirong">
                               <span>{{ $i18n.locale == 'en' ? 'Content ' : ' 摘要' }}:</span>
                            </div>
                            <div style="height:auto;width:100%">
                               <!-- <div class="content_title">{{content_title}}</div>-->
                                <div class="content_content">{{content}}</div>
                            </div>

                           <div style="display:flex;margin-top:31px;margin-left:-20px" >
                               <div :style="this.$i18n.locale == 'en' ?'width:11%;':''">{{ $i18n.locale == 'en' ? 'Body ' : ' 正文' }}:</div>
                               <div style="width:93%">
                                <el-upload
                                           class="upload-demo"
                                           disabled
                                           action="/api/nationregioncomittee-service/nrc/nrcCommitteeDocumentAnnouncements/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">
                                <div :style="this.$i18n.locale == 'en' ?'width:11%;':''">{{ $i18n.locale == 'en' ? 'Attachment ' : '附件' }}:</div>
                                <div style="width:89%">
                                    <el-upload
                                            class="upload-demo"
                                            action="/api/nationregioncomittee-service/nrc/nrcCommitteeDocumentAnnouncements/uploadFile"
                                            :on-preview="handlePreview1"
                                            disabled
                                            :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 :doc :docx: PDF. The size of a single file cannot exceed 4MB ' : ' 支持扩展名：doc :docx :pdf,单个文件大小不超过4MB' }}</div> -->
                                    </el-upload>
                                </div>
                            </div>
                            <div class="top3">
                                <div class="top4"></div>
                                <div class="top5"></div>
                                <div class="allApplication1">
                                      <span v-if="!isDistinguish">{{
                                        $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:114px;margin-bottom:30px;display:flex">
                                <div class="submit" @click="close">{{ $i18n.locale == 'en' ? 'Close  ' : ' 关闭' }}</div>
                            </div>

                        </div>

                    </div>

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

</template>
<script>
    import Screen from "@/components/screen";
    import {getwaitdetail,getcommittee1,getwaitacceser,editwaitapply,editwaittijiao,uploadfile} from '@/api/committee/nrc';

    export default {
        name: "Approvalfinish",
        props: ["detailids","flag","logo"],
        components: {
            Screen,
        },
        data() {
            return {
                tableData:[
                    // {handleNode:'总部审批',createDate:'2021-09-11',handlerName:'超级管理员',handleTime:'2022-09-11',handleResult:'你好呀',handleCondition:'嗯嗯',handleOpinion:'hahaR'}

                ],

                    content_title:'研讨会',
                content_content:'贝克莱主席指出，为了实现预期的目标，非洲国家需要动员能源，扩大合作，促进电力连接和整合，提升能源领域的全球竞争力，并遵守2030年联合国和非盟的2063年议程。作为一个成员国，埃塞俄比亚正在推动跨境基础设施的发展，建立电力互联设施，并开发可再生能源，推动区域合作与一体化。',

                options: [ {
                    label: "活动方案",
                    value: "1"},
                    {
                        label: "公文",
                        value: "5"},
                    {
                        label: "工作计划/总结",
                        value: "4"},
                    {
                        label: "资料发布",
                        value: "6"},
                    {
                        label: "意见建议",
                        value: "2"},],
                finished:false,
                areadeal1:false,
                areadeal2:false,
                activeName:'first',
                accepter:undefined,//接收人
                acceptCommittee:undefined,//接收委员会
                applytype:undefined,//4.工作计划
                applytype1:undefined,
                releaseScope:undefined,//发布范围
                workPlanSummaryYear:undefined,//工作计划
                handleNode:undefined,
                files:[],
                id:undefined,
                applyStatus:undefined,
                frontOrBack:undefined,//前台还是后台
                filename:undefined,
                filename1:undefined,
                filename2:undefined,
                status:undefined,//状态
                fileList:[],
                fileList1:[],
                filepath:undefined,
                filepath1:undefined,
                globalReadonly:true,
                applyname:undefined,
                applynumber:undefined,//申请编号
                applytime:undefined,//申请时间
                commact_committee:undefined,//委员会
              commact_committee_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="通过";
                  }
                }
              })

                if(this.$i18n.locale == 'en'){
                  if(this.applytype1=='活动方案'){
                    this.applytype1='Activity Plan'
                  }
                  if(this.applytype1=='意见与建议'){
                    this.applytype1='Comments And Suggestions'
                  }
                  if(this.applytype1=='工作计划/总结'){
                    this.applytype1='Work Plan/ Conclusion'
                  }
                  if(this.applytype1=='公文'){
                    this.applytype1='Document'
                  }
                  if(this.applytype1=='资料发布'){
                    this.applytype1='Data release'
                  }
                }else{
                  if(this.applytype1=='Activity Plan'){
                    this.applytype1='活动方案'
                  }
                  if(this.applytype1=='Comments And Suggestions'){
                    this.applytype1='意见与建议'
                  }
                  if(this.applytype1=='Work Plan/ Conclusion'){
                    this.applytype1='工作计划/总结'
                  }
                  if(this.applytype1=='Document'){
                    this.applytype1='公文'
                  }
                  if(this.applytype1=='Data release'){
                    this.applytype1='资料发布'
                  }
                }

            },
            CountryId() {},
        },
        updated(){

        },
        mounted() {
            console.log(this.detailids)
            getwaitdetail(this.detailids).then(res => {
                this.releaseScope = res.data.nrcApply.releaseScope;
                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.applytype = res.data.nrcApply.applyType
                this.applyStatus=res.data.nrcApply.applyStatus
                this.reserveOne=res.data.nrcApply.reserveOne
                this.commact_title=res.data.nrcApply.title
                if(res.data.nrcApply.workPlanSummaryYear){
                    this.workPlanSummaryYear=res.data.nrcApply.workPlanSummaryYear
                }
                if(res.data.nrcApply.acceptCommittee){
                    if(this.$i18n.locale == 'en'){
                        this.acceptCommittee=res.data.nrcApply.acceptCommitteeEn
                    }else{
                        this.acceptCommittee=res.data.nrcApply.acceptCommittee
                    }
                }
                if(res.data.nrcApply.accepter){
                    this.accepter=res.data.nrcApply.accepter
                }
              this.tableData=res.data.nrcApprovalHistorys
              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";
                  }
                }

              })
                // this.commact_committee=res.data.nrcApply.belongCommitteeName
                this.commact_committee=res.data.nrcApply.belongCommitteeName
                this.commact_committee_en=res.data.nrcApply.belongCommitteeNameEn
              if(res.data.nrcApply.applyType=='1'){
                if(this.$i18n.locale == 'en'){
                  this.applytype1='Activity Plan'
                }else{
                  this.applytype1='活动方案'
                }

              }
              if(res.data.nrcApply.applyType=='2'){
                if(this.$i18n.locale == 'en'){
                  this.applytype1='Comments And Suggestions'
                }else{
                  this.applytype1='意见与建议'
                }
              }
              if(res.data.nrcApply.applyType=='4'){
                if(this.$i18n.locale == 'en'){
                  this.applytype1='Work Plan/ Conclusion'
                }else{
                  this.applytype1='工作计划/总结'
                }
              }
              if(res.data.nrcApply.applyType=='5'){
                if(this.$i18n.locale == 'en'){
                  this.applytype1='Document'
                }else{
                  this.applytype1='公文'
                }
              }
              if(res.data.nrcApply.applyType=='6'){
                if(this.$i18n.locale == 'en'){
                  this.applytype1='Data release'
                }else{
                  this.applytype1='资料发布'
                }
              }

                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' || item.type == '5') {
                            let obj = {}
                            obj.name = item.fileNameDisplay
                            obj.url = item.filePath
                            obj.type = item.type
                            this.fileList1.push(obj)
                        }
                    })
                }


            })
        },
        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);
                    }

                }
            },

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

                }
            },
            screenBack() {},
            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('服务器繁忙');
                    }



                })
            },
            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)
            },
            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)
                    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 (['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)
                    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;
                }
            },
            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)
            },
            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)
            },
            handleExceed(files, fileList) {
                this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
            },
            handleExceed1(files, fileList) {
                this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
            },
            beforeRemove(file, fileList) {
                return this.$confirm(`确定移除 ${ file.name }？`);
            },
            beforeRemove1(file, fileList) {
                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>
::v-deep .el-upload-list__item-name {
  color: #4790f7;
  text-decoration: underline;
}

    /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: 375px;

        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;
        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: 1262px;
        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;

        mix-blend-mode: normal;
        font-family: 'Noto Sans SC';
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        display: flex;
        align-items: center;
        font-feature-settings: 'tnum' on, 'lnum' on;
        color: rgba(0, 0, 0, 0.45);
    }
    .tableTd50{
        width:50%;     height:40px;
        text-align: center;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
    }

</style>