bi-element-ui 1.1.97 → 1.1.98

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

@@ -8,9 +8,9 @@
     ></BiMoreButton>
 
     <el-button
-      @click="drawer = true"
       type="primary"
       style="margin-left: 16px;"
+      @click="drawer = true"
     >
       点我打开
     </el-button>
@@ -22,7 +22,7 @@
     >
       <bi-table
         :loading="tableLoading"
-        :headerPopperType="$options.name"
+        :header-popper-type="$options.name"
         border
         stripe
         :data="data"
@@ -61,7 +61,7 @@
 
       <bi-table
         :loading="tableLoading"
-        :headerPopperType="$options.name"
+        :header-popper-type="$options.name"
         border
         stripe
         :data="data"
@@ -389,12 +389,15 @@ export default {
             return (
               <div>
                 <el-input />
-                <el-tooltip class={'item'} effect={'dark'} placement={'top'}>
-                  <div slot={'content'}>
-                    <span>123123</span>
-                    <span>用户在支付日期内产生的充值金额</span>
+                <el-tooltip effect={'dark'} placement={'top'}>
+                  <div slot="content">
+                    付费人数：染色日期和付费日期相同的人数
+                    <br />
+                    付费成本：消耗/付费人数
+                    <br />
+                    付费成本：消耗/付费人数
                   </div>
-                  <span>充值金额</span>
+                  <span style={{ textAlign: 'right', width: '100%', display: 'inline-block' }}>付费</span>
                 </el-tooltip>
               </div>
             )

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/Log.vue

@@ -0,0 +1,18 @@
+<template>
+  <div>
+
+    <BiLogButton
+      class="menu-log-button"
+      log-id="239"
+      log-model="role"
+    />
+    <BiLog></BiLog>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style>
+</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>

package/src/views/showData.vue

@@ -1,3 +1,3 @@
-<template>
-  <bi-home-data />
+<template>
+  <bi-home-data />
 </template>

package/tests/e2e/.eslintrc.js

@@ -1,10 +1,10 @@
-module.exports = {
-  plugins: ['cypress'],
-  env: {
-    mocha: true,
-    'cypress/globals': true
-  },
-  rules: {
-    strict: 'off'
-  }
-}
+module.exports = {
+  plugins: ['cypress'],
+  env: {
+    mocha: true,
+    'cypress/globals': true
+  },
+  rules: {
+    strict: 'off'
+  }
+}

package/tests/e2e/plugins/index.js

@@ -1,25 +1,25 @@
-/* eslint-disable arrow-body-style */
-// https://docs.cypress.io/guides/guides/plugins-guide.html
-
-// if you need a custom webpack configuration you can uncomment the following import
-// and then use the `file:preprocessor` event
-// as explained in the cypress docs
-// https://docs.cypress.io/api/plugins/preprocessors-api.html#Examples
-
-// /* eslint-disable import/no-extraneous-dependencies, global-require */
-// const webpack = require('@cypress/webpack-preprocessor')
-
-module.exports = (on, config) => {
-  // on('file:preprocessor', webpack({
-  //  webpackOptions: require('@vue/cli-service/webpack.config'),
-  //  watchOptions: {}
-  // }))
-
-  return Object.assign({}, config, {
-    fixturesFolder: 'tests/e2e/fixtures',
-    integrationFolder: 'tests/e2e/specs',
-    screenshotsFolder: 'tests/e2e/screenshots',
-    videosFolder: 'tests/e2e/videos',
-    supportFile: 'tests/e2e/support/index.js'
-  })
-}
+/* eslint-disable arrow-body-style */
+// https://docs.cypress.io/guides/guides/plugins-guide.html
+
+// if you need a custom webpack configuration you can uncomment the following import
+// and then use the `file:preprocessor` event
+// as explained in the cypress docs
+// https://docs.cypress.io/api/plugins/preprocessors-api.html#Examples
+
+// /* eslint-disable import/no-extraneous-dependencies, global-require */
+// const webpack = require('@cypress/webpack-preprocessor')
+
+module.exports = (on, config) => {
+  // on('file:preprocessor', webpack({
+  //  webpackOptions: require('@vue/cli-service/webpack.config'),
+  //  watchOptions: {}
+  // }))
+
+  return Object.assign({}, config, {
+    fixturesFolder: 'tests/e2e/fixtures',
+    integrationFolder: 'tests/e2e/specs',
+    screenshotsFolder: 'tests/e2e/screenshots',
+    videosFolder: 'tests/e2e/videos',
+    supportFile: 'tests/e2e/support/index.js'
+  })
+}

package/tests/e2e/specs/test.js

@@ -1,8 +1,8 @@
-// https://docs.cypress.io/api/introduction/api.html
-
-describe('My First Test', () => {
-  it('Visits the app root url', () => {
-    cy.visit('/')
-    cy.contains('h1', 'Welcome to Your Vue.js App')
-  })
-})
+// https://docs.cypress.io/api/introduction/api.html
+
+describe('My First Test', () => {
+  it('Visits the app root url', () => {
+    cy.visit('/')
+    cy.contains('h1', 'Welcome to Your Vue.js App')
+  })
+})