| | |
| | | <template> |
| | | <el-dialog |
| | | :title="dialogTitle" |
| | | :visible.sync="visible" |
| | | width="90%" |
| | | @open="open" |
| | | top="5vh" |
| | | :close-on-click-modal="false" |
| | | @close="handleClose" |
| | | > |
| | | <div |
| | | class="approval-dialog" |
| | | :style="{ height: obj.isDetail ? '80vh' : '60vh' }" |
| | | > |
| | | <el-dialog :title="dialogTitle" :visible.sync="visible" width="90%" @open="open" top="5vh" |
| | | :close-on-click-modal="false" @close="handleClose"> |
| | | <div class="approval-dialog" :style="{ height: obj.isDetail ? '80vh' : '60vh' }"> |
| | | <!-- 左侧审批内容 --> |
| | | <div class="approval-content"> |
| | | <Card class="approval-content-card"> |
| | |
| | | </template> |
| | | </Table> |
| | | |
| | | <el-form |
| | | ref="form" |
| | | :model="form" |
| | | :rules="rules" |
| | | inline |
| | | label-position="top" |
| | | style="margin-top: 38px" |
| | | > |
| | | <el-form ref="form" :model="form" :rules="rules" inline label-position="top" style="margin-top: 38px"> |
| | | <div class="header-title" style="width: 100%"> |
| | | <div class="header-title-left"> |
| | | <img src="@/assets/public/headercard.png" /> |
| | |
| | | </div> |
| | | </div> |
| | | <el-form-item prop="reportCode" style="margin-top: 38px"> |
| | | <el-input |
| | | disabled |
| | | v-model="form.reportCode" |
| | | style="width: 100%" |
| | | placeholder="请输入报告编号" |
| | | /> |
| | | <el-input disabled v-model="form.reportCode" style="width: 100%" placeholder="请输入报告编号" /> |
| | | </el-form-item> |
| | | |
| | | <div class="header-title" style="width: 100%"> |
| | |
| | | </div> |
| | | </div> |
| | | <el-form-item prop="reportName" style="margin-top: 38px"> |
| | | <el-input |
| | | disabled |
| | | v-model="form.reportName" |
| | | style="width: 100%" |
| | | placeholder="请输入报告名称" |
| | | /> |
| | | <el-input disabled v-model="form.reportName" style="width: 100%" placeholder="请输入报告名称" /> |
| | | </el-form-item> |
| | | |
| | | <div class="header-title" style="width: 100%"> |
| | |
| | | </div> |
| | | </div> |
| | | <el-form-item prop="reportText" style="margin-top: 38px"> |
| | | <ai-editor |
| | | :readOnly="true" |
| | | :value="form.reportText" |
| | | style="width: 100%" |
| | | placeholder="请输入报告正文" |
| | | /> |
| | | <ai-editor :readOnly="true" :value="form.reportText" style="width: 100%" placeholder="请输入报告正文" /> |
| | | </el-form-item> |
| | | <div class="header-title" style="width: 100%"> |
| | | <div class="header-title-left"> |
| | |
| | | <div class="status"> |
| | | <div class="status-title">审批结果</div> |
| | | <div class="status-content"> |
| | | <div |
| | | class="resolve" |
| | | :class="status == '2' && 'activeStatus'" |
| | | @click.stop="status = 2" |
| | | > |
| | | <div class="resolve" :class="status == '2' && 'activeStatus'" @click.stop="status = 2"> |
| | | 通过 |
| | | </div> |
| | | <div |
| | | class="reject" |
| | | :class="status == '4' && 'activeStatus'" |
| | | @click.stop="status = 4" |
| | | > |
| | | <div class="reject" :class="status == '4' && 'activeStatus'" @click.stop="status = 4"> |
| | | 驳回 |
| | | </div> |
| | | </div> |
| | |
| | | <el-col :span="12"> |
| | | <div class="remark"> |
| | | <div class="remark-title">审批意见</div> |
| | | <el-input |
| | | type="textarea" |
| | | v-model="remark" |
| | | placeholder="请输入审批意见" |
| | | /> |
| | | <el-input type="textarea" v-model="remark" placeholder="请输入审批意见" /> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-button @click="handleClose">{{ |
| | | obj.isDetail ? "关闭" : "取 消" |
| | | }}</el-button> |
| | | <el-button type="primary" @click="handleApprove" v-if="!obj.isDetail" |
| | | >确认</el-button |
| | | > |
| | | <el-button type="primary" @click="handleApprove" v-if="!obj.isDetail">确认</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </template> |
| | |
| | | import { getDetail } from "../../service"; |
| | | import { customUploadRequest, getFullUrl } from "@/utils/utils"; |
| | | import apiConfig from '@/utils/baseurl'; |
| | | import { getAllocateIp } from '@/utils/utils' |
| | | |
| | | export default { |
| | | name: "ApprovalDialog", |
| | |
| | | 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; |
| | | let newUrl = getAllocateIp() + file.url; |
| | | window.open(newUrl, '_blank'); |
| | | } |
| | | } |