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

<!-- 委员会申请列表 -->
<template>
    <div class="autoBox box1" style="position: relative; background: #f5f5f5">
        <div class="center" style="margin-top: 20px;height:1026px">
            <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_name_en : commact_committee_name }}</span>
                                        <!--<el-select    v-model="commact_committee" placeholder="请选择" 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>

                                <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;margin-top:5px;">{{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" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
                                        <span :title="acceptCommittee" style="margin-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">{{acceptCommittee}}</span>
                                    </div>
                                    <div class="tableTd20" > {{ $i18n.locale == 'en' ? 'Receiver ' : ' 接收人' }}</div>
                                    <div class="tableTd30" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">
                                        <span :title="accepter" style="margin-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">{{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/nrcApplys/uploadFile"
                                           :on-preview="handlePreview"
                                           :on-remove="handleRemove"
                                           :before-remove="beforeRemove"
                                           :before-upload="beforeUpload"
                                           :on-success="handleAvatarSuccessAnnex"
                                           multiple
                                           :on-exceed="handleExceed"
                                           :file-list="filesList">
                                    <!-- <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"
                                            disabled
                                            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="filesList1">
                                        <!-- <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="margin-top:107px;margin-bottom:30px;display:flex">
                                <div class="submit" :style="$i18n.locale == 'en' ?'padding-left:30px;':'padding-left:44px;'" @click="submits">{{ $i18n.locale == 'en' ? 'WithDraw  ' : ' 撤回' }}</div>
                                <div class="cancel" @click="cancel">{{ $i18n.locale == 'en' ? 'Close  ' : ' 关闭' }}</div>
                            </div>

                        </div>

                    </div>

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

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

    export default {
        name: "Approvaldetail",
        props: ["detailids","flag","logo"],
        components: {
            Screen,
        },
        data() {
            return {

                content_title:'研讨会',
                content_content:'贝克莱主席指出，为了实现预期的目标，非洲国家需要动员能源，扩大合作，促进电力连接和整合，提升能源领域的全球竞争力，并遵守2030年联合国和非盟的2063年议程。作为一个成员国，埃塞俄比亚正在推动跨境基础设施的发展，建立电力互联设施，并开发可再生能源，推动区域合作与一体化。',
                tableData:[],
                committeeoptions:[],
                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:[],
                filename1:[],
                filename2:undefined,
                status:undefined,//状态
                fileList:[],
                filesList:[],
                filesList1:[],
                reserveone_s:undefined,
                fileList1:[],
                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"() {
              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() {
            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.value=res.data.page[i].id
                    this.committeeoptions.push(obj)
                }
            })
            console.log(this.detailids)
            getwaitdetail(this.detailids).then(res=>{
                this.applyname=res.data.nrcApply.applyPeopleName;
                this.applynumber=res.data.nrcApply.applyNumber
                this.applytime=res.data.nrcApply.createDate
                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.content=res.data.nrcApply.abstractInfo
                this.commact_title=res.data.nrcApply.title
                this.frontOrBack=res.data.nrcApply.frontOrBack
                this.status=res.data.nrcApply.applyStatus
                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='资料发布'
                  }
                }
                this.applytype=res.data.nrcApply.applyType
                this.reserveone_s=res.data.nrcApply.reserveOne
                if(res.data.nrcApply.workPlanSummaryYear){
                    this.workPlanSummaryYear=res.data.nrcApply.workPlanSummaryYear
                }
                if(res.data.nrcApply.releaseScope){
                    this.releaseScope=res.data.nrcApply.releaseScope
                }
                if(res.data.nrcApply.accepter){
                    this.accepter=res.data.nrcApply.accepter
                }
                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.nrcAccepterReplys){
                    this.accepterreplys=res.data.nrcAccepterReplys
                }
                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.filesList.push(obj)
                        }
                        if(item.type=='3' || item.type=='5'){
                            let obj={}
                            obj.name=item.fileNameDisplay
                            obj.url=item.filePath
                            obj.type=item.type
                            this.filesList1.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);
                    }

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

                }
            },
            submits(){
                let params={
                    id: this.detailids,
                    applyStatus: 5,
                    statusDict:6,
                    frontOrBack:2,
                    lauguage:"ZH",
                    applyType:this.applytype
                }
                if (this.$i18n.locale.toUpperCase() == 'ZH') {
                  this.$confirm('确定要撤回本次申请单吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                  }).then(() => {
                    editwaitapply2(params).then(res=>{
                      console.log(res.data)
                      if(res.status=='200'){
                        var params2 = {
                          name: "withdrawdetail",
                          type: false,
                          detailids:this.detailids,
                          reserveone_s:this.reserveone_s,
                          flag:this.flag
                        };
                        this.$emit("applicationType", params2);
                        this.$message.success('撤回成功')
                      }
                    }).catch(() => {
                      this.$message.error('撤回失败')
                    });
                  }).catch(() => {

                  });
                }else{
                  this.$confirm('Are you sure you want to withdraw your application?', 'Tips', {
                    confirmButtonText: 'Submit',
                    cancelButtonText: 'Cancel',
                    type: 'warning'
                  }).then(() => {
                    editwaitapply2(params).then(res=>{
                      console.log(res.data)
                      if(res.status=='200'){
                        var params2 = {
                          name: "withdrawdetail",
                          type: false,
                          detailids:this.detailids,
                          reserveone_s:this.reserveone_s,
                          flag:this.flag
                        };
                        this.$emit("applicationType", params2);
                        this.$message.success('Withdraw success')
                      }
                    }).catch(() => {
                      this.$message.error('Withdraw Fail')
                    });
                  }).catch(() => {

                  });
                }

/*

                this.$alert('确定要撤回本次申请单吗', {
                    confirmButtonText: '确定',
                    callback: action => {
                        editwaitapply(params).then(res=>{
                            console.log(res.data)
                            if(res.status=='200'){
                                var params2 = {
                                    name: "withdrawdetail",
                                    type: false,
                                    detailids:this.detailids,
                                    reserveone_s:this.reserveone_s,
                                    flag:this.flag
                                };
                                this.$emit("applicationType", params2);
                            }

                        })

                    }
                });*/

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



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

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

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

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

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

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

    }
    /* 利用穿透，设置input边框隐藏 */
    .inputDeep>>>.el-input__inner {
        border: 0;
    }
    /* 如果你的 el-input type 设置成textarea ，就要用这个了 */
    .inputDeep>>>.el-textarea__inner {
        border: 0;
        resize: none;/* 这个是去掉 textarea 下面拉伸的那个标志，如下图 */
    }
    .english{

        box-sizing: border-box;
        position: absolute;
        width: 80px;
        height: 40px;
        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;
    }
    .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: 976px;
        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-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);

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

</style>