centaline-data-driven 1.2.73 → 1.2.76

package/src/centaline/loader/src/ctl/Form.js

@@ -4,7 +4,7 @@ import Enum from './lib/Enum';
 import Router from './Router';
 import valid from '../../../validate/index';
 import common from '../../../common';
-import formData from '../../../formData';
+import Axios from 'axios';
 import Vue from 'vue';
 
 const Form = function (source, callBack, apiParam, failCallBack, isFormList) {
@@ -163,8 +163,297 @@ const Form = function (source, callBack, apiParam, failCallBack, isFormList) {
       get onload() {
         return source.onload;
       },
-      get formData() {
-        return formData;
+      formData:{        
+        common: common,
+        Axios: Axios,
+        form: null,
+        formTable:null,
+        excuteData: null,//fields
+        fieldsDic: null,//fieldsDic
+        _excuteListData: undefined,
+
+        //获取code1
+        getCode1ByField1(id) {
+            var rtn1 = this.fieldsDic[id];
+            if (rtn1) {
+                return rtn1.value;
+            }
+        },
+        //获取code2
+        getCode2ByField1(id) {
+            var rtn1 = this.fieldsDic[id];
+            if (rtn1) {
+                return rtn1.value1;
+            }
+        },
+        //获取Field的属性attrKey的值
+        getValueByFieldName(id, attrKey) {
+            attrKey = this.common.initialsToUpperCase(attrKey);
+            var rtn1 = this.fieldsDic[id];
+            if (rtn1) {
+                return rtn1.source[attrKey];
+            }
+        },
+        //设置Field的属性attrKey的值
+        setValueByFieldName(id, attrKey, attrValue) {
+            attrKey = this.common.initialsToUpperCase(attrKey);
+            var rtn1 = this.fieldsDic[id];
+            if (rtn1) {
+                rtn1.source[attrKey] = attrValue;
+                this.form.hatchHandle(id, attrKey, attrValue, rtn1);
+                //this.form.hiddenHandle(rtn1);//隐藏关联的
+
+                //用于处理源数据改动,强制更新视图数据 todo
+                if (rtn1.self.$forceUpdate) {
+                    rtn1.self.$forceUpdate();
+                }
+            }
+        },
+        //设置Field的v1、v2的值
+        setV1AndV2ByField1(id, code1, code2) {
+            var rtn1 = this.fieldsDic[id];
+            if (rtn1) {
+                if (typeof rtn1.value !== 'undefined') {
+                    rtn1.value = code1;
+
+                    this.form.validMrf(rtn1);//验证必填关联组件
+                    this.form.hiddenHandle(rtn1, true);//隐藏关联的
+                }
+                if (typeof rtn1.value1 !== 'undefined') {
+                    rtn1.value1 = code2;
+                }
+
+                if (rtn1.self.$forceUpdate) {
+                    rtn1.self.$forceUpdate();
+                }
+            }
+        },
+
+        //获取列表数据
+        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-form-list-table';
+                    });
+                }
+            }
+            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-form-list-table';
+                });
+            }
+        },
+        //获取列表的Field
+        getListField(tableName, rowNum, fiedlId) {
+            let listData = this.excuteListData.find((v) => {
+                return v.id === tableName;
+            });
+            if (listData) {
+                let field = null;
+                //正在编辑的Field
+                if (rowNum === null && (fiedlId === null || listData.currentEventField.id === 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.id === fiedlId;
+                        });
+                    } catch (e) {
+                        if (listData.rows.length <= rowNum) {
+                        var checkMsg = "获取列表行索引超出界限";
+                        this.message(checkMsg);
+                        }
+                    }
+                    }
+                }
+
+                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 = this.common.initialsToUpperCase(attrName);
+            attrName = attrName ? attrName : 'code1';
+
+            if (!fiedlId) {
+                fiedlId = data.listData.currentEventField.id;
+            }
+            if (fiedlId && rowNum === null && fiedlId === data.listData.currentEventField.id) {
+                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].source[attrName];
+            }
+            else if (data && data.field) {
+                if (typeof defaultValue !== 'undefined' && data.listData.rows[rowNum].deleted) {//若该行被删除时，则直接返回默认值
+                    return defaultValue;
+                }
+                return data.field.source[attrName];
+            }
+        },
+        //设置表格某行某列的值
+        setListFieldValue(value, tableName, rowNum, fiedlId, attrName) {
+            value = value==undefined?"":value.toString();
+            tableName = tableName ? tableName : this.form.scripts.$fd;
+            let data = this.getListField(tableName, rowNum, fiedlId);
+
+            attrName = this.common.initialsToUpperCase(attrName);
+            attrName = attrName ? attrName : 'code1';
+
+            if (!fiedlId) {
+                fiedlId = data.listData.currentEventField.id;
+            }
+            if (fiedlId && !rowNum && fiedlId === data.listData.currentEventField.id) {
+            //data.field = data.listData.currentEventField;
+            }
+            rowNum = rowNum ? rowNum : data.listData.currentRowIndex;
+
+            if (data) {
+                if (data.field) {
+                    data.field.source[attrName] = value;
+                    data.listData.updateListField(data.listData.refFieldsLabel, rowNum, fiedlId);
+                }
+                //data.field.self.$forceUpdate();
+
+                //正在编辑的行
+                if (data.listData.currentRow.data && data.listData.currentRow.data[fiedlId] && data.listData.currentRow.data.$sourceIndex === rowNum) {
+                    let currentField = data.listData.currentRow.data[fiedlId];
+                    currentField.source[attrName] = value;
+                    //校验自己
+                    if (currentField.self && currentField.self.validExcute) {
+                        currentField.self.validExcute();
+                    }
+                    if (typeof currentField.self.$forceUpdate === "function") {
+                        currentField.self.$forceUpdate();
+                    }
+                }
+
+                //如果有汇总列，触发重新计算汇总
+                if (data.listData.showSummary) {
+                    data.listData.tableData.push({});
+                    data.listData.tableData.pop();
+                }
+
+                return true;
+            }
+            return false;
+        },
+        //设置表格属性值
+        setListAttr(tableId, attrName, attrValue) {
+            let listData = this.excuteListData.find((v) => {
+                return v.id === tableId;
+            });
+            listData[attrName] = attrValue
+        },
+        //新增表格数据
+        insertRow(tableId,rows) {    
+            let listData = this.excuteListData.find((v) => {
+                return v.id === tableId;
+            });
+            listData.insertRow(rows);
+        },
+        //新增或替换表格数据
+        insertOrUpdateRow(tableId,row) {    
+            let listData = this.excuteListData.find((v) => {
+                return v.id === tableId;
+            });
+            listData.insertOrUpdateRow(row);
+        },
+        //清空表格数据
+        clear(tableId) {
+            let listData = this.excuteListData.find((v) => {
+                return v.id === tableId;
+            });
+            listData.deleteAll();
+        },
+
+        //获取后台数据，并返回脚本。
+        execServerScript(action, object, successCallback) {
+            let formData = this;//作用域保存
+
+            //是否是行内触发的
+            let data = this.getListField(this.form.scripts.$fd, null, null);
+            object.editMode = data ? 1 : 0;
+
+            Vue.prototype.$api.postHandler(this.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) {
+                    formData.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
+                    formData.common.excuteFun.call(formData.form.scripts, successCallback, data);
+                    }
+                }
+            }
+            );
+        },
+        //消息提示 type主题:success/warning/info/error。 duration 显示时间, 毫秒。设为 0 则不会自动关闭。 showClose 是否显示关闭按钮。
+        message(message, type, center, duration, showClose, dangerouslyUseHTMLString) {
+            if (typeof center === 'undefined') {
+            center = true;
+            }
+            if (typeof duration === 'undefined') {
+            duration = 1500;
+            }
+            if (typeof showClose === 'undefined') {
+            showClose = false;
+            }
+
+            Vue.prototype.$message({
+            message: message,//消息文字
+            dangerouslyUseHTMLString: dangerouslyUseHTMLString || false,
+            type: type || 'error',//主题:success/warning/info/error
+            center: center,//是否居中
+            duration: duration, //显示时间, 毫秒。设为 0 则不会自动关闭
+            showClose: showClose,//是否显示关闭按钮
+            });
+        },
       },
       getFormObj() {
         var rtnFormObj = {};

package/src/centaline/loader/src/ctl/FormList.js

@@ -108,8 +108,7 @@ const FormList = function (source, master) {
       }
     },
     _rows:null,
-    get rows() {
-     
+    get rows() {     
       if (this._rows) {
         return this._rows;
       }
@@ -119,6 +118,7 @@ const FormList = function (source, master) {
         source.rows.forEach((r) => {
           var row = rtn.initRow(r);
           this._rows.push(row);
+          rtn._rows[rtn._rows.length - 1].$sourceIndex = rtn._rows.length - 1;
         });
         return this._rows;
       }
@@ -285,13 +285,17 @@ const FormList = function (source, master) {
         cancelButtonText: "取消",
         //type: 'warning'
       }).then(() => {
-        if (rtn.rows[index].isNewFlag) {
-          rtn.rows.splice(index, 1);
-          source.rows.splice(index, 1);
-        }
-        else {
-          rtn.rows[index].deleted = true;
-        }
+        rtn.rows.forEach((row,i) => {
+          if(row.$sourceIndex===index){
+            if (row.isNewFlag) {
+              rtn.rows.splice(i, 1);
+              source.rows.splice(i, 1);
+            }
+            else {
+              rtn.rows[i].deleted = true;
+            }
+          }
+        });
         callback();
       }).catch(() => {
       });
@@ -349,7 +353,6 @@ const FormList = function (source, master) {
       common.openDialog(dialogOption);
     },
     addSourceRow(row) {
-      //let sourceRow = JSON.parse(JSON.stringify(source.Rows[0]));
       let sourceRow = JSON.parse(JSON.stringify(source.rows[0]));
       for (let k in sourceRow.columns) {
         //sourceRow.Row[k] = row.field[k].source;
@@ -360,6 +363,7 @@ const FormList = function (source, master) {
       let iRow = this.initRow(sourceRow);
       iRow.isNewFlag = true;
       rtn._rows.push(iRow);
+      rtn._rows[rtn._rows.length - 1].$sourceIndex = rtn._rows.length - 1;
       Vue.set(row, 'edit', iRow.edit);
       Vue.set(row, 'delete', iRow.delete);
       row.$sourceIndex = rtn._rows.length - 1;
@@ -403,6 +407,7 @@ const FormList = function (source, master) {
               if (!isRepeat) {
                 source.rows.push(row);
                 rtn.rows.push(rowItem);
+                rtn._rows[rtn._rows.length - 1].$sourceIndex = rtn._rows.length - 1;
 
                 rowData.$sourceIndex = source.rows.length - 1;
                 
@@ -418,7 +423,63 @@ const FormList = function (source, master) {
         }]
       };
       common.openDialog(dialogOption);
-    }
+    },   
+    deleteAll() {
+      if(rtn._rows && rtn._rows.length>1){
+        let index=0;
+        var newRows=[]
+        rtn._rows.forEach((r) => {
+          if(index>0){
+            if (!r.isNewFlag) {           
+              r.deleted = true;
+              newRows.push(r);
+            }
+          }
+          else{
+            index++;
+          }
+        });
+        rtn._tableData.splice(0,rtn._tableData.length);
+        source.rows.splice(1, source.rows.length-1,newRows);
+        rtn._rows.splice(1, rtn._rows.length-1,newRows);
+      }    
+    }, 
+    insertRow(rows) {
+      if(rows && rows.length>0){
+        rows.forEach((r) => {
+          source.rows.push(r);
+          let iRow = this.initRow(r);
+          iRow.isNewFlag = true;
+          rtn._rows.push(iRow);
+          Vue.set(r, 'edit', iRow.edit);
+          Vue.set(r, 'delete', iRow.delete);
+          rtn._rows[rtn._rows.length - 1].$sourceIndex = rtn._rows.length - 1;
+
+          let rowData = rtn.rowsItemToTableData(iRow)
+          rowData.$sourceIndex = rtn._rows.length - 1;      
+          rowData.edit = iRow.edit;
+          rowData.delete = iRow.delete;
+          rtn._tableData.push(rowData);
+        });
+      }
+    },
+    insertOrUpdateRow(row) {
+      if(row){
+        source.rows.push(r);
+        let iRow = this.initRow(r);
+        iRow.isNewFlag = true;
+        rtn._rows.push(iRow);
+        Vue.set(r, 'edit', iRow.edit);
+        Vue.set(r, 'delete', iRow.delete);
+        r.$sourceIndex = rtn._rows.length - 1;
+
+        let rowData = rtn.rowsItemToTableData(iRow)
+        rowData.$sourceIndex = rtn._rows.length - 1;      
+        rowData.edit = iRow.edit;
+        rowData.delete = iRow.delete;
+        rtn._tableData.push(rowData);
+      }
+    },
   };
   return rtn;
 };