centaline-data-driven-v3 0.0.89 → 0.0.91

package/src/components/web/other/PopupSearchListTable.vue

@@ -57,7 +57,7 @@
     </div>
 </template>
 <script setup lang="ts">
-import { ref, nextTick } from 'vue'
+import { ref, nextTick, onBeforeUnmount } from 'vue'
 import { ElMessage } from 'element-plus'
 import common from '../../../utils/common'
 import { RouterClickHandler } from '../../../utils/mixins';
@@ -86,6 +86,11 @@ const isBusy = ref(false)
 const elTableHeight = ref(0)
 const selectCount = ref(0)
 const multipleTable = ref()
+
+onBeforeUnmount(()=>{
+  multipleTable.value.$el.querySelector('.el-scrollbar__wrap').removeEventListener('scroll', scrollHandle);
+  multipleTable.value=null;
+})
 function load(data) {
     loadingOne.value = false;
     model.value = data;

package/src/components/web/photo.vue

@@ -146,6 +146,8 @@ const refupload = ref()
 const QRCodeRef = ref()
 const UploadhttpRequest = ref({})
 const model = ref(null)
+const qrtimer1=ref(null)
+const qrtimer2=ref(null)
 
 const headers = computed(() => {
   return common.getDataDrivenOpts().handler.getRequestHeaders();
@@ -222,7 +224,7 @@ function handleRemove(file) {
   }).then(() => {
     Photo.deleteFile(file, false, model.value);
     selfValidExcute("remove");
-    setTimeout(() => {
+    qrtimer1.value = setTimeout(() => {
       QRCodeLocate();
     }, 1080);
 
@@ -274,7 +276,7 @@ function uploadProcess(event, file, fileList) {
   file.loadProgress = parseInt(event.percent); // 动态获取文件上传进度
   if (file.loadProgress >= 100) {
     file.loadProgress = 100;
-    setTimeout(() => {
+    qrtimer2.value = setTimeout(() => {
       file.progressFlag = false;
     }, 1000); // 一秒后关闭进度条
   }
@@ -522,10 +524,21 @@ function ListenerPaste(event) {
 document.addEventListener('paste', ListenerPaste);
 onBeforeUnmount(() => {
   //销毁定时上传
-  clearTimeout(model.value.qrtimer);
+  if (model.value.qrtimer) {
+    clearTimeout(model.value.qrtimer);
+    model.value.qrtimer = null;
+  }
   window.removeEventListener('scroll', model.value.QRCodeLocate, true)
   //销毁贴事件监听器 
   document.removeEventListener('paste', ListenerPaste)
+  if (qrtimer1.value) {
+    clearTimeout(qrtimer1.value);
+    qrtimer1.value = null;
+  }
+  if (qrtimer2.value) {
+    clearTimeout(qrtimer2.value);
+    qrtimer2.value = null;
+  }
 })
 defineExpose({
   model

package/src/loader/src/CheckBoxList.js

@@ -8,7 +8,7 @@ const CheckBoxList = function (source) {
             this._value = [];
             if (source.code1) {
                 let val = source.code1
-                if (typeof source.code1 === 'string'){
+                if (typeof source.code1 === 'string') {
                     val = JSON.parse(source.code1)
                 }
                 val.forEach((v) => {
@@ -33,14 +33,14 @@ const CheckBoxList = function (source) {
             });
             currentOptions.forEach((v) => {
                 rtn.globalOptions.forEach((v1) => {
-                    if(v.code===v1.code){
-                        v['rowID']=v1['rowID']
+                    if (v.code === v1.code) {
+                        v['rowID'] = v1['rowID']
                     }
                 });
             });
             if (source.code1) {
                 let checked = source.code1
-                if (typeof source.code1 === 'string'){
+                if (typeof source.code1 === 'string') {
                     checked = JSON.parse(source.code1)
                 }
                 checked.forEach((v) => {
@@ -68,17 +68,28 @@ const CheckBoxList = function (source) {
         //初始数据
         get globalOptions() {
             if (source.code1) {
-                if (typeof source.code1 === 'string'){
+                if (typeof source.code1 === 'string') {
                     return [].concat(JSON.parse(source.code1));
                 }
                 return [].concat(source.code1);
-                
+
             }
             else {
                 return []
             }
         },
-
+        getCheckedName() {
+            var nameArr = '';
+            var checked = source.code1 === '' ? [] : [].concat(JSON.parse(source.code1));
+            checked.forEach((v) => {
+                if (v['code']) {
+                    if (!v['flagDeleted']) {
+                        nameArr = nameArr + (nameArr ? ' ' : '') + v['name'];
+                    }
+                }
+            });
+            return nameArr;
+        },
 
     };
     rtn = base.copy(source, rtn);

package/src/loader/src/Field.js

@@ -829,6 +829,11 @@ const Base = function (source, moreActionRouter) {
                     }
                     else {
                         this.value = this.defaultCode1
+                        if(this.searchName){
+                            this.searchName=''
+                            this.searchValue=''
+                            this.searchValue1=''
+                        }
                     }
 
                 }

package/src/loader/src/Form.js

@@ -63,17 +63,6 @@ function loadFromModel(source, isFormList) {
           router[attrKey] = attrValue;
         }
       },
-      setbuttonRouter(id, attrKey, attrValue) {
-        var router = this.form.buttons.find((v1) => {
-          return v1.key === id;
-        });
-        if (router) {
-          router[attrKey] = attrValue;
-          if (common.flagApp() && this.form.$vue.loaded) {
-            this.form.$vue.loaded(this.form)
-          }
-        }
-      },
       //获取Field的属性attrKey的值
       getValueByFieldName(id, attrKey) {
         attrKey = common.initialsToLowerCase(attrKey);
@@ -125,6 +114,11 @@ function loadFromModel(source, isFormList) {
             }
             if (rtn1.itemKey) rtn1.itemKey = Math.random()
           }
+          if (rtn1.is == 'ct-button') {
+            if (common.flagApp() && this.form.$vue.loaded) {
+              this.form.$vue.loaded(this.form)
+            }
+          }
           hiddenHandle(rtn1, this.form);
           requiredHandle(rtn1, this.form);
         }
@@ -917,14 +911,14 @@ function allRequiredHandle(model) {
 function requiredHandle(item, model) {
   if (item.fieldName1) {
     let field = null;
+    let field1 = null;
     let value = getFieldValue(item);
     for (var i in model.fields) {
       if (model.fields[i].requiredRelationField === item.fieldName1) {
         field = model.fields[i];
-        let f = model.fieldsDic[field.fieldName1];
         if (field) {
-          let hiddenValueArr = field.requiredRelationFieldValue.split(',');
-          if (hiddenValueArr.indexOf(value) > -1) {
+          let requiredValueArr = field.requiredRelationFieldValue.split(',');
+          if (requiredValueArr.indexOf(value) > -1) {
             field.required = true;
           }
           else {
@@ -932,6 +926,22 @@ function requiredHandle(item, model) {
           }
         }
       }
+      if (model.fields[i].controlType == Enum.ControlType.Compound || model.fields[i].controlType == Enum.ControlType.ContainerControl) {
+        for (var i1 in model.fields[i].fields) {
+          if (model.fields[i].fields[i1].requiredRelationField === item.fieldName1) {
+            field1 = model.fields[i].fields[i1];
+            if (field1) {
+              let requiredValueArr = field1.requiredRelationFieldValue.split(',');
+              if (requiredValueArr.indexOf(item.code1) > -1) {
+                field1.required = true;
+              }
+              else {
+                field1.required = false;
+              }
+            }
+          }
+        }
+      }
     }
   }
 }

package/src/loader/src/SearchScreen.js

@@ -1,3 +1,4 @@
+import base from '../index';
 import LibFunction from './LibFunction';
 import Enum from '../../utils/Enum';
 import common from '../../utils/common';
@@ -26,6 +27,395 @@ function loadSearchScreenApi(action, callBack, screenPara, prevParam, failCallBa
 }
 function loadSearchScreenModel(source, prevParam) {
     let rtn = {
+        formData: {
+            form: null,
+            formTable: null,
+            excuteData: null,//fields
+            fieldsDic: null,//fieldsDic
+            _excuteListData: undefined,
+            enableRelationFields(FlagRelation) {
+              this.form.enableRelationFields = FlagRelation
+            },
+            //获取code1
+            getCode1ByField1(id) {
+              var rtn1 = this.fieldsDic[id];
+              if (rtn1) {
+                return rtn1.code1;
+              }
+            },
+      
+            //获取code2
+            getCode2ByField1(id) {
+              var rtn1 = this.fieldsDic[id];
+              if (rtn1) {
+                return rtn1.code2;
+              }
+            },
+            setActionRouter(id, attrKey, attrValue) {
+              var router = this.form.actionRouters.find((v1) => {
+                return v1.key === id;
+              });
+              if (router) {
+                router[attrKey] = attrValue;
+              }
+            },
+            //获取Field的属性attrKey的值
+            getValueByFieldName(id, attrKey) {
+              attrKey = common.initialsToLowerCase(attrKey);
+              var rtn1 = this.fieldsDic[id];
+              if (rtn1) {
+                return rtn1[attrKey];
+              }
+            },
+            getValueByFieldNameFromParent(id, attrKey) {
+              if (this.form && this.form.parentModelForm) {
+                return this.form.parentModelForm.getValueByFieldName(id, attrKey);
+              }
+              return null;
+            },
+            //设置Field的属性attrKey的值
+            setValueByFieldName(id, attrKey, attrValue) {
+              attrKey = common.initialsToLowerCase(attrKey);
+              var rtn1 = this.fieldsDic[id];
+              if (rtn1) {
+                if (attrKey == 'code1' && rtn1.controlType === Enum.ControlType.NumericTextBox
+                  && attrValue != undefined && attrValue != null && attrValue != '') {
+                  if (rtn1.decimals1 != undefined && rtn1.decimals1 != null && rtn1.decimals1 > -1) {
+                    attrValue = Number(attrValue).toFixed(rtn1.decimals1)
+                  }
+                }
+                else if (attrKey == 'code1' && (rtn1.controlType === Enum.ControlType.File
+                  || rtn1.controlType === Enum.ControlType.SliceUpload || rtn1.controlType === Enum.ControlType.PhotoSelect)
+                  && attrValue != undefined && attrValue != null && attrValue != '') {
+                  rtn1.jsSetFile(attrValue, rtn1);
+                }
+                rtn1[attrKey] = attrValue;
+                if (rtn1.controlType === Enum.ControlType.Tags) {
+                  rtn1["value"] = JSON.parse(attrValue);
+                }
+                if (rtn1.controlType === Enum.ControlType.SearchListBox
+                  || rtn1.controlType === Enum.ControlType.ComboBox
+                  || rtn1.controlType === Enum.ControlType.MultiSelectWithSearch
+                  || rtn1.controlType === Enum.ControlType.MultiSelectNoSearch
+                ) {
+                  if (rtn1["options"].length == 0) {
+                    rtn1["options"] = [{ value: '', label: '' }];
+                  }
+                  if (attrKey == 'code1') {
+                    rtn1["value"] = attrValue;
+                    rtn1["options"][0]["value"] = attrValue
+                  }
+                  if (attrKey == 'name1') {
+                    rtn1["options"][0]["label"] = attrValue
+                  }
+                  if (rtn1.itemKey) rtn1.itemKey = Math.random()
+                }
+                if (rtn1.is == 'ct-button') {
+                  if (common.flagApp() && this.form.$vue.loaded) {
+                    this.form.$vue.loaded(this.form)
+                  }
+                }
+                hiddenHandle(rtn1, this.form);
+              }
+            },
+            setValueByFieldNameFromParent(id, attrKey, attrValue) {
+              if (this.form && this.form.parentModelForm) {
+                return this.form.parentModelForm.setValueByFieldName(id, attrKey, attrValue);
+              }
+              return null;
+            },
+            //设置Field的v1、v2的值
+            setV1AndV2ByField1(id, code1, code2) {
+              var rtn1 = this.fieldsDic[id];
+              if (rtn1) {
+                if (typeof rtn1.code1 !== 'undefined') {
+                  rtn1.code1 = code1;
+                  hiddenHandle(rtn1);//隐藏关联的
+                }
+                if (typeof rtn1.code2 !== 'undefined') {
+                  rtn1.code2 = code2;
+                }
+              }
+            },
+            clearMedia(id) {
+              var rtn1 = this.fieldsDic[id];
+              for (let i = 0; i < rtn1.fileSourceList.length; i++) {
+                rtn1.fileSourceList[i].flagDeleted = true;
+              }
+              rtn1.fileList = [];
+            },
+            setTabsSelect(id) {
+              if (this.form && this.form.$vue) {
+                var f = this.fieldsDic[id];
+                if (this.form.isHorizontalLayout) {
+                  this.form.$vue.activeName = f.collapseName.toString() === '-1' ? this.form.$vue.activeName : f.collapseName.toString();
+                }
+              }
+            },
+            //路由提交
+            submit(fieldName1) {
+              if (this.form && this.form.$vue) {
+                this.form.$vue.fieldClickHandler({ fieldName1: fieldName1 });
+              }
+            },
+      
+            //获取列表数据
+            get excuteListData() {
+              if (this._excuteListData) {
+                return this._excuteListData;
+              }
+              else {
+                if (this.excuteData !== null) {
+                  this._excuteListData = this.excuteData.filter((v) => {
+                    return typeof v.is !== undefined && (v.is === 'ct-formlist' || v.is === 'ct-repeat');
+                  });
+                }
+              }
+              return this._excuteListData;
+            },
+            setExcuteListData(fields) {
+              this._excuteListData = null;
+              if (fields !== null) {
+                this.excuteData = fields;
+                this._excuteListData = fields.filter((v) => {
+                  return typeof v.is !== undefined && (v.is === 'ct-formlist' || v.is === 'ct-repeat');
+                });
+              }
+            },
+            //获取列表的Field
+            getListField(tableName, rowNum, fiedlId) {
+              let listData = this.excuteListData.find((v) => {
+                return v.name === tableName;
+              });
+              if (listData) {
+                let field = null;
+                //正在编辑的Field
+                if (rowNum === null && (fiedlId === null || listData.currentEventField.fieldName1 === fiedlId)) {
+                  field = listData.currentEventField;
+                }
+                //正在编辑的行
+                else if (rowNum === null && listData.currentRowIndex === 0) {
+                  let fields = listData.currentRow.data;
+                  field = fields[fiedlId];
+                }
+                //源数据
+                else {
+                  if (rowNum === null && listData.currentRowIndex) {
+                    rowNum = listData.currentRowIndex;
+                  }
+      
+                  if (rowNum === 0 || (rowNum && fiedlId)) {
+                    try {
+                      let fields = listData.rows[rowNum].field;
+                      field = fields.find((v) => {
+                        return v.fieldName1 === fiedlId;
+                      });
+                    } catch (e) {
+                      if (listData.rows.length <= rowNum) {
+                        common.message('获取列表行索引超出界限', 'error')
+                      }
+                    }
+                  }
+                }
+      
+                return { listData: listData, field: field };
+              }
+            },
+            //获取列表的行数（注意 这里包括列头）
+            getListCount(tableName) {
+              tableName = tableName ? tableName : this.form.scripts.$fd;
+              let data = this.getListField(tableName, null, null);
+              if (data) {
+                return data.listData.rows.length;
+              }
+            },
+            //获取表格某行某列的值
+            getListFieldValue(tableName, rowNum, fiedlId, attrName, defaultValue) {
+              tableName = tableName ? tableName : this.form.scripts.$fd;
+              let data = this.getListField(tableName, rowNum, fiedlId);
+      
+              attrName = common.initialsToLowerCase(attrName);
+              attrName = attrName ? attrName : 'code1';
+      
+              if (!fiedlId) {
+                fiedlId = data.listData.currentEventField.fieldName1;
+              }
+              if (fiedlId && rowNum === null && fiedlId === data.listData.currentEventField.fieldName1) {
+                data.field = data.listData.currentEventField;
+              }
+              rowNum = rowNum !== null ? rowNum : data.listData.currentRowIndex;
+      
+              //若该行正在编辑，则取编辑状态的。
+              if (data && data.listData && data.listData.currentRow.data && data.listData.currentRow.data[fiedlId]
+                && data.listData.currentRow.data.$sourceIndex === rowNum && data.listData.currentRow.isSet) {
+                return data.listData.currentRow.data[fiedlId][attrName];
+              }
+              else if (data && data.field) {
+                if (typeof defaultValue !== 'undefined' && data.listData.rows[rowNum].deleted) {//若该行被删除时，则直接返回默认值
+                  return defaultValue;
+                }
+                return data.field[attrName];
+              }
+            },
+            //设置表格某行某列的值
+            setListFieldValue(value, tableName, rowNum, fiedlId, attrName, flagTemplate) {
+              value = value == undefined ? "" : value.toString();
+              tableName = tableName ? tableName : this.form.scripts.$fd;
+              let data = this.getListField(tableName, rowNum, fiedlId);
+      
+              attrName = common.initialsToLowerCase(attrName);
+              attrName = attrName ? attrName : 'code1';
+      
+              if (!fiedlId) {
+                fiedlId = data.listData.currentEventField.id;
+              }
+      
+              rowNum = rowNum ? rowNum : data.listData.currentRowIndex;
+      
+              if (data) {
+                //正在编辑的行
+                if (data.listData.currentRow.data && data.listData.currentRow.data[fiedlId] && rowNum > -1
+                  && data.listData.currentRow.data.$sourceIndex === data.listData.source.rows[rowNum].$sourceIndex) {
+                  let currentField = data.listData.currentRow.data[fiedlId];
+                  currentField[attrName] = value;
+                  //校验自己
+                  if (currentField.validExcute) {
+                    currentField.validExcute();
+                  }
+                  if (data.field) {
+                    data.field[attrName] = value;
+                  }
+                }
+                else if (data.field) {
+                  if (data.field) {
+                    data.field[attrName] = value;
+                  }
+                  if (data.field.source) {
+                    data.field.source[attrName] = value;
+                  }
+                  if (flagTemplate) {
+                    data.field[attrName] = value;
+                  }
+                  if (data.listData.flagTemplate && data.listData.$vue) {
+                    data.listData.$vue.itemKey = Math.random()
+                  }
+                }
+      
+                //如果有汇总列，触发重新计算汇总
+                if (data.listData.showSummary) {
+                  data.listData.tableData.push({});
+                  data.listData.tableData.pop();
+                }
+      
+                return true;
+              }
+              return false;
+            },
+            //设置表格选择路由
+            setListSelectRouter(tableId, attrKey, attrValue) {
+              let listData = this.excuteListData.find((v) => {
+                return v.fieldName1 === tableId;
+              });
+              if (listData) {
+                var router = listData.selectRouter;
+                if (router) {
+                  router[attrKey] = attrValue;
+                }
+              }
+            },
+            //设置表格属性值
+            setListAttr(tableId, attrName, attrValue) {
+              let listData = this.excuteListData.find((v) => {
+                return v.fieldName1 === tableId;
+              });
+              if (listData) {
+                listData[attrName] = attrValue
+              }
+            },
+            //新增表格数据
+            insertRow(tableId, rows) {
+              let listData = this.excuteListData.find((v) => {
+                return v.fieldName1 === tableId;
+              });
+              if (listData) {
+                listData.$vue.insertRow(rows);
+              }
+            },
+            //添加单选表格数据
+            insertSingleRow(tableId, row) {
+              let listData = this.excuteListData.find((v) => {
+                return v.fieldName1 === tableId;
+              });
+              if (listData) {
+                listData.$vue.insertSingleRow(row);
+              }
+            },
+            //新增或替换表格数据
+            insertOrUpdateRow(tableId, row) {
+              let listData = this.excuteListData.find((v) => {
+                return v.fieldName1 === tableId;
+              });
+              if (listData) {
+                listData.$vue.insertOrUpdateRow(row);
+              }
+            },
+            //删除表格数据
+            deleteRow(tableId, row) {
+              let listData = this.excuteListData.find((v) => {
+                return v.id === tableId;
+              });
+              if (listData) {
+                listData.$vue.delRow(row);
+              }
+            },
+            //清空表格数据
+            clear(tableId) {
+              let listData = this.excuteListData.find((v) => {
+                return v.fieldName1 === tableId;
+              });
+              if (listData) {
+                listData.$vue.deleteAll();
+              }
+            },
+      
+            //获取后台数据，并返回脚本。
+            execServerScript(action, object, successCallback) {
+              let formData = this;//作用域保存
+      
+              //是否是行内触发的
+              let data = this.getListField(this.form.scripts.$fd, null, null);
+              object.editMode = data ? 1 : 0;
+      
+              request.postHandler(common.globalUri(), { action: action, para: object }).then(
+                function (response) {
+                  if (response.rtnCode === Enum.ReturnCode.Successful) {
+                    var data = response.content;
+                    if (response.clientActionType === Enum.ClientActionType.ExcuteScript && data) {
+                      common.excute.call(formData.form.scripts, data);
+                    }
+                    else
+                      if (response.clientActionType === Enum.ClientActionType.None && data && successCallback) {
+                        //因为要传参，并直接执行方法，故successCallback回调里要使用formData的话，要加this
+                        //若不能接受this，也可修改common.excute方法
+                        //successCallback.call(formData.form.scripts, data);
+      
+                        //优化，不需要加this
+                        common.excuteFun.call(formData.form.scripts, successCallback, data);
+                      }
+                  }
+                }
+              );
+            },
+            execRouter(routerKey) {
+              let field = { fieldName1: routerKey };
+              this.form.$vue.fieldClickHandler(field);
+            },
+            //消息提示 type主题:success/warning/info/error。 duration 显示时间, 毫秒。设为 0 则不会自动关闭。 showClose 是否显示关闭按钮。
+            message(message, type, center, duration, showClose, dangerouslyUseHTMLString) {
+              common.message(message, type, center, duration, showClose, dangerouslyUseHTMLString)
+            },
+      
+          },
         get title() {
             return source.title;
         },
@@ -41,6 +431,22 @@ function loadSearchScreenModel(source, prevParam) {
         get parameterAction() {
             return source.parameterAction
         },
+        _scripts: null,
+        get scripts() {
+            if (rtn._scripts !== null) {
+                return rtn._scripts;
+            }
+            else {
+                if (source.scripts) {
+                    rtn._scripts = base.common.eval(source.scripts);
+                    return rtn._scripts;
+                }
+                else {
+                    rtn._scripts = base.common.eval("");
+                    return rtn._scripts;
+                }
+            }
+        },
         _screen: null,
         _btnScreen: null,
         _highScreen: null,
@@ -415,12 +821,52 @@ function getAction(api, callback) {
             }
         });
 }
+function changeHandler(field, model){
+      hiddenHandle(field, model);
+      clearRelatedHandle(field, model.screen)
+      if (field.onChanged) {
+        if (model.scripts) {
+          model.scripts.formData.setExcuteListData(model.screen);
+        }
+        model.scripts.$fd = field.id;
+        common.excute.call(model.scripts, field.onChanged);
+      }
+      if (field.onAfterChanged && field.controlType !== Enum.ControlType.NumericTextBox) {
+        var router = model.actionRouters.find((v) => {
+          return v.key === field.onAfterChanged;
+        });
+        if (router) {
+          model.$vue.clickHandler(router);
+        }
+        else {
+          if (model.scripts) {
+            model.scripts.formData.setExcuteListData(model.fields);
+          }
+          model.scripts.$fd = field.id;
+          common.excute.call(model.scripts, field.onAfterChanged);
+        }
+      }
+}
+//清除关联当前组件的组件值
+function clearRelatedHandle(field, fields) {
+    var f = fields.filter((v) => {
+      return v.parentField && field.fieldName1 && (',' + v.parentField + ',').indexOf(',' + field.fieldName1 + ',') > -1;
+    });
+    f.forEach((v) => {
+      if (v.reset) {
+        v.reset();
+      }
+      clearRelatedHandle(v, fields)
+    });
+  }
 const SearchScreen = {
     loadSearchScreenApi,
     loadSearchScreenModel,
     hiddenHandle,
     isHandle,
     getNewSearchValue,
-    getAction
+    getAction,
+    changeHandler,
+    clearRelatedHandle
 };
 export default SearchScreen;