centaline-data-driven 1.1.54 → 1.1.55

package/src/centaline/dynamicLs/src/dynamicLs.vue

@@ -1,233 +1,233 @@
-<template>
-  <div style="width:100%">
-    <el-form :label-position="'left'" :model="$data" :ref="elementValue.Name" @submit.native.prevent="onSubmit(elementValue.Name)">
-      <p v-if="getButtons('top')" style="text-align:right;padding-right:30px">
-        <el-button v-for="(btn,bindex) in getButtons('top')" :key="btn.dn" :type="$common.getBtnType(btn.controlType)" size="mini" @click="handlebtn(null, null,btn,elementValue.Rows)">{{btn.dn}}</el-button>
-      </p>
-      <el-table v-if="elementValue.Rows" :data="elementValue.Rows.slice(1,elementValue.Rows.length)" style="width: 100%">
-        <el-table-column v-if="head.controlType !== 'hd'" v-for="(head,index) in elementValue.Rows[0].Row" :label="head.dn" :width="head.wd?head.wd:180" :key="head.fieldName1">
-          <template slot-scope="scope">
-            <div style="width:100%" v-if="inForm && elementValue.RowEdit === '1'">
-              <ct-label v-model="scope.row.Row[index]" v-if="scope.row.Row[index].Read && scope.row.Row[index].Read === '1' && !listEditRow[(scope.$index + 1)]" :dynamicData="scope.row.Row[index]"></ct-label>
-              <el-form-item v-else-if="elementValue.RowEdit && elementValue.RowEdit === '1' && listEditRow[(scope.$index + 1)]" label-width="0px" :ref="'elementValue.Rows['+(scope.$index + 1)+'].Row['+index+']'" :rules="listRules[scope.$index + 1][index]" :prop="elementValue.Rows[scope.$index].Row[index].controlType === 'iTi'?'elementValue.Rows['+(scope.$index + 1)+'].Row['+index+']':'elementValue.Rows['+(scope.$index+1)+'].Row['+index+'].code1'">
-                <ct-input v-model="scope.row.Row[index]" :optApi="optApi" :dynamicData="scope.row.Row[index]" @input="elementInput" :row="1" @change="changeHandle($event,scope.row.Row[index],scope.$index)" @click="handlebtn(scope.$index, scope.row,scope.row.Row[index],elementValue.Rows)"></ct-input>
-              </el-form-item>
-              <ct-label v-model="scope.row.Row[index]" v-else :dynamicData="scope.row.Row[index]"></ct-label>
-            </div>
-            <div style="width:100%" v-else>
-              <ct-label v-model="scope.row.Row[index]" v-if="scope.row.Row[index].Read && scope.row.Row[index].Read === '1'" :dynamicData="scope.row.Row[index]"></ct-label>
-              <ct-input v-model="scope.row.Row[index]" v-else-if="elementValue.RowEdit && elementValue.RowEdit === '1'" :dynamicData="scope.row.Row[index]" @input="elementInput" :row="1"></ct-input>
-              <ct-label v-model="scope.row.Row[index]" v-else :dynamicData="scope.row.Row[index]"></ct-label>
-            </div>
-          </template>
-        </el-table-column>
-        <el-table-column v-if="getButtons().length > 0" fixed="right" :width="80 * getButtons().length">
-          <template slot-scope="scope">
-            <el-button v-for="(btn,bindex) in getButtons()" :key="btn.dn" :type="$common.getBtnType(btn.controlType)" size="mini" @click="handlebtn(scope.$index, scope.row,btn,elementValue.Rows)">{{btn.dn}}</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <p v-if="getButtons('down')">
-        <el-button v-for="(btn,bindex) in getButtons('down')" :key="btn.dn" :type="$common.getBtnType(btn.controlType)" size="mini" @click="handlebtn(scope.$index, scope.row,btn,elementValue.Rows)">{{btn.dn}}</el-button>
-      </p>
-      <el-dialog :visible.sync="editShow" v-show="editShow" @closed="$set(editData, 'Fields', []);$set(editData, 'NewRow', false);">
-        <ct-form v-model="editData" :dynamicData="editData" :sync="false" :col="1" @ctSubmit="editSave" :isDialog="true"></ct-form>
-      </el-dialog>
-    </el-form>
-  </div>
-</template>
-
-<script>
-  //该组件已废弃
-  import dynamicElement from '../../mixins/dynamicElement'
-  export default {
-    name: 'ct-ls',
-    mixins: [dynamicElement],
-    props: ["inForm",'formRefs','scripts','optApi'],
-    data() {
-      return {
-        listHead: [],
-        listContent: [],
-        listRules: [[]],
-        editData: {
-          "FormTitle": "编辑",
-          "OptApi": this.optApi,
-          "Button": [
-            {
-              "dn": "保存",
-              "action": "submit",
-              "dt": "p"
-            }
-          ],
-          "Fields": [
-
-          ],
-          "NewRow": false,
-          "Scripts": {}
-        },
-        editShow: false,
-        elementScripts: {
-          formData: {}
-        },
-        formData: {},
-        listEditRow: []
-      }
-    },
-    methods: {
-      handlebtn(index, data, button, rows) {
-        var self = this;
-        var stick = true;
-        if (typeof button.onClick !== 'undefined') {
-          this.elementScripts.formData.fieldsPath = 'elementValue.Rows[' + (index + 1) + "].Row";
-          var onClicks = button.onClick.split(';');
-          for (var str in onClicks) {
-            if (onClicks[str].trim() === '') {
-              continue;
-            }
-            var itemStick = new Function('try{ return this.elementScripts.' + onClicks[str].trim().replace(/\(\s*\)/, '(\'' + button.fieldName1 + '\')') + '}catch(ex){return ' + onClicks[str].trim() + '}').call(this);
-            if (stick !== false) {
-              stick = itemStick;
-            }
-          }
-        }
-        if (stick !== false) {
-          var newRow;
-          switch (button.action) {
-            case 'delete':
-              rows.splice(index + 1, 1);
-              this.$emit("input", this.elementValue);
-              break;
-            case 'edit':
-              if (this.elementValue.RowEdit === '1') {
-                var itemEditRow = this.$common.deepClone(this.listEditRow);
-                if (itemEditRow[index + 1] === true) {
-                  self.$refs[self.elementValue.Name].validate((valid, Obj) => {
-                    if (valid) {
-                      itemEditRow[index + 1] = !itemEditRow[index + 1];
-                    }
-                    self.listEditRow = itemEditRow;
-                  });
-                }
-                else {
-                  itemEditRow[index + 1] = !itemEditRow[index + 1];
-                  self.listEditRow = itemEditRow;
-                }
-              }
-              else {
-                this.$set(this.editData, 'Fields', data.Row);
-                this.$set(this, 'editShow', true);
-              }
-              break;
-            case 'add':
-              if (this.elementValue.RowEdit === '1') {
-                newRow = this.$common.deepClone(rows[0]);
-                var i = rows.length;
-                rows.push(newRow);
-                var rowRules = [];
-                for (var j = 0; j < this.elementValue.Rows[i].Row.length; j++) {
-                  var itemRule = this.$validate.getValidate(this.elementValue.Rows[i].Row[j], this.elementValue.Rows[i].Row);
-                  if (this.elementValue.Rows[i].Row[j].mrf) {
-                    var itemValid = this.$validate.dynamicRequiredList.call(this, this.elementValue.Rows[i].Row[j], i);
-                    itemRule.push(itemValid);
-                  }
-                  rowRules.push(itemRule);
-                }
-                this.listRules.push(rowRules);
-                var itemEditRow = this.$common.deepClone(this.listEditRow);
-                itemEditRow[rows.length - 1]= true;
-                self.listEditRow = itemEditRow;
-                this.$emit("input", this.elementValue);
-              }
-              else {
-                newRow = this.$common.deepClone(rows[0]);
-                this.$set(this.editData, 'Fields', newRow.Row);
-                this.$set(this.editData, 'NewRow', true);
-                this.$set(this, 'editShow', true);
-              }
-              break;
-            default:
-              break;
-          }
-        }
-      },
-      editSave(data) {
-        if (data.NewRow === true) {
-          this.$set(this.editData, 'NewRow', false);
-          this.elementValue.Rows.push({ Row: this.$common.deepClone(data.Fields)});
-        }
-        else {
-          this.editData.Fields.forEach((value) => {
-            var updateField = data.Fields.find((uValue) => { return uValue.fieldName1 === value.fieldName1 && uValue.controlType === value.controlType });
-            if (updateField && typeof updateField.code1 !== 'undefined') {
-              this.$set(value, 'v1', updateField.code1);
-              this.$set(value, 'v2', updateField.v2);
-              this.$set(value, 'oldOptions', updateField.oldOptions);
-            }
-          });
-        }
-        this.$set(this, 'editShow', false);
-        this.$emit("input", this.elementValue);
-      },
-      getButtons(position) {
-        switch (position){
-          case 'top':
-            return this.elementValue.Button.filter((value) => { return value.position === 'top' });
-          case 'down':
-            return this.elementValue.Button.filter((value) => { return value.position === 'down' });
-          default:
-            return this.elementValue.Button.filter((value) => { return typeof value.position === 'undefined' || value.position === 'row' })
-        }
-      },
-      changeHandle(fieldName, field,index) {
-        if (typeof field.onChange !== 'undefined') {
-          this.elementScripts.formData.fieldsPath = 'elementValue.Rows[' + (index + 1) + "].Row";
-          var changes = field.onChange.split(';');
-          for (var str in changes) {
-            if (changes[str].trim() === '') {
-              continue;
-            }
-            eval('try{ this.elementScripts.' + changes[str].trim().replace(/\(\s*\)/, '(\'' + fieldName + '\')') + '}catch(ex){' + changes[str].trim() + '}');
-          }
-        }
-      }
-    },
-    created() {
-      if (this.inForm && this.elementValue.RowEdit === '1') {
-        for (var i = 1; i < this.elementValue.Rows.length; i++) {
-          var rowRules = [];
-          for (var j = 0; j < this.elementValue.Rows[i].Row.length; j++) {
-            var itemRule = this.$validate.getValidate(this.elementValue.Rows[i].Row[j], this.elementValue.Rows[i].Row);
-            if (this.elementValue.Rows[i].Row[j].mrf) {
-              var itemValid = this.$validate.dynamicRequiredList.call(this, this.elementValue.Rows[i].Row[j],i);
-              itemRule.push(itemValid);
-            }
-            rowRules.push(itemRule);
-          }
-          this.listRules.push(rowRules);
-        }
-      }
-    },
-    mounted() {
-      var self = this;
-      this.$nextTick(function () {
-        if (self.inForm && self.elementValue.RowEdit === '1') {
-          self.formRefs[self.elementValue.Name] = self.$refs[self.elementValue.Name];
-        }
-        if (typeof self.scripts !== 'undefined') {
-          self.elementScripts = Object.assign({}, self.scripts, self.elementScripts);
-          for (var func in self.elementScripts) {
-            if (typeof self.elementScripts[func] === 'function') {
-              self.editData.Scripts[func] = self.elementScripts[func];
-            }
-          }
-          self.elementScripts.formData = self.$common.formData();
-          self.formData = self.elementScripts.formData;
-          self.elementScripts.formData.self = self;
-        }
-      });
-      this.elementValue.Rows.forEach((value, index) => {
-        this.listEditRow[index] = false;
-      });
-    }
-  }
-</script>
+<template>
+  <div style="width:100%">
+    <el-form :label-position="'left'" :model="$data" :ref="elementValue.Name" @submit.native.prevent="onSubmit(elementValue.Name)">
+      <p v-if="getButtons('top')" style="text-align:right;padding-right:30px">
+        <el-button v-for="(btn,bindex) in getButtons('top')" :key="btn.dn" :type="$common.getBtnType(btn.controlType)" size="mini" @click="handlebtn(null, null,btn,elementValue.Rows)">{{btn.dn}}</el-button>
+      </p>
+      <el-table v-if="elementValue.Rows" :data="elementValue.Rows.slice(1,elementValue.Rows.length)" style="width: 100%">
+        <el-table-column v-if="head.controlType !== 'hd'" v-for="(head,index) in elementValue.Rows[0].Row" :label="head.dn" :width="head.wd?head.wd:180" :key="head.fieldName1">
+          <template slot-scope="scope">
+            <div style="width:100%" v-if="inForm && elementValue.RowEdit === '1'">
+              <ct-label v-model="scope.row.Row[index]" v-if="scope.row.Row[index].Read && scope.row.Row[index].Read === '1' && !listEditRow[(scope.$index + 1)]" :dynamicData="scope.row.Row[index]"></ct-label>
+              <el-form-item v-else-if="elementValue.RowEdit && elementValue.RowEdit === '1' && listEditRow[(scope.$index + 1)]" label-width="0px" :ref="'elementValue.Rows['+(scope.$index + 1)+'].Row['+index+']'" :rules="listRules[scope.$index + 1][index]" :prop="elementValue.Rows[scope.$index].Row[index].controlType === 'iTi'?'elementValue.Rows['+(scope.$index + 1)+'].Row['+index+']':'elementValue.Rows['+(scope.$index+1)+'].Row['+index+'].code1'">
+                <ct-input v-model="scope.row.Row[index]" :optApi="optApi" :dynamicData="scope.row.Row[index]" @input="elementInput" :row="1" @change="changeHandle($event,scope.row.Row[index],scope.$index)" @click="handlebtn(scope.$index, scope.row,scope.row.Row[index],elementValue.Rows)"></ct-input>
+              </el-form-item>
+              <ct-label v-model="scope.row.Row[index]" v-else :dynamicData="scope.row.Row[index]"></ct-label>
+            </div>
+            <div style="width:100%" v-else>
+              <ct-label v-model="scope.row.Row[index]" v-if="scope.row.Row[index].Read && scope.row.Row[index].Read === '1'" :dynamicData="scope.row.Row[index]"></ct-label>
+              <ct-input v-model="scope.row.Row[index]" v-else-if="elementValue.RowEdit && elementValue.RowEdit === '1'" :dynamicData="scope.row.Row[index]" @input="elementInput" :row="1"></ct-input>
+              <ct-label v-model="scope.row.Row[index]" v-else :dynamicData="scope.row.Row[index]"></ct-label>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column v-if="getButtons().length > 0" fixed="right" :width="80 * getButtons().length">
+          <template slot-scope="scope">
+            <el-button v-for="(btn,bindex) in getButtons()" :key="btn.dn" :type="$common.getBtnType(btn.controlType)" size="mini" @click="handlebtn(scope.$index, scope.row,btn,elementValue.Rows)">{{btn.dn}}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <p v-if="getButtons('down')">
+        <el-button v-for="(btn,bindex) in getButtons('down')" :key="btn.dn" :type="$common.getBtnType(btn.controlType)" size="mini" @click="handlebtn(scope.$index, scope.row,btn,elementValue.Rows)">{{btn.dn}}</el-button>
+      </p>
+      <el-dialog :visible.sync="editShow" v-show="editShow" @closed="$set(editData, 'Fields', []);$set(editData, 'NewRow', false);">
+        <ct-form v-model="editData" :dynamicData="editData" :sync="false" :col="1" @ctSubmit="editSave" :isDialog="true"></ct-form>
+      </el-dialog>
+    </el-form>
+  </div>
+</template>
+
+<script>
+  //该组件已废弃
+  import dynamicElement from '../../mixins/dynamicElement'
+  export default {
+    name: 'ct-ls',
+    mixins: [dynamicElement],
+    props: ["inForm",'formRefs','scripts','optApi'],
+    data() {
+      return {
+        listHead: [],
+        listContent: [],
+        listRules: [[]],
+        editData: {
+          "FormTitle": "编辑",
+          "OptApi": this.optApi,
+          "Button": [
+            {
+              "dn": "保存",
+              "action": "submit",
+              "dt": "p"
+            }
+          ],
+          "Fields": [
+
+          ],
+          "NewRow": false,
+          "Scripts": {}
+        },
+        editShow: false,
+        elementScripts: {
+          formData: {}
+        },
+        formData: {},
+        listEditRow: []
+      }
+    },
+    methods: {
+      handlebtn(index, data, button, rows) {
+        var self = this;
+        var stick = true;
+        if (typeof button.onClick !== 'undefined') {
+          this.elementScripts.formData.fieldsPath = 'elementValue.Rows[' + (index + 1) + "].Row";
+          var onClicks = button.onClick.split(';');
+          for (var str in onClicks) {
+            if (onClicks[str].trim() === '') {
+              continue;
+            }
+            var itemStick = new Function('try{ return this.elementScripts.' + onClicks[str].trim().replace(/\(\s*\)/, '(\'' + button.fieldName1 + '\')') + '}catch(ex){return ' + onClicks[str].trim() + '}').call(this);
+            if (stick !== false) {
+              stick = itemStick;
+            }
+          }
+        }
+        if (stick !== false) {
+          var newRow;
+          switch (button.action) {
+            case 'delete':
+              rows.splice(index + 1, 1);
+              this.$emit("input", this.elementValue);
+              break;
+            case 'edit':
+              if (this.elementValue.RowEdit === '1') {
+                var itemEditRow = this.$common.deepClone(this.listEditRow);
+                if (itemEditRow[index + 1] === true) {
+                  self.$refs[self.elementValue.Name].validate((valid, Obj) => {
+                    if (valid) {
+                      itemEditRow[index + 1] = !itemEditRow[index + 1];
+                    }
+                    self.listEditRow = itemEditRow;
+                  });
+                }
+                else {
+                  itemEditRow[index + 1] = !itemEditRow[index + 1];
+                  self.listEditRow = itemEditRow;
+                }
+              }
+              else {
+                this.$set(this.editData, 'Fields', data.Row);
+                this.$set(this, 'editShow', true);
+              }
+              break;
+            case 'add':
+              if (this.elementValue.RowEdit === '1') {
+                newRow = this.$common.deepClone(rows[0]);
+                var i = rows.length;
+                rows.push(newRow);
+                var rowRules = [];
+                for (var j = 0; j < this.elementValue.Rows[i].Row.length; j++) {
+                  var itemRule = this.$validate.getValidate(this.elementValue.Rows[i].Row[j], this.elementValue.Rows[i].Row);
+                  if (this.elementValue.Rows[i].Row[j].mrf) {
+                    var itemValid = this.$validate.dynamicRequiredList.call(this, this.elementValue.Rows[i].Row[j], i);
+                    itemRule.push(itemValid);
+                  }
+                  rowRules.push(itemRule);
+                }
+                this.listRules.push(rowRules);
+                var itemEditRow = this.$common.deepClone(this.listEditRow);
+                itemEditRow[rows.length - 1]= true;
+                self.listEditRow = itemEditRow;
+                this.$emit("input", this.elementValue);
+              }
+              else {
+                newRow = this.$common.deepClone(rows[0]);
+                this.$set(this.editData, 'Fields', newRow.Row);
+                this.$set(this.editData, 'NewRow', true);
+                this.$set(this, 'editShow', true);
+              }
+              break;
+            default:
+              break;
+          }
+        }
+      },
+      editSave(data) {
+        if (data.NewRow === true) {
+          this.$set(this.editData, 'NewRow', false);
+          this.elementValue.Rows.push({ Row: this.$common.deepClone(data.Fields)});
+        }
+        else {
+          this.editData.Fields.forEach((value) => {
+            var updateField = data.Fields.find((uValue) => { return uValue.fieldName1 === value.fieldName1 && uValue.controlType === value.controlType });
+            if (updateField && typeof updateField.code1 !== 'undefined') {
+              this.$set(value, 'v1', updateField.code1);
+              this.$set(value, 'v2', updateField.v2);
+              this.$set(value, 'oldOptions', updateField.oldOptions);
+            }
+          });
+        }
+        this.$set(this, 'editShow', false);
+        this.$emit("input", this.elementValue);
+      },
+      getButtons(position) {
+        switch (position){
+          case 'top':
+            return this.elementValue.Button.filter((value) => { return value.position === 'top' });
+          case 'down':
+            return this.elementValue.Button.filter((value) => { return value.position === 'down' });
+          default:
+            return this.elementValue.Button.filter((value) => { return typeof value.position === 'undefined' || value.position === 'row' })
+        }
+      },
+      changeHandle(fieldName, field,index) {
+        if (typeof field.onChange !== 'undefined') {
+          this.elementScripts.formData.fieldsPath = 'elementValue.Rows[' + (index + 1) + "].Row";
+          var changes = field.onChange.split(';');
+          for (var str in changes) {
+            if (changes[str].trim() === '') {
+              continue;
+            }
+            eval('try{ this.elementScripts.' + changes[str].trim().replace(/\(\s*\)/, '(\'' + fieldName + '\')') + '}catch(ex){' + changes[str].trim() + '}');
+          }
+        }
+      }
+    },
+    created() {
+      if (this.inForm && this.elementValue.RowEdit === '1') {
+        for (var i = 1; i < this.elementValue.Rows.length; i++) {
+          var rowRules = [];
+          for (var j = 0; j < this.elementValue.Rows[i].Row.length; j++) {
+            var itemRule = this.$validate.getValidate(this.elementValue.Rows[i].Row[j], this.elementValue.Rows[i].Row);
+            if (this.elementValue.Rows[i].Row[j].mrf) {
+              var itemValid = this.$validate.dynamicRequiredList.call(this, this.elementValue.Rows[i].Row[j],i);
+              itemRule.push(itemValid);
+            }
+            rowRules.push(itemRule);
+          }
+          this.listRules.push(rowRules);
+        }
+      }
+    },
+    mounted() {
+      var self = this;
+      this.$nextTick(function () {
+        if (self.inForm && self.elementValue.RowEdit === '1') {
+          self.formRefs[self.elementValue.Name] = self.$refs[self.elementValue.Name];
+        }
+        if (typeof self.scripts !== 'undefined') {
+          self.elementScripts = Object.assign({}, self.scripts, self.elementScripts);
+          for (var func in self.elementScripts) {
+            if (typeof self.elementScripts[func] === 'function') {
+              self.editData.Scripts[func] = self.elementScripts[func];
+            }
+          }
+          self.elementScripts.formData = self.$common.formData();
+          self.formData = self.elementScripts.formData;
+          self.elementScripts.formData.self = self;
+        }
+      });
+      this.elementValue.Rows.forEach((value, index) => {
+        this.listEditRow[index] = false;
+      });
+    }
+  }
+</script>

package/src/centaline/dynamicMo/index.js

@@ -1,13 +1,13 @@
-import dynamicMo from './src/dynamicMo'
-import api from '../api/index'
-
-dynamicMo.install = function (Vue) {
-  Vue.component(dynamicMo.name, dynamicMo);
-  Vue.use(api);
-}
-
-if (typeof window !== 'undefined' && window.Vue) {
-  window.Vue.use(dynamicMo);
-}
-
-export default dynamicMo;
+import dynamicMo from './src/dynamicMo'
+import api from '../api/index'
+
+dynamicMo.install = function (Vue) {
+  Vue.component(dynamicMo.name, dynamicMo);
+  Vue.use(api);
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.use(dynamicMo);
+}
+
+export default dynamicMo;