104 lines
4.2 KiB
Vue
104 lines
4.2 KiB
Vue
<template>
|
||
<div class="app-container" v-loading="loading">
|
||
<div style="display: flex; width: 100%; position: relative">
|
||
<div style="flex: 1;">
|
||
<el-card header="基本信息" class="card-box">
|
||
<el-descriptions :column="4">
|
||
<el-descriptions-item label="报表编号">{{detail.reportId | dv}}</el-descriptions-item>
|
||
<el-descriptions-item label="部门">{{detail.deptName | dv}}</el-descriptions-item>
|
||
<el-descriptions-item label="报表日期">{{detail.reportDate | dv}}</el-descriptions-item>
|
||
<el-descriptions-item label="总金额">{{detail.totalAmount | dv}} 元</el-descriptions-item>
|
||
<el-descriptions-item label="状态">
|
||
<dict-tag :options="dict.type.report_status" :value="detail.status" size="small"/>
|
||
</el-descriptions-item>
|
||
<el-descriptions-item label="备注" :span="3">{{detail.remark | dv}}</el-descriptions-item>
|
||
<el-descriptions-item label="创建人">{{detail.createBy | dv}}</el-descriptions-item>
|
||
<el-descriptions-item label="创建时间">{{detail.createTime | dv}}</el-descriptions-item>
|
||
<el-descriptions-item label="更新人">{{detail.updateBy | dv}}</el-descriptions-item>
|
||
<el-descriptions-item label="更新时间">{{detail.updateTime | dv}}</el-descriptions-item>
|
||
<el-descriptions-item label="审核人">{{detail.verifyBy | dv}}</el-descriptions-item>
|
||
<el-descriptions-item label="审核时间">{{detail.verifyTime | dv}}</el-descriptions-item>
|
||
<el-descriptions-item label="审核意见" :span="2" v-if="ReportStatus.isVerified(detail.status)">
|
||
{{detail.verifyRemark | dv}}
|
||
</el-descriptions-item>
|
||
</el-descriptions>
|
||
</el-card>
|
||
|
||
<el-card header="工序产量" class="card-box">
|
||
<report-prod
|
||
v-if="!loading"
|
||
:remove-search-columns="['reportId']"
|
||
:hide-columns="['reportId', 'id']"
|
||
:query="{reportId: detail.reportId}"
|
||
:custom-config="{
|
||
containerClass: null,
|
||
showTableOpera: false,
|
||
showSearch: false
|
||
}"/>
|
||
</el-card>
|
||
</div>
|
||
<div style="width: 400px;margin-left: 16px;" v-has-permi="['yh:report:verify']" v-show="ReportStatus.canVerify(detail.status)">
|
||
<el-card header="审核">
|
||
<el-form :model="detail">
|
||
<el-form-item label="审核意见" prop="verifyRemark">
|
||
<el-input v-model="detail.verifyRemark" :autosize="{minRows: 2, maxRows: 10}" type="textarea" maxlength="1000" placeholder="请输入审核意见" show-word-limit/>
|
||
</el-form-item>
|
||
</el-form>
|
||
<el-row type="flex" justify="center">
|
||
<el-button type="success" icon="el-icon-check" plain @click="handleVerify(true)">通 过</el-button>
|
||
<el-button type="danger" icon="el-icon-close" plain @click="handleVerify(false)">驳 回</el-button>
|
||
</el-row>
|
||
</el-card>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import {getReport, verifyReport} from "@/api/yh/report";
|
||
import ReportProd from "@/views/yh/reportProd/index.vue";
|
||
import {ReportStatus} from "@/utils/constants";
|
||
|
||
export default {
|
||
name: "ReportView",
|
||
components: {ReportProd},
|
||
dicts: ['report_status'],
|
||
data() {
|
||
return {
|
||
ReportStatus,
|
||
detail: {},
|
||
loading: false,
|
||
}
|
||
},
|
||
created() {
|
||
this.detail.reportId = this.$route.params.reportId;
|
||
this.getDetail();
|
||
},
|
||
methods: {
|
||
getDetail() {
|
||
this.loading = true;
|
||
getReport(this.detail.reportId, {needProductList: false, needUserProd: false}).then(res => {
|
||
this.detail = res.data;
|
||
}).finally(() => {
|
||
this.loading = false;
|
||
})
|
||
},
|
||
// 处理审核
|
||
handleVerify(pass) {
|
||
this.$confirm(`是否确认${pass ? '通过' : '驳回'}？`, '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(() => {
|
||
verifyReport(this.detail.reportId, pass, this.detail.verifyRemark).then(res => {
|
||
if (res.code === 200) {
|
||
this.$message.success("操作成功");
|
||
this.getDetail();
|
||
}
|
||
})
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|