113 lines
3.4 KiB
Vue
113 lines
3.4 KiB
Vue
|
<template>
|
||
|
|
<!-- 往来单位管理页面 -->
|
||
|
|
<div class="app-container">
|
||
|
|
<PageHeader
|
||
|
|
v-if="isShowComponent !== 'Index'"
|
||
|
|
:pageContent="pageContent"
|
||
|
|
@goBack="goBack"
|
||
|
|
/>
|
||
|
|
<!-- 列表 -->
|
||
|
|
<TableModel
|
||
|
|
:formLabel="formLabel"
|
||
|
|
:columnsList="columnsList"
|
||
|
|
:request-api="queryPurchaseArrivalListApi"
|
||
|
|
ref="tableRef"
|
||
|
|
v-if="isShowComponent === 'Index'"
|
||
|
|
>
|
||
|
|
<template slot="btn" slot-scope="{ queryParams }">
|
||
|
|
<el-button type="primary" @click="isShowComponent = 'add-arrival'"
|
||
|
|
>设备到货新增</el-button
|
||
|
|
>
|
||
|
|
<el-button @click="handleExportData(queryParams, 'base/masupplier/export', '物资厂家清单')"
|
||
|
|
>导出</el-button
|
||
|
|
>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<template slot="handle" slot-scope="{ data }">
|
||
|
|
<el-button
|
||
|
|
type="primary"
|
||
|
|
size="mini"
|
||
|
|
@click="handleEditData(data)"
|
||
|
|
>编辑</el-button
|
||
|
|
>
|
||
|
|
<el-button
|
||
|
|
type="danger"
|
||
|
|
size="mini"
|
||
|
|
@click="handleDeleteData(data.id)"
|
||
|
|
>删除</el-button
|
||
|
|
>
|
||
|
|
</template>
|
||
|
|
<template slot="picUrl" slot-scope="{ data }">
|
||
|
|
<h4
|
||
|
|
style="color: #02A7F0; cursor: pointer"
|
||
|
|
v-if="data.picUrl === '' || data.picUrl === null"
|
||
|
|
@click="handleEditData(data)"
|
||
|
|
>上传</h4>
|
||
|
|
<h4
|
||
|
|
style="color: #02A7F0; cursor: pointer"
|
||
|
|
v-else
|
||
|
|
@click="openUrl(data.picUrl)"
|
||
|
|
>查看</h4>
|
||
|
|
</template>
|
||
|
|
</TableModel>
|
||
|
|
|
||
|
|
<!-- 新增以及修改时的弹框 -->
|
||
|
|
<DialogModel
|
||
|
|
:dialogConfig="dialogConfig"
|
||
|
|
@closeDialogOuter="closeDialogOuter"
|
||
|
|
>
|
||
|
|
<template slot="outerContent">
|
||
|
|
<!-- 新增以及修改数据的表单组件 -->
|
||
|
|
<FormArrival
|
||
|
|
@closeDialog="closeDialog"
|
||
|
|
:editParams="editParams"
|
||
|
|
/>
|
||
|
|
</template>
|
||
|
|
</DialogModel>
|
||
|
|
|
||
|
|
<add-arrival
|
||
|
|
v-if="isShowComponent === 'add-arrival'"
|
||
|
|
>
|
||
|
|
|
||
|
|
</add-arrival>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import PageHeader from '@/components/pageHeader'
|
||
|
|
import { columnsList, dialogConfig, formLabel } from './config'
|
||
|
|
import { commonMixin } from '../mixins/common'
|
||
|
|
import FormArrival from './components/form-arrival.vue'
|
||
|
|
import AddArrival from './components/add-arrival.vue'
|
||
|
|
import {
|
||
|
|
queryPurchaseArrivalListApi
|
||
|
|
} from '@/api/purchase/arrival'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'purchaseArrivalManage',
|
||
|
|
mixins: [commonMixin], // 混入公共方法和数据
|
||
|
|
components: { FormArrival, PageHeader, AddArrival },
|
||
|
|
created() {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
queryPurchaseArrivalListApi,
|
||
|
|
goBack() {
|
||
|
|
this.isShowComponent = 'Index'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
isShowComponent: 'Index',
|
||
|
|
pageContent: '设备到货新增',
|
||
|
|
formLabel,
|
||
|
|
columnsList,
|
||
|
|
dialogConfig,
|
||
|
|
addDialogTitle: '新建到货管理', // 新建时弹框标题
|
||
|
|
editDialogTitle: '修改到货管理', // 修改时弹框标题
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|