qgb-process 0.1.52 → 0.1.53

package/src/library/Table/Table3/Td3/Index.vue

@@ -1,109 +0,0 @@
-<template>
-  <div @click="$emit('click')" :class="{'td3-body-bg':tdType == 'body'}" class="my-td3-box" ref="box" :tdWidth="tdWidth">
-    <div class="my-td3-box-inner" ref="td" :class="{'overflow':overflow}">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: "Td3",
-  props: {
-    tdType: {
-      type: String,
-      default: "body"
-    },
-    showOverflow: {
-      type: Boolean,
-      default: true
-    },
-    tdWidth: {
-      type: Number
-    }
-  },
-  computed: {
-
-  },
-  data() {
-    return {
-      overflow: false
-    }
-  },
-
-  methods: {
-    init() {
-      this.$nextTick(function() {
-        const td = this.$refs.td
-        const height = window.getComputedStyle(td).height
-        const num = height.substr(0, height.length - 2)
-        if (Number(num) > 20 && this.showOverflow) {
-          this.overflow = true
-          td.title = td.innerHTML
-        }
-      }.bind(this))
-    }
-  },
-  mounted() {
-
-  },
-  destroyed() {
-
-  },
-  updated() {
-
-  }
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-
-.my-td3-box{
-  // width: 100%;
-  border-right: 1px solid #e4e7ed;
-  &:last-child{
-    border-right:none;
-  }
-  vertical-align: top;
-  box-sizing:border-box;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  font-size:14px;
-  display: inline-block;
-  line-height: 18px;
-  padding: 13px 0px;
-  margin: 0 auto;
-  min-height: 44px;
-  .my-td3-box-inner{
-    width: 100%;
-    display: inline-block;
-    box-sizing:border-box;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    padding: 0 20px;
-
-    white-space:normal;
-    word-break:break-all;
-
-    // white-space:normal;
-    // word-break:break-all;
-    // overflow:hidden;
-
-    // width:200px;
-  }
-  .overflow {
-    // white-space: nowrap;
-    // overflow: hidden;
-    // text-overflow: ellipsis;
-    -webkit-box-orient: vertical !important;
-
-    overflow: hidden !important;
-    text-overflow: ellipsis !important;
-    -webkit-line-clamp: 1 !important;
-
-    white-space: nowrap !important;
-    // white-space:normal;
-    word-break:normal !important;
-  }
-}
-
-</style>

package/src/library/Table/Table3/Tr3/Index.js

@@ -1,17 +0,0 @@
-import Vue from "vue" // 引入 Vue 是因为要用到 Vue.extend() 这个方法
-import Index from "./Index.vue" // 引入刚才的 toast 组件
-
-const ToastConstructor = Vue.extend(Index) // 这个在前面的前置知识内容里面有讲到
-let instance
-
-const ConfirmPlaugin = function(options = {}) {
-  instance = new ToastConstructor({
-    data: options
-  }).$mount() // 渲染组件
-  // document.body.appendChild(instance.$el) // 挂载到 body 下
-  document.body.appendChild(instance.$el)
-}
-
-export default ConfirmPlaugin
-// Vue.extend(Main).$el
-// Vue.extend(Main).$mount().$el

package/src/library/Table/Table3/Tr3/Index.vue

@@ -1,128 +0,0 @@
-<template>
-  <div
-class="my-tr3-box"
-  :class="{'my-tr3-box-body':trType == 'body','my-tr3-box-title':trType == 'title'}"
-  ref="box"
-  >
-    <slot></slot>
-  </div>
-</template>
-<script>
-// <Tr1></Tr1> color:#666666; color66 color33
-export default {
-  name: "Tr3",
-  props: {
-    trType: {
-      type: String,
-      default: "body" // title
-    }
-  },
-  data() {
-    return {
-
-    }
-  },
-  methods: {
-    setWidth() {
-      this.$nextTick(function() {
-        const parantsDom = this.$refs.box
-        let parantsDomWidth = window.getComputedStyle(parantsDom).width
-        parantsDomWidth = parantsDomWidth.slice(0, -2)
-        const childNodes = parantsDom.childNodes
-        let num = 0
-        for (let i = 0; i < childNodes.length; i++) {
-          if (childNodes[i].nodeType == 1) {
-            num++
-          }
-        }
-        const allWidth = parantsDomWidth - (num * 2) // 可用宽度
-        const innerWidth = Math.floor((allWidth / num).toFixed(0))// 子元素宽度
-        // console.log(innerWidth)
-
-        let childWidth = Math.floor((innerWidth / parantsDomWidth * 100))
-        // console.log(innerWidth / parantsDomWidth * 100, 'childWidth')
-        // let childWidth = ((Number(parantsDomWidth)) / num).toFixed(0)
-        // let childWidth = (1 / num * 100).toFixed(0)
-        // console.log(parantsDomWidth)
-
-        // 计算差值
-        let differenceValue = 100 - (childWidth * num)
-        if (differenceValue >= num) {
-          childWidth++
-          differenceValue = differenceValue - num
-        }
-        // console.log(childWidth)
-        // console.log(allWidth - (innerWidth * num))
-        for (let i = 0; i < childNodes.length; i++) {
-          if (childNodes[i].nodeType == 1) {
-            // childNodes[i].style.width = childWidth + 'px'
-            if (differenceValue > 1) {
-              childNodes[i].style.width = (childWidth + 1) + "%"
-              differenceValue--
-            } else {
-              childNodes[i].style.width = childWidth + "%"
-            }
-          }
-        }
-        this.setOverflow()
-      }.bind(this))
-    },
-    setOverflow() {
-      for (let i = 0; i < this.$children.length; i++) {
-        this.$children[i].init()
-      }
-    }
-  },
-  mounted() {
-    this.setWidth()
-  },
-  destroyed() {
-
-  },
-  updated() {
-    // this.$nextTick(function () {
-    //   let parantsDom = this.$refs.box
-    //   let parantsDomHeight = window.getComputedStyle(parantsDom).height
-    //   let childNodes = parantsDom.childNodes
-
-    //   for (let i = 0; i < childNodes.length; i++) {
-    //     if (childNodes[i].nodeType == 1) {
-    //       childNodes[i].style.height = parantsDomHeight
-    //     }
-    //   }
-    // })
-  }
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-
-.my-tr3-box{
-  box-sizing:border-box;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  width: 100%;
-  min-height: 44px;
-  border:1px solid rgba(228, 231, 237, 1);
-  border-bottom:none;
-
-  &:last-child{
-    border-bottom:1px solid rgba(228, 231, 237, 1);
-  }
-}
-
-.my-tr3-box-title{
-  color:#333;
-  background:rgba(250,250,250,1);
-  font-weight:bold;
-}
-
-.my-tr3-box-body{
-  color:#666;
-  background:rgba(255,255,255,1);
-  font-weight:400;
-  &:hover{
-    background:rgba(245,247,250,1);
-  }
-}
-</style>

package/src/library/Table/Table4/Td4/Index.js

@@ -1,17 +0,0 @@
-import Vue from "vue" // 引入 Vue 是因为要用到 Vue.extend() 这个方法
-import Index from "./Index.vue" // 引入刚才的 toast 组件
-
-const ToastConstructor = Vue.extend(Index) // 这个在前面的前置知识内容里面有讲到
-let instance
-
-const ConfirmPlaugin = function(options = {}) {
-  instance = new ToastConstructor({
-    data: options
-  }).$mount() // 渲染组件
-  // document.body.appendChild(instance.$el) // 挂载到 body 下
-  document.body.appendChild(instance.$el)
-}
-
-export default ConfirmPlaugin
-// Vue.extend(Main).$el
-// Vue.extend(Main).$mount().$el

package/src/library/Table/Table4/Td4/Index.vue

@@ -1,114 +0,0 @@
-<template>
-  <div @click="$emit('click')" :class="{'td4-body-bg':tdType == 'body'}" class="my-td4-box" :style="'width:' + boxWidth">
-    <div class="my-td4-box-inner" ref="td">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-<script>
-// <Td4></Td4>
-// 标题 150 内容 307
-export default {
-  name: "Td4",
-  props: {
-    width: {
-      type: String,
-      default: "0"
-    },
-    tdType: {
-      type: String,
-      default: "body"
-    },
-    bgWidth: {
-      type: String,
-      default: "50%"
-    }
-  },
-  computed: {
-    boxWidth() {
-      let width = 0
-      // tdType
-      // body title
-
-      if (this.tdType === "title") {
-        if (Number(this.width) > 0) {
-          width = this.width
-          return width + "px;"
-        }
-        return width + "px;"
-      }
-      if (this.tdType === "body") {
-        if (Number(this.width) > 0) {
-          width = this.width
-        }
-        return "calc(" + this.bgWidth + " - " + width + "px);"
-      }
-      // 标题 150 内容 307
-
-      return width
-    }
-  },
-  data() {
-    return {
-
-    }
-  },
-
-  methods: {
-    // handleClick (evt) {
-    //   this.$emit('click', evt)
-    // }
-  },
-  mounted() {
-    // let td = this.$refs.td
-    // let height = window.getComputedStyle(td).height
-    // let num = height.substr(0, height.length - 2)
-    // console.log(num, 'td')
-    // let tdHeight = document
-    // console.log(document.querySelector('.my-td4-box-inner'))
-    // my-td4-box-inner
-    // document.getElementBy
-  },
-  destroyed() {
-
-  }
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-
-.my-td4-box{
-  vertical-align: top;
-  box-sizing:border-box;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  font-size:14px;
-  font-weight:400;
-  color:rgba(102,102,102,1);
-
-  display: inline-block;
-  line-height: 36px;
-  padding: 18px 0px;
-  margin: 0 auto;
-  min-height: 54px;
-  // height: 100%;
-  border-left:1px solid rgba(223,228,234,1);
-  &:nth-child(1){
-    border-left:0px ;
-  }
-  &:last-child{
-    // border-right:0;
-    // border-right:1px solid rgba(223,228,234,1);
-  }
-  .my-td4-box-inner{
-    box-sizing:border-box;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    padding: 0 20px;
-  }
-}
-.td4-body-bg{
-  background:#fff;
-  line-height: 18px;
-}
-</style>

package/src/library/Table/Table4/Tr4/Index.js

@@ -1,17 +0,0 @@
-import Vue from "vue" // 引入 Vue 是因为要用到 Vue.extend() 这个方法
-import Index from "./Index.vue" // 引入刚才的 toast 组件
-
-const ToastConstructor = Vue.extend(Index) // 这个在前面的前置知识内容里面有讲到
-let instance
-
-const ConfirmPlaugin = function(options = {}) {
-  instance = new ToastConstructor({
-    data: options
-  }).$mount() // 渲染组件
-  // document.body.appendChild(instance.$el) // 挂载到 body 下
-  document.body.appendChild(instance.$el)
-}
-
-export default ConfirmPlaugin
-// Vue.extend(Main).$el
-// Vue.extend(Main).$mount().$el

package/src/library/Table/Table4/Tr4/Index.vue

@@ -1,53 +0,0 @@
-<template>
-  <div class="my-tr4-box" ref="tr">
-    <slot></slot>
-  </div>
-</template>
-<script>
-// <Tr4></Tr4>
-export default {
-  name: "Tr4",
-  props: {
-
-  },
-  data() {
-    return {
-
-    }
-  },
-  methods: {
-
-  },
-  mounted() {
-    const parantsDom = this.$refs.tr
-    const parantsDomHeight = window.getComputedStyle(parantsDom).height
-    const childNodes = parantsDom.childNodes
-
-    for (let i = 0; i < childNodes.length; i++) {
-      if (childNodes[i].nodeType == 1) {
-        childNodes[i].style.height = parantsDomHeight
-      }
-    }
-  },
-  destroyed() {
-
-  }
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-
-.my-tr4-box{
-   box-sizing:border-box;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  width: 100%;
-  min-height: 54px;
-  border:1px solid rgba(228, 231, 237, 1);
-  border-bottom:none;
-  background:rgba(245,247,250,1);
-  &:last-child{
-    border-bottom:1px solid rgba(228, 231, 237, 1);
-  }
-}
-</style>

package/src/library/Title/Title1/Index.js

@@ -1,17 +0,0 @@
-import Vue from "vue" // 引入 Vue 是因为要用到 Vue.extend() 这个方法
-import Index from "./Index.vue" // 引入刚才的 toast 组件
-
-const ToastConstructor = Vue.extend(Index) // 这个在前面的前置知识内容里面有讲到
-let instance
-
-const ConfirmPlaugin = function(options = {}) {
-  instance = new ToastConstructor({
-    data: options
-  }).$mount() // 渲染组件
-  // document.body.appendChild(instance.$el) // 挂载到 body 下
-  document.body.appendChild(instance.$el)
-}
-
-export default ConfirmPlaugin
-// Vue.extend(Main).$el
-// Vue.extend(Main).$mount().$el

package/src/library/Title/Title1/Index.vue

@@ -1,80 +0,0 @@
-<template>
-  <div class="my-title-box">
-      <div class="title-line"></div>
-      <div class="title-font">{{name}}</div>
-      <div class="title-bottom-line">
-          <img src="../../../assets/img/title/bottom-line.png" alt="">
-      </div>
-      <slot></slot>
-  </div>
-</template>
-<script>
-// <Title1></Title1>
-export default {
-  name: "Title1",
-  mixins: [],
-  extends: {},
-  props: {
-    name: {
-      type: String
-    }
-  },
-  data() {
-    return {}
-  },
-  computed: {},
-  components: {},
-  filter: {},
-  watch: {},
-  methods: {},
-  created() {
-  },
-  mounted() {}
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-// @media  screen and (min-width:1218px){}
-// @media  screen and (max-width:1217px){}
-// @media  screen and (max-width:992px){}
-
-.my-title-box{
-    text-indent: 10px;
-    width: 100%;
-    margin: 0 auto;
-    height:36px;
-    position: relative;
-    >div{
-        position: absolute;
-    }
-    .title-line{
-        top: 50%;
-        left: 0;
-        width:3px;
-        height:20px;
-        background:rgba(64,158,233,1);
-        margin-top: -10px;
-    }
-    .title-font{
-        top: 50%;
-        height:20px;
-        line-height: 20px;
-        font-size:18px;
-        font-weight:400;
-        color:rgba(51,51,51,1);
-        margin-top: -10px;
-        left: 13px;
-    }
-    .title-bottom-line{
-        width: 100%;
-        height: 2px;
-        bottom: 0px;
-        left: 0;
-        img{
-            float: left;
-            width: 100%;
-            height: 100%;
-        }
-    }
-}
-</style>

package/src/library/toast/Index.js

@@ -1,17 +0,0 @@
-import Vue from "vue" // 引入 Vue 是因为要用到 Vue.extend() 这个方法
-import Index from "./Index.vue" // 引入刚才的 toast 组件
-
-const ToastConstructor = Vue.extend(Index) // 这个在前面的前置知识内容里面有讲到
-let instance
-
-const Toast = function(options = {}) {
-  instance = new ToastConstructor({
-    data: options
-  }).$mount() // 渲染组件
-  // document.body.appendChild(instance.$el) // 挂载到 body 下
-  document.body.appendChild(instance.$el)
-}
-
-export default Toast
-// Vue.extend(Main).$el
-// Vue.extend(Main).$mount().$el

package/src/library/toast/Index.vue

@@ -1,86 +0,0 @@
-<template>
-  <div class="my-toast-box">
-    <div class="my-toast-inner my-toast-error-inner" v-if="type=='error'">
-      <div><img src="../../assets/img/toast/error.png" alt="">{{msg}}</div>
-    </div>
-    <div class="my-toast-inner my-toast-success-inner" v-if="type=='success'">
-      <div><img src="../../assets/img/toast/icon_success.png" alt="">{{msg}}</div>
-    </div>
-  </div>
-  <!-- success error -->
-  <!-- E:\personCenter\pc_person_center\src\assets\icon_success.png -->
-      <!-- let data = {
-        msg: 'dsfdsfdsf',
-        time: 300,
-        type: 'success'
-      }
-      this.$_toast(data) -->
-      <!-- error -->
-      <!-- success -->
-</template>
-<script>
-
-export default {
-  name: "Toast",
-  data() {
-    return {
-      type: "success",
-      msg: "",
-      time: 3000
-    }
-  },
-  mounted() {
-    // setTimeout(() => {
-    // 3s 后通过父级移除子元素的方式来移除该组件实例和 DOM 节点
-    //   this.$destroy(true)
-    //   this.$el.parentNode.removeChild(this.$el)
-
-    // }, this.duration)
-    const that = this
-    setTimeout(() => {
-      that.$destroy(true)
-      that.$el.parentNode.removeChild(this.$el)
-    }, that.time)
-  }
-}
-</script>
-<style lang="scss" scoped>
-.my-toast-box {
-  .my-toast-inner{
-    width: 820px;
-    height: 40px;
-    line-height: 40px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: center;
-    position: fixed;
-    top: 10px;
-    bottom: 0;
-    left: 50%;
-    right: 0;
-    margin-left: -410px;
-
-    font-size: 14px;
-    z-index: 9999;
-
-    border-radius: 4px;
-    img{
-      vertical-align: middle;
-      margin-right: 9px;
-    }
-  }
-  .my-toast-error-inner{
-    // background:rgba(240,249,235,1);
-    background:rgba(255,238,238,1);
-     color: #FF6666;
-  }
-  .my-toast-success-inner{
-    background:rgba(240,249,235,1);
-    color: #78C06E;
-    img{
-      width: 18px;
-      height: 18px;
-    }
-  }
-}
-</style>