bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'material-ui' of http://192.168.0.75:3000/bonus/bonus-ui into material-ui

This commit is contained in:
hongchao 2025-02-21 02:02:50 +08:00
parent 90b9fbab66 475fc935dc
commit 8c9ca1f7a4
14 changed files with 1193 additions and 651 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/api/business/index.js
View File

@ -157,3 +157,39 @@ export function deleteRedif(id) {
method: 'delete'
})
}
// 直转审核-列表
export function getDerateList(query) {
return request({
url: '/material/directAudit/list',
method: 'get',
params: query
})
}
// 直转审核-详情
export function getInfoById(query) {
return request({
url: '/material/directAudit/getInfoById',
method: 'get',
params: query
})
}
// 直转审核-流程信息
export function getAuditInfo(query) {
return request({
url: '/material/directAudit/getAuditInfo',
method: 'get',
params: query
})
}
// 直转审核-审核
export function auditDir(data) {
return request({
url: '/material/directAudit/auditDir',
method: 'post',
data
})
}

10
src/api/receive-apply/index.js
View File

@ -19,16 +19,16 @@ export function getReceiveApplyDetailsApi(query) {
// 获取审核记录详情
export function getAuditingDetailsApi(query) {
return request({
url: '/material//sysWorkflowNode/listByTaskId',
url: '/material/sysWorkflowNode/listByTaskId',
method: 'get',
params: query
})
}
// 审核提交接口
export function submitAuditingApi(query) {
export function submitAuditingApi(data) {
return request({
url: '/material/ma_type/getMaTypeTreeSelect',
method: 'get',
params: query
url: '/material/sysWorkflowRecordHistory/update',
method: 'post',
data
})
}

4
src/api/reduction-apply/index.js
View File

@ -16,10 +16,10 @@ export function getReceiveApplyDetailsApi(query) {
params: query
})
}
// 获取减免申请记录详情
// 获取减免申请审核记录详情
export function getAuditingDetailsApi(query) {
return request({
url: '/material//sysWorkflowNode/listByTaskId',
url: '/material/sysWorkflowNode/listByTaskId',
method: 'get',
params: query
})

2
src/router/index.js
View File

@ -203,7 +203,7 @@ export const dynamicRoutes = [
path: '/business-details/direct-rotation-apply',
component: Layout, // 后续单独拎出来时 要取消layout 直接是独立页面 类似于404页面配置即可
hidden: true,
permissions: ['*'], // 权限字符
permissions: ['direct-apply:list'], // 权限字符
children: [
{
path: 'index',

301
src/store/modules/user.js
View File

@ -1,4 +1,4 @@
import { login, logout, getInfo, refreshToken, getPhoneCode, isLogin,isAdmin} from '@/api/login'
import { login, logout, getInfo, refreshToken, getPhoneCode, isLogin, isAdmin } from '@/api/login'
import { getToken, setToken, setExpiresIn, removeToken } from '@/utils/auth'
// 更严格的手机号和邮箱正则表达式
@ -6,157 +6,168 @@ const phonePattern = /^(\+86)?1[3-9]\d{9}$/ // 支持前缀 +86
const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/
// 构建 payload 函数
const buildPayload = ({ loginMethod, username, password, uuid, code, mobile, verificationCode,phoneUuid }) => {
let loginType = ''
if (loginMethod === 'mobile') {
loginType = phonePattern.test(mobile.trim()) ? 'PHONE_OTP' : emailPattern.test(mobile.trim()) ? 'EMAIL_OTP' : 'PHONE_OTP'
return {
username: mobile.trim(),
verificationCode,
uuid,
code,
loginType,
phoneUuid
const buildPayload = ({ loginMethod, username, password, uuid, code, mobile, verificationCode, phoneUuid }) => {
let loginType = ''
if (loginMethod === 'mobile') {
loginType = phonePattern.test(mobile.trim())
? 'PHONE_OTP'
: emailPattern.test(mobile.trim())
? 'EMAIL_OTP'
: 'PHONE_OTP'
return {
username: mobile.trim(),
verificationCode,
uuid,
code,
loginType,
phoneUuid
}
} else {
loginType = phonePattern.test(username.trim())
? 'PHONE_PASSWORD'
: emailPattern.test(username.trim())
? 'EMAIL_PASSWORD'
: 'USERNAME_PASSWORD'
return {
username: username.trim(),
password,
verificationCode,
uuid,
code,
loginType,
phoneUuid
}
}
} else {
loginType = phonePattern.test(username.trim()) ? 'PHONE_PASSWORD' : emailPattern.test(username.trim()) ? 'EMAIL_PASSWORD' : 'USERNAME_PASSWORD'
return {
username: username.trim(),
password,
verificationCode,
uuid,
code,
loginType,
phoneUuid
}
}
}
const user = {
state: {
token: getToken(),
id: '',
name: '',
avatar: '',
roles: [],
permissions: []
},
state: {
token: getToken(),
id: '',
name: '',
avatar: '',
roles: [],
permissions: []
},
mutations: {
SET_TOKEN(state, token) {
state.token = token
mutations: {
SET_TOKEN(state, token) {
state.token = token
},
SET_EXPIRES_IN(state, time) {
state.expires_in = time
},
SET_ID(state, id) {
state.id = id
},
SET_NAME(state, name) {
state.name = name
},
SET_AVATAR(state, avatar) {
state.avatar = avatar
},
SET_ROLES(state, roles) {
state.roles = roles
},
SET_PERMISSIONS(state, permissions) {
state.permissions = permissions
}
},
SET_EXPIRES_IN(state, time) {
state.expires_in = time
},
SET_ID(state, id) {
state.id = id
},
SET_NAME(state, name) {
state.name = name
},
SET_AVATAR(state, avatar) {
state.avatar = avatar
},
SET_ROLES(state, roles) {
state.roles = roles
},
SET_PERMISSIONS(state, permissions) {
state.permissions = permissions
actions: {
IsLogin({ commit }, userInfo) {
const payload = buildPayload(userInfo)
return isLogin(payload)
.then(res => res)
.catch(error => Promise.reject(error))
},
IsAdmin({ commit }, userInfo) {
const payload = buildPayload(userInfo)
return isAdmin(payload)
.then(res => res)
.catch(error => Promise.reject(error))
},
// 登录
Login({ commit }, userInfo) {
const payload = buildPayload(userInfo)
return login(payload)
.then(res => {
const { access_token, expires_in } = res.data
setToken(access_token)
commit('SET_TOKEN', access_token)
setExpiresIn(expires_in)
commit('SET_EXPIRES_IN', expires_in)
return res
})
.catch(error => Promise.reject(error))
},
// 获取手机验证码
GetPhoneCode({ commit }, userInfo) {
const payload = {
username: userInfo.mobile.trim(),
uuid: userInfo.uuid,
code: userInfo.code,
phoneUuid: userInfo.phoneUuid,
verificationCodeType: userInfo.mobileCodeType
}
return getPhoneCode(payload)
.then(res => res)
.catch(error => Promise.reject(error))
},
// 获取用户信息
GetInfo({ commit }) {
return getInfo()
.then(res => {
const user = res.user
const avatar = user.avatar ? user.avatar : require('@/assets/images/profile.jpg')
commit('SET_ROLES', res.roles && res.roles.length > 0 ? res.roles : ['ROLE_DEFAULT'])
commit('SET_PERMISSIONS', res.permissions)
commit('SET_ID', user.userId)
commit('SET_NAME', user.userName)
commit('SET_AVATAR', avatar)
// 存取用户的userId
sessionStorage.setItem('userId', res.user.userId)
return res
})
.catch(error => Promise.reject(error))
},
// 刷新 token
RefreshToken({ commit, state }) {
return refreshToken(state.token)
.then(res => {
const expiresIn = res.data
setExpiresIn(expiresIn)
commit('SET_EXPIRES_IN', expiresIn)
})
.catch(error => Promise.reject(error))
},
// 退出登录
LogOut({ commit, state }) {
return logout(state.token)
.then(() => {
commit('SET_TOKEN', '')
commit('SET_ROLES', [])
commit('SET_PERMISSIONS', [])
removeToken()
})
.catch(error => Promise.reject(error))
},
// 前端退出
FedLogOut({ commit }) {
return new Promise(resolve => {
commit('SET_TOKEN', '')
removeToken()
resolve()
})
}
}
},
actions: {
IsLogin({ commit }, userInfo) {
const payload = buildPayload(userInfo)
return isLogin(payload)
.then(res => res)
.catch(error => Promise.reject(error))
},
IsAdmin({ commit }, userInfo) {
const payload = buildPayload(userInfo)
return isAdmin(payload)
.then(res => res)
.catch(error => Promise.reject(error))
},
// 登录
Login({ commit }, userInfo) {
const payload = buildPayload(userInfo)
return login(payload)
.then(res => {
const { access_token, expires_in } = res.data
setToken(access_token)
commit('SET_TOKEN', access_token)
setExpiresIn(expires_in)
commit('SET_EXPIRES_IN', expires_in)
return res;
})
.catch(error => Promise.reject(error))
},
// 获取手机验证码
GetPhoneCode({ commit }, userInfo) {
const payload = {
username: userInfo.mobile.trim(),
uuid: userInfo.uuid,
code: userInfo.code,
phoneUuid: userInfo.phoneUuid,
verificationCodeType: userInfo.mobileCodeType
}
return getPhoneCode(payload)
.then(res => res)
.catch(error => Promise.reject(error))
},
// 获取用户信息
GetInfo({ commit }) {
return getInfo()
.then(res => {
const user = res.user
const avatar = user.avatar ? user.avatar : require('@/assets/images/profile.jpg')
commit('SET_ROLES', res.roles && res.roles.length > 0 ? res.roles : ['ROLE_DEFAULT'])
commit('SET_PERMISSIONS', res.permissions)
commit('SET_ID', user.userId)
commit('SET_NAME', user.userName)
commit('SET_AVATAR', avatar)
return res
})
.catch(error => Promise.reject(error))
},
// 刷新 token
RefreshToken({ commit, state }) {
return refreshToken(state.token)
.then(res => {
const expiresIn = res.data
setExpiresIn(expiresIn)
commit('SET_EXPIRES_IN', expiresIn)
})
.catch(error => Promise.reject(error))
},
// 退出登录
LogOut({ commit, state }) {
return logout(state.token)
.then(() => {
commit('SET_TOKEN', '')
commit('SET_ROLES', [])
commit('SET_PERMISSIONS', [])
removeToken()
})
.catch(error => Promise.reject(error))
},
// 前端退出
FedLogOut({ commit }) {
return new Promise(resolve => {
commit('SET_TOKEN', '')
removeToken()
resolve()
})
}
}
}
export default user

454
src/views/business-examine/direct-rotation-apply/business-details.vue
View File

@ -1,22 +1,450 @@
<template>
<div class="business-details-container">
<el-row>
<el-col :span="18">
<div class="left-container">左侧</div>
</el-col>
<el-col :span="6">
<div class="right-container">右侧</div>
</el-col>
</el-row>
</div>
<div class="business-details-container">
<el-row>
<el-col :span="18">
<div class="left-container">
<div class="pages-title">直转申请详情</div>
<TitleTip :title="`基本信息`" />
<el-form :model="maForm" ref="maForm" size="small" label-width="100px" disabled style="margin-top: 20px">
<el-row :gutter="20" class="cont-center" style="margin-bottom: 20px">
<el-col :span="10" :offset="0">
<el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px">
<!-- card body -->
<el-form-item label="转出单位" prop="backUnitId">
<el-input
v-model="maForm.backUnitName"
placeholder="请输入转出单位"
clearable
maxlength="50"
style="width: 240px"
/>
</el-form-item>
<el-form-item label="转出工程" prop="backProId">
<el-input
v-model="maForm.backProName"
placeholder="请输入转出工程"
clearable
maxlength="50"
style="width: 240px"
/>
</el-form-item>
<el-form-item label="转出人" prop="backMan">
<el-input
v-model="maForm.backMan"
placeholder="请输入转出人"
clearable
maxlength="50"
style="width: 240px"
/>
</el-form-item>
<el-form-item label="联系电话" prop="backPhone">
<el-input
v-model="maForm.backPhone"
placeholder="请输入联系电话"
clearable
maxlength="11"
style="width: 240px"
/>
</el-form-item>
</el-card>
</el-col>
<el-col :span="3" :offset="0">
<div class="cont-center">
<el-image
style="width: 100px; height: 100px"
:src="require('@/assets/img/transform.png')"
fit="fit"
></el-image>
</div>
</el-col>
<el-col :span="10" :offset="0">
<el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px">
<!-- card body -->
<el-form-item label="转入单位" prop="leaseUnitId">
<el-input
v-model="maForm.leaseUnitName"
placeholder="请输入转入单位"
clearable
maxlength="50"
style="width: 240px"
/>
</el-form-item>
<el-form-item label="转入工程" prop="leaseProId">
<el-input
v-model="maForm.leaseProName"
placeholder="请输入转入工程"
clearable
maxlength="50"
style="width: 240px"
/>
</el-form-item>
<el-form-item label="转入人" prop="leaseMan">
<el-input
v-model="maForm.leaseMan"
placeholder="请输入转入人"
clearable
maxlength="50"
style="width: 240px"
/>
</el-form-item>
<el-form-item label="联系电话" prop="leasePhone">
<el-input
v-model="maForm.leasePhone"
placeholder="请输入联系电话"
clearable
maxlength="11"
style="width: 240px"
/>
</el-form-item>
</el-card>
</el-col>
</el-row>
</el-form>
<TitleTip :title="`明细信息`" />
<el-table ref="equipmentList" :data="equipmentList">
<el-table-column align="center" label="序号" type="index" width="55" />
<el-table-column
v-for="(column, index) in tableColumns"
:key="column.prop"
:label="column.label"
:prop="column.prop"
align="center"
show-overflow-tooltip
></el-table-column>
</el-table>
<TitleTip :title="`附件信息`" />
<div class="file-box">
<div v-for="(file, index) in fileList" :key="index">
<div v-if="file.type === 'pdf'" style="margin: 10px">
<a :href="file.url" target="_blank">
<el-image :src="require('@/assets/file.png')" fit="file" style="width: 100px; height: 100px" />
</a>
</div>
<div v-else-if="file.type === 'image'" style="margin: 10px">
<el-image
:src="file.url"
fit="file"
:preview-src-list="previewList"
@click="handleImg(file)"
style="width: 100px; height: 100px"
/>
</div>
</div>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="right-container">
<div class="right-title">
<div></div>
<div></div>
<div>流程记录</div>
</div>
<div class="process-record">
<el-steps :space="120" direction="vertical">
<el-step v-for="(step, index) in auditingList" :key="index" :title="step.nodeName">
<template slot="description">
<div class="custom-description">
{{ step.nodeName }}
<el-tag size="mini" type="primary" v-if="step.isAccept == 0 || step.isAccept == null">待审批</el-tag>
<el-tag size="mini" type="success" v-if="step.isAccept == 1">已通过</el-tag>
<el-tag size="mini" type="danger" v-if="step.isAccept == 2">已驳回</el-tag>
<div>{{ step.creator }}</div>
<div>{{ step.createTime }}</div>
<div>{{ step.remark }}</div>
</div>
</template>
</el-step>
</el-steps>
</div>
<div class="auditing-container">
<el-input
type="textarea"
v-model="remark"
placeholder="请输入审核意见"
:autosize="{ minRows: 2, maxRows: 6 }"
/>
<el-row class="btn-container">
<el-button type="success" size="mini" @click="onSubmitPass">通过</el-button>
<el-button type="danger" size="mini" @click="onSubmitReject">驳回</el-button>
</el-row>
</div>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
export default {}
import TitleTip from './components/title-tip.vue'
import { getLeaseTaskDetail, receiveDetail, getInfoById, getAuditInfo, auditDir } from '@/api/business/index'
export default {
components: {
TitleTip
},
name: 'directRotationApply',
data() {
return {
id: '',
flowId: '',
isEdit: false, // 是否编辑
isDetail: false, // 是否查看
isAccept: '',
remark: '',
maForm: {},
auditingList: [], // 流程记录
equipmentList: [], // 设备列表
// 表头
tableColumns: [
{ label: '直转数量', prop: 'directNum' },
{ label: '类型名称', prop: 'typeName' },
{ label: '规格型号', prop: 'typeModelName' },
{ label: '计量单位', prop: 'unitName' },
{ label: '领料数量', prop: 'useNum' },
{ label: '领料人', prop: 'leasePerson' },
{ label: '领料日期', prop: 'startTime' }
],
fileList: [
{ name: '文件1', url: 'https://s5.aconvert.com/convert/p3r68-cdx67/vqm2g-dwr99.pdf', type: 'pdf' },
{ name: '文件2', url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', type: 'image' }
],
previewList: []
}
},
created() {
// 判断当前路由页面是否有查询参数
// if (this.$route.query) {
// const { id, taskId } = this.$route.query
// this.getLeaseTaskDetailFun(id, taskId)
// }
if (this.$route.query.type == 'edit') {
this.isEdit = true
this.isDetail = false
this.id = this.$route.query.id
this.flowId = this.$route.query.flowId
const obj = Object.assign({}, this.$route, { title: '直转申请审核' })
this.$tab.updatePage(obj)
} else if (this.$route.query.type == 'detail') {
this.isEdit = false
this.isDetail = true
this.id = this.$route.query.id
this.flowId = this.$route.query.flowId
const obj = Object.assign({}, this.$route, { title: '直转申请详情' })
this.$tab.updatePage(obj)
}
this.getTaskInfo()
this.getAuditInfo()
// this.getLeaseTaskDetailFun()
},
methods: {
// 通过
onSubmitPass() {
// 弹框提示
this.$confirm('是否确认通过审核？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
this.isAccept = 1
this.submitAuditing()
})
.catch(() => {
this.$message.info('已取消')
})
},
// 驳回
onSubmitReject() {
// 弹框提示
this.$confirm('是否确认驳回审核？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
this.isAccept = 2
this.submitAuditing()
})
.catch(() => {
this.$message.info('已取消')
})
},
// 提交审核
async submitAuditing() {
const params = {
flowId: this.flowId,
nodeId: this.auditingList[this.auditingList.length - 1].nodeId,
isAccept: this.isAccept,
remark: this.remark
}
try {
const res = await auditDir(params)
console.log('🚀 ~ submitAuditing ~ res:', res)
this.$message.success('审核成功')
this.$tab.closePage()
} catch (error) {
console.log('🚀 ~ submitAuditing ~ error:', error)
}
},
// 获取详情
async getTaskInfo() {
const loading = this.$loading()
try {
const res = await receiveDetail({ id: this.id })
console.log('🚀 ~ getTaskInfo ~ res:', res)
this.maForm = res.data
this.equipmentList = res.data.directApplyDetails
this.fileList = res.data.dirUrls
if (this.fileList.length > 0) {
this.fileList.forEach(item => {
// 如果url 是 .pdf 结尾 添加 type= pdf
if (item.url.includes('.pdf')) {
item.type = 'pdf'
} else {
item.type = 'image'
}
})
}
console.log('🚀 ~ getTaskInfo ~ fileList:', this.fileList)
console.log('🚀 ~ getTaskInfo ~ this.equipmentList:', this.equipmentList)
loading.close()
} catch (error) {
console.log('🚀 ~ error:', error)
loading.close()
}
},
// 获取审批流程
async getAuditInfo() {
try {
const params = {
id: this.id,
flowId: this.flowId
}
const res = await getAuditInfo(params)
console.log('🚀 ~ getAuditInfo ~ res:', res)
this.auditingList = res.data
console.log('🚀 ~ getAuditInfo ~ this.auditingList:', this.auditingList)
} catch (error) {
console.log('🚀 ~ getAuditInfo ~ error:', error)
}
},
handleImg(img) {
console.log('🚀 ~ handleImg ~ img:', img)
this.previewList = this.fileList.filter(file => file.type === 'image').map(file => file.url)
}
}
}
</script>
<style scoped>
<style scoped lang="scss">
.business-details-container {
padding: 20px;
padding: 20px;
}
.pages-title {
padding: 10px 0 30px 0;
font-size: 20px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
color: #19a4a0;
}
.file-box {
padding: 10px;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
/* div {
width: calc((100% - 110px) / 12);
height: 60px;
margin-right: 10px;
margin-top: 10px;
text-align: center;
line-height: 60px;
background-color: #19a4a0;
}
& div:nth-child(12n) {
margin-right: 0;
} */
}
.right-container {
padding: 0 20px;
}
.right-title {
display: flex;
align-items: center;
font-size: 14px;
& div:first-child {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #19a4a0;
z-index: 9;
}
& div:nth-child(2) {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #b2e1e0;
transform: translateX(-50%);
}
}
.process-record {
margin-top: 20px;
// height: 60vh;
}
.btn-container {
margin-top: 10px;
display: flex;
justify-content: space-around;
}
::v-deep .el-step__icon.is-text {
background-color: #19a4a0;
color: #19a4a0;
border: none;
width: 16px;
height: 16px;
}
::v-deep .el-step.is-vertical .el-step__line {
width: 2px;
top: 26px;
bottom: 8px;
left: 7px;
}
::v-deep .el-step__title.is-finish {
font-weight: bold;
color: #303133;
font-size: 16px;
}
::v-deep .el-step__title.is-wait {
font-weight: bold;
color: #303133;
font-size: 16px;
}
// 居中
.cont-center {
display: flex;
justify-content: center;
align-items: center;
}
</style>

37
src/views/business-examine/direct-rotation-apply/components/title-tip.vue Normal file
View File

@ -0,0 +1,37 @@
<template>
<div class="title-tip">
<div class="is-green"></div>
<div class="title-child">{{ title }}</div>
</div>
</template>
<script>
export default {
props: {
title: {
type: String,
default: () => '基本信息'
}
}
}
</script>
<style scoped>
.title-tip {
display: flex;
align-items: center;
background-color: #ebeaea;
}
.is-green {
margin: 0 6px;
width: 5px;
height: 20px;
background-color: #19a4a0;
}
.title-child {
font-weight: bold;
letter-spacing: 1px;
font-size: 18px;
}
</style>

481
src/views/business-examine/direct-rotation-apply/index.vue
View File

@ -1,276 +1,227 @@
<template>
<!-- 业务办理审核 -->
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item prop="keyWord">
<el-input
clearable
maxlength="20"
placeholder="请输入关键词"
v-model="queryParams.keyWord"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
</el-col> -->
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="configList" ref="multipleTable">
<el-table-column
width="80"
label="序号"
type="index"
align="center"
:index="indexContinuation(queryParams.pageNum, queryParams.pageSize)"
/>
<!-- 点击跳转到二级页面配置审核流程 -->
<el-table-column label="流程名称" align="center" prop="typeName" />
<el-table-column label="会签类型" align="center" prop="taskName" show-overflow-tooltip />
<el-table-column label="操作" align="center" width="180">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
icon="el-icon-zoom-in"
@click="handlePreview(scope.row)"
v-hasPermi="['signConfig:info:edit']"
>
查看
</el-button>
<el-button
size="mini"
type="warning"
icon="el-icon-edit"
@click="handleAuditing(scope.row)"
v-hasPermi="['signConfig:info:remove']"
>
审核
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
:total="total"
v-show="total > 0"
@pagination="getList"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
<!-- 基础页面 -->
<div class="app-container">
<el-form v-show="showSearch" :model="queryParams" ref="queryForm" size="small" inline>
<el-form-item label="申请日期" prop="timeRange">
<el-date-picker
v-model="queryParams.timeRange"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
clearable
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
/>
</el-form-item>
<el-form-item label="关键字" prop="keyWord">
<el-input
v-model="queryParams.keyWord"
placeholder="请输入关键字"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="审核状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择审核状态" clearable>
<el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<!-- 新增或修改弹窗 -->
<el-dialog :title="title" :visible.sync="showConfig" width="40%" append-to-body @close="onDialogClose">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row :gutter="24">
<el-col :span="20">
<el-form-item label="流程名称" prop="typeName">
<el-input v-model="form.typeName" placeholder="请输入流程名称" clearable />
</el-form-item>
</el-col>
</el-row>
<!-- 表单按钮 -->
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
<el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="24">
<el-col :span="20">
<el-form-item label="会签类型" prop="taskType">
<el-select
filterable
clearable
style="width: 100%"
v-model="form.taskType"
placeholder="请选择会签类型"
>
<el-option
:key="dict.value"
:label="dict.label"
:value="dict.value"
v-for="dict in dict.type.countersign_type_name"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
</div>
</el-dialog>
</div>
<!-- <el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">直转申请</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出数据</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> -->
<el-table :data="tableList" fit highlight-current-row style="width: 100%">
<!-- 多选 -->
<el-table-column type="selection" width="55" align="center" @selection-change="selectionChange" />
<el-table-column
type="index"
width="55"
label="序号"
align="center"
:index="indexContinuation(queryParams.pageNum, queryParams.pageSize)"
/>
<el-table-column
v-for="(column, index) in tableColumns"
show-overflow-tooltip
:key="column.prop"
:label="column.label"
:prop="column.prop"
align="center"
>
<!-- 插槽 -->
<template v-slot="scope" v-if="column.prop == 'flowStatus'">
<el-tag v-if="scope.row.flowStatus == '0'" type="warning" size="mini" style="margin-right: 5px">
待审核
</el-tag>
<el-tag v-else-if="scope.row.flowStatus == '1'" size="mini" style="margin-right: 5px">审核中</el-tag>
<el-tag v-else-if="scope.row.flowStatus == '2'" type="success" size="mini" style="margin-right: 5px">
已审核
</el-tag>
<el-tag v-else-if="scope.row.flowStatus == '3'" type="error" size="mini" style="margin-right: 5px">
已驳回
</el-tag>
</template>
</el-table-column>
<!-- 操作 -->
<el-table-column label="操作" align="center" width="180">
<template slot-scope="scope">
<!-- <el-button type="text" size="mini" icon="el-icon-search" @click="handleEdit(scope.row, 1)">查看</el-button> -->
<el-button
v-if="scope.row.flowStatus == '0' || scope.row.flowStatus == '1'"
type="text"
size="mini"
icon="el-icon-edit"
@click="handleEdit(scope.row, 2)"
>
审核
</el-button>
<!-- <el-button
v-if="scope.row.status == '0'"
type="text"
size="mini"
icon="el-icon-delete"
style="color: #f56c6c"
@click="handleDelete(scope.row)"
>
删除
</el-button> -->
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
<script>
import { getConfigListApi, addConfigApi, editConfigApi, deleteConfigApi } from '@/api/countersign/countersign'
import { getReceiveList, receiveDelete, getDerateList } from '@/api/business/index'
export default {
name: 'signConfig',
dicts: ['countersign_process_name', 'countersign_type_name'],
data() {
return {
// 遮罩层
loading: false,
// 显示搜索条件
showSearch: true,
showConfig: false,
// 总条数
total: 0,
// 会签配置表格数据
configList: [],
// 弹出层标题
title: '',
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
keyWord: undefined
},
// 表单参数
form: {
typeName: '',
taskType: ''
},
// 表单校验
rules: {
typeName: [
{
required: true,
message: '请输入流程名称',
trigger: 'blur'
},
{ max: 30, message: '长度不能超过30个字符', trigger: 'blur' }
],
taskType: [
{
required: true,
message: '请选择会签类型',
trigger: 'blur'
}
]
}
}
},
created() {
this.getList()
},
methods: {
// 取消按钮
cancel() {
this.showConfig = false
},
// 搜索
handleQuery() {
this.getList()
},
// 弹框关闭时触发
onDialogClose() {
this.$refs.form.resetFields()
},
// 表单重置
reset() {
this.form = {
typeName: '',
taskType: ''
}
this.resetForm('form')
},
// 新增
handleAdd() {
this.reset()
this.showConfig = true
this.title = '新增'
},
// 重置
resetQuery() {
this.resetForm('queryForm')
this.queryParams.keyWord = null
this.queryParams.pageNum = 1
this.queryParams.pageSize = 10
this.handleQuery()
},
// 编辑
handleUpdate(row) {
const { typeName, taskType, id } = row
this.form.typeName = typeName
this.form.taskType = taskType + ''
this.form.id = id
this.title = '编辑'
this.showConfig = true
},
// 查询列表
async getList() {
this.loading = true
const res = await getConfigListApi(this.queryParams)
this.configList = res.rows
this.total = res.total
this.loading = false
},
// 删除
handleDelete(row) {
const id = row.id
this.$modal
.confirm('是否确认删除数据项？')
.then(function () {
return deleteConfigApi({ id })
})
.then(() => {
this.$modal.msgSuccess('删除成功')
this.getList()
})
.catch(() => {})
},
// 提交
submitForm() {
this.$refs['form'].validate(valid => {
if (valid) {
if (this.form.id != undefined) {
editConfigApi(this.form).then(res => {
this.$modal.msgSuccess('修改成功')
this.showConfig = false
this.getList()
})
} else {
addConfigApi(this.form).then(res => {
this.$modal.msgSuccess('新增成功')
this.showConfig = false
this.getList()
})
}
}
})
},
// 查询
handlePreview() {
this.$router.push({ name: 'receive-apply-details' }) // 跳转业务详情页面
},
// 审核
handleAuditing() {}
data() {
return {
showSearch: true,
queryParams: {
pageNum: 1,
pageSize: 10,
keyWord: '', // 关键字
status: '', // 审核状态
timeRange: [] // 日期范围
},
// 考勤状态
statusOptions: [
{ label: '待审核', value: '1' },
{ label: '审核中', value: '2' },
{ label: '已完成', value: '3' }
],
total: 0, // 总条数
// 表头
tableColumns: [
{ label: '申请时间', prop: 'createTime' },
{ label: '申请人', prop: 'leaseMan' },
{ label: '转出单位', prop: 'backUnitName' },
{ label: '转出工程', prop: 'backProName' },
{ label: '转入单位', prop: 'leaseUnitName' },
{ label: '转入工程', prop: 'leaseProName' },
// { label: '物资类型', prop: 'typeName' },
{ label: '状态', prop: 'flowStatus' }
],
// 表格数据
tableList: []
}
},
created() {
this.getList()
},
methods: {
// 查询
handleQuery() {
this.getList()
},
// 重置
handleReset() {
this.queryParams.pageNum = 1
this.queryParams.pageSize = 10
this.$refs.queryForm.resetFields()
this.getList()
},
// 获取列表
async getList() {
console.log('列表-查询', this.queryParams)
try {
const params = {
...this.queryParams,
startTime: this.queryParams.timeRange[0] || '',
endTime: this.queryParams.timeRange[1] || ''
}
const res = await getDerateList(params)
console.log('🚀 ~ 获取列表 ~ res:', res)
this.tableList = res.rows
this.total = res.total || 0
} catch (error) {
console.log('🚀 ~ 获取列表 ~ error:', error)
this.tableList = []
this.total = 0
}
},
// 多选
selectionChange(val) {
console.log('selectionChange', val)
},
// 编辑
handleEdit(row, type) {
console.log('编辑', row)
// 跳转审核详情页面
this.$router.push({
name: 'direct-rotation-apply',
query: {
id: row.id,
flowId: row.flowId,
taskId: row.taskId,
type: type === 1 ? 'detail' : 'edit'
}
})
},
// 删除
handleDelete(row) {
console.log('删除', row)
this.$confirm('是否删除该数据?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
const res = await receiveDelete(row.id)
console.log('🚀 ~ 删除 ~ res:', res)
this.getList()
this.$message({
type: 'success',
message: '删除成功!'
})
})
}
}
}
</script>
<style lang="scss" scoped></style>

466
src/views/business-examine/receive-apply/business-details.vue
View File

@ -1,113 +1,125 @@
<template>
<div class="business-details-container">
<el-row>
<el-col :span="18">
<div class="left-container">
<div class="pages-title">领用申请详情</div>
<TitleTip :title="`基本信息`" />
<div class="business-details-container">
<el-row>
<el-col :span="18">
<div class="left-container">
<div class="pages-title">领用申请详情</div>
<TitleTip :title="`基本信息`" />
<el-form size="small" style="padding: 20px" disabled label-width="120px" :model="detailsInfo">
<el-row>
<el-col :span="8">
<el-form-item label="领用单位">
<el-input v-model="detailsInfo.leaseUnit" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="领用工程">
<el-input v-model="detailsInfo.leaseProject" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="领料人">
<el-input v-model="detailsInfo.leasePerson" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="采购申请编号">
<el-input v-model="detailsInfo.applyCode" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="标准配置">
<el-input v-model="detailsInfo.leaseUnit" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系电话">
<el-input v-model="detailsInfo.phone" />
</el-form-item>
</el-col>
</el-row>
<el-form size="small" style="padding: 20px" disabled label-width="120px" :model="detailsInfo">
<el-row>
<el-col :span="8">
<el-form-item label="领用单位">
<el-input v-model="detailsInfo.leaseUnit" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="领用工程">
<el-input v-model="detailsInfo.leaseProject" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="领料人">
<el-input v-model="detailsInfo.leasePerson" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="采购申请编号">
<el-input v-model="detailsInfo.applyCode" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="标准配置">
<el-input v-model="detailsInfo.leaseUnit" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系电话">
<el-input v-model="detailsInfo.phone" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="类型规格">
<el-input v-model="detailsInfo.maTypeNames" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<TitleTip :title="`明细信息`" />
<el-row>
<el-col :span="24">
<el-form-item label="类型规格">
<el-input v-model="detailsInfo.maTypeNames" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<TitleTip :title="`明细信息`" />
<el-table style="margin-top: 20px" :data="detailsList">
<el-table-column label="序号" align="center" width="80" type="index" />
<el-table-column prop="maTypeName" label="类型名称" align="center" show-overflow-tooltip />
<el-table-column prop="typeName" label="规格型号" align="center" show-overflow-tooltip />
<el-table-column prop="unitName" label="计量单位" align="center" show-overflow-tooltip />
<el-table-column prop="preNum" label="预领数量" align="center" show-overflow-tooltip />
<el-table-column prop="remark" label="备注" align="center" show-overflow-tooltip />
</el-table>
<TitleTip :title="`附件信息`" />
<el-table style="margin-top: 20px" :data="detailsList">
<el-table-column label="序号" align="center" width="80" type="index" />
<el-table-column prop="maTypeName" label="类型名称" align="center" show-overflow-tooltip />
<el-table-column prop="typeName" label="规格型号" align="center" show-overflow-tooltip />
<el-table-column prop="unitName" label="计量单位" align="center" show-overflow-tooltip />
<el-table-column prop="preNum" label="预领数量" align="center" show-overflow-tooltip />
<el-table-column prop="remark" label="备注" align="center" show-overflow-tooltip />
</el-table>
<TitleTip :title="`附件信息`" />
<div class="file-box">
<div v-for="i in 2" :key="i">附件{{ i }}</div>
</div>
</div>
</el-col>
<el-col :span="6">
<div class="right-container">
<div class="right-title">
<div></div>
<div></div>
<div>流程记录</div>
</div>
<div class="file-box">
<!-- <div v-for="i in 2" :key="i">附件{{ i }}</div> -->
<div class="process-record">
<el-steps :active="active" :space="120" direction="vertical">
<el-step v-for="step in auditingList" :key="step.id" :title="step.nodeName">
<template slot="description">
<div class="custom-description">
<!-- {{ step.description }} -->
暂无附件
</div>
</div>
</el-col>
<el-col :span="6">
<div class="right-container">
<div class="right-title">
<div></div>
<div></div>
<div>流程记录</div>
</div>
<el-tag size="mini" type="primary" v-if="step.isAccept === 0">待审批</el-tag>
<el-tag size="mini" type="success" v-if="step.isAccept === 1">已通过</el-tag>
<el-tag size="mini" type="danger" v-if="step.isAccept === 2">已驳回</el-tag>
</div>
</template>
</el-step>
</el-steps>
</div>
<div class="process-record">
<el-steps :active="active" :space="120" direction="vertical">
<el-step v-for="step in auditingList" :key="step.id" :title="step.nodeName">
<template slot="description">
<div class="custom-description">
<!-- {{ step.description }} -->
<div class="auditing-container">
<el-input
type="textarea"
v-model="opinion"
placeholder="请输入审核意见"
:autosize="{ minRows: 2, maxRows: 6 }"
/>
<el-tag size="mini" type="primary" v-if="step.isAccept === 0">待审批</el-tag>
<el-tag size="mini" type="success" v-if="step.isAccept === 1">已通过</el-tag>
<el-tag size="mini" type="danger" v-if="step.isAccept === 2">已驳回</el-tag>
</div>
<el-row class="btn-container">
<el-button type="success" size="mini" @click="onSubmitPass">通过</el-button>
<el-button type="danger" size="mini" @click="onSubmitReject">驳回</el-button>
</el-row>
</div>
</div>
</el-col>
</el-row>
</div>
<div class="node-info" v-if="step.createTime">
审核时间:
{{ step.createTime }}
</div>
<div class="node-info" v-if="step.remark">
审核意见:
{{ step.remark }}
</div>
</template>
</el-step>
</el-steps>
</div>
<div class="auditing-container" v-if="pagesType === 1">
<el-input
type="textarea"
v-model="auditingParams.remark"
placeholder="请输入审核意见"
:autosize="{ minRows: 2, maxRows: 6 }"
/>
<el-row class="btn-container">
<el-button type="success" size="mini" @click="onHandleAuditing(1)">通过</el-button>
<el-button type="danger" size="mini" @click="onHandleAuditing(2)">驳回</el-button>
</el-row>
</div>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
@ -115,144 +127,196 @@ import TitleTip from './components/title-tip.vue'
import { submitAuditingApi, getAuditingDetailsApi } from '@/api/receive-apply/index.js'
import { getLeaseTaskDetail } from '@/api/business/index'
export default {
components: {
TitleTip
},
data() {
return {
opinion: '',
detailsInfo: {},
content: `<span style="color:red">测试996</span>`,
steps: [
{ title: '步骤 1', description: '描述信息 1', color: 'red' },
{ title: '步骤 2', description: '描述信息 2', color: 'blue' },
{ title: '步骤 3', description: '描述信息 3', color: 'green' }
],
active: 1,
detailsList: [],
auditingList: []
}
},
created() {
// 判断当前路由页面是否有查询参数
if (this.$route.query) {
const { id, taskId } = this.$route.query
this.getLeaseTaskDetailFun(id, taskId)
}
},
methods: {
// 通过
onSubmitPass() {},
// 驳回
onSubmitReject() {},
// 获取数据详情 和 审核记录详情
async getLeaseTaskDetailFun(id, taskId) {
const { data: res } = await getLeaseTaskDetail(id)
components: {
TitleTip
},
data() {
return {
opinion: '',
detailsInfo: {},
content: `<span style="color:red">测试996</span>`,
steps: [
{ title: '步骤 1', description: '描述信息 1', color: 'red' },
{ title: '步骤 2', description: '描述信息 2', color: 'blue' },
{ title: '步骤 3', description: '描述信息 3', color: 'green' }
],
active: 1,
detailsList: [],
auditingList: [],
userId: '',
auditingParams: {
recordId: '',
nodeId: '', // 当前审核记录的id
nextNodeId: '', // 下个流程节点ID
isAccept: '', // 审批结果 1. 通过 2. 驳回
remark: '', // 审核意见
typeId: '', // 当前审核记录中的 typeId
taskId: '' // 外层列表的taskId
},
pagesType: 1
}
},
created() {
// 判断当前路由页面是否有查询参数
if (this.$route.query) {
const { id, taskId, type } = this.$route.query
this.auditingParams.taskId = taskId
this.pagesType = type
this.getLeaseTaskDetailFun(id, taskId)
}
this.detailsInfo = res.leaseApplyInfo
this.detailsList = res.leaseApplyDetailsList
this.userId = sessionStorage.getItem('userId')
},
methods: {
// 通过 或 驳回
async onHandleAuditing(type) {
// 组装参数
const currentAuditing = this.auditingList.filter(e => e.configValues.includes(this.userId)) // 获取当前审核的节点
const currentIndex = this.auditingList.findIndex(e => e.configValues.includes(this.userId)) // 获取当前的索引
const { rows: result } = await getAuditingDetailsApi({ taskId })
this.auditingList = result
console.log('result审核记录详情', result)
const { recordId, id, typeId, isAccept } = currentAuditing[0]
if (isAccept !== 0) {
this.$modal.msgError('当前已审核，不可重复审核')
return
}
Object.assign(this.auditingParams, {
typeId,
recordId,
nodeId: id
})
this.auditingParams.isAccept = type
if (currentIndex !== this.auditingList.length - 1) {
this.auditingParams.nextNodeId = this.auditingList[currentIndex + 1].id
}
const res = await submitAuditingApi(this.auditingParams)
console.log(res, '提交结果')
if (res.code === 200) {
this.$modal.msgSuccess('审核成功')
setTimeout(() => {
const obj = { path: '/business-examine/receive-apply' }
this.$tab.closeOpenPage(obj)
}, 500)
}
console.log(this.auditingParams, ' this.auditingParams组装好的参数')
},
// 获取数据详情 和 审核记录详情
async getLeaseTaskDetailFun(id, taskId) {
const { data: res } = await getLeaseTaskDetail(id)
this.detailsInfo = res.leaseApplyInfo
this.detailsList = res.leaseApplyDetailsList
const { rows: result } = await getAuditingDetailsApi({ taskId })
this.auditingList = result
console.log('result审核记录详情', result)
}
}
}
}
</script>
<style scoped lang="scss">
.business-details-container {
padding: 20px;
padding: 20px;
}
.pages-title {
padding: 10px 0 30px 0;
font-size: 20px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
color: #19a4a0;
padding: 10px 0 30px 0;
font-size: 20px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
color: #19a4a0;
}
.file-box {
padding: 10px;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
div {
width: calc((100% - 110px) / 12);
height: 60px;
margin-right: 10px;
margin-top: 10px;
text-align: center;
line-height: 60px;
background-color: #19a4a0;
}
padding: 10px;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
div {
width: calc((100% - 110px) / 12);
height: 60px;
margin-right: 10px;
margin-top: 10px;
text-align: center;
line-height: 60px;
background-color: #19a4a0;
}
& div:nth-child(12n) {
margin-right: 0;
}
& div:nth-child(12n) {
margin-right: 0;
}
}
.right-container {
padding: 0 20px;
padding: 0 20px;
}
.right-title {
display: flex;
align-items: center;
font-size: 14px;
& div:first-child {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #19a4a0;
z-index: 9;
}
& div:nth-child(2) {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #b2e1e0;
transform: translateX(-50%);
}
display: flex;
align-items: center;
font-size: 14px;
& div:first-child {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #19a4a0;
z-index: 9;
}
& div:nth-child(2) {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #b2e1e0;
transform: translateX(-50%);
}
}
.process-record {
margin-top: 20px;
// height: 60vh;
margin-top: 20px;
// height: 60vh;
}
.btn-container {
margin-top: 10px;
display: flex;
justify-content: space-around;
margin-top: 10px;
display: flex;
justify-content: space-around;
}
::v-deep .el-step__icon.is-text {
background-color: #19a4a0;
color: #19a4a0;
border: none;
width: 16px;
height: 16px;
background-color: #19a4a0;
color: #19a4a0;
border: none;
width: 16px;
height: 16px;
}
::v-deep .el-step.is-vertical .el-step__line {
width: 2px;
top: 26px;
bottom: 8px;
left: 7px;
width: 2px;
top: 26px;
bottom: 8px;
left: 7px;
}
::v-deep .el-step__title.is-finish {
font-weight: bold;
color: #303133;
font-size: 16px;
font-weight: bold;
color: #303133;
font-size: 16px;
}
::v-deep .el-step__title.is-wait {
font-weight: bold;
color: #303133;
font-size: 16px;
font-weight: bold;
color: #303133;
font-size: 16px;
}
.node-info {
padding: 6px 0;
color: #ccc;
}
</style>

25
src/views/business-examine/receive-apply/index.vue
View File

@ -91,19 +91,23 @@
<!-- 操作 -->
<el-table-column label="操作" align="center" width="180">
<template slot-scope="scope">
<el-button type="text" size="mini" icon="el-icon-search" @click="handleAuditing(scope.row, 1)">
审核
</el-button>
<el-button
v-if="scope.row.taskStatus == '0'"
v-if="scope.row.taskStatus != 2"
type="text"
size="mini"
icon="el-icon-delete"
style="color: #f56c6c"
@click="handleDelete(scope.row)"
icon="el-icon-edit"
@click="handleAuditing(scope.row, 1)"
>
删除
审核
</el-button>
<el-button
v-if="scope.row.taskStatus == 2"
type="text"
size="mini"
icon="el-icon-search"
@click="handleAuditing(scope.row, 2)"
>
查看
</el-button>
</template>
</el-table-column>
@ -226,7 +230,8 @@ export default {
name: 'receive-apply-details',
query: {
id: row.id,
taskId: row.taskId
taskId: row.taskId,
type
}
}) // 跳转审核详情页面
},

20
src/views/business-examine/reduction-apply/business-details.vue
View File

@ -68,7 +68,7 @@
</el-table>
<div class="total-amount">
<span>合计:</span>
<span>{{ totalAmount }} / 元</span>
<span>{{ totalAmount.toFixed(2) }} / 元</span>
</div>
<TitleTip :title="`附件信息`" />
@ -106,7 +106,7 @@
<div class="auditing-container">
<el-input
type="textarea"
v-model="opinion"
v-model="auditingParams.remark"
placeholder="请输入审核意见"
:autosize="{ minRows: 2, maxRows: 6 }"
/>
@ -132,7 +132,6 @@ export default {
},
data() {
return {
opinion: '',
detailsInfo: {},
content: `<span style="color:red">测试996</span>`,
steps: [
@ -144,7 +143,15 @@ export default {
detailsList: [],
auditingList: [],
fileList: [],
totalAmount: 0
totalAmount: 0,
auditingParams: {
nodeId: '', // 当前审核记录的id
nextNodeId: '', // 下个流程节点ID
isAccept: '', // 审批结果 1. 通过 2. 驳回
remark: '', // 审核意见
typeId: '', // 当前审核记录中的 typeId
taskId: '' // 外层列表的taskId
}
}
},
created() {
@ -156,7 +163,10 @@ export default {
},
methods: {
// 通过
onSubmitPass() {},
onSubmitPass() {
// 组装参数
const auditingParams = {}
},
// 驳回
onSubmitReject() {},
// 获取数据详情 和 审核记录详情

2
src/views/business/businessHandling/directApply.vue
View File

@ -654,8 +654,8 @@ export default {
},
//获取任务详情--- 编辑回显数据
async getTaskInfo() {
const loading = this.$loading()
try {
const loading = this.$loading()
const res = await receiveDetail({ id: this.id })
console.log('🚀 ~ getTaskInfo ~ res:', res)
this.maForm = res.data

4
src/views/business/businessHandling/index.vue
View File

@ -488,8 +488,8 @@ export default {
},
async standardConfigChange(val) {
console.log('🚀 ~ standardConfigChange ~ val:', val)
const loading = this.$loading()
try {
const loading = this.$loading()
const params = {
configId: val.id
}
@ -625,8 +625,8 @@ export default {
},
//获取任务详情--- 编辑回显数据
async getTaskInfo() {
const loading = this.$loading()
try {
const loading = this.$loading()
const res = await getLeaseTaskDetail(this.id)
console.log('🚀 ~ getTaskInfo ~ res:', res)
this.maForm = res.data.leaseApplyInfo

2
src/views/material/ma/mechEquipConfigMgmt/index.vue
View File

@ -469,8 +469,8 @@ export default {
console.log(this.form, '提交参数---')
this.$refs['form'].validate(valid => {
if (valid) {
const loading = this.$loading()
try {
const loading = this.$loading()
const params = {
configId: this.form.configId,
typeIds: this.form.typeModel