<!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 type="text/javascript">
var pageVue = null;
function loadJsCss(callback) {
var jscss_urls = [];
window.top.initJsCss(document, jscss_urls, callback);
};
function initVue() {
new FormVue({
el: "#vbody",
data: {
dataname: "md_batch",
title: "æ·»åŠ æ‰¹å·",
formAttr: {
istitle: false,
title: "批å·ä¿¡æ¯",
columnnumber: 2,
labelwidth: "140px",
labelposition: "left",//"left",// right//top
size: "mini",
border: "10px solid #c6c6c600"
},
formFields: [],
default_formFields: [
{field: "field11", name: "产å“线", isshow: "T"},
{field: "field22", name: "产å“ç¼–ç ", isshow: "T"},
{field: "name", name: "产å“å称", isshow: "T", type:"popup"},
{field: "batchnumber", name: "批å·", isshow: "T"},
{isshow: "T", field: "field33",name: "产å“检验报告", type: "span", buttonarrayname: [{type: "isnotdatashow", buttonname:"æ–‡ä»¶ä¸Šä¼ ",code:"upload", icon: "el-icon-upload", classname: "form_uploadfile"},{type:"isdata", buttonname: "查看文件", icon: "el-icon-search",code:"showfile", classname: "form_showfile"},{type: "isdatashow", buttonname: "åˆ é™¤é™„ä»¶", icon: "el-icon-delete",code:"delfile", classname: "form_delfile"}], required: true},
],
newformData: {
//id: uuid_short(),
// code: createCode("BA"),
create_time: createDatetime(),
status: "input",
state_name: "è‰ç¨¿",
creator_name: window.top.vue.userinfo.name,
type_code: "",
type_name: "",
},
formData: {},
//按键æƒé™è®¾ç½®
isedit: false,//æ交å‰ç¼–辑，ä¿å˜/æ交
isrefuseedit: false,//æ‹’ç»åŽç¼–辑，ä¿å˜/å†æ¬¡æ交
isapproval: false,//审批，åŒæ„/æ‹’ç»/转办/退回
iscommit: false,//æäº¤æ ‡è®°
//弹窗å‚æ•°
popupParames: {},
//å—段设置
tablefieldClick: {},
formfieldClick: {},
},
created() {
this.popupParames = clone(Root.popupParames);
this.title = this.popupParames.title || this.popupParames.text
if (this.popupParames.data) {
this.formData = clone(this.popupParames.data);
}
if (this.popupParames.sceneCode) {
if (this.popupParames.sceneCode == "add") {//新增
if (this.newformData) {
let formData_ = clone(this.formData);
for (var k in this.newformData) {
formData_[k] = this.newformData[k];
}
this.formData = formData_;
}
this.isedit = true;
}
else if (this.popupParames.sceneCode == "browse") {//åªè¯»
this.formAttr.disabled = true;
}
else if (this.popupParames.sceneCode == "edit") {//编辑
this.isedit = true;
}
else if (this.popupParames.sceneCode == "approval") {//审批
this.formAttr.disabled = true;
this.isapproval = true;
}
else if (this.popupParames.sceneCode == "refuseedit") {//æ‹’ç»åŽçš„编辑
this.isrefuseedit = true;
}
}
},
mounted() {
var me = this;
//é¢„åŠ è½½æ•°æ®
if (this.dataRequest && this.dataRequest.length) {
var result = {};
this.loadRequestData(this.dataRequest, result, function(data) {
me.dataRequestObj = data;
//é¢„åŠ è½½æ•°æ®åŽç»™å“ªäº›å—段设置options或formatterjson
data.agm_template.map(c=>{
me.options_templateobj[c[me.props_template.value]] = c;
})
let agm_template_ = ArrayToTree(clone(data.agm_template), "name", "parent_id");
me.options_category = agm_template_;
me.initData();
});
}
else {
this.initData();
}
// 以æœåŠ¡çš„æ–¹å¼è°ƒç”¨çš„ Loading 需è¦å¼‚æ¥å…³é—
this.$nextTick(() => {
hideLoading();
//é‡æ–°è®¾ç½®å¼¹çª—宽高
this.$nextTick(function(){
//let w_ = this.$refs.popup_body.offsetWidth + "px";
let w_ = "900px";
let h_ = this.$refs.popup_body.offsetHeight + "px";
Root.setPopupWH(w_, h_);
})
});
},
methods:{
//å…³é—弹窗
closeDialog() {
var me = this;
if (me.popupParames.totab){
Root.tab.removeItem(Root.tab.selected);
Root.tab.open(me.popupParames.parentOption, false);
}
else {
Root.hidePopup();
}
},
//å…³é—å‰è°ƒå›žè°ƒ
saveAfter() {
var me = this;
if(this.popupParames.callback) {
let obj = {
//row: this.formData
}
this.popupParames.callback(obj, function() {
me.closeDialog();
});
}
else {
me.closeDialog();
}
},
initData() {
let me = this;
var id_ = null;
if (this.formData.id) {
id_ = this.formData.id;
}
this.getRowDataById(id_, function(result) {//查询åŽçš„回调，用于获å–å—段的
if (result.meta && result.meta[me.dataname] && result.meta[me.dataname].fields) {
var metas = clone(result.meta[me.dataname].fields);
var formFields_ = [];
metas.map(f=>{
f.isshow = "T";
formFields_.push(clone(f));
})
if (!me.formFields || (me.formFields && me.formFields.length == 0)) {
me.formFields = clone(me.default_formFields);
//å—段数组转å—段obj，目的为了ç›é€‰æ—¶èŽ·å–å—段属性
me.fieldsToFieldsObj();
//设置å—段事件
me.tableFieldClick();
}
}
})
},
tableFieldClick() {
var me = this;
//è¡¨æ ¼å—段事件设置
this.tablefieldClick = {
};
//表å•å—段事件设置
this.formfieldClick = {
name: {
popup: {
onclick: function(obj) {//弹窗点击事件
//打开
me.tablePopup_productList(obj)
}
},
},
};
},
tablePopup_productList(obj) {
var me = this;
Root.showPopup({
url: "module/md/page/product/page/popup-new_batch_number-product.html",
width: 800,
height: 550,
data: this.oldObj,
sceneCode: "add",
dataname: "customer",
callback: function(obj, callback) {
if (callback) {
callback();
}
}
});
},
//æ交
submitRowTable() {
this.iscommit = true;
this.saveRowTable();
},
//ä¿å˜
saveRowTable() {
var me = this;
var operator_ = "save";//ä¿å˜
if(me.iscommit) {
operator_ = "commit";//æ交
}
var entity_ = clone(this.formData);
var entity = {};
for (var r in entity_) {
if (entity_[r] || entity_[r] == "" || entity_[r] == false || entity_[r] == 0) {
entity[r] = entity_[r];
}
}
let param = {
dataname: this.dataname,
// operator: operator_,
data: {},
}
param.data[this.dataname] = entity;
Server.call("root/data/saveEntity", param, function(result) {
console.log(result);
if (result.success) {
if(me.iscommit){
me.iscommit = false;
Root.message({
type: 'success',
message: 'æ交æˆåŠŸ'
});
me.saveAfter();
}
else {
Root.message({
type: 'success',
message: 'ä¿å˜æˆåŠŸ'
});
me.saveAfter();
}
}
});
},
}
});
};
loadJsCss(function () {
initVue();
});
</script>
<style>
/* 在vue.jsä¸ v-cloak 这个指令是防æ¢é¡µé¢åŠ 载时出现 vuejs çš„å˜é‡å而设计的 */
[v-cloak] {
display: none !important;
}
</style>
</head>
<body style="margin: 0px;"> <div v-cloak id="vbody">
<div id="page_root">
<div ref="popup_body" style="padding: 0 20px;">
<div class="popup_el-dialog__header">
<div class="dialog-title">
<i class="iconfont icon-customermanagement"></i>
<span> {{title}}</span>
</div>
</div>
<div style="height: 350px; overflow-y: auto;">
<div class="el-dialog__body">
<h-form
ref="form1"
:form-attr="formAttr"
:table-fields="formFields"
:form-data="formData"
:table-field-click="formfieldClick"
>
</h-form>
</div>
</div>
<div class="el-dialog__footer">
<el-button size="small" type="default" @click="closeDialog">å– æ¶ˆ</el-button>
<el-button size="small" v-if="isedit || isrefuseedit" type="primary" @click="saveRowTable":icon="buttonsconfig.save.icon">{{buttonsconfig.save.name}}</el-button>
<el-button size="small" v-if="isrefuseedit" type="success" @click="">å†æ¬¡æ交</el-button>
<el-button size="small" v-if="isapproval" type="success" @click="">通 过</el-button>
<el-button size="small" v-if="isapproval" type="danger" @click="">æ‹’ ç»</el-button>
<el-button size="small" v-if="isapproval" type="primary" @click="">转 办</el-button>
<el-button size="small" v-if="isapproval" type="success" @click="">退 回</el-button>
</div>
</div>
</div>
</div>
<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 50vh;">
<div class="spinner">
<div class="cube1"></div>
<div class="cube2"></div>
</div>
</div>
</body>
</html>