You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
136 lines
4.4 KiB
136 lines
4.4 KiB
<template>
|
|
<div class="customer-css">
|
|
<el-dialog :title="pageData.titleCon" :close-on-click-modal="false" :visible.sync="visible" width="390px" style="height: 520px;" class="customer-dialog">
|
|
<el-form :inline="true" label-position="top" label-width="80px">
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-form-item class="customer-item" label="申请单号:" >
|
|
<el-input v-model="pageData.quotationNo" readonly style="width: 120px"></el-input>
|
|
<!-- <el-select v-model="pageData.quotationNo" placeholder="请选择" style="width: 120px;">-->
|
|
<!-- <el-option-->
|
|
<!-- v-for = "item in options"-->
|
|
<!-- :key = "item.key"-->
|
|
<!-- :label = "item.value"-->
|
|
<!-- :value = "item.value">-->
|
|
<!-- </el-option>-->
|
|
<!-- </el-select>-->
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-upload class="customer-upload" drag
|
|
action="javascript:void(0);" ref="uploadFile" :limit="1"
|
|
:before-upload="beforeUploadHandle" :on-change="onChange"
|
|
accept="*" :auto-upload="false"
|
|
style="text-align: left;">
|
|
<i class="el-icon-upload"></i>
|
|
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
|
</el-upload>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24" style="margin-bottom: 30px;">
|
|
<el-form-item class="customer-item" label="备注:" >
|
|
<el-input type="textarea" style="width: 360px;" placeholder="请输入内容" v-model="pageData.fileRemark"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
</el-row>
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="saveUploadFile()">保存</el-button>
|
|
<el-button type="primary" @click="closeDialog">关闭</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
uploadFile // 文件上传
|
|
} from '@/api/quotation/quotationInformation.js'
|
|
export default {
|
|
data() {
|
|
return {
|
|
folder: '',
|
|
visible: false,
|
|
fileList: [],
|
|
pageData: {
|
|
titleCon: '',
|
|
site: this.$store.state.user.site,
|
|
createBy: this.$store.state.user.name,
|
|
quotationNo: '',
|
|
fileRemark: '',
|
|
folder: '',
|
|
// options: []
|
|
},
|
|
// options: [],
|
|
dataListLoading: false,
|
|
}
|
|
},
|
|
methods: {
|
|
// 初始化组件的参数
|
|
init(currentRow) {
|
|
// 初始化参数
|
|
this.pageData = JSON.parse(JSON.stringify(currentRow))
|
|
// this.options = this.pageData.options
|
|
this.folder = this.pageData.folder
|
|
// 打开页面
|
|
this.visible = true
|
|
},
|
|
// 上传之前
|
|
beforeUploadHandle(file) {},
|
|
/*选择上传文件时*/
|
|
onChange(file){
|
|
this.fileList.push(file)
|
|
},
|
|
/*关闭modal*/
|
|
closeDialog(){
|
|
this.fileList = []
|
|
// 刷新报工的页面
|
|
this.$emit('refreshPageTables')
|
|
//关闭当前的页面
|
|
this.visible = false
|
|
},
|
|
/*保修当前的数据*/
|
|
saveUploadFile(){
|
|
let remark = this.pageData.fileRemark
|
|
if(remark == null || remark == undefined){
|
|
remark = ''
|
|
}
|
|
/*判断文件是否上传*/
|
|
if(this.fileList == null || this.fileList.length === 0){
|
|
this.$message.error("请先上传文件!")
|
|
return false
|
|
}
|
|
// if(this.pageData.quotationNo === '' || this.pageData.quotationNo == null){
|
|
// this.$message.error("请选择申请单号!")
|
|
// return false
|
|
// }
|
|
const formData = new FormData()
|
|
//片接文件
|
|
formData.append("file", this.fileList[0].raw)
|
|
formData.append("folder", this.folder)
|
|
formData.append("orderRef1", this.pageData.site)
|
|
formData.append("orderRef2", this.pageData.quotationNo)
|
|
formData.append("fileRemark", remark)
|
|
uploadFile(formData).then(({data}) => {
|
|
if (data.code === 0) {
|
|
this.$message.success(data.msg)
|
|
// 清空文件上传记录
|
|
this.$refs.uploadFile.clearFiles()
|
|
this.pageData.fileRemark = ''
|
|
this.fileList = []
|
|
}else {
|
|
this.$message.warning(data.msg)
|
|
}
|
|
})
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
<style scoped lang="scss">
|
|
|
|
</style>
|