<template>
  <div class="myproject">
    <tab :tem='tem' :parkey='parkey'/>
  </div>
</template>
<script>
/**
 * module:配置参数，调用表单组件
 * author:lwt
 */
import tab from '../../src/components/tab/tab'
export default {
  name: 'Myproject',
  props: {
  },
  components: {
    tab
  },
  data () {
    return {
      parkey: { 'b1': 'c66ddd', 'b2': '3fdded', 'b3': 'fkf9rrkr' },
      tem: [
        {
          style: { color: 'orange' },
          tds: [
            {
              bindkey: '工程jk名称', style: { width: '25%', fontWeight: 'bold' }
            },
            {
              bindkey: '@{b1}', style: { }, colSpan: 3
            }
          ]
        },
        {
          style: { color: 'green' },
          tds: [
            {
              bindkey: '工程jk名称', style: { width: '25%', fontWeight: 'bold' }
            },
            {
              bindkey: '@{b1}', style: { color: 'red' }
            },
            {
              bindkey: '@{b1}', style: { }
            },
            {
              bindkey: '@{b1}', style: { }
            }
          ]
        },
        {
          style: { color: 'blue' },
          tds: [
            {
              bindkey: '工程jk名称', style: { width: '25%', fontWeight: 'bold' }
            },
            {
              bindkey: '@{b1}', style: { }
            },
            {
              bindkey: '@{b1}', style: { }
            },
            {
              bindkey: '@{b1}', style: { }
            }
          ]
        }
      ]
    }
  },
  computed: {

  },
  created () {

  },
  mounted () {

  },
  beforeDestroy () {
  },
  methods: {
    change: function () {
      this.parkey = { 'b1': '5656545', 'b2': '2555', 'b3': '4455' }
      this.mode = [
        {
          style: { color: 'blue' },
          tds: [
            {
              bindkey: '工程jk名称', style: { width: '50%', fontWeight: 'bold' }
            },
            {
              bindkey: '@{b1}', style: { }
            }
          ]
        }
      ]
      // console.log(this.parkey)
    },
    pars: function (data) {
      // console.log('da:' + data)
    }
  }
}
</script>

<style lang="scss">
  // .myproject{
  //   margin-top: 100px;
  // }
</style>
