centaline-data-driven 1.2.78 → 1.2.81

package/src/centaline/dynamicLabel/index.js

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

package/src/centaline/dynamicLabel/src/dynamicLabel.vue

@@ -1,73 +0,0 @@
-<template>
-  <div style="width:100%" v-html="showHtml">
-  </div>
-</template>
-
-<script>
-  //该组件已废弃
-  import dynamicElement from '../../mixins/dynamicElement'
-  export default {
-    name: 'ct-label',
-    mixins: [dynamicElement],
-    props: ['row'],
-    data() {
-      return {
-        elementOptions: []
-      }
-    },
-    created() {
-      this.getFlagsOptions();
-    },
-    watch: {
-      dynamicData: {
-        handler(newVal) {
-          this.getFlagsOptions();
-        },
-        deep: true,
-        immediate:true
-      }
-    },
-    methods: {
-      getFlagsOptions() {
-        if (this.dynamicData && this.dynamicData.controlType === 'tags') {
-          if (typeof this.dynamicData.v2 === 'string') {
-            this.$set(this, 'elementOptions', JSON.parse(this.dynamicData.v2));
-          }
-          else {
-            this.$set(this, 'elementOptions', this.dynamicData.v2);
-          }
-        }
-      }
-    },
-    computed: {
-      showHtml() {
-        switch (this.elementValue.controlType) {
-          case 'd':
-            return this.elementValue.code1?this.elementValue.code1.substring(0, 10):'';
-          case 'gp':
-            return this.elementValue.dn;
-          case 'iTi':
-            return this.elementValue.code1 + '<slot>-</slot>' + this.elementValue.v2;
-          case 'mt':
-          case 't':
-          case 'p':
-          case 'i':
-          case 'nm':
-            return this.elementValue.code1;
-          case 'so':
-          case 'sos':
-            return this.elementValue.code1?(this.elementValue.code1 + '<slot>:</slot>' + this.elementValue.v2):'';
-          case 'tags':
-            var itemText = '';
-            this.elementValue.code1.forEach((value) => {
-              var itemOption = this.elementOptions.find((oValue) => { return oValue.Code === value });
-              if (itemOption) {
-                itemText += itemOption.Code + ':' + itemOption.Name + ' ';
-              }
-            });
-            return itemText;
-        }
-      }
-    }
-  }
-</script>

package/src/centaline/dynamicLs/index.js

@@ -1,22 +0,0 @@
-import dynamicLs from './src/dynamicLs'
-import dynamicInput from '../dynamicInput/index'
-import dynamicLabel from '../dynamicLabel/index'
-import common from '../common/index'
-import validate from '../validate/index'
-import api from '../api/index'
-
-dynamicLs.install = function (Vue) {
-  Vue.component(dynamicLs.name, dynamicLs);
-  Vue.component(dynamicInput.name, dynamicInput);
-  Vue.component(dynamicLabel.name, dynamicLabel);
-
-  Vue.use(common);
-  Vue.use(validate);
-  Vue.use(api);
-}
-
-if (typeof window !== 'undefined' && window.Vue) {
-  window.Vue.use(dynamicLs);
-}
-
-export default dynamicLs;

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

@@ -1,233 +0,0 @@
-<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>