centaline-data-driven 1.5.28 → 1.5.30

package/src/centaline/dynamicSearchList/src/dynamicSearchScreen.vue

@@ -4,11 +4,11 @@
       <div :class="isLayout === true ? 'ct-ptl0 max-ptb5' : 'ct-ptb5 max-ptb5'" v-if="showScreen">
         <template v-for="(col, index) in model.screen" v-if="col.show !== false">
           <br v-if="col.is === 'ct-linefeed'" />
-          <component v-else class="list-field max-list-field" v-bind="col.listBind" :is="col.is" :vmodel="col" :api="model.optionApi" :key="col.keyScreen"
-          @click="clickHandler(col)" @change="changeHandler(col,$event)"></component>
+          <component v-else class="list-field max-list-field" v-bind="col.listBind" :is="col.is" :vmodel="col" :api="model.optionApi" :key="col.keyScreen" :actionRouters="model.actionRouters"
+                     @click="clickHandler(col)" @change="changeHandler(col,$event)"></component>
         </template>
-        <component v-for="(col, index) in model.btnScreen" :key="index" :is="col.is" :vmodel="col" :api="model.optionApi" 
-        @click="clickHandler(col)" @change="changeHandler(col,$event)"></component>
+        <component v-for="(col, index) in model.btnScreen" :key="index" :is="col.is" :vmodel="col" :api="model.optionApi" :actionRouters="model.actionRouters"
+                   @click="clickHandler(col)" @change="changeHandler(col,$event)" @SaveSearchWhere="SaveSearchWhere" @SearchWhereManage="SearchWhereManage" @clichSearchWhere="clichSearchWhere"></component>
       </div>
       <div class="shortcutFollow max-shortcutFollow" style="padding-left: 20px;" v-if="model.shortcutForm">
         <ct-form :source="model.shortcutForm.code1" @submit="saveShortcut"></ct-form>
@@ -17,7 +17,7 @@
         <div style="width:100%">
           <template v-for="(col, index) in highScreenRow" v-if="col.show !== false">
             <br v-if="col.is === 'ct-linefeed'" />
-            <component v-else class="list-field" v-bind="col.listBind" :key="col.keyScreen" :is="col.is" :vmodel="col" :api="model.optionApi" @click="clickHandler(col)"></component>
+            <component v-else class="list-field" v-bind="col.listBind" :key="col.keyScreen" :is="col.is" :vmodel="col" :api="model.optionApi" :actionRouters="model.actionRouters" @click="clickHandler(col)"></component>
           </template>
         </div>
       </div>
@@ -28,7 +28,8 @@
   </div>
 </template>
 <script>
-  import dynamicElement from '../../mixins/dynamicElement';
+  import common from '../../common';
+import dynamicElement from '../../mixins/dynamicElement';
   export default {
     name: 'ct-searchscreen',
     mixins: [dynamicElement],
@@ -46,6 +47,7 @@
     },
     data() {
       return {
+        LabelName:'',
         isLoading: true,
         screenRow: [],
         highScreenRow: [],
@@ -98,6 +100,511 @@
             break;
         }
       },
+      clichSearchWhere(col) {
+        if (typeof col.scripts !== 'undefined') {
+          this.model.reset();
+          this.model.scripts.formData = this.model.formData;
+          this.model.scripts.formData.form = this.model;
+          this.model.scripts.formData.excuteData = this.model.screen;
+          this.model.scripts.formData.fieldsDic = this.model.screenDic;
+          this.$common.excute.call(this.model.scripts, col.scripts);
+          this.$emit('search', this.model.scripts.formData.form);
+        }
+      },
+      SaveSearchWhere(field) {
+        if (this.model.searchDataOfShow.fields.length == 0) {
+          this.$message({
+            message: "没有选择任何搜索条件，无需保存！",
+            type: 'warning',
+            showClose: true,
+          });
+          return;
+        }
+        var submitData = {};
+        submitData["jsonData"] = JSON.stringify(this.model.searchData.fields);
+        this.clickHandlerfield(field, submitData)
+      },
+      SearchWhereManage(model) {
+        let field = this.model.actionRouters.find((b) => {
+          return b.id === model.routerKey;
+        });
+        this.clickHandlerfieldManage(field);
+      },
+      clickHandlerfield(field, submitData) {
+        var self = this;
+        this.model.scripts.$fd = field.id;
+        this.model.scripts.$result = [];
+
+        var clickAcion = function (field) {
+          //若不是客户端方法，则直接访问接口
+          if (!field.isClientFuntion) {
+            let verified = true;
+            if (field.isSubmit) {
+              if (field.flagVerifyData) {
+                verified = self.validExcute();
+              }
+              if (verified) {
+                if (field.flagVerifyData && typeof field.onClick !== 'undefined') {
+                  verified = self.$common.excute.call(self.model.scripts, field.onClick);
+                }
+
+                if (verified) {
+                  //action有值，提交到后台
+                  if (field.action) {
+                    field.disabled = true;//提交按钮禁用
+                    self.model.pageDisabled = true;
+
+                    if (field.flagAsync) {
+                      field.doAction(self.getFormObj(), (res) => {
+                        if (res.content && res.content.action) {
+                          var dialogOption = {
+                            title: field.pageTitle || field.label,
+                            content: [{
+                              component: 'ct-progress',
+                              attrs: {
+                                progressAction: res.content.action,
+                                progressKey: res.content.key,
+                                progressType: field.isExport ? 'export' : 'import',
+                                width: '350px',
+                                height: '165px'
+                              },
+                              on: {
+                                finished(data) {
+                                  field.disabled = false;
+                                  self.model.pageDisabled = false;
+                                  self.$common.closeDialog(dialogOption.dialog);
+                                  if (data.rtnMsg) {
+                                    self.$message({
+                                      message: data.rtnMsg,
+                                      type: 'success',
+                                      showClose: true,
+                                    });
+                                  }
+                                  if (data.notification === 17) {
+                                    self.clickHandler(self.model.getRtnRouter(data.content), null)
+                                  }
+                                  self.$emit('submit', { formData: self.model, responseData: data });
+                                },
+                                error(data) {
+                                  field.disabled = false;
+                                  self.model.pageDisabled = false;
+                                  self.$common.closeDialog(dialogOption.dialog);
+                                  self.$message({
+                                    message: data.rtnMsg,
+                                    type: 'warning',
+                                    showClose: true,
+                                  });
+                                }
+                              }
+                            }]
+                          };
+                          self.$common.openDialog(dialogOption);
+                        }
+                      });
+                    }
+                    else {
+                      field.doAction(self.getFormObj(), (data) => {
+                        field.disabled = false;
+                        self.model.pageDisabled = false;
+                        if (data.rtnCode === 200) {
+                          if (data.notification === 17) {
+                            self.clickHandler(self.model.getRtnRouter(data.content), null)
+                          }
+                          if (self.model.flagAlertClose) {
+                            self.$common.confirm('操作成功，是否关闭本页面?', '提示', {
+                              confirmButtonText: '确定',
+                              cancelButtonText: '取消',
+                              type: 'warning'
+                            }).then(() => {
+                              //如果没有弹框 则关闭tab页
+                              if (self.$common.dialogList && self.$common.dialogList.List.length === 0) {
+                                if (typeof self.$common.getDataDrivenOpts().handler.closeTab === 'function') {
+                                  self.$common.getDataDrivenOpts().handler.closeTab();
+                                }
+                              }
+                              self.$emit('submit', { formData: self.model, responseData: data });
+                            }).catch(() => {
+                              self.init();
+                            });
+                          }
+                          else {
+                            if (self.$common.dialogList && self.$common.dialogList.List.length === 0 && self.openType !== 'detail'
+                              && field.actionType && field.actionType === 2 && data.notification !== 17) {
+                              if (typeof self.$common.getDataDrivenOpts().handler.closeTab === 'function') {
+                                self.$common.getDataDrivenOpts().handler.closeTab();
+                              }
+                            }
+                            self.$emit('submit', { formData: self.model, responseData: data });
+                          }
+                          if (self.parentModel) {
+                            self.parentModel.$vue.closeTabThen(data);
+                          }
+                        }
+                        else if (data.rtnCode === 202) {
+                          self.$common.confirm(data.rtnMsg, '提示', {
+                            confirmButtonText: '确定',
+                            cancelButtonText: '取消',
+                            type: 'warning'
+                          }).then(() => {
+                            field.doAction(self.getFormObj({ flagHaveAlert: '1' }), (res) => {
+                              if (res.rtnCode === 200) {
+                                if (res.notification === 17) {
+                                  self.clickHandler(self.model.getRtnRouter(res.content), null)
+                                }
+                                else {
+                                  self.$emit('submit', { formData: self.model, responseData: res });
+                                }
+                              }
+                            });
+                          }).catch(() => {
+                          });
+                        }
+                      }, self.model.scripts);
+                    }
+
+                  }
+                  //无值，触发submit事件
+                  else {
+                    self.$emit('submit', { formData: self.model, responseData: {} });
+                  }
+                }
+              }
+            }
+            else {
+              if (field.flagAttachSearchCondition) {
+                if (!self.validExcute()) {
+                  return;
+                }
+              }
+              if (typeof field.onClick !== 'undefined') {
+                verified = self.$common.excute.call(self.model.scripts, field.onClick);
+              }
+
+              if (!submitData) {
+                submitData = self.getFileData(field);
+              }
+
+              if (field.isTabInSystem) {
+                if (field.isOpenBaiduMap) {
+                  submitData = field.getActionPara(submitData).para;
+                  self.$common.getDataDrivenOpts().handler.openTabBaiduMap(submitData, field.pageTitle || field.label);
+                }
+              }
+              else if (field.isTabInBrowse) {
+
+              }
+              else if (field.isLayerInSystem) {
+                if (field.isOpenBaiduMap) {
+                  var dialogOption = {
+                    title: field.pageTitle,
+                    pane: self.$common.getParentPane(self),
+                    content: [
+                      {
+                        component: "ct-mapBaidu",
+                        attrs: {
+                          field: field,
+                          apiParam: field.getActionPara(submitData).para,
+                          width: field.dialogWidth + "px",
+                          height: field.dialogHeight + "px",
+                        },
+                        on: {
+                          submit(ev) {
+                            if (callBack) {
+                              callBack(field);
+                            }
+                            self.$common.closeDialog(dialogOption.dialog);
+                          },
+                          closeDialog(ev) {
+                          }
+                        },
+                      },
+                    ],
+                  };
+                  self.$common.openDialog(dialogOption);
+                }
+              }
+              else if (field.isOpenForm) {
+                var dialogOption = {
+                  title: field.pageTitle,
+                  pane: self.$common.getParentPane(self),
+                  content: [{
+                    component: 'ct-form',
+                    attrs: {
+                      api: field.action,
+                      apiParam: field.getActionPara(submitData).para,
+                      showTitle: false,
+                      width: field.dialogWidth + 'px',
+                      height: field.dialogHeight + 'px',
+                      documentHeight: self.documentHeight,
+                      documentWidth: self.documentWidth,
+                    },
+                    on: {
+                      submit(ev) {
+                        self.$common.closeDialog(dialogOption.dialog);
+                      }
+                    }
+                  }]
+                };
+                self.$common.openDialog(dialogOption);
+              }
+              else if (field.isOpenList) {
+                var dialogOption = {
+                  title: field.pageTitle,
+                  pane: self.$common.getParentPane(self),
+                  content: [{
+                    component: 'ct-searchlist',
+                    attrs: {
+                      searchConditionApi: field.actionForSearchLayout,
+                      searchDataApi: field.actionForSearch,
+                      apiParam: submitData,
+                      width: field.dialogWidth + 'px',
+                      height: field.dialogHeight + 'px'
+                    },
+                    on: {
+                      submit(ev) {
+                        self.model.updateFields(ev, () => {
+                          self.$refs.Fields.forEach((fd) => {
+                            fd.$forceUpdate();
+                          });
+                        });
+                        self.$common.closeDialog(dialogOption.dialog);
+                      }
+                    }
+                  }]
+                };
+                self.$common.openDialog(dialogOption);
+              }
+              else if (field.isFormPageInTab) {// 外部框架tab页打开
+                submitData = field.getActionPara(submitData).para;
+                self.$common.getDataDrivenOpts().handler.openTab(field.action, submitData, field.pageTitle, self.model, field.dialogWidth);
+              }
+              else if (field.isSearchPageInTab) {// 外部框架tab页打开
+                submitData = field.getActionPara(submitData).para;
+                self.$common.getDataDrivenOpts().handler.openTabSearch(field, submitData);
+              }
+              else if (field.isOpenUrlInBrowse) {// 浏览器打开
+                window.open(submitData[field.submitFormField], "_blank");
+              }
+              else if (field.isBrowserNewTab) {// 浏览器打开
+                submitData = field.getActionPara(submitData).para;
+                let query = self.$common.objectToQueryStr(submitData);
+                window.open(field.action + query, "_blank");
+              }
+              else if (field.isUrlInSystemTab) {//外部框架tab页打开URl
+                submitData = field.getActionPara(submitData).para;
+                let query = self.$common.objectToQueryStr(submitData);
+                let urlTab = field.action + query;
+                if (field.action.indexOf('?') > -1 && query.indexOf('?') > -1) {
+                  urlTab = field.action + '&' + query.substr(1, query.length);
+                }
+                self.$common.getDataDrivenOpts().handler.openTabUrl(urlTab, field.pageTitle || field.label);
+              }
+              else if (field.isSeeVoice) {//看视频
+                self.$common.browseVideo(field, submitData)
+              }
+              else if (field.isExport || field.flagAsync) {
+                submitData = field.getActionPara(submitData).para;
+                if (field.flagAsync) {
+                  field.doAction(submitData, (res) => {
+                    if (res.content && res.content.action) {
+                      var dialogOption = {
+                        title: field.pageTitle || field.label,
+                        content: [{
+                          component: 'ct-progress',
+                          attrs: {
+                            progressAction: res.content.action,
+                            progressKey: res.content.key,
+                            progressType: field.isExport ? 'export' : 'import',
+                            width: '350px',
+                            height: '165px'
+                          },
+                          on: {
+                            finished(data) {
+                              self.$common.closeDialog(dialogOption.dialog);
+                              if (data.rtnMsg) {
+                                self.$message({
+                                  message: data.rtnMsg,
+                                  type: 'success',
+                                  showClose: true,
+                                });
+                              }
+                              if (field && field.changeCallBackFunName) {
+                                self.changeCallBackHandler(field, field.changeCallBackFunName, data.content);
+                              }
+                              else {
+                                self.model.doAction(data);
+                              }
+                            },
+                            error(data) {
+                              self.$common.closeDialog(dialogOption.dialog);
+                              self.$message({
+                                message: data.rtnMsg,
+                                type: 'warning',
+                                showClose: true,
+                              });
+                            }
+                          }
+                        }]
+                      };
+                      self.$common.openDialog(dialogOption);
+                    }
+                  });
+                }
+                else {
+                  if (field.action.indexOf("http://") === 0 || field.action.indexOf("https://") === 0) {
+                    //var tempwindow = window.open('about:blank');
+                    //tempwindow.location = field.action;
+                    if (field.action.indexOf("?") > -1) {
+                      self.downloadUrl = field.action + "&" + Math.random();
+                    }
+                    else {
+                      self.downloadUrl = field.action + "?" + Math.random();
+                    }
+                    // document.body.addEventListener('click', function() {
+                    //   window.open(field.action, "_blank");
+                    // });
+                  }
+                  else {
+                    field.doAction(submitData, (data) => {
+                      if (data.content) {
+                        if (data.content.indexOf("http://") === 0 || data.content.indexOf("https://") === 0) {
+                          //var tempwindow = window.open('about:blank');
+                          //tempwindow.location = data.content;
+                          if (data.content.indexOf("?") > -1) {
+                            self.downloadUrl = data.content + "&" + Math.random();
+                          }
+                          else {
+                            self.downloadUrl = data.content + "?" + Math.random();
+                          }
+                          // document.body.addEventListener('click', function() {
+                          //   window.open(data.content, "_blank");
+                          // });
+                        }
+                        else {
+                        }
+                      }
+                    });
+                  }
+                }
+              }
+              else {
+                submitData = field.getActionPara(submitData).para;
+                field.doAction(submitData, (data) => {
+                  if (data.rtnCode === 200 || data.isSuccess) {
+                    if (field && field.changeCallBackFunName) {
+                      self.changeCallBackHandler(field, field.changeCallBackFunName, data.content);
+                    }
+                    else if (field.isRefersh) {
+                      self.collapse.splice(0, self.collapse.length);
+                      self.collapseActiveNames.splice(0, self.collapseActiveNames.length);
+                      self.collapseFieldsRow.splice(0, self.collapseFieldsRow.length);
+                      self.independentItem.splice(0, self.independentItem.length);
+                      self.load(self.loaderObj.Form(data.content));
+                      self.formKey = self.formKey + 1;
+                    }
+                    else {
+                      self.model.doAction(data);
+                    }
+                  }
+                }, self.model.scripts);
+              }
+            }
+          }
+          //执行客户端脚本
+          else {
+            if (!submitData) {
+              submitData = {};
+              var tempFormData = self.model.getFormObj();
+              field.submitFormField.forEach((v) => {
+                submitData[v] = self.$common.getDataOfUpperLower(tempFormData, v);
+              });
+            }
+            submitData = field.getActionPara(submitData).para;
+            let title = field.pageTitle == undefined ? field.label : field.pageTitle;
+            submitData.actionType = field.actionType;
+            var fun = self.$common.getDataDrivenOpts().handler[field.action];
+            fun(submitData, title, self.model);
+          }
+        }
+
+        if (field.isSubmit && field.flagVerifyData && !self.validExcute()) {
+          return;
+        }
+
+        if (field.alert) {
+          self.$common.confirm(field.alertMsg, field.alertCaption, {
+            confirmButtonText: field.alertOKButtonText,
+            cancelButtonText: field.alertCancelButtonText,
+            //type: 'warning'
+            center: field.alertCenter
+          }).then(() => {
+            clickAcion(field, submitData);
+          }).catch(() => {
+          });
+        }
+        else {
+          clickAcion(field, submitData);
+        }
+      },
+      clickHandlerfieldManage(field, submitData) {
+        var self = this;
+        var clickAcion = function (field) {
+          //若不是客户端方法，则直接访问接口
+          if (!field.isClientFuntion) {
+            if (!submitData) {
+              submitData = {};
+              field.getSearchPara().fields.forEach((f) => {
+                submitData[common.initialsToLowerCase(f.fieldName1)] = f.searchValue1;
+              });
+              submitData["sourceFrom"] = "setting";
+            }
+            var dialogOption = {
+              title: field.pageTitle,
+              pane: self.$common.getParentPane(self),
+              content: [{
+                component: 'ct-searchlist',
+                attrs: {
+                  searchConditionApi: field.actionForSearchLayout,
+                  searchDataApi: field.actionForSearch,
+                  apiParam: submitData,
+                  width: field.dialogWidth + 'px',
+                  height: field.dialogHeight + 'px'
+                },
+                on: {
+                  submit(ev) {
+                    self.model.updateFields(ev, () => {
+                      self.$refs.Fields.forEach((fd) => {
+                        fd.$forceUpdate();
+                      });
+                    });
+                    self.$common.closeDialog(dialogOption.dialog);
+                  }
+                }
+              }]
+            };
+            self.$common.openDialog(dialogOption);
+          }
+        }
+
+        if (field.isSubmit && field.flagVerifyData && !self.validExcute()) {
+          return;
+        }
+
+        if (field.alert) {
+          self.$common.confirm(field.alertMsg, field.alertCaption, {
+            confirmButtonText: field.alertOKButtonText,
+            cancelButtonText: field.alertCancelButtonText,
+            //type: 'warning'
+            center: field.alertCenter
+          }).then(() => {
+            clickAcion(field, submitData);
+          }).catch(() => {
+          });
+        }
+        else {
+          clickAcion(field, submitData);
+        }
+      },
       loadScreen() {
         var self = this;
         var hasParent = self.model.screen.filter((v) => {
@@ -163,6 +670,13 @@
         self.loadScreen();
         self.loadHighScreen();
         self.setScreenShow();
+        if (self.model.onload) {
+          self.model.scripts.formData = self.model.formData;
+          self.model.scripts.formData.form = self.model;
+          self.model.scripts.formData.excuteData = self.model.screen;
+          self.model.scripts.formData.fieldsDic = self.model.screenDic;
+          self.$common.excute.call(self.model.scripts, self.model.onload);
+        }
         self.isLoading = false;
         self.$emit('loaded', self.model.defaultSearch);
         self.$emit('showTitle');
@@ -254,4 +768,7 @@
     border-bottom-right-radius: 6px !important;
     -webkit-box-shadow: #cfcece 0px  7px 9px 0px!important;
 }
+  .el-message-box .el-button--small {
+    padding: 7px 15px;
+  }
 </style>

package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue

@@ -1730,6 +1730,7 @@ export default {
           function () {
             self.$forceUpdate();
             self.tableComplate = false;
+            self.$emit("searchComplate");
           },
           data,
           router