优化页面样式,首页跳转bug等问题
This commit is contained in:
parent
f4ac334d17
commit
c4c2e6953d
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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']"
|
||||
|
|
|
|||
|
|
@ -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']"
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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: '备注' },
|
||||
],
|
||||
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue