| | |
| | | <template> |
| | | <el-dialog :title="dialogTitle" :visible.sync="visible" width="90%" top="5vh" @open="open" :close-on-click-modal="false" |
| | | @close="handleClose"> |
| | | <el-dialog :title="dialogTitle" :visible.sync="visible" width="90%" top="5vh" @open="open" |
| | | :close-on-click-modal="false" @close="handleClose"> |
| | | <div class="approval-dialog"> |
| | | <!-- 左侧审批内容 --> |
| | | <div class="approval-content"> |
| | |
| | | </div> |
| | | </div> |
| | | <el-form-item prop="name" style="margin-top: 18px"> |
| | | <el-upload |
| | | action="https://jsonplaceholder.typicode.com/posts/" |
| | | :file-list="fileList" |
| | | :on-preview="handlePreview" |
| | | > |
| | | <el-upload action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileList" |
| | | :on-preview="handlePreview"> |
| | | <!-- <el-button size="small" type="primary">点击上传</el-button> --> |
| | | </el-upload> |
| | | </el-form-item> |
| | |
| | | import ApprovalProcess from '@/components/approvalProcess' |
| | | import AiEditor from '@/components/AiEditor' |
| | | import { getDetailInfo, getDetail, detailAuditReport } from '../../service' |
| | | import {getFullUrl} from '@/utils/utils' |
| | | import { getFullUrl, getAllocateIp } from '@/utils/utils' |
| | | import apiConfig from '@/utils/baseurl'; |
| | | |
| | | export default { |
| | |
| | | handlePreview(file) { |
| | | console.log('url', file) |
| | | if (file && file.url) { |
| | | if (file.url && file.url.startsWith(apiConfig.showImgUrl)) { |
| | | if (file.url && file.url.startsWith(getAllocateIp())) { |
| | | window.open(file.url, '_blank'); |
| | | }else{ |
| | | let newUrl=apiConfig.showImgUrl+file.url; |
| | | } else { |
| | | let newUrl = getAllocateIp() + file.url; |
| | | window.open(newUrl, '_blank'); |
| | | } |
| | | } |
| | | }, |
| | | open(){ |
| | | this.status=1; |
| | | this.remark='' |
| | | open() { |
| | | this.status = 1; |
| | | this.remark = '' |
| | | }, |
| | | getDetailInfo() { |
| | | getDetailInfo({ id: this.data.id }).then(res => { |
| | |
| | | // height: 40vh; |
| | | min-height: 60vh; |
| | | max-height: 80vh; |
| | | |
| | | .approval-content { |
| | | flex: 1; |
| | | margin-right: 20px; |