<style>
|
.v-headStyle{
|
/* border: 1px solid red; */
|
}
|
.v-headStyle:first-child{
|
margin-top: 15rpx;
|
}
|
.v-headStyle .txt_title{
|
font-size: 34rpx;
|
text-align: right;
|
display: inline-block;
|
vertical-align: 12px;
|
}
|
.v-headStyle input{
|
display: inline-block;
|
/* border: 1px solid #d5d5d5; */
|
/* width: 65%; */
|
width: 85%;
|
height: 52rpx;
|
line-height: 34rpx;
|
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: 4rpx;
|
}
|
.v-headStyle input::-webkit-input-placeholder {
|
font-size: 12rpx;
|
}
|
.input-wrapper{
|
border: 1px solid #d5d5d5;
|
display: inline-block;
|
width: 65%;
|
line-height: 22rpx;
|
}
|
[nvue] uni-view {
|
position: relative;
|
border: 0 solid #000;
|
box-sizing: border-box;
|
}
|
|
.uni-input {
|
/* border: none; */
|
}
|
.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;
|
}
|
|
|
.view-content{
|
min-height: 700rpx;
|
/* border:1px solid red; */
|
}
|
.dv-panel{
|
/* padding: 10rpx 20rpx 4rpx 0px; */
|
border-radius: 12rpx;
|
/* margin-bottom: 20rpx; */
|
text-align: right;
|
}
|
.dv-panel:first-child{
|
padding-top: 10rpx;
|
}
|
.dv-panel-input{
|
width: 100%;
|
display: inline-block;
|
text-align: left;
|
}
|
.dv-panel .txt_title{
|
font-size: 34rpx;
|
text-align: right;
|
display: inline-block;
|
vertical-align: 12px;
|
}
|
|
.dv-panel input{
|
/* vertical-align: middle; */
|
display: inline-block;
|
border: 1px solid #d5d5d5;
|
width: 68%;
|
height: 52rpx;
|
line-height: 34rpx;
|
background: #FFF;
|
border-radius: 7px !important;
|
color: #2d8cf0;
|
padding: 6rpx 8rpx 8rpx;
|
font-size: 32rpx;
|
font-family: inherit;
|
box-shadow: none !important;
|
transition-duration: 0.1s;
|
margin-top: 0rpx;
|
}
|
.dv-panel input::-webkit-input-placeholder {
|
font-size: 10rpx;
|
}
|
.input-disabled{
|
background-color: #f3f3f3 !important;
|
}
|
.dv-panel .form-item-span{
|
vertical-align:top;
|
color: #2d8cf0;
|
white-space: normal;
|
word-break: break-all;
|
display: inline-block;
|
width: calc(100% - 100px);
|
/* border: 1rpx solid red; */
|
}
|
button.btn_cancel {
|
width:49.5%;
|
margin-top: 50rpx;
|
padding: 20rpx;
|
line-height: 1.5;
|
border: none;
|
font-size: 38rpx;
|
font-weight: bold;
|
float: left;
|
display: inline-block;
|
}
|
button.btn_add {
|
width:49.5%;
|
margin-top: 50rpx;
|
padding: 20rpx;
|
line-height: 1.5;
|
border: none;
|
font-size: 38rpx;
|
font-weight: bold;
|
float: right;
|
display: inline-block;
|
}
|
#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: 10px;
|
}
|
#dv_select .uni-select{
|
border: 1px solid #ccc;
|
border-radius: 0 !important;
|
color: #2d8cf0;
|
}
|
#dv_select .uni-select__input-text{
|
color: #2d8cf0;
|
}
|
|
.panel_title{
|
font-size: 38rpx;
|
background-color: #27A6E1;
|
line-height: 80rpx;
|
color: #fff;
|
text-align: center;
|
font-weight: bold;
|
}
|
.v-panel{
|
min-height:770rpx;
|
}
|
.v-panellist{
|
background-color:#efefef;
|
border:4rpx solid #aaa;
|
border-radius: 10rpx;
|
margin: 10rpx 10rpx 0rpx 20rpx;
|
}
|
.v-paneldel{
|
text-align: right;
|
}
|
.panel_del{
|
font-size: 44rpx;
|
text-decoration: initial;
|
margin-top: 10rpx;
|
margin-right: 20rpx;
|
}
|
button.btn_add {
|
width:49.5%;
|
margin-top: 50rpx;
|
padding: 20rpx;
|
line-height: 1.5;
|
background: #27A6E1;
|
border: none;
|
color: #fff;
|
font-size: 38rpx;
|
font-weight: bold;
|
float: right;
|
display: inline-block;
|
}
|
button.btn_cancel {
|
width:49.5%;
|
margin-top: 50rpx;
|
padding: 20rpx;
|
line-height: 1.5;
|
background: #27A6E1;
|
border: none;
|
color: #fff;
|
font-size: 38rpx;
|
font-weight: bold;
|
float: left;
|
display: inline-block;
|
}
|
button.btn_sava {
|
width:100%;
|
margin-top: 50rpx;
|
padding: 20rpx;
|
line-height: 1.5;
|
background: #27A6E1;
|
border: none;
|
color: #fff;
|
font-size: 38rpx;
|
font-weight: bold;
|
float: left;
|
display: inline-block;
|
}
|
.class_attr_body .form-group {
|
margin: 20rpx 30rpx;
|
/* margin-left: -12px;
|
margin-right: -12px; */
|
}
|
.subclass_attr_body .form-group {
|
margin: 20rpx 10rpx;
|
/* margin-left: -12px;
|
margin-right: -12px; */
|
}
|
.form-group > label[class*="col-"] {
|
margin-bottom: 8rpx;
|
font-size: 32rpx;
|
}
|
.form-group label {
|
vertical-align: middle;
|
line-height: 60rpx;
|
}
|
.tx_title2{
|
font-size: 32rpx;
|
text-align: right;
|
display: inline-block;
|
vertical-align: -2px;
|
}
|
.attr_field{
|
display: inline-block;
|
vertical-align: middle;
|
margin-left: 8px;
|
/* width: 71%; */
|
}
|
.text-right2 {
|
margin: 0;
|
vertical-align: -4px;
|
margin-left: 9px;
|
float: none;
|
font-size: 44rpx;
|
display: inline-block;
|
}
|
input::-webkit-input-placeholder {
|
font-size: 12rpx;
|
}
|
.v-panel input{
|
border: 1px solid #d5d5d5;
|
width: 98%;
|
height: 52rpx;
|
background: #FFF;
|
border-radius: 0 !important;
|
color: #046db3;
|
padding: 10rpx 8rpx 12rpx;
|
font-size: 34rpx;
|
font-family: inherit;
|
box-shadow: none !important;
|
transition-duration: 0.1s;
|
margin-top: 4rpx;
|
}
|
.date_iput{
|
/* border: 1px solid #d5d5d5; */
|
/* width: 98%; */
|
height: 62rpx;
|
background: #FFF;
|
border-radius: 0 !important;
|
color: #046db3;
|
padding: 10rpx 8rpx 4rpx;
|
font-size: 34rpx;
|
font-family: inherit;
|
box-shadow: none !important;
|
transition-duration: 0.1s;
|
}
|
.dv_input{
|
display: inline-block;
|
width: 65%;
|
/* line-height: 22rpx; */
|
}
|
.view-popup{
|
position:relative;
|
}
|
.popup-content {
|
@include flex;
|
align-items: center;
|
justify-content: center;
|
padding: 30rpx;
|
background-color: #fff;
|
/* height: 150px; */
|
/* border: 1px solid red; */
|
}
|
.popup-cont {
|
overflow-y: auto;
|
/* border: 1px solid red; */
|
}
|
.popup-height {
|
@include height;
|
/* width: 200px; */
|
}
|
.popup-header{
|
font-size: 42rpx;
|
font-weight: bold;
|
margin:20rpx 20rpx 0px 20rpx;
|
}
|
.view_popup_CheckList{
|
margin-bottom: 20rpx;
|
}
|
.popup-footer{
|
float: right;
|
position:absolute;
|
bottom:0;
|
right:20rpx;
|
}
|
button.btn_popup_add {
|
width:180rpx;
|
margin-top: 50rpx;
|
margin-right: 20rpx;
|
padding: 15rpx;
|
line-height: 1.5;
|
background: #27A6E1;
|
border: none;
|
color: #fff;
|
font-size: 38rpx;
|
font-weight: bold;
|
/* float: left; */
|
display: inline-block;
|
}
|
button.btn_popup_cancel {
|
width:180rpx;
|
margin-top: 50rpx;
|
padding: 15rpx;
|
line-height: 1.5;
|
background: #27A6E1;
|
border: none;
|
color: #fff;
|
font-size: 38rpx;
|
font-weight: bold;
|
/* float: right; */
|
display: inline-block;
|
}
|
.bk-active{
|
background-color: #D6FCB2;
|
border: 1px solid #D6FCB2;
|
}
|
.view-floor{
|
padding: 0 20rpx;
|
}
|
</style>
|
<style lang="scss">
|
.demo-uni-row {
|
margin-bottom: 0px;
|
display: block;
|
}
|
::v-deep .uni-row {
|
margin-bottom: 0px;
|
}
|
.view-tabpage ::v-deep .uni-row {
|
margin-bottom: 5px;
|
}
|
.demo-uni-col {
|
height: 36px;
|
border-radius: 5px;
|
}
|
.demo-uni-row .uni-input{
|
width: calc(100% - 120px);
|
}
|
.text {
|
font-size: 12px;
|
color: #666;
|
margin-top: 5px;
|
}
|
// .uni-px-5 {
|
// margin: 0;
|
// display: inline-block;
|
// margin: 0;
|
// font-size: 14px;
|
// }
|
// .uni-select{
|
// border: 1px solid #ccc;
|
// border-radius: 0;
|
// }
|
// .uni-section-content{
|
// display: inline-block;
|
// width: 100px;
|
// border: 1px solid red;
|
// }
|
</style>
|
|
|
<template>
|
<view class="content">
|
<!-- 表头样式 -->
|
<view class="v-headStyle" v-for="(item,index) in head_styledef.form.items" >
|
<text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}：</text>
|
<!-- 下拉框-单选 item.useDict?item.dict:item.selections-->
|
<uni-data-select id="dv_select" v-if="item.name=='Select'"
|
:class="item.disabled?'input-disabled':''"
|
v-model="item.value"
|
:localdata="item.dict"
|
@change="onchange(item)"
|
:disabled="item.disabled"
|
:clear="false"
|
></uni-data-select>
|
<!-- 下拉框-多选 -->
|
<!-- <select-cy v-else-if="attr.select==true" :value="item.value"
|
:name="item.fieldId"
|
:options="item.dict"
|
showClearIcon="true"
|
@change="onchange2"
|
:data-index="index"
|
:disabled="item.disabled"
|
></select-cy> -->
|
<!-- 文本框/数字框 -->
|
<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]"
|
@change="onchange(item)"></text>
|
<input class="uni-input" :class="item.disabled?'input-disabled':''"
|
:type="item.name=='Input'?'text':item.name=='InputNumber'?'number':'text'"
|
v-model="item.value"
|
:disabled="item.disabled"
|
:placeholder="item.placeholder"
|
:style="{'width':item.setting.prefix && item.setting.suffix?'78%':item.setting.prefix || item.setting.suffix?'87%':'96%'}"
|
:focus="focusMateria"
|
@focus="ontap(item)"
|
@blur="onevent(item)"
|
/>
|
<text v-if="item.setting.suffix"
|
class="uni-icon"
|
:class="[item.setting.suffix]"
|
@click="onchange(item)"></text>
|
</view>
|
<!-- 多行文本 -->
|
<view class="input-wrapper" v-if="item.name=='Textarea'">
|
<textarea class="uni-input" :class="item.disabled?'input-disabled':''" :value="item.value"
|
:placeholder="item.placeholder"
|
@blur="onModelValue(item)"
|
:data-index="index"
|
style="height:60px;"
|
:style="{'width':'96%'}"
|
:disabled="item.disabled"
|
></textarea>
|
|
</view>
|
<!-- 复选框 -->
|
<checkbox-group class="check_rememberPwd" v-if="item.name=='Checkbox'"
|
:class="item.disabled?'input-disabled':''"
|
@change="onModelValue(item)"
|
:disabled="item.disabled"
|
:data-ischeck="item.value"
|
:style="{'margin-left':'10rpx'}">
|
<label>
|
<checkbox :value="item.value" :checked="item.value"/>
|
<text>{{item.label}}</text>
|
</label>
|
</checkbox-group>
|
<!-- Switch开关 -->
|
<switch v-if="item.name=='Switch'" :class="item.disabled?'input-disabled':''"
|
:disabled="item.disabled"
|
v-model="item.value"
|
@change="onModelValue(item)"
|
:style="{'margin-left':'10rpx'}"/>
|
<!-- 日期时间 -->
|
<view class="input-wrapper" v-if="item.name=='TimePicker' || item.name=='DatePicker'">
|
<picker mode="date" class="date_iput" :class="item.disabled?'input-disabled':''"
|
:disabled="item.disabled"
|
:value="item.value"
|
@change="onModelValue(item)"
|
>
|
<view class="picker">{{item.value}}</view>
|
</picker>
|
</view>
|
|
</view>
|
<!-- 从数据 -->
|
<view class="v-panel">
|
<div class="panel_title">{{param.Sub_Cls.Title}}</div>
|
<!-- 从数据扫码区 -->
|
<view class="v-area class_attr_body" v-if="param.Sub_Cls.Can_Add_Delete == true">
|
<h4 style="margin: 15rpx 0 0 30rpx;font-weight: bold;">新增{{param.Sub_Cls.Name }}</h4>
|
<view class="form-group">
|
<!-- 左右布局 -->
|
<p class="tx_title2" >{{param.Scan_Code.Name}}:</p>
|
<input type="text" class="attr_field" :value="scanCodeVal" @focus="scan_ontap" @blur="scan_onevent" :style="param.Scan_Code.Have_Select_Button==true?'width: '+(100-(param.Scan_Code.Name.length * 5)-14)+'%;':'width: '+(100-(param.Scan_Code.Name.length * 5)-5)+'%;'">
|
<div class="text-right2" v-if="param.Scan_Code.Have_Select_Button==true">
|
<a @tap="scan_classAttr_extButton()" ><i class="ace-icon fa" :class="param.Scan_Code.Img?param.Scan_Code.Img:'fa-plus-circle'"></i></a>
|
</div>
|
<!-- 上下布局 -->
|
<!-- <text class="tx_title">{{param.Scan_Code.Name}}：</text>
|
<div class="text-right" v-if="param.Scan_Code.Have_Select_Button==true">
|
<a @tap="ms_classAttr_extButton()"><i class="ace-icon fa" :class="param.Scan_Code.Img?param.Scan_Code.Img:'fa-plus-circle'"></i></a>
|
</div>
|
<input type="text" value="" > -->
|
</view>
|
</view>
|
|
<!-- 从数据显示详情区 -->
|
<view class="v-panellist" v-for="(subpanel,iiindex) in subPanelList"
|
@tap="onPanelClick(iiindex)"
|
:class="activelist[iiindex].active==true?'bk-active':''">
|
<view class="v-area dv-panel" v-for="(item,index) in subpanel.subClassAttr.form.items">
|
<div class="dv-panel-input">
|
<!-- 普通布局 -->
|
<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>
|
<!-- 文本框/数字框 -->
|
<view class="dv_input" v-if="(item.name=='Input' || item.name=='InputNumber') && !item.disabled">
|
<text v-if="item.setting.prefix"
|
class="uni-icon"
|
:class="[item.setting.prefix]"
|
@change="onchange(item)"></text>
|
<input class="uni-input" :class="item.disabled?'input-disabled':''"
|
:type="item.name=='Input'?'text':item.name=='InputNumber'?'number':'text'"
|
v-model="item.value"
|
:disabled="item.disabled"
|
:placeholder="item.placeholder"
|
:style="{'width':item.setting.prefix && item.setting.suffix?'78%':item.setting.prefix || item.setting.suffix?'87%':'96%'}"
|
:focus="focusMateria"
|
@focus="ontap(item)"
|
@blur="onevent(item)"
|
/>
|
<text v-if="item.setting.suffix"
|
class="uni-icon"
|
:class="[item.setting.suffix]"
|
@click="onchange(item)"></text>
|
</view>
|
<!-- 下拉框-单选 item.useDict?item.dict:item.selections-->
|
<uni-data-select id="dv_select" v-if="item.name=='Select' && !item.disabled"
|
:class="item.disabled?'input-disabled':''"
|
v-model="item.value"
|
:localdata="item.dict"
|
@change="onchange(item)"
|
:disabled="item.disabled"
|
:clear="false"
|
></uni-data-select>
|
<!-- 多行文本 -->
|
<view class="input-wrapper" v-if="item.name=='Textarea' && !item.disabled">
|
<textarea class="uni-input" :value="item.value"
|
:class="item.disabled?'input-disabled':''"
|
:placeholder="item.placeholder"
|
@blur="onModelValue(item)"
|
style="height:60px;"
|
:style="{'width':'96%'}"
|
:disabled="item.disabled"
|
></textarea>
|
</view>
|
<!-- 复选框 -->
|
<checkbox-group class="check_rememberPwd" v-if="item.name=='Checkbox'"
|
:class="item.disabled?'input-disabled':''"
|
@change="onModelValue(item)"
|
:data-ischeck="item.value"
|
:disabled="item.disabled"
|
:style="{'margin-left':'10rpx'}">
|
<label>
|
<checkbox :value="item.value" :checked="item.value"/>
|
<text>{{item.label}}</text>
|
</label>
|
</checkbox-group>
|
<!-- Switch开关 -->
|
<switch v-if="item.name=='Switch'" :class="item.disabled?'input-disabled':''"
|
:disabled="item.disabled"
|
v-model="item.value"
|
@change="onModelValue(item)"
|
:style="{'margin-left':'10rpx'}"/>
|
<!-- 日期时间 -->
|
<view class="input-wrapper" v-if="(item.name=='TimePicker' || item.name=='DatePicker') && !item.disabled">
|
<picker mode="date" class="date_iput" :class="item.disabled?'input-disabled':''"
|
:disabled="item.disabled"
|
:value="item.value"
|
@change="onModelValue(item)"
|
>
|
<view class="picker">{{item.value}}</view>
|
</picker>
|
</view>
|
</view>
|
<!-- 栅格布局 -->
|
<uni-row class="demo-uni-row" v-if="item.name=='Layout'">
|
<uni-col v-for="(cols,key) in item.setting.colList"
|
:span="item.setting.spanList?item.setting.spanList[key]:24 / item.setting.col">
|
<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>
|
<view class="dv_input" v-if="(cols.name=='Input' || cols.name=='InputNumber') && !cols.disabled">
|
<text v-if="cols.setting.prefix"
|
class="uni-icon"
|
:class="[cols.setting.prefix]"
|
@change="onchange(cols)"></text>
|
<input class="uni-input" :class="cols.disabled?'input-disabled':''"
|
:type="cols.name=='Input'?'text':cols.name=='InputNumber'?'number':'text'"
|
v-model="cols.value"
|
:disabled="cols.disabled"
|
:placeholder="cols.placeholder"
|
:style="{'width':cols.setting.prefix && cols.setting.suffix?'78%':cols.setting.prefix || cols.setting.suffix?'87%':'96%'}"
|
:focus="focusMateria"
|
@focus="ontap(cols)"
|
@blur="onevent(cols)"
|
/>
|
<text v-if="cols.setting.suffix"
|
class="uni-icon"
|
:class="[cols.setting.suffix]"
|
@click="onchange(cols)"></text>
|
</view>
|
<!-- 下拉框-单选 cols.useDict?cols.dict:cols.selections-->
|
<uni-data-select id="dv_select" v-if="cols.name=='Select' && !cols.disabled"
|
:class="cols.disabled?'input-disabled':''"
|
v-model="cols.value"
|
:localdata="cols.dict"
|
@change="onchange(cols)"
|
:disabled="cols.disabled"
|
:clear="false"
|
></uni-data-select>
|
<!-- 多行文本 -->
|
<view class="input-wrapper" v-if="cols.name=='Textarea' && !cols.disabled">
|
<textarea class="uni-input" :value="cols.value"
|
:class="cols.disabled?'input-disabled':''"
|
:placeholder="cols.placeholder"
|
@blur="onModelValue(cols)"
|
style="height:60px;"
|
:style="{'width':'96%'}"
|
:disabled="cols.disabled"
|
></textarea>
|
</view>
|
<!-- 复选框 -->
|
<checkbox-group class="check_rememberPwd" v-if="cols.name=='Checkbox'"
|
:class="cols.disabled?'input-disabled':''"
|
:disabled="item.disabled"
|
@change="onModelValue(cols)"
|
:data-ischeck="cols.value"
|
:style="{'margin-left':'10rpx'}">
|
<label>
|
<checkbox :value="cols.value" :checked="cols.value"/>
|
<text>{{cols.label}}</text>
|
</label>
|
</checkbox-group>
|
<!-- Switch开关 -->
|
<switch v-if="cols.name=='Switch'" :class="cols.disabled?'input-disabled':''"
|
:disabled="item.disabled"
|
v-model="cols.value"
|
@change="onModelValue(cols)"
|
:style="{'margin-left':'10rpx'}"/>
|
<!-- 日期时间 -->
|
<view class="input-wrapper" v-if="(cols.name=='TimePicker' || cols.name=='DatePicker') && !cols.disabled">
|
<picker mode="date" class="date_iput" :class="cols.disabled?'input-disabled':''"
|
:disabled="item.disabled"
|
:value="cols.value"
|
@change="onModelValue(cols)"
|
>
|
<view class="picker">{{cols.value}}</view>
|
</picker>
|
</view>
|
|
</view>
|
</uni-col>
|
</uni-row>
|
</div>
|
</view>
|
|
<view class="v-paneldel" v-if="param.Sub_Cls.Can_Add_Delete == true">
|
<a href="javascript:;" class="panel_del" @tap="panel_del(iiindex)"><i class="ace-icon fu-delete"></i></a>
|
</view>
|
</view>
|
|
</view>
|
|
|
<view class="view-floor">
|
<button type="default" @tap="cancel" class="btn_cancel" v-if="param.Sub_Cls.Can_Add_Delete == true">取消</button>
|
<button type="default" @tap="sava" class="btn_add" v-if="param.Sub_Cls.Can_Add_Delete == true">{{title}}</button>
|
<button type="default" @tap="sava" class="btn_sava" v-else-if="param.Sub_Cls.Can_Add_Delete == false">{{title}}</button>
|
</view>
|
<!-- 普通弹窗 top bottom center left right -->
|
<view>
|
<uni-popup class="view-popup" ref="popup" background-color="#fff" @change="popupChange">
|
<view class="popup-header">{{check_list.title}}</view>
|
<view class="popup-content" :class="{ 'popup-height': popupType === 'left' || popupType === 'right' }"
|
:style="{'width':check_list.width?check_list.width+'px':'200px','height':check_list.height?check_list.height+'px':'88%'}">
|
<view class="popup-cont" :style="{'height':check_list.height?check_list.height-45+'px':'415px'}">
|
<view class="view_popup_CheckList" v-for="(item,index) in check_list.items">
|
<checkbox-group class="check_list" @change="checkChange" :data-ischeck="item.check" :data-index="index" :style="{'margin-left': '10rpx'}">
|
<label>
|
<checkbox :value="item.check" :checked="item.check"/>
|
<text>{{item.name}}</text>
|
</label>
|
</checkbox-group>
|
</view>
|
</view>
|
<view class="popup-footer">
|
<button type="default" @tap="popup_sava" class="btn_popup_add">确定</button>
|
<button type="default" @tap="popup_cancel" class="btn_popup_cancel">取消</button>
|
</view>
|
</view>
|
</uni-popup>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import Base64 from '../../components/js-base64/base64.js'
|
export default {
|
modules:{
|
Base64,
|
},
|
data() {
|
return {
|
title:'新增',
|
param: {},
|
edit_inital_event:"", //弹窗初始化事件ID
|
edit_ok_event:"", //弹窗点击OK 触发事件ID
|
edit_select_compose_event:"", //选择组成对象时调用
|
edit_compose_cls_id:"",
|
global_attr:[],
|
refdatastore: [], //引用数据存储区// {attr:'G_PRJ_' + bindattr + '_ID', value:info.id}
|
scanCodeVal:"",
|
subClassAttrList:[],
|
subPanelList:[],
|
subClassGridStyle:[],
|
popupType:"center",
|
check_list:{},
|
|
focusMateria:false,
|
head_styledef:{
|
form:{
|
items:[]
|
}
|
},
|
detail1_styledef:{},
|
detail1StyleDefList:[],
|
activelist:[],
|
};
|
},
|
onLoad(options) {
|
// console.log(options);
|
uni.setNavigationBarTitle({ title: options.titlename}); //设置顶部标题
|
this.$data.title = options.titlename;
|
this.$data.param = JSON.parse(options.param);
|
console.log(this.$data.param);
|
//获取数据类的自定义表单参数
|
this.Head_UIStyleGetInfo(this.param.Master_Cls.ID,this.param.Master_Cls.UI_Style.ID);
|
this.Detail1_UIstyleGetInfo(this.param.Sub_Cls.ID,this.$data.param.Sub_Cls.UI_Style.ID);
|
|
//页面初始化获取焦点
|
// this.focusMateria=true;
|
},
|
methods: {
|
async Head_UIStyleGetInfo(class_id,style_id){ //获取自定义表单样式
|
var $this = this;
|
var dataInfo={
|
class_id:class_id,
|
ui_style_id:style_id,
|
};
|
this.$store.dispatch('UIStyleGetInfo',dataInfo).then(ret=>{
|
// console.log(ret);
|
if (ret.err_code == 0) {
|
var styledef="";
|
if(ret.result.style_def){
|
//mobox2的style_def是json字符串
|
styledef = ret.result.style_def.replace(/\\/g,"");
|
//mobox3的style_def是base64字符串
|
if(!ret.result.style_def.includes('"')) styledef = Base64.decode(ret.result.style_def);
|
}
|
$this.$data.head_styledef = ret.result.style_def? JSON.parse(styledef): {};
|
// console.log($this.$data.head_styledef);
|
$this.head_styledef.form.items.forEach(async (ele,index) => {
|
if(ele.useDict==true){ //判断useDict是否使用字典
|
await this.DictGetInfo(ele.bind.dict,index,'mast');
|
}
|
});
|
|
}else{
|
uni.showModal({title:"错误1",content:ret.err_msg,showCancel:false,confirmText:"取消"});
|
}
|
}).catch(ex=>{
|
// console.log(ex);
|
uni.showModal({title:"错误1.1",content:ex.errMsg,showCancel:false,confirmText:"取消"});
|
});
|
|
},
|
async Detail1_UIstyleGetInfo(class_id,style_id){ //获取自定义表单样式
|
var $this = this;
|
var dataInfo={
|
class_id:class_id,
|
ui_style_id:style_id,
|
};
|
this.$store.dispatch('UIStyleGetInfo',dataInfo).then(ret=>{
|
// console.log(ret);
|
if (ret.err_code == 0) {
|
var styledef="";
|
if(ret.result.style_def){
|
//mobox2的style_def是json字符串
|
styledef = ret.result.style_def.replace(/\\/g,"");
|
//mobox3的style_def是base64字符串
|
if(!ret.result.style_def.includes('"')) styledef = Base64.decode(ret.result.style_def);
|
}
|
$this.$data.detail1_styledef = ret.result.style_def? JSON.parse(styledef): {};
|
$this.$data.detail1_styledef.SelBut_Checked = true;
|
$this.detail1_styledef.form.items.forEach(async (ele,index) => {
|
if(ele.useDict==true){ //判断useDict是否使用字典
|
await this.DictGetInfo(ele.bind.dict,index,'sub');
|
}
|
});
|
// var aa = JSON.stringify(this.detail1_styledef);
|
// $this.$data.detail1StyleDefList.push(JSON.parse(aa));
|
// console.log($this.$data.detail1StyleDefList);
|
|
}else{
|
uni.showModal({title:"错误2",content:ret.err_msg,showCancel:false,confirmText:"取消"});
|
}
|
}).catch(ex=>{
|
// console.log(ex);
|
uni.showModal({title:"错误2.1",content:ex.errMsg,showCancel:false,confirmText:"取消"});
|
});
|
|
},
|
async DictGetInfo(dict,index,type){ //Mobox3得到得到字典信息字典项列表
|
this.data=[];
|
var $this = this;
|
var dataInfo ={
|
dict_id: dict.id,
|
dict_name: dict.name
|
};
|
// console.log(dataInfo);
|
this.$store.dispatch('DictGetInfo',dataInfo).then(async (success)=>{
|
// console.log(success);
|
if (success.err_code == 0) {
|
var list=[];
|
var itemName='';
|
success.result.dict_item_list.forEach((item) => {
|
if(item.is_default=='1')
|
itemName = item.name;
|
list.push({
|
text:item.value,
|
value:item.name,
|
});
|
});
|
|
if(type=='mast'){//有默认值，显示默认值
|
if(itemName){
|
$this.head_styledef.form.items[index].value=itemName;
|
var attr = $this.head_styledef.form.items[index].fieldId;
|
$this.head_styledef.form.model[attr] = itemName;
|
}
|
$this.head_styledef.form.items[index].dict=list;
|
// console.log($this.$data.detail1StyleDefList);
|
}
|
else{
|
if(itemName){
|
$this.detail1_styledef.form.items[index].value=itemName;
|
var attr = $this.detail1_styledef.form.items[index].fieldId;
|
$this.detail1_styledef.form.model[attr] = itemName;
|
}
|
$this.detail1_styledef.form.items[index].dict=list;
|
console.log($this.$data.detail1_styledef);
|
}
|
|
}else{
|
uni.showModal({title:"错误1.2",content:success.err_msg,showCancel:false,confirmText:"取消"});
|
}
|
}).catch(ex=>{
|
// console.log(ex);
|
uni.showModal({title:"错误1.3",content:ex.errMsg,showCancel:false,confirmText:"取消"});
|
});
|
},
|
|
ontap(item){ //扫码功能
|
//console.log(e.target)
|
getApp().onScan((result)=>{
|
//console.log(result.decodedata);
|
uni.hideKeyboard();
|
var $this = this;
|
console.log(item);
|
if(item.oldvalue != result.decodedata){
|
item.oldvalue = result.decodedata;
|
item.value = result.decodedata;
|
var attr = item.fieldId;
|
$this.head_styledef.form.model[attr] = result.decodedata;
|
if(result.decodedata){ //第一个输入框不为空
|
$this.focusMateria = true; //初始化，第二个输入框focus属性
|
// setTimeout(function(){
|
// $this.focusMateria=true; //第二个输入框获取焦点
|
setTimeout(function(){
|
uni.hideKeyboard();
|
},100);
|
// },500);
|
}
|
//子数据类扫码区事件脚本
|
var eventid = this.$data.param.Scan_Code.Input_Change_Event.ID;
|
if (eventid) {
|
var obj_attr = this.head_styledef.form.model;
|
// console.log(obj_attr);
|
var req = Object.keys(obj_attr).map((a) => ({
|
attr: a,
|
value: obj_attr[a] || "",
|
}));
|
var info = {
|
eventid: eventid,
|
edtype: "7",//"0",
|
projectid: '',
|
rclsid: '',
|
robjid: '',
|
userlogin: '',
|
clsid: 'MBOX',//this.$data.param.Sub_Cls.ID,
|
objid: "",
|
attr: req,
|
mast_attr: [],
|
inputParamter:[{ attr: 'mast_input_3037', value: result.decodedata }]
|
}
|
|
this.scan_DataObjRunCustomEvent(info, "");
|
}
|
}
|
})
|
},
|
onevent(item){
|
// console.log(e.target);
|
var $this = this;
|
console.log(item);
|
if(item.oldvalue != item.value){
|
item.oldvalue = item.value;
|
var attr = item.fieldId;
|
$this.head_styledef.form.model[attr] = item.value;
|
//子数据类扫码区事件脚本
|
var eventid = this.$data.param.Scan_Code.Input_Change_Event.ID;
|
if (eventid) {
|
var obj_attr = this.head_styledef.form.model;
|
// console.log(obj_attr);
|
var req = Object.keys(obj_attr).map((a) => ({
|
attr: a,
|
value: obj_attr[a] || "",
|
}));
|
var info = {
|
eventid: eventid,
|
edtype: "7",//"0",
|
projectid: '',
|
rclsid: '',
|
robjid: '',
|
userlogin: '',
|
clsid: 'MBOX',//this.$data.param.Sub_Cls.ID,
|
objid: "",
|
attr: req,
|
mast_attr: [],
|
inputParamter:[{ attr: 'mast_input_3037', value: item.value }]
|
}
|
|
this.scan_DataObjRunCustomEvent(info, "");
|
}
|
}
|
|
},
|
onchange(item) {
|
console.log(item);
|
var $this = this;
|
console.log(item);
|
if(item.oldvalue != item.value){
|
item.oldvalue = item.value;
|
var attr = item.fieldId;
|
$this.head_styledef.form.model[attr] = item.value;
|
var eventid = item.bind.onChangeEvent.id; //内容变化后事件
|
if (eventid) {
|
// self.event_no_sub = 1;
|
var obj_attr = this.head_styledef.form.model;
|
// console.log(obj_attr);
|
var req = Object.keys(obj_attr).map((a) => ({
|
attr: a,
|
value: obj_attr[a] || "",
|
}));
|
var info = {
|
eventid: eventid,
|
edtype: "0",
|
projectid: '',
|
rclsid: '',
|
robjid: '',
|
userlogin: '',
|
clsid: this.$data.param.Master_Cls.ID,
|
objid: "",
|
attr: req,
|
}
|
this.DataObjRunCustomEvent(info);
|
}
|
}
|
|
},
|
scan_ontap(e){ //扫码区扫码功能
|
//console.log(e.target)
|
getApp().onScan((result)=>{
|
console.log(result.decodedata);
|
var isflag=true;
|
for(var i in this.$data.subPanelList){
|
if(this.$data.subPanelList[i].scanCodeVal == result.decodedata)
|
isflag=false;
|
}
|
//子数据类扫码查询数据
|
if (isflag) {
|
uni.hideKeyboard();
|
this.$data.scanCodeVal=result.decodedata;
|
var eventid = this.$data.param.Scan_Code.Input_Change_Event.ID;
|
if (eventid) {
|
//主数据类属性
|
var obj_attr = this.head_styledef.form.model;
|
// console.log(obj_attr);
|
var mast_req = Object.keys(obj_attr).map((a) => ({
|
attr: a,
|
value: obj_attr[a] || "",
|
}));
|
var obj_attr2 = this.detail1_styledef.form.model;
|
var req = Object.keys(obj_attr2).map((a) => ({
|
attr: a,
|
value: obj_attr2[a] || "",
|
}));
|
|
var info = {
|
eventid: eventid,
|
edtype: '7',//"0",
|
projectid: '',
|
rclsid: '',
|
robjid: '',
|
userlogin: '',
|
clsid: 'MBOX',//this.$data.param.Sub_Cls.ID,
|
objid: "",
|
attr: mast_req,
|
sub_attr: req,
|
inputParamter:[{ attr: 'input_3037', value: this.$data.scanCodeVal }]
|
}
|
|
this.scan_DataObjRunCustomEvent(info, "");
|
}
|
}
|
})
|
},
|
scan_onevent(e){
|
// console.log(e.target);
|
if(e.target.value){
|
var isflag=true;
|
for(var i in this.$data.subPanelList){
|
if(this.$data.subPanelList[i].scanCodeVal == e.target.value)
|
isflag=false;
|
}
|
//子数据类扫码查询数据
|
if (isflag) {
|
uni.hideKeyboard();
|
this.$data.scanCodeVal=e.target.value;
|
var eventid = this.$data.param.Scan_Code.Input_Change_Event.ID;
|
if (eventid) {
|
//主数据类属性
|
var obj_attr = this.head_styledef.form.model;
|
// console.log(obj_attr);
|
var mast_req = Object.keys(obj_attr).map((a) => ({
|
attr: a,
|
value: obj_attr[a] || "",
|
}));
|
// var input_param = Base64.encode(
|
// JSON.stringify(
|
// Object.keys(obj_attr).map((a) => ({
|
// attr: a,
|
// value: obj_attr[a] || "",
|
// }))
|
// )
|
// );
|
var obj_attr2 = this.detail1_styledef.form.model;
|
var req = Object.keys(obj_attr2).map((a) => ({
|
attr: a,
|
value: obj_attr2[a] || "",
|
}));
|
var info = {
|
eventid: eventid,
|
edtype: '7',//"0",
|
projectid: '',
|
rclsid: '',
|
robjid: '',
|
userlogin: '',
|
clsid: 'MBOX',//this.$data.param.Sub_Cls.ID,
|
objid: "",
|
attr: mast_req,
|
sub_attr: req,
|
inputParamter:[{ attr: 'input_3037', value: this.$data.scanCodeVal }]
|
}
|
|
this.scan_DataObjRunCustomEvent(info, "");
|
}
|
}
|
}
|
},
|
onModelValue(item) { //绑定Model值
|
//console.log(e.target)
|
var attr = item.fieldId;
|
$this.head_styledef.form.model[attr] = item.value;
|
},
|
panel_del(index){ //面板删除
|
var $this = this;
|
if (this.$data.subPanelList[index].scanCodeVal == this.$data.scanCodeVal) {
|
this.$data.scanCodeVal='';
|
}
|
if(!this.$data.subPanelList[index].ObjID)
|
this.$data.subPanelList.splice(index, 1);
|
else{
|
var dataInfo={
|
class_id:this.$data.param.Sub_Cls.ID,
|
class_name:'',
|
obj_id:this.$data.subPanelList[index].ObjID
|
};
|
// console.log(dataInfo);
|
// return;
|
uni.showLoading({ title:"加载中..." });
|
this.$store.dispatch('dataObjDel',dataInfo).then(success=>{
|
// console.log(success);
|
uni.hideLoading();
|
if (ret.err_code == 0) {
|
$this.$data.subPanelList.splice(index, 1);
|
uni.showModal({title:"提示",content:"删除成功！",showCancel:false,confirmText:"取消"});
|
}else{
|
uni.showModal({title:"错误9",content:success.msg,showCancel:false,confirmText:"取消"});
|
}
|
}).catch(ex=>{
|
console.log(ex);
|
uni.hideLoading();
|
uni.showModal({title:"提示9.1",content:ex.errMsg,showCancel:false,confirmText:"取消"});
|
});
|
}
|
},
|
scan_classAttr_extButton(e){ //选择按钮前
|
var $this = this;
|
var Before_Select_Event = $this.$data.param.Scan_Code.Before_Select_Event;
|
if(!Before_Select_Event){
|
uni.showModal({title:"提示",content:"选择前事件为空！",showCancel:false,confirmText:"取消"});
|
return;
|
}
|
var obj_attr = this.head_styledef.form.model;
|
// console.log(obj_attr);
|
var mast_attr = Object.keys(obj_attr).map((a) => ({
|
attr: a,
|
value: obj_attr[a] || "",
|
}));
|
var objects=[];
|
var subPanelList = $this.$data.subPanelList;
|
for (var s = 0; s < subPanelList.length; s++) {
|
var detail_attr={};
|
subPanelList[s].subClassAttr.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;
|
});
|
var sub_req = Object.keys(detail_attr).map((a) => ({
|
attr: a,
|
value: detail_attr[a] || "",
|
}));
|
objects.push({
|
obj_id:subPanelList[s].scanCodeVal,
|
obj_attrs:sub_req
|
});
|
}
|
|
var req=[];
|
var enviroment = {
|
'function': '3000', // 功能点编号
|
cls_id: 'MBOX', //this.$data.param.Sub_Cls.ID, // 功能点从数据类标识
|
'button': 'top', // top/bottom
|
button_name: '新增',
|
edit_dlg: {
|
type: 'small', //小窗口
|
class_id: 'MBOX', //this.$data.param.Sub_Cls.ID,//当前数据类id
|
},
|
master_cls: {
|
cls_name: 'MBOX', //$this.$data.param.Master_Cls.Name,
|
obj_attrs: mast_attr
|
},
|
sub_cls: {
|
cls_name: 'MBOX', //$this.$data.param.Sub_Cls.Name,
|
objects: objects
|
}
|
|
};
|
|
var info = {
|
eventid: Before_Select_Event.ID,
|
edtype: "7",//"0",
|
projectid: '',
|
rclsid: '',
|
robjid: '',
|
userlogin: '',
|
clsid: 'MBOX',//this.$data.param.Sub_Cls.ID,
|
objid: "",
|
attr: [],
|
global_attr: req,
|
mast_attr: mast_attr,
|
inputParamter: mast_attr,
|
enviroment: enviroment
|
}
|
// console.log(info);
|
this.scan_DataObjRunCustomEvent(info, "");
|
},
|
popupChange(e) {
|
console.log('当前模式：' + e.type + ',状态：' + e.show);
|
},
|
checkChange(e){ //弹框check选择
|
// console.log(e.target.dataset);
|
var index = e.target.dataset.index;
|
var ischeck = e.target.dataset.ischeck;
|
var data = this.$data.check_list.items;
|
// this.$data.check_list.items=[];
|
if(this.$data.check_list.multiple_choice=="0"){ //判断时单选还是多选
|
for(var i in data){
|
data[i].check=false;
|
}
|
}
|
data[index].check=ischeck?false:true;
|
this.$data.check_list.items=data;
|
|
},
|
popup_cancel(e){ //弹框取消
|
this.$refs.popup.close();
|
},
|
popup_sava(e){ //弹框确定 选择按钮后
|
var $this = this;
|
var After_Select_Event = $this.$data.param.Scan_Code.After_Select_Event;
|
if(!After_Select_Event){
|
uni.showModal({title:"提示",content:"选择后事件为空！",showCancel:false,confirmText:"取消"});
|
return;
|
}
|
var items = $this.$data.check_list.items;
|
var data=[];
|
var name="";
|
for (var i = 0; i < items.length; i++) {
|
if(items[i].check==true){
|
if(name)
|
name+=';';
|
name+=items[i].name;
|
data.push({id:items[i].id,name:items[i].name});
|
}
|
}
|
if(data.length==0){
|
uni.showModal({title:"提示",content:"未选择数据！",showCancel:false,confirmText:"取消"});
|
return;
|
}
|
var obj_attr = this.head_styledef.form.model;
|
// console.log(obj_attr);
|
var mast_attr = Object.keys(obj_attr).map((a) => ({
|
attr: a,
|
value: obj_attr[a] || "",
|
}));
|
|
$this.$data.scanCodeVal=name;
|
var info = {
|
eventid: After_Select_Event.ID,
|
edtype: "7",
|
projectid: '',
|
rclsid: '',
|
robjid: '',
|
userlogin: '',
|
clsid: 'MBOX',
|
objid: "",
|
attr: [{attr: 'mast_input_3037',value: name}],
|
global_attr: mast_attr,
|
inputParamter: data,
|
enviroment: ''
|
}
|
// console.log(info);
|
this.scan_DataObjRunCustomEvent(info, "");
|
this.$refs.popup.close();
|
},
|
onPanelClick(value){ //点击面板高亮显示
|
// console.log(value);
|
this.activelist.forEach(ele=>{
|
ele.active = false;
|
});
|
this.activelist[value].active = true;
|
},
|
|
DataObjRunCustomEvent(info,data_attr){
|
var $this = this;
|
var enviroment = {
|
'function': '3000', // 功能点编号
|
cls_id: this.$data.param.Master_Cls.ID, // 功能点主数据类标识
|
'button': 'top', // top/bottom
|
button_name: '新增',
|
master: {
|
cls_id: this.$data.param.Master_Cls.ID, // button=bottom时 master的cls_id
|
//obj_id: '' // button=bottom时 master的obj_id
|
}
|
};
|
enviroment.edit_dlg = {
|
type: 'small',//小窗口
|
class_id: this.$data.param.Master_Cls.ID,//当前数据类id
|
}
|
if (data_attr) {
|
enviroment.edit_dlg.form_control = {//所属的表单控件
|
name: data_attr.Name,//字段属性
|
text: data_attr.DispName,//显示文本
|
group_name: data_attr.GroupName,//属性组
|
type: data_attr.Type,//字段类型
|
readonly: data_attr.ReadOnly,//是否只读
|
button_img: data_attr.button_img,//引用按钮的图标
|
button_tooltip: data_attr.button_tooltip//引用按钮的tooltip
|
}
|
}
|
// var dataInfo = {
|
// edtype: info.edtype, eventid: info.eventid, projectid: info.projectid.replace('{','').replace('}',''),
|
// rclsid: info.rclsid, robjid: info.robjid, userlogin: info.userlogin, clsid: info.clsid, objid: info.objid,
|
// attr: JSON.stringify(info.attr), extinfo: JSON.stringify(enviroment), inputparameter: '', global_attr: JSON.stringify(this.$data.global_attr)
|
// }
|
enviroment = Base64.encode(JSON.stringify(enviroment));//将字符串转换为base64编码
|
var global_attr = Base64.encode(JSON.stringify(this.$data.global_attr));//将字符串转换为base64编码
|
if(info.dataJson)
|
info.dataJson = Base64.encode(JSON.stringify(info.dataJson));//将字符串转换为base64编码
|
var obj_attr={};
|
info.attr.forEach(item=>{
|
obj_attr[item.attr] = item.val;
|
});
|
if(!info.eventid.includes('{')) info.eventid = '{'+info.eventid+'}';
|
var dataInfo={
|
ed_type: info.edtype,
|
start_transaction: true,
|
class_id: info.clsid,
|
class_name: '',
|
event_id: info.eventid,
|
event_name: '',
|
data_obj_id: info.objid,
|
obj_attr: obj_attr,
|
prj_id: info.projectid,
|
ref_cls_id: info.rclsid,
|
rel_obj_id: info.robjid,
|
user_login: info.userlogin,
|
data_json: info.dataJson,
|
compose_info: '',
|
ext_info: enviroment,
|
global_attr: global_attr,
|
input_param: '',
|
};
|
console.log(dataInfo);
|
// return;
|
this.$store.dispatch('runCustomEvent',dataInfo).then(success=>{
|
console.log(success);
|
if (success.err_code == 0) {
|
var data = success.result;
|
if (data.ret != 0) {
|
var tip = data.err_info ? typeof data.err_info == 'string' ? data.err_info : data.err_info.join('<br/>') : '';
|
if (data.ret == 801) uni.showModal({title:'提示',content:tip,showCancel:false,confirmText:"取消"});
|
else uni.showModal({title:'提示',content:tip+',提示:'+data.ret,showCancel:false,confirmText:"取消"});
|
return false
|
}else{
|
var tip = data.info ? typeof data.info == 'string' ? data.info : data.info.join('<br/>') : '';
|
if (tip) uni.showModal({title:'提示',content:tip,showCancel:false,confirmText:"取消"});
|
|
var actionlist = data.action;
|
if (actionlist) {
|
console.log(actionlist);
|
for (var i = 0; i < actionlist.length; i++) {
|
var action = actionlist[i];
|
if (action.action_type == 'set_dlg_attr') {
|
var result = action.value;
|
for (var i = 0; i < result.length; i++) {
|
if (result[i].choice_list) {
|
for (var c = 0; c < $this.head_styledef.form.items.length; c++) {
|
var attr = $this.head_styledef.form.items[c];
|
if(attr.fieldId==result[i].attr){
|
var dictItemList=[];
|
for(var d in result[i].choice_list){
|
var val =result[i].choice_list[d];
|
dictItemList.push({"CN_S_NAME":val,"CN_S_VALUE":val,"text":val,"value":val});
|
}
|
attr.dict = dictItemList;
|
}
|
}
|
}
|
for (var c = 0; c < $this.$data.head_styledef.form.items.length; c++) {
|
var attr = $this.$data.head_styledef.form.items[c];
|
// console.log(attr[j].Name+'=='+result[i].attr);
|
if(attr.fieldId==result[i].attr){
|
attr.value = result[i].value;
|
$this.head_styledef.form.model[attr.fieldId] =result[i].value;
|
}
|
|
}
|
var length = 0;
|
if (!$this.$data.refdatastore.filter(function (s) {
|
return result[i].attr == s.attr
|
}).length) {
|
length = 1;
|
$this.$data.refdatastore.push(result[i]);
|
}
|
if (length == 0) {
|
for (var j = 0; j < $this.$data.refdatastore.length; j++) {
|
if ($this.$data.refdatastore[j].attr == result[i].attr) {
|
$this.$data.refdatastore[j].value = result[i].value;
|
}
|
}
|
}
|
}
|
} else if (data.action[i].action_type == 'set_global_attr') {
|
$this.$data.global_attr = data.action[i].value || [];
|
}
|
}
|
}
|
|
if (data.result) {
|
var result = data.result;
|
for (var i = 0; i < result.length; i++) {
|
for (var c = 0; c < $this.$data.head_styledef.form.items.length; c++) {
|
var attr = $this.$data.head_styledef.form.items[c];
|
if(attr.fieldId==result[i].attr){
|
attr.value = result[i].value;
|
$this.head_styledef.form.model[attr.fieldId] =result[i].value;
|
}
|
|
}
|
|
var length = 0;
|
if (!$this.$data.refdatastore.filter(function (s) {
|
return result[i].attr == s.attr
|
}).length) {
|
length = 1;
|
$this.$data.refdatastore.push(result[i]);
|
}
|
if (length == 0) {
|
for (var j = 0; j < $this.$data.refdatastore.length; j++) {
|
if ($this.$data.refdatastore[j].attr == result[i].attr) {
|
$this.$data.refdatastore[j].value = result[i].value;
|
}
|
}
|
}
|
}
|
}
|
}
|
}else{
|
uni.showModal({title:"错误3",content:success.err_msg,showCancel:false,confirmText:"取消"});
|
}
|
}).catch(ex=>{
|
// console.log(ex);
|
uni.showModal({title:"错误3.1",content:ex.errMsg,showCancel:false,confirmText:"取消"});
|
});
|
},
|
scan_DataObjRunCustomEvent(info,data_attr){
|
var $this = this;
|
var obj_attr={};
|
info.attr.forEach(item=>{
|
obj_attr[item.attr] = item.value;
|
});
|
var enviroment = {};
|
if(info.enviroment){
|
enviroment = info.enviroment;
|
} else {
|
enviroment = {
|
'function': '3000', // 功能点编号
|
cls_id: 'MBOX', //this.$data.param.Sub_Cls.ID, // 功能点从数据类标识
|
'button': 'top', // top/bottom
|
button_name: '新增',
|
edit_dlg: {
|
type: 'small', //小窗口
|
class_id: 'MBOX', //this.$data.param.Sub_Cls.ID,//当前数据类id
|
},
|
master: {
|
cls_id: info.clsid, // button=bottom时 master的cls_id
|
//obj_id: '' // button=bottom时 master的obj_id
|
obj_attrs:obj_attr,
|
}
|
};
|
|
}
|
var global_attr = this.$data.global_attr;
|
if (info.global_attr) {
|
global_attr = info.global_attr;
|
}
|
|
enviroment = Base64.encode(JSON.stringify(enviroment));//将字符串转换为base64编码
|
var inputParamter=info.inputParamter;
|
if(info.inputParamter){
|
info.inputParamter = Base64.encode(JSON.stringify(info.inputParamter));//将字符串转换为base64编码
|
}
|
var global_attr = Base64.encode(JSON.stringify(this.$data.global_attr));//将字符串转换为base64编码
|
|
if(!info.eventid.includes('{')) info.eventid= '{'+ info.eventid +'}';
|
var dataInfo={
|
ed_type: info.edtype,
|
start_transaction: true,
|
class_id: info.clsid,
|
class_name: '',
|
event_id: info.eventid,
|
event_name: '',
|
data_obj_id: info.objid,
|
obj_attr: obj_attr,
|
prj_id: info.projectid.replace('{','').replace('}',''),
|
ref_cls_id: info.rclsid,
|
rel_obj_id: info.robjid,
|
user_login: info.userlogin,
|
data_json: '',
|
compose_info: '',
|
ext_info: enviroment,
|
global_attr: global_attr,
|
input_param: info.inputParamter,
|
};
|
console.log(dataInfo);
|
// return;
|
this.$store.dispatch('runCustomEvent',dataInfo).then(success=>{
|
console.log(success);
|
if (success.err_code == 0) {
|
var data = success.result;
|
if (data.ret != 0) {
|
var tip = data.err_info ? typeof data.err_info == 'string' ? data.err_info : data.err_info.join('<br/>') : '';
|
if (data.ret == 801) uni.showModal({title:'提示',content:tip,showCancel:false,confirmText:"取消"});
|
else uni.showModal({title:'提示',content:tip+',提示:'+data.ret,showCancel:false,confirmText:"取消"});
|
return false
|
}else{
|
var tip = data.info ? typeof data.info == 'string' ? data.info : data.info.join('<br/>') : '';
|
if (tip) uni.showModal({title:'提示',content:tip,showCancel:false,confirmText:"取消"});
|
|
var actionlist = data.action;
|
if (actionlist) {
|
console.log(actionlist);
|
for (var ii = 0; ii < actionlist.length; ii++) {
|
var action = actionlist[ii];
|
if (action.action_type == 'set_dlg_attr') {
|
var result = action.value;
|
for (var i = 0; i < result.length; i++) {
|
if (result[i].choice_list) {
|
for (var s = 0; s < $this.$data.subPanelList.length; s++) {
|
for (var c = 0; c < $this.$data.subPanelList[s].subClassAttrList.length; c++) {
|
var attr = $this.$data.subPanelList[s].subClassAttrList[c].Attr;
|
for (var j = 0; j < attr.length; j++) {
|
if(attr[j].Name==result[i].attr){
|
if(attr[j].Type=='字典' || attr[j].Type=='字典-字符串' || attr[j].Type=='字典-整数'){
|
var dictItemList=[];
|
for(var d in result[i].choice_list){
|
var val =result[i].choice_list[d];
|
dictItemList.push({"CN_S_NAME":val,"CN_S_VALUE":val,"Name":val,"label":val,"value":val});
|
}
|
attr[j].dictitem = dictItemList;
|
// attr[j].dictitem = result[i].choice_list;
|
}
|
}
|
}
|
}
|
}
|
}
|
for (var s = 0; s < $this.$data.subPanelList.length; s++) {
|
for (var c = 0; c < $this.$data.subPanelList[s].subClassAttrList.length; c++) {
|
var attr = $this.$data.subPanelList[s].subClassAttrList[c].Attr;
|
for (var j = 0; j < attr.length; j++) {
|
console.log(attr[j].Name+'=='+result[i].attr);
|
if(attr[j].Name==result[i].attr){
|
attr[j].Value = result[i].value;
|
}
|
}
|
}
|
}
|
var length = 0;
|
if (!$this.$data.refdatastore.filter(function (s) {
|
return result[i].attr == s.attr
|
}).length) {
|
length = 1;
|
$this.$data.refdatastore.push(result[i]);
|
}
|
if (length == 0) {
|
for (var j = 0; j < $this.$data.refdatastore.length; j++) {
|
if ($this.$data.refdatastore[j].attr == result[i].attr) {
|
$this.$data.refdatastore[j].value = result[i].value;
|
}
|
}
|
}
|
}
|
} else if (action.action_type == 'set_global_attr') {
|
$this.$actiontr = action.value || [];
|
} else if (action.action_type == 'open_common_dlg') { //打开侧滑弹框
|
var $this = this;
|
if(action.value.common_dlg_id == 'check_list'){
|
$this.$data.check_list= action.value.config;
|
if(action.value.config.appear_style == 'sideslip') //判断是否是侧滑
|
$this.$data.popupType = 'right';
|
else
|
$this.$data.popupType = 'center'
|
// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
|
$this.$refs.popup.open($this.$data.popupType);
|
}
|
} else if (action.action_type == 'add_subcls_panel') { //主从数据类扫码查询数据
|
var result = action.value;
|
var $this = this;
|
var list_1 = JSON.parse(JSON.stringify(this.$data.detail1_styledef));
|
var scanCodeVal = $this.$data.scanCodeVal;
|
var rand = '';
|
for (var i = 0; i < 5; i++) { //生成5位随机数
|
rand += Math.floor(Math.random() * 10);
|
}
|
if (inputParamter[0].attr) {
|
if (inputParamter[0].attr == "mast_input_3037") //判断是主数据类扫码查询数据
|
scanCodeVal = "mast_input_3037-" + rand;
|
}
|
if (info.attr[0].attr) {
|
if (info.attr[0].attr == "mast_input_3037") //判断是主数据类扫码查询数据
|
scanCodeVal = "mast_input_3037-" + rand;
|
}
|
$this.$data.subPanelList.push({
|
scanCodeVal:scanCodeVal,
|
subClassAttr:list_1
|
});
|
$this.activelist.push({active:false});
|
for (var i = 0; i < result.length; i++) {
|
for (var s = 0; s < $this.$data.subPanelList.length; s++) {
|
if($this.$data.subPanelList[s].scanCodeVal == scanCodeVal){
|
if(result[i].attr=="S_ID")
|
$this.$data.subPanelList[s].ObjID=result[i].value;
|
var _subClassAttr = $this.$data.subPanelList[s].subClassAttr.form.items;
|
for (var c = 0; c < _subClassAttr.length; c++) {
|
if(_subClassAttr[c].name!='Layout'){
|
if(_subClassAttr[c].fieldId == result[i].attr)
|
_subClassAttr[c].value = result[i].value;
|
} else if(_subClassAttr[c].name=='Layout'){
|
_subClassAttr[c].setting.colList.forEach(col=>{
|
if(col){
|
if(col.fieldId == result[i].attr)
|
col.value = result[i].value;
|
}
|
});
|
}
|
}
|
|
// $this.$data.subPanelList[s].subClassAttr=list_1;
|
}
|
}
|
// console.log($this.$data.subPanelList);
|
var length = 0;
|
if (!$this.$data.refdatastore.filter(function (s) {
|
return result[i].attr == s.attr
|
}).length) {
|
length = 1;
|
$this.$data.refdatastore.push(result[i]);
|
}
|
if (length == 0) {
|
for (var j = 0; j < $this.$data.refdatastore.length; j++) {
|
if ($this.$data.refdatastore[j].attr == result[i].attr) {
|
$this.$data.refdatastore[j].value = result[i].value;
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
|
if (data.result) {
|
var list_1 = JSON.parse(JSON.stringify(this.$data.detail1_styledef));
|
var scanCodeVal = $this.$data.scanCodeVal;
|
var rand = '';
|
for (var i = 0; i < 5; i++) { //生成5位随机数
|
rand += Math.floor(Math.random() * 10);
|
}
|
if (inputParamter[0].attr) {
|
if (inputParamter[0].attr == "mast_input_3037") //判断是主数据类扫码查询数据
|
scanCodeVal = "mast_input_3037-" + rand;
|
}
|
if (info.attr[0].attr) {
|
if (info.attr[0].attr == "mast_input_3037") //判断是主数据类扫码查询数据
|
scanCodeVal = "mast_input_3037-" + rand;
|
}
|
$this.$data.subPanelList.push({
|
scanCodeVal:scanCodeVal,
|
subClassAttr:list_1
|
});
|
var result = data.result;
|
for (var i = 0; i < result.length; i++) {
|
for (var s = 0; s < $this.$data.subPanelList.length; s++) {
|
if($this.$data.subPanelList[s].scanCodeVal == scanCodeVal){
|
if(result[i].attr=="S_ID")
|
$this.$data.subPanelList[s].ObjID=result[i].value;
|
var _subClassAttr = $this.$data.subPanelList[s].subClassAttr.form.items;
|
for (var c = 0; c < _subClassAttr.length; c++) {
|
if(_subClassAttr[c].name!='Layout'){
|
if(_subClassAttr[c].fieldId == result[i].attr)
|
_subClassAttr[c].value = result[i].value;
|
} else if(_subClassAttr[c].name=='Layout'){
|
_subClassAttr[c].setting.colList.forEach(col=>{
|
if(col){
|
if(col.fieldId == result[i].attr)
|
col.value = result[i].value;
|
}
|
});
|
}
|
}
|
}
|
}
|
|
var length = 0;
|
if (!$this.$data.refdatastore.filter(function (s) {
|
return result[i].attr == s.attr
|
}).length) {
|
length = 1;
|
$this.$data.refdatastore.push(result[i]);
|
}
|
if (length == 0) {
|
for (var j = 0; j < $this.$data.refdatastore.length; j++) {
|
if ($this.$data.refdatastore[j].attr == result[i].attr) {
|
$this.$data.refdatastore[j].value = result[i].value;
|
}
|
}
|
}
|
}
|
}
|
}
|
}else{
|
uni.showModal({title:"错误7",content:success.err_msg,showCancel:false,confirmText:"取消"});
|
}
|
}).catch(ex=>{
|
// console.log(ex);
|
uni.showModal({title:"错误7.1",content:ex.errMsg,showCancel:false,confirmText:"取消"});
|
});
|
},
|
|
//确定
|
sava(){
|
if (this.$data.param.Before_OK_Event) //判断功能点参数是否有确定前脚本
|
this.scan_OKDataObjRunCustomEvent(this.$data.param.Before_OK_Event.ID);
|
else if (this.$data.param.After_OK_Event) //判断功能点参数是否有确定后脚本
|
this.scan_OKDataObjRunCustomEvent(this.$data.param.After_OK_Event.ID);
|
else
|
uni.navigateBack({delta:1 });//返回层数，2则上上页
|
},
|
scan_OKDataObjRunCustomEvent(eventID){
|
uni.showLoading({
|
title:"加载中...",
|
mask:true
|
});
|
var $this = this;
|
//获取表头属性
|
var obj_attr = this.head_styledef.form.model;
|
// console.log(obj_attr);
|
var req = Object.keys(obj_attr).map((a) => ({
|
attr: a,
|
value: obj_attr[a] || "",
|
}));
|
|
var objects=[];
|
var subPanelList = $this.$data.subPanelList;
|
for (var s = 0; s < subPanelList.length; s++) {
|
var detail_attr={};
|
subPanelList[s].subClassAttr.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;
|
});
|
var sub_req = Object.keys(detail_attr).map((a) => ({
|
attr: a,
|
value: detail_attr[a] || "",
|
}));
|
objects.push({
|
obj_id:subPanelList[s].scanCodeVal,
|
obj_attrs:sub_req
|
});
|
}
|
|
var dataJson={
|
master_cls:{
|
cls_name:'MBOX',//$this.$data.param.Master_Cls.Name,
|
obj_attrs:req
|
},
|
input_3037:$this.$data.scanCodeVal, //扫码内容
|
op_type:$this.$data.param.OperationType, //作业类型定义
|
sub_cls:{
|
cls_name:'MBOX',//$this.$data.param.Sub_Cls.Name,
|
objects:objects
|
}
|
};
|
// console.log(JSON.stringify(dataJson));
|
var dataJson = Base64.encode(JSON.stringify(dataJson));//将字符串转换为base64编码
|
var global_attr = Base64.encode(JSON.stringify(this.$data.global_attr));//将字符串转换为base64编码
|
if(!eventID.includes('{')) eventID= '{'+ eventID +'}';
|
var dataInfo={
|
ed_type: "7",
|
start_transaction: true,
|
class_id: 'MBOX',
|
class_name: '',
|
event_id: eventID,
|
event_name: '',
|
data_obj_id: '',
|
obj_attr: '',
|
prj_id: '',
|
ref_cls_id: '',
|
rel_obj_id: '',
|
user_login: '',
|
data_json: dataJson,
|
compose_info: '',
|
ext_info: '',
|
global_attr: global_attr,
|
input_param: '',
|
};
|
console.log(dataInfo);
|
// uni.hideLoading();
|
// return;
|
this.$store.dispatch('runCustomEvent',dataInfo).then(success=>{
|
console.log(success);
|
uni.hideLoading();
|
if (success.err_code == 0) {
|
var data = success.result;
|
if (data.ret != 0) {
|
var tip = data.err_info ? typeof data.err_info == 'string' ? data.err_info : data.err_info.join('<br/>') : '';
|
if (data.ret == 801) uni.showModal({title:'提示',content:tip,showCancel:false,confirmText:"取消"});
|
else uni.showModal({title:'提示',content:tip+',提示:'+data.ret,showCancel:false,confirmText:"取消"});
|
return false
|
}else{
|
var tip = data.info ? typeof data.info == 'string' ? data.info : data.info.join('<br/>') : '';
|
if (tip) uni.showModal({title:'提示',content:tip,showCancel:false,confirmText:"取消"});
|
|
var result = data.result;
|
if(eventID != $this.$data.param.After_OK_Event.ID)
|
$this.scan_OKDataObjRunCustomEvent($this.$data.param.After_OK_Event.ID);
|
else{
|
//刷新
|
uni.redirectTo({
|
url:'../modal/3037_2?param='+JSON.stringify($this.$data.param)+"&titlename="+$this.$data.title
|
});
|
}
|
}
|
}else{
|
uni.showModal({title:"错误8",content:success.err_msg,showCancel:false,confirmText:"取消"});
|
}
|
}).catch(ex=>{
|
// console.log(ex);
|
uni.hideLoading();
|
uni.showModal({title:"错误8.1",content:ex.errMsg,showCancel:false,confirmText:"取消"});
|
});
|
},
|
|
|
cancel(e){ //取消
|
uni.navigateBack({
|
delta:1 //返回层数，2则上上页
|
});
|
},
|
},
|
};
|
</script>
|
