var sp2component = { template: `
已处理 搜索 批量审批
// //
取 消 确 定 合同金额：{{sp_2_amount}} 已批金额：{{sp_2_amount_1}}
`, 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, drawer: false, // 是否显示日志抽屉 checked: false, contract_id_v: '', supplier_v: '', contract_name_v: '', rdm_v: '', buyer_v: '', bt_v: '', et_v: '', msid_v: '', pname_v: '', supplier_v: '', state_v: '', rid_v: '', repairer_v: '', rs_v: '', regional_head_v: '', ms_v: '', asc_v: '', updatedialogVisible_ex: false, form: { id: 0, contract_id: 0, supplier: '', contract_name: '', rdm: '', state: '', amount: '', amount_1: '', warehouse_entry_number: '', buyer: '', state_1: '', task_ids: '', }, rules: { product_id: [ { required: true, message: '六合编号不可为空', trigger: 'blur' } ], }, options: [], importdialogVisible: false, fileTemp: null, fileListUpload: [], importTableData: [], multipleSelection: [], if_show_processed: true, if_del_show: false, if_del: false, 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, rs_data: [], 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: '', fileList_1: [], level: 0, sp_2_history_table: [], sp_2_amount: 0, sp_2_amount_1: 0, } }, mounted() { var op_user = localStorage.getItem("online_user"); this.$data.level = localStorage.getItem("level"); this.get_ma_plan(); this.get_buyer(); }, methods: { convert(amount) { let numStr = (amount.replaceAll(",", "").trim() * 1).toFixed(2); let thousandSeparated = numStr.replace(/\d(?=(\d{3})+\.)/g, '$&,'); return thousandSeparated; }, // 审批金额颜色 amount_color(row) { let amount = parseFloat(row.amount.replaceAll(",", "")); let amount_1 = parseFloat(row.amount_1.replaceAll(",", "")); let paid = parseFloat(row.paid.replaceAll(",", "")); return amount_1 + paid > amount ? 'red' : ''; }, del_contract_file(row) { var _this = this; var objs; axios.post('/pp/del_contract_ex_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_ma_plan();; }) .catch(function (error) { console.log(error); }); }, 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_ma_plan(); // 操作日志 this.add_operation_log("上传合同：" + file.name); }, handleChange_file(file, fileList) { console.log(file); this.fileList_1 = fileList.slice(-1); }, down_file_22(row) { var downUrl = '/pp/download_sp_2_file' + "?id=" + row.id; downloadUrl(row.contract_name, downUrl); return; 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.contract_name; downloadUrl(row.contract_name, downUrl); } }, 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_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_2', { 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 = "修改成功！"; // 付款审批日志 _this.$data.multipleSelection.forEach(element => { axios.post('/pp/add_sp_2_log', { id: element.id, record: '批准', amount: element.amount.replaceAll(",", ""), amount_1: element.amount_1.replaceAll(",", ""), operator: localStorage.getItem("online_user"), }).then((response) => { console.log(response.data); }).catch((error) => { console.log(error); }); }); } else { s = "修改失败！"; } _this.$message({ message: s, type: errType, duration: 1500 }); _this.get_ma_plan(); }) .catch(function (error) { console.log(error); }); }, celldblclick_1(row, column, cell, event) { 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, ""); }, to_redmine(row) { if (row.mt != "") { url = encodeURI(row.buy_record); window.open(url, ""); } }, input_change(value) { console.log(value); this.get_ma_plan(); }, if_fin_cahnge(val) { if (val) { this.$data.if_do = false; } else { this.$data.if_do = true; } this.get_ma_plan(); }, 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; } } }, handleSelectionChange(val) { console.log("已选择"); console.log(val); this.multipleSelection = val; }, tableRowClassName({ row, rowIndex }) { return; 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, contract_id: row.contract_id, supplier: row.supplier, contract_name: row.contract_name, rdm: row.rdm, state: row.state, amount: row.amount, amount_1: row.amount_1, warehouse_entry_number: row.warehouse_entry_number, buyer: row.buyer, state_1: row.state_1, task_ids: row.task_ids, }; 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_2', { 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 + "付款申请审批") // 付款审批日志 _this.add_sp2_history(_this.form.id, _this.form.state_1, _this.form.amount, _this.form.amount_1); } else { errType = "error" s = "修改失败！"; } _this.$message({ message: s, type: errType, duration: 1500 }); //更新页面 if (r == 0) { _this.get_ma_plan(); _this.$data.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_ma_plan', { 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 = "删除成功！"; if (row.flag != "2") { _this.get_ma_plan(); } else if (row.flag == "2") { var arr1 = new Array(); //创建一个空数组 for (var i = 0; i < _this.$data.child_data.length; ++i) { arr1.push(_this.$data.child_data[i].id); } _this.get_single_pp(arr1); _this.get_ma_plan(); } } else if (r == 1) { errType = "warning" s = "有子任务，请先删除子任务再删除主任务！"; } else { errType = "error" s = "删除失败！"; } _this.$message({ message: s, type: errType, duration: 1500 }); }) .catch(function (error) { console.log(error); }); }).catch(() => { }); }, get_ma_plan() { document.getElementById("bt_serach").blur(); var _this = this; var objs; axios.post('/pp/get_sp_2', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), index: this.$data.currentPage, count: this.$data.pagesize, contract_id: parseInt(this.$data.contract_id_v), supplier: this.$data.supplier_v, contract_name: this.$data.contract_name_v, rdm: this.$data.rdm_v, buyer: this.$data.buyer_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_ma_plan(); }, handleCurrentChange(val) { //console.log(`当前页: ${val}`); this.$data.currentPage = val; this.get_ma_plan(); }, // ==================== 08/17 添加付款申请日志 strat ==================== // 日志处理 handleClose(done) { done(); }, showUpdatehistory(row) { this.drawer = true; var _this = this; // 获取日志数据 axios.post('/pp/get_sp_2_log', { opuser: localStorage.getItem("online_user"), opuser_uuid: localStorage.getItem("uuid"), id: row.id, }) .then((response) => { console.log(response.data); _this.$data.sp_2_history_table = response.data.data; // 计算合同总金额 _this.$data.sp_2_amount = _this.$data.sp_2_history_table.length > 0 ? parseFloat(_this.$data.sp_2_history_table[0].amount) : 0; // 已批金额 let amount_1 = 0; for (let i = 0; i < _this.$data.sp_2_history_table.length; i++) { if (_this.$data.sp_2_history_table[i].record == "批准") { amount_1 += parseFloat(_this.$data.sp_2_history_table[i].amount_1); } } _this.$data.sp_2_amount_1 = amount_1; }) .catch((error) => { console.log(error); }); }, // 添加日志 add_sp2_history(id, record, amount, amount_1) { axios.post('/pp/add_sp_2_log', { id: id, record: record, amount: amount.replaceAll(",", ""), amount_1: amount_1.replaceAll(",", ""), operator: localStorage.getItem("online_user"), }).then((response) => { console.log(response.data); }).catch((error) => { console.log(error); }); }, // ==================== 08/17 添加付款申请日志 end ==================== // 根据内容设置列表宽度 flexColumnWidth(str, arr1, fontNum = 4, flag = 'max') { return window.flexColumnWidth(str, arr1, fontNum, flag); }, amount_1Width(str1, str2, str3, arr) { if (!arr) { return 60; } maxlength = 0; for (let i = 0; i < arr.length; i++) { length = arr[i][str1].length + arr[i][str2].length + arr[i][str3].length; if (length > maxlength) { maxlength = length; } } return maxlength * 8 + 10; }, // 操作日志 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); }) } }, }