centaline-data-driven 1.1.55 → 1.1.56

package/src/centaline/progress/src/progress.vue

@@ -1,70 +1,70 @@
-<template>
-  <div class="ct-progress">
-    <div>
-      <el-progress :text-inside="true" :stroke-width="18" :percentage="percentage"></el-progress>
-      <span>{{message}}</span>
-    </div>
-  </div>
-</template>
-<script>
-  import { setTimeout } from 'timers';
-  export default {
-    name: 'ct-progress',
-    props: {
-      progressAction: String,
-      progressKey: String,
-    },
-    data() {
-      return {
-        message: '',
-        percentage: 0,
-        isDestroy: false,
-      };
-    },
-    methods: {
-      load() {
-      },
-      getApiData() {
-        const self = this;
-        let params = {
-          action: this.progressAction,
-          para: {
-            key: this.progressKey
-          }
-        }
-
-        if (self.isDestroy) {
-          return;
-        }
-
-        this.$api.postHandler(this.$common.globalUri(), params, null).then((response) => {
-          const data = response.content;
-          if (data && data.rtnMsg) {
-            self.message = data.rtnMsg;
-          }
-          if (response.rtnCode === 200) {
-            this.percentage = data.percentage;
-            if (data.flagFinished) {
-              window.open(data.content, "_blank");
-              setTimeout(() => { self.$emit('finished'); }, 800);
-            }
-            else {
-              setTimeout(() => { self.getApiData() }, 1000);
-            }
-          }
-          else {
-            
-          }
-        });
-      }
-    },
-    mounted() {
-      this.getApiData();
-    },
-    beforeDestroy() {
-      this.isDestroy = true;
-    }
-  }
-</script>
-<style>
-</style>
+<template>
+  <div class="ct-progress">
+    <div>
+      <el-progress :text-inside="true" :stroke-width="18" :percentage="percentage"></el-progress>
+      <span>{{message}}</span>
+    </div>
+  </div>
+</template>
+<script>
+  import { setTimeout } from 'timers';
+  export default {
+    name: 'ct-progress',
+    props: {
+      progressAction: String,
+      progressKey: String,
+    },
+    data() {
+      return {
+        message: '',
+        percentage: 0,
+        isDestroy: false,
+      };
+    },
+    methods: {
+      load() {
+      },
+      getApiData() {
+        const self = this;
+        let params = {
+          action: this.progressAction,
+          para: {
+            key: this.progressKey
+          }
+        }
+
+        if (self.isDestroy) {
+          return;
+        }
+
+        this.$api.postHandler(this.$common.globalUri(), params, null).then((response) => {
+          const data = response.content;
+          if (data && data.rtnMsg) {
+            self.message = data.rtnMsg;
+          }
+          if (response.rtnCode === 200) {
+            this.percentage = data.percentage;
+            if (data.flagFinished) {
+              window.open(data.content, "_blank");
+              setTimeout(() => { self.$emit('finished'); }, 800);
+            }
+            else {
+              setTimeout(() => { self.getApiData() }, 1000);
+            }
+          }
+          else {
+            
+          }
+        });
+      }
+    },
+    mounted() {
+      this.getApiData();
+    },
+    beforeDestroy() {
+      this.isDestroy = true;
+    }
+  }
+</script>
+<style>
+</style>

package/src/centaline/quickInput/src/quickInput.vue

@@ -1,64 +1,64 @@
-<template>
-  <div class="ct-quickInput">
-    <el-dropdown @command="handleCommand" @visible-change="getOptions">
-      <i class="el-icon-more"></i>
-      <el-dropdown-menu ref="dropdown" slot="dropdown">
-        <el-dropdown-item v-for="(op, index) in options" :key="index" :command="op.Code">{{op.Name}}</el-dropdown-item>
-      </el-dropdown-menu>
-    </el-dropdown>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'ctQuickInput',
-    props: {
-      pn: String,
-      action: String
-    },
-    data() {
-      return {
-        options:[]
-      };
-    },
-    methods: {
-      handleCommand(command) {
-        this.$emit('input', command);
-      },
-      getOptions(show) {
-        if (show) {
-          var self = this;
-          var params = {
-            action: this.action,
-            para: {
-              paramName: this.paramName1
-            }
-          };
-          this.$api.postHandler(this.$common.globalUri(), params).then((response) => {
-            if (response.rtnCode === 200) {
-              self.options = response.content;
-            }
-          });
-        }
-      }
-    },
-    mounted() {
-      var self = this;
-      this.$nextTick(function () {
-        var dropdown = self.$refs["dropdown"];
-        dropdown.createPopper();
-        self.$watch('options', function (newVal, oldVal) {
-          self.$nextTick(() => {
-            dropdown.updatePopper();
-            dropdown.updatePopper();
-          });
-        }, { deep: true, immediate: true });
-      });
-    }
-  }
-</script>
-<style>
-  .ct-quickInput .el-icon-more:hover {
-    cursor: pointer;
-    color: #409EFF;
-  }
-</style>
+<template>
+  <div class="ct-quickInput">
+    <el-dropdown @command="handleCommand" @visible-change="getOptions">
+      <i class="el-icon-more"></i>
+      <el-dropdown-menu ref="dropdown" slot="dropdown">
+        <el-dropdown-item v-for="(op, index) in options" :key="index" :command="op.Code">{{op.Name}}</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'ctQuickInput',
+    props: {
+      pn: String,
+      action: String
+    },
+    data() {
+      return {
+        options:[]
+      };
+    },
+    methods: {
+      handleCommand(command) {
+        this.$emit('input', command);
+      },
+      getOptions(show) {
+        if (show) {
+          var self = this;
+          var params = {
+            action: this.action,
+            para: {
+              paramName: this.paramName1
+            }
+          };
+          this.$api.postHandler(this.$common.globalUri(), params).then((response) => {
+            if (response.rtnCode === 200) {
+              self.options = response.content;
+            }
+          });
+        }
+      }
+    },
+    mounted() {
+      var self = this;
+      this.$nextTick(function () {
+        var dropdown = self.$refs["dropdown"];
+        dropdown.createPopper();
+        self.$watch('options', function (newVal, oldVal) {
+          self.$nextTick(() => {
+            dropdown.updatePopper();
+            dropdown.updatePopper();
+          });
+        }, { deep: true, immediate: true });
+      });
+    }
+  }
+</script>
+<style>
+  .ct-quickInput .el-icon-more:hover {
+    cursor: pointer;
+    color: #409EFF;
+  }
+</style>

package/src/centaline/selectOption/src/selectOption.vue

@@ -1,61 +1,61 @@
-<template>
-  <table>
-    <tbody>
-      <tr v-for="n in optionRowCount">
-        <td v-for="m in model.optionColCount">
-          <el-tag v-if="typeof model.options[(n-1)*model.optionColCount + (m-1)] !== 'undefined'"
-                  class="ct-option" @click.native="$emit('click',model.options[(n-1)*model.optionColCount + (m-1)][model.optionAttrs.value])"
-                  :type="getOptionSelect(model.options[(n-1)*model.optionColCount + (m-1)][model.optionAttrs.value])">
-
-            {{getLabel(n,m)}}
-          </el-tag>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</template>
-<script>
-  export default {
-    name: 'ctSelectOption',
-    props: {
-      model: Object
-    },
-    data(){
-      return {
-
-      }
-    },
-    computed: {
-      optionRowCount: function () {
-        return parseInt(this.model.options.length % this.model.optionColCount > 0 ? (this.model.options.length / this.model.optionColCount) + 1 : this.model.options.length / this.model.optionColCount);
-      }
-    },
-    methods: {
-      getLabel(n,m){
-         if(this.model.options[(n-1)*this.model.optionColCount + (m-1)][this.model.optionAttrs.displayLabel])
-        {
-          return this.model.options[(n-1)*this.model.optionColCount + (m-1)][this.model.optionAttrs.displayLabel];
-        }
-        return this.model.options[(n-1)*this.model.optionColCount + (m-1)][this.model.optionAttrs.label];
-      },
-      getOptionSelect(value) {
-        if (typeof this.model.value === 'object') {
-          if (this.model.value.indexOf(value) >= 0) {
-            return "danger";
-          }
-          else {
-            return "success";
-          }
-        }
-        else {
-          if (this.model.value === value) {
-            return "danger";
-          }
-          else {
-            return "success";
-          }
-        }
-      }
-    }
-  }
-</script>
+<template>
+  <table>
+    <tbody>
+      <tr v-for="n in optionRowCount">
+        <td v-for="m in model.optionColCount">
+          <el-tag v-if="typeof model.options[(n-1)*model.optionColCount + (m-1)] !== 'undefined'"
+                  class="ct-option" @click.native="$emit('click',model.options[(n-1)*model.optionColCount + (m-1)][model.optionAttrs.value])"
+                  :type="getOptionSelect(model.options[(n-1)*model.optionColCount + (m-1)][model.optionAttrs.value])">
+
+            {{getLabel(n,m)}}
+          </el-tag>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+<script>
+  export default {
+    name: 'ctSelectOption',
+    props: {
+      model: Object
+    },
+    data(){
+      return {
+
+      }
+    },
+    computed: {
+      optionRowCount: function () {
+        return parseInt(this.model.options.length % this.model.optionColCount > 0 ? (this.model.options.length / this.model.optionColCount) + 1 : this.model.options.length / this.model.optionColCount);
+      }
+    },
+    methods: {
+      getLabel(n,m){
+         if(this.model.options[(n-1)*this.model.optionColCount + (m-1)][this.model.optionAttrs.displayLabel])
+        {
+          return this.model.options[(n-1)*this.model.optionColCount + (m-1)][this.model.optionAttrs.displayLabel];
+        }
+        return this.model.options[(n-1)*this.model.optionColCount + (m-1)][this.model.optionAttrs.label];
+      },
+      getOptionSelect(value) {
+        if (typeof this.model.value === 'object') {
+          if (this.model.value.indexOf(value) >= 0) {
+            return "danger";
+          }
+          else {
+            return "success";
+          }
+        }
+        else {
+          if (this.model.value === value) {
+            return "danger";
+          }
+          else {
+            return "success";
+          }
+        }
+      }
+    }
+  }
+</script>

package/src/centaline/selectOption/src/selectOptionVertical.vue

@@ -1,80 +1,80 @@
-<template>
-  <div class="ct-selectOptionVertical" style="">
-    <ul>
-      <li v-for="op in model.options" :class="[getOptionSelect(op[model.optionAttrs.value])?'select':'']" @click="selectOption(op[model.optionAttrs.value])">
-        <span>{{op[model.optionAttrs.displayLabel]||op[model.optionAttrs.label]}}</span>
-      </li>
-    </ul>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'ctSelectOptionVertical',
-    props: {
-      model: Object
-    },
-    data() {
-      return {
-
-      }
-    },
-    computed: {
-      optionRowCount: function () {
-        return parseInt(this.model.options.length % this.model.optionColCount > 0 ? (this.model.options.length / this.model.optionColCount) + 1 : this.model.options.length / this.model.optionColCount);
-      }
-    },
-    methods: {
-      getOptionSelect(value) {
-        if (typeof this.model.value === 'object') {
-          if (this.model.value.indexOf(value) >= 0) {
-            return true;
-          }
-          else {
-            return false;
-          }
-        }
-        else {
-          if (this.model.value === value) {
-            return true;
-          }
-          else {
-            return false;
-          }
-        }
-      },
-      selectOption(value) {
-        this.$emit('click', value);
-      }
-    }
-  }
-</script>
-<style>
-  .ct-selectOptionVertical {
-    width: 100%;
-    max-height: 250px;
-    overflow: auto;
-  }
-    .ct-selectOptionVertical li {
-      line-height: 36px;
-      position:relative;
-      padding-right:40px;
-    }
-  .ct-selectOptionVertical li:hover {
-    cursor: pointer;
-    background-color: #ecf5ff;
-  }
-      .ct-selectOptionVertical li.select {
-        color: #409EFF;
-        font-weight: bold;
-      }
-        .ct-selectOptionVertical li.select span::after{
-          position: absolute;
-          right: 20px;
-          font-family: 'element-icons';
-          content: "\E611";
-          font-size: 12px;
-          font-weight: bold;
-          -webkit-font-smoothing: antialiased;
-          -moz-osx-font-smoothing: grayscale;
-        }
-</style>
+<template>
+  <div class="ct-selectOptionVertical" style="">
+    <ul>
+      <li v-for="op in model.options" :class="[getOptionSelect(op[model.optionAttrs.value])?'select':'']" @click="selectOption(op[model.optionAttrs.value])">
+        <span>{{op[model.optionAttrs.displayLabel]||op[model.optionAttrs.label]}}</span>
+      </li>
+    </ul>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'ctSelectOptionVertical',
+    props: {
+      model: Object
+    },
+    data() {
+      return {
+
+      }
+    },
+    computed: {
+      optionRowCount: function () {
+        return parseInt(this.model.options.length % this.model.optionColCount > 0 ? (this.model.options.length / this.model.optionColCount) + 1 : this.model.options.length / this.model.optionColCount);
+      }
+    },
+    methods: {
+      getOptionSelect(value) {
+        if (typeof this.model.value === 'object') {
+          if (this.model.value.indexOf(value) >= 0) {
+            return true;
+          }
+          else {
+            return false;
+          }
+        }
+        else {
+          if (this.model.value === value) {
+            return true;
+          }
+          else {
+            return false;
+          }
+        }
+      },
+      selectOption(value) {
+        this.$emit('click', value);
+      }
+    }
+  }
+</script>
+<style>
+  .ct-selectOptionVertical {
+    width: 100%;
+    max-height: 250px;
+    overflow: auto;
+  }
+    .ct-selectOptionVertical li {
+      line-height: 36px;
+      position:relative;
+      padding-right:40px;
+    }
+  .ct-selectOptionVertical li:hover {
+    cursor: pointer;
+    background-color: #ecf5ff;
+  }
+      .ct-selectOptionVertical li.select {
+        color: #409EFF;
+        font-weight: bold;
+      }
+        .ct-selectOptionVertical li.select span::after{
+          position: absolute;
+          right: 20px;
+          font-family: 'element-icons';
+          content: "\E611";
+          font-size: 12px;
+          font-weight: bold;
+          -webkit-font-smoothing: antialiased;
+          -moz-osx-font-smoothing: grayscale;
+        }
+</style>

package/src/centaline/templateControls/index.js

@@ -1,17 +1,17 @@
-import dynamicTableImg from './src/dynamicTableImg'
-import dynamicTableA from './src/dynamicTableA'
-import dynamicTableCurrency from './src/dynamicTableCurrency'
-
-const templateControls = {
-  install: function (Vue) {
-    Vue.component(dynamicTableImg.name, dynamicTableImg);
-    Vue.component(dynamicTableA.name, dynamicTableA);
-    Vue.component(dynamicTableCurrency.name, dynamicTableCurrency);
-  }
-};
-
-if (typeof window !== 'undefined' && window.Vue) {
-  window.Vue.use(templateControls);
-}
-
-export default templateControls;
+import dynamicTableImg from './src/dynamicTableImg'
+import dynamicTableA from './src/dynamicTableA'
+import dynamicTableCurrency from './src/dynamicTableCurrency'
+
+const templateControls = {
+  install: function (Vue) {
+    Vue.component(dynamicTableImg.name, dynamicTableImg);
+    Vue.component(dynamicTableA.name, dynamicTableA);
+    Vue.component(dynamicTableCurrency.name, dynamicTableCurrency);
+  }
+};
+
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.use(templateControls);
+}
+
+export default templateControls;

package/src/centaline/templateControls/src/dynamicTableA.vue

@@ -1,20 +1,20 @@
-<template>
-  <div style="width:100%">
-    <a v-bind="vmodel.attrs" @click="vmodel.attrs.click?vmodel.attrs.click:null">
-      <slot name="value"></slot>
-    </a>
-  </div>
-</template>
-
-<script>
-  export default {
-    name: 'ct-tablea',
-    props: {
-      vmodel: Object
-    },
-    data() {
-      return {
-      }
-    }
-  }
-</script>
+<template>
+  <div style="width:100%">
+    <a v-bind="vmodel.attrs" @click="vmodel.attrs.click?vmodel.attrs.click:null">
+      <slot name="value"></slot>
+    </a>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'ct-tablea',
+    props: {
+      vmodel: Object
+    },
+    data() {
+      return {
+      }
+    }
+  }
+</script>