<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache">
|
<title>纯销计划预览</title>
|
<script src="../../../js/vue/vue.js"></script>
|
<script src="../../../js/vue/element-ui/lib/index.js"></script>
|
<script src="../../../js/vue/axios/dist/axios.min.js"></script>
|
<script src="../../../js/myelement.js?v=20220615"></script>
|
<script src="../../../js/vue/page.js?v=20220615"></script>
|
<script src="../../../js/common.js"></script>
|
|
<link href="../../../js/vue/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
|
<link href="../../../css/myelement.css?v=20220425" rel="stylesheet">
|
<link href="../../../css/iconfont.css" rel="stylesheet">
|
<link href="../../../css/page.css?v=20220425" rel="stylesheet">
|
<link href="//at.alicdn.com/t/font_2374495_mkoo966o0uo.css" rel="stylesheet">
|
</head>
|
|
<body>
|
<div id="vbody">
|
<div id="page_root">
|
<div ref="popup_body" style="padding-right: 20px;">
|
<div class="el-dialog__header">
|
<div class="dialog-title">
|
<i class="iconfont icon-customermanagement"></i>
|
<span> {{formAttr.title}} </span>
|
</div>
|
</div>
|
<div style="height: 550px; overflow-y: auto;">
|
<div class="el-dialog__body" style="height: 500px;">
|
<!-- <h-form ref="form1" :form-attr="formAttr" :table-fields="formFields" :form-data="formData">
|
</h-form> -->
|
<!-- <div v-if="notdisabled" style="text-align: right;">
|
<el-button-group>
|
<el-button @click="addTableData">新增数据</el-button>
|
<input type="file" id="btn_file" style="display: none;" @change="getFile($event)" />
|
<el-button @click="fileUpload()">上传</el-button>
|
<el-button @click="downloadTemplate()">下载模板</el-button>
|
</el-button-group>
|
</div> -->
|
<h-table v-if="isRefresh"
|
ref="table2"
|
:table-fields="tableFields"
|
:table-data="tableData2"
|
:is-edit-table-data="isEditTableData"
|
:is-within-edit-table-data="isWithinEditTableData"
|
:table-height="tableHeight2"
|
:is-pagination="false"
|
:is-show-index="true"
|
v-on:edit-data="editData"
|
v-on:del-data="delData"
|
v-on:cell-input-change="cellInputChange"
|
v-on:cell-select-change="cellSelectChange"
|
v-on:cell-click="cellClick"
|
v-on:visible-change="cellVisibleChange"
|
v-on:cell-show-popup="cellShowPopup">
|
</h-table>
|
</div>
|
</div>
|
<div class="el-dialog__footer">
|
<el-button v-if="notdisabled" type="primary" @click="saveRowTable">保 存</el-button>
|
<el-button v-if="notdisabled" type="primary" @click="submitRowTable">提 交</el-button>
|
<el-button type="default" @click="closeDialog">关闭</el-button>
|
</div>
|
</div>
|
</div>
|
<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 100vh;">
|
<div class="spinner">
|
<div class="cube1"></div>
|
<div class="cube2"></div>
|
</div>
|
</div>
|
</div>
|
|
<script type="text/javascript">
|
new Vue({
|
el: "#vbody",
|
data: {
|
disabled: false,
|
notdisabled: true,
|
Approval: false,
|
browse: false,
|
|
dataname: "tempProduceDetail",
|
form_dataname: "producePlan",
|
|
formAttr: {
|
title: "生产计划预览",
|
istitle: false,
|
columnnumber: 2,
|
labelwidth: "130px",
|
labelposition: "right",
|
size: "medium",
|
border: "0px solid #c6c6c600",
|
},
|
|
newRowDefault: {
|
id: uuid_short(),
|
code: "",
|
status: "input",
|
create_time: createDatetime(),
|
create_operate_name: window.top.userinfo.employee.name,
|
year: createYear() + "",
|
month: createMonth()
|
},
|
|
tableFields: [],
|
tableData2: [],
|
tableDataChange: {},
|
tableHeight2: 480,
|
formData: {},
|
|
isEditTableData: true,
|
isWithinEditTableData: false,
|
isRefresh: true,
|
selectFormField: {},
|
selectrow: {},
|
upload: false,
|
productDetail: [],
|
textarea2: "",
|
reasonvisible: false,
|
},
|
|
created() {
|
var me = this;
|
this.popupParames = clone(Root.popupParames);
|
|
if (this.popupParames.data) {
|
this.tableData2 = clone(this.popupParames.data.tableData);
|
this.formData = clone(this.popupParames.data.formData);
|
this.tableData2.map(e => {
|
this.tableDataChange[e.id] = {
|
data: e,
|
type: "add"
|
};
|
})
|
}
|
},
|
|
mounted() {
|
this.initFields();
|
|
if (this.popupParames.sceneCode != "add") {
|
this.initData();
|
}
|
|
this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
|
document.getElementById('page_root').style.display = "block";
|
document.getElementById('page_loading').style.display = "none";
|
|
//重新设置弹窗宽高
|
this.$nextTick(function() {
|
let w_ = this.$refs.popup_body.offsetWidth + "px";
|
let h_ = this.$refs.popup_body.offsetHeight + "px";
|
Root.setPopupWH(w_, h_);
|
})
|
});
|
},
|
|
methods: {
|
initFields() {
|
let me = this;
|
me.tableFields = dataRootFields.tableFields.producePlanDetail_;
|
},
|
|
initData() {
|
let me = this;
|
},
|
|
closeDialog() {
|
Root.hidePopup();
|
},
|
|
submitRowTable() {
|
this.formData.continueCommit = true;
|
this.saveRowTable();
|
},
|
|
saveRowTable() {
|
var array_ = [];
|
|
for (var id in this.tableDataChange) {
|
array_.push(id);
|
}
|
this.doSave(array_);
|
},
|
|
doSave(array) {
|
var me = this;
|
document.getElementById('page_loading').style.display = "block";
|
var param = {
|
dataname: this.dataname,
|
parentId: this.formData.id,
|
type: this.popupParames.data.type,
|
batchId: this.popupParames.data.batchId
|
};
|
|
if (this.popupParames.data.suppler == "正常" || this.popupParames.data.suppler == "1") {
|
param.isSuppler = true;
|
} else if (this.popupParames.data.suppler == "增补" || this.popupParames.data.suppler == "2") {
|
param.isSuppler = false;
|
}
|
|
for (var i = 0; i < array.length; i++) {
|
let data;
|
data = me.tableDataChange[array[i]].data;
|
if(data.cnt == null || data.cnt == 0) {
|
Root.message({
|
type: 'warning',
|
message: '数据不完整,请检查数据'
|
});
|
}
|
}
|
|
//新建
|
if(this.popupParames.sceneCode == "add") {
|
Server.call("root/data/insertEntity/" + me.form_dataname, this.formData, function(result) {
|
if(result.success) {
|
Server.call("root/plan/transDataByTemp/", param, function(result) {
|
document.getElementById('page_loading').style.display = "none";
|
if(result.success) {
|
Root.message({
|
type: 'success',
|
message: '保存成功'
|
});
|
if (me.formData.continueCommit) {
|
let param = {
|
businessId: me.formData.id,
|
businessType: "product_plan",
|
variableMap: '',
|
}
|
Server.call("root/api/startAct", param, function(result1) {
|
if (result1.success) {
|
Server.call("root/data/updateEntity/" + me.form_dataname, {
|
id: me.formData.id,
|
flow_id: result1.data.data.activitiId
|
},
|
function(result2) {
|
if (result2.success) {
|
Root.message({
|
type: 'success',
|
message: '提交成功'
|
});
|
Root.hidePopup();
|
} else {
|
Root.message({
|
type: 'warning',
|
message: result2.message
|
});
|
}
|
});
|
} else {
|
Root.message({
|
type: 'warning',
|
message: result1.message
|
});
|
}
|
})
|
};
|
Root.hidePopup();
|
}else {
|
Root.message({
|
type: 'warning',
|
message: result.message
|
});
|
}
|
//2回调
|
// Root.tab.removeItem(Root.tab.selected);
|
// Root.tab.open(me.popupParames.parentOption, true);
|
}, function(err) {
|
let str = "";
|
if(err.data.data.length > 0) {
|
for (var i = 0; i < err.data.data.length - 1; i++) {
|
str += "line:" + err.data.data[i].line + ","
|
}
|
str += "line:" + err.data.data[err.data.data.length-1].line
|
}
|
Root.message({
|
type: 'warning',
|
message: err.message + str
|
});
|
document.getElementById('page_loading').style.display = "none";
|
});
|
}
|
})
|
}else {
|
//编辑
|
Server.call("root/plan/transDataByTemp/", param, function(result) {
|
document.getElementById('page_loading').style.display = "none";
|
if(result.success) {
|
Root.message({
|
type: 'success',
|
message: '保存成功'
|
});
|
if (me.formData.continueCommit) {
|
let param = {
|
businessId: me.formData.id,
|
businessType: "product_plan",
|
variableMap: '',
|
}
|
Server.call("root/api/startAct", param, function(result1) {
|
if (result1.success) {
|
Server.call("root/data/updateEntity/" + me.form_dataname, {
|
id: me.formData.id,
|
flow_id: result1.data.data.activitiId
|
},
|
function(result2) {
|
if (result2.success) {
|
Root.message({
|
type: 'success',
|
message: '提交成功'
|
});
|
Root.hidePopup();
|
} else {
|
Root.message({
|
type: 'warning',
|
message: result2.message
|
});
|
}
|
});
|
} else {
|
Root.message({
|
type: 'warning',
|
message: result1.message
|
});
|
}
|
});
|
};
|
Root.hidePopup();
|
}else {
|
Root.message({
|
type: 'warning',
|
message: result.message
|
});
|
}
|
//2回调
|
// Root.tab.removeItem(Root.tab.selected);
|
// Root.tab.open(me.popupParames.parentOption, true);
|
}, function(err) {
|
// console.info(err);
|
let str = "";
|
if(err.data.data.length > 0) {
|
for (var i = 0; i < err.data.data.length - 1; i++) {
|
str += "line:" + err.data.data[i].line + ","
|
}
|
str += "line:" + err.data.data[err.data.data.length-1].line
|
}
|
Root.message({
|
type: 'warning',
|
message: err.message + str
|
});
|
document.getElementById('page_loading').style.display = "none";
|
})
|
}
|
},
|
|
rowChange(row, type) {
|
//tc
|
var id_ = row.id;
|
var param = row;
|
if(type == "up") {
|
Server.call("root/data/updateEntity/" + this.dataname, param, function(result) {});
|
}
|
|
//t2
|
if (type == "add") {
|
this.tableData2.unshift(row);
|
} else if (type == "del") {
|
this.tableData2.remove(row);
|
this.$delete(this.tableDataChange, row.id);
|
}
|
// this.$refs.form1.refresh();
|
},
|
|
editData(scope) {
|
if (scope.row.isWithinEdit) {
|
scope.row.isWithinEdit = false;
|
} else {
|
if (this.selectrow != {}) {
|
this.selectrow.isWithinEdit = false;
|
}
|
this.selectrow = scope.row;
|
scope.row.isWithinEdit = scope.row.isWithinEdit ? false : true;
|
}
|
|
this.isRefresh = false;
|
this.$nextTick(function() {
|
this.isRefresh = true;
|
})
|
},
|
|
cellVisibleChange(obj) {
|
if (obj.field == "productname") {
|
var me = this;
|
var row = me.selectrow
|
var options_ = [];
|
// var val = row.factory;
|
// if (!val) {
|
// Root.message({
|
// type: 'warning',
|
// message: '请先选择药厂!'
|
// });
|
// return;
|
// }
|
// else {
|
let param_ = {
|
isClientMode: false,
|
dataname: "factory_product",
|
filter: "1=1",
|
}
|
Server.call("root/data/getEntitySet", param_, function(result) {
|
options_ = result.data.entityset;
|
obj.options = options_;
|
});
|
// }
|
}
|
},
|
|
cellShowPopup(scope) {
|
let me = this;
|
let row = scope.row;
|
let field = scope.column.property;
|
if (field == "product_name") {
|
Root.showPopup({
|
url: "../md/product/popup/product_list.html",
|
width: 800,
|
height: 550,
|
callback: function(obj, callback) {
|
row.product_name = obj.row.product_name
|
row.product_id = obj.row.id
|
row.product_code = obj.row.product_code
|
row.product_spec = obj.row.product_spec
|
// row.price = obj.row.priceunit
|
// row.tax_rate = obj.row.taxrate
|
// row.conversrate = obj.row.conversrate
|
me.rowChange(row, "up");
|
if (callback) {
|
callback();
|
}
|
}
|
});
|
} else if (field == "customer_name") {
|
Root.showPopup({
|
url: "../md/customer/popup/customer_list.html",
|
width: 800,
|
height: 550,
|
callback: function(obj, callback) {
|
row.customer_name = obj.row.md_description;
|
row.customer_code = obj.row.md_code;
|
row.customer_id = obj.row.id;
|
me.rowChange(row, "up");
|
if (callback) {
|
callback();
|
}
|
}
|
});
|
}
|
},
|
|
cellSelectChange(scope) {
|
let me = this;
|
let row = scope.row;
|
let field = scope.column.property;
|
|
if (field == "product_name") {
|
let val = row[field];
|
let param_ = {
|
isClientMode: false,
|
dataname: "product",
|
filter: "concat(md_product.name,md_product.spec) = " + "'" + val + "'",
|
}
|
|
Server.call("root/data/getEntitySet", param_, function(result) {
|
var productDetail = result.data.entityset[0];
|
row.productcode = productDetail.code;
|
row.productname = productDetail.name;
|
row.spec = productDetail.spec;
|
|
me.rowChange(row, "up");
|
});
|
}
|
|
// this.$refs.form1.refresh();
|
},
|
|
cellInputChange(scope) {
|
let row = scope.row;
|
let field = scope.column.property;
|
// if(field == "qty_order") {
|
// row.price_final = (row.qty_order ? row.qty_order : 0) * (row.price_unit ? row.price_unit : 0);
|
// }
|
this.rowChange(row, "up");
|
},
|
|
cellClick(obj) {
|
// if(obj.column.property == "productname") {
|
// this.selectrow = obj.row;
|
// this.showPic("showPic", obj.row);
|
// }
|
},
|
|
delData(scope) {
|
let me = this;
|
let row = scope.row;
|
let index_ = scope.$index;
|
|
Root.confirm('确定删除-' + row.product_name + '-吗？', '删除提示', {
|
confirmButtonText: '删除',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(() => {
|
if (row.id == undefined || row.id == '') {
|
me.rowChange(row, "del");
|
} else {
|
let param = {
|
id: row.id
|
}
|
Server.call("root/data/deleteEntity" + "/" + me.dataname, param, function(result) {
|
me.rowChange(row, "del");
|
});
|
}
|
Root.message({
|
type: 'success',
|
message: '删除成功!'
|
});
|
}).catch(() => {
|
Root.message({
|
type: 'info',
|
message: '已取消删除'
|
});
|
});
|
},
|
}
|
});
|
</script>
|
|
<style>
|
.el-collapse {
|
border: 0;
|
}
|
|
.el-collapse-item__content {
|
padding-bottom: 5px;
|
}
|
|
.el-collapse-item__header {
|
height: 30px;
|
line-height: 30px;
|
}
|
|
.el-collapse-item__header.is-active {
|
border-bottom-color: #e9f5f2;
|
}
|
|
.el-collapse-item__wrap {
|
border: 0;
|
}
|
|
.el-input__inner {
|
padding: 0 2px;
|
}
|
</style>
|
</body>
|
</html>
|
