bi-element-ui 1.1.8 → 1.1.91

package/src/store/index.js

@@ -1,11 +1,11 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-
-Vue.use(Vuex)
-
-export default new Vuex.Store({
-  state: {},
-  mutations: {},
-  actions: {},
-  modules: {}
-})
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  state: {},
+  mutations: {},
+  actions: {},
+  modules: {}
+})

package/src/table.js

@@ -91,6 +91,92 @@ export default {
           }
         }
       ],
+      duojibiaotou: [
+        {
+          label: '日期',
+          prop: 'date',
+          fixed: 'left',
+          minWidth: '100px',
+          renderHeader: (h) => {
+            return <span>日期456</span>
+          }
+        },
+        {
+          label: '组',
+          fixed: 'left',
+          children: [
+            {
+              label: '组2',
+              fixed: 'left',
+              children: [
+                {
+                  label: '姓名',
+                  prop: 'name',
+                  fixed: 'left',
+                  renderHeader: (h) => {
+                    return <span>姓名456</span>
+                  },
+                  render: (h, scope) => {
+                    const { row } = scope
+                    return <span>{row.name}123</span>
+                  }
+                },
+                {
+                  label: '省份',
+                  prop: 'province',
+                  fixed: 'left',
+                  renderHeader: (h) => {
+                    return <span>省份456</span>
+                  }
+                }
+              ]
+            },
+            {
+              label: '省份3',
+              fixed: 'left',
+              prop: 'province3',
+              renderHeader: (h) => {
+                return <span>省份456</span>
+              },
+              render: (h, { row }) => {
+                return <span>{row.province}123</span>
+              }
+            }
+          ]
+        },
+        { label: '市区', prop: 'city', minWidth: '100px' },
+        { label: '地址', prop: 'address', minWidth: '100px' },
+        { label: '邮编', prop: 'zip', minWidth: '200px' },
+        {
+          label: '组件',
+          prop: 'cmp',
+          minWidth: '400px',
+          component: EditBtn,
+          listeners: {
+            'row-edit'(row) {
+              console.log('row-edit', row)
+            }
+          }
+        }
+      ],
+      duojibiaotou2: [
+        { label: '日期', prop: 'date' },
+        { label: '姓名', prop: 'name' },
+        { label: '省份', prop: 'province' },
+        { label: '市区', prop: 'city' },
+        { label: '地址', prop: 'address' },
+        { label: '邮编', prop: 'zip' },
+        {
+          label: '组件',
+          prop: 'cmp',
+          component: EditBtn,
+          listeners: {
+            'row-edit'(row) {
+              console.log('row-edit', row)
+            }
+          }
+        }
+      ],
 
       typesColumn: [
         { label: '序号', prop: 'index', type: 'index' },

package/src/views/Date.vue

@@ -1,96 +1,96 @@
-<template>
-  <div class="free-table">
-    <div class="example-table-box">
-      <p>基础日期-{{ date }}</p>
-      <BiDatePicker v-model="date" type="date" placeholder="选择日期"></BiDatePicker>
-    </div>
-    <div class="example-table-box">
-      <p>基础周-{{ date1 }}</p>
-      <BiDatePicker v-model="date1" type="week" placeholder="选择周"></BiDatePicker>
-    </div>
-    <div class="example-table-box">
-      <p>基础月-{{ date2 }}</p>
-      <BiDatePicker v-model="date2" type="month" placeholder="选择周"></BiDatePicker>
-    </div>
-    <div class="example-table-box">
-      <p>范围日期-{{ date3 }}</p>
-      <BiDatePicker v-model="date3" type="daterange" placeholder="选择日期1" :picker-option="pickerOptions1"></BiDatePicker>
-      <p>范围日期-{{ date7 }}</p>
-      <BiDatePicker v-model="date7" type="daterange" placeholder="选择日期2" :picker-option="pickerOptions2"></BiDatePicker>
-    </div>
-    <div class="example-table-box">
-      <p>范围月-{{ date5 }}</p>
-      <BiDatePicker v-model="date5" type="monthrange" placeholder="选择日期" format="yyyy-MM"></BiDatePicker>
-    </div>
-    <div class="example-table-box">
-      <p>范围日期时间-{{ date6 }}</p>
-      <BiDatePicker v-model="date6" type="datetimerange" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00', '23:59:59']" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></BiDatePicker>
-    </div>
-  </div>
-</template>
-
-<script>
-// import BiDatepicker from '@/components/BiDatePicker'
-import moment from 'moment'
-
-export default {
-  components: {
-    // BiDatepicker
-  },
-  data() {
-    return {
-      date: '',
-      date1: '',
-      date2: '',
-      date3: [],
-      date4: [],
-      date5: [],
-      date6: [],
-      date7: [],
-      columnsProps: {
-        width: 'auto'
-      },
-      total: 0,
-      listQuery: {
-        page: 2,
-        limit: 20
-      },
-      editForm: {},
-      dialogVisible: false,
-      pickerOptions1: {
-        firstDayOfWeek: 1,
-        onPick: ({ minDate, maxDate }) => {
-          console.log(1, moment(minDate).format('YYYY-MM-DD'))
-        }
-      },
-      pickerOptions2: {
-        firstDayOfWeek: 1,
-        onPick: ({ minDate, maxDate }) => {
-          console.log(2, moment(minDate).format('YYYY-MM-DD'))
-        }
-      }
-    }
-  },
-  methods: {
-    selectionChange(rows) {
-      console.log('selected', rows)
-    },
-    getList() {},
-    openDialog({ row }) {
-      this.editForm = Object.assign({}, row)
-      this.dialogVisible = true
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.example-table-box {
-  margin: 25px 50px;
-
-  p {
-    text-align: left;
-    font-weight: 700;
-  }
-}
-</style>
+<template>
+  <div class="free-table">
+    <div class="example-table-box">
+      <p>基础日期-{{ date }}</p>
+      <BiDatePicker v-model="date" type="date" placeholder="选择日期"></BiDatePicker>
+    </div>
+    <div class="example-table-box">
+      <p>基础周-{{ date1 }}</p>
+      <BiDatePicker v-model="date1" type="week" placeholder="选择周"></BiDatePicker>
+    </div>
+    <div class="example-table-box">
+      <p>基础月-{{ date2 }}</p>
+      <BiDatePicker v-model="date2" type="month" placeholder="选择周"></BiDatePicker>
+    </div>
+    <div class="example-table-box">
+      <p>范围日期-{{ date3 }}</p>
+      <BiDatePicker v-model="date3" type="daterange" placeholder="选择日期1" :picker-option="pickerOptions1"></BiDatePicker>
+      <p>范围日期-{{ date7 }}</p>
+      <BiDatePicker v-model="date7" type="daterange" placeholder="选择日期2" :picker-option="pickerOptions2"></BiDatePicker>
+    </div>
+    <div class="example-table-box">
+      <p>范围月-{{ date5 }}</p>
+      <BiDatePicker v-model="date5" type="monthrange" placeholder="选择日期" format="yyyy-MM"></BiDatePicker>
+    </div>
+    <div class="example-table-box">
+      <p>范围日期时间-{{ date6 }}</p>
+      <BiDatePicker v-model="date6" type="datetimerange" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00', '23:59:59']" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></BiDatePicker>
+    </div>
+  </div>
+</template>
+
+<script>
+// import BiDatepicker from '@/components/BiDatePicker'
+import moment from 'moment'
+
+export default {
+  components: {
+    // BiDatepicker
+  },
+  data() {
+    return {
+      date: '',
+      date1: '',
+      date2: '',
+      date3: [],
+      date4: [],
+      date5: [],
+      date6: [],
+      date7: [],
+      columnsProps: {
+        width: 'auto'
+      },
+      total: 0,
+      listQuery: {
+        page: 2,
+        limit: 20
+      },
+      editForm: {},
+      dialogVisible: false,
+      pickerOptions1: {
+        firstDayOfWeek: 1,
+        onPick: ({ minDate, maxDate }) => {
+          console.log(1, moment(minDate).format('YYYY-MM-DD'))
+        }
+      },
+      pickerOptions2: {
+        firstDayOfWeek: 1,
+        onPick: ({ minDate, maxDate }) => {
+          console.log(2, moment(minDate).format('YYYY-MM-DD'))
+        }
+      }
+    }
+  },
+  methods: {
+    selectionChange(rows) {
+      console.log('selected', rows)
+    },
+    getList() {},
+    openDialog({ row }) {
+      this.editForm = Object.assign({}, row)
+      this.dialogVisible = true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.example-table-box {
+  margin: 25px 50px;
+
+  p {
+    text-align: left;
+    font-weight: 700;
+  }
+}
+</style>

package/src/views/Home.vue

@@ -384,6 +384,17 @@ export default {
           label: 'v-model',
           prop: 'other',
           fixed: 'right',
+
+          renderHeader: (h) => {
+            return (
+              <div>
+                <el-input />
+                <el-tooltip effect={'dark'} content={'首日付费金额/消耗2222'} placement={'top'}>
+                  <span style={{ textAlign: 'right', width: '100%', display: 'inline-block' }}>ROI</span>
+                </el-tooltip>
+              </div>
+            )
+          },
           render: (h, scope) => {
             return h('input', {
               on: {

package/src/views/Layout.vue

@@ -1,35 +1,35 @@
-<template>
-  <div class="box">
-    <header>
-
-      <BiNavbarTool
-        :token="token"
-        :avatar="avatar"
-      />
-    </header>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      token: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiIxNTc1NzE4NTMyMiIsImxvZ2luX2VudiI6IiIsImlhdCI6MTcwODMzNTUyNywiZXhwIjoxNzA4OTQwMzI3LCJuYmYiOjE3MDgzMzU1MjcsInN1YiI6InRva2Vu6K6k6K-BIiwianRpIjoiOWEzYWNkYTBkZDhlYmRjNzM3NTAwYzc2MGU0MWQ5N2YifQ.5XzkjXWgiNpA0yUYbNTT8TjPttdlnPWQzggcDNZEB20',
-      avatar: 'https://static-legacy.dingtalk.com/media/lADPBbCc1SE7SD7NAuzNAug_744_748.jpg?imageView2/1/w/80/h/80'
-    }
-  },
-  methods: {}
-}
-</script>
-
-<style  scoped>
-.box {
-  background: #ccc;
-  height: 200px;
-  padding: 10px 50px;
-}
-header {
-  height: 50px;
-  background: #fff;
-}
+<template>
+  <div class="box">
+    <header>
+
+      <BiNavbarTool
+        :token="token"
+        :avatar="avatar"
+      />
+    </header>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      token: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiIxNTc1NzE4NTMyMiIsImxvZ2luX2VudiI6IiIsImlhdCI6MTcwODMzNTUyNywiZXhwIjoxNzA4OTQwMzI3LCJuYmYiOjE3MDgzMzU1MjcsInN1YiI6InRva2Vu6K6k6K-BIiwianRpIjoiOWEzYWNkYTBkZDhlYmRjNzM3NTAwYzc2MGU0MWQ5N2YifQ.5XzkjXWgiNpA0yUYbNTT8TjPttdlnPWQzggcDNZEB20',
+      avatar: 'https://static-legacy.dingtalk.com/media/lADPBbCc1SE7SD7NAuzNAug_744_748.jpg?imageView2/1/w/80/h/80'
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style  scoped>
+.box {
+  background: #ccc;
+  height: 200px;
+  padding: 10px 50px;
+}
+header {
+  height: 50px;
+  background: #fff;
+}
 </style>

package/src/views/Scene.vue

@@ -1,111 +1,111 @@
-<template>
-  <div class="free-table-container">
-    <free-button @search="search"></free-button>
-
-    <free-table v-loading="loading" style="min-height: 50vh" border pagination :data="data" :column="column" :total="total" :page.sync="params.page" :limit.sync="params.limit" @pagination="getList"></free-table>
-
-    <el-dialog title="收货地址" :visible.sync="dialogVisible">
-      <el-form :model="editForm" label-width="100px">
-        <el-form-item label="名称">
-          <el-input v-model="editForm.title" autocomplete="off"></el-input>
-        </el-form-item>
-        <el-form-item v-if="editForm.author" label="作者">
-          <el-input v-model="editForm.author.loginname"></el-input>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import FreeButton from '@/components/FreeButton'
-import FreeTable from '@/components/FreeTable'
-import axios from 'axios'
-
-export default {
-  components: {
-    FreeButton,
-    FreeTable
-  },
-  data() {
-    return {
-      column: [
-        { prop: 'title', label: '名称', minWidth: 200 },
-        {
-          prop: 'author',
-          label: '作者',
-          render: (h, scope) => {
-            return <span>{scope.row.author.loginname}</span>
-          }
-        },
-        { prop: 'tab', label: '类目' },
-        { prop: 'reply_count', label: '回复数', width: 100 },
-        { prop: 'visit_count', label: '预览量', width: 100 },
-        {
-          prop: 'action',
-          label: '操作',
-          render: (h, scope) => {
-            return (
-              <div>
-                <el-button type="text" size="small" class="el-icon-edit" onClick={() => this.openDialog(scope)}>
-                  编辑
-                </el-button>
-                <el-button type="text" size="small" class="el-icon-delete" onClick={() => this.delHandle(scope)}>
-                  删除
-                </el-button>
-              </div>
-            )
-          }
-        }
-      ],
-      loading: false,
-      data: [],
-      total: 0,
-      params: {
-        tab: 'share',
-        page: 1,
-        limit: 10
-      },
-      editForm: {},
-      dialogVisible: false
-    }
-  },
-  mounted() {
-    this.getList()
-  },
-  methods: {
-    async getList() {
-      this.loading = true
-      const { params } = this
-      const url = 'https://cnodejs.org/api/v1/topics'
-      const { data } = await axios({ method: 'get', url, params })
-      this.data = data.data || []
-      this.total = 500
-      this.loading = false
-    },
-
-    async delHandle({ row }) {
-      console.log(row)
-      await this.$message.success('这是一条删除成功提示')
-    },
-
-    openDialog({ row }) {
-      this.editForm = Object.assign({}, row)
-      this.dialogVisible = true
-    },
-    search() {
-      alert(12)
-    }
-  }
-}
-</script>
-
-<style>
-.free-table-container {
-  margin: 20px 50px;
-}
-</style>
+<template>
+  <div class="free-table-container">
+    <free-button @search="search"></free-button>
+
+    <free-table v-loading="loading" style="min-height: 50vh" border pagination :data="data" :column="column" :total="total" :page.sync="params.page" :limit.sync="params.limit" @pagination="getList"></free-table>
+
+    <el-dialog title="收货地址" :visible.sync="dialogVisible">
+      <el-form :model="editForm" label-width="100px">
+        <el-form-item label="名称">
+          <el-input v-model="editForm.title" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item v-if="editForm.author" label="作者">
+          <el-input v-model="editForm.author.loginname"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import FreeButton from '@/components/FreeButton'
+import FreeTable from '@/components/FreeTable'
+import axios from 'axios'
+
+export default {
+  components: {
+    FreeButton,
+    FreeTable
+  },
+  data() {
+    return {
+      column: [
+        { prop: 'title', label: '名称', minWidth: 200 },
+        {
+          prop: 'author',
+          label: '作者',
+          render: (h, scope) => {
+            return <span>{scope.row.author.loginname}</span>
+          }
+        },
+        { prop: 'tab', label: '类目' },
+        { prop: 'reply_count', label: '回复数', width: 100 },
+        { prop: 'visit_count', label: '预览量', width: 100 },
+        {
+          prop: 'action',
+          label: '操作',
+          render: (h, scope) => {
+            return (
+              <div>
+                <el-button type="text" size="small" class="el-icon-edit" onClick={() => this.openDialog(scope)}>
+                  编辑
+                </el-button>
+                <el-button type="text" size="small" class="el-icon-delete" onClick={() => this.delHandle(scope)}>
+                  删除
+                </el-button>
+              </div>
+            )
+          }
+        }
+      ],
+      loading: false,
+      data: [],
+      total: 0,
+      params: {
+        tab: 'share',
+        page: 1,
+        limit: 10
+      },
+      editForm: {},
+      dialogVisible: false
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      this.loading = true
+      const { params } = this
+      const url = 'https://cnodejs.org/api/v1/topics'
+      const { data } = await axios({ method: 'get', url, params })
+      this.data = data.data || []
+      this.total = 500
+      this.loading = false
+    },
+
+    async delHandle({ row }) {
+      console.log(row)
+      await this.$message.success('这是一条删除成功提示')
+    },
+
+    openDialog({ row }) {
+      this.editForm = Object.assign({}, row)
+      this.dialogVisible = true
+    },
+    search() {
+      alert(12)
+    }
+  }
+}
+</script>
+
+<style>
+.free-table-container {
+  margin: 20px 50px;
+}
+</style>