Commit ee7c343f authored by “yiyousong”'s avatar “yiyousong”

perf: 优化报表表格

parent 14b5d639
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1000, x: 1000,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
...@@ -38,8 +38,8 @@ ...@@ -38,8 +38,8 @@
<Details ref="Details" :visible.sync="visible" :msg="fromData"></Details> <Details ref="Details" :visible.sync="visible" :msg="fromData"></Details>
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import Details from "./components/Details.vue"; import Details from "./components/Details.vue";
...@@ -338,6 +338,5 @@ export default { ...@@ -338,6 +338,5 @@ export default {
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
...@@ -38,8 +38,8 @@ ...@@ -38,8 +38,8 @@
<FormDetails ref="FormDetails" :visible.sync="visible"></FormDetails> <FormDetails ref="FormDetails" :visible.sync="visible"></FormDetails>
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import FormDetails from "./components/FormDetails.vue"; import FormDetails from "./components/FormDetails.vue";
...@@ -323,6 +323,5 @@ export default { ...@@ -323,6 +323,5 @@ export default {
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1000, x: 1000,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
/> />
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
...@@ -364,6 +364,5 @@ export default { ...@@ -364,6 +364,5 @@ export default {
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:data-source="tableData" :data-source="tableData"
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:data-source="tableData" :data-source="tableData"
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
...@@ -55,8 +55,8 @@ ...@@ -55,8 +55,8 @@
</a-table> </a-table>
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { export2Excel } from "@/utils/js/exportExcel"; import { export2Excel } from "@/utils/js/exportExcel";
...@@ -339,6 +339,5 @@ export default { ...@@ -339,6 +339,5 @@ export default {
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1000, x: 1000,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
...@@ -44,8 +44,8 @@ ...@@ -44,8 +44,8 @@
<FormDetails :userInfo="detailsInfo" :visible.sync="visible"></FormDetails> <FormDetails :userInfo="detailsInfo" :visible.sync="visible"></FormDetails>
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { export2Excel } from "@/utils/js/exportExcel"; import { export2Excel } from "@/utils/js/exportExcel";
...@@ -315,6 +315,5 @@ export default { ...@@ -315,6 +315,5 @@ export default {
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1000, x: 1000,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
...@@ -26,8 +26,8 @@ ...@@ -26,8 +26,8 @@
</a-table> </a-table>
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { export2Excel } from "@/utils/js/exportExcel"; import { export2Excel } from "@/utils/js/exportExcel";
...@@ -222,6 +222,5 @@ export default { ...@@ -222,6 +222,5 @@ export default {
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
></FormDetails> ></FormDetails>
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
...@@ -378,6 +378,5 @@ export default { ...@@ -378,6 +378,5 @@ export default {
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
...@@ -145,7 +145,10 @@ export default { ...@@ -145,7 +145,10 @@ export default {
title: "有效期限", title: "有效期限",
width: 150, width: 150,
customRender: (text, record) => { customRender: (text, record) => {
return `${record.idcard_UserLifeBegin}-${record.idcard_UserLifeEnd}` || "--"; return (
`${record.idcard_UserLifeBegin}-${record.idcard_UserLifeEnd}` ||
"--"
);
}, },
}, },
{ {
...@@ -180,9 +183,9 @@ export default { ...@@ -180,9 +183,9 @@ export default {
size: 10, size: 10,
total: 0, total: 0,
searchForm: { searchForm: {
name: "", name: "",
idcard: "", idcard: "",
phone: "", phone: "",
}, },
loading: false, loading: false,
selectedRowKeys: [], // 表格选中的key selectedRowKeys: [], // 表格选中的key
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1000, x: 1000,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
</a-table> </a-table>
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { export2Excel } from "@/utils/js/exportExcel"; import { export2Excel } from "@/utils/js/exportExcel";
...@@ -297,6 +297,5 @@ export default { ...@@ -297,6 +297,5 @@ export default {
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1000, x: 1000,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
...@@ -26,8 +26,8 @@ ...@@ -26,8 +26,8 @@
</a-table> </a-table>
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { export2Excel } from "@/utils/js/exportExcel"; import { export2Excel } from "@/utils/js/exportExcel";
...@@ -305,6 +305,5 @@ export default { ...@@ -305,6 +305,5 @@ export default {
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
...@@ -524,5 +524,4 @@ export default { ...@@ -524,5 +524,4 @@ export default {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1500, x: 1500,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
:loading="loading" :loading="loading"
:scroll="{ :scroll="{
x: 1000, x: 1000,
y: 490, y: 460,
}" }"
:row-selection="{ :row-selection="{
selectedRowKeys: selectedRowKeys, selectedRowKeys: selectedRowKeys,
...@@ -57,8 +57,8 @@ ...@@ -57,8 +57,8 @@
</a-table> </a-table>
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import { export2Excel } from "@/utils/js/exportExcel"; import { export2Excel } from "@/utils/js/exportExcel";
...@@ -287,6 +287,5 @@ export default { ...@@ -287,6 +287,5 @@ export default {
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment