优化页面样式,首页跳转bug等问题

This commit is contained in:
BianLzhaoMin 2024-06-12 16:16:08 +08:00
parent f4ac334d17
commit c4c2e6953d
16 changed files with 552 additions and 446 deletions

View File

@ -11,7 +11,6 @@
>
<!-- 外层弹框内容 -->
<slot name="outerContent"></slot>
<!-- 内层对话框 -->
<el-dialog
:title="dialogConfig.innerTitle"
@ -29,27 +28,31 @@
</template>
<script>
export default {
props: {
/* 配置项 */
dialogConfig: {
type: Object,
default: () => {
return {}
},
export default {
props: {
/* 配置项 */
dialogConfig: {
type: Object,
default: () => {
return {}
},
},
methods: {
/* 右上角关闭外层 */
handleCloseOuter() {
/* 通知父组件更改弹框显示值 */
this.$emit('closeDialogOuter', false)
},
/* 右上角关闭内层 */
handleCloseInner() {
/* 通知父组件更改弹框显示值 */
this.$emit('closeDialogInner', false)
},
height: {
type: String,
default: '500px',
},
}
},
methods: {
/* 右上角关闭外层 */
handleCloseOuter() {
/* 通知父组件更改弹框显示值 */
this.$emit('closeDialogOuter', false)
},
/* 右上角关闭内层 */
handleCloseInner() {
/* 通知父组件更改弹框显示值 */
this.$emit('closeDialogInner', false)
},
},
}
</script>

View File

@ -1,114 +1,113 @@
<template>
<div :class="{'hidden':hidden}" class="pagination-container">
<el-pagination
:background="background"
:current-page.sync="currentPage"
:page-size.sync="pageSize"
:layout="layout"
:page-sizes="pageSizes"
:pager-count="pagerCount"
:total="total"
v-bind="$attrs"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
<div :class="{ hidden: hidden }" class="pagination-container">
<el-pagination
:background="background"
:current-page.sync="currentPage"
:page-size.sync="pageSize"
:layout="layout"
:page-sizes="pageSizes"
:pager-count="pagerCount"
:total="total"
v-bind="$attrs"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</template>
<script>
import { scrollTo } from '@/utils/scroll-to'
export default {
name: 'Pagination',
props: {
total: {
required: true,
type: Number
name: 'Pagination',
props: {
total: {
required: true,
type: Number,
},
page: {
type: Number,
default: 1,
},
limit: {
type: Number,
default: 20,
},
pageSizes: {
type: Array,
default() {
return [10, 20, 30, 50]
},
},
// 5
pagerCount: {
type: Number,
default: document.body.clientWidth < 992 ? 5 : 7,
},
layout: {
type: String,
default: 'total, sizes, prev, pager, next, jumper',
},
background: {
type: Boolean,
default: true,
},
autoScroll: {
type: Boolean,
default: true,
},
hidden: {
type: Boolean,
default: false,
},
},
page: {
type: Number,
default: 1
data() {
return {}
},
limit: {
type: Number,
default: 20
computed: {
currentPage: {
get() {
return this.page
},
set(val) {
this.$emit('update:page', val)
},
},
pageSize: {
get() {
return this.limit
},
set(val) {
this.$emit('update:limit', val)
},
},
},
pageSizes: {
type: Array,
default() {
return [10, 20, 30, 50]
}
methods: {
handleSizeChange(val) {
if (this.currentPage * val > this.total) {
this.currentPage = 1
}
this.$emit('pagination', { page: this.currentPage, limit: val })
if (this.autoScroll) {
scrollTo(0, 800)
}
},
handleCurrentChange(val) {
this.$emit('pagination', { page: val, limit: this.pageSize })
if (this.autoScroll) {
scrollTo(0, 800)
}
},
},
// 5
pagerCount: {
type: Number,
default: document.body.clientWidth < 992 ? 5 : 7
},
layout: {
type: String,
default: 'total, sizes, prev, pager, next, jumper'
},
background: {
type: Boolean,
default: true
},
autoScroll: {
type: Boolean,
default: true
},
hidden: {
type: Boolean,
default: false
}
},
data() {
return {
};
},
computed: {
currentPage: {
get() {
return this.page
},
set(val) {
this.$emit('update:page', val)
}
},
pageSize: {
get() {
return this.limit
},
set(val) {
this.$emit('update:limit', val)
}
}
},
methods: {
handleSizeChange(val) {
if (this.currentPage * val > this.total) {
this.currentPage = 1
}
this.$emit('pagination', { page: this.currentPage, limit: val })
if (this.autoScroll) {
scrollTo(0, 800)
}
},
handleCurrentChange(val) {
this.$emit('pagination', { page: val, limit: this.pageSize })
if (this.autoScroll) {
scrollTo(0, 800)
}
}
}
}
</script>
<style scoped>
.pagination-container {
background: #fff;
padding: 32px 16px;
background: #fff;
padding: 32px 16px;
}
.pagination-container.hidden {
display: none;
display: none;
}
</style>

View File

@ -102,7 +102,7 @@
</el-table-column>
</el-table>
<pagination
v-if="config.pageShow"
v-show="config.pageShow"
:total="total"
:page.sync="pageParams.pageNum"
:limit.sync="pageParams.pageSize"

View File

@ -126,6 +126,7 @@
v-loading="loading"
:data="leaseAuditList"
@selection-change="handleSelectionChange"
border
>
<!-- <el-table-column type="selection" width="55" align="center" /> -->
<el-table-column
@ -202,9 +203,10 @@
}}</span>
</template>
</el-table-column>
<el-table-column label="操作" width="250" align="center">
<el-table-column label="操作" width="160" align="center">
<template slot-scope="scope">
<el-button
type="text"
size="mini"
@click="handleView(scope.row)"
v-hasPermi="['picking:auditing:view']"
@ -212,7 +214,7 @@
>
<el-button
size="mini"
type="primary"
type="text"
@click="handleExamine(scope.row)"
v-hasPermi="['picking:auditing:fgs']"
v-if="
@ -223,7 +225,7 @@
>
<el-button
size="mini"
type="primary"
type="text"
@click="handleExamine(scope.row)"
v-hasPermi="['picking:auditing:sgb']"
v-if="
@ -235,9 +237,9 @@
"
>审批</el-button
>
<el-button
<!-- <el-button
size="mini"
type="primary"
type="text"
@click="handleExamine(scope.row)"
v-hasPermi="['receive:examine:ajb']"
v-if="
@ -247,11 +249,11 @@
scope.row.leaseApplyInfoList[0].status == '6' ||
scope.row.leaseApplyInfoList[0].status == '8')
"
>审批</el-button
>
>安监部审批</el-button
> -->
<el-button
size="mini"
type="primary"
type="text"
@click="handleExamine(scope.row, 'jjfgs')"
v-hasPermi="['picking:auditing:jjnb']"
v-if="
@ -266,7 +268,7 @@
>
<el-button
size="mini"
type="primary"
type="text"
@click="handleExamine(scope.row, 'sbfgs')"
v-hasPermi="['picking:auditing:tsnb']"
v-if="
@ -282,7 +284,7 @@
>
<el-button
size="mini"
type="info"
type="text"
@click="openLld(scope.row)"
v-hasPermi="['picking:auditing:list']"
>领料单</el-button

View File

@ -99,7 +99,7 @@
></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="leaseList">
<el-table v-loading="loading" :data="leaseList" border>
<!-- <el-table-column type="selection" width="55" align="center" /> -->
<el-table-column
align="center"
@ -152,13 +152,10 @@
:show-overflow-tooltip="true"
></el-table-column>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button
type="text"
size="mini"
@click="handleView(scope.row)"
v-hasPermi="['picking:outbound:view']"
@ -166,7 +163,7 @@
>
<el-button
size="mini"
type="primary"
type="text"
v-if="scope.row.taskStatus != 35"
@click="handleOut(scope.row)"
v-hasPermi="['picking:outbound:out']"

View File

@ -132,6 +132,7 @@
v-loading="loading"
:data="agreementList"
@selection-change="handleSelectionChange"
border
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
@ -229,16 +230,11 @@
prop="remark"
:show-overflow-tooltip="true"
/>
<el-table-column
label="操作"
align="center"
width="200"
class-name="small-padding fixed-width"
>
<el-table-column label="操作" align="center" width="120">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['picking:protocol:edit']"
@ -246,7 +242,7 @@
>
<el-button
size="mini"
type="danger"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['picking:protocol:del']"

View File

@ -561,7 +561,7 @@ export default {
}
</script>
<style rel="stylesheet/scss" lang="scss">
<style rel="stylesheet/scss" lang="scss" scoped>
.login {
//display: flex;
//justify-content: center;

View File

@ -1020,7 +1020,43 @@ export default {
console.log(this.checkResultOne)
},
handleDialogSelectionChange(selection) {
this.dialogIds = selection.map((item) => item)
// console.log(selection, '--')
// let params = {
// repairId: this.repairId,
// pageNum: 1,
// pageSize: 10,
// }
// getRepairRecord(params)
// .then((res) => {
// this.repairRecordList = res.rows
// this.repairRecordTotal = res.total
// this.openRepairRecord = true
// this.title = ''
// })
// .catch(() => {})
this.dialogIds = selection.map((item) => {
console.log(item.repairId, 'repairId------')
getRepairRecord({
repairId: item.repairId,
pageNum: 1,
pageSize: 10,
}).then((res) => {
const scrapDetails = res.rows
scrapDetails.forEach((e) => {
if (e.scrapNum >= 1) {
item.fileIds = e.fileIds
item.scrapReason = e.scrapReason
item.scrapType = e.scrapType
}
})
})
return item
})
console.log(this.dialogIds, '处理后的数据--')
this.dialogSingle = selection.length != 1
this.dialogMultiple = !selection.length
console.log(this.checkResultOne)

View File

@ -0,0 +1,62 @@
<template>
<div>
<!-- <a
href="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
target="_blank"
v-for="(item, index) in scrapImgList"
:key="index"
>查看</a
> -->
<ImagePreview
v-for="(item, index) in scrapImgList"
:key="index"
src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
:width="`20px`"
:height="`20px`"
class="img-box"
/>
</div>
</template>
<script>
export default {
props: {
scrapImg: {
type: String,
default: () => null,
},
},
data() {
return {
scrapImgList: [
{ imgUrl: '123' },
{ imgUrl: '123' },
{ imgUrl: '123' },
],
}
},
created() {
if (this.scrapImg) {
this.scrapImgList = this.scrapImg.split(',')
}
},
}
</script>
<style scoped>
a {
margin-right: 8px;
font-size: 13px;
color: #1890ff;
}
a:last-child {
margin: 0;
}
.img-box {
margin-right: 8px;
}
.img-box:last-child {
margin: 0;
}
</style>

View File

@ -81,7 +81,8 @@ export const dialogConfig = {
{ t_width: '', t_props: 'scrapNum', t_label: '设备数量' },
{ t_width: '', t_props: 'status', t_label: '审批状态', t_slot: 't_type' },
{ t_width: '', t_props: '', t_label: '报废原因' },
{ t_width: '', t_props: '', t_label: '报废图片' },
{ t_width: '', t_props: '', t_label: '损坏原因', t_slot: 't_damage' },
{ t_width: '', t_props: '', t_label: '报废图片', t_slot: 't_img' },
{ t_width: '', t_props: 'remark', t_label: '备注' },
],

View File

@ -8,7 +8,7 @@
@getTableSelectionChange="getTableSelectionList"
>
<template slot="export" slot-scope="{ pageParams }">
<el-row :gutter="10" class="mb8">
<el-row class="mb8">
<el-button
type="success"
plain
@ -111,6 +111,15 @@
>驳回</el-tag
>
</template>
<!-- 损坏原因 -->
<template slot-scope="{ data }" slot="t_damage">
{{ data.scrapType == 1 ? '人为' : '自然' }}
</template>
<!-- 报废图片 -->
<template slot-scope="{ data }" slot="t_img">
<ScrapImg />
</template>
</TableModel>
<el-row
class="dialog-common-btn"
@ -163,6 +172,7 @@
import TableModel from '@/components/TableModel'
import DialogModel from '@/components/DialogModel'
import ScrapSource from '../../component/scrapSource.vue'
import ScrapImg from '../../component/scrapImg.vue'
import {
getForecastWasteListApi,
getDialogListApi,
@ -175,6 +185,7 @@ export default {
TableModel,
DialogModel,
ScrapSource,
ScrapImg,
},
data() {
return {

View File

@ -14,7 +14,7 @@
"
>
<template slot="export" slot-scope="{ pageParams }">
<el-row :gutter="10" class="mb8">
<el-row class="mb8">
<el-button
type="primary"
plain
@ -145,141 +145,141 @@
</template>
<script>
import TableModel from '@/components/TableModel'
import DialogModel from '@/components/DialogModel'
import SelDepart from '../../component/selDepart.vue'
import ScrapSource from '../../component/scrapSource.vue'
import AuditingReturn from '../auditingReturn/index.vue' // 退
import AuditingDetails from '../../component/auditingDetails.vue'
import {
getPreScrapListApi,
getDialogListApi,
submitScrapApi,
} from '@/api/scrap/forecastWaste.js'
import { config, dialogConfig, getSelList, getTypeListSel } from './config'
export default {
name: 'scrapListing',
components: {
TableModel,
DialogModel,
SelDepart,
ScrapSource,
AuditingReturn,
AuditingDetails,
},
data() {
return {
config,
dialogConfig,
getPreScrapListApi,
getDialogListApi,
tableSelList: [],
sendParams: {}, //
temp: false,
getSelList,
getTypeListSel,
imgCommonUrl: process.env.VUE_APP_BASE_API + '/system',
import TableModel from '@/components/TableModel'
import DialogModel from '@/components/DialogModel'
import SelDepart from '../../component/selDepart.vue'
import ScrapSource from '../../component/scrapSource.vue'
import AuditingReturn from '../auditingReturn/index.vue' // 退
import AuditingDetails from '../../component/auditingDetails.vue'
import {
getPreScrapListApi,
getDialogListApi,
submitScrapApi,
} from '@/api/scrap/forecastWaste.js'
import { config, dialogConfig, getSelList, getTypeListSel } from './config'
export default {
name: 'scrapListing',
components: {
TableModel,
DialogModel,
SelDepart,
ScrapSource,
AuditingReturn,
AuditingDetails,
},
data() {
return {
config,
dialogConfig,
getPreScrapListApi,
getDialogListApi,
tableSelList: [],
sendParams: {}, //
temp: false,
getSelList,
getTypeListSel,
imgCommonUrl: process.env.VUE_APP_BASE_API + '/system',
/* 提交报废申请参数 */
submitScrapParams: {
taskIdList: [],
deptIds: [],
},
auditingList: [],
sendParamsAuditing: {},
}
},
created() {
/* 获取表单下拉选数据 */
this.getSelList()
this.getTypeListSel()
},
methods: {
/* 列表按钮操作 */
handlePreview(row) {
this.sendParams.taskId = row.taskId
this.dialogConfig.outerTitle = '查看'
this.dialogConfig.outerWidth = '70%'
this.dialogConfig.outerVisible = true
/* 提交报废申请参数 */
submitScrapParams: {
taskIdList: [],
deptIds: [],
},
handleSubmitScrap(row) {
this.submitScrapParams.taskIdList = []
this.submitScrapParams.taskIdList.push(row.taskId)
auditingList: [],
sendParamsAuditing: {},
}
},
created() {
/* 获取表单下拉选数据 */
this.getSelList()
this.getTypeListSel()
},
methods: {
/* 列表按钮操作 */
handlePreview(row) {
this.sendParams.taskId = row.taskId
this.dialogConfig.outerTitle = '查看'
this.dialogConfig.outerWidth = '70%'
this.dialogConfig.outerVisible = true
},
handleSubmitScrap(row) {
this.submitScrapParams.taskIdList = []
this.submitScrapParams.taskIdList.push(row.taskId)
this.dialogConfig.outerTitle = '选择审批部门'
this.dialogConfig.outerWidth = '50%'
this.dialogConfig.outerVisible = true
},
handleAuditing(row) {
this.auditingList = row.scrapAuditorSetList
this.dialogConfig.outerTitle = '审批详情'
this.dialogConfig.outerWidth = '50%'
this.dialogConfig.outerVisible = true
},
handleReject(row) {
this.sendParamsAuditing.taskId = row.taskId
this.temp = !this.temp
},
/* 关闭选择审批部门弹框 */
async closeDepartSel(val, list) {
if (list.length < 1) {
this.$message.error('请选择审批部门')
return
}
list.map((e) => {
this.submitScrapParams.deptIds.push(e.id)
})
const res = await submitScrapApi(this.submitScrapParams)
if (res.code == 200) {
this.$message.success('已提交成功')
this.dialogConfig.outerVisible = val
this.$refs.listingTbRef.getList()
}
this.submitScrapParams.deptIds = this.submitScrapParams.taskIdList =
[]
},
/* 批量提交报废按钮 */
handelSubmitScrap() {
if (this.tableSelList.length < 1) {
this.$message.error('请勾选列表数据!')
} else {
this.dialogConfig.outerTitle = '选择审批部门'
this.dialogConfig.outerWidth = '50%'
this.dialogConfig.outerVisible = true
},
handleAuditing(row) {
this.auditingList = row.scrapAuditorSetList
this.dialogConfig.outerTitle = '审批详情'
this.dialogConfig.outerWidth = '50%'
this.dialogConfig.outerVisible = true
},
handleReject(row) {
this.sendParamsAuditing.taskId = row.taskId
this.temp = !this.temp
},
/* 关闭选择审批部门弹框 */
async closeDepartSel(val, list) {
if (list.length < 1) {
this.$message.error('请选择审批部门')
return
}
list.map((e) => {
this.submitScrapParams.deptIds.push(e.id)
})
const res = await submitScrapApi(this.submitScrapParams)
if (res.code == 200) {
this.$message.success('已提交成功')
this.dialogConfig.outerVisible = val
this.$refs.listingTbRef.getList()
}
this.submitScrapParams.deptIds =
this.submitScrapParams.taskIdList = []
},
/* 批量提交报废按钮 */
handelSubmitScrap() {
if (this.tableSelList.length < 1) {
this.$message.error('请勾选列表数据!')
} else {
this.dialogConfig.outerTitle = '选择审批部门'
this.dialogConfig.outerWidth = '50%'
this.dialogConfig.outerVisible = true
}
},
/* 表格复选框选中的数据 */
getTableSelectionChange(val) {
this.tableSelList = this.submitScrapParams.taskIdList = []
this.tableSelList = val
this.tableSelList.map((e) => {
this.submitScrapParams.taskIdList.push(e.taskId)
})
},
handleBack() {
this.temp = !this.temp
this.dialogVisible = false
},
/* 外层弹框关闭 */
closeDialogOuter() {
this.dialogConfig.outerVisible = false
},
/* 内层弹框关闭 */
closeDialogInner() {
this.dialogConfig.innerVisible = false
},
/* 导出数据 */
handelExportData(data) {
console.log(this.tableSelList, ' this.tableSelList')
this.download(
'material/scrap/export',
{
...data,
},
`报废列表_${new Date().getTime()}.xlsx`,
)
console.log('数据导出', data)
},
}
},
}
/* 表格复选框选中的数据 */
getTableSelectionChange(val) {
this.tableSelList = this.submitScrapParams.taskIdList = []
this.tableSelList = val
this.tableSelList.map((e) => {
this.submitScrapParams.taskIdList.push(e.taskId)
})
},
handleBack() {
this.temp = !this.temp
this.dialogVisible = false
},
/* 外层弹框关闭 */
closeDialogOuter() {
this.dialogConfig.outerVisible = false
},
/* 内层弹框关闭 */
closeDialogInner() {
this.dialogConfig.innerVisible = false
},
/* 导出数据 */
handelExportData(data) {
console.log(this.tableSelList, ' this.tableSelList')
this.download(
'material/scrap/export',
{
...data,
},
`报废列表_${new Date().getTime()}.xlsx`,
)
console.log('数据导出', data)
},
},
}
</script>

View File

@ -13,7 +13,7 @@
ref="tbRef"
>
<template slot="export" slot-scope="{ pageParams }">
<el-row :gutter="10" class="mb8">
<el-row class="mb8">
<el-button
plain
size="mini"
@ -148,176 +148,175 @@
</template>
<script>
import {
getDispositionListApi,
submitDispositionApi,
getDialogListApi,
} from '@/api/scrap/forecastWaste.js'
import TableModel from '@/components/TableModel'
import DialogModel from '@/components/DialogModel'
import ScrapSource from '../../component/scrapSource.vue'
import { config, dialogConfig, getSelList } from './config.js'
export default {
components: {
TableModel,
DialogModel,
ScrapSource
},
data() {
return {
config,
dialogConfig,
getDispositionListApi,
getDialogListApi,
/* 选中的列表数据 */
selectionList: [],
/* 驳回原因 */
rejectReason: '',
fileType: ['png', 'jpg', 'jpeg', 'pdf', 'doc', 'xls', 'docx'],
uploadFileList: [],
sendParams: {},
fileList: [],
tbSelectList: [],
/* 处置提交参数 */
import {
getDispositionListApi,
submitDispositionApi,
getDialogListApi,
} from '@/api/scrap/forecastWaste.js'
import TableModel from '@/components/TableModel'
import DialogModel from '@/components/DialogModel'
import ScrapSource from '../../component/scrapSource.vue'
import { config, dialogConfig, getSelList } from './config.js'
export default {
components: {
TableModel,
DialogModel,
ScrapSource,
},
data() {
return {
config,
dialogConfig,
getDispositionListApi,
getDialogListApi,
/* 选中的列表数据 */
selectionList: [],
/* 驳回原因 */
rejectReason: '',
fileType: ['png', 'jpg', 'jpeg', 'pdf', 'doc', 'xls', 'docx'],
uploadFileList: [],
sendParams: {},
fileList: [],
tbSelectList: [],
/* 处置提交参数 */
dispositionParams: [],
// dispositionParams: {
// taskId: '',
// fileUrl: '', // url
// fileName: '', //
// disposition: 1, // 0 1
// },
/* 附件预览地址 */
filePreviewUrl: process.env.VUE_APP_BASE_API + '/system',
getSelList,
dispositionParams: [],
// dispositionParams: {
// taskId: '',
// fileUrl: '', // url
// fileName: '', //
// disposition: 1, // 0 1
// },
/* 附件预览地址 */
filePreviewUrl: process.env.VUE_APP_BASE_API + '/system',
getSelList,
}
},
created() {
this.getSelList()
},
methods: {
/* 按钮操作 */
handlePreview(row) {
this.dispositionParams.taskId = this.sendParams.taskId = row.taskId
this.dialogConfig.outerTitle = '查看'
this.dialogConfig.outerWidth = '70%'
this.dialogConfig.outerVisible = true
},
handleDisposition() {
this.dialogConfig.outerTitle = '处置'
this.dialogConfig.outerWidth = '60%'
this.dialogConfig.outerVisible = true
},
/* 查看附件 */
handlePreviewFile(data) {
this.fileList = []
data.dispositionFileName.split(',').map((e) => {
let fileObj = {
fileName: e,
fileUrl: '',
}
this.fileList.push(fileObj)
})
data.dispositionFileUrl.split(',').map((e, index) => {
this.fileList[index].fileUrl = e
})
this.dialogConfig.outerTitle = '附件信息'
this.dialogConfig.outerWidth = '40%'
this.dialogConfig.outerVisible = true
},
/* 关闭外层弹框 */
closeDialogOuter(val) {
this.dialogConfig.outerVisible = val
},
/* 取消 */
handleCancelInner() {
this.dialogConfig.outerVisible = false
},
/* 确定 */
async handleSubmitInner() {
if (this.uploadFileList.length < 1) {
this.$message.error('请先上传图片')
return
}
let fileUrl = ''
let fileName = ''
this.uploadFileList.map((e) => {
fileUrl += e.fileUrl + ','
fileName += e.fileName + ','
})
this.dispositionParams.fileUrl = fileUrl.substring(
fileUrl.length - 1,
',',
)
this.dispositionParams.fileName = fileName.substring(
fileName.length - 1,
',',
)
this.dispositionParams.map((e) => {
e.fileUrl = fileUrl.substring(fileUrl.length - 1, ',')
e.fileName = fileName.substring(fileUrl.length - 1, ',')
})
const res = await submitDispositionApi(this.dispositionParams)
if (res.code == 200) {
this.$message.success('处置成功!')
this.dialogConfig.outerVisible = false
this.$refs.tbRef()
}
},
created() {
this.getSelList()
/* 获取上传后的图片信息 */
getFileList(val) {
this.uploadFileList = val
},
methods: {
/* 按钮操作 */
handlePreview(row) {
this.dispositionParams.taskId = this.sendParams.taskId =
row.taskId
this.dialogConfig.outerTitle = '查看'
this.dialogConfig.outerWidth = '70%'
this.dialogConfig.outerVisible = true
},
handleDisposition() {
this.dialogConfig.outerTitle = '处置'
this.dialogConfig.outerWidth = '60%'
this.dialogConfig.outerVisible = true
},
/* 查看附件 */
handlePreviewFile(data) {
this.fileList = []
data.dispositionFileName.split(',').map((e) => {
let fileObj = {
fileName: e,
fileUrl: '',
}
this.fileList.push(fileObj)
})
data.dispositionFileUrl.split(',').map((e, index) => {
this.fileList[index].fileUrl = e
})
this.dialogConfig.outerTitle = '附件信息'
this.dialogConfig.outerWidth = '40%'
this.dialogConfig.outerVisible = true
},
/* 关闭外层弹框 */
closeDialogOuter(val) {
this.dialogConfig.outerVisible = val
},
/* 取消 */
handleCancelInner() {
this.dialogConfig.outerVisible = false
},
/* 确定 */
async handleSubmitInner() {
if (this.uploadFileList.length < 1) {
this.$message.error('请先上传图片')
return
/* 批量处置 */
handleBatchDisposition() {
this.dispositionParams = []
if (this.tbSelectList.length < 1) {
this.$message.error('请选择需处置的数据')
return
}
this.tbSelectList.map((e) => {
let prams = {
taskId: e.taskId,
fileUrl: '', // url
fileName: '', //
disposition: 1, // 0 1
}
let fileUrl = ''
let fileName = ''
this.uploadFileList.map((e) => {
fileUrl += e.fileUrl + ','
fileName += e.fileName + ','
})
this.dispositionParams.fileUrl = fileUrl.substring(
fileUrl.length - 1,
',',
)
this.dispositionParams.fileName = fileName.substring(
fileName.length - 1,
',',
)
this.dispositionParams.push(prams)
})
this.dispositionParams.map((e) => {
e.fileUrl = fileUrl.substring(fileUrl.length - 1, ',')
e.fileName = fileName.substring(fileUrl.length - 1, ',')
})
const res = await submitDispositionApi(this.dispositionParams)
if (res.code == 200) {
this.$message.success('处置成功!')
this.dialogConfig.outerVisible = false
this.$refs.tbRef()
}
},
/* 获取上传后的图片信息 */
getFileList(val) {
this.uploadFileList = val
},
/* 批量处置 */
handleBatchDisposition() {
this.dispositionParams = []
if (this.tbSelectList.length < 1) {
this.$message.error('请选择需处置的数据')
return
}
this.tbSelectList.map((e) => {
let prams = {
taskId: e.taskId,
fileUrl: '', // url
fileName: '', //
disposition: 1, // 0 1
}
this.dispositionParams.push(prams)
})
this.dialogConfig.outerTitle = '处置'
this.dialogConfig.outerWidth = '60%'
this.dialogConfig.outerVisible = true
},
/* 获取列表下拉勾选数据 */
getSelectionList(selList) {
console.log(selList, '选择的数据')
this.tbSelectList = selList
},
/* 导出数据 */
handelExportData(data) {
console.log(this.tableSelList, ' this.tableSelList')
this.download(
'material/scrap/exportObtainDisposalList',
{
...data,
},
`报废处置列表_${new Date().getTime()}.xlsx`,
)
console.log('数据导出', data)
},
this.dialogConfig.outerTitle = '处置'
this.dialogConfig.outerWidth = '60%'
this.dialogConfig.outerVisible = true
},
}
/* 获取列表下拉勾选数据 */
getSelectionList(selList) {
console.log(selList, '选择的数据')
this.tbSelectList = selList
},
/* 导出数据 */
handelExportData(data) {
console.log(this.tableSelList, ' this.tableSelList')
this.download(
'material/scrap/exportObtainDisposalList',
{
...data,
},
`报废处置列表_${new Date().getTime()}.xlsx`,
)
console.log('数据导出', data)
},
},
}
</script>

View File

@ -3,7 +3,7 @@
<!-- 报废审核 -->
<TableModel :config="config" :sendApi="getScrapListApi" ref="tbRef">
<template slot="export" slot-scope="{ pageParams }">
<el-row :gutter="10" class="mb8">
<el-row class="mb8">
<el-button
type="success"
plain

View File

@ -1,5 +1,5 @@
<template>
<div class="app-container" id="devicesWarehousing">
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
@ -1483,7 +1483,7 @@ export default {
* -----------------------------------------------------------------------------------------------------------------------------
*/
/* 查看详情 */
async queryDetails(row) {
queryDetails(row) {
this.sendParams.kindName = row.kindName
this.dialogConfig.outerVisible = true
},

View File

@ -43,11 +43,11 @@ module.exports = {
// target: `https://test-cc.zhgkxt.com`,//线上环境-南网
// target: `https://z.csgmall.com.cn`,
target: `http://10.40.92.50:28080`, //超
// target: `http://10.40.92.50:28080`, //超
// target: `http://10.40.92.81:8080`, //韩/
// target: `http://10.40.92.74:8080`,//旭/
// target: `http://10.40.92.148:28080`, //帅
// target: `http://10.40.92.5:28080`, //福
target: `http://10.40.92.253:28080`, //福
//******** 注意事项 ********* */
//1.全局替换qrUrl二维码扫码提供的网址-发布服务器的地址target;