1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
| <template>
| <basic-container>
| <avue-crud
| :option="tableOption"
| :data="tableData"
| :page.sync="tablePage"
| :permission="permissionList"
| :before-open="beforeOpen"
| @date-change="dateChange"
| >
| </avue-crud>
| </basic-container>
| </template>
| <script>
| import FileSaver from "file-saver";
| import XLSX from "xlsx";
| import { mapGetters } from "vuex";
| export default {
| name: "业务情况统计",
| data() {
| return {
| value1: "",
| value2: "",
| tableData: [
| {
| company: "江西省永安保安服务有限公司",
| subOffice: "南昌市公安局",
| customer: "76",
| num: "1124",
| },
| {
| company: "南昌市赣水保安服务有限公司",
| subOffice: "东湖分局",
| customer: "85",
| num: "1428",
| },
| {
| company: "江西中业兴达保安服务有限公司",
| subOffice: "西湖分局",
| customer: "46",
| num: "974",
| },
| ],
| tablePage: {
| pageSize: 10,
| currentPage: 1,
| total: 0,
| },
| tableOption: {
| excelBtn: true,
| delBtn: false,
| editBtn: false,
| addBtn: false,
| selection: false,
| menu: false,
| // dateBtn: true,
| align: "center",
| height: "auto",
| calcHeight: 30,
| tip: false,
| searchShowBtn: false,
| searchShow: true,
| searchMenuSpan: 6,
| index: true,
| viewBtn: true,
| dialogClickModal: false,
| column: [
| {
| label: "公司名称",
| prop: "company",
| search: true,
| searchSpan: 4,
| display: false,
| },
|
| {
| label: "所属辖区",
| prop: "subOffice",
| searchSpan: 4,
| type: "select",
| props: {
| label: "label",
| value: "value",
| },
| // cascaderItem: ["city", "area"],
| // dicUrl:subofficeOptions,
| dicData: [
| {
| value: "0",
| label: "南昌市公安局",
| },
| {
| value: "2",
| label: "东湖分局",
| },
| {
| value: "3",
| label: "西湖分局",
| },
| {
| value: "4",
| label: "青云谱分局",
| },
| {
| value: "5",
| label: "青山湖分局",
| },
| ],
| search: true,
| rules: [
| {
| required: true,
| message: "请选择所属辖区",
| trigger: "blur",
| },
| ],
| },
| {
| label: "服务对象数量",
| prop: "customer",
| display: false,
| },
| {
| label: "保安员人数",
| prop: "num",
| display: false,
| },
| ],
| },
| };
| },
| computed: {
| ...mapGetters(["permission"]),
| permissionList() {
| return {
| addBtn: this.vaildData(this.permission.post_add, false),
| viewBtn: this.vaildData(this.permission.post_view, false),
| delBtn: this.vaildData(this.permission.post_delete, false),
| editBtn: this.vaildData(this.permission.post_edit, false),
| };
| },
| },
| methods: {
| dateChange() {},
| // downExcel() {
| // let et = XLSX.utils.table_to_book(document.getElementById("table"));
| // let etout = XLSX.write(et, {
| // bookType: "xlsx",
| // bookSST: true,
| // type: "array"
| // });
| // try {
| // FileSaver.saveAs(
| // new Blob([etout], {
| // type: "application/octet-stream"
| // }),
| // `表.xlsx`
| // ); //导出的文件名
| // } catch (e) {
| // console.log(e, etout);
| // }
| // return etout;
| // }
| },
| mounted() {},
| };
| </script>
| <style lang="scss" scoped>
| </style>
|
|
