910 lines
30 KiB
Vue
910 lines
30 KiB
Vue
<template>
|
||
<div class="app-container">
|
||
<el-card style="height: 850px;padding: 0">
|
||
<el-tabs
|
||
v-model="PartType"
|
||
type="border-card"
|
||
@tab-click="pageCurrent=1;pageCurrent1=1;searchTable();searchTable1()">
|
||
<el-tab-pane label="零件图纸" name="零件图纸">
|
||
<div style="margin-top: 7px; margin-bottom: 7px">
|
||
<el-input
|
||
v-model="partsName"
|
||
size="small"
|
||
placeholder="图号"
|
||
clearable
|
||
style="float: left;width: 200px"/>
|
||
<el-button
|
||
type="primary"
|
||
plain
|
||
icon="el-icon-search"
|
||
size="small"
|
||
style="float: left;margin-left:10px"
|
||
@click="pageCurrent=1;searchTable()">查询
|
||
</el-button>
|
||
<el-button
|
||
type="danger"
|
||
style="margin-left: 90px;"
|
||
size="small"
|
||
icon="el-icon-delete"
|
||
plain
|
||
@click="deletePart">删除
|
||
</el-button>
|
||
<!-- <el-upload
|
||
:action="action"
|
||
:on-success="uploadSuccess"
|
||
:on-error="uploadFailure"
|
||
:show-file-list="showFileList"
|
||
:file-list="fileList"
|
||
style="float: left;"
|
||
class="upload-demo"
|
||
multiple>
|
||
<el-button
|
||
type="primary"
|
||
style="margin-left: 10px; width:120px"
|
||
size="small"
|
||
icon="el-icon-upload2"
|
||
plain
|
||
@click="batchImportOfDrawings">零件图
|
||
</el-button>
|
||
</el-upload>
|
||
<el-button
|
||
type="distribution"
|
||
style="margin-left: 10px; width:120px"
|
||
size="small"
|
||
icon="el-icon-upload2"
|
||
plain
|
||
@click="openDialog">总图
|
||
</el-button> -->
|
||
</div>
|
||
<div style="margin-top: 10px">
|
||
<el-table
|
||
v-loading="loading"
|
||
:data="tableData"
|
||
highlight-current-row
|
||
border
|
||
stripe
|
||
size="small"
|
||
style="width: 681px"
|
||
height="710px"
|
||
@selection-change="handleSelectionChange">
|
||
<el-table-column type="selection" align="center" width="50px"/>
|
||
<el-table-column :width="setColumnWidth('序号')" type="index" label="序号" align="center"/>
|
||
<!--<el-table-column width="170px" label="零件名称" align="center">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.name }}
|
||
</template>
|
||
</el-table-column>-->
|
||
<el-table-column width="140px" label="图号/型号" align="center" show-overflow-tooltip>
|
||
<template slot-scope="scope">
|
||
{{ scope.row.name }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column :width="setColumnWidth('文件格式')" label="文件格式" align="center">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.suffix }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column :width="setColumnWidth('导入时间')" label="导入时间" align="center">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.导入时间 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column :width="setColumnWidth('导入人')" label="导入人" align="center">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.导入人 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="操作" align="center">
|
||
<template slot-scope="scope">
|
||
<el-tooltip :open-delay="700" effect="dark" content="PLM" placement="top">
|
||
<el-button type="text" icon="el-icon-connection" size="mini" @click="handlePLM(scope.row)">PLM</el-button>
|
||
</el-tooltip>
|
||
<el-tooltip :open-delay="700" effect="dark" content="查看或删除图纸" placement="top">
|
||
<el-button type="text" icon="el-icon-picture-outline" size="mini" @click="getNum(scope.row)"/>
|
||
</el-tooltip>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
<div class="block" style="margin-top: 10px;">
|
||
<el-pagination
|
||
:current-page="pageCurrent"
|
||
:page-sizes="[10, 20, 30, 40, 100]"
|
||
:page-size="pageSize"
|
||
:total="total"
|
||
layout="total, sizes, prev, pager, next, jumper"
|
||
@size-change="handleSizeChanges"
|
||
@current-change="handleCurrentChanges"/>
|
||
</div>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="产品图纸" name="产品图纸">
|
||
<div style="margin-top: 7px; margin-bottom: 7px">
|
||
<el-cascader
|
||
ref="cascader"
|
||
:options="product"
|
||
:show-all-levels="false"
|
||
placeholder="产品名称"
|
||
clearable
|
||
style="float: left"
|
||
size="small"
|
||
@clear="clearData"
|
||
@change="getData"/>
|
||
<!-- <el-upload
|
||
:action="action2"
|
||
:on-success="uploadSuccess2"
|
||
:on-error="uploadFailure2"
|
||
:show-file-list="showFileList2"
|
||
:file-list="fileList2"
|
||
class="upload-demo"
|
||
multiple>
|
||
<el-button
|
||
type="primary"
|
||
style="margin-left: 290px; width:120px"
|
||
size="small"
|
||
icon="el-icon-upload2"
|
||
plain
|
||
@click="batchImportOfDrawings1">产品图
|
||
</el-button>
|
||
</el-upload> -->
|
||
</div>
|
||
<div style="margin-top: 10px">
|
||
<el-table
|
||
v-loading="loading"
|
||
:data="tableData1"
|
||
highlight-current-row
|
||
border
|
||
stripe
|
||
size="small"
|
||
style="width: 611px"
|
||
height="710px">
|
||
<el-table-column :width="setColumnWidth('序号')" label="序号" type="index" align="center"/>
|
||
<el-table-column :width="setColumnWidth('产品名称')" label="产品名称" align="center">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.name }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column :width="setColumnWidth('文件格式')" label="文件格式" align="center">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.suffix }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column :width="setColumnWidth('导入时间')" label="导入时间" align="center">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.导入时间 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column :width="setColumnWidth('导入人')" label="导入人" align="center">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.导入人 }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column :width="setColumnWidth('操作')" label="操作" align="center">
|
||
<template slot-scope="scope">
|
||
<el-tooltip :open-delay="700" effect="dark" content="查看或删除图纸" placement="top">
|
||
<el-button type="text" icon="el-icon-picture-outline" size="mini" @click="getNum1(scope.row)"/>
|
||
</el-tooltip>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
<div class="block" style="margin-top: 10px;">
|
||
<el-pagination
|
||
:current-page="pageCurrent1"
|
||
:page-sizes="[10, 20, 30, 40, 100]"
|
||
:page-size="pageSize1"
|
||
:total="total1"
|
||
layout="total, sizes, prev, pager, next, jumper"
|
||
@size-change="handleSizeChanges1"
|
||
@current-change="handleCurrentChanges1"/>
|
||
</div>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
</el-card>
|
||
<el-dialog v-el-drag-dialog :visible.sync="dialogVisible" width="350px">
|
||
<div v-for="(file, key) in hadFile" :key="key">
|
||
<div class="wrapper">
|
||
<div class="content">
|
||
<div class="action">
|
||
<a v-show="isDeleteShow" class="delete" @click="deleteFileData(file.id)">删除</a>
|
||
</div>
|
||
<div v-if="file.suffix==='pdf'" class="icon">
|
||
<svg-icon icon-class="pdf"/>
|
||
</div>
|
||
<div v-else-if="file.suffix==='docx'||file.suffix === 'doc'" class="icon">
|
||
<svg-icon icon-class="doc"/>
|
||
</div>
|
||
<div v-else-if="file.suffix==='xlsx' || file.suffix === 'xls'" class="icon">
|
||
<svg-icon icon-class="excel"/>
|
||
</div>
|
||
<div v-else-if="file.suffix==='pptx' || file.suffix === 'ppt'" class="icon">
|
||
<svg-icon icon-class="ppt"/>
|
||
</div>
|
||
<div v-else-if="file.suffix==='jpg' || file.suffix === 'jpeg'|| file.suffix === 'png'" class="icon">
|
||
<svg-icon icon-class="pic"/>
|
||
</div>
|
||
<div v-else class="icon">
|
||
<svg-icon icon-class="file"/>
|
||
</div>
|
||
<a id="appUrl" :href="file.url" target="view_window">
|
||
<div class="info">{{ file.name }}</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-dialog>
|
||
<el-dialog
|
||
v-el-drag-dialog
|
||
:visible.sync="dialogVisibleMachine"
|
||
width="22%">
|
||
<span>订单编号</span>
|
||
<el-select
|
||
v-model="orderValue"
|
||
:remote-method="getOrder"
|
||
clearable
|
||
filterable
|
||
size="small"
|
||
placeholder="订单编号"
|
||
remote
|
||
@change="changeOrder">
|
||
<el-option
|
||
v-for="item in orderArray"
|
||
:key="item.value"
|
||
:label="item.label"
|
||
:value="item.value"/>
|
||
</el-select>
|
||
<div style="float: right;margin-right: 20px">
|
||
<el-upload
|
||
:disabled="disabledMachine"
|
||
:action="action1"
|
||
:on-success="uploadSuccess1"
|
||
:on-error="uploadFailure1"
|
||
:show-file-list="showFileList1"
|
||
:file-list="fileList1"
|
||
class="upload-demo"
|
||
multiple>
|
||
<el-button :disabled="disabledMachine" size="small" type="shengcheng">点击上传</el-button>
|
||
</el-upload>
|
||
</div>
|
||
<div v-for="(file, key) in hadFile1" :key="key">
|
||
<div class="wrapper">
|
||
<div class="content">
|
||
<div class="action">
|
||
<a class="delete" @click="deleteFileData1(file.id)">删除</a>
|
||
</div>
|
||
<div v-if="file.suffix==='pdf'" class="icon">
|
||
<svg-icon icon-class="pdf"/>
|
||
</div>
|
||
<div v-else-if="file.suffix==='docx'||file.suffix === 'doc'" class="icon">
|
||
<svg-icon icon-class="doc"/>
|
||
</div>
|
||
<div v-else-if="file.suffix==='xlsx' || file.suffix === 'xls'" class="icon">
|
||
<svg-icon icon-class="excel"/>
|
||
</div>
|
||
<div v-else-if="file.suffix==='pptx' || file.suffix === 'ppt'" class="icon">
|
||
<svg-icon icon-class="ppt"/>
|
||
</div>
|
||
<div v-else-if="file.suffix==='jpg' || file.suffix === 'jpeg'|| file.suffix === 'png'" class="icon">
|
||
<svg-icon icon-class="pic"/>
|
||
</div>
|
||
<div v-else class="icon">
|
||
<svg-icon icon-class="file"/>
|
||
</div>
|
||
<a id="appUrl1" :href="file.url" target="view_window">
|
||
<div class="info">{{ file.name }}</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-dialog>
|
||
<el-dialog v-el-drag-dialog :visible.sync="dialogVisible1" width="350px">
|
||
<div v-for="(file, key) in hadFile2" :key="key">
|
||
<div class="wrapper">
|
||
<div class="content">
|
||
<div class="action">
|
||
<a v-show="isDeleteShow1" class="delete" @click="deleteFileData2(file.id)">删除</a>
|
||
</div>
|
||
<div v-if="file.suffix==='pdf'" class="icon">
|
||
<svg-icon icon-class="pdf"/>
|
||
</div>
|
||
<div v-else-if="file.suffix==='docx'||file.suffix === 'doc'" class="icon">
|
||
<svg-icon icon-class="doc"/>
|
||
</div>
|
||
<div v-else-if="file.suffix==='xlsx' || file.suffix === 'xls'" class="icon">
|
||
<svg-icon icon-class="excel"/>
|
||
</div>
|
||
<div v-else-if="file.suffix==='pptx' || file.suffix === 'ppt'" class="icon">
|
||
<svg-icon icon-class="ppt"/>
|
||
</div>
|
||
<div v-else-if="file.suffix==='jpg' || file.suffix === 'jpeg'|| file.suffix === 'png'" class="icon">
|
||
<svg-icon icon-class="pic"/>
|
||
</div>
|
||
<div v-else class="icon">
|
||
<svg-icon icon-class="file"/>
|
||
</div>
|
||
<a id="appUrl2" :href="file.url" target="view_window">
|
||
<div class="info">{{ file.name }}</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import { mapGetters } from 'vuex'
|
||
import request, { MESDownloadFile, MESUploadFile, MESUploadFileProduct, uploadFileMachine } from '@/utils/request'
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
PartType: '零件图纸',
|
||
action: '',
|
||
showFileList: false,
|
||
hadFile: [],
|
||
fileList: [],
|
||
multipleSelection_variable: [],
|
||
multipleSelection: [],
|
||
dialogVisible: false,
|
||
close: false, // 是否显示关闭按钮
|
||
isDeleteShow: false,
|
||
deleteShow: '1',
|
||
action1: '',
|
||
showFileList1: false,
|
||
hadFile1: [],
|
||
fileList1: [],
|
||
disabledMachine: true,
|
||
dialogVisibleMachine: false,
|
||
action2: '',
|
||
showFileList2: false,
|
||
dialogVisible1: false,
|
||
isDeleteShow1: false,
|
||
hadFile2: [],
|
||
fileList2: [],
|
||
orderValue: '',
|
||
orderArray: [],
|
||
machineToolName: '',
|
||
machineTool: [],
|
||
productValue: '',
|
||
productValue1: '',
|
||
product: [],
|
||
partsName: '',
|
||
loading: false, // 数据加载
|
||
total: 0, // 分页总数
|
||
total1: 0, // 分页总数
|
||
tableData: [],
|
||
tableData1: [],
|
||
pageCurrent: 1, // 分页当前页
|
||
pageSize: 100, // 分页每页显示条数
|
||
pageCurrent1: 1, // 分页当前页
|
||
pageSize1: 100, // 分页每页显示条数
|
||
orderName: '', // 排序列名
|
||
order: '' // 排序方式
|
||
}
|
||
},
|
||
computed: {
|
||
...mapGetters([
|
||
'id',
|
||
'token'
|
||
])
|
||
},
|
||
created() {
|
||
this.fetchData()
|
||
this.searchTable()
|
||
},
|
||
methods: {
|
||
fetchData() {
|
||
this.getTreeData()
|
||
this.getOrder()
|
||
},
|
||
handleSelectionChange(val) {
|
||
this.multipleSelection = val
|
||
},
|
||
deletePart() {
|
||
if (this.multipleSelection.length === 0) {
|
||
this.$message.warning('请选择要删除的零件图！')
|
||
return
|
||
}
|
||
this.$confirm('此操作将永久删除图纸, 是否继续?', '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(() => {
|
||
const materialGroup = []
|
||
this.multipleSelection_variable = this.multipleSelection
|
||
this.multipleSelection = []
|
||
for (let i = 0; i < this.multipleSelection_variable.length; i++) {
|
||
materialGroup[i] = this.multipleSelection_variable[i].uid
|
||
}
|
||
var param = []
|
||
param[0] = ['uid组', materialGroup]
|
||
var Data = this.CreateData('12', '机加工MES_零件图PDF表_删除数据', param)
|
||
this.ExecDatabase(Data).then(response => {
|
||
if (response.data[0].result === '1') {
|
||
this.$message.success('删除成功')
|
||
this.searchTable()
|
||
this.$refs.multipleTable.clearSelection()
|
||
} else {
|
||
this.$message.success('选入失败')
|
||
}
|
||
})
|
||
}).catch(() => {
|
||
this.$message({
|
||
type: 'info',
|
||
message: '已取消删除'
|
||
})
|
||
})
|
||
},
|
||
getOrder(query) {
|
||
this.orderArray = []
|
||
var param = []
|
||
param[0] = ['订单编号', query]
|
||
var Data = this.CreateData('11', '订单信息_列表_查询数据_bak', param)
|
||
this.ExecDatabase(Data).then(response => {
|
||
for (let i = 0; i < response.data.length; i++) {
|
||
this.orderArray.push({
|
||
label: response.data[i].订单编号,
|
||
value: response.data[i].订单流水号
|
||
})
|
||
}
|
||
})
|
||
},
|
||
getProduct() {
|
||
var param = []
|
||
var Data = this.CreateData('11', '产品信息_基础表_查询数据', param)
|
||
this.ExecDatabase(Data).then(response => {
|
||
for (let i = 0; i < response.data.length; i++) {
|
||
this.product.push({
|
||
label: response.data[i].产品名称,
|
||
value: response.data[i].产品名称
|
||
})
|
||
}
|
||
})
|
||
},
|
||
searchTable() {
|
||
let partsName_check
|
||
this.partsName ? partsName_check = 1 : partsName_check = 0
|
||
var param = []
|
||
param[0] = ['零件图号_check', partsName_check]
|
||
param[1] = ['零件图号', this.partsName]
|
||
var Data = this.CreateData('11', '技术中心_零件图维护_查询', param, this.pageSize, this.pageCurrent)
|
||
this.ExecDatabase(Data).then(response => {
|
||
this.tableData = response.data.rows
|
||
this.total = response.data.total
|
||
})
|
||
},
|
||
getTreeData() {
|
||
var param = []
|
||
param[0] = ['子节点', 0]
|
||
var Data = this.CreateData('11', '产品关系_查询节点', param)
|
||
this.ExecDatabase(Data).then(response => {
|
||
const data = response.data
|
||
this.product = this.tree(data, 0)
|
||
})
|
||
},
|
||
tree(data, pid) {
|
||
const result = []
|
||
let temp
|
||
for (let i = 0; i < data.length; i++) {
|
||
if (data[i].父节点 === pid) {
|
||
const obj = { label: data[i].节点名称, value: data[i].子节点 }
|
||
temp = this.tree(data, data[i].子节点)
|
||
if (temp.length > 0) {
|
||
obj.children = temp
|
||
}
|
||
result.push(obj)
|
||
}
|
||
}
|
||
return result
|
||
},
|
||
clearData() {
|
||
this.productValue = ''
|
||
this.searchTable()
|
||
},
|
||
getData(val) {
|
||
this.productValue1 = val[val.length - 1]
|
||
var param = []
|
||
param[0] = ['产品流水号', this.productValue1]
|
||
var Data = this.CreateData('11', '产品关系_获取产品名称', param)
|
||
this.ExecDatabase(Data).then(response => {
|
||
this.productValue = response.data[0].产品名称
|
||
}).then(() => {
|
||
this.searchTable1()
|
||
})
|
||
},
|
||
searchTable1() {
|
||
let productValue_check
|
||
this.productValue ? productValue_check = 1 : productValue_check = 0
|
||
var param = []
|
||
param[0] = ['产品名称_check', productValue_check]
|
||
param[1] = ['产品名称', this.productValue]
|
||
var Data = this.CreateData('11', '技术中心_产品图维护_查询', param, this.pageSize1, this.pageCurrent1)
|
||
this.ExecDatabase(Data).then(response => {
|
||
this.tableData1 = response.data.rows
|
||
this.total1 = response.data.total
|
||
})
|
||
},
|
||
batchImportOfDrawings() {
|
||
this.action = `${MESUploadFile}?&num=1&tableName=机加工MES_零件图PDF表&type=1&UploaderName=${this.id}`
|
||
},
|
||
batchImportOfDrawings1() {
|
||
this.action2 = `${MESUploadFileProduct}?&num=1&tableName=图纸维护_产品图纸&type=1&UploaderName=${this.id}`
|
||
},
|
||
uploadSuccess(res, file, fileList) {
|
||
this.searchTable()
|
||
console.log(res, fileList, 1111)
|
||
if (res[0].result === '1') {
|
||
const index = fileList.indexOf(file)
|
||
fileList.splice(index, 1)
|
||
} else {
|
||
this.str = res[0].result
|
||
this.arr = this.str.split('|')
|
||
if (this.arr[1] === '无该零件') {
|
||
this.$notify.error({
|
||
title: '提示',
|
||
message: `${this.arr[0]}该零件不存在，请检查上传文件名称是否正确！`,
|
||
duration: 0
|
||
})
|
||
}
|
||
if (this.arr[1] === '重复') {
|
||
this.$notify.error({
|
||
title: '提示',
|
||
message: `${this.arr[0]}请勿重复上传！`,
|
||
duration: 0
|
||
})
|
||
}
|
||
if (this.arr[1] === '零件图号不正确') {
|
||
this.$notify.error({
|
||
title: '提示',
|
||
message: `${this.arr[0]}和所选图号不符！`,
|
||
duration: 0
|
||
})
|
||
}
|
||
}
|
||
if (fileList.length === 0) {
|
||
this.$message.success('文件上传成功')
|
||
}
|
||
},
|
||
uploadFailure(res, file, fileList) {
|
||
fileList.map(file => {
|
||
this.$message.error(`${file.name}文件上传失败，请检查上传文件是否正确！`)
|
||
})
|
||
},
|
||
uploadSuccess2(res, file, fileList) {
|
||
this.searchTable1()
|
||
if (res[0].result === '1') {
|
||
const index = fileList.indexOf(file)
|
||
fileList.splice(index, 1)
|
||
} else {
|
||
this.str = res[0].result
|
||
this.arr = this.str.split('|')
|
||
if (this.arr[1] === '无该产品') {
|
||
this.$notify.error({
|
||
title: '提示',
|
||
message: `${this.arr[0]}该产品不存在，请检查上传文件名称是否正确！`,
|
||
duration: 0
|
||
})
|
||
}
|
||
if (this.arr[1] === '重复') {
|
||
this.$notify.error({
|
||
title: '提示',
|
||
message: `${this.arr[0]}请勿重复上传！`,
|
||
duration: 0
|
||
})
|
||
}
|
||
if (this.arr[1] === '产品名称不正确') {
|
||
this.$notify.error({
|
||
title: '提示',
|
||
message: `${this.arr[0]}和所选产品不符！`,
|
||
duration: 0
|
||
})
|
||
}
|
||
}
|
||
if (fileList.length === 0) {
|
||
this.$message.success('文件上传成功')
|
||
}
|
||
},
|
||
uploadFailure2(res, file, fileList) {
|
||
fileList.map(file => {
|
||
this.$message.error(`${file.name}文件上传失败，请检查上传文件是否正确！`)
|
||
})
|
||
},
|
||
// 查看零件图
|
||
handlePLM(row) {
|
||
const msgId = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
|
||
const r = Math.random() * 16 | 0
|
||
const v = c === 'x' ? r : (r & 0x3 | 0x8)
|
||
return v.toString(16)
|
||
})
|
||
request({
|
||
url: 'http://192.168.1.27:9982/api/GetMaterialDrawingUrl',
|
||
method: 'post',
|
||
data: {
|
||
msgId: msgId,
|
||
materialCode: row.物料编码
|
||
}
|
||
}).then(response => {
|
||
if (response.data.Code === '200' && response.data.Data.url) {
|
||
window.open(response.data.Data.url, '_blank')
|
||
} else {
|
||
this.$message.warning('PLM未返回有效链接')
|
||
}
|
||
}).catch(() => {
|
||
this.$message.error('PLM请求发送失败')
|
||
})
|
||
},
|
||
getNum(row) {
|
||
this.num = row.num
|
||
this.dialogVisible = true
|
||
this.getFileList(row.name)
|
||
},
|
||
async getFileList(value) {
|
||
this.hadFile = []
|
||
this.deleteShow === '1' ? this.isDeleteShow = true : this.isDeleteShow = false
|
||
if (value) {
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select * from 机加工MES_零件图PDF表 where 是否启用 = 1 and name = '${value}'`
|
||
}
|
||
}).then(data => {
|
||
this.suffix = data.data
|
||
if (data.data.length > 0) {
|
||
const server = `${MESDownloadFile}`.split('/')
|
||
data.data.map(item => {
|
||
this.hadFile.push({
|
||
url: `http://${server[2]}/webpage/part/${item.uid}.${item.suffix}`,
|
||
name: `${item.name}.${item.suffix}`,
|
||
suffix: item.suffix,
|
||
id: item.uid
|
||
})
|
||
})
|
||
}
|
||
})
|
||
}
|
||
},
|
||
// 删除零件图
|
||
async deleteFileData(id) {
|
||
this.$confirm('此操作将永久删除该行, 是否继续?', '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(() => {
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `delete from 机加工MES_零件图PDF表 where uid = N'${id}'`
|
||
}
|
||
}).then(response => {
|
||
if (response.data.length === 0) {
|
||
this.$message.success('删除成功')
|
||
this.dialogVisible = false
|
||
this.getFileList(this.num)
|
||
this.searchTable()
|
||
} else {
|
||
this.$message.error('删除失败')
|
||
this.dialogVisible = false
|
||
this.getFileList(this.num)
|
||
}
|
||
})
|
||
}).catch(() => {
|
||
this.$message({
|
||
type: 'info',
|
||
message: '已取消删除'
|
||
})
|
||
})
|
||
},
|
||
getNum1(row) {
|
||
this.num = row.num
|
||
this.dialogVisible1 = true
|
||
this.getFileList1(row.name)
|
||
},
|
||
async getFileList1(value) {
|
||
this.hadFile2 = []
|
||
this.deleteShow === '1' ? this.isDeleteShow1 = true : this.isDeleteShow1 = false
|
||
if (value) {
|
||
await request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `select * from 图纸维护_产品图纸 where 是否启用 = 1 and name = '${value}'`
|
||
}
|
||
}).then(data => {
|
||
this.suffix = data.data
|
||
if (data.data.length > 0) {
|
||
const server = `${MESDownloadFile}`.split('/')
|
||
data.data.map(item => {
|
||
this.hadFile2.push({
|
||
url: `http://${server[2]}/webpage/part/${item.uid}.${item.suffix}`,
|
||
name: `${item.name}.${item.suffix}`,
|
||
suffix: item.suffix,
|
||
id: item.uid
|
||
})
|
||
})
|
||
}
|
||
})
|
||
}
|
||
},
|
||
// 删除零件图
|
||
async deleteFileData2(id) {
|
||
this.$confirm('此操作将永久删除该行, 是否继续?', '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(() => {
|
||
request({
|
||
url: '',
|
||
method: 'post',
|
||
data: {
|
||
type: '3',
|
||
name: `delete from 图纸维护_产品图纸 where uid = N'${id}'`
|
||
}
|
||
}).then(response => {
|
||
if (response.data.length === 0) {
|
||
this.$message.success('删除成功')
|
||
this.dialogVisible1 = false
|
||
this.getFileList1(this.num)
|
||
this.searchTable1()
|
||
} else {
|
||
this.$message.error('删除失败')
|
||
this.dialogVisible1 = false
|
||
this.getFileList1(this.num)
|
||
}
|
||
})
|
||
}).catch(() => {
|
||
this.$message({
|
||
type: 'info',
|
||
message: '已取消删除'
|
||
})
|
||
})
|
||
},
|
||
openDialog() {
|
||
this.orderValue = []
|
||
this.hadFile1 = []
|
||
this.disabledMachine = true
|
||
this.dialogVisibleMachine = true
|
||
},
|
||
changeOrder() {
|
||
this.orderValue === '' ? this.disabledMachine = true : this.disabledMachine = false
|
||
this.action1 = `${uploadFileMachine}?&MachineNum=${this.orderValue}`
|
||
this.getFileData(this.orderValue)
|
||
},
|
||
uploadSuccess1(res, file, fileList) {
|
||
if (res[0].result === '1') {
|
||
const index = fileList.indexOf(file)
|
||
fileList.splice(index, 1)
|
||
} else {
|
||
this.$message.error(`${file.name}文件上传失败，请检查上传文件是否正确！`)
|
||
}
|
||
if (fileList.length === 0) {
|
||
this.$message.success('文件上传成功')
|
||
this.getFileData(this.orderValue)
|
||
}
|
||
},
|
||
uploadFailure1(a, file, fileList) {
|
||
fileList.map(file => {
|
||
this.$message.error(`${file.name}文件上传失败，请检查上传文件是否正确！`)
|
||
})
|
||
},
|
||
// 在什么情况下需要查询上传的附件，调用this.getFileData()即可根据
|
||
getFileData(orderValue) {
|
||
this.hadFile1 = []
|
||
var param = []
|
||
param[0] = ['订单流水号', orderValue]
|
||
var Data = this.CreateData('11', 'PDM_机床总图_查询数据', param)
|
||
this.ExecDatabase(Data).then(res => {
|
||
this.suffix = res.data
|
||
if (res.data.length > 0) {
|
||
const server = `${MESDownloadFile}`.split('/')
|
||
res.data.map(item => {
|
||
this.hadFile1.push({
|
||
url: `http://${server[2]}/webpage/file/${item.文件标识}.${item.文件后缀}`,
|
||
name: `${item.文件名称}.${item.文件后缀}`,
|
||
suffix: item.文件后缀,
|
||
id: item.文件标识
|
||
})
|
||
})
|
||
}
|
||
})
|
||
},
|
||
deleteFileData1(id) {
|
||
var param = []
|
||
param[0] = ['文件标识', id]
|
||
var Data = this.CreateData('12', 'PDM_机床总图_删除数据', param)
|
||
this.ExecDatabase(Data).then(res => {
|
||
if (res.data[0].result === '1') {
|
||
this.getFileData(this.orderValue)
|
||
this.$message.success('删除成功')
|
||
} else {
|
||
this.$message.success('删除失败')
|
||
}
|
||
})
|
||
},
|
||
handleSizeChanges(val) {
|
||
this.pageCurrent = 1
|
||
this.pageSize = val
|
||
this.searchTable()
|
||
},
|
||
handleCurrentChanges(val) {
|
||
this.pageCurrent = val
|
||
this.searchTable()
|
||
},
|
||
handleSizeChanges1(val) {
|
||
this.pageCurrent1 = 1
|
||
this.pageSize1 = val
|
||
this.searchTable()
|
||
},
|
||
handleCurrentChanges1(val) {
|
||
this.pageCurrent1 = val
|
||
this.searchTable()
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style scoped lang="scss">
|
||
/deep/ .el-card__body {
|
||
padding: 0px !important;
|
||
}
|
||
</style>
|
||
<style scoped>
|
||
.wrapper {
|
||
width: 90%;
|
||
height: 50px;
|
||
overflow: hidden;
|
||
border: 1px solid #b8c7d9;
|
||
/*float: left;*/
|
||
margin: 10px;
|
||
}
|
||
|
||
.content {
|
||
position: relative;
|
||
padding: 8px 8px 0 8px;
|
||
}
|
||
|
||
.action {
|
||
position: absolute;
|
||
top: 2px;
|
||
right: 8px;
|
||
}
|
||
|
||
.delete {
|
||
padding: 0 5px;
|
||
border-radius: 3px;
|
||
color: #0f84b0;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.delete:hover {
|
||
background: -webkit-linear-gradient(top, #0ba9e3, #0099d3);
|
||
color: #fff;
|
||
}
|
||
|
||
a {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.icon {
|
||
width: 30px;
|
||
height: 30px;
|
||
display: inline-block;
|
||
margin-right: 7px;
|
||
margin-top: 2px;
|
||
font-size: 26px;
|
||
}
|
||
|
||
.info {
|
||
width: 160px;
|
||
height: 50px;
|
||
position: absolute;
|
||
left: 44px;
|
||
line-height: 30px;
|
||
display: inline-block;
|
||
color: #999;
|
||
}
|
||
</style>
|