修改页面样式
This commit is contained in:
parent
fc2c602554
commit
4e945a191d
|
@ -37,7 +37,7 @@ import type {UploadInstance, UploadProps, UploadRawFile} from "element-plus";
|
|||
import {getToken} from "@/utils/auth";
|
||||
import {api} from "@/api/api";
|
||||
|
||||
const props = defineProps<{ modelValue: string; showDownload?: boolean }>();
|
||||
const props = defineProps<{ modelValue: string | null; showDownload?: boolean }>();
|
||||
const emit = defineEmits(["update:modelValue"]);
|
||||
const headers = ref({Authorization: ""});
|
||||
const upload = ref<UploadInstance>();
|
||||
|
|
|
@ -52,7 +52,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<el-button type="success" size="small" @click="showOriginFillSheet">原件</el-button>
|
||||
<el-button size="small" @click="showOriginFillSheet">原件</el-button>
|
||||
<el-button type="primary" size="small">审核</el-button>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -94,7 +94,8 @@
|
|||
title="导入三方接口数据?"
|
||||
>
|
||||
<template #reference>
|
||||
<el-button type="primary" link class="!text-[1rem] ml-1" style="vertical-align:baseline">导入</el-button>
|
||||
<el-button type="primary" link class="!text-[1rem] ml-1" style="vertical-align:baseline">导入
|
||||
</el-button>
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
|
||||
|
@ -144,7 +145,8 @@
|
|||
<span class="inline-block" style="width: 4rem">实收款</span>
|
||||
</th>
|
||||
<th><span>备注</span>
|
||||
<el-button type="primary" link class="!text-[1rem] ml-1" style="vertical-align:baseline">编辑</el-button>
|
||||
<el-button type="primary" link class="!text-[1rem] ml-1" style="vertical-align:baseline">编辑
|
||||
</el-button>
|
||||
</th>
|
||||
<th>操作
|
||||
</th>
|
||||
|
@ -177,8 +179,8 @@
|
|||
</div>
|
||||
<div class="flex">
|
||||
<div class="ml-auto mx-4 my-2">
|
||||
<el-button size="small" type="warning" @click="cancelWork">取消</el-button>
|
||||
<el-button size="small" type="danger" @click="deleteWork">删除</el-button>
|
||||
<el-button size="small" type="warning" @click="cancelWork">驳回申请</el-button>
|
||||
<el-button size="small" type="danger" @click="deleteWork">删除申请</el-button>
|
||||
<el-button size="small" type="primary" @click="finishWork">完成审核</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -261,9 +263,9 @@ const prop = defineProps<{ rateServe: RateServe }>()
|
|||
const cancelWorkVisible = ref(false)
|
||||
const deleteWorkVisible = ref(false)
|
||||
const finishWorkVisible = ref(false)
|
||||
const cancelRemark = ref('资料审核不通过')
|
||||
const deleteRemark = ref('取消该作业')
|
||||
const finishRemark = ref('资料审核通过')
|
||||
const cancelRemark = ref('资料审核不通过,请重新申请')
|
||||
const deleteRemark = ref('该作业已删除')
|
||||
const finishRemark = ref('资料审核已通过')
|
||||
|
||||
const editRemarkNodeTemp = ref({
|
||||
nodeName: '',
|
||||
|
@ -388,8 +390,17 @@ const showOriginFillSheet=()=>{
|
|||
font-size: 1rem !important;
|
||||
}
|
||||
|
||||
//html[class*='dark'] {
|
||||
// .node-content {
|
||||
// border: 1px solid rgb(110 110 110 / 47%);
|
||||
// border-radius: 1rem;
|
||||
// @apply pt-4 pb-6
|
||||
// }
|
||||
//}
|
||||
|
||||
.node-content {
|
||||
border: 1px dashed var(--el-border-color);
|
||||
border: 1px solid var(--el-border-color);
|
||||
border-radius: 1rem;
|
||||
@apply pt-4 pb-6
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -44,11 +44,7 @@
|
|||
<th><span>分数</span></th>
|
||||
<th><span>打分时间</span></th>
|
||||
<th><span>打分详情</span></th>
|
||||
<th><span>有效期</span>
|
||||
<el-button type="primary" link class="!text-[1rem] ml-1" style="vertical-align:baseline"
|
||||
@click="showExpiryDateEdit">编辑
|
||||
</el-button>
|
||||
</th>
|
||||
|
||||
<th colspan="2"><span>备注</span>
|
||||
<el-button type="primary" link class="!text-[1rem] ml-1" style="vertical-align:baseline"
|
||||
@click="showRemarkEdit('rate_work_node')">编辑
|
||||
|
@ -68,7 +64,6 @@
|
|||
<td>
|
||||
<el-button type="primary" size="small">查看</el-button>
|
||||
</td>
|
||||
<td>1年</td>
|
||||
<td colspan="2">{{ rateServe.rate_work_node?.remark || '-' }}</td>
|
||||
<td>
|
||||
<el-popconfirm
|
||||
|
@ -111,7 +106,8 @@
|
|||
<table class="w-full fill-sheet-node-table" style="table-layout: fixed;">
|
||||
<tr>
|
||||
<th><span>初版报告</span>
|
||||
<el-button type="primary" link class="!text-[1rem] ml-1" style="vertical-align:baseline">生成
|
||||
<el-button type="primary" link class="!text-[1rem] ml-1" style="vertical-align:baseline"
|
||||
@click="showReportCreateDialog">生成
|
||||
</el-button>
|
||||
</th>
|
||||
<th><span>生成时间</span></th>
|
||||
|
@ -121,7 +117,6 @@
|
|||
</el-button>
|
||||
</th>
|
||||
<th><span>上传时间</span></th>
|
||||
<th></th>
|
||||
<th colspan="2"><span>备注</span>
|
||||
<el-button type="primary" link class="!text-[1rem] ml-1" style="vertical-align:baseline"
|
||||
@click="showRemarkEdit('report_work_node')">编辑
|
||||
|
@ -132,20 +127,19 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<el-button type="success" size="small">预览</el-button>
|
||||
<el-button size="small">预览</el-button>
|
||||
<el-button type="primary" size="small">下载</el-button>
|
||||
</td>
|
||||
<td>
|
||||
{{ rateServe.report_work_node?.origin_create_time || '-' }}
|
||||
</td>
|
||||
<td>
|
||||
<el-button type="success" size="small">预览</el-button>
|
||||
<el-button size="small">预览</el-button>
|
||||
<el-button type="primary" size="small">下载</el-button>
|
||||
</td>
|
||||
<td>
|
||||
{{ rateServe.report_work_node?.final_create_time || '-' }}
|
||||
</td>
|
||||
<td></td>
|
||||
<td colspan="2">
|
||||
{{ rateServe.report_work_node?.remark || '-' }}
|
||||
</td>
|
||||
|
@ -189,14 +183,14 @@
|
|||
<div class="node-content">
|
||||
<table class="w-full fill-sheet-node-table" style="table-layout: fixed;">
|
||||
<tr>
|
||||
<th><span>初版报告</span>
|
||||
<el-button type="primary" link class="!text-[1rem] ml-1" style="vertical-align:baseline">生成
|
||||
<th><span>证书</span>
|
||||
<el-button type="primary" link class="!text-[1rem] ml-1" style="vertical-align:baseline"
|
||||
@click="showCertCreateDialog">生成
|
||||
</el-button>
|
||||
</th>
|
||||
<th><span>生成时间</span></th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
|
||||
<th colspan="2"><span>备注</span>
|
||||
<el-button type="primary" link class="!text-[1rem] ml-1" style="vertical-align:baseline"
|
||||
|
@ -208,7 +202,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<el-button type="success" size="small">预览</el-button>
|
||||
<el-button size="small">预览</el-button>
|
||||
<el-button type="primary" size="small">下载</el-button>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -216,7 +210,6 @@
|
|||
</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2">
|
||||
{{ rateServe.report_work_node?.remark || '-' }}
|
||||
</td>
|
||||
|
@ -317,6 +310,44 @@
|
|||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog style="width: 30rem" center title="报告生成" v-model="reportCreateDialogVisible">
|
||||
<el-form label-position="left" label-width="auto">
|
||||
<el-form-item label="报告显示日期">
|
||||
<el-date-picker type="date" v-model="reportCreateParams.reportTime"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="有限期">
|
||||
<el-input-number style="width: 7rem" v-model="reportCreateParams.expiryYear"/>
|
||||
<span class="ml-2">年</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="flex">
|
||||
<div class="ml-auto">
|
||||
<el-button type="info" size="small" @click="reportCreateDialogVisible=false">取消</el-button>
|
||||
<el-button type="primary" size="small" @click="confirmReportCreate">确定</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog style="width: 30rem" center title="证书生成" v-model="certCreateDialogVisible">
|
||||
<el-form label-position="left" label-width="auto">
|
||||
<el-form-item label="证书显示日期">
|
||||
<el-date-picker type="date" style="width: 9rem" v-model="certCreateParams.certTime"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="有限期">
|
||||
<el-input-number style="width: 9rem" v-model="certCreateParams.expiryYear"/>
|
||||
<span class="ml-2">年</span>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="flex">
|
||||
<div class="ml-auto">
|
||||
<el-button type="info" size="small" @click="reportCreateDialogVisible=false">取消</el-button>
|
||||
<el-button type="primary" size="small" @click="confirmReportCreate">确定</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</el-card>
|
||||
</template>
|
||||
|
@ -330,7 +361,7 @@ import {
|
|||
} from "@/views/smebiz/config";
|
||||
import {ref} from "vue";
|
||||
import {ElMessage} from "element-plus";
|
||||
import {WarningFilled} from '@element-plus/icons-vue'
|
||||
import {WarningFilled, View} from '@element-plus/icons-vue'
|
||||
import FileUploadMd from "@/components/EditTabel/fileUploadMd.vue";
|
||||
|
||||
const prop = defineProps<{ rateServe: RateServe }>()
|
||||
|
@ -340,6 +371,10 @@ const finishWorkVisible = ref(false)
|
|||
const cancelRemark = ref('取消该作业')
|
||||
const deleteRemark = ref('删除该作业')
|
||||
const finishRemark = ref('已完成评级作业')
|
||||
const certCreateDialogVisible = ref(false)
|
||||
const certCreateParams = ref({expiryYear: 1, certTime: Date.now()})
|
||||
const reportCreateDialogVisible = ref(false)
|
||||
const reportCreateParams = ref({expiryYear: 1, reportTime: Date.now()})
|
||||
const editRemarkNodeTemp = ref({
|
||||
nodeName: '',
|
||||
remark: ''
|
||||
|
@ -394,8 +429,37 @@ const confirmFinishWork = () => {
|
|||
ElMessage.success("已完成评级作业")
|
||||
}
|
||||
|
||||
const showExpiryDateEdit = () => {
|
||||
|
||||
const showCertCreateDialog = () => {
|
||||
certCreateParams.value = {expiryYear: 1, certTime: Date.now()}
|
||||
certCreateDialogVisible.value = true
|
||||
}
|
||||
|
||||
const confirmCertCreate = () => {
|
||||
if (!certCreateParams.value.certTime || !reportCreateParams.value.expiryYear) {
|
||||
return ElMessage.warning('请补充完整信息')
|
||||
} else {
|
||||
//生成报告
|
||||
certCreateDialogVisible.value = false
|
||||
ElMessage.success('报告生成成功')
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const showReportCreateDialog = () => {
|
||||
reportCreateParams.value = {expiryYear: 1, reportTime: Date.now()}
|
||||
reportCreateDialogVisible.value = true
|
||||
|
||||
}
|
||||
|
||||
const confirmReportCreate = () => {
|
||||
if (!reportCreateParams.value.reportTime || !reportCreateParams.value.expiryYear) {
|
||||
return ElMessage.warning('请补充完整信息')
|
||||
} else {
|
||||
//生成报告
|
||||
reportCreateDialogVisible.value = false
|
||||
ElMessage.success('报告生成成功')
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@ -465,7 +529,8 @@ const showExpiryDateEdit = () => {
|
|||
}
|
||||
|
||||
.node-content {
|
||||
border: 1px dashed var(--el-border-color);
|
||||
border: 1px solid var(--el-border-color);
|
||||
border-radius: 1rem;
|
||||
@apply pt-4 pb-6
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue