|
@@ -1,474 +1,508 @@
|
|
|
<template>
|
|
|
- <div class="commom_main">
|
|
|
- <div class="card_info">
|
|
|
- <div class="card_info_title">
|
|
|
- <div class="">
|
|
|
- 盐城市盐都区工业和信息化局拟稿
|
|
|
- </div>
|
|
|
- <div class="card_info_min">
|
|
|
- 都工信{{ inputForm.cardNum }}
|
|
|
- </div>
|
|
|
+ <div class="commom_main">
|
|
|
+ <div class="card_info">
|
|
|
+ <div class="card_info_title">
|
|
|
+ <div class="">盐城市盐都区工业和信息化局拟稿</div>
|
|
|
+ <div class="card_info_min">都工信{{ inputForm.cardNum }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="card_table">
|
|
|
+ <el-row class="card_first_row"></el-row>
|
|
|
+ <el-row
|
|
|
+ type="flex"
|
|
|
+ v-if="leaderInfo.length > 0"
|
|
|
+ align="middle"
|
|
|
+ justify="space-between"
|
|
|
+ class="card_row"
|
|
|
+ >
|
|
|
+ <el-col :span="6">
|
|
|
+ <div class="justify-text">
|
|
|
+ <span>主</span>
|
|
|
+ <span>要</span>
|
|
|
+ <span>领</span>
|
|
|
+ <span>导</span>
|
|
|
</div>
|
|
|
- <div class="card_table">
|
|
|
- <el-row class="card_first_row"></el-row>
|
|
|
- <el-row type="flex" v-if="leaderInfo.length > 0" align="middle" justify="space-between"
|
|
|
- class="card_row">
|
|
|
- <el-col :span="6">
|
|
|
- <div class="justify-text">
|
|
|
- <span>主</span>
|
|
|
- <span>要</span>
|
|
|
- <span>领</span>
|
|
|
- <span>导</span>
|
|
|
- </div>
|
|
|
- <div class="justify-text">
|
|
|
- <span>意</span>
|
|
|
- <span>见</span>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="info_abstract">
|
|
|
- <div v-for="leader in leaderInfo" class="info_abstract_v">
|
|
|
- <div>
|
|
|
- {{ leader.content }}
|
|
|
- </div>
|
|
|
- <div class="flex text-sm" style="line-height: 20px;">
|
|
|
- <el-image :src="leader.signfj" width="80px" height="20px"></el-image>
|
|
|
- {{ leader.updateTime }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row type="flex" v-if="fgLeaderInfo.length > 0" align="middle" justify="space-between"
|
|
|
- class="card_row ">
|
|
|
- <el-col :span="6">
|
|
|
- <div class="justify-text">
|
|
|
- <span>分</span>
|
|
|
- <span>管</span>
|
|
|
- <span>领</span>
|
|
|
- <span>导</span>
|
|
|
- </div>
|
|
|
- <div class="justify-text">
|
|
|
- <span>意</span>
|
|
|
- <span>见</span>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="info_abstract">
|
|
|
- <div v-for="item in fgLeaderInfo" class="info_abstract_v">
|
|
|
- <div>
|
|
|
- {{ item.content }}
|
|
|
- </div>
|
|
|
- <div class="flex text-sm" style="line-height: 20px;">
|
|
|
- <el-image :src="item.signfj" width="80px" height="20px"></el-image>
|
|
|
- {{ item.updateTime }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row type="flex" v-if="officeInfo.length > 0" align="middle" justify="space-between"
|
|
|
- class="card_row ">
|
|
|
- <el-col :span="6">
|
|
|
- <div class="justify-text">
|
|
|
- <span>办</span>
|
|
|
- <span>公</span>
|
|
|
- <span>室</span>
|
|
|
- </div>
|
|
|
- <div class="justify-text">
|
|
|
- <span>意</span>
|
|
|
- <span>见</span>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="info_abstract">
|
|
|
- <div v-for="item in officeInfo" class="info_abstract_v">
|
|
|
- <div>
|
|
|
- {{ item.content }}
|
|
|
- </div>
|
|
|
- <div class="flex text-sm" style="line-height: 20px;">
|
|
|
- <el-image :src="item.signfj" width="80px" height="20px"></el-image>
|
|
|
- {{ item.updateTime }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row type="flex" v-if="undertakeInfo.length > 0" align="middle" justify="space-between"
|
|
|
- class="card_row ">
|
|
|
- <el-col :span="6" textAlign="justify">
|
|
|
- <div class="justify-text">
|
|
|
- <span>承</span>
|
|
|
- <span>办</span>
|
|
|
- <span>科</span>
|
|
|
- <span>(室)</span>
|
|
|
- </div>
|
|
|
- <div class="justify-text">
|
|
|
- <span>意</span>
|
|
|
- <span>见</span>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="info_abstract">
|
|
|
- <div v-for="item in undertakeInfo" class="info_abstract_v">
|
|
|
- <div>
|
|
|
- {{ item.content }}
|
|
|
- </div>
|
|
|
- <div class="flex text-sm" style="line-height: 20px;">
|
|
|
- <el-image :src="item.signfj" width="80px" height="20px" mode="aspectFit"></el-image>
|
|
|
- {{ item.updateTime }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row type="flex" justify="space-between" class="card_row card_row_border">
|
|
|
- <el-col :span="6" textAlign="center">
|
|
|
- <div>
|
|
|
- 文件名称
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" class="card_col_1">
|
|
|
- <el-tooltip :content="inputForm.name" placement="top">
|
|
|
- <span class="card_col_2">{{ inputForm.name }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row type="flex" justify="space-between" class="card_row card_row_border">
|
|
|
- <el-col :span="6" textAlign="center">
|
|
|
- <div>拟稿人</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" textAlign="center" class="card_col_1">
|
|
|
- <el-tooltip :content="inputForm.authorPerson" placement="top">
|
|
|
- <span class="card_col_2">{{ inputForm.authorPerson }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" textAlign="center" class="card_col card_col_1">
|
|
|
- <div>校对人</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" textAlign="center">
|
|
|
- <el-tooltip :content="inputForm.proofreader" placement="top">
|
|
|
- <span class="card_col_2">{{ inputForm.proofreader }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row type="flex" justify="space-between" class="card_row card_row_border">
|
|
|
- <el-col :span="6" textAlign="center" class="">
|
|
|
- <div>可否公开</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" textAlign="center" class="card_col_1">
|
|
|
- <span class="card_col_2">{{ inputForm.open ? '是' : '否' }}</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" textAlign="center" class="card_col card_col_1">
|
|
|
- <div>印数</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" textAlign="center">
|
|
|
- <span class="card_col_2">{{ inputForm.printNum }}</span>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row type="flex" justify="space-between" class="card_row card_row_border card_last_row">
|
|
|
- <el-col :span="6" textAlign="center">
|
|
|
- <div>备注</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="18" textAlign="center" class="card_col_1">
|
|
|
- <el-tooltip :content="inputForm.remark == '' ? '无' : inputForm.remark" placement="top">
|
|
|
- <span class="card_col_2">{{ inputForm.remark == '' ? '无' : inputForm.remark }}</span>
|
|
|
- </el-tooltip>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <span style="margin: 10px;color: red; font-size: 10px">所有涉密敏感信息不得上传</span>
|
|
|
- <div class="card_other">
|
|
|
- 附件:
|
|
|
- <div class="other_info" v-for="item in fileList">
|
|
|
- <div class="other_pdf flex ">
|
|
|
- <text decoration='underline' color='#36a7f3' :text="item.name"
|
|
|
- @click="item.type == 'pdf' ? prediv(item) : download(item)"></text>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
+ <div class="justify-text">
|
|
|
+ <span>意</span>
|
|
|
+ <span>见</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="18" class="info_abstract">
|
|
|
+ <div
|
|
|
+ v-for="leader in leaderInfo"
|
|
|
+ :key="leader"
|
|
|
+ class="info_abstract_v"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ {{ leader.content }}
|
|
|
+ </div>
|
|
|
+ <div style="line-height: 20px">
|
|
|
+ <el-image
|
|
|
+ :src="item.signfj"
|
|
|
+ style="width: 80px; height: 20px; vertical-align: middle"
|
|
|
+ :fit="contain"
|
|
|
+ ></el-image>
|
|
|
+ <span style="font-size: 12px">{{ item.updateTime }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row
|
|
|
+ type="flex"
|
|
|
+ v-if="fgLeaderInfo.length > 0"
|
|
|
+ align="middle"
|
|
|
+ justify="space-between"
|
|
|
+ class="card_row"
|
|
|
+ >
|
|
|
+ <el-col :span="6">
|
|
|
+ <div class="justify-text">
|
|
|
+ <span>分</span>
|
|
|
+ <span>管</span>
|
|
|
+ <span>领</span>
|
|
|
+ <span>导</span>
|
|
|
+ </div>
|
|
|
+ <div class="justify-text">
|
|
|
+ <span>意</span>
|
|
|
+ <span>见</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="18" class="info_abstract">
|
|
|
+ <div
|
|
|
+ v-for="item in fgLeaderInfo"
|
|
|
+ :key="item"
|
|
|
+ class="info_abstract_v"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ {{ item.content }}
|
|
|
+ </div>
|
|
|
+ <div style="line-height: 20px">
|
|
|
+ <el-image
|
|
|
+ :src="item.signfj"
|
|
|
+ style="width: 80px; height: 20px; vertical-align: middle"
|
|
|
+ :fit="contain"
|
|
|
+ ></el-image>
|
|
|
+ <span style="font-size: 12px">{{ item.updateTime }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row
|
|
|
+ type="flex"
|
|
|
+ v-if="officeInfo.length > 0"
|
|
|
+ align="middle"
|
|
|
+ justify="space-between"
|
|
|
+ class="card_row"
|
|
|
+ >
|
|
|
+ <el-col :span="6">
|
|
|
+ <div class="justify-text">
|
|
|
+ <span>办</span>
|
|
|
+ <span>公</span>
|
|
|
+ <span>室</span>
|
|
|
+ </div>
|
|
|
+ <div class="justify-text">
|
|
|
+ <span>意</span>
|
|
|
+ <span>见</span>
|
|
|
</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="18" class="info_abstract">
|
|
|
+ <div v-for="item in officeInfo" :key="item" class="info_abstract_v">
|
|
|
+ <div>
|
|
|
+ {{ item.content }}
|
|
|
+ </div>
|
|
|
+ <div style="line-height: 20px">
|
|
|
+ <el-image
|
|
|
+ :src="item.signfj"
|
|
|
+ style="width: 80px; height: 20px; vertical-align: middle"
|
|
|
+ :fit="contain"
|
|
|
+ ></el-image>
|
|
|
+ <span style="font-size: 12px">{{ item.updateTime }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
|
|
|
+ <el-row
|
|
|
+ type="flex"
|
|
|
+ v-if="undertakeInfo.length > 0"
|
|
|
+ align="middle"
|
|
|
+ justify="space-between"
|
|
|
+ class="card_row"
|
|
|
+ >
|
|
|
+ <el-col :span="6" textAlign="justify">
|
|
|
+ <div class="justify-text">
|
|
|
+ <span>承</span>
|
|
|
+ <span>办</span>
|
|
|
+ <span>科</span>
|
|
|
+ <span>(室)</span>
|
|
|
+ </div>
|
|
|
+ <div class="justify-text">
|
|
|
+ <span>意</span>
|
|
|
+ <span>见</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="18" class="info_abstract">
|
|
|
+ <div
|
|
|
+ v-for="item in undertakeInfo"
|
|
|
+ :key="item"
|
|
|
+ class="info_abstract_v"
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ {{ item.content }}
|
|
|
+ </div>
|
|
|
+ <div style="line-height: 20px">
|
|
|
+ <el-image
|
|
|
+ :src="item.signfj"
|
|
|
+ style="width: 80px; height: 20px; vertical-align: middle"
|
|
|
+ :fit="contain"
|
|
|
+ ></el-image>
|
|
|
+ <span style="font-size: 12px">{{ item.updateTime }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row
|
|
|
+ type="flex"
|
|
|
+ justify="space-between"
|
|
|
+ class="card_row card_row_border"
|
|
|
+ >
|
|
|
+ <el-col :span="6" textAlign="center">
|
|
|
+ <div>文件名称</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="18" class="card_col_1">
|
|
|
+ <el-tooltip :content="inputForm.name" placement="top">
|
|
|
+ <span class="card_col_2">{{ inputForm.name }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row
|
|
|
+ type="flex"
|
|
|
+ justify="space-between"
|
|
|
+ class="card_row card_row_border"
|
|
|
+ >
|
|
|
+ <el-col :span="6" textAlign="center">
|
|
|
+ <div>拟稿人</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" textAlign="center" class="card_col_1">
|
|
|
+ <el-tooltip :content="inputForm.authorPerson" placement="top">
|
|
|
+ <span class="card_col_2">{{ inputForm.authorPerson }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" textAlign="center" class="card_col card_col_1">
|
|
|
+ <div>校对人</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" textAlign="center">
|
|
|
+ <el-tooltip :content="inputForm.proofreader" placement="top">
|
|
|
+ <span class="card_col_2">{{ inputForm.proofreader }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row
|
|
|
+ type="flex"
|
|
|
+ justify="space-between"
|
|
|
+ class="card_row card_row_border"
|
|
|
+ >
|
|
|
+ <el-col :span="6" textAlign="center" class="">
|
|
|
+ <div>可否公开</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" textAlign="center" class="card_col_1">
|
|
|
+ <span class="card_col_2">{{
|
|
|
+ inputForm.open == 1 ? "是" : inputForm.open == 1 ? "否" : ""
|
|
|
+ }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" textAlign="center" class="card_col card_col_1">
|
|
|
+ <div>印数</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" textAlign="center">
|
|
|
+ <span class="card_col_2">{{
|
|
|
+ inputForm.printNum == 0 ? "" : inputForm.printNum
|
|
|
+ }}</span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row
|
|
|
+ type="flex"
|
|
|
+ justify="space-between"
|
|
|
+ class="card_row card_row_border card_last_row"
|
|
|
+ >
|
|
|
+ <el-col :span="6" textAlign="center">
|
|
|
+ <div>备注</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="18" textAlign="center" class="card_col_1">
|
|
|
+ <el-tooltip :content="inputForm.remark" placement="top">
|
|
|
+ <span class="card_col_2">{{ inputForm.remark }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <span style="margin: 10px; color: red; font-size: 10px"
|
|
|
+ >所有涉密敏感信息不得上传</span
|
|
|
+ >
|
|
|
+ <div class="card_other">
|
|
|
+ 附件:
|
|
|
+ <div class="other_info" v-for="item in fileList" :key="item">
|
|
|
+ <div class="">
|
|
|
+ <a style="color: #36a7f3" :href="item.url">{{ item.name }}</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div style="margin-left: 20px;">
|
|
|
- <image-upload :fileList="imgList" multiple :maxCount="imgList.length" :predivFullImage="true"
|
|
|
- :deletable="false"></image-upload>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ margin-left: 20px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-image
|
|
|
+ v-for="(item, i) in imgList"
|
|
|
+ :key="i"
|
|
|
+ style="width: 80px; height: 80px"
|
|
|
+ :src="item.url"
|
|
|
+ :preview-src-list="previewSrcList"
|
|
|
+ >
|
|
|
+ </el-image>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import yzCirculationCardService from '@/api/yzcirculation/yzCirculationCardService.js'
|
|
|
-import yzFlowService from '@/api/yzflow/yzFlowService.js'
|
|
|
+import yzCirculationCardService from "@/api/yzcirculation/yzCirculationCardService.js";
|
|
|
+import yzFlowService from "@/api/yzflow/yzFlowService.js";
|
|
|
export default {
|
|
|
- mounted() {
|
|
|
- yzCirculationCardService.queryById(this.gwId).then(data => {
|
|
|
- // console.log("data", data);
|
|
|
- this.inputForm = data
|
|
|
- this.inputForm.cardNum = "[" + this.inputForm.yearNum + "]" + this.inputForm.cardNum + "号"
|
|
|
- this.fileLists = this.inputForm.attachment.split(",")
|
|
|
- this.fileLists.forEach(item => {
|
|
|
- // if (isImageFormat(item)) {
|
|
|
- // let img = {
|
|
|
- // url: item
|
|
|
- // }
|
|
|
- // if (!item.startsWith("http")) img.url = this.BASE_URL + item
|
|
|
- // this.imgList.push(img)
|
|
|
- // } else {
|
|
|
- // const fileName = item.split(/[/\\=]/).pop();
|
|
|
- // let type = ""
|
|
|
- // const pdfFormats = /\.pdf$/i;
|
|
|
- // if (pdfFormats.test(item)) type = "pdf";
|
|
|
- // let a = {
|
|
|
- // name: fileName,
|
|
|
- // url: item,
|
|
|
- // type: type
|
|
|
- // }
|
|
|
- // if (!item.startsWith("http")) a.url = this.BASE_URL + item
|
|
|
- // this.fileList.push(a)
|
|
|
- // }
|
|
|
- })
|
|
|
- })
|
|
|
- yzFlowService.queryByYzId(this.gwId).then(data => {
|
|
|
-
|
|
|
- data.forEach(item => {
|
|
|
- if (item.which == 0 && item.state == 0) {
|
|
|
- // if (item.signfj && !item.signfj.startsWith("http")) item.signfj = this.BASE_URL +
|
|
|
- // item.signfj
|
|
|
- this.undertakeInfo.push(item)
|
|
|
- } else if (item.which == 1 && item.state == 0) {
|
|
|
- // if (item.signfj && !item.signfj.startsWith("http")) item.signfj = this.BASE_URL +
|
|
|
- // item.signfj
|
|
|
- this.officeInfo.push(item)
|
|
|
- } else if (item.which == 2 && item.state == 0) {
|
|
|
- // if (item.signfj && !item.signfj.startsWith("http")) item.signfj = this.BASE_URL +
|
|
|
- // item.signfj
|
|
|
- this.fgLeaderInfo.push(item)
|
|
|
- }
|
|
|
- if (item.which == 3 && item.state == 0) {
|
|
|
- // if (item.signfj && !item.signfj.startsWith("http")) item.signfj = this.BASE_URL +
|
|
|
- // item.signfj
|
|
|
- this.leaderInfo.push(item)
|
|
|
- }
|
|
|
- })
|
|
|
- this.leaderInfo.sort((a, b) => a.updateTime.localeCompare(b.updateTime) || a.updateTime
|
|
|
- .localeCompare(b.updateTime));
|
|
|
- this.undertakeInfo.sort((a, b) => a.updateTime.localeCompare(b.updateTime) || a.updateTime
|
|
|
- .localeCompare(b.updateTime));
|
|
|
- this.officeInfo.sort((a, b) => a.updateTime.localeCompare(b.updateTime) || a.updateTime
|
|
|
- .localeCompare(b.updateTime));
|
|
|
- this.fgLeaderInfo.sort((a, b) => a.updateTime.localeCompare(b.updateTime) || a.updateTime
|
|
|
- .localeCompare(b.updateTime));
|
|
|
- this.ismask = false
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- src: 'https://cdn.uviewui.com/uview/album/1.jpg',
|
|
|
- // 公文附件
|
|
|
- fileLists: [],
|
|
|
- fileList: [],
|
|
|
- imgList: [],
|
|
|
- // 办公室信息
|
|
|
- officeInfo: [],
|
|
|
- // 领导信息
|
|
|
- leaderInfo: [],
|
|
|
- // 分管领导
|
|
|
- fgLeaderInfo: [],
|
|
|
- // 承办信息
|
|
|
- undertakeInfo: [],
|
|
|
- inputForm: {
|
|
|
- id: '',
|
|
|
- yearNum: '',
|
|
|
- cardNum: '',
|
|
|
- sendingAgency: '',
|
|
|
- docFontSize: '',
|
|
|
- fileSource: '',
|
|
|
- writtenTime: '',
|
|
|
- receivingTime: '',
|
|
|
- contentSummary: '',
|
|
|
- attachedDocumentId: ''
|
|
|
- },
|
|
|
+ mounted() {
|
|
|
+ yzCirculationCardService.queryById(this.gwId, 1).then((data) => {
|
|
|
+ this.inputForm = data;
|
|
|
+ this.inputForm.cardNum =
|
|
|
+ "[" + this.inputForm.yearNum + "]" + this.inputForm.cardNum + "号";
|
|
|
+ this.fileLists = this.inputForm.attachment.split(",");
|
|
|
+ this.fileLists.forEach((item) => {
|
|
|
+ const imageFormats = /\.(jpeg|jpg|gif|png|bmp|svg)$/i;
|
|
|
+ if (imageFormats.test(item)) {
|
|
|
+ let img = {
|
|
|
+ url: item,
|
|
|
+ };
|
|
|
+ if (!item.startsWith("http")) img.url = this.$http.BASE_URL + item;
|
|
|
+ this.imgList.push(img);
|
|
|
+ } else {
|
|
|
+ const fileName = item.split(/[/\\=]/).pop();
|
|
|
+ let type = "";
|
|
|
+ const pdfFormats = /\.pdf$/i;
|
|
|
+ if (pdfFormats.test(item)) type = "pdf";
|
|
|
+ let a = {
|
|
|
+ name: fileName,
|
|
|
+ url: item,
|
|
|
+ type: type,
|
|
|
+ };
|
|
|
+ if (!item.startsWith("http")) a.url = this.$http.BASE_URL + item;
|
|
|
+ this.fileList.push(a);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.imgList.forEach((item) => {
|
|
|
+ this.previewSrcList.push(item.url);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ yzFlowService.queryByYzId(this.gwId).then((data) => {
|
|
|
+ data.forEach((item) => {
|
|
|
+ if (item.which == 0 && item.state == 0) {
|
|
|
+ if (item.signfj && !item.signfj.startsWith("http"))
|
|
|
+ item.signfj = this.$http.BASE_URL + item.signfj;
|
|
|
+ this.undertakeInfo.push(item);
|
|
|
+ } else if (item.which == 1 && item.state == 0) {
|
|
|
+ if (item.signfj && !item.signfj.startsWith("http"))
|
|
|
+ item.signfj = this.$http.BASE_URL + item.signfj;
|
|
|
+ this.officeInfo.push(item);
|
|
|
+ } else if (item.which == 2 && item.state == 0) {
|
|
|
+ if (item.signfj && !item.signfj.startsWith("http"))
|
|
|
+ item.signfj = this.$http.BASE_URL + item.signfj;
|
|
|
+ this.fgLeaderInfo.push(item);
|
|
|
}
|
|
|
+ if (item.which == 3 && item.state == 0) {
|
|
|
+ if (item.signfj && !item.signfj.startsWith("http"))
|
|
|
+ item.signfj = this.$http.BASE_URL + item.signfj;
|
|
|
+ this.leaderInfo.push(item);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.leaderInfo.sort(
|
|
|
+ (a, b) =>
|
|
|
+ a.updateTime.localeCompare(b.updateTime) ||
|
|
|
+ a.updateTime.localeCompare(b.updateTime)
|
|
|
+ );
|
|
|
+ this.undertakeInfo.sort(
|
|
|
+ (a, b) =>
|
|
|
+ a.updateTime.localeCompare(b.updateTime) ||
|
|
|
+ a.updateTime.localeCompare(b.updateTime)
|
|
|
+ );
|
|
|
+ this.officeInfo.sort(
|
|
|
+ (a, b) =>
|
|
|
+ a.updateTime.localeCompare(b.updateTime) ||
|
|
|
+ a.updateTime.localeCompare(b.updateTime)
|
|
|
+ );
|
|
|
+ this.fgLeaderInfo.sort(
|
|
|
+ (a, b) =>
|
|
|
+ a.updateTime.localeCompare(b.updateTime) ||
|
|
|
+ a.updateTime.localeCompare(b.updateTime)
|
|
|
+ );
|
|
|
+ this.ismask = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ src: "https://cdn.uviewui.com/uview/album/1.jpg",
|
|
|
+ // 公文附件
|
|
|
+ fileLists: [],
|
|
|
+ fileList: [],
|
|
|
+ imgList: [],
|
|
|
+ // 图片预览
|
|
|
+ previewSrcList: [],
|
|
|
+ // 办公室信息
|
|
|
+ officeInfo: [],
|
|
|
+ // 领导信息
|
|
|
+ leaderInfo: [],
|
|
|
+ // 分管领导
|
|
|
+ fgLeaderInfo: [],
|
|
|
+ // 承办信息
|
|
|
+ undertakeInfo: [],
|
|
|
+ inputForm: {
|
|
|
+ id: "",
|
|
|
+ yearNum: "",
|
|
|
+ cardNum: "",
|
|
|
+ sendingAgency: "",
|
|
|
+ docFontSize: "",
|
|
|
+ fileSource: "",
|
|
|
+ writtenTime: "",
|
|
|
+ receivingTime: "",
|
|
|
+ contentSummary: "",
|
|
|
+ attachedDocumentId: "",
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {},
|
|
|
+ props: {
|
|
|
+ isoffice: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false,
|
|
|
},
|
|
|
- methods: {
|
|
|
-
|
|
|
- // 预览pdf
|
|
|
- preview(fileUrl) {
|
|
|
- uni.navigateTo({
|
|
|
- url: "/pages/pdfPreview/pdfPreview?url=" + encodeURIComponent(fileUrl.url)
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
- // 下载文件
|
|
|
- download(param) {
|
|
|
- uni.showLoading({
|
|
|
- title: "下载中"
|
|
|
- })
|
|
|
- uni.downloadFile({
|
|
|
- url: param.url, //调接口返回url
|
|
|
- success: (res) => {
|
|
|
- uni.hideLoading();
|
|
|
- if (res.statusCode == 200) {
|
|
|
- var tempFilePath = res.tempFilePath;
|
|
|
- this.saveFile(tempFilePath, param.name);
|
|
|
- } else {
|
|
|
- uni.showToast({
|
|
|
- icon: 'none',
|
|
|
- title: '报告下载失败'
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- fail: err => {
|
|
|
- uni.hideLoading();
|
|
|
- uni.showToast({
|
|
|
- icon: 'none',
|
|
|
- title: '报告下载失败'
|
|
|
- })
|
|
|
- reject(err);
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
- saveFile(url, name) { //保存到本地
|
|
|
- try {
|
|
|
- const fileName = name;
|
|
|
- const link = document.createElement('a');
|
|
|
- link.style.display = 'none';
|
|
|
- link.href = url;
|
|
|
- link.setAttribute('download', fileName);
|
|
|
- link.setAttribute("target", "_blank");
|
|
|
- document.body.appendChild(link);
|
|
|
- link.click();
|
|
|
- //下载完成移除元素
|
|
|
- document.body.removeChild(link);
|
|
|
- //释放掉blob对象
|
|
|
- window.URL.revokeObjectURL(url)
|
|
|
- uni.showToast({
|
|
|
- title: '下载成功'
|
|
|
- })
|
|
|
- } catch (error) {
|
|
|
- uni.showToast({
|
|
|
- title: '下载失败'
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
+ isleader: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false,
|
|
|
},
|
|
|
- props: {
|
|
|
- isoffice: {
|
|
|
- type: Boolean,
|
|
|
- default: false
|
|
|
- },
|
|
|
- isleader: {
|
|
|
- type: Boolean,
|
|
|
- default: false
|
|
|
- },
|
|
|
- isinfo: {
|
|
|
- type: Boolean,
|
|
|
- default: false
|
|
|
- },
|
|
|
- gwId: {
|
|
|
- type: String,
|
|
|
-
|
|
|
- }
|
|
|
+ isinfo: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false,
|
|
|
},
|
|
|
-}
|
|
|
+ gwId: {
|
|
|
+ type: String,
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
<style>
|
|
|
.warp {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- height: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
|
|
|
.commom_main {
|
|
|
- width: 100%;
|
|
|
- background-color: #fefefe;
|
|
|
- margin-top: 30px;
|
|
|
+ width: 100%;
|
|
|
+ background-color: #fefefe;
|
|
|
+ margin-top: 30px;
|
|
|
}
|
|
|
|
|
|
.commom_main .card_banner {
|
|
|
- width: 100%;
|
|
|
- height: 60px;
|
|
|
- background-color: #36a7f3;
|
|
|
+ width: 100%;
|
|
|
+ height: 60px;
|
|
|
+ background-color: #36a7f3;
|
|
|
}
|
|
|
|
|
|
.commom_main .card_info {
|
|
|
- width: 96%;
|
|
|
- /* height: 80vh; */
|
|
|
- margin: -40px 2% 0;
|
|
|
- background-color: #fefefe;
|
|
|
- border-radius: 15px;
|
|
|
- text-align: center;
|
|
|
- color: red;
|
|
|
+ width: 96%;
|
|
|
+ /* height: 80vh; */
|
|
|
+ margin: -40px 2% 0;
|
|
|
+ background-color: #fefefe;
|
|
|
+ border-radius: 15px;
|
|
|
+ text-align: center;
|
|
|
+ color: red;
|
|
|
}
|
|
|
|
|
|
.commom_main .card_info_title {
|
|
|
- font-size: 20px;
|
|
|
- font-weight: 700;
|
|
|
- padding-top: 10px;
|
|
|
- color: red;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 700;
|
|
|
+ padding-top: 10px;
|
|
|
+ color: red;
|
|
|
}
|
|
|
|
|
|
.card_info_min {
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 400;
|
|
|
- margin-top: 5px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ margin-top: 5px;
|
|
|
}
|
|
|
|
|
|
.commom_main .card_table {
|
|
|
- padding: 20px 20px;
|
|
|
- font-size: 18px;
|
|
|
+ padding: 20px 20px;
|
|
|
+ font-size: 18px;
|
|
|
}
|
|
|
|
|
|
.commom_main .card_row {
|
|
|
- border-top: 1px solid red;
|
|
|
- word-wrap: break-word;
|
|
|
+ border-top: 1px solid red;
|
|
|
+ word-wrap: break-word;
|
|
|
}
|
|
|
|
|
|
.commom_main .justify-text {
|
|
|
- padding: 0 4px;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: space-between;
|
|
|
- flex-wrap: wrap;
|
|
|
+ padding: 0 4px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-wrap: wrap;
|
|
|
}
|
|
|
|
|
|
.justify-text text {
|
|
|
- display: block;
|
|
|
+ display: block;
|
|
|
}
|
|
|
|
|
|
.commom_main .card_row_border {
|
|
|
- line-height: 50px;
|
|
|
- border-bottom: none;
|
|
|
+ line-height: 50px;
|
|
|
+ border-bottom: none;
|
|
|
}
|
|
|
|
|
|
.commom_main .card_last_row {
|
|
|
- border-bottom: 2px solid red;
|
|
|
+ border-bottom: 2px solid red;
|
|
|
}
|
|
|
|
|
|
.commom_main .card_first_row {
|
|
|
- border-top: 1px solid red;
|
|
|
+ border-top: 1px solid red;
|
|
|
}
|
|
|
|
|
|
.commom_main .card_col {
|
|
|
- border-right: 1px solid;
|
|
|
+ border-right: 1px solid;
|
|
|
}
|
|
|
|
|
|
.commom_main .card_col_1 {
|
|
|
- border-left: 1px solid;
|
|
|
+ border-left: 1px solid;
|
|
|
}
|
|
|
|
|
|
.commom_main .card_col_2 {
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
|
|
|
.commom_main .info_abstract {
|
|
|
- line-height: 34px;
|
|
|
- font-size: 16px;
|
|
|
- word-wrap: break-word;
|
|
|
- border-left: 1px solid;
|
|
|
+ line-height: 34px;
|
|
|
+ font-size: 16px;
|
|
|
+ word-wrap: break-word;
|
|
|
+ border-left: 1px solid;
|
|
|
+ text-align: left;
|
|
|
}
|
|
|
|
|
|
.commom_main .info_abstract_v {
|
|
|
- margin: 18px;
|
|
|
+ margin: 18px;
|
|
|
}
|
|
|
|
|
|
.commom_main .card_other {
|
|
|
- text-align: left;
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+
|
|
|
+.commom_main .other_info {
|
|
|
+ font-size: 14px;
|
|
|
+ text-decoration: underline;
|
|
|
+ color: #36a7f3;
|
|
|
}
|
|
|
</style>
|