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

供应商文档

java8
常熟吴彦祖 5 months ago
parent
33ddfb79b7
commit
7f04206c7c
5 changed files with 1720 additions and 3 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 16
      src/api/srm/srmDocument.js
  2. 2
      src/api/srm/srmSupplier.js
  3. 4
      src/store/modules/common.js
  4. 763
      src/views/modules/srmDocument/srmDocumentTypeDefinition.vue
  5. 938
      src/views/modules/srmDocument/srmSupplierDocumentListDefinition.vue

16
src/api/srm/srmDocument.js
View File

@ -0,0 +1,16 @@
import { createAPI } from '@/utils/httpRequest.js'
//---------------文档类型定义-------------------
export const srmDocumentTypeSearch= data => createAPI(`/srmDocument/srmDocumentTypeSearch`,'post',data)
export const querySrmDocumentType= data => createAPI(`/srmDocument/querySrmDocumentType`,'post',data)
export const srmDocumentTypeSave= data => createAPI(`/srmDocument/srmDocumentTypeSave`,'post',data)
export const srmDocumentTypeEdit= data => createAPI(`/srmDocument/srmDocumentTypeEdit`,'post',data)
export const srmDocumentTypeDelete= data => createAPI(`/srmDocument/srmDocumentTypeDelete`,'post',data)
//---------------供应商文档清单定义-------------------
export const srmSupplierDocumentSearch= data => createAPI(`/srmDocument/srmSupplierDocumentSearch`,'post',data)
export const querySrmSupplierDocument= data => createAPI(`/srmDocument/querySrmSupplierDocument`,'post',data)
export const srmSupplierDocumentSave= data => createAPI(`/srmDocument/srmSupplierDocumentSave`,'post',data)
export const srmSupplierDocumentEdit= data => createAPI(`/srmDocument/srmSupplierDocumentEdit`,'post',data)
export const srmSupplierDocumentDelete= data => createAPI(`/srmDocument/srmSupplierDocumentDelete`,'post',data)
//获取用户bu
export const getSiteAndBuByUserName= data => createAPI(`/pms/eam/getSiteAndBuByUserName`,'post',data)

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

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

4
src/store/modules/common.js
View File

@ -17,8 +17,8 @@ export default {
// 主入口标签页 // 主入口标签页
mainTabs: [], mainTabs: [],
mainTabsActiveName: '', mainTabsActiveName: '',
appName: 'CKP',
// appName: 'SRM',
// appName: 'CKP',
appName: 'SRM',
}, },
mutations: { mutations: {
updateDocumentClientHeight (state, height) { updateDocumentClientHeight (state, height) {

763
src/views/modules/srmDocument/srmDocumentTypeDefinition.vue
View File

@ -0,0 +1,763 @@
<template>
<div class="mod-config">
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()">
<el-form-item :label="'文档类型ID'">
<el-input v-model="searchData.documentTypeId" style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'文档类型'">
<el-input v-model="searchData.documentType" style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="'在用'">
<el-select filterable v-model="searchData.active" style="width: 130px">
<el-option label="全部" value=""></el-option>
<el-option label="是" value="Y"></el-option>
<el-option label="否" value="N"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="' '">
<el-button v-if="!authSearch" @click="getDataList()">查询</el-button>
<el-button v-if="!authSave" type="primary" @click="addModal()">新增</el-button>
<download-excel
:fields="fields()"
:data="exportData"
type="xls"
:name="exportName"
:header="exportHeader"
:footer="exportFooter"
:fetch="createExportData"
:before-generate="startDownload"
:before-finish="finishDownload"
worksheet="导出信息"
class="el-button el-button--primary el-button--medium">
{{ "导出" }}
</download-excel>
</el-form-item>
</el-form>
<el-table
@header-dragend="handleColumnResize"
:height="height"
:data="dataList"
border
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList" :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-column
fixed="right"
header-align="center"
align="center"
width="100"
label="操作">
<template slot-scope="scope">
<a v-if="!authUpdate" type="text" size="small" @click="updateModal(scope.row)">修改</a>
<a v-if="!authDelete" type="text" size="small" @click="deleteDocumentType(scope.row)">删除</a>
</template>
</el-table-column>
</el-table>
<el-pagination
@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-dialog title="文档类型" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="450px">
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;">
<!-- <el-form-item label="BU" prop="bu" :rules="rules.bu">-->
<!-- <el-select v-model="modalData.bu" placeholder="请选择" :disabled="modalDisableFlag" style="width: 230px">-->
<!-- <el-option-->
<!-- v-for = "i in userBuList"-->
<!-- :key = "i.buNo"-->
<!-- :label = "i.sitename"-->
<!-- :value = "i.buNo">-->
<!-- <span style="float: left;width: 100px">{{ i.sitename }}</span>-->
<!-- <span style="float: right; color: #8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 11px;width: 60px">-->
<!-- {{ i.buDesc }}-->
<!-- </span>-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="是否在用" prop="active" :rules="rules.activeType">-->
<!-- <el-select filterable v-model="modalData.active" style="width: 140px">-->
<!-- <el-option label="是" value="Y"></el-option>-->
<!-- <el-option label="否" value="N"></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;">
<el-form-item label="文档类型ID" prop="documentTypeId" :rules="rules.documentTypeIdType">
<el-input v-model="modalData.documentTypeId" :disabled="modalDisableFlag" style="width: 140px"></el-input>
</el-form-item>
<el-form-item label="文档类型" prop="documentType" style="margin-left: 15px" :rules="rules.documentTypeType">
<el-input v-model="modalData.documentType" style="width: 230px"></el-input>
</el-form-item>
</el-form>
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: 5px;">
<el-form-item label="责任部门" prop="responsibleDepartment" :rules="rules.responsibleDepartmentType">
<el-select v-model="modalData.responsibleDepartment" placeholder="请选择" clearable style="width: 140px">
<el-option
v-for = "i in responsibleDepartmentList"
:key = "i.roleNo"
:label = "i.roleDesc"
:value = "i.roleNo">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="预计完成天数" prop="estimatedCompletionDays" style="margin-left: 15px" :rules="rules.estimatedCompletionDaysType">
<el-input v-model="modalData.estimatedCompletionDays" style="width: 230px"></el-input>
</el-form-item>
</el-form>
</el-form>
<el-footer style="height:40px;margin-top: 15px;text-align:center">
<el-button type="primary" @click="saveData()">保存</el-button>
<el-button type="primary" @click="modalFlag = false">关闭</el-button>
</el-footer>
</el-dialog>
</div>
</template>
<script>
import {
srmDocumentTypeSearch,
srmDocumentTypeSave,
srmDocumentTypeEdit,
srmDocumentTypeDelete,
querySrmDocumentType,
} from "@/api/srm/srmDocument.js"
import {
getResponsibleDepartment
} from "@/api/factory/site.js"
import {getTableDefaultListLanguage, getTableUserListLanguage} from "@/api/table.js"
import {EventBus} from "../../../main";
import {updateColumnSize} from "../../../api/table";
export default {
watch: {
searchData: {
deep: true,
handler: function (newV, oldV) {
this.searchData.documentTypeId = this.searchData.documentTypeId.toUpperCase()
}
},
modalData: {
deep: true,
handler: function (newV, oldV) {
this.modalData.documentTypeId = this.modalData.documentTypeId.toUpperCase()
}
}
},
data () {
return {
// 是否收藏
favorite: false,
// 导出 start
exportData: [],
exportName: "文档类型定义" + this.dayjs().format('YYYYMMDDHHmmss'),
exportHeader: ["文档类型定义"],
exportFooter: [],
exportList:[],
// 导出 end
searchData: {
site: this.$store.state.user.site,
userName: this.$store.state.user.name,
documentTypeId: '',
documentType: '',
responsibleDepartment: '',
estimatedCompletionDays: '',
// active: 'Y',
page: 1,
limit: 10,
},
responsibleDepartmentList: [],
selectTypeFlag: [],
height: 200,
pageIndex: 1,
pageSize: 20,
totalPage: 0,
dataList: [],
dataListSelections: [],
modalFlag:false,
modalDisableFlag:false,
modalData:{
flag:'',
// bu: '',
site: this.$store.state.user.site,
documentTypeId: '',
documentType: '',
responsibleDepartment: '',
estimatedCompletionDays: '',
// active:'',
createBy: this.$store.state.user.name,
updateBy: this.$store.state.user.name,
},
departmentList:[],
// 展示列集
columnList: [
{
userId: this.$store.state.user.name,
functionId: 811020,
serialNumber: '811020Table1DocumentTypeId',
tableId: "811020Table1",
tableName: "文档类型定义表",
columnProp: 'documentTypeId',
headerAlign: "center",
align: "center",
columnLabel: '文档类型ID',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811020,
serialNumber: '811020Table1DocumentType',
tableId: "811020Table1",
tableName: "文档类型定义表",
columnProp: 'documentType',
headerAlign: "center",
align: "left",
columnLabel: '文档类型',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811020,
serialNumber: '811020Table1ResponsibleDepartment',
tableId: "811020Table1",
tableName: "文档类型定义表",
columnProp: 'responsibleDepartment',
headerAlign: "center",
align: "left",
columnLabel: '责任部门',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811020,
serialNumber: '811020Table1EstimatedCompletionDays',
tableId: "811020Table1",
tableName: "文档类型定义表",
columnProp: 'estimatedCompletionDays',
headerAlign: "center",
align: "left",
columnLabel: '预计完成天数',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811020,
serialNumber: '811020Table1CreateDate',
tableId: "811020Table1",
tableName: "文档类型定义表",
columnProp: 'createDate',
headerAlign: "center",
align: "center",
columnLabel: '创建时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811020,
serialNumber: '811020Table1CreateBy',
tableId: "811020Table1",
tableName: "文档类型定义表",
columnProp: 'createBy',
headerAlign: "center",
align: "left",
columnLabel: '创建人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811020,
serialNumber: '811020Table1UpdateDate',
tableId: "811020Table1",
tableName: "文档类型定义表",
columnProp: 'updateDate',
headerAlign: "center",
align: "center",
columnLabel: '更新时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811020,
serialNumber: '811020Table1UpdateBy',
tableId: "811020Table1",
tableName: "文档类型定义表",
columnProp: 'updateBy',
headerAlign: "center",
align: "left",
columnLabel: '更新人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
],
levelList: [],
rules:{
documentTypeIdType:[
{
required: true,
message: ' ',
trigger: ['blur','change']
}
],
documentTypeType:[
{
required: true,
message: ' ',
trigger: ['blur','change']
}
],
responsibleDepartmentType:[
{
required: true,
message: ' ',
trigger: ['blur','change']
}
],
estimatedCompletionDaysType:[
{
required: true,
message: ' ',
trigger: ['blur','change']
}
],
// activeType:[
// {
// required: true,
// message: ' ',
// trigger: ['blur','change']
// }
// ],
// bu:[
// {
// required: true,
// message: ' ',
// trigger: ['blur','change']
// }
// ]
},
// userBuList: [],
authSearch: false,
authSave: false,
authUpdate: false,
authDelete: false,
menuId: this.$route.meta.menuId,
}
},
mounted () {
this.$nextTick(() => {
this.height = window.innerHeight - 210
})
},
activated() {
this.$store.commit("sift/commitSearchFunction",this.queryDataList)
},
created () {
// 按钮控制
// this.getButtonAuthData()
// 获取用户的 site 和 bu
// this.getSiteAndBuByUserName()
// 动态列
// this.getTableUserColumn(this.$route.meta.menuId+'table1',1)
// 获取数据列表
this.getDataList()
},
methods: {
handleColumnResize(newWidth, oldWidth, column, event){
let inData= this.columnList.filter(item => item.columnProp === column.property)[0]
inData.columnWidth=newWidth
//先不启用动态列
// updateColumnSize(inData).then(({data}) => {
// if (data.code === 0) {
// console.log("栏位宽度保存成功！")
// }
// })
},
//导出excel
async createExportData () {
this.searchData.limit = -1
this.searchData.page = 1
await srmDocumentTypeSearch(this.searchData).then(({data}) => {
this.exportList = data.page.list
})
return this.exportList
},
startDownload () {},
finishDownload () {},
fields () {
let json = "{"
this.columnList.forEach((item, index) => {
if (index == this.columnList.length - 1) {
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
} else {
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
}
})
json += "}"
let s = eval("(" + json + ")")
return s
},
// 获取数据列表
getDataList (params) {
this.selectTypeFlag = params
this.searchData.limit = this.pageSize
this.searchData.page = this.pageIndex
srmDocumentTypeSearch(this.searchData).then(({data}) => {
if (data.code === 0) {
this.dataList = data.page.list
this.pageIndex = data.page.currPage
this.pageSize = data.page.pageSize
this.totalPage = data.page.totalCount
for (let i = 0; i < this.dataList.length; i++) {
this.dataList[i].responsibleDepartment = this.dataList[i].roleDesc
}
}
})
},
queryDataList (params) {
this.selectTypeFlag = params
this.searchData.limit = this.pageSize
this.searchData.page = this.pageIndex
if (params !== null && params !== undefined) {
params.limit = this.pageSize
params.page = this.pageIndex
params.site = this.$store.state.user.site
params.userName = this.$store.state.user.name
} else {
params = this.searchData
}
querySrmDocumentType(params).then(({data}) => {
if (data.code === 0) {
this.dataList = data.page.list
this.pageIndex = data.page.currPage
this.pageSize = data.page.pageSize
this.totalPage = data.page.totalCount
for (let i = 0; i < this.dataList.length; i++) {
this.dataList[i].responsibleDepartment = this.dataList[i].roleDesc
}
}
})
},
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
if (this.selectTypeFlag !== null && this.selectTypeFlag !== undefined) {
this.queryDataList(this.selectTypeFlag)
} else {
this.getDataList()
}
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
if (this.selectTypeFlag !== null && this.selectTypeFlag !== undefined) {
this.queryDataList(this.selectTypeFlag)
} else {
this.getDataList()
}
},
// 多选
selectionChangeHandle (val) {
this.dataListSelections = val
},
addModal () {
this.modalData = {
flag: '1',
// bu: this.userBuList[0].buNo,
site: this.$store.state.user.site,
documentTypeId: '',
documentType: '',
responsibleDepartment: '',
estimatedCompletionDays: '',
// active: 'Y',
createBy: this.$store.state.user.name,
updateBy: this.$store.state.user.name,
}
this.getResponsibleDepartment()
this.modalDisableFlag = false
this.modalFlag = true
},
updateModal (row) {
this.modalData = {
flag: '2',
site: row.site,
// bu: row.site + '_' + row.buNo,
documentTypeId: row.documentTypeId,
documentType: row.documentType,
responsibleDepartment: row.responsibleDepartment,
estimatedCompletionDays: row.estimatedCompletionDays,
// active: row.active,
createBy: this.$store.state.user.name,
updateBy: this.$store.state.user.name,
}
this.getResponsibleDepartment()
this.modalDisableFlag = true
this.modalFlag = true
},
// 删除
deleteDocumentType (row) {
this.$confirm(`是否删除这个文档类型?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
srmDocumentTypeDelete(row).then(({data}) => {
if (data && data.code === '0') {
this.getDataList()
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}).catch(() => {
})
},
saveData () {
// if (this.modalData.bu === '' || this.modalData.bu == null) {
// this.$message.warning('请选择BU！')
// return
// }
if (this.modalData.documentTypeId === '' || this.modalData.documentTypeId == null) {
this.$message.warning('请输入文档类型ID！')
return
}
if (this.modalData.documentType === '' || this.modalData.documentType == null) {
this.$message.warning('请输入文档类型！')
return
}
if (this.modalData.responsibleDepartment === '' || this.modalData.responsibleDepartment == null) {
this.$message.warning('请输入责任部门！')
return
}
if (this.modalData.estimatedCompletionDays === '' || this.modalData.estimatedCompletionDays == null) {
this.$message.warning('请输入预计完成天数！')
return
}
// if (this.modalData.active === '' || this.modalData.active == null) {
// this.$message.warning('选择是否在用！')
// return
// }
if (this.modalData.flag === '1') {
srmDocumentTypeSave(this.modalData).then(({data}) => {
if (data && data.code === '0') {
this.getDataList()
this.modalFlag=false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
} else {
srmDocumentTypeEdit(this.modalData).then(({data}) => {
if (data && data.code === '0') {
// 成功操作后触发事件
EventBus.$emit('updateProjectInfo');
EventBus.$emit('updateBuDocumentList');
this.getDataList()
this.modalFlag=false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}
},
getResponsibleDepartment() {
this.modalData.site = this.$store.state.user.site
getResponsibleDepartment(this.modalData).then(({data}) => {
if (data.code === 0) {
data.rows.forEach((item) => {
// 判断roleNo是否为A开头
if (item.roleNo.startsWith('R')) {
this.responsibleDepartmentList.push(item)
}
})
}
})
},
// 动态列开始 获取 用户保存的 格式列
async getTableUserColumn(tableId, columnId) {
let queryTableUser = {
userId: this.$store.state.user.name,
functionId: this.$route.meta.menuId,
tableId: tableId,
status: true,
languageCode: this.$i18n.locale
}
await getTableUserListLanguage(queryTableUser).then(({data}) => {
if (data.rows.length > 0) {
//this.columnList1 = []
switch (columnId) {
case 1:
this.columnList = data.rows
break;
// case 2:
// this.detailColumnList = data.rows
// break;
// case 3:
// this.columnList2 = data.rows
// break;
// case 4:
// this.columnList3 = data.rows
// break;
}
} else {
this.getColumnList(tableId, columnId)
}
})
},
// 获取 tableDefault 列
async getColumnList (tableId, columnId) {
let queryTable= {
functionId: this.$route.meta.menuId,
tableId: tableId,
languageCode: this.$i18n.locale
}
await getTableDefaultListLanguage(queryTable).then(({data}) => {
if (!data.rows.length == 0) {
switch (columnId) {
case 1:
this.columnList = data.rows
break;
// case 2:
// this.detailColumnList = data.rows
// break;
// case 3:
// this.columnList2 = data.rows
// break;
// case 4:
// this.columnList3 = data.rows
// break;
}
} else {
// this.showDefault = true.
}
})
},
//获取按钮的权限数据
getButtonAuthData () {
let searchFlag = this.isAuth(this.menuId+":search")
let saveFlag = this.isAuth(this.menuId+":save")
let updateFlag = this.isAuth(this.menuId+":update")
let deleteFlag = this.isAuth(this.menuId+":delete")
//处理页面的权限数据
this.authSearch = !searchFlag
this.authSave = !saveFlag
this.authUpdate = !updateFlag
this.authDelete = !deleteFlag
},
}
}
</script>
<style lang="scss" scoped>
.el-table /deep/ .cell{
height: auto;
line-height: 1.5;
}
</style>
```

938
src/views/modules/srmDocument/srmSupplierDocumentListDefinition.vue
View File

@ -0,0 +1,938 @@
<template>
<div class="mod-config">
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()">
<el-form-item :label="'BU'">
<el-select v-model="searchData.buDesc" placeholder="请选择" clearable style="width: 130px">
<el-option
v-for = "i in userBuList"
:key = "i.buNo"
:label = "i.buDesc"
:value = "i.buDesc">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="'供应商分类'">
<el-select v-model="searchData.supplierDocType" placeholder="请选择" clearable style="width: 130px">
<el-option
v-for = "i in supplierDocTypeList"
:key = "i.supplierDocType"
:label = "i.supplierDocType"
:value = "i.supplierDocType">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="'文档类型ID'">
<span slot="label" style="" @click="getBaseList(1060,1)"><a herf="#">文档类型ID</a></span>
<el-input v-model="searchData.documentTypeId" style="width: 120px" clearable></el-input>
</el-form-item>
<el-form-item :label="'文档类型'">
<el-input v-model="searchData.documentType" style="width: 120px"></el-input>
</el-form-item>
<el-form-item :label="' '">
<el-button v-if="!authSearch" @click="getDataList()">查询</el-button>
<el-button v-if="!authSave" type="primary" @click="addModal()">新增</el-button>
<download-excel
:fields="fields()"
:data="exportData"
type="xls"
:name="exportName"
:header="exportHeader"
:footer="exportFooter"
:fetch="createExportData"
:before-generate="startDownload"
:before-finish="finishDownload"
worksheet="导出信息"
class="el-button el-button--primary el-button--medium">
{{ "导出" }}
</download-excel>
</el-form-item>
</el-form>
<el-table
@header-dragend="handleColumnResize"
:height="height"
:data="dataList"
border
style="width: 100%;">
<el-table-column
v-for="(item,index) in columnList" :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-column
fixed="right"
header-align="center"
align="center"
width="100"
label="操作">
<template slot-scope="scope">
<a v-if="!authUpdate" type="text" size="small" @click="updateModal(scope.row)">修改</a>
<a v-if="!authDelete" type="text" size="small" @click="deleteBuDocument(scope.row)">删除</a>
</template>
</el-table-column>
</el-table>
<el-pagination
@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-dialog title="供应商文档清单" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="500px">
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;">
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="BU" prop="bu" :rules="rules.bu">
<el-select v-model="modalData.bu" placeholder="请选择" :disabled="modalDisableFlag" style="">
<el-option
v-for = "i in userBuList"
:key = "i.buNo"
:label = "i.buDesc"
:value = "i.buNo">
<span style="float: right; color: #8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 11px;width: 60px">
{{ i.buDesc }}
</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="供应商分类" prop="projectCategory" style="margin-left: 15px" :rules="rules.supplierDocType">
<el-select v-model="modalData.supplierDocType" placeholder="请选择" clearable style="" @input="handleInput">
<el-option
v-for = "i in supplierDocTypeList"
:key = "i.supplierDocType"
:label = "i.supplierDocType"
:value = "i.supplierDocType">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item prop="documentTypeId" :rules="rules.documentTypeIdType" v-if="!disableButton">
<span slot="label" style="" @click="getBaseList(1060,2)"><a herf="#">文档类型ID</a></span>
<el-input v-model="modalData.documentTypeId" disabled style=""></el-input>
</el-form-item>
<el-form-item label="文档类型ID" prop="documentTypeId" style="margin-left: 15px" :rules="rules.documentTypeIdType" v-if="disableButton">
<el-input v-model="modalData.documentTypeId" disabled style=""></el-input>
</el-form-item>
</el-col>
<!-- <el-form-item label="文档类型ID" prop="documentTypeId" :rules="rules.documentTypeIdType">-->
<!-- <el-input v-model="modalData.documentTypeId" style="width: 230px"></el-input>-->
<!-- </el-form-item>-->
<el-col :span="16">
<el-form-item label="文档类型" prop="documentType" style="margin-left: 15px" :rules="rules.documentTypeType">
<el-input v-model="modalData.documentType" disabled style="width: 100%"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="责任部门" prop="responsibleDepartment" :rules="rules.responsibleDepartmentType">
<el-input v-model="modalData.responsibleDepartment" disabled style=""></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="预计完成天数" prop="estimatedCompletionDays" style="margin-left: 15px" :rules="rules.estimatedCompletionDaysType">
<el-input v-model="modalData.estimatedCompletionDays" disabled style=""></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-footer style="height:40px;margin-top: 15px;text-align:center">
<el-button type="primary" @click="saveData()">保存</el-button>
<el-button type="primary" @click="modalFlag = false;disableButton = false">关闭</el-button>
</el-footer>
</el-dialog>
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
</div>
</template>
<script>
import {
srmSupplierDocumentSearch,
srmSupplierDocumentSave,
srmSupplierDocumentEdit,
srmSupplierDocumentDelete,
getSiteAndBuByUserName,
querySrmSupplierDocument,
} from "@/api/srm/srmDocument.js"
import Chooselist from '@/views/modules/common/Chooselist_eam'
import {userFavoriteList, saveUserFavorite, removeUserFavorite} from '@/api/userFavorite.js'
import {
getTableDefaultListLanguage,
getTableUserListLanguage,
} from "@/api/table.js"
import {EventBus} from "../../main";
import {updateColumnSize} from "../../../api/table";
export default {
components: {
Chooselist
},
watch: {
searchData: {
deep: true,
handler: function (newV, oldV) {
this.searchData.documentTypeId = this.searchData.documentTypeId.toUpperCase()
}
},
},
data () {
return {
// 是否收藏
favorite: false,
// 导出 start
exportData: [],
exportName: "供应商文档清单" + this.dayjs().format('YYYYMMDDHHmmss'),
exportHeader: ["供应商文档清单"],
exportFooter: [],
exportList:[],
// 导出 end
tagNo:'',
tagNo1:'',
searchData: {
site: this.$store.state.user.site,
userName: this.$store.state.user.name,
supplierDocType: '',
documentTypeId: '',
documentType: '',
buDesc: '',
// active: 'Y',
page: 1,
limit: 10,
},
height: 200,
pageIndex: 1,
pageSize: 20,
totalPage: 0,
dataList: [],
selectTypeFlag: [],
dataListSelections: [],
modalFlag:false,
modalDisableFlag:false,
disableButton: false,
isDataModified: false,
modalData:{
flag:'',
bu: '',
site: this.$store.state.user.site,
documentTypeId:'',
supplierDocType:'',
// active:'',
createBy: this.$store.state.user.name,
updateBy: this.$store.state.user.name,
},
modalCompareData:{
flag:'',
bu: '',
site: this.$store.state.user.site,
documentTypeId:'',
supplierDocType:'',
// active:'',
createBy: this.$store.state.user.name,
updateBy: this.$store.state.user.name,
},
departmentList:[],
// 展示列集
columnList: [
{
userId: this.$store.state.user.name,
functionId: 811021,
serialNumber: '811021Table1BuDesc',
tableId: "811021Table1",
tableName: "供应商文档清单表",
columnProp: 'buDesc',
headerAlign: "center",
align: "center",
columnLabel: 'BU',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 100,
},
{
userId: this.$store.state.user.name,
functionId: 811021,
serialNumber: '811021Table1SupplierDocType',
tableId: "811021Table1",
tableName: "供应商文档清单表",
columnProp: 'supplierDocType',
headerAlign: "center",
align: "left",
columnLabel: '供应商分类',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811021,
serialNumber: '811021Table1DocumentTypeId',
tableId: "811021Table1",
tableName: "供应商文档清单表",
columnProp: 'documentTypeId',
headerAlign: "center",
align: "center",
columnLabel: '文档类型ID',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811021,
serialNumber: '811021Table1DocumentType',
tableId: "811021Table1",
tableName: "供应商文档清单表",
columnProp: 'documentType',
headerAlign: "center",
align: "left",
columnLabel: '文档类型',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811021,
serialNumber: '811021Table1ResponsibleDepartment',
tableId: "811021Table1",
tableName: "供应商文档清单表",
columnProp: 'responsibleDepartment',
headerAlign: "center",
align: "left",
columnLabel: '责任部门',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811021,
serialNumber: '811021Table1EstimatedCompletionDays',
tableId: "811021Table1",
tableName: "供应商文档清单表",
columnProp: 'estimatedCompletionDays',
headerAlign: "center",
align: "left",
columnLabel: '预计完成天数',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811021,
serialNumber: '811021Table1CreateDate',
tableId: "811021Table1",
tableName: "供应商文档清单表",
columnProp: 'createDate',
headerAlign: "center",
align: "center",
columnLabel: '创建时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811021,
serialNumber: '811021Table1CreateBy',
tableId: "811021Table1",
tableName: "供应商文档清单表",
columnProp: 'createBy',
headerAlign: "center",
align: "left",
columnLabel: '创建人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811021,
serialNumber: '811021Table1UpdateDate',
tableId: "811021Table1",
tableName: "供应商文档清单表",
columnProp: 'updateDate',
headerAlign: "center",
align: "center",
columnLabel: '更新时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
{
userId: this.$store.state.user.name,
functionId: 811021,
serialNumber: '811021Table1UpdateBy',
tableId: "811021Table1",
tableName: "供应商文档清单表",
columnProp: 'updateBy',
headerAlign: "center",
align: "left",
columnLabel: '更新人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
columnWidth: 120,
},
],
levelList: [],
rules:{
supplierDocType:[
{
required: true,
message: ' ',
trigger: ['blur','change']
}
],
documentTypeIdType:[
{
required: true,
message: ' ',
trigger: ['blur','change']
}
],
documentTypeType:[
{
required: true,
message: ' ',
trigger: ['blur','change']
}
],
responsibleDepartmentType:[
{
required: true,
message: ' ',
trigger: ['blur','change']
}
],
estimatedCompletionDaysType:[
{
required: true,
message: ' ',
trigger: ['blur','change']
}
],
activeType:[
{
required: true,
message: ' ',
trigger: ['blur','change']
}
],
bu:[
{
required: true,
message: ' ',
trigger: ['blur','change']
}
]
},
supplierDocTypeList: [
{
supplierDocType: 'common',
},
],
userBuList: [],
authSearch: false,
authSave: false,
authUpdate: false,
authDelete: false,
menuId: this.$route.meta.menuId,
}
},
mounted () {
this.$nextTick(() => {
this.height = window.innerHeight - 210
})
EventBus.$on('updateBuDocumentList', () => {
this.getDataList();
});
},
activated() {
this.$store.commit("sift/commitSearchFunction",this.queryDataList)
},
created () {
// 按钮控制
// this.getButtonAuthData()
// 获取用户的 site 和 bu
this.getSiteAndBuByUserName()
// 校验用户是否收藏
// 动态列
// this.getTableUserColumn(this.$route.meta.menuId+'table1',1)
if (!this.authSearch) {
// 获取数据列表
this.getDataList()
}
this.$refs.eamDocumentTypeDefinition.$on('getDataList', this.getDataList)
},
methods: {
handleColumnResize(newWidth, oldWidth, column, event){
let inData= this.columnList.filter(item => item.columnProp === column.property)[0]
inData.columnWidth=newWidth
// updateColumnSize(inData).then(({data}) => {
// if (data.code === 0) {
// console.log("栏位宽度保存成功！")
// }
// })
},
// 获取用户的bu
getSiteAndBuByUserName () {
let tempData = {
username: this.$store.state.user.name,
}
getSiteAndBuByUserName(tempData).then(({data}) => {
if (data.code === 0) {
this.userBuList = data.rows
}
})
},
// 获取基础数据列表S
getBaseList (val,type) {
this.tagNo = val
this.tagNo1 = type
this.$nextTick(() => {
let strVal = ''
let conSql = ''
if (val === 1060 ) {
if (type === 1) {
strVal = this.searchData.documentTypeId
conSql = " and a.site = '" + this.$store.state.user.site + "'"
} else {
strVal = this.modalData.documentTypeId
conSql = " and a.site = '" + this.$store.state.user.site + "'"
}
this.$refs.baseList.init(val, strVal, conSql)
}
})
},
/* 列表方法的回调 */
getBaseData (val) {
if (this.tagNo === 1060) {
if (this.tagNo1 === 2) {
this.modalData.documentTypeId = val.document_type_id
this.modalData.documentType = val.document_type
this.modalData.responsibleDepartment = val.responsible_department
this.modalData.estimatedCompletionDays = val.estimated_completion_days
}
if (this.tagNo1 === 1) {
this.searchData.documentTypeId = val.document_type_id
}
}
},
//导出excel
async createExportData () {
this.searchData.limit = -1
this.searchData.page = 1
await srmSupplierDocumentSearch(this.searchData).then(({data}) => {
this.exportList = data.page.list
})
return this.exportList
},
startDownload () {},
finishDownload () {},
fields () {
let json = "{"
this.columnList.forEach((item, index) => {
if (index == this.columnList.length - 1) {
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\""
} else {
json += "\"" + item.columnLabel + "\"" + ":" + "\"" + item.columnProp + "\"" + ","
}
})
json += "}"
let s = eval("(" + json + ")")
return s
},
// 获取数据列表
// 获取数据列表
getDataList (params) {
this.selectTypeFlag = params
this.searchData.limit = this.pageSize
this.searchData.page = this.pageIndex
srmSupplierDocumentSearch(this.searchData).then(({data}) => {
if (data.code === 0) {
this.dataList = data.page.list
this.pageIndex = data.page.currPage
this.pageSize = data.page.pageSize
this.totalPage = data.page.totalCount
for (let i = 0; i < this.dataList.length; i++) {
this.dataList[i].responsibleDepartment = this.dataList[i].roleDesc
}
}
})
},
queryDataList (params) {
this.selectTypeFlag = params
this.searchData.limit = this.pageSize
this.searchData.page = this.pageIndex
if (params !== null && params !== undefined) {
params.limit = this.pageSize
params.page = this.pageIndex
params.site = this.$store.state.user.site
params.userName = this.$store.state.user.name
} else {
params = this.searchData
}
querySrmSupplierDocument(params).then(({data}) => {
if (data.code === 0) {
this.dataList = data.page.list
this.pageIndex = data.page.currPage
this.pageSize = data.page.pageSize
this.totalPage = data.page.totalCount
for (let i = 0; i < this.dataList.length; i++) {
this.dataList[i].responsibleDepartment = this.dataList[i].roleDesc
}
}
})
},
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
if (this.selectTypeFlag !== null && this.selectTypeFlag !== undefined) {
this.queryDataList(this.selectTypeFlag)
} else {
this.getDataList()
}
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
if (this.selectTypeFlag !== null && this.selectTypeFlag !== undefined) {
this.queryDataList(this.selectTypeFlag)
} else {
this.getDataList()
}
},
// 多选
selectionChangeHandle (val) {
this.dataListSelections = val
},
addModal () {
this.modalData = {
flag: '1',
bu: this.userBuList[0].buNo,
site: this.$store.state.user.site,
documentTypeId: '',
documentType: '',
supplierDocType: '',
responsibleDepartment: '',
estimatedCompletionDays: '',
// active: 'Y',
createBy: this.$store.state.user.name,
updateBy: this.$store.state.user.name,
}
this.modalDisableFlag = false
this.modalFlag = true
},
updateModal (row) {
this.modalData = {
flag: '2',
site: row.site,
id: row.id,
bu: row.site + '_' + row.buNo,
documentTypeId: row.documentTypeId,
documentType: row.documentType,
supplierDocType: row.supplierDocType,
responsibleDepartment: row.responsibleDepartment,
estimatedCompletionDays: row.estimatedCompletionDays,
// active: row.active,
createBy: this.$store.state.user.name,
updateBy: this.$store.state.user.name,
}
this.modalCompareData = {
flag: '2',
site: this.modalData.site,
id: this.modalData.id,
bu: this.modalData.bu,
documentTypeId: this.modalData.documentTypeId,
documentType: this.modalData.documentType,
supplierDocType: this.modalData.supplierDocType,
responsibleDepartment: this.modalData.responsibleDepartment,
estimatedCompletionDays: this.modalData.estimatedCompletionDays,
// active: this.modalData.active,
createBy: this.modalData.createBy,
updateBy: this.modalData.updateBy,
}
this.disableButton = true
this.modalDisableFlag = true
this.modalFlag = true
},
// 删除
deleteBuDocument (row) {
this.$confirm(`是否删除这个供应商文档清单?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
srmSupplierDocumentDelete(row).then(({data}) => {
if (data && data.code === '0') {
this.getDataList()
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
}).catch(() => {
})
},
saveData () {
if (this.modalData.bu === '' || this.modalData.bu == null) {
this.$message.warning('请选择BU！')
return
}
if (this.modalData.supplierDocType === '' || this.modalData.supplierDocType == null) {
this.$message.warning('请选择供应商分类！')
return
}
if (this.modalData.documentTypeId === '' || this.modalData.documentTypeId == null) {
this.$message.warning('请选择文档类型ID！')
return
}
if (this.modalData.documentType === '' || this.modalData.documentType == null) {
this.$message.warning('文档类型为空！')
return
}
if (this.modalData.responsibleDepartment === '' || this.modalData.responsibleDepartment == null) {
this.$message.warning('责任部门为空！')
return
}
if (this.modalData.estimatedCompletionDays === '' || this.modalData.estimatedCompletionDays == null) {
this.$message.warning('预计完成天数为空！')
return
}
// if (this.modalData.active === '' || this.modalData.active == null) {
// this.$message.warning('选择是否在用！')
// return
// }
if (this.modalData.flag === '1') {
srmSupplierDocumentSave(this.modalData).then(({data}) => {
if (data && data.code === '0') {
this.getDataList()
this.modalFlag=false
this.disableButton = false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
} else {
if (this.modalCompareData.projectCategory !== this.modalData.projectCategory || this.modalCompareData.projectPhase !== this.modalData.projectPhase) {
// 用户进行了修改，可以继续保存数据
// 向后端发送保存请求的逻辑
srmSupplierDocumentEdit(this.modalData).then(({data}) => {
if (data && data.code === '0') {
EventBus.$emit('updateProjectInfo');
this.getDataList()
this.modalFlag=false
this.disableButton = false
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {}
})
} else {
this.$alert(data.msg, '错误', {
confirmButtonText: '确定'
})
}
})
this.modalCompareData.supplierDocType = ''
} else {
// 用户没有修改数据，不需要保存
this.modalCompareData.supplierDocType = ''
this.modalFlag = false;
this.disableButton = false;
}
}
},
// 动态列开始 获取 用户保存的 格式列
async getTableUserColumn(tableId, columnId) {
let queryTableUser = {
userId: this.$store.state.user.name,
functionId: this.$route.meta.menuId,
tableId: tableId,
status: true,
languageCode: this.$i18n.locale
}
await getTableUserListLanguage(queryTableUser).then(({data}) => {
if (data.rows.length > 0) {
//this.columnList1 = []
switch (columnId) {
case 1:
this.columnList = data.rows
break;
// case 2:
// this.detailColumnList = data.rows
// break;
// case 3:
// this.columnList2 = data.rows
// break;
// case 4:
// this.columnList3 = data.rows
// break;
}
} else {
this.getColumnList(tableId, columnId)
}
})
},
// 获取 tableDefault 列
async getColumnList (tableId, columnId) {
let queryTable= {
functionId: this.$route.meta.menuId,
tableId: tableId,
languageCode: this.$i18n.locale
}
await getTableDefaultListLanguage(queryTable).then(({data}) => {
if (!data.rows.length == 0) {
switch (columnId) {
case 1:
this.columnList = data.rows
break;
// case 2:
// this.detailColumnList = data.rows
// break;
// case 3:
// this.columnList2 = data.rows
// break;
// case 4:
// this.columnList3 = data.rows
// break;
}
} else {
// this.showDefault = true.
}
})
},
//获取按钮的权限数据
getButtonAuthData () {
let searchFlag = this.isAuth(this.menuId+":search")
let saveFlag = this.isAuth(this.menuId+":save")
let updateFlag = this.isAuth(this.menuId+":update")
let deleteFlag = this.isAuth(this.menuId+":delete")
//处理页面的权限数据
this.authSearch = !searchFlag
this.authSave = !saveFlag
this.authUpdate = !updateFlag
this.authDelete = !deleteFlag
},
handleInput() {
this.isDataModified = true;
}
}
}
</script>
<style scoped>
.disabled-link {
pointer-events: none; /* 禁止点击 */
color: gray; /* 可选，改变颜色来显示不可点击状态 */
text-decoration: none; /* 可选，去掉链接的下划线 */
}
</style>
<style lang="scss" scoped>
.el-table /deep/ .cell{
height: auto;
line-height: 1.5;
}
</style>
```
Write Preview
Loading…
Cancel
Save