@tongfun/tf-widget 0.1.21 → 0.1.22

package/package/tf-widget/src/children/basic-data/dependcy/view-picture.vue

@@ -1,108 +1,108 @@
-<template>
-  <el-dialog
-    title="查看图片"
-    :visible.sync="dialogVisible"
-    width="50%"
-    :append-to-body="true"
-    :before-close="handleCloseMethod"
-  >
-    <div class="picture-warp">
-      <el-carousel trigger="click" :autoplay="false">
-        <el-carousel-item v-for="item in pictures" :key="item">
-          <div>
-            <el-image :src="item" alt="" fit="contain" />
-          </div>
-        </el-carousel-item>
-      </el-carousel>
-    </div>
-    <span slot="footer" class="dialog-footer">
-      <el-button class="common-header-button" type="primary" @click="handelClose">取 消</el-button>
-      <el-button class="common-header-button button-sure" type="primary" @click="handelClose">确 定</el-button>
-    </span>
-  </el-dialog>
-</template>
-
-<script>
-export default {
-  props: {
-    dialogVisible: {
-      type: Boolean,
-      default: false
-    },
-    viewPictureData: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-      pictures: []
-    }
-  },
-  watch: {
-    viewPictureData: function (newVal, oldVal) {
-      this.pictures = newVal.split(',')
-    }
-  },
-  methods: {
-
-    /**
-     * 弹框关闭前
-     */
-    handleCloseMethod (done) {
-      this.$emit('handelClose', false)
-    },
-
-    /**
-     * 弹框关闭
-     */
-    handelClose () {
-      this.$emit('handelClose', false)
-    }
-
-  }
-}
-
-</script>
-<style lang='less' scoped>
-@import "@/assets/styles/common-table.less";
-/deep/ .el-dialog__body{
-  height: 50vh;
-  overflow: auto;
-  padding: 1vh 1vw;
-  box-sizing: border-box;
-  .picture-warp{
-    height: 100%;
-    .el-carousel{
-        height: 100%;
-        .el-carousel__container{
-          height: 100% !important;
-        }
-        .el-carousel__item{
-          height: 100% !important;
-          >div{
-            height: 100% !important;
-            display: flex;
-            justify-content: center;
-          }
-        }
-      }
-  }
-
-}
-::v-deep .el-button{
-  width: 2.5vw;
-  height:  2.222vh;
-  opacity: 1;
-  background: #0c4c8e;
-  color: #fff;
-  padding: 0;
-  border-radius: 2px 0 0 2px;
-  border: 1px solid #0c4c8e;
-  margin-right: 0;
-}
-.button-sure{
-  margin-left: 1vw !important;
-}
-
-</style>
+<template>
+  <el-dialog
+    title="查看图片"
+    :visible.sync="dialogVisible"
+    width="50%"
+    :append-to-body="true"
+    :before-close="handleCloseMethod"
+  >
+    <div class="picture-warp">
+      <el-carousel trigger="click" :autoplay="false">
+        <el-carousel-item v-for="item in pictures" :key="item">
+          <div>
+            <el-image :src="item" alt="" fit="contain" />
+          </div>
+        </el-carousel-item>
+      </el-carousel>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button class="common-header-button" type="primary" @click="handelClose">取 消</el-button>
+      <el-button class="common-header-button button-sure" type="primary" @click="handelClose">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      default: false
+    },
+    viewPictureData: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+      pictures: []
+    }
+  },
+  watch: {
+    viewPictureData: function (newVal, oldVal) {
+      this.pictures = newVal.split(',')
+    }
+  },
+  methods: {
+
+    /**
+     * 弹框关闭前
+     */
+    handleCloseMethod (done) {
+      this.$emit('handelClose', false)
+    },
+
+    /**
+     * 弹框关闭
+     */
+    handelClose () {
+      this.$emit('handelClose', false)
+    }
+
+  }
+}
+
+</script>
+<style lang='less' scoped>
+@import "@/assets/styles/common-table.less";
+/deep/ .el-dialog__body{
+  height: 50vh;
+  overflow: auto;
+  padding: 1vh 1vw;
+  box-sizing: border-box;
+  .picture-warp{
+    height: 100%;
+    .el-carousel{
+        height: 100%;
+        .el-carousel__container{
+          height: 100% !important;
+        }
+        .el-carousel__item{
+          height: 100% !important;
+          >div{
+            height: 100% !important;
+            display: flex;
+            justify-content: center;
+          }
+        }
+      }
+  }
+
+}
+::v-deep .el-button{
+  width: 2.5vw;
+  height:  2.222vh;
+  opacity: 1;
+  background: #0c4c8e;
+  color: #fff;
+  padding: 0;
+  border-radius: 2px 0 0 2px;
+  border: 1px solid #0c4c8e;
+  margin-right: 0;
+}
+.button-sure{
+  margin-left: 1vw !important;
+}
+
+</style>

package/package/tf-widget/src/children/date-time.vue

@@ -1,103 +1,103 @@
-<template>
-  <el-date-picker
-    :value="value"
-    type="datetime"
-    :placeholder="placeholder"
-    value-format="yyyy-MM-dd HH:mm:ss"
-    format="yyyy-MM-dd HH:mm:ss"
-    :disabled="JSON.parse(disabled)"
-    :clearable="false"
-    @input="handleInput"
-    v-on="$listeners"
-  />
-</template>
-<script>
-export default {
-  components: {
-  },
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: [Boolean, String],
-      default: false
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    defaultValue: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-    }
-  },
-  watch: {
-    value () {
-      if (!this.value) {
-        this.handleInput(null)
-      }
-    }
-  },
-  created () {
-    if (this.defaultValue && this.defaultValue !== 'now' && !this.value) {
-      return this.handleInput(this.defaultValue)
-    }
-    if (this.defaultValue && this.defaultValue === 'now' && !this.value) {
-      return this.handleInput(this.getNowTime())
-    }
-    // 时间类型初始化成null
-    if (!this.value) {
-      this.handleInput(null)
-    } else {
-      this.handleInput(this.value)
-    }
-  },
-  methods: {
-    handleInput (v) {
-      this.$emit('input', v)
-    },
-
-    // 获取当前日期
-    getNowTime () {
-      const time = new Date()
-      const year = time.getFullYear()
-      const month = (time.getMonth() + 1).toString().padStart(2, '0')
-      const date = (time.getDate()).toString().padStart(2, '0')
-      const hours = (time.getHours()).toString().padStart(2, '0')
-      const minute = (time.getMinutes()).toString().padStart(2, '0')
-      const second = (time.getSeconds()).toString().padStart(2, '0')
-      return year + '-' + month + '-' + date + ' ' + hours + ':' + minute + ':' + second
-    }
-
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import '../assets/common-input.less';
-::v-deep .el-input__inner{
-  width: 100%;
-  border: none;
-  border-bottom: 1px solid #DCDCDC;
-  border-radius: 0;
-
-}
-::v-deep .el-icon-time {
-    // background: red;
-    background-size: 20px;
-}
-
-::v-deep .el-icon-time:before {
-  content: "\e71f";
-  font-size: 16px;
-  position: absolute;
-  left: 760%  !important;
-}
-
-</style>
+<template>
+  <el-date-picker
+    :value="value"
+    type="datetime"
+    :placeholder="placeholder"
+    value-format="yyyy-MM-dd HH:mm:ss"
+    format="yyyy-MM-dd HH:mm:ss"
+    :disabled="JSON.parse(disabled)"
+    :clearable="false"
+    @input="handleInput"
+    v-on="$listeners"
+  />
+</template>
+<script>
+export default {
+  components: {
+  },
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: [Boolean, String],
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    defaultValue: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+    }
+  },
+  watch: {
+    value () {
+      if (!this.value) {
+        this.handleInput(null)
+      }
+    }
+  },
+  created () {
+    if (this.defaultValue && this.defaultValue !== 'now' && !this.value) {
+      return this.handleInput(this.defaultValue)
+    }
+    if (this.defaultValue && this.defaultValue === 'now' && !this.value) {
+      return this.handleInput(this.getNowTime())
+    }
+    // 时间类型初始化成null
+    if (!this.value) {
+      this.handleInput(null)
+    } else {
+      this.handleInput(this.value)
+    }
+  },
+  methods: {
+    handleInput (v) {
+      this.$emit('input', v)
+    },
+
+    // 获取当前日期
+    getNowTime () {
+      const time = new Date()
+      const year = time.getFullYear()
+      const month = (time.getMonth() + 1).toString().padStart(2, '0')
+      const date = (time.getDate()).toString().padStart(2, '0')
+      const hours = (time.getHours()).toString().padStart(2, '0')
+      const minute = (time.getMinutes()).toString().padStart(2, '0')
+      const second = (time.getSeconds()).toString().padStart(2, '0')
+      return year + '-' + month + '-' + date + ' ' + hours + ':' + minute + ':' + second
+    }
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '../assets/common-input.less';
+::v-deep .el-input__inner{
+  width: 100%;
+  border: none;
+  border-bottom: 1px solid #DCDCDC;
+  border-radius: 0;
+
+}
+::v-deep .el-icon-time {
+    // background: red;
+    background-size: 20px;
+}
+
+::v-deep .el-icon-time:before {
+  content: "\e71f";
+  font-size: 16px;
+  position: absolute;
+  left: 760%  !important;
+}
+
+</style>

package/package/tf-widget/src/children/date.vue

@@ -1,103 +1,103 @@
-<template>
-  <el-date-picker
-    ref="date"
-    :value="value"
-    type="date"
-    :placeholder="placeholder"
-    value-format="yyyy-MM-dd"
-    format="yyyy-MM-dd"
-    :disabled="JSON.parse(disabled)"
-    :clearable="false"
-    @input="handleInput"
-    v-on="$listeners"
-  />
-</template>
-<script>
-export default {
-  components: {
-
-  },
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-    disabled: {
-      type: [Boolean, String],
-      default: false
-    },
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    defaultValue: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-    }
-  },
-  watch: {
-    value () {
-      if (!this.value) {
-        this.handleInput(null)
-      }
-    }
-  },
-  created () {
-    if (this.defaultValue && this.defaultValue !== 'now' && !this.value) {
-      return this.handleInput(this.defaultValue)
-    }
-    if (this.defaultValue && this.defaultValue === 'now' && !this.value) {
-      return this.handleInput(this.getNowTime())
-    }
-    // 时间类型初始化成null
-    if (!this.value) {
-      this.handleInput(null)
-    } else {
-      this.handleInput(this.value)
-    }
-  },
-  methods: {
-    handleInput (v) {
-      this.$emit('input', v)
-    },
-
-    // 获取当前日期
-    getNowTime () {
-      const time = new Date()
-      const year = time.getFullYear()
-      const month = (time.getMonth() + 1).toString().padStart(2, '0')
-      const date = (time.getDate()).toString().padStart(2, '0')
-      return year + '-' + month + '-' + date
-    }
-
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import '../assets/common-input.less';
-::v-deep .el-input__inner{
-  width: 100%;
-  border: none;
-  border-bottom: 1px solid #DCDCDC;
-  padding-left: 15px !important;
-  border-radius: 0;
-  box-sizing: border-box;
-}
-::v-deep .el-icon-date {
-    // background: red;
-    background-size: 20px;
-}
-
-::v-deep .el-icon-date:before {
-  content: "\e78e";
-  font-size: 16px;
-  position: absolute;
-  left: 760%  !important;
-}
-
-</style>
+<template>
+  <el-date-picker
+    ref="date"
+    :value="value"
+    type="date"
+    :placeholder="placeholder"
+    value-format="yyyy-MM-dd"
+    format="yyyy-MM-dd"
+    :disabled="JSON.parse(disabled)"
+    :clearable="false"
+    @input="handleInput"
+    v-on="$listeners"
+  />
+</template>
+<script>
+export default {
+  components: {
+
+  },
+  props: {
+    value: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: [Boolean, String],
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: ''
+    },
+    defaultValue: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+    }
+  },
+  watch: {
+    value () {
+      if (!this.value) {
+        this.handleInput(null)
+      }
+    }
+  },
+  created () {
+    if (this.defaultValue && this.defaultValue !== 'now' && !this.value) {
+      return this.handleInput(this.defaultValue)
+    }
+    if (this.defaultValue && this.defaultValue === 'now' && !this.value) {
+      return this.handleInput(this.getNowTime())
+    }
+    // 时间类型初始化成null
+    if (!this.value) {
+      this.handleInput(null)
+    } else {
+      this.handleInput(this.value)
+    }
+  },
+  methods: {
+    handleInput (v) {
+      this.$emit('input', v)
+    },
+
+    // 获取当前日期
+    getNowTime () {
+      const time = new Date()
+      const year = time.getFullYear()
+      const month = (time.getMonth() + 1).toString().padStart(2, '0')
+      const date = (time.getDate()).toString().padStart(2, '0')
+      return year + '-' + month + '-' + date
+    }
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@import '../assets/common-input.less';
+::v-deep .el-input__inner{
+  width: 100%;
+  border: none;
+  border-bottom: 1px solid #DCDCDC;
+  padding-left: 15px !important;
+  border-radius: 0;
+  box-sizing: border-box;
+}
+::v-deep .el-icon-date {
+    // background: red;
+    background-size: 20px;
+}
+
+::v-deep .el-icon-date:before {
+  content: "\e78e";
+  font-size: 16px;
+  position: absolute;
+  left: 760%  !important;
+}
+
+</style>