| | |
| | | <template> |
| | | <el-dialog |
| | | :title="dialogTitle" |
| | | :visible.sync="dialogVisible" |
| | | width="90%" |
| | | top="5vh" |
| | | :close-on-click-modal="false" |
| | | @close="handleClose" |
| | | > |
| | | <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="90%" top="5vh" :close-on-click-modal="false" |
| | | @close="handleClose"> |
| | | <div class="approval-dialog"> |
| | | <!-- 左侧审批内容 --> |
| | | <div class="approval-content"> |
| | |
| | | </template> |
| | | </Table> |
| | | |
| | | <el-form |
| | | ref="form" |
| | | :model="form" |
| | | :rules="rules" |
| | | inline |
| | | label-position="top" |
| | | style="margin-top: 18px" |
| | | > |
| | | <el-form ref="form" :model="form" :rules="rules" inline label-position="top" style="margin-top: 18px"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="24"> |
| | | <el-form-item prop="reportTitle" label="报告标题"> |
| | | <el-input |
| | | v-model="form.reportTitle" |
| | | style="width: 100%" |
| | | placeholder="请输入报告标题" |
| | | disabled |
| | | /> |
| | | <el-input v-model="form.reportTitle" style="width: 100%" placeholder="请输入报告标题" disabled /> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="reportCode" |
| | | label="报告编号" |
| | | style="margin-left: 100px" |
| | | > |
| | | <el-input |
| | | v-model="form.reportCode" |
| | | style="width: 100%" |
| | | placeholder="请输入报告编号" |
| | | disabled |
| | | /> |
| | | <el-form-item prop="reportCode" label="报告编号" style="margin-left: 100px"> |
| | | <el-input v-model="form.reportCode" style="width: 100%" placeholder="请输入报告编号" disabled /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item prop="developPerson" label="制定人"> |
| | | <el-input |
| | | v-model="form.developPerson" |
| | | style="width: 100%" |
| | | placeholder="请输入制定人" |
| | | disabled |
| | | /> |
| | | <el-input v-model="form.developPerson" style="width: 100%" placeholder="请输入制定人" disabled /> |
| | | </el-form-item> |
| | | <el-form-item |
| | | prop="developDate" |
| | | label="制定日期" |
| | | style="margin-left: 100px" |
| | | > |
| | | <el-date-picker |
| | | :prefix-icon="null" |
| | | v-model="form.developDate" |
| | | type="date" |
| | | disabled |
| | | placeholder="请选择日期" |
| | | /> |
| | | <el-form-item prop="developDate" label="制定日期" style="margin-left: 100px"> |
| | | <el-date-picker :prefix-icon="null" v-model="form.developDate" type="date" disabled |
| | | placeholder="请选择日期" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | </div> |
| | | </div> |
| | | <el-form-item prop="reportText" style="margin-top: 18px"> |
| | | <ai-editor |
| | | :value="form.reportText" |
| | | style="width: 100%" |
| | | placeholder="请输入报告正文" |
| | | :readOnly="true" |
| | | /> |
| | | <ai-editor :value="form.reportText" style="width: 100%" placeholder="请输入报告正文" :readOnly="true" /> |
| | | </el-form-item> |
| | | <div class="header-title" style="width: 100%"> |
| | | <div class="header-title-left"> |
| | |
| | | </div> |
| | | </div> |
| | | <el-form-item prop="name" style="margin-top: -18px"> |
| | | <el-upload |
| | | action="#" |
| | | :file-list="fileList" |
| | | disabled |
| | | :on-preview="handlePreview" |
| | | > |
| | | <el-upload action="#" :file-list="fileList" disabled :on-preview="handlePreview"> |
| | | <!-- <el-button size="small" type="primary" disabled>点击上传</el-button> --> |
| | | </el-upload> |
| | | </el-form-item> |
| | |
| | | <div class="status"> |
| | | <div class="status-title">审批结果</div> |
| | | <div class="status-content"> |
| | | <div |
| | | class="resolve" |
| | | :class="status == '1' && 'activeStatus'" |
| | | @click.stop="status = 1" |
| | | > |
| | | <div class="resolve" :class="status == '1' && 'activeStatus'" @click.stop="status = 1"> |
| | | 通过 |
| | | </div> |
| | | <div |
| | | class="reject" |
| | | :class="status == '2' && 'activeStatus'" |
| | | @click.stop="status = 2" |
| | | > |
| | | <div class="reject" :class="status == '2' && 'activeStatus'" @click.stop="status = 2"> |
| | | 驳回 |
| | | </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> |
| | | </div> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="handleClose">取 消</el-button> |
| | | <el-button type="primary" @click="handleApprove" v-if="type == 'approve'" |
| | | >确 定</el-button |
| | | > |
| | | <el-button type="primary" @click="handleApprove" v-if="type == 'approve'">确 定</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </template> |
| | |
| | | import AiEditor from "@/components/AiEditor"; |
| | | import { getDetail, audit } from "../../service"; |
| | | 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"); |
| | | } |
| | | } |
| | |
| | | res.status == 2 |
| | | ? "primary" |
| | | : res.status == 4 |
| | | ? "primary" |
| | | : "warning", |
| | | ? "primary" |
| | | : "warning", |
| | | mode: "list", |
| | | fields: [ |
| | | { |
| | |
| | | res.status == 2 |
| | | ? "通过" |
| | | : res.status == 4 |
| | | ? "驳回" |
| | | : "待审批", |
| | | ? "驳回" |
| | | : "待审批", |
| | | }, |
| | | { label: "审批意见:", value: res.auditRemark || "" }, |
| | | { |