| | |
| | | </div> |
| | | |
| | | <div class="cur-from-box"> |
| | | <avue-crud :option="option" :search.sync="search" :table-loading="loading" :data="data" ref="crud" |
| | | v-model="form" :permission="permissionList" @row-del="rowDel" @row-update="rowUpdate" @row-save="rowSave" |
| | | <avue-crud :option="option" :search.sync="search" :table-loading="loading" :data="data" ref="crud" v-model="form" |
| | | :permission="permissionList" @row-del="rowDel" @row-update="rowUpdate" @row-save="rowSave" |
| | | :before-open="beforeOpen" :page.sync="page" @search-change="searchChange" @search-reset="searchReset" |
| | | @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" |
| | | @refresh-change="refreshChange" @on-load="onLoad"> |
| | | <template slot-scope="{row, size}" slot="menu"> |
| | | <el-button :size="size" type="text" icon="el-icon-circle-plus-outline" |
| | | v-if="permission.househould_manager" @click="manageLabel(row)">标签 |
| | | <el-button :size="size" type="text" icon="el-icon-circle-plus-outline" v-if="permission.househould_manager" |
| | | @click="manageLabel(row)">标签 |
| | | </el-button> |
| | | </template> |
| | | <template slot-scope="{row, size}" slot="phoneNumber"> |
| | |
| | | <script> |
| | | import { |
| | | getKeynotePersonnelPage, |
| | | getlabelStatistics, |
| | | remove, |
| | | add, |
| | | update, |
| | |
| | | } |
| | | }, |
| | | mounted () { |
| | | this.getLabelCount() |
| | | // this.getLabelCount() |
| | | |
| | | }, |
| | | methods: { |
| | |
| | | }, |
| | | |
| | | onLoad (page, params = {}) { |
| | | this.query.parentId = 100 |
| | | // this.query.parentId = 100 |
| | | this.loading = true |
| | | getlabelStatistics(Object.assign(params, this.query)).then(res => { |
| | | const data = res.data.data |
| | | let list = data[0].children |
| | | this.labelCountList = list |
| | | this.$nextTick(() => { |
| | | this.setEchartsOption(list) |
| | | }) |
| | | }) |
| | | getKeynotePersonnelPage(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
| | | const data = { |
| | | ...res.data.data, |
| | |
| | | length2: 0, |
| | | maxSurfaceAngle: 80 |
| | | }, |
| | | series: [ |
| | | { |
| | | series: [{ |
| | | type: 'pie', |
| | | center: ['36%', '50%'], |
| | | radius: '80%', //修改大小 |
| | |
| | | shadowColor: 'rgba(0, 0, 0, 0.5)' |
| | | } |
| | | } |
| | | } |
| | | ] |
| | | }] |
| | | } |
| | | let myEchart = document.getElementsByClassName('echarts-item') //获取类名 |
| | | for (let i = 0, ii = data.length; i < ii; i++) { |
| | |
| | | }) |
| | | } |
| | | |
| | | |
| | | } |
| | | } |
| | | } |