var sp1component = { template: `

已处理

搜索

批量审批

// //

点击上传（csv文件）

确认导入

下载导入模板文件

`, data() { // 获取当前屏幕的分辨率 let screenW = window.screen.width; let screenH = window.innerHeight; console.log("screen width:", screenW); console.log("screen height:", screenH); return { tHeight: screenH - 40 - 232, tHeight_1: screenH - 80 - 34, tableData: Array(0), tableData1: Array(0), currentPage: 1, pagesize: 50, pagecnt: 1, recordTotal: 0, checked: false, id_v: '', contract_id_v: '', rdm_v: '', supplier_v: '', applicant_v: '', contract_name_v: '', state_v: '', updatedialogVisible_ex: false, form: { id: 0, supplier: '', applicant: '', rdm: '', amount: '', state: '', }, rules: { product_id: [ { required: true, message: '六合编号不可为空', trigger: 'blur' } ], }, options: [], importdialogVisible: false, fileTemp: null, fileListUpload: [], importTableData: [], multipleSelection: [], if_show_processed: true, p_id_options: [], loading: false, percent_len: 0, if_show_process: false, interval: '', if_show_process1: false, percent_len1: 0, ma_users: [], disabled: false, if_do: true, show_child: false, pre_id: 0, child_data: [], row: '', dialogVisible: false, addplanVisible_1: false, maxid: -1, planform: { id: 0, payment_month: '', payment: '', payment_user: '', }, plan_op_type: 0, if_paid_all: false, buyer_data: [], warning_dialogVisible: false, warning_data: [], warning_checked: false, more_query_v: '', buyer_v: '', fileList_1: [], level: 0, } }, mounted() { var _this = this; var op_user = localStorage.getItem("online_user"); this.$data.level = localStorage.getItem("level") var did = localStorage.getItem("did"); this.get_sp_1(); this.get_buyer(); }, methods: { convert(amount) { let numStr = (amount.replaceAll(",", "").trim() * 1).toFixed(2); let thousandSeparated = numStr.replace(/\d(?=(\d{3})+\.)/g, '$&,'); return thousandSeparated; }, del_contract_file(row) { var _this = this; var objs; axios.post('/pp/del_contract_file', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), data: row, }) .then(function (response) { let r = response.data.r; let s = "" let errType = "" if (r == 0) { errType = "success" // 操作日志 // _this.add_operation_log("删除合同：" + row.contract_name); } else { errType = "error" } if (r == 0) { s = "删除成功！"; } else { s = "删除失败！"; } _this.$message({ message: s, type: errType, duration: 1500 }); _this.get_sp_1(); }) .catch(function (error) { console.log(error); }); }, down_file_22(row) { var downUrl = '/pp/download_sp_1_file' + "?id=" + row.id; downloadUrl(row.contract_name, downUrl); return; console.log(row) var index = row.contract_name.lastIndexOf(".") if (row.contract_name.slice(index) == ".pdf") { var downUrl = '/file/' + 'sp_1/' + row.contract_name; window.open(downUrl, '_blank'); } else { var downUrl = '/pp/download_sp_1_file' + "?id=" + row.id; downloadUrl(row.contract_name, downUrl); } }, upload_param_2(row) { console.log("---") return { id: row.id, file_type: "1" } }, upload_file_error(response, file, fileList) { this.$message({ message: "上传失败", type: "error", duration: 1500 }); }, upload_file_success(response, file, fileList) { this.$message({ message: "上传成功", type: "success", duration: 1500 }); this.get_sp_1(); // 操作日志 this.add_operation_log("上传合同：" + file.name); }, handleChange_file(file, fileList) { console.log(file); this.fileList_1 = fileList.slice(-1); }, more_query_select(value) { console.log(value); console.log(this.$data.more_query_v); if (value == "采购人员") { } else { this.$data.buyer_v = '' } console.log("更多查询", value) this.get_ma_plan(); }, down_qs_files(row) { var downUrl = '/pp/download_ds_file' + "?id=" + row.qs; downloadUrl(row.qs, downUrl); }, get_warning() { var _this = this; var objs; axios.post('/pp/get_warning_plan', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), }) .then(function (response) { console.log(response.data); objs = response.data.data; _this.$data.warning_data = objs; if (_this.$data.warning_data.length > 0) { _this.warning_dialogVisible = true; } }) .catch(function (error) { console.log(error); }); }, get_buyer() { var _this = this; var objs; axios.post('/pp/getUsers', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), index: 1, count: 1000 }) .then(function (response) { console.log(response.data); objs = response.data.data; rcnt = response.data.total; for (var i = 0; i < objs.length; ++i) { if (objs[i].if_buyer == 1) { var obj = { value: objs[i].username, label: objs[i].username, } _this.$data.buyer_data.push(obj); } } }) .catch(function (error) { console.log(error); }); }, tableHeaderColor({ row, column, rowIndex, columnIndex }) { return; console.log(column); if (rowIndex === 0 && column.label == "RDM") { return 'background-color: #FAD355; ';//绿色 } else if (rowIndex === 0 && column.label == "六合编号") { return 'background-color: #FAD355; ';//橙色 } else if (rowIndex === 0 && column.label == "名称") { return 'background-color: #BACEFD; ';//橙色 } else if (rowIndex === 0 && column.label == "规格") { return 'background-color: #BACEFD; ';//橙色 } else if (rowIndex === 0 && column.label == "单位") { return 'background-color: #BACEFD; ';//橙色 } else if (rowIndex === 0 && column.label == "数量") { return 'background-color: #FAD355; ';//橙色 } else if (rowIndex === 0 && column.label == "单价") { return 'background-color: #BACEFD; ';//橙色 } else if (rowIndex === 0 && column.label == "付款方式") { return 'background-color: #BACEFD; ';//橙色 } else if (rowIndex === 0 && column.label == "交付日期") { return 'background-color: #FAD355; ';//橙色 } else if (rowIndex === 0 && column.label == "采购周期") { return 'background-color: #BACEFD; ';//橙色 } else { return 'background: #ffffff;'; } }, mul_update_pp_plan_num() { if (this.$data.multipleSelection.length == 0) { this.$message({ message: "请选择计划", type: "warning", duration: 1500 }); return; } var _this = this; var objs; axios.post('/pp/mul_sp_1', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), data: _this.$data.multipleSelection, }) .then(function (response) { let r = response.data.r; let s = "" let errType = "" if (r == 0) { errType = "success" // 操作日志 var list = []; _this.$data.multipleSelection.forEach(element => { list.push(element.id); }); _this.add_operation_log("序号：" + list.toString() + "合同审批"); } else { errType = "error" } if (r == 0) { s = "修改成功！"; } else { s = "修改失败！"; } _this.$message({ message: s, type: errType, duration: 1500 }); _this.get_sp_1(); }) .catch(function (error) { console.log(error); }); }, get_ma_user() { var _this = this; axios.post('/pp/get_ma_username', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), }) .then(function (response) { _this.$data.ma_users = []; console.log(response.data); objs = response.data.data; for (var i = 0; i < objs.length; ++i) { var obj = { value: objs[i], label: objs[i] } _this.$data.ma_users.push(obj); } }) .catch(function (error) { console.log(error); }); }, get_single_pp(child_id) { var _this = this; var objs; axios.post('/pp/get_single_plan', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), id: child_id, }) .then(function (response) { console.log(response.data); objs = response.data.data; //rcnt = response.data.total; _this.$data.child_data = objs; }) .catch(function (error) { console.log(error); }); }, celldblclick_1(row, column, cell, event) { console.log("row0:", row); if (row.if_modify == false) { return; } if (row.flag == "1") { this.$data.pre_id = row.id; var _this = this; var objs; axios.post('/pp/get_single_plan', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), id: row.cti, }) .then(function (response) { console.log(response.data); objs = response.data.data; //rcnt = response.data.total; _this.$data.child_data = objs; }) .catch(function (error) { console.log(error); }); _this.$data.show_child = true; } else { this.$data.pre_id = 0; console.log("row:", row); this.show_update_dialog(row); } }, to_redmine_1(rdm) { let id = parseInt(rdm); if (id < 10000) { return; } url = encodeURI("http://123.54.1.214:10010/redmine/issues/" + rdm); window.open(url, ""); }, input_change(value) { console.log(value); this.get_sp_1(); }, pid_selectChanged(value) { console.log("select change"); this.loading = true; var _this = this; axios.post('/pp/get_p_name', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), p_id: value, }) .then(function (response) { _this.$data.form.p_name = response.data.p_name; }) .catch(function (error) { console.log(error); }); }, remoteMethod(query) { if (query !== '') { this.loading = true; setTimeout(() => { var _this = this; axios.post('/pp/get_p_id_options', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), p_like_id: query, }) .then(function (response) { _this.$data.p_id_options = []; console.log(response.data); objs = response.data.data; for (var i = 0; i < objs.length; ++i) { var obj = { value: objs[i], label: objs[i], } _this.$data.p_id_options.push(obj); } _this.$data.loading = false; console.log(_this.$data.loading) }) .catch(function (error) { console.log(error); _this.$data.loading = false; }); }, 200); } else { _this.$data.p_id_options = []; } }, if_fin_cahnge(val) { if (val) { this.$data.if_do = false; } else { this.$data.if_do = true; } this.get_sp_1(); }, selectedRowStyle({ row, rowIndex }) { for (var i = 0; i < this.$data.multipleSelection.length; i++) { if (this.$data.multipleSelection[i].id == row.id) { let styleJson = { "background": "#134857", "color": "#FFFFFF", }; return styleJson; } } }, download_template() { document.getElementById("bt_download").blur(); var downUrl = '/pp/download_file' + "?id=" + "合同审核导入.csv"; downloadUrl("合同审核导入.csv", downUrl); }, handleSelectionChange(val) { console.log("已选择"); console.log(val); this.multipleSelection = val; }, importData() { document.getElementById("bt_import").blur(); if (this.$data.importTableData.length == 0) { this.$message({ message: "请选择导入文件", type: "warning", duration: 1500 }); return; } this.$data.percent_len = 0; this.$data.if_show_process = true; this.$data.interval = setInterval(() => { if (this.$data.percent_len >= 99) { clearInterval(this.$data.interval); return; } this.$data.percent_len += 1 }, 20) var _this = this; axios.post('/pp/import_sp_1', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), plan: this.$data.importTableData, }) .then(function (response) { let r = response.data.r; console.log("r:", r); let s = "" let errType = "" if (r == 0) { let len = _this.$data.importTableData.length; _this.$data.percent_len = 100; _this.$data.if_show_process = false; errType = "success" s = "导入" + len + "采购计划成功！"; _this.$message({ message: s, type: errType, duration: 1500 }); } else if (r == 2) { errType = "error" s = response.data.context; console.log(s); clearInterval(_this.$data.interval); _this.$message({ dangerouslyUseHTMLString: true, message: s, type: errType, duration: 3000 }); } else { errType = "error" s = "导入采购计划失败！"; clearInterval(_this.$data.interval); _this.$message({ message: s, type: errType, duration: 3000 }); } _this.$data.importdialogVisible = false; //更新页面 _this.get_sp_1(); }) .catch(function (error) { console.log(error); }); }, importDialog_close(done) { console.log("关闭导入对话框"); done(); }, handleChange(file, fileList) { document.getElementById("bt_upload").blur(); this.fileTemp = file.raw console.log("filetype:", this.fileTemp); if (this.fileTemp) { console.log("begin ...") console.log(this.fileTemp.type); if ((this.fileTemp.type == 'text/csv') || (this.fileTemp.type == '.csv') || (this.fileTemp.type == 'application/vnd.ms-excel')) { let _this = this//如果需要点击事件结束之后对DOM进行操作使用)_this.xx=xx进行操作 Papa.parse(_this.fileTemp, { encoding: 'gb2312', complete(results) { console.log(results)//这个是csv文件的数据 let data = [] //遍历csv文件中的数据，存放到data中方法不唯一，可自己更改 var cnt = 1 for (let i = 0; i < results.data.length; ++i) { if (i == 0) { continue; } let obj = {} obj.supplier = results.data[i][0] if (obj.supplier == "" || obj.supplier == undefined) { continue; } obj.applicant = results.data[i][1] obj.rdm = results.data[i][2] obj.amount = results.data[i][3] obj.t_id = cnt cnt += 1 data.push(obj) } //data.splice(0, 1)//将数组第一位的表格名称去除 let num = 0 console.log('data', data) _this.$data.importTableData = data; } }) } else { this.$data.fileListUpload = []; this.$message({ type: 'warning', message: '附件格式错误，请删除后重新上传！' }) } } else { this.$message({ type: 'warning', message: '请上传附件！' }) } }, importCsv() { this.$data.fileListUpload = []; this.$data.importTableData = []; this.$data.importdialogVisible = true; this.$data.if_show_process = false; }, export_plan_1() { var _this = this; var objs; axios.post('/pp/export_plan', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), index: this.$data.currentPage, count: this.$data.pagesize, id: this.$data.id_v, rdm: this.$data.rdm_v, bt: this.$data.bt_v, et: this.$data.et_v, code: this.$data.msid_v, name: this.$data.pname_v, supplier: this.$data.supplier_v, if_done: this.$data.checked, state: this.$data.state_v, }) .then(function (response) { var date = new Date(); //年 getFullYear()：四位数字返回年份 var year = date.getFullYear() % 2000; //getFullYear()代替getYear() console.log(year.toString()); //月 getMonth()：0 ~ 11 var month = date.getMonth() + 1; if (month < 10) { month = '0' + month } //日 getDate()：(1 ~ 31) var day = date.getDate(); if (day < 10) { day = '0' + day; } //时 getHours()：(0 ~ 23) var hour = date.getHours(); if (hour < 10) { hour = '0' + hour; } //分 getMinutes()： (0 ~ 59) var minute = date.getMinutes(); if (minute < 10) { minute = '0' + minute; } //秒 getSeconds()：(0 ~ 59) var second = date.getSeconds(); if (second < 10) { second = '0' + second; } var filename = year.toString() + month.toString() + day.toString() + " " + hour.toString() + minute.toString() + second.toString(); filename = "采购计划 " + filename + ".csv" console.log(response.data); var fileid = response.data.fileId; var downUrl = '/pp/download_file' + "?id=" + fileid; downloadUrl(filename, downUrl); }) .catch(function (error) { console.log(error); }); }, tableRowClassName({ row, rowIndex }) { if (row.cti != undefined && row.cti.length > 0) { return 'child-row'; } else { /*var n = rowIndex%2; if (n == 1) { return 'success-row'; }*/ } return ''; }, show_update_dialog(row) { this.$data.form = { id: row.id, supplier: row.supplier, applicant: row.applicant, rdm: row.rdm, amount: row.amount, state: row.state, }; console.log(this.$data.form) //this.get_ma_user(); var op_user = localStorage.getItem("online_user"); var level = localStorage.getItem("level"); var did = localStorage.getItem("did"); if (level == 1) { this.$data.disabled = false; } else { this.$data.disabled = true; } console.log(level, this.$data.disabled); this.$data.updatedialogVisible_ex = true; }, update_ma_ex() { this.$refs['authform_ex'].validate((valid) => { if (valid) { var _this = this; axios.post('/pp/update_sp_1', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), data: _this.form, }) .then(function (response) { let r = response.data.r; let s = "" let errType = "" if (r == 0) { errType = "success" s = "修改成功！"; // 操作日志 _this.add_operation_log("修改序号："+ _this.form.id +"合同审批") } else { errType = "error" s = "修改失败！"; } _this.$message({ message: s, type: errType, duration: 1500 }); //更新页面 if (r == 0) { _this.get_sp_1() _this.updatedialogVisible_ex = false; } }) .catch(function (error) { console.log(error); }); } }); }, remove_ma_plan(row) { this.$confirm('此操作将永久删除, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { var _this = this; axios.post('/pp/remove_sp_1', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), id: row.id }) .then(function (response) { let r = response.data.r; let s = "" let errType = "" if (r == 0) { errType = "success" s = "删除成功！"; _this.get_sp_1() // 操作日志 // _this.add_operation_log("删除序号：" + row.id + "合同审批") } else { errType = "error" s = "删除失败！"; } _this.$message({ message: s, type: errType, duration: 1500 }); }) .catch(function (error) { console.log(error); }); }).catch(() => { }); }, get_sp_1() { document.getElementById("bt_serach").blur(); var _this = this; var objs; axios.post('/pp/get_sp_1', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), index: this.$data.currentPage, count: this.$data.pagesize, id: parseInt(this.$data.id_v), supplier: this.$data.supplier_v, applicant: this.$data.applicant_v, contract_name: this.$data.contract_name_v, rdm: this.$data.rdm_v, if_done: this.$data.checked, }) .then(function (response) { console.log(response.data); objs = response.data.data; rcnt = response.data.total; _this.$data.tableData = objs; _this.$data.recordTotal = rcnt; //_this.$data.pagecnt = response.data.pagecnt; }) .catch(function (error) { console.log(error); }); }, handleSizeChange(val) { //console.log(`每页 ${val} 条`); this.$data.pagesize = val; this.get_sp_1(); }, handleCurrentChange(val) { //console.log(`当前页: ${val}`); this.$data.currentPage = val; this.get_sp_1(); }, // 根据内容设置列表宽度 flexColumnWidth(str, arr1, fontNum = 4, flag = 'max') { return window.flexColumnWidth(str, arr1, fontNum, flag); }, // 操作日志 add_operation_log(operation) { axios.post('/pp/add_operation_log', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), operation: operation, }).then(function (response) { console.log(response); }).catch(function (error) { console.log(error); }) } } }