wilson
/
xujiecloud-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

供应商资料

java8
rq 7 months ago
parent
875602e8ce
commit
0a6ed19f2b
4 changed files with 685 additions and 11 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      src/api/srm/srmSupplier.js
  2. 11
      src/views/modules/srm/actionList.vue
  3. 255
      src/views/modules/srmAction/actionList.vue
  4. 425
      src/views/modules/srmSupplier/supplierList.vue

5
src/api/srm/srmSupplier.js
View File

@ -0,0 +1,5 @@
import { createAPI } from '@/utils/httpRequest.js'
// 获取派工单的最新信息
export const searchSrmSupplierList = data => createAPI('/srmSupplier/searchSrmSupplierList', 'POST', data)
export const searchSupplierGroupRequestList = data => createAPI('/srmSupplier/searchSupplierGroupRequestList', 'POST', data)

11
src/views/modules/srm/actionList.vue
View File

@ -1,11 +0,0 @@
<script setup>
</script>
<template>
</template>
<style scoped>
</style>

255
src/views/modules/srmAction/actionList.vue
View File

@ -0,0 +1,255 @@
<template>
<div class="customer-css" >
<!-- 查询时间和产品 -->
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;" >
<el-row>
<el-form-item :label="'报表名称:'">
<el-input v-model="pageData.reportName" style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="''" style="margin-left: 50px; margin-top: 20px;">
<el-button class="customer-bun-min" type="primary" @click="refreshPageTables" style="margin-left: 10px; margin-bottom: 5px;">查询</el-button>
<el-button class="customer-bun-min" type="primary" @click="addReportModal" style="margin-left: 10px; margin-bottom: 5px;">新增</el-button>
</el-form-item>
</el-row>
</el-form>
<!-- 工单主表信息 -->
<el-main style="margin-top: 5px; padding: 0px; width: 100%;">
<el-table
:height="height"
:data="reportList"
border
ref="reportTable"
highlight-current-row
@row-click="setCurrentReportRow"
v-loading="dataListLoading"
style="margin-top: 0px; width: 100%;">
<el-table-column
fixed="left"
header-align="center"
align="center"
width="220"
:label="'操作'">
<template slot-scope="scope">
<a class="customer-a" @click="editCustomerReportModal(scope.row)">编辑</a>
<a class="customer-a" @click="warnDeleteCustomerReportConfirm(scope.row)">删除</a>
<a class="customer-a" @click="editCustomerReportSearchColumnModal(scope.row)">查询参数维护</a>
<a class="customer-a" @click="showCustomerReportSearchColumnModal(scope.row)">查询</a>
<a class="customer-a" @click="showAuthCustomerReportModal(scope.row)">权限</a>
</template>
</el-table-column>
<el-table-column
v-for="(item,index) in columnReportArray" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
</el-table>
</el-main>
</div>
</template>
<script>
/*组件*/
import {
getCurrentPageTables,
deleteCustomerReport,
} from '@/api/report/report_manage.js'
export default {
data() {
return {
functionId: this.$route.meta.menuId,
height: 200,
currentReportRow: {},
pageData: {
site: this.$store.state.user.site,
username: this.$store.state.user.name,
reportName: '',
reportType: '',
seqNo: 0,
status: 1,
},
reportList: [],
dataListLoading: false,
columnReportArray: [
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '5306ReportReportId',
tableId: "5306Report",
tableName: "自定义报表",
columnProp: "reportId",
headerAlign: "center",
align: "center",
columnLabel: "报表ID",
columnWidth: '',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '5306ReportReportName',
tableId: "5306Report",
tableName: "自定义报表",
columnProp: "reportName",
headerAlign: "center",
align: "center",
columnLabel: "报表名称",
columnWidth: '',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
],
}
},
/*组件*/
components: {
},
mounted() {
this.$nextTick(() => {
this.height = window.innerHeight - 165;
})
},
methods: {
warnDeleteCustomerReportConfirm(currentCustomerReport) {
this.$confirm('确实要删除报表'+currentCustomerReport.reportName+'吗?', '提示', {
confirmButtonText: '确认',
celButtonText: '取消',
type: 'warning'
}).then(() => {
//执行删除定制报表的功能
this.deleteCustomerReportOperation(currentCustomerReport);
});
},
/*执行删除定制报表的功能*/
deleteCustomerReportOperation(currentCustomerReport) {
//执行删除卷的操作
deleteCustomerReport(currentCustomerReport).then(({data}) => {
//判断是否成功
if (data.code === 200) {
this.$message.success(data.msg);
//刷新报工的页面
this.refreshPageTables();
} else {
this.$message.error(data.msg);
}
});
},
},
created() {
//查询报表的类型
this.refreshReportType();
},
}
</script>
<!--当前页面的标签样式-->
<style scoped lang="scss">
/*针对el-card*/
.customer-card .el-form-item__content{
margin-top: -15px;
}
.customer-card .el-form-item{
height: 22px;
}
.customer-border .el-form-item__content{
margin-top: -30px;
}
/*全局年与日类型 宽度*/
div.el-time-width{
width: 110px !important;
}
/* 全局时间右边框*/
.customer-css input.el-input__inner{
height: 22px !important;
padding-right: 0px !important;
}
/* 控制el-card标签的数据*/
div.customer-el-card {
margin-left: 110px;
margin-top: -15px;
height: 20px;
width: 60px;
}
/* 颜色控制 */
div.customer-el-card-pink {
background: #FF00FF;
}
div.customer-el-card-orange {
background: #FFD700;
}
div.customer-el-card-blue {
background: #0000CD;
}
/*清掉样式*/
.el-radio+.el-radio {
margin-left: 0px;
}
/*当前按钮的通用样式*/
.customer-css .customer-bun-mid{
width: 60px;
text-align: center;
}
.customer-css .customer-bun-min{
width: 50px;
text-align: center;
}
.customer-css .customer-bun-max{
width: 80px;
text-align: center;
}
/*当前按钮的通用样式*/
.customer-css .el-button--medium {
padding: 5px 5px;
}
</style>

425
src/views/modules/srmSupplier/supplierList.vue
View File

@ -0,0 +1,425 @@
<template>
<div class="customer-css" >
<!-- 查询时间和产品 -->
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;" >
<el-row>
<el-col :span="24" style="">
<el-form-item :label="'Supplier No:'">
<el-input v-model="searchData.supplierNo" style=""></el-input>
</el-form-item>
<el-form-item :label="'Supplier Name:'">
<el-input v-model="searchData.supplierName" style=""></el-input>
</el-form-item>
<el-form-item :label="' '" >
<el-button class="customer-bun-min" type="primary" @click="getMainData" style="">Query</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-table
:height="height"
:data="mainDataList"
border
ref="mainTable"
highlight-current-row
@row-click="changeData"
v-loading="dataListLoading"
style="margin-top: 0px; width: 100%;">
<!-- <el-table-column-->
<!-- fixed="left"-->
<!-- header-align="center"-->
<!-- align="center"-->
<!-- width="220"-->
<!-- :label="'操作'">-->
<!-- <template slot-scope="scope">-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column
v-for="(item,index) in columnArray1" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
</el-table>
<!-- 分页插件 -->
<el-pagination style="margin-top: 0px"
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
:current-page="pageIndex"
:page-sizes="[20, 50, 100, 200, 500]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
</el-pagination>
<el-tabs v-model="activeName" style="margin-top: 0px; width: 99%;" @tab-click="tabClick" class="customer-tab" type="border-card">
<el-tab-pane label="Share" name="share" style="">
</el-tab-pane>
<el-tab-pane label="Group Change Hist" name="groupChangeList" style="">
<el-table
:height="height"
:data="supplierGroupRequestList"
border
ref="table3"
highlight-current-row
v-loading="dataListLoading"
style="margin-top: 0px; width: 100%;">
<!-- <el-table-column-->
<!-- fixed="left"-->
<!-- header-align="center"-->
<!-- align="center"-->
<!-- width="220"-->
<!-- :label="'操作'">-->
<!-- <template slot-scope="scope">-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column
v-for="(item,index) in columnArray3" :key="index"
:sortable="item.columnSortable"
:prop="item.columnProp"
:header-align="item.headerAlign"
:show-overflow-tooltip="item.showOverflowTooltip"
:align="item.align"
:fixed="item.fixed==''?false:item.fixed"
:min-width="item.columnWidth"
:label="item.columnLabel">
<template slot-scope="scope">
<span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span>
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]"
style="width: 100px; height: 80px"/></span>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
/*组件*/
import {
searchSupplierGroupRequestList,searchSrmSupplierList,
} from '@/api/srm/srmSupplier.js'
export default {
data() {
return {
functionId: this.$route.meta.menuId,
height: 200,
currentRow: {},
searchData:{
supplierNo:'',
supplierName:'',
site:this.$store.state.user.site,
page: 1,
limit: 10,
},
pageIndex: 1,
pageSize: 50,
totalPage: 0,
mainDataList:[],
supplierGroupRequestList:[],
dataListLoading: false,
activeName: 'groupChangeList',
columnArray1: [
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '811001Table1SupplierNo',
tableId: "811001Table1",
tableName: "供应商信息",
columnProp: "supplierNo",
headerAlign: "center",
align: "left",
columnLabel: "Supplier No",
columnWidth: '100',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '811001Table1SupplierName',
tableId: "811001Table1",
tableName: "供应商信息",
columnProp: "supplierName",
headerAlign: "center",
align: "left",
columnLabel: "Supplier Name",
columnWidth: '300',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '811001Table1SupplierGroup',
tableId: "811001Table1",
tableName: "供应商信息",
columnProp: "supplierGroup",
headerAlign: "center",
align: "left",
columnLabel: "Supplier Group",
columnWidth: '100',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
],
columnArray3: [
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '811001Table3RequestNo',
tableId: "811001Table3",
tableName: "供应商等级变更记录",
columnProp: "requestNo",
headerAlign: "center",
align: "left",
columnLabel: "Request No",
columnWidth: '100',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '811001Table3RequestDate',
tableId: "811001Table3",
tableName: "供应商等级变更记录",
columnProp: "requestData",
headerAlign: "center",
align: "left",
columnLabel: "Request Date",
columnWidth: '100',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '811001Table3OldSupplierGroup',
tableId: "811001Table3",
tableName: "供应商等级变更记录",
columnProp: "oldSupplierGroup",
headerAlign: "center",
align: "left",
columnLabel: "Old Supplier Group",
columnWidth: '100',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '811001Table3NewSupplierGroup',
tableId: "811001Table3",
tableName: "供应商等级变更记录",
columnProp: "newSupplierGroup",
headerAlign: "center",
align: "left",
columnLabel: "New Supplier Group",
columnWidth: '100',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '811001Table3Reason',
tableId: "811001Table3",
tableName: "供应商等级变更记录",
columnProp: "reason",
headerAlign: "center",
align: "left",
columnLabel: "Reason",
columnWidth: '200',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '811001Table3Status',
tableId: "811001Table3",
tableName: "供应商等级变更记录",
columnProp: "status",
headerAlign: "center",
align: "left",
columnLabel: "Status",
columnWidth: '100',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
{
userId: this.$store.state.user.name,
functionId: this.functionId,
serialNumber: '811001Table3RequestBy',
tableId: "811001Table3",
tableName: "供应商等级变更记录",
columnProp: "requestBy",
headerAlign: "center",
align: "left",
columnLabel: "Request By",
columnWidth: '100',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: false
},
],
}
},
/*组件*/
components: {
},
mounted() {
this.$nextTick(() => {
this.height = ( window.innerHeight - 220)/2;
})
},
methods: {
getMainData(){
this.searchData.limit = this.pageSize
this.searchData.page = this.pageIndex
searchSrmSupplierList(this.searchData).then(({data}) => {
if (data.code === 0) {
this.mainDataList = data.page.list
this.pageIndex = data.page.currPage
this.pageSize = data.page.pageSize
this.totalPage = data.page.totalCount
//判断是否全部存在数据
if (this.totalPage > 0) {
//设置选中行
this.$refs.mainTable.setCurrentRow(this.mainDataList[0])
this.changeData(this.mainDataList[0])
}else {
this.changeData(null)
}
}
this.dataListLoading = false
})
},
tabClick(tab, event){
this.refreshCurrentTabTable()
},
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.getMainData()
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.getMainData()
},
changeData(row){
this.currentRow=JSON.parse(JSON.stringify(row))
this.refreshCurrentTabTable ();
},
refreshCurrentTabTable(){
if(this.currentRow===''||this.currentRow===null){
this.currentRow={site:'',supplierNo:''}
}
if(this.activeName==='share'){
}
if(this.activeName==='groupChangeList') {
console.log(this.activeName)
let inData={
site:this.currentRow.site,
supplierNo:this.currentRow.supplierNo,
}
searchSupplierGroupRequestList(inData).then(({data}) => {
//区分请求成功和失败的状况
if (data && data.code == 0) {
this.supplierGroupRequestList = data.rows
} else {
this.supplierGroupRequestList = [];
}
});
}
},
},
created() {
//查询报表的类型
this.getMainData();
},
}
</script>
<!--当前页面的标签样式-->
<style scoped lang="scss">
/deep/ .customer-tab .el-tabs__content {
padding: 5px !important;
}
</style>
Write Preview
Loading…
Cancel
Save