DigitalMgnt
/
wd-smebiz-manage-web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改页面样式

This commit is contained in:
wcq 2023-08-29 14:50:17 +08:00
parent fc2c602554
commit 4e945a191d
3 changed files with 110 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/EditTabel/fileUploadMd.vue
View File

@ -37,7 +37,7 @@ import type {UploadInstance, UploadProps, UploadRawFile} from "element-plus";
import {getToken} from "@/utils/auth"; import {getToken} from "@/utils/auth";
import {api} from "@/api/api"; 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 emit = defineEmits(["update:modelValue"]);
const headers = ref({Authorization: ""}); const headers = ref({Authorization: ""});
const upload = ref<UploadInstance>(); const upload = ref<UploadInstance>();

29
src/views/smebiz/components/ExamineWork.vue
View File

@ -52,7 +52,7 @@
</tr> </tr>
<tr> <tr>
<td> <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> <el-button type="primary" size="small">审核</el-button>
</td> </td>
<td> <td>
@ -94,7 +94,8 @@
title="导入三方接口数据?" title="导入三方接口数据?"
> >
<template #reference> <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> </template>
</el-popconfirm> </el-popconfirm>
@ -144,7 +145,8 @@
<span class="inline-block" style="width: 4rem">实收款</span> <span class="inline-block" style="width: 4rem">实收款</span>
</th> </th>
<th><span>备注</span> <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>操作 <th>操作
</th> </th>
@ -177,8 +179,8 @@
</div> </div>
<div class="flex"> <div class="flex">
<div class="ml-auto mx-4 my-2"> <div class="ml-auto mx-4 my-2">
<el-button size="small" type="warning" @click="cancelWork">取消</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="danger" @click="deleteWork">删除申请</el-button>
<el-button size="small" type="primary" @click="finishWork">完成审核</el-button> <el-button size="small" type="primary" @click="finishWork">完成审核</el-button>
</div> </div>
</div> </div>
@ -261,9 +263,9 @@ const prop = defineProps<{ rateServe: RateServe }>()
const cancelWorkVisible = ref(false) const cancelWorkVisible = ref(false)
const deleteWorkVisible = ref(false) const deleteWorkVisible = ref(false)
const finishWorkVisible = ref(false) const finishWorkVisible = ref(false)
const cancelRemark = ref('资料审核不通过') const cancelRemark = ref('资料审核不通过，请重新申请')
const deleteRemark = ref('取消该作业') const deleteRemark = ref('该作业已删除')
const finishRemark = ref('资料审核通过') const finishRemark = ref('资料审核已通过')
const editRemarkNodeTemp = ref({ const editRemarkNodeTemp = ref({
nodeName: '', nodeName: '',
@ -388,8 +390,17 @@ const showOriginFillSheet=()=>{
font-size: 1rem !important; 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 { .node-content {
border: 1px dashed var(--el-border-color); border: 1px solid var(--el-border-color);
border-radius: 1rem;
@apply pt-4 pb-6 @apply pt-4 pb-6
} }
</style> </style>

103
src/views/smebiz/components/RateWork.vue
View File

@ -44,11 +44,7 @@
<th><span>分数</span></th> <th><span>分数</span></th>
<th><span>打分时间</span></th> <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> <th colspan="2"><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="showRemarkEdit('rate_work_node')">编辑 @click="showRemarkEdit('rate_work_node')">编辑
@ -68,7 +64,6 @@
<td> <td>
<el-button type="primary" size="small">查看</el-button> <el-button type="primary" size="small">查看</el-button>
</td> </td>
<td>1年</td>
<td colspan="2">{{ rateServe.rate_work_node?.remark || '-' }}</td> <td colspan="2">{{ rateServe.rate_work_node?.remark || '-' }}</td>
<td> <td>
<el-popconfirm <el-popconfirm
@ -111,7 +106,8 @@
<table class="w-full fill-sheet-node-table" style="table-layout: fixed;"> <table class="w-full fill-sheet-node-table" style="table-layout: fixed;">
<tr> <tr>
<th><span>初版报告</span> <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> </el-button>
</th> </th>
<th><span>生成时间</span></th> <th><span>生成时间</span></th>
@ -121,7 +117,6 @@
</el-button> </el-button>
</th> </th>
<th><span>上传时间</span></th> <th><span>上传时间</span></th>
<th></th>
<th colspan="2"><span>备注</span> <th colspan="2"><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="showRemarkEdit('report_work_node')">编辑 @click="showRemarkEdit('report_work_node')">编辑
@ -132,20 +127,19 @@
</tr> </tr>
<tr> <tr>
<td> <td>
<el-button type="success" size="small">预览</el-button> <el-button size="small">预览</el-button>
<el-button type="primary" size="small">下载</el-button> <el-button type="primary" size="small">下载</el-button>
</td> </td>
<td> <td>
{{ rateServe.report_work_node?.origin_create_time || '-' }} {{ rateServe.report_work_node?.origin_create_time || '-' }}
</td> </td>
<td> <td>
<el-button type="success" size="small">预览</el-button> <el-button size="small">预览</el-button>
<el-button type="primary" size="small">下载</el-button> <el-button type="primary" size="small">下载</el-button>
</td> </td>
<td> <td>
{{ rateServe.report_work_node?.final_create_time || '-' }} {{ rateServe.report_work_node?.final_create_time || '-' }}
</td> </td>
<td></td>
<td colspan="2"> <td colspan="2">
{{ rateServe.report_work_node?.remark || '-' }} {{ rateServe.report_work_node?.remark || '-' }}
</td> </td>
@ -189,14 +183,14 @@
<div class="node-content"> <div class="node-content">
<table class="w-full fill-sheet-node-table" style="table-layout: fixed;"> <table class="w-full fill-sheet-node-table" style="table-layout: fixed;">
<tr> <tr>
<th><span>初版报告</span> <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="showCertCreateDialog">生成
</el-button> </el-button>
</th> </th>
<th><span>生成时间</span></th> <th><span>生成时间</span></th>
<th></th> <th></th>
<th></th> <th></th>
<th></th>
<th colspan="2"><span>备注</span> <th colspan="2"><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"
@ -208,7 +202,7 @@
</tr> </tr>
<tr> <tr>
<td> <td>
<el-button type="success" size="small">预览</el-button> <el-button size="small">预览</el-button>
<el-button type="primary" size="small">下载</el-button> <el-button type="primary" size="small">下载</el-button>
</td> </td>
<td> <td>
@ -216,7 +210,6 @@
</td> </td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td colspan="2"> <td colspan="2">
{{ rateServe.report_work_node?.remark || '-' }} {{ rateServe.report_work_node?.remark || '-' }}
</td> </td>
@ -317,6 +310,44 @@
</div> </div>
</template> </template>
</el-dialog> </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> </div>
</el-card> </el-card>
</template> </template>
@ -330,7 +361,7 @@ import {
} from "@/views/smebiz/config"; } from "@/views/smebiz/config";
import {ref} from "vue"; import {ref} from "vue";
import {ElMessage} from "element-plus"; 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"; import FileUploadMd from "@/components/EditTabel/fileUploadMd.vue";
const prop = defineProps<{ rateServe: RateServe }>() const prop = defineProps<{ rateServe: RateServe }>()
@ -340,6 +371,10 @@ const finishWorkVisible = ref(false)
const cancelRemark = ref('取消该作业') const cancelRemark = ref('取消该作业')
const deleteRemark = ref('删除该作业') const deleteRemark = ref('删除该作业')
const finishRemark = 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({ const editRemarkNodeTemp = ref({
nodeName: '', nodeName: '',
remark: '' remark: ''
@ -394,8 +429,37 @@ const confirmFinishWork = () => {
ElMessage.success("已完成评级作业") 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 { .node-content {
border: 1px dashed var(--el-border-color); border: 1px solid var(--el-border-color);
border-radius: 1rem;
@apply pt-4 pb-6 @apply pt-4 pb-6
} }
</style> </style>