<template>
|
<view class="uni-page-modal-5601">
|
<!-- 表头样式 -->
|
<uni-forms ref="baseForm" label-align="right">
|
<view v-for="(item,index) in head_styledef.form.items" :key="index" class="v-head-style">
|
<!-- 普通布局 -->
|
<uni-forms-item v-if="item.name != 'Layout'" :label="item.label +'：' "
|
:label-width="item.labelWidth+'px'">
|
<uni-data-picker v-if="item.name=='Select'" :class="item.disabled?'input-disabled':''"
|
v-model="item.value" :localdata="item.dict" @change="onEnterChange(item)"
|
:readonly="item.disabled" :clear-icon="false" :popup-title="item.label"></uni-data-picker>
|
<view class="input-wrapper" v-if="item.name=='Input' || item.name=='InputNumber'">
|
<text v-if="item.setting.prefix" class="uni-icon" :class="[item.setting.prefix]"
|
@click="onEnterChange(item)"></text>
|
<input class="uni-input" :class="item.disabled?'input-disabled':''"
|
:style="{'padding-left':item.setting.prefix?0 : '8rpx','right':item.setting.suffix?0 : '8rpx'}"
|
:type="item.name=='Input'?'text':'number'" v-model="item.value" :disabled="item.disabled"
|
:placeholder="item.placeholder" :focus="focusFieldId == item.fieldId" @focus="ontap(item)"
|
@click="onClick(item)" @keyup.enter="onEnterChange(item)" @blur="onEnterChange(item)" />
|
<text v-if="item.setting.suffix" class="uni-icon" :class="[item.setting.suffix]"
|
@click="onEnterChange(item)"></text>
|
</view>
|
</uni-forms-item>
|
<!-- 栅格布局 -->
|
<uni-row v-else :gutter="item.setting.gutter">
|
<uni-col
|
:span=" item.setting.spanList && item.setting.spanList[key]? item.setting.spanList[key] : 24 / item.setting.col"
|
v-for="(col,key) in item.setting.colList">
|
<uni-forms-item :label="col.label +'：'" :label-width="col.labelWidth+'px'">
|
<uni-data-picker v-if="col.name=='Select'" :class="col.disabled?'input-disabled':''"
|
v-model="col.value" :localdata="col.dict" @change="onEnterChange(item)"
|
:readonly="col.disabled" :clear-icon="false" :popup-title="col.label"></uni-data-picker>
|
<view class="input-wrapper" v-if="col.name=='Input' || col.name=='InputNumber'">
|
<text v-if="col.setting.prefix" class="uni-icon" :class="[col.setting.prefix]"
|
@click="onEnterChange(col)"></text>
|
<input class="uni-input" :class="col.disabled?'input-disabled':''"
|
:style="{'padding-left':col.setting.prefix?0 : '8px','right':col.setting.suffix?0 : '8px'}"
|
:type="col.name=='Input'?'text':'number'" v-model="col.value"
|
:disabled="col.disabled" :placeholder="col.placeholder"
|
:focus="focusFieldId == col.fieldId" @focus="ontap(col)" @click="onClick(col)"
|
@keyup.enter="onEnterChange(col)" @blur="onEnterChange(col)" />
|
<text v-if="col.setting.suffix" class="uni-icon" :class="[col.setting.suffix]"
|
@click="onEnterChange(col)"></text>
|
</view>
|
</uni-forms-item>
|
</uni-col>
|
</uni-row>
|
</view>
|
</uni-forms>
|
<view class="view-content">
|
<!-- 码盘子界面 -->
|
<view v-if="param.Show_Welcom_Page==false" class="uni-panel-content">
|
<!-- 页签 -->
|
<view class="dv-tab">
|
<uni-segmented-control :current="current" :values="tabs" @clickItem="onClickItem"
|
styleType="button">
|
</uni-segmented-control>
|
</view>
|
<swiper class="view-tabpage" :current="current" @change="changeSwiper">
|
<!-- 子界面 -->
|
<swiper-item v-for="(pageData, pageIndex) in pageDetail" :key="pageIndex">
|
<view class="uni-panel-content">
|
<view class="view-tab-content" :id="'tabpanel' + pageData.Name">
|
<image class="logo" v-if="pageData.DefList.length==0"
|
src="../../images/mobox_log_200x40.png">
|
</image>
|
<checkbox-group @change="checkboxChange">
|
<div class="dv-panel" v-for="(style,ii) in pageData.DefList"
|
@tap="onPanelClick(ii,style.form.htmlobjId)"
|
:id="'dvpanel'+style.form.htmlobjId"
|
:class="style.form.htmlobjId==active_id?'bk-active':''">
|
<div class="dv-panel-input">
|
<div class="dv-input" v-for="(item,index) in style.form.items">
|
<!-- 普通布局 -->
|
<view v-if="item.name!='Layout'">
|
<text class="txt_title"
|
:style="{'width':item.labelWidth+'px'}">{{item.label}}：</text>
|
<span class="form-item-span"
|
v-if="item.disabled">{{item.value}}</span>
|
<input class="uni-input" v-if="!item.disabled"
|
:type="item.name=='InputNumber'?'number':'text'"
|
v-model="item.value" :disabled="item.disabled"
|
:placeholder="item.placeholder" />
|
</view>
|
<!-- 栅格布局 -->
|
<uni-row class="demo-uni-row" v-else :gutter="item.setting.gutter">
|
<uni-col
|
:span=" item.setting.spanList && item.setting.spanList[key]? item.setting.spanList[key] : 24 / item.setting.col"
|
v-for="(cols,key) in item.setting.colList">
|
<view v-if="cols!=null">
|
<text class="txt_title"
|
:style="{'width':cols.labelWidth+'px'}">{{cols.label}}：</text>
|
<span class="form-item-span"
|
v-if="cols.disabled">{{cols.value}}</span>
|
<input class="uni-input" v-if="!cols.disabled"
|
:type="cols.name=='InputNumber'?'number':'text'"
|
v-model="cols.value" :disabled="cols.disabled"
|
:placeholder="cols.placeholder" />
|
</view>
|
</uni-col>
|
</uni-row>
|
</div>
|
</div>
|
<div class="dv-panel-button">
|
|
<checkbox v-if="pageData.Select_Button==true" :model="ii"
|
:checked="style.SelBut_Checked" />
|
<!-- <text></text> -->
|
|
<!-- <button type="primary" @click="savaItem(ii)" v-if="param.Sub_Page[0].OK_Button==true">保存</Button> -->
|
<button type="warn" @tap="delItem(pageData,ii)"
|
v-if="pageData.Del_Button==true">{{translateSys('delete')}}</button>
|
</div>
|
</div>
|
</checkbox-group>
|
</view>
|
<view class="view-bottom" v-if="pageData.OK_Button==true">
|
<button type="default" @tap="cancel"
|
class="btn_cancel">{{translateSys('cancel')}}</button>
|
<button type="primary" @tap="ok(pageData)" class="btn_add"
|
:class="pageData.okLoading?'btn_disabled':''"
|
:disabled="pageData.okLoading? true:false">{{translateSys('ok')}}</button>
|
</view>
|
</view>
|
</swiper-item>
|
</swiper>
|
</view>
|
<!-- 图文/文本 -->
|
<view class="view-imagetext" v-else>
|
<div class="view-imagetext-uploadlist">
|
<image :src="param.Welcome_Page.Img"
|
:style="{'width':param.Welcome_Page.Width+'px','height':param.Welcome_Page.Height+'px'}">
|
</image>
|
<text class="txt-text"
|
:style="{'color':param.Welcome_Page.Txt_Color,'font-size':param.Welcome_Page.Font_Size+'px','font-family':param.Welcome_Page.Font}">{{param.Welcome_Page.Text}}</Text>
|
</div>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import Base64 from '../../components/js-base64/base64.js'
|
import {
|
dictGetInfo
|
} from "@/api/mobox.js"
|
import {
|
getUIStyleInfo,
|
runCustomEvent,
|
} from "@/api/data.js"
|
|
export default {
|
name: "PageModal5601",
|
modules: {
|
Base64,
|
},
|
data() {
|
return {
|
title: this.translateSys("inventory"),
|
ClsID: '',
|
param: {},
|
focusFieldId: "",
|
focusOldFieldId: "",
|
head_styledef: {
|
form: {
|
items: []
|
}
|
},
|
pageDetail: [], //{StyleDef{}:,DefList:[],ExtData:{}}
|
// 分段器数据
|
current: 0,
|
Before_OK_Event: {},
|
After_OK_Event: {},
|
Before_Del_Event: {},
|
After_Del_Event: {},
|
|
active_id: '',
|
selectAttrObj: {},
|
};
|
},
|
computed: {
|
tabs() {
|
return this.pageDetail.map((page => {
|
return page.Name
|
}));
|
|
|
},
|
},
|
onLoad(options) {
|
console.log(options.titlename, options);
|
uni.setNavigationBarTitle({
|
title: options.titlename
|
}); //设置顶部标题
|
this.title = options.titlename;
|
this.param = JSON.parse(options.param);
|
|
|
//获取主数据类ID
|
this.ClsID = this.param.master_cls?.id;
|
if (this.ClsID) {
|
this.loadData(options.paramValue)
|
} else {
|
uni.showModal({
|
title: this.translateSys("error"),
|
content: this.translate("tip_no_master_class"),
|
showCancel: false,
|
confirmText: this.translateSys("cancel")
|
});
|
}
|
},
|
//页面初始化获取焦点
|
methods: {
|
setData(obj) {
|
let that = this;
|
let keys = [];
|
let val, data;
|
|
Object.keys(obj).forEach(function(key) {
|
keys = key.split(".");
|
val = obj[key];
|
data = that.$data;
|
keys.forEach(function(key2, index) {
|
if (index + 1 == keys.length) {
|
that.$set(data, key2, val);
|
console.log("$set", key2, val)
|
} else {
|
if (!data[key2]) {
|
that.$set(data, key2, {});
|
console.log("$set", key2, {})
|
}
|
}
|
data = data[key2];
|
});
|
});
|
},
|
async loadData(paramValue) {
|
|
//获取数据类的自定义表单参数
|
await this.Head_UIStyleGetInfo(this.ClsID, this.param.Input_UI_Style.ID);
|
//传入参数值
|
if (paramValue) {
|
const attrs = paramValue.attrs || [];
|
(this.$data.head_styledef?.form?.items || []).forEach(async (ele, index) => {
|
if (ele.name != "Layout") {
|
attrs.forEach(async (ele2, index2) => {
|
if (ele.fieldId == ele2.name) {
|
ele.value = ele2.value;
|
}
|
});
|
} else {
|
ele.setting.colList.forEach(async (col) => {
|
if (col) {
|
attrs.forEach(async (ele2,
|
index2) => {
|
if (col.fieldId == ele2.name) {
|
col.value = ele2.value;
|
}
|
});
|
}
|
});
|
}
|
})
|
}
|
//加载初始界面
|
if (this.$data.param.Show_Welcom_Page) {
|
this.$data.param.Welcome_Page.Img = this.$data.param.Welcome_Page.Img.replace(/ /g, '+');
|
this.$data.param.Welcome_Page.Width = parseInt(this.$data.param.Welcome_Page.Width);
|
this.$data.param.Welcome_Page.Height = parseInt(this.$data.param.Welcome_Page.Height);
|
};
|
//加载Tab页签
|
const pageList = this.param.Sub_Page || []
|
for (let i in pageList) {
|
|
const page = pageList[i]
|
page.DefList = [];
|
page.StyleDef = await this.Detail_UIstyleGetInfo(
|
this.ClsID,
|
page.UI_Style.ID
|
);
|
}
|
|
this.setData({
|
pageDetail: pageList
|
})
|
|
console.log(this.pageDetail);
|
},
|
changeSwiper(evt) {
|
let index = evt.target.current || evt.detail.current;
|
this.setData({
|
current: index
|
})
|
},
|
checkboxChange(e) {
|
|
var items = this.pageDetail[this.current]?.DefList || []
|
var values = e.detail.value;
|
for (var i = 0, lenI = items.length; i < lenI; ++i) {
|
const item = items[i]
|
if (values.includes(i)) {
|
item.SelBut_Checked = true
|
} else {
|
item.SelBut_Checked = false
|
}
|
}
|
},
|
async Head_UIStyleGetInfo(class_id, style_id) { //获取自定义表单样式
|
try {
|
var $this = this;
|
var dataInfo = {
|
class_id: class_id,
|
ui_style_id: style_id,
|
};
|
const result = await getUIStyleInfo(dataInfo)
|
var styledef = "";
|
if (result.style_def) {
|
//mobox2的style_def是json字符串
|
styledef = result.style_def.replace(/\\/g, "");
|
//mobox3的style_def是base64字符串
|
if (!result.style_def.includes('"')) styledef = Base64.decode(
|
result
|
.style_def);
|
}
|
const styledefHead = styledef ? JSON.parse(styledef) : {};
|
if (styledefHead?.form?.items) {
|
for (let i in styledefHead.form.items) {
|
const ele = styledefHead.form.items[i]
|
if (ele.name != "Layout") {
|
if (ele?.useDict) {
|
//判断useDict是否使用字典
|
await this.DictGetInfo(ele.bind.dict,
|
styledefHead.form.model,
|
ele);
|
}
|
if ($this.focusFieldId == "") {
|
if (ele.name == 'Input' || ele.name ==
|
'InputNumber') {
|
$this.setData({
|
focusFieldId: ele.fieldId
|
})
|
}
|
}
|
} else {
|
for (let j in ele.setting.colList) {
|
const col = ele.setting.colList[j]
|
if (col?.useDict) {
|
//判断useDict是否使用字典
|
await this.DictGetInfo(col.bind
|
.dict,
|
styledefHead.form
|
.model, col);
|
}
|
if ($this.focusFieldId == "") {
|
if (col.name == 'Input' || col
|
.name ==
|
'InputNumber') {
|
$this.setData({
|
focusFieldId: col
|
.fieldId
|
})
|
}
|
}
|
}
|
}
|
}
|
|
}
|
this.setData({
|
head_styledef: styledefHead
|
})
|
} catch (ex) {
|
// console.log(ex);
|
uni.showModal({
|
title: this.translateSys("error") + "1",
|
content: ex.errMsg,
|
showCancel: false,
|
confirmText: this.translateSys("cancel")
|
});
|
return {}
|
}
|
|
|
},
|
async Detail_UIstyleGetInfo(class_id, style_id) { //获取自定义表单样式
|
try {
|
var $this = this;
|
var dataInfo = {
|
class_id: class_id,
|
ui_style_id: style_id,
|
};
|
const result = await getUIStyleInfo(dataInfo)
|
var styledef = "";
|
if (result.style_def) {
|
//mobox2的style_def是json字符串
|
styledef = result.style_def.replace(/\\/g, "");
|
//mobox3的style_def是base64字符串
|
if (!result.style_def.includes('"')) styledef = Base64
|
.decode(result
|
.style_def);
|
}
|
|
const detailstyledef = result.style_def ? JSON.parse(
|
styledef) : {};
|
detailstyledef.SelBut_Checked = true;
|
if (detailstyledef?.form?.items) {
|
for (let index in detailstyledef.form.items) {
|
const ele = detailstyledef.form.items[index]
|
|
if (ele.name != "Layout") {
|
if (ele.useDict == true) { //判断useDict是否使用字典
|
await this.DictGetInfo(ele.bind.dict,
|
detailstyledef.form
|
.model, ele);
|
}
|
} else {
|
for (let j in ele.setting.colList) {
|
const col = ele.setting.colList[j]
|
if (col?.useDict == true) {
|
await this.DictGetInfo(col
|
.bind.dict,
|
detailstyledef.form
|
.model, col);
|
}
|
}
|
}
|
}
|
|
}
|
console.log("Detail_UIstyleGetInfo", detailstyledef);
|
return detailstyledef
|
} catch (ex) {
|
// console.log(ex);
|
uni.showModal({
|
title: this.translateSys("error") + "2",
|
content: ex.errMsg,
|
showCancel: false,
|
confirmText: this.translateSys("cancel")
|
});
|
return {}
|
}
|
|
|
},
|
|
async DictGetInfo(dict, formModel, formItem) { //Mobox3得到得到字典信息字典项列表
|
this.data = [];
|
var $this = this;
|
var dataInfo = {
|
dict_id: dict.id,
|
dict_name: dict.name
|
};
|
try {
|
const result = await dictGetInfo(dataInfo)
|
var list = [];
|
var itemName = '';
|
(result.dict_item_list || []).forEach((item) => {
|
if (item.is_default == '1')
|
itemName = item.name;
|
list.push({
|
text: item.name,
|
value: item.id,
|
});
|
});
|
//有默认值，显示默认值
|
if (itemName) {
|
formItem.value = itemName;
|
formModel[formItem.fieldId] = itemName;
|
}
|
formItem.dict = list;
|
} catch (ex) {
|
// console.log(ex);
|
uni.showModal({
|
title: this.translateSys("error") + "3",
|
content: ex.errMsg,
|
showCancel: false,
|
confirmText: this.translateSys("cancel")
|
});
|
}
|
|
},
|
onClick(item) {
|
this.focusFieldId = item.fieldId
|
},
|
ontap(item) { //扫码功能
|
// var $ele = e;
|
//console.log(e.target)
|
this.focusOldFieldId = item.fieldId
|
getApp().onScan((result) => {
|
console.log(result.decodedata);
|
item.value = result.decodedata;
|
var $this = this;
|
if (item.oldvalue != item.value && item.value.trim() != "") {
|
item.oldvalue = item.value;
|
var attr = item.fieldId;
|
this.head_styledef.form.model[attr] = item.value;
|
var onChangeEvent = item.bind.onChangeEvent; //内容变化后事件
|
var onSuffixClickCallbackEvent = item.bind
|
.onSuffixClickCallbackEvent; //后图标点击事件
|
var onSuffixClickEvent = item.bind
|
.onSuffixClickEvent; //后图标点击回调
|
var isflag = false;
|
|
if (onChangeEvent.id) { //内容变化后事件
|
$this.onChange(onChangeEvent);
|
}
|
if (item.value) { //第一个输入框不为空
|
//初始化，下个输入框focus属性
|
var findd = false
|
for (let i in $this.head_styledef.form.items) {
|
const ele = $this.head_styledef.form.items[i]
|
|
if (ele.name != "Layout") {
|
if (ele.name == 'Input' || ele.name ==
|
'InputNumber') {
|
if (attr == ele.fieldId) {
|
findd = true
|
} else {
|
if (findd) {
|
$this.setData({
|
focusFieldId: ele.fieldId
|
})
|
break
|
}
|
|
}
|
|
}
|
} else {
|
if (findd) {
|
let curIndex = ele.setting.colList.findIndex((
|
col, index2, arr) => {
|
return (col.name == 'Input' || col
|
.name == 'InputNumber');
|
})
|
if (curIndex > -1) {
|
$this.setData({
|
focusFieldId: ele.setting
|
.colList[curIndex]
|
.fieldId
|
})
|
break
|
}
|
|
} else {
|
let curIndex = ele.setting.colList.findIndex((
|
col, index2, arr) => {
|
return attr == col.fieldId;
|
})
|
if (curIndex > -1) {
|
findd = true
|
let curIndex2 = ele.setting.colList
|
.findIndex((col, index2, arr) => {
|
return (col.name == 'Input' ||
|
col.name ==
|
'InputNumber') &&
|
index2 >
|
curIndex;
|
})
|
if (curIndex2 > -1) {
|
$this.setData({
|
focusFieldId: ele.setting
|
.colList[curIndex]
|
.fieldId
|
})
|
break
|
}
|
}
|
}
|
|
}
|
}
|
}
|
|
}
|
})
|
},
|
|
onEnterChange(item) { //回车，点击按钮，取消节点事件
|
console.log(item);
|
if (item.oldvalue != item.value && item.value.trim() != "") {
|
item.oldvalue = item.value;
|
var attr = item.fieldId;
|
this.head_styledef.form.model[attr] = item.value;
|
var onChangeEvent = item.bind.onChangeEvent; //内容变化后事件
|
var onSuffixClickCallbackEvent = item.bind
|
.onSuffixClickCallbackEvent; //后图标点击事件
|
var onSuffixClickEvent = item.bind.onSuffixClickEvent; //后图标点击回调
|
var isflag = false;
|
|
if (onChangeEvent.id) { //内容变化后事件
|
this.onChange(onChangeEvent);
|
}
|
|
}
|
},
|
getDetailAttrList(pageData) {
|
const detailAttrList = [];
|
if (pageData.DefList) {
|
pageData.DefList.forEach(style => {
|
var detail_attr = {};
|
style.form.items.forEach(item => {
|
if (item.name == "Layout") { //判断是否是栅栏格式
|
item.setting.colList.forEach(cols => {
|
if (cols != null) detail_attr[cols
|
.fieldId] = cols.value;
|
});
|
} else
|
detail_attr[item.fieldId] = item.value;
|
});
|
|
detail_attr['id'] = style.form.objId;
|
if (pageData.Select_Button == true) { //判断选择按钮是否为true
|
if (style.SelBut_Checked == true)
|
detailAttrList.push(detail_attr);
|
} else
|
detailAttrList.push(detail_attr);
|
});
|
// console.log(detailAttrList);
|
//获取正在码盘里没有显示的字段
|
pageData.DefList.forEach(style => {
|
style.form.attrs.forEach(attr => {
|
for (var key in detailAttrList) {
|
if (style.form.objId == detailAttrList[key][
|
'id'
|
]) {
|
var keys = Object.keys(detailAttrList[key]);
|
var isflag = true;
|
keys.forEach((ele) => {
|
if (ele == attr.attr) isflag =
|
false;
|
});
|
if (isflag) {
|
detailAttrList[attr.attr] = attr.value;
|
}
|
}
|
}
|
});
|
});
|
}
|
const jsonlist = [];
|
detailAttrList.forEach(attr => {
|
jsonlist.push({
|
id: attr["id"] || "",
|
attrs: Object.keys(attr).map((a) => ({
|
attr: a,
|
value: attr[a] || "",
|
})).filter((a) => {
|
return a.attr != "id"
|
})
|
});
|
});
|
return jsonlist;
|
},
|
// 内容变化后事件
|
async onChange(event) {
|
try {
|
if (event.id) {
|
//获取表头属性
|
var head_attr = {};
|
this.head_styledef.form.items.forEach(item => {
|
if (item.name == "Layout") { //判断是否是栅栏格式
|
item.setting.colList.forEach(cols => {
|
if (cols != null) head_attr[cols
|
.fieldId] = cols.value;
|
});
|
} else
|
head_attr[item.fieldId] = item.value;
|
});
|
var obj_attr = this.head_styledef.form.model;
|
// console.log(obj_attr);
|
var input_param = Base64.encode(
|
JSON.stringify(
|
Object.keys(head_attr).map((a) => ({
|
attr: a,
|
value: head_attr[a] || "",
|
}))
|
)
|
);
|
var $this = this;
|
const jsonList = []
|
this.pageDetail.forEach((page) => {
|
|
jsonList.push({
|
page_name: page.Name,
|
item_list: $this.getDetailAttrList(page
|
.DefList, page
|
.Select_Button),
|
ext_data: page.ExtData || {}
|
})
|
|
})
|
const data_json = Base64.encode(
|
JSON.stringify(jsonList)
|
);
|
var dataInfo = {
|
ed_type: 0,
|
start_transaction: true,
|
class_id: this.$data.head_styledef.form.clsId,
|
class_name: '',
|
event_id: event.id,
|
event_name: '',
|
data_obj_id: '',
|
obj_attr: obj_attr,
|
prj_id: '',
|
ref_cls_id: '',
|
rel_obj_id: '',
|
user_login: '',
|
data_json: data_json,
|
compose_info: '',
|
ext_info: '',
|
global_attr: '',
|
input_param: input_param,
|
};
|
runCustomEvent(dataInfo).then(result => {
|
console.log(result);
|
|
if (result.ret != 0) {
|
var tip = result.err_info ? typeof result
|
.err_info == 'string' ? result
|
.err_info : result.err_info.join('<br/>') :
|
'';
|
if (result.ret == 801) {
|
if (this.param.Only_Script_Error) {
|
let pos = tip.indexOf("：");
|
if (pos > -1) tip = tip.substring(pos +
|
1);
|
}
|
uni.showModal({
|
title: this.translateSys(
|
"tip"),
|
content: tip,
|
showCancel: false,
|
confirmText: this.translateSys(
|
"cancel")
|
});
|
} else uni.showModal({
|
title: this.translateSys('tip'),
|
content: tip + ',' + this
|
.translateSys('tip') + ':' +
|
result
|
.ret,
|
showCancel: false,
|
confirmText: this.translateSys(
|
"cancel")
|
});
|
return false;
|
} else {
|
var tip = result.info ? typeof result.info ==
|
'string' ? result.info :
|
result.info.join('<br/>') : '';
|
if (tip) uni.showModal({
|
title: this.translateSys('tip'),
|
content: tip,
|
showCancel: false,
|
confirmText: this.translateSys(
|
"cancel")
|
});
|
|
if (result.result_type == 0 && result.action) {
|
result.action.forEach(item => {
|
|
if (item.action_type ==
|
"insert_subtable_page_row"
|
) { //码盘中
|
$this.$data.param
|
.Show_Welcom_Page =
|
false;
|
var value = item.value;
|
$this.viewAceionRow(value);
|
} else if (item.action_type ==
|
"set_subtable_page_content"
|
) { //已码盘
|
$this.$data.param
|
.Show_Welcom_Page =
|
false;
|
var value = item.value;
|
const pageData = $this
|
.pageDetail.find((
|
page) => {
|
return value
|
.page_name ==
|
page.Name;
|
});
|
if (value.clear_confirm !=
|
false && value.clear ==
|
true &&
|
pageData && pageData
|
.DefList.length > 0
|
) { //判断是否清空页签内容,正在码盘是否有数据
|
uni.showModal({
|
title: this
|
.translateSys(
|
'tip'
|
),
|
content: this
|
.translate(
|
"are_you_sure_clear_first"
|
) +
|
this
|
.translateSys(
|
"quotation_mark_left"
|
) +
|
value
|
.page_name +
|
this
|
.translateSys(
|
"quotation_mark_right"
|
) +
|
this
|
.translate(
|
"are_you_sure_clear_last"
|
),
|
success: function(
|
res
|
) {
|
if (res
|
.confirm
|
) {
|
if (
|
pageData)
|
pageData
|
.DefList = [];
|
$this
|
.viewAceionContent(
|
value
|
);
|
} else if (
|
res
|
.cancel
|
) {
|
if (
|
pageData)
|
pageData
|
.DefList = [];
|
$this
|
.viewAceionContent(
|
value
|
);
|
}
|
}
|
});
|
} else {
|
if (pageData)
|
pageData
|
.DefList = [];
|
$this
|
.viewAceionContent(
|
value);
|
}
|
} else if (item.action_type ==
|
"select_subtable_page_row"
|
) {
|
// value = {"page_name":"码盘中", "row":{"id":"xx"}}
|
var value = item.value;
|
const pageData = $this
|
.pageDetail.find((
|
page) => {
|
return value
|
.page_name ==
|
page.Name;
|
});
|
if (pageData?.DefList) {
|
pageData.DefList
|
.forEach(ele => {
|
|
if (ele
|
.form
|
.objId ==
|
value
|
.row.id
|
) {
|
ele.SelBut_Checked =
|
true;
|
$this
|
.active_id =
|
ele
|
.form
|
.htmlobjId;
|
//自动滚动到指定元素
|
uni.createSelectorQuery()
|
.select(
|
"#tabpanel" +
|
value
|
.page_name
|
) //对应外层节点
|
.boundingClientRect(
|
(
|
container
|
) => {
|
uni.createSelectorQuery()
|
.select(
|
"#dvpanel" +
|
ele
|
.form
|
.htmlobjId
|
) //目标节点
|
.boundingClientRect(
|
(
|
target
|
) => {
|
uni.pageScrollTo({
|
scrollTop: target
|
.top -
|
container
|
.top, //滚动到实际距离是元素距离顶部的距离减去最外层盒子的滚动距离
|
});
|
}
|
)
|
.exec();
|
}
|
)
|
.exec();
|
}
|
});
|
}
|
} else if (item.action_type ==
|
"remove_subtable_page_row"
|
) { //清除面板中指定id的数据
|
var value = item.value;
|
const pageData = $this
|
.pageDetail.find((
|
page) => {
|
return value
|
.page_name ==
|
page.Name;
|
});
|
if (pageData
|
?.DefList
|
) //判断返回的action的page_name是否是待分拣//清除面板中指定id的数据
|
{
|
value.row.forEach(
|
row => {
|
pageData
|
.DefList
|
.forEach(
|
(ele,
|
index
|
) => {
|
if (ele
|
.form
|
.objId ==
|
row
|
.id
|
) {
|
pageData
|
.DefList
|
.splice(
|
index,
|
1
|
);
|
}
|
});
|
});
|
}
|
|
|
|
} else if (item.action_type ==
|
"set_subtable_page_row") {
|
$this.viewActionSetRow(item
|
.value)
|
|
} else if (item.action_type ==
|
"set_subtable_page_ext_data"
|
) {
|
var value = item.value;
|
const pageData = $this
|
.pageDetail.find((
|
page) => {
|
return value
|
.page_name ==
|
page.Name;
|
});
|
if (pageData)
|
pageData.ExtData =
|
value.ext_data
|
|
} else if (item.action_type ==
|
"clear_subpage_rows") {
|
var value = item.value;
|
const pageData = $this
|
.pageDetail.find((
|
page) => {
|
return value
|
.page_name ==
|
page.Name;
|
});
|
if (pageData) {
|
pageData.DefList = []
|
pageData.ExtData = {}
|
}
|
|
} else if (item.action_type ==
|
"set_dlg_current_edit_attr"
|
) {
|
|
if ($this
|
.focusOldFieldId ==
|
item.value) {
|
$this.setData({
|
focusFieldId: ""
|
})
|
} else {
|
$this.setData({
|
focusFieldId: $this
|
.focusOldFieldId
|
})
|
}
|
$this.$nextTick(() => {
|
$this.setData({
|
focusFieldId: item
|
.value
|
})
|
});
|
} else if (item.action_type ==
|
"set_dlg_attr") {
|
// value = {"attr":"xxx", "value":"xxx"}
|
var data = item.value;
|
$this.setFormValues(data)
|
}
|
});
|
} else {
|
|
if (result.info) {
|
uni.showModal({
|
title: this.translateSys(
|
"error") + "4.3",
|
content: result.info,
|
showCancel: false,
|
confirmText: this
|
.translateSys("cancel")
|
});
|
}
|
}
|
|
}
|
|
}).catch(ex => {
|
// console.log(ex);
|
let tip = typeof ex.errMsg == "string" ? ex.errMsg : ex
|
uni.showModal({
|
title: this.translateSys("error") + "4.1",
|
content: tip,
|
showCancel: false,
|
confirmText: this.translateSys("cancel")
|
});
|
});
|
}
|
} catch (ex) {
|
var tip = typeof ex == "string" ? ex : ex.message;
|
uni.showModal({
|
title: this.translateSys("error") + "4.2",
|
content: this.translate(
|
'execute_after_change_event_failed') + this
|
.translateSys(
|
"comma") +
|
this.translate('reason') + this.translateSys("colon") +
|
tip,
|
showCancel: false,
|
confirmText: this.translateSys("cancel")
|
});
|
}
|
},
|
operationNumber(value1, value2, operation) {
|
var number1 = 0
|
var number2 = 0
|
if (value1)
|
number1 = parseInt(value1)
|
if (value2)
|
number2 = parseInt(value2)
|
if (operation == "+") {
|
return number1 + number2
|
} else if (operation == "-") {
|
return number1 - number2
|
} else if (operation == "*") {
|
return number1 * number2
|
} else if (operation == "/") {
|
if (number2)
|
return number1 / number2
|
else
|
return number1
|
} else return number2
|
},
|
|
//更新分页签中的列表项内容
|
viewActionSetRow(value) {
|
const $this = this
|
const pageIndex = $this.pageDetail.findIndex((
|
page, index2, arr) => {
|
return value.page_name == page.Name;
|
})
|
if (pageIndex < 0)
|
return
|
const pageData = $this.pageDetail[pageIndex]
|
var detailStyleDefList = pageData.DefList || []
|
detailStyleDefList.forEach(ele => {
|
value.row.forEach((rowData) => {
|
if (ele.form.objId == rowData.id) {
|
rowData.attrs.forEach(attr => {
|
ele.form.items.forEach(ele2 => {
|
if (ele2.name !=
|
'Layout') {
|
if (ele2.fieldId ==
|
attr
|
.attr) {
|
ele2.value =
|
$this
|
.operationNumber(
|
ele2
|
.value,
|
attr
|
.value,
|
attr
|
.operation
|
)
|
}
|
} else if (ele2.name ==
|
'Layout') {
|
ele2.setting
|
.colList
|
.forEach(
|
col => {
|
if (
|
col) {
|
if (col
|
.fieldId ==
|
attr
|
.attr
|
) {
|
col.value =
|
$this
|
.operationNumber(
|
col
|
.value,
|
attr
|
.value,
|
attr
|
.operation
|
)
|
}
|
}
|
})
|
}
|
});
|
});
|
}
|
})
|
});
|
pageData.DefList = detailStyleDefList
|
$this.$set(this.pageDetail, pageIndex, pageData)
|
|
},
|
//加载正在码盘内容
|
viewAceionRow(data) {
|
// console.log(data);
|
if (JSON.stringify(data.row) == '{}') {
|
return;
|
}
|
const pageIndex = this.pageDetail.findIndex((
|
page, index2, arr) => {
|
return data.page_name == page.Name;
|
})
|
if (pageIndex < 0)
|
return
|
const pageData = this.pageDetail[pageIndex]
|
var styleStr = JSON.stringify(pageData.StyleDef);
|
|
var detailStyle = JSON.parse(styleStr);
|
if (detailStyle.form) {
|
data.row.forEach(row => {
|
detailStyle = JSON.parse(styleStr);
|
detailStyle.form.objId = row.id;
|
detailStyle.form.htmlobjId = row.id ? row.id.replace(/-/g, '')
|
.replace(
|
'{', '').replace('}',
|
'') : 'null';
|
detailStyle.form.attrs = row.attrs;
|
row.attrs.forEach(attr => {
|
detailStyle.form.items.forEach(ele => {
|
if (ele.name != 'Layout') {
|
if (ele.fieldId == attr.attr) ele
|
.value =
|
attr.value;
|
} else if (ele.name == 'Layout') {
|
ele.setting.colList.forEach(
|
col => {
|
if (col) {
|
if (col.fieldId ==
|
attr
|
.attr) col
|
.value = attr
|
.value;
|
}
|
});
|
}
|
});
|
});
|
|
pageData.DefList.push(detailStyle);
|
this.$set(this.pageDetail, pageIndex, pageData)
|
|
});
|
}
|
},
|
//加载已码盘内容
|
viewAceionContent(data) {
|
var $this = this;
|
const pageIndex = $this.pageDetail.findIndex((
|
page, index2, arr) => {
|
return data.page_name == page.Name;
|
})
|
if (pageIndex < 0)
|
return
|
const pageData = $this.pageDetail[pageIndex]
|
|
pageData.ExtData = data.ext_data || {}
|
|
if (JSON.stringify(data.content) == '{}') {
|
return;
|
}
|
var styleStr = JSON.stringify(pageData.StyleDef);
|
var detailStyle = JSON.parse(styleStr);
|
if (detailStyle.form) {
|
data.content.forEach(cont => {
|
detailStyle = JSON.parse(styleStr);
|
detailStyle.SelBut_Checked = data.checkbox ?? true;
|
|
detailStyle.form.objId = cont.id;
|
detailStyle.form.htmlobjId = cont.id ? cont.id.replace(/-/g,
|
'')
|
.replace('{', '').replace('}',
|
'') : 'null';
|
detailStyle.form.attrs = cont.attrs;
|
cont.attrs.forEach(attr => {
|
detailStyle.form.items.forEach(ele => {
|
if (ele.name != 'Layout') {
|
if (ele.fieldId == attr.attr) ele
|
.value =
|
attr.value;
|
} else if (ele.name == 'Layout') {
|
ele.setting.colList.forEach(
|
col => {
|
if (col) {
|
if (col.fieldId ==
|
attr
|
.attr) col
|
.value = attr
|
.value;
|
}
|
});
|
}
|
});
|
});
|
//如果 clear = false 则不需要清除，根据id判断是否存在，不存在插入到页面，如果存在用新的属性覆盖
|
if (data.clear == false) {
|
var isflag = true;
|
pageData.DefList.forEach((style, index) => {
|
if (style.form.objId == detailStyle.form
|
.objId) {
|
cont.attrs.forEach(attr => {
|
style.form.items.forEach(
|
ele => {
|
if (ele.name !=
|
'Layout') {
|
if (ele
|
.fieldId ==
|
attr.attr)
|
ele
|
.value =
|
attr.value;
|
} else if (ele
|
.name ==
|
'Layout') {
|
ele.setting
|
.colList
|
.forEach(
|
col => {
|
if (
|
col
|
) {
|
if (col
|
.fieldId ==
|
attr
|
.attr
|
)
|
col
|
.value =
|
attr
|
.value;
|
}
|
});
|
}
|
});
|
});
|
isflag = false;
|
}
|
});
|
if (isflag) pageData.DefList.push(detailStyle); //待分拣
|
} else {
|
pageData.DefList.push(detailStyle); //待分拣
|
}
|
// $this.setData({pageDetail:pageD})
|
$this.$set(this.pageDetail, pageIndex, pageData)
|
|
});
|
}
|
|
},
|
setFormValues(data) {
|
const head_styledef = this.head_styledef
|
if (JSON.stringify(data) == '{}') {
|
return;
|
}
|
head_styledef.form.items.forEach(async (ele, index) => {
|
if (ele.name != "Layout") {
|
let curIndex = data.findIndex((attr, index2, arr) => {
|
return attr.attr == ele.fieldId;
|
})
|
if (curIndex > -1) {
|
const attr = data[curIndex]
|
if (ele.name ==
|
'Select' &&
|
attr
|
.choice_list
|
) {
|
const
|
dictItemList = [];
|
const
|
choiceList =
|
attr
|
.choice_list || [];
|
for (let d in
|
choiceList) {
|
const
|
val =
|
choiceList[
|
d
|
];
|
dictItemList
|
.push({
|
text: val,
|
value: val
|
});
|
}
|
ele.dict =
|
dictItemList;
|
}
|
|
ele.value =
|
attr
|
.value;
|
}
|
} else {
|
ele.setting
|
.colList
|
.forEach(
|
async (
|
col
|
) => {
|
if (
|
col) {
|
let curIndex = data.findIndex((
|
attr, index2, arr) => {
|
return attr.attr == col.fieldId;
|
})
|
if (curIndex > -1) {
|
const attr = data[curIndex]
|
if (col.name ==
|
'Select' &&
|
attr
|
.choice_list
|
) {
|
const
|
dictItemList = [];
|
const
|
choiceList =
|
attr
|
.choice_list || [];
|
for (let d in
|
choiceList) {
|
const
|
val =
|
choiceList[
|
d
|
];
|
dictItemList
|
.push({
|
text: val,
|
value: val
|
});
|
}
|
col.dict =
|
dictItemList;
|
}
|
|
col.value =
|
attr
|
.value;
|
}
|
}
|
|
})
|
|
}
|
})
|
|
this.setData({
|
head_styledef: head_styledef
|
})
|
},
|
|
onClickItem(e) { //选择页签
|
// console.log(e);
|
this.current = e.currentIndex
|
},
|
onDetail1EnterChange(item) { //码盘中样式回车事件
|
console.log(item);
|
},
|
delItem(pageData, index) { //删除码盘中样式面板
|
|
//删除码盘中样式面板
|
this.Before_Del_Event = pageData.Before_Delete;
|
this.After_Del_Event = pageData.After_Delete;
|
const style = pageData.DefList[index];
|
//删除码盘中样式面板
|
pageData.DefList.splice(index, 1);
|
if (this.Before_Del_Event?.ID)
|
//是否有删除前事件
|
this.del(pageData, style, this.Before_Del_Event);
|
else if (this.After_Del_Event?.ID)
|
//是否有删除后事件
|
this.del(pageData, style, this.After_Del_Event);
|
},
|
async del(pageData, style, event) {
|
//获取表头属性
|
var head_attr = {};
|
this.$data.head_styledef.form.items.forEach(item => {
|
if (item.name == "Layout") { //判断是否是栅栏格式
|
item.setting.colList.forEach(cols => {
|
if (cols != null) head_attr[cols.fieldId] =
|
cols.value;
|
});
|
} else
|
head_attr[item.fieldId] = item.value;
|
});
|
// console.log(head_attr);
|
//获取正在分拣属性
|
var detailAttrList = [];
|
var detail_attr = {};
|
style.form.items.forEach(item => {
|
if (item.name == "Layout") { //判断是否是栅栏格式
|
item.setting.colList.forEach(cols => {
|
if (cols != null) detail_attr[cols
|
.fieldId] = cols
|
.value;
|
});
|
} else
|
detail_attr[item.fieldId] = item.value;
|
});
|
|
detail_attr['id'] = style.form.objId;
|
if (pageData.Select_Button == true) { //判断选择按钮是否为true
|
if (style.SelBut_Checked == true)
|
detailAttrList.push(detail_attr);
|
} else
|
detailAttrList.push(detail_attr);
|
|
// console.log(detailAttrList);
|
//获取正在分拣里没有显示的字段
|
style.form.attrs.forEach(attr => {
|
for (var key in detailAttrList) {
|
if (style.form.objId == detailAttrList[key]['id']) {
|
var keys = Object.keys(detailAttrList[key]);
|
var isflag = true;
|
keys.forEach((ele) => {
|
if (ele == attr.attr) isflag = false;
|
});
|
if (isflag) {
|
detailAttrList[attr.attr] = attr.value;
|
}
|
}
|
}
|
});
|
var input_param = Base64.encode(
|
JSON.stringify(
|
Object.keys(head_attr).map((a) => ({
|
attr: a,
|
value: head_attr[a] || "",
|
}))
|
)
|
);
|
var jsonlist = [];
|
detailAttrList.forEach(attr => {
|
jsonlist.push({
|
id: attr["id"] || "",
|
attrs: Object.keys(attr).map((a) => ({
|
attr: a,
|
value: attr[a] || "",
|
})).filter((a) => {
|
return a.attr != "id"
|
})
|
});
|
});
|
if (jsonlist.length == 0) {
|
uni.showModal({
|
title: this.translateSys("tip"),
|
content: this.translate("tip_no_select_data"),
|
showCancel: false,
|
confirmText: this.translateSys("cancel")
|
});
|
return;
|
}
|
// console.log(jsonlist);
|
const list = []
|
list.push({
|
page_name: pageData.Name,
|
item_list: jsonlist,
|
ext_data: pageData.ExtData
|
})
|
$this.runCustomEvent(pageData, event, input_param, list);
|
},
|
|
onPanelClick(value, id) {
|
// console.log(value);
|
this.active_id = id;
|
},
|
//确定
|
ok(pageData) {
|
this.Before_OK_Event = pageData.Before_ok;
|
this.After_OK_Event = pageData.After_ok;
|
// console.log(this.Before_OK_Event);
|
// console.log(this.After_OK_Event);
|
if (this.$data.Before_OK_Event.ID) //是否有确定前事件
|
this.sava(pageData, this.$data.Before_OK_Event);
|
else if (this.$data.After_OK_Event.ID) //是否有确定后事件
|
this.sava(pageData, this.$data.After_OK_Event);
|
},
|
sava(pageData, event) {
|
var $this = this;
|
if (pageData.DefList.length == 0) {
|
uni.showModal({
|
title: this.translateSys("tip"),
|
content: this.translate(
|
"tip_no_data_first") +
|
this.translateSys(
|
"quotation_mark_left") + pageData.Name + this
|
.translateSys(
|
"quotation_mark_right") +
|
this.translate(
|
"tip_no_data_last"),
|
showCancel: false,
|
confirmText: this.translateSys("cancel")
|
});
|
return false;
|
}
|
//获取表头属性
|
pageData.okLoading = true
|
var head_attr = {};
|
this.$data.head_styledef.form.items.forEach(item => {
|
if (item.name == "Layout") { //判断是否是栅栏格式
|
item.setting.colList.forEach(cols => {
|
if (cols != null) head_attr[cols.fieldId] =
|
cols.value;
|
});
|
} else
|
head_attr[item.fieldId] = item.value;
|
});
|
// console.log(head_attr);
|
//获取正在码盘属性
|
var detailAttrList = [];
|
pageData.DefList.forEach(style => {
|
var detail_attr = {};
|
style.form.items.forEach(item => {
|
if (item.name == "Layout") { //判断是否是栅栏格式
|
item.setting.colList.forEach(cols => {
|
if (cols != null) detail_attr[
|
cols
|
.fieldId] = cols.value;
|
});
|
} else
|
detail_attr[item.fieldId] = item.value;
|
});
|
|
detail_attr['id'] = style.form.objId;
|
if (pageData.Select_Button ==
|
true) { //判断选择按钮是否为true
|
if (style.SelBut_Checked == true)
|
detailAttrList.push(detail_attr);
|
} else
|
detailAttrList.push(detail_attr);
|
});
|
// console.log(detailAttrList);
|
//获取正在码盘里没有显示的字段
|
pageData.DefList.forEach(style => {
|
style.form.attrs.forEach(attr => {
|
for (var key in detailAttrList) {
|
if (style.form.objId == detailAttrList[key]
|
[
|
'id'
|
]) {
|
var keys = Object.keys(detailAttrList[
|
key]);
|
var isflag = true;
|
keys.forEach((ele) => {
|
if (ele == attr.attr)
|
isflag =
|
false;
|
});
|
if (isflag) {
|
detailAttrList[attr.attr] = attr
|
.value;
|
}
|
}
|
}
|
});
|
});
|
// console.log(detailAttrList);
|
// return;
|
var input_param = Base64.encode(
|
JSON.stringify(
|
Object.keys(head_attr).map((a) => ({
|
attr: a,
|
value: head_attr[a] || "",
|
}))
|
)
|
);
|
var jsonlist = [];
|
detailAttrList.forEach(attr => {
|
jsonlist.push({
|
id: attr["id"] || "",
|
attrs: Object.keys(attr).map((a) => ({
|
attr: a,
|
value: attr[a] || "",
|
}))
|
});
|
});
|
if (jsonlist.length == 0) {
|
pageData.okLoading = false
|
uni.showModal({
|
title: this.translateSys("tip"),
|
content: this.translate("tip_no_select_data"),
|
showCancel: false,
|
confirmText: this.translateSys("cancel")
|
});
|
return;
|
}
|
const list = []
|
list.push({
|
page_name: pageData.Name,
|
item_list: jsonlist,
|
ext_data: pageData.ExtData
|
})
|
// console.log(jsonlist);
|
$this.runCustomEvent(pageData, event, input_param, list);
|
// jsonlist.forEach(async (json,key)=>{
|
// await $this.runCustomEvent(event,input_param,json,'1');
|
// });
|
},
|
//执行确定脚本
|
async runCustomEvent(pageParam, event, input_param, json, type) {
|
var $this = this;
|
var data_json = Base64.encode(
|
JSON.stringify(json)
|
);
|
var dataInfo = {
|
ed_type: 0,
|
start_transaction: true,
|
class_id: this.$data.ClsID,
|
class_name: '',
|
event_id: event.ID,
|
event_name: '',
|
data_obj_id: '',
|
obj_attr: '',
|
prj_id: '',
|
ref_cls_id: '',
|
rel_obj_id: '',
|
user_login: '',
|
data_json: data_json,
|
compose_info: '',
|
ext_info: '',
|
global_attr: '',
|
input_param: input_param,
|
};
|
|
// console.log(dataInfo);
|
runCustomEvent(dataInfo).then(result => {
|
console.log(result);
|
if (result.ret != 0) {
|
var tip = result.err_info ? typeof result
|
.err_info == 'string' ? result.err_info :
|
result.err_info.join('<br/>') : '';
|
if (result.ret == 801) {
|
if (this.param.Only_Script_Error) {
|
let pos = tip.indexOf("：");
|
if (pos > -1) tip = tip.substring(pos +
|
1);
|
}
|
uni.showModal({
|
title: this.translateSys(
|
"tip"),
|
content: tip,
|
showCancel: false,
|
confirmText: this.translateSys(
|
"cancel")
|
});
|
} else uni.showModal({
|
title: this.translateSys('tip'),
|
content: tip + ',' + this
|
.translateSys('tip') + ':' +
|
result.ret,
|
showCancel: false,
|
confirmText: this.translateSys(
|
"cancel")
|
});
|
return false;
|
} else {
|
var tip = result.info ? typeof result.info ==
|
'string' ? result.info : result.info
|
.join('<br/>') : '';
|
if (tip) uni.showModal({
|
title: this.translateSys('tip'),
|
content: tip,
|
showCancel: false,
|
confirmText: this.translateSys(
|
"cancel")
|
});
|
if (result.result_type == 0) {
|
if (result.action) {
|
// uni.showModal({title:this.translateSys("tip"),content:JSON.stringify(result.action),showCancel:false,confirmText:this.translateSys("cancel")});
|
|
result.action.forEach(item => {
|
if (item.action_type ==
|
"insert_subtable_page_row"
|
) { //码盘中
|
var value = item.value;
|
//加载已经码盘数据
|
$this.viewAceionRow(
|
value, );
|
//清空条码内容
|
$this.$data
|
.head_styledef
|
.form.items
|
.forEach((
|
item,
|
index) => {
|
if (item
|
.fieldId !=
|
"S_CNTR_CODE"
|
) {
|
item.value =
|
'';
|
item.oldvalue =
|
'';
|
$this
|
.$data
|
.head_styledef
|
.form
|
.model[
|
item
|
.fieldId
|
] =
|
'';
|
}
|
});
|
|
uni.showModal({
|
title: this
|
.translateSys(
|
"tip"
|
),
|
content: this
|
.translate(
|
'execute_event_success'
|
),
|
showCancel: false,
|
confirmText: this
|
.translateSys(
|
"cancel"
|
)
|
});
|
} else if (item.action_type ==
|
"set_subtable_page_content"
|
) { //已码盘
|
$this.$data.param
|
.Show_Welcom_Page =
|
false;
|
var value = item.value;
|
const pageData = $this
|
.pageDetail.find((
|
page) => {
|
return value
|
.page_name ==
|
page.Name;
|
});
|
if (value.clear_confirm !=
|
false && value.clear ==
|
true &&
|
pageData && pageData
|
.DefList.length > 0
|
) { //判断是否清空页签内容,正在码盘是否有数据
|
uni.showModal({
|
title: this
|
.translateSys(
|
'tip'
|
),
|
content: this
|
.translate(
|
"are_you_sure_clear_first"
|
) +
|
this
|
.translateSys(
|
"quotation_mark_left"
|
) +
|
value
|
.page_name +
|
this
|
.translateSys(
|
"quotation_mark_right"
|
) +
|
this
|
.translate(
|
"are_you_sure_clear_last"
|
),
|
success: function(
|
res
|
) {
|
if (res
|
.confirm
|
) {
|
if (
|
pageData
|
)
|
pageData
|
.DefList = [];
|
$this
|
.viewAceionContent(
|
value
|
);
|
} else if (
|
res
|
.cancel
|
) {
|
if (
|
pageData
|
)
|
pageData
|
.DefList = [];
|
$this
|
.viewAceionContent(
|
value
|
);
|
}
|
}
|
});
|
} else {
|
if (pageData)
|
pageData
|
.DefList = [];
|
$this
|
.viewAceionContent(
|
value);
|
}
|
} else if (item
|
.action_type ==
|
"remove_subtable_page_row"
|
) { //清除面板中指定id的数据
|
var value = item.value;
|
const pageData = $this
|
.pageDetail.find((
|
page) => {
|
return value
|
.page_name ==
|
page
|
.Name;
|
});
|
if (pageData
|
?.DefList
|
) { //判断返回的action的page_name是否是待分拣
|
//清除面板中指定id的数据
|
value.row.forEach(
|
row => {
|
pageData
|
.DefList
|
.forEach(
|
(
|
ele,
|
index
|
) => {
|
if (ele
|
.form
|
.objId ==
|
row
|
.id
|
) {
|
pageData
|
.DefList
|
.splice(
|
index,
|
1
|
);
|
}
|
}
|
);
|
});
|
}
|
} else if (item
|
.action_type ==
|
"set_subtable_page_row"
|
) {
|
$this.viewActionSetRow(
|
item
|
.value)
|
|
} else if (item
|
.action_type ==
|
"set_subtable_page_ext_data"
|
) {
|
var value = item.value;
|
const pageData = $this
|
.pageDetail.find((
|
page) => {
|
return value
|
.page_name ==
|
page
|
.Name;
|
});
|
if (pageData) {
|
pageData.ExtData =
|
value
|
.ext_data
|
}
|
|
} else if (item
|
.action_type ==
|
"clear_subpage_rows") {
|
var value = item.value;
|
const pageData = $this
|
.pageDetail.find((
|
page) => {
|
return value
|
.page_name ==
|
page
|
.Name;
|
});
|
if (pageData) {
|
pageData
|
.DefList = []
|
pageData
|
.ExtData = {}
|
}
|
} else if (item
|
.action_type ==
|
"set_dlg_current_edit_attr"
|
) {
|
if ($this
|
.focusOldFieldId ==
|
item.value)
|
$this.setData({
|
focusFieldId: ""
|
})
|
else {
|
$this.setData({
|
focusFieldId: $this
|
.focusOldFieldId
|
})
|
}
|
$this.$nextTick(() => {
|
$this
|
.setData({
|
focusFieldId: item
|
.value
|
})
|
});
|
} else if (item.action_type ==
|
"set_dlg_attr") {
|
// value = {"attr":"xxx", "value":"xxx"}
|
var data = item.value;
|
$this.setFormValues(data)
|
}
|
|
});
|
} else {
|
if ($this.$data.After_OK_Event.ID !=
|
event
|
.ID) { //判断当前事件是否是确定后事件
|
|
$this.sava(pageParam, $this.$data
|
.After_OK_Event); //执行确定后事件
|
|
}
|
}
|
} else {
|
|
if (result.info) {
|
uni.showModal({
|
title: this.translateSys(
|
"tip"),
|
content: result.info,
|
showCancel: false,
|
confirmText: this
|
.translateSys("cancel")
|
});
|
}
|
}
|
}
|
|
pageParam.okLoading = false
|
}).catch(ex => {
|
pageParam.okLoading = false
|
let tip = typeof ex.errMsg == "string" ? ex.errMsg : ex
|
uni.showModal({
|
title: this.translateSys("error") + "8.1",
|
content: this.translate(
|
"execute_after_ok_event_failed") +
|
this.translateSys(
|
"comma") +
|
tip,
|
showCancel: false,
|
confirmText: this.translateSys("cancel")
|
});
|
});
|
},
|
|
cancel(e) { //取消
|
uni.navigateBack({
|
delta: 1 //返回层数，2则上上页
|
});
|
},
|
translate(t) {
|
if (typeof this.$t == "function") return this.$t(`page.${t}`)
|
else return t;
|
},
|
translateSys(t) {
|
if (typeof this.$t == "function") return this.$t(`sys.${t}`)
|
else return t;
|
},
|
},
|
};
|
</script>
|
|
<style lang="scss">
|
.uni-page-modal-5601 {
|
|
display: flex;
|
height: calc(100vh - 30rpx);
|
width: 720rpx;
|
flex-direction: column !important;
|
padding: 15rpx;
|
|
.view-header {
|
display: flex;
|
width: 100%;
|
flex-direction: column;
|
}
|
|
.v-head-style {
|
width: 98%;
|
|
.uni-forms-item {
|
margin-bottom: 11rpx;
|
}
|
|
.input-wrapper {
|
border: 1px solid #d5d5d5;
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
|
.uni-input {
|
flex: 1;
|
padding: 12rpx 8rpx;
|
color: #2d8cf0;
|
// height: 40rpx;
|
// line-height: 40rpx;
|
}
|
|
.uni-icon {
|
padding: 8rpx;
|
font-size: 32rpx;
|
color: rgb(192, 196, 204);
|
}
|
}
|
|
.input-wrapper:hover {
|
border: 1px solid rgb(41, 121, 255);
|
}
|
}
|
|
.view-content {
|
display: flex;
|
flex: 1;
|
width: 100%;
|
flex-direction: column;
|
min-height: 100px;
|
}
|
|
.dv-tab {
|
width: calc(100% - 30rpx);
|
padding: 0 15rpx;
|
}
|
|
.view-tabpage {
|
width: 100%;
|
flex: 1;
|
}
|
|
.view-tab-content {
|
display: flex;
|
flex: 1;
|
width: calc(100% - 30rpx);
|
padding: 10rpx 15rpx;
|
flex-direction: column;
|
overflow-y: auto;
|
|
}
|
|
.uni-panel-content {
|
display: flex;
|
width: 100%;
|
height: 100%;
|
flex-direction: column !important;
|
}
|
|
.view-bottom {
|
display: flex;
|
flex-direction: row;
|
width: calc(100% - 30rpx);
|
padding: 10rpx 15rpx 30rpx 15rpx;
|
}
|
|
|
|
|
[nvue] uni-view {
|
position: relative;
|
border: 0 solid #000;
|
box-sizing: border-box;
|
}
|
|
.uni-icon {
|
/* border: 1px solid red; */
|
width: 8%;
|
font-family: uniicons;
|
font-size: 40rpx;
|
font-weight: 400;
|
font-style: normal;
|
/* width: 48rpx; */
|
height: 48rpx;
|
line-height: 48rpx;
|
color: #2d8cf0;
|
cursor: pointer;
|
display: inline-block;
|
vertical-align: 18rpx;
|
}
|
|
.dv-panel {
|
background-color: #efefef;
|
padding: 20rpx 20rpx 4rpx 0px;
|
border-radius: 12rpx;
|
margin: 10rpx 0 20rpx 0;
|
text-align: right;
|
|
.txt_title {
|
font-size: 28rpx;
|
text-align: right;
|
display: inline-block;
|
}
|
|
input {
|
vertical-align: middle;
|
display: inline-block;
|
border: 1px solid #d5d5d5;
|
width: 68%;
|
height: 48rpx;
|
line-height: 28rpx;
|
background: #FFF;
|
border-radius: 7px !important;
|
color: #2d8cf0;
|
padding: 6rpx 8rpx 8rpx;
|
font-size: 28rpx;
|
font-family: inherit;
|
box-shadow: none !important;
|
transition-duration: 0.1s;
|
margin-top: 0rpx;
|
}
|
|
input::-webkit-input-placeholder {
|
font-size: 10rpx;
|
}
|
|
.form-item-span {
|
vertical-align: text-top;
|
color: #2d8cf0;
|
white-space: normal;
|
word-break: break-all;
|
display: inline-block;
|
width: calc(100% - 100px);
|
}
|
|
.dv-panel-button {
|
width: 100%;
|
text-align: left;
|
padding-bottom: 20rpx;
|
|
checkbox {
|
padding-left: 20px;
|
display: inline-block;
|
}
|
|
button {
|
text-align: left;
|
line-height: 1.8;
|
border: none;
|
font-size: 34rpx;
|
width: 180rpx;
|
display: inline-block;
|
float: right;
|
text-align: center;
|
|
.btn_cancel {
|
width: 49.5%;
|
padding: 20rpx;
|
line-height: 1.5;
|
border: none;
|
font-size: 38rpx;
|
font-weight: bold;
|
float: left;
|
display: inline-block;
|
}
|
|
.btn_add {
|
width: 49.5%;
|
|
padding: 20rpx;
|
line-height: 1.5;
|
border: none;
|
font-size: 38rpx;
|
font-weight: bold;
|
float: right;
|
color: #fff;
|
display: inline-block;
|
}
|
|
.btn_disabled {
|
background-color: #ddd;
|
color: #888;
|
}
|
|
|
}
|
}
|
|
}
|
|
.dv-panel-input {
|
width: 100%;
|
display: inline-block;
|
text-align: left;
|
|
.dv-input {
|
margin-bottom: 2rpx;
|
}
|
}
|
|
.logo {
|
height: 100rpx;
|
width: 460rpx;
|
display: flex;
|
margin: 38% auto;
|
}
|
|
.dv-border {
|
border: 1px solid red;
|
}
|
|
.view-imagetext {
|
text-align: center;
|
width: calc(100% - 80rpx);
|
padding: 20rpx 40rpx 0px 40rpx;
|
height: calc(100% - 30rpx);
|
overflow: hidden;
|
}
|
|
.view-imagetext .view-imagetext-uploadlist {
|
padding: 30rpx 0px 10rpx 0px;
|
vertical-align: middle;
|
display: inline-block;
|
width: 100%;
|
height: 100%;
|
text-align: center;
|
line-height: 100%;
|
border: 2rpx solid transparent;
|
border-radius: 8rpx;
|
overflow: hidden;
|
background: #fff;
|
position: relative;
|
}
|
|
.view-imagetext .txt-text {
|
display: block;
|
margin: 20rpx;
|
font-weight: bold;
|
}
|
|
.view-detalist-centen {
|
text-align: center;
|
width: 100%;
|
}
|
|
.view-detalist-centen .txt-detalist {
|
background: #94D5EF;
|
display: block;
|
width: 100%;
|
font-size: 36rpx;
|
line-height: 80rpx;
|
font-weight: 500;
|
}
|
|
.panel-active {
|
border: 2px solid red;
|
}
|
|
.bk-active {
|
background-color: #D6FCB2;
|
}
|
|
.dv_select {
|
display: inline-block;
|
width: 66%;
|
background: #FFF;
|
border-radius: 0 !important;
|
color: #2d8cf0;
|
/* padding: 10rpx 8rpx 12rpx; */
|
font-size: 34rpx;
|
font-family: inherit;
|
box-shadow: none !important;
|
transition-duration: 0.1s;
|
margin-top: 0rpx;
|
vertical-align: 20rpx;
|
|
.uni-select {
|
border: 2rpx solid #ccc;
|
border-radius: 0 !important;
|
color: #2d8cf0;
|
}
|
|
.uni-select__input-text {
|
color: #2d8cf0;
|
}
|
|
}
|
|
|
.input-disabled {
|
background-color: #f3f3f3 !important;
|
}
|
|
.demo-uni-row {
|
margin-bottom: 0px;
|
display: block;
|
|
.uni-input {
|
width: calc(100% - 120px);
|
}
|
}
|
|
::v-deep .uni-row {
|
margin-bottom: 0px;
|
}
|
|
.view-tabpage ::v-deep .uni-row {
|
margin-bottom: 5px;
|
}
|
|
.demo-uni-col {
|
height: 36px;
|
border-radius: 5px;
|
}
|
|
|
|
}
|
</style>
|
