| | |
| | | </image> |
| | | <checkbox-group @change="checkboxChange"> |
| | | <div class="dv-panel" v-for="(style,ii) in pageData.DefList" :key="ii" |
| | | <div class="dv-panel" v-for="(style,ii) in pageData.DefList" :key="ii" |
| | | @tap="onPanelClick(ii,style.form.htmlobjId)" |
| | | :id="'dvpanel'+style.form.htmlobjId" |
| | | :class="style.form.htmlobjId==active_id?'bk-active':''"> |
| | |
| | | Name: page.After_Delete?.Name |
| | | }; |
| | | } |
| | | |
| | | if (evt.ID) { |
| | | return [{ |
| | | Cls_Name: this.param?.master_cls?.name || "", |
| | | Cls_ID: this.param?.master_cls?.id || "", |
| | | FunCode: "Delete", |
| | | ShowName: this.$t("sys.delete"), |
| | | Style: "text", |
| | | Prompt: false, |
| | | NotTriggerSYSEvent: false, |
| | | DataStateVerify: false, |
| | | AttrVerify: false, |
| | | AfterProcess_Event: evt, |
| | | }]; |
| | | } |
| | | return [{ |
| | | Cls_Name: this.param?.master_cls?.name || "", |
| | | Cls_ID: this.param?.master_cls?.id || "", |
| | | FunCode: "Delete", |
| | | ShowName: this.$t("sys.delete"), |
| | | Style: "text", |
| | | Prompt: false, |
| | | NotTriggerSYSEvent: false, |
| | | DataStateVerify: false, |
| | | AttrVerify: false, |
| | | AfterProcess_Event: evt, |
| | | }]; |
| | | } |
| | | return []; |
| | | } |
| | |
| | | attr.value, |
| | | attr.operation |
| | | ) |
| | | 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) { |
| | | if (col.fieldId == attr.attr) { |
| | | col.value = $this |
| | | .operationNumber( |
| | | col.value, |
| | | attr.value, |
| | | attr |
| | | .operation |
| | | attr.operation |
| | | ) |
| | | } |
| | | } |
| | |
| | | }); |
| | | } |
| | | } else if (rowData.condition) { |
| | | const conditions = rowData.condition || []; |
| | | if (conditions.length > 0) { |
| | | let bFindCondition = true; |
| | | for (let i in conditions) { |
| | | const condition = conditions[i]; |
| | | let bFind = false; |
| | | for (let i2 in ele.form.items) { |
| | | const ele2 = ele.form.items[i2]; |
| | | if (ele2.name != "Layout") { |
| | | if (ele2.fieldId == condition.attr) { |
| | | if (condition.value == ele2.value) { |
| | | const conditions = rowData.condition |
| | | let bFindCondition = true; |
| | | for (let i in conditions) { |
| | | const condition = conditions[i]; |
| | | let bFind = false; |
| | | for (let i2 in ele.form.items) { |
| | | const ele2 = ele.form.items[i2]; |
| | | if (ele2.name != "Layout") { |
| | | if (ele2.fieldId == condition.attr) { |
| | | if (condition.value == ele2.value) { |
| | | bFind = true; |
| | | } |
| | | break; |
| | | } |
| | | } else { |
| | | const colList = ele2.setting.colList || []; |
| | | for (let i3 in colList) { |
| | | const col = colList[i3]; |
| | | if (col.fieldId == condition.attr) { |
| | | if (condition.value == col.value) { |
| | | bFind = true; |
| | | } |
| | | break; |
| | | } |
| | | } else { |
| | | const colList = ele2.setting.colList || []; |
| | | for (let i3 in colList) { |
| | | const col = colList[i3]; |
| | | if (col.fieldId == condition.attr) { |
| | | if (condition.value == col.value) { |
| | | bFind = true; |
| | | } |
| | | break; |
| | | } |
| | | } |
| | | if (bFind) break; |
| | | } |
| | | } |
| | | if (!bFind) { |
| | | bFindCondition = false; |
| | | break; |
| | | if (bFind) break; |
| | | } |
| | | } |
| | | if (bFindCondition) { |
| | | 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) |
| | | } |
| | | } |
| | | }) |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | if (!bFind) { |
| | | bFindCondition = false; |
| | | break; |
| | | } |
| | | } |
| | | if (bFindCondition) { |
| | | 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) { |
| | |
| | | if (ele.name != 'Layout') { |
| | | if (ele.fieldId == attr.attr) |
| | | ele.value = attr.value; |
| | | 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; |
| | | } |
| | | }); |
| | | ele.setting.colList.forEach(col => { |
| | | if (col) { |
| | | if (col.fieldId == attr.attr) |
| | |
| | | if (data.clear == false) { |
| | | var isflag = true; |
| | | pageData.DefList.forEach((style, index) => { |
| | | if (style.form.objId == detailStyle.form.objId) { |
| | | if (style.form.objId == detailStyle.form.objId) { |
| | | cont.attrs.forEach(attr => { |
| | | style.form.items.forEach(ele => { |
| | |
| | | if (ele.fieldId == attr.attr) { |
| | | ele.value = attr.value; |
| | | ele.oldvalue = attr.value; |
| | | if (ele.name == "Input") { |
| | | if (attr.prompt) ele.placeholder = attr.prompt; |
| | | } |
| | | if (attr.enable !== undefined) { |
| | | if (attr.enable) ele.disabled = false; |
| | | else ele.disabled = true; |
| | | } |
| | | } |
| | | } else if (ele.name == "Layout") { |
| | | ele.setting.colList.forEach((col) => { |
| | |
| | | if (col.fieldId == attr.attr) { |
| | | col.value = attr.value; |
| | | col.oldvalue = attr.value; |
| | | if (col.name == "Input") { |
| | | if (attr.prompt) col.placeholder = attr.prompt; |
| | | } |
| | | if (attr.enable !== undefined) { |
| | | if (attr.enable) col.disabled = false; |
| | | else col.disabled = true; |
| | | } |
| | | } |
| | | } |
| | | }); |
| | |
| | | const style = pageData.DefList[index]; |
| | | //删除码盘中样式面板 |
| | | pageData.DefList.splice(index, 1); |
| | | this.del(pageData, style, btn.AfterProcess_Event); |
| | | if (btn.AfterProcess_Event.ID) |
| | | this.del(pageData, style, btn.AfterProcess_Event); |
| | | this.$set(this.pageDetail, pageIndex, pageData) |
| | | } |
| | | } else if (btn.FunCode == "Modify") { |
| | |
| | | }, |
| | | 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('close') |
| | | }); |
| | | return false; |
| | | } |
| | | // 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('close') |
| | | // }); |
| | | // return false; |
| | | // } |
| | | //获取表头属性 |
| | | var head_attr = {}; |
| | | this.head_styledef.form.items.forEach(item => { |
| | |
| | | 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: 10rpx 5rpx; |
| | | font-size: 32rpx; |
| | | color: rgb(192, 196, 204); |
| | | } |
| | | } |
| | | |
| | | .input-wrapper:hover { |
| | | border: 1px solid rgb(41, 121, 255); |
| | | } |
| | | } |
| | | |
| | | .view-content { |
| | | display: flex; |
| | |
| | | padding: 0px; |
| | | margin: 0; |
| | | |
| | | |
| | | .uni-forms-item { |
| | | padding-bottom: 5rpx; |
| | | margin-bottom: 0; |
| | |
| | | height: 20px !important; |
| | | padding: 0 10rpx 0 0 !important; |
| | | } |
| | | |
| | | .uni-input { |
| | | width: calc(100% - 12rpx); |
| | | padding: 5rpx; |
| | | border: 1px solid #d5d5d5; |
| | | color: #2d8cf0; |
| | | height: 20px; |
| | | background: #FFF; |
| | | line-height: 20px; |
| | | border-radius: 6px !important; |
| | | font-size: 14px; |
| | | font-family: inherit; |
| | | box-shadow: none !important; |
| | | transition-duration: 0.1s; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | .uni-input:hover { |
| | | border: 1px solid rgb(41, 121, 255); |
| | | } |
| | | } |
| | | |
| | | |
| | | } |
| | | |
| | |
| | | .input-disabled { |
| | | background-color: #f3f3f3 !important; |
| | | } |
| | | |
| | | // ::v-deep .uni-row { |
| | | // margin-bottom: 0px; |
| | | // } |
| | | |
| | | // .view-tabpage ::v-deep .uni-row { |
| | | // margin-bottom: 5px; |
| | | // } |
| | | |
| | | .demo-uni-col { |
| | | height: 36px; |