位置: IT常识 - 正文

vue - vue使用echarts实现中国地图和点击省份进行查看(vue中的echarts)

编辑:rootadmin
vue - vue使用echarts实现中国地图和点击省份进行查看 文章目录1,实现的效果和功能2,安装ECharts3,main.js里面引入echarts4,实现如下5,遇到的问题6,用到的模拟数据1,实现的效果和功能

推荐整理分享vue - vue使用echarts实现中国地图和点击省份进行查看(vue中的echarts),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue结合echarts,vue-echarts,vue中echarts怎么用,vue中echarts怎么用,vuejs echarts,vue用echarts,vue用echarts,vue中用echarts,内容如对您有帮助,希望把文章链接给更多的朋友!

vue使用echarts实现中国地图和点击省份进行查看; 下面是效果图:主要实现的功能如下: 1,第一张是实现中国地图,点击任意省份能够显示tooltip提示框 ; 2,第二张是点击详情能够在原来的位置显示此省的地图并可以查看详细; 3,第三张是点击第二张左上角的返回箭头 重新返回到 第一张中国地图; 需要的保费模拟数据我会放到文章的最后面; echarts官网:https://echarts.apache.org/examples/zh/index.html map地图参考:https://echarts.apache.org/zh/option.html#series-map

效果图:

2,安装EChartsnpm install echarts --save // 最新版本### 之前版本npm install echarts@4.8.0 --save ### 卸载echartsnpm uninstall echarts

注意:echarts5.0版本下会有地图的数据,5.0版本以上则没有地图的数据,需要自己下载; 或者安装低版本的echart把map文件夹的地图数据复制到高版本的对应文件下面也是可以的;

1.1 地图数据的位置

中国地图和各省的地图绘制信息需要放到依赖里面的echarts下面的map文件夹下面;如下图:

1.2 还可以自己下载这些地图数据

下载地址:https://datav.aliyun.com/portal/school/atlas/area_selector

3,main.js里面引入echarts// 引入echartsimport * as echarts from 'echarts'Vue.prototype.$echarts = echarts //挂载到原型上面 也可以选择不挂载 直接在页面上引入4,实现如下vue - vue使用echarts实现中国地图和点击省份进行查看(vue中的echarts)

主要流程如下:

1,需要有一个容器 <div id="chinaMap" v-if="pyName === 'china'"></div> 且有唯一 id值 2,this.$echarts.init(document.getElementById('chinaMap')); 用来初始化节点 id和上面的相对应; 3,require('../../../node_modules/echarts/map/json/china.json');用来导入相对应的地图数据,echarts进行渲染 4,options配置项用来设置echarts图表的样式和展示数据相关; 5,this.myEchartsOfChina.setOption(options);设置图表实例的配置项以及数据,万能接口,所有参数和数据的修改都可以通过 setOption 完成,ECharts 会合并新的参数和数据,然后刷新图表; 6,options:formatterhtml里面的点击事件需要在mounted里面先行注册一下,否则此方法会报错:undefined;

全部代码如下:

<template> <div> <h1>echarts可视化</h1> <hr /> <div class="container"> <!-- 全国地图 机构趋势模块 --> <div class="china"> <!-- 点击返回全国--> <div @click="returnCh"> <img v-if="pyName !== 'china'" class="returnImg" src="@/assets/img/return.png" /> </div> <div id="chinaMap" v-if="pyName === 'china'"></div> <div id="provinceMap" v-if="pyName !== 'china'">111</div> </div> </div> </div></template><script>import { cityArr, totalMap } from './data/mapData';export default { components: {}, data() { return { // 全省保费信息 totalMap: null, // 各个城市的数据 cityArr: null, myEchartsOfChina: null, // 默认选择的城市 这是拼音 pyName: 'china', // 保留一份省名的中文 pyNameOfChinese: '', }; }, created() { // 拿到数据 this.totalMap = totalMap; this.cityArr = cityArr; // 页面进来注册tooltip上面的点击事件 否则会报此事件undefined window.lookVideoGo = this.lookVideoGo; }, // 页面挂载完成后调用 mounted() { this.chinaMapFun(); }, methods: { /*中国地图 参考文章:https://echarts.apache.org/zh/option.html#series-map*/ chinaMapFun(cityName) { // 先处理数据 很重要 let mapData = []; for (let i = 0; i < this.totalMap.length; i++) { let obj = { value: 0, datas: [] }; // 数组里面是多个对象 obj.name = this.totalMap[i].comname2; // names属性时数据所对应的地图区域的名称,例如 '广东','浙江';参考文章: https://echarts.apache.org/zh/option.html#series-map.data obj.value = this.totalMap[i].achieveRate; // 该区域的数据值 number类型 obj.datas[0] = this.totalMap[i].preium; obj.datas[1] = this.totalMap[i].target; //注意: 此行是模拟下面的省份用的 实际开发中每个省份的数据是后端返回的 if (this.totalMap[i].children) { obj.children = this.totalMap[i].children; } mapData.push(obj); } // 这里进行筛选传进来的省份数据 模拟黑龙江省份下面的和黑河市 if (this.pyNameOfChinese) { mapData = mapData.map((item) => { if (item.children) { return { name: item.children.comname2, value: item.children.achieveRate, datas: [item.children.preium, item.children.target] }; } }); } console.log('当前渲染的地图:', this.pyName); console.log('当前渲染的数据2:', mapData); // 1,初始化节点 // 检测是否已经存在echarts实例,如果不存在,则不再去初始化 if (this.pyName === 'china') { this.myEchartsOfChina = this.$echarts.init(document.getElementById('chinaMap')); } else { this.myEchartsOfChina = this.$echarts.init(document.getElementById('provinceMap')); } // 显示加载动画 this.myEchartsOfChina.showLoading(); if (this.pyName === 'china') { let province = require('../../../node_modules/echarts/map/json/china.json'); // 注册地图数据 this.$echarts.registerMap(this.pyName, province); } else { // 单独引入其他省份的地图 注意:registerMap方法的第一参数要和引入的省名相同 let province = require('../../../node_modules/echarts/map/json/province/' + this.pyName + '.json'); this.$echarts.registerMap(this.pyName, province); } this.myEchartsOfChina.hideLoading(); /* 参考文档: https://echarts.apache.org/zh/option.html#series-map */ // 设置整个中国地图的参数 let options = { title: { show: false, // 是否显示标题组件 text: '中国地图', // 主标题文本 subtext: '注:展示当月和当年累计情况', left: '3%', top: '85%', }, tooltip: { enterable: true, // 允许点击触发tooltip中的事件 show: true, // 是否显示提示框组件,包括提示框浮层和 axisPointer。 [ default: true ] trigger: 'item', // 触发类型。 [ default: 'item' ] triggerOn: 'click', // 只有点击时才触发 不设置默认随鼠标移动并显示 formatter: (array, returnData, callback) => { if (isNaN(array.value)) { if (this.cityArr.includes(array.name)) { return '保费: 暂无' + '<br/>' + '目标: 暂无' + '<br/>' + '保费达成率: 暂无'; } else { return '保费: 暂无' + '<br/>'; } } else { let result = '<div style="display: flex"><div style="float:left;">保费: ' + array.data.datas[0] + '万元 <br/> 目标: ' + array.data.datas[1] + '万元 <br/> 保费达成率: ' + array.data.value + '%</div>' + '<div style="float:left; margin-left: 0.1rem;width: 0.05rem;height: 1rem; background: #D8D8D8;"></div>' + '<div style="float:left; margin-left: 0.1rem; "οnclick="lookVideoGo(\'' + array.name + '\')"><p style="height:2rem; line-height:2rem;">详 情 >&nbsp</p></div></div>'; return result; } }, backgroundColor: 'rgba(50,50,50,0.7)', // tooltip 背景颜色 rgba // 文本设置 textStyle: { color: 'rgb(255,255,255)', // 值域文字颜色 fontSize: 12, }, }, // 底部小导航图标 visualMap: { // text: ['注:展示当月和当年累计情况'], orient: 'horizontal', itemWidth: 15, textGap: 2, // calculable: false, show: true, left: 'center', y: 'bottom', splitList: [ { end: 0, label: '无', color: '#DDDDDD' }, { end: 30, color: 'rgb(255,248,220)' }, { start: 30, end: 60, label: '30-60', color: 'rgb(252,235,207)' }, { start: 60, end: 90, label: '60-90', color: '#FFDAB9' }, { start: 90, end: 100, label: '90-100', color: 'rgb(245,158,131)' }, // 245 158 131 { start: 100, label: '>=100', color: 'rgb(40,183,163)' }, // 40 183 163 ], }, backgroundColor: '#fff', // 图表背景色 series: [ { name: '省份', type: 'map', // 指定是地图类型 map: this.pyName, // 和上面registerMap中的第一个参数值一致才可以正常加载地图 zoom: 1.2, roam: true, // 是否开启平游或缩放 // geoIndex: 0, // aspectScale: 0.75, // scaleLimit: { // 滚轮缩放的极限控制 // min: 1, // max: 2 // }, selectedMode: 'single', // 选中模式,表示是否支持多个选中,默认关闭,支持布尔值和字符串,字符串取值可选'single'表示单选,或者'multiple'表示多选。 itemStyle: { areaColor: '#FFFFFF', borderColor: '#0f0f0f', normal: { label: { show: true }, areaColor: '#DDDDDD' }, emphasis: { label: { show: true } }, }, emphasis: { // 强调的样式,也就是鼠标移入后的样式==高亮状态下的多边形和标签样式。 itemStyle: { areaColor: '#000000', }, }, label: { normal: { show: true, // 是否显示标签,这里显示的就是省份的名字。默认就是false textStyle: { fontWeight: 300, color: '#000000', // 值域文字颜色 fontSize: 7, // 文字的字体大 小 }, }, emphasis: { show: false, // 在鼠标移入时,是否显示,如果不写,默认是显示的 }, }, data: mapData, // 各省地图数据导入 }, ], }; // 设置各个省份地图的参数 let options1 = { title: { show: false, // 是否显示标题组件 subtext: '注:展示当月和当年累计情况', left: '3%', top: '85%', }, tooltip: { enterable: true, // 允许点击触发tooltip中的事件 show: true, // 是否显示提示框组件,包括提示框浮层和 axisPointer。 [ default: true ] trigger: 'item', // 触发类型。 [ default: 'item' ] backgroundColor: 'rgba(50,50,50,0.7)', // tooltip 背景颜色 rgba // 文本设置 textStyle: { color: 'rgb(255,255,255)', // 值域文字颜色 fontSize: 12, }, formatter: (array, returnData, callback) => { console.log(array); if (isNaN(array.value)) { if (this.cityArr.includes(array.name)) { return '保费: 暂无' + '<br/>' + '目标: 暂无' + '<br/>' + '保费达成率: 暂无'; } else { return '保费: 暂无' + '<br/>'; } } else { let result = '<div style="display: flex"><div style="float:left;">保费: ' + array.data.datas[0] + '万元 <br/> 目标: ' + array.data.datas[1] + '万元 <br/> 保费达成率: ' + array.data.value + '%</div>' + '<div style="float:left; margin-left: 0.1rem;width: 0.05rem;height: 1rem; background: #D8D8D8;"></div>' + '<div style="float:left; margin-left: 0.1rem; "οnclick="lookVideoGo(\'' + array.name + '\')"><p style="height:2rem; line-height:2rem;">详 情 >&nbsp</p></div></div>'; return result; } }, }, // 底部小导航图标 visualMap: { // text: ['注:展示当月和当年累计情况'], orient: 'horizontal', itemWidth: 15, textGap: 2, // calculable: false, show: true, left: 'center', y: 'bottom', splitList: [ { start: 6, label: '>=7', color: '#FFDAB9' }, { start: 3, end: 6, label: '4-6', color: 'rgb(245,158,131)' }, // 245 158 131 { start: 1, end: 3, label: '1-3', color: 'rgb(40,183,163)' }, // 40 183 163 { end: 0, label: '无', color: '#DDDDDD' }, ], }, series: [ { name: '省份', // 系列名称,用于tooltip的显示,legend 的图例筛选,在 setOption 更新数据和配置项时用于指定对应的系列。见上:可以在tooltip中获取到 type: 'map', // 指定是地图类型 map: this.pyName, // 和上面registerMap中的一直 zoom: 1.2, selectedMode: 'single', // 选中模式,表示是否支持多个选中,默认关闭,支持布尔值和字符串,字符串取值可选'single'表示单选,或者'multiple'表示多选。 itemStyle: { areaColor: '#FFFFFF', borderColor: '#0f0f0f', normal: { label: { show: true }, areaColor: '#DDDDDD' }, emphasis: { label: { show: true } }, }, emphasis: { // 强调的样式,也就是鼠标移入后的样式==高亮状态下的多边形和标签样式。 itemStyle: { areaColor: '#000000', }, }, label: { normal: { show: true, // 是否显示标签,这里显示的就是省份的名字。默认就是false textStyle: { fontWeight: 300, color: '#000000', // 值域文字颜色 fontSize: 7, // 文字的字体大 小 }, }, emphasis: { show: false, // 在鼠标移入时,是否显示,如果不写,默认是显示的 }, }, // 数据对不上 省下面的地区对不上 data: mapData, }, ], }; // 判断是否是各个省份 if (this.pyName === 'china') { this.myEchartsOfChina.setOption(options); } else { this.myEchartsOfChina.setOption(options1); } }, /* 传过来的参数是省份名 */ lookVideoGo(cityName) { // 保留一份中文 this.pyNameOfChinese = cityName; // this.myEchartsOfChina.clear(); // 清空当前实例,会移除实例中所有的组件和图表。 this.myEchartsOfChina.dispose(); // 销毁后实例无法在使用 // 获取城市拼音 for (var i = 0, len = this.cityArr[0].length; i < len; i++) { if (cityName === this.cityArr[0][i]) { // 获取得城市拼音 this.pyName = this.cityArr[1][i]; // 使用nextTick Api 防止echarts初始化时避免节点不存在的报错 this.$nextTick(() => { this.chinaMapFun(this.pyName); }); break; } else { console.warn('没有找到此城市的拼音'); } } }, /* 点击返回全国 */ returnCh() { // this.myEchartsOfChina.clear(); // 清空当前实例,会移除实例中所有的组件和图表。 this.myEchartsOfChina.dispose(); // 销毁后实例 这里使用dispose防止残留 this.pyName = 'china'; this.pyNameOfChinese = ''; // 使用nextTick Api 防止echarts初始化时避免节点不存在的报错 this.$nextTick(() => { this.chinaMapFun(); }); }, },};</script><style lang="scss" scoped>.container { width: 90%; // margin: 0 auto; border: 1px solid balck; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; flex-wrap: wrap; #chinaMap,#provinceMap { width: 400px; height: 400px; margin-right: 30px; margin-top: 20px; } .china{ } // 返回箭头 .returnImg{ cursor: pointer; display: block; width: 25px; }}</style>5,遇到的问题

5,1 渲染中国地图时警告地图不存在:

原因:series里面的map属性没有和上面registerMap中的第一个参数值保持一致

正确写法:

5,2 点击tooltip提示框中的详情 生成省份地图时失败(显示的是空白),并且报错如下:

原因:没有拿到dom节点,需要在 this.$nextTick API里面获取dom节点

正确写法:

// 获取城市拼音 for (var i = 0, len = this.cityArr[0].length; i < len; i++) { if (cityName === this.cityArr[0][i]) { // 获取得城市拼音 this.pyName = this.cityArr[1][i]; // 使用nextTick Api 防止echarts初始化时避免节点不存在的报错 this.$nextTick(() => { this.chinaMapFun(this.pyName); }); break; } else { console.warn('没有找到此城市的拼音'); } }6,用到的模拟数据

mapData.js

// 定义全国省份的数组export const cityArr = [ [ '上海', '河北', '山西', '内蒙古', '辽宁', '吉林', '黑龙江', '江苏', '浙江', '安徽', '福建', '江西', '山东', '河南', '湖北', '湖南', '广东', '广西', '海南', '四川', '贵州', '云南', '西藏', '陕西', '甘肃', '青海', '宁夏', '新疆', '北京', '天津', '重庆', '香港', '澳门', '台湾', ], [ 'shanghai', 'hebei', 'shanxi', 'neimenggu', 'liaoning', 'jilin', 'heilongjiang', 'jiangsu', 'zhejiang', 'anhui', 'fujian', 'jiangxi', 'shandong', 'henan', 'hubei', 'hunan', 'guangdong', 'guangxi', 'hainan', 'sichuan', 'guizhou', 'yunnan', 'xizang', 'shanxi1', 'gansu', 'qinghai', 'ningxia', 'xinjiang', 'beijing', 'tianjin', 'chongqing', 'xianggang', 'aomen', 'taiwan', ],];// 全省保费信息export const totalMap = [ { achieveRate: 104.1, comname2: '山东', preium: 22855, target: 21960, }, { achieveRate: 154, comname2: '新疆', preium: 893, target: 580, }, { achieveRate: 128.6, comname2: '青海', preium: 935, target: 727, }, { achieveRate: 84.7, comname2: '四川', preium: 7357, target: 8687, }, { achieveRate: 79.4, comname2: '陕西', preium: 5102, target: 6427, }, { achieveRate: 84.6, comname2: '内蒙古', preium: 10448, target: 12357, }, { achieveRate: 0, comname2: '无锡', preium: 21, target: 0, }, { achieveRate: 74.8, comname2: '甘肃', preium: 5468, target: 7308, }, { achieveRate: 93.4, comname2: '海南', preium: 3746, target: 4009, }, { achieveRate: 71.4, comname2: '湖北', preium: 2870, target: 4017, }, { achieveRate: 39.4, comname2: '厦门', preium: 188, target: 477, }, { achieveRate: 63.3, comname2: '宁夏', preium: 1292, target: 2042, }, { achieveRate: 135.2, comname2: '江西', preium: 5616, target: 4155, }, { achieveRate: 0, comname2: '东莞', preium: 0, target: 0, }, { achieveRate: 95, comname2: '贵州', preium: 6931, target: 7298, }, { achieveRate: 39.1, comname2: '江苏', preium: 2303, target: 5893, }, { achieveRate: 0, comname2: '上海', preium: 6, target: 0, }, { achieveRate: 85.7, comname2: '天津', preium: 1672, target: 1950, }, { achieveRate: 60.1, comname2: '广东', preium: 3260, target: 5428, }, { achieveRate: 58.6, comname2: '青岛', preium: 1979, target: 3380, }, { achieveRate: 67.7, comname2: '吉林', preium: 12375, target: 18288, }, { achieveRate: 45.3, comname2: '湖南', preium: 4527, target: 9995, }, { achieveRate: 52.2, comname2: '北京', preium: 6, target: 12, }, { achieveRate: 86.1, comname2: '河南', preium: 5733, target: 6659, }, { achieveRate: 71.6, comname2: '安徽', preium: 3201, target: 4471, }, { achieveRate: 50.6, comname2: '黑龙江', preium: 3127, target: 6186, children:{ comname2:'黑河市', preium: 3127, target: 6186, achieveRate: 50.6, } }, { achieveRate: 0, comname2: '苏州', preium: 193, target: 0, }, { achieveRate: 69.9, comname2: '山西', preium: 2051, target: 2935, }, { achieveRate: 77.6, comname2: '福建', preium: 4371, target: 5632, }, { achieveRate: 96.5, comname2: '浙江', preium: 9650, target: 10000, }, { achieveRate: 73.5, comname2: '辽宁', preium: 8753, target: 11915, }, { achieveRate: 78.1, comname2: '重庆', preium: 2587, target: 3313, }, { achieveRate: -0.5, comname2: '深圳', preium: 0, target: 24, }, { achieveRate: 112.5, comname2: '宁波', preium: 1233, target: 1096, }, { achieveRate: 122.7, comname2: '云南', preium: 5477, target: 4462, }, { achieveRate: 104.9, comname2: '河北', preium: 13750, target: 13107, }, { achieveRate: 66.4, comname2: '广西', preium: 1134, target: 1707, },];
本文链接地址:https://www.jiuchutong.com/zhishi/299350.html 转载请保留说明!

上一篇:使用Vue+axios+Vuex实现登录后前端数据本地化存储实战(使用二氧化碳灭火器时人应该站在什么位置)

下一篇:前端面试中经常提到的LRU缓存策略详解(前端面试经常被问的问题)

  • iphone怎么用数据更新系统(iphone怎么用数据线共享网络)

    iphone怎么用数据更新系统(iphone怎么用数据线共享网络)

  • vivo x27有防水功能吗(vivox21防水么)

    vivo x27有防水功能吗(vivox21防水么)

  • 3dmax渲染十几个小时(3dmax渲染只有一小块)

    3dmax渲染十几个小时(3dmax渲染只有一小块)

  • 商家如何查到匿名差评(商家可以看到匿名评价)

    商家如何查到匿名差评(商家可以看到匿名评价)

  • 短消息删除了能恢复吗(短消息删除了能找回来吗)

    短消息删除了能恢复吗(短消息删除了能找回来吗)

  • vivo21尺寸长度(vivox21长度和宽度)

    vivo21尺寸长度(vivox21长度和宽度)

  • 钉钉升级后能退回旧版本吗(钉钉退回上一个版本)

    钉钉升级后能退回旧版本吗(钉钉退回上一个版本)

  • 苹果x后边发热正常吗(苹果x后面发烫)

    苹果x后边发热正常吗(苹果x后面发烫)

  • 怎样取消延长收货(怎么关闭延期收账)

    怎样取消延长收货(怎么关闭延期收账)

  • qq精确查找和QQ号查找是什么意思(qq精确查找和qq号查找显示的会不一样吗)

    qq精确查找和QQ号查找是什么意思(qq精确查找和qq号查找显示的会不一样吗)

  • 华为方舟编译器有什么用(华为方舟编译器开源官网)

    华为方舟编译器有什么用(华为方舟编译器开源官网)

  • 音量自动调大或调小怎么回事(音量自动调大或调小怎么回事oppo)

    音量自动调大或调小怎么回事(音量自动调大或调小怎么回事oppo)

  • 喜马拉雅为什么自动停(喜马拉雅为什么自动打开)

    喜马拉雅为什么自动停(喜马拉雅为什么自动打开)

  • 红米k20pro能插内存卡吗(redmi k20pro支持内存卡吗)

    红米k20pro能插内存卡吗(redmi k20pro支持内存卡吗)

  • 一到晚上wifi就特别卡是什么原因(一到晚上wifi就无法上网)

    一到晚上wifi就特别卡是什么原因(一到晚上wifi就无法上网)

  • 怎么把qq封面弄成空白(怎么把qq封面弄成视频)

    怎么把qq封面弄成空白(怎么把qq封面弄成视频)

  • cad转t3格式快捷命令(cad转t3怎么转)

    cad转t3格式快捷命令(cad转t3怎么转)

  • 小米常驻通知是什么意思(小米设置常驻通知)

    小米常驻通知是什么意思(小米设置常驻通知)

  • ps怎么生成路径(ps怎么自动生成路径)

    ps怎么生成路径(ps怎么自动生成路径)

  • 小米cc9pro怎么设置自动锁屏时间(小米cc9pro怎么设置返回键)

    小米cc9pro怎么设置自动锁屏时间(小米cc9pro怎么设置返回键)

  • wifi密码对的为什么连不上(wifi密码对的为什么显示连接失败)

    wifi密码对的为什么连不上(wifi密码对的为什么显示连接失败)

  • 网易云均衡器在哪(网易云均衡器在哪里找到)

    网易云均衡器在哪(网易云均衡器在哪里找到)

  • 优活手环如何变成中文(优活手环如何变蓝牙模式)

    优活手环如何变成中文(优活手环如何变蓝牙模式)

  • vivox9s红外被遮挡怎么解决(vivo的红外线被遮挡有什么用)

    vivox9s红外被遮挡怎么解决(vivo的红外线被遮挡有什么用)

  • 微信怎么扩列(微信怎么扩列加群)

    微信怎么扩列(微信怎么扩列加群)

  • 摄像头成像的光学原理(摄像头成像的光线有哪些)

    摄像头成像的光学原理(摄像头成像的光线有哪些)

  • 网速在线测试的办法是什么?(在线网速测试工具)

    网速在线测试的办法是什么?(在线网速测试工具)

  • 前端如何调用后端接口进行数据交互(极简)(前端如何调用后端方法)

    前端如何调用后端接口进行数据交互(极简)(前端如何调用后端方法)

  • python运算符的优先级规则(Python运算符的优先级别)

    python运算符的优先级规则(Python运算符的优先级别)

  • phpcms如何修改域名(如何修改php网页内容)

    phpcms如何修改域名(如何修改php网页内容)

  • 退个税手续费如何申报
  • 五万元劳务费税率
  • 其他债券投资有减值,为什么其他权益工具投资没有减值
  • 工伤保险应该计入什么科目
  • 员工预支薪金怎么记账
  • 资产减值损失跟信用减值损失能合并
  • 固定资产一次性折旧的账务处理和税务处理
  • 房地产企业预收账款结转收入
  • 商场返现活动怎么入账
  • 外币账户收款如何做账务处理呢?
  • 调解书和判决书执行力度一样吗
  • 甲供工程选择适用简易计税方法后,36个月
  • 注册资本的变更
  • 餐费可以抵扣吗怎么做账
  • 公办幼儿园食堂21项制度
  • 小规模纳税人注销流程及费用
  • 开具的红字发票金税三期怎么报税?
  • 备查账要如何设置?
  • 建安企业增值税税率是多少
  • 期末调汇会计分录
  • mac安装软件提示需要更高版本
  • 合同印花税交给谁
  • 财务费用增加记借方还是贷方
  • 商业承兑汇票到期兑现流程
  • 股票股利和现金股利的共同点
  • linux如何安装
  • win10默认网关自动清空
  • 如何在 Windows 11 上打开 APK 文件
  • 委托银行收款属于什么科目
  • 跨年租赁费如何处理
  • Vue Grid Layout -️ 适用Vue.js的栅格布局系统(保姆级使用教程)
  • vue全家桶插件有哪些
  • 应收票据年末计息的分录
  • 会计政策变更累计数
  • 自产的产品对外捐赠
  • 实战到底究竟是什么意思啊
  • vue父子组件传值
  • php使用mysql
  • php生成唯一id
  • 商品流通企业物流成本的具体构成包括()
  • 发票红字冲回账务处理
  • 长期股权投资其他债券投资公允价值变动
  • 短期投资计提跌价准备
  • 小规模纳税人现代服务税率
  • 资产是指()
  • 发票税率怎么改成3%
  • 小规模纳税人申报纳税详细流程
  • 技术人员工资计入什么科目
  • 出口退税计入
  • 以前年度损益调整账务处理分录
  • 销售退回如何做账务处理
  • 什么计入其他收入
  • 货代是否负责损失
  • 如何开具房屋租赁登记备案证明
  • 收到利息收入如何做分录
  • 汇算清缴缴纳的所得税怎么做账
  • 外地预缴需要缴纳印花税吗
  • 完成认证后开具什么证明
  • 现金账务处理原则规定
  • mac的mysql安装
  • 储存扩展容量
  • mysql数据库基本知识点总结
  • mysql一闪而退
  • windows10玩lol有延迟怎么办
  • linux uzip
  • mac不小心把硬盘删了怎么办
  • linux磁盘结构
  • 磁盘限制
  • win8怎么设置时间自动更新
  • Win10 mobile 10586.107升级后会出现哪些bug?
  • java中初始化顺序
  • python的步骤
  • cocos2dx lua在sublime下的插件安装及查看定义
  • wc -l命令
  • android studio 1.2 安装配置教程(windows平台)
  • jquery中each()方法的作用及使用
  • 电子发票如何盖电子章
  • 公寓土地增值税30%-60%阶梯税
  • 乳胶枕属于什么经营范围
  • 有限公司怎么交五险
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设