广告聚合
api
线上:union.soofel.com
测试:union.henm.cn
技术栈
vue2、element-ui、echarts、巨量引擎前端解决方案、baidu-map
项目组成
内容
- 默认为扫码登录,将地址栏redirect替换为 aaaa 可切换账号密码登录;
- api配置在根目录的.web.config文件中,若没有,需新建;
- 常用的组件部分有封装,建议开发新页面时先查找组件;
- utils下有常用的工具类函数,非必要不用重新封装。
目录结构
├── api // 各个目录的api
│ ├── account.js // 头条账户管理
│ ├── adManage.js // 今日头条
│ ├── assetsManage.js // 资产管理
│ ├── auth.js // 登录相关
│ ├── dataReport.js // 数据报表
│ ├── favourites.js // 收藏夹
│ ├── optimizationTool.js // 优化工具
│ ├── option.js // option缓存相关
│ └── permission.js // 系统
├── assets
│ ├── 404_images // 404图片
│ └── json // 规则配置相关数据
├── components
│ ├── Breadcrumb // 面包屑
│ ├── cascader // 级联选择器
│ ├── cascader-panel // 级联选择面板
│ ├── Favourites // 收藏夹
│ ├── Hamburger // 隐藏显示菜单文字
│ ├── MyCard // 卡片
│ ├── Pagination // 分页
│ ├── Select // 选择器
│ │ ├── SelectAdvertiser.vue // 选择账户
│ │ ├── SelectAssetsStrategy.vue // 选择资源策略
│ │ ├── SelectAudience.vue // 选择定向包
│ │ ├── SelectBrand.vue // 选择品牌
│ │ ├── SelectCategory.vue // 选择项目(产品)
│ │ ├── SelectDate.vue // 选择日期
│ │ ├── SelectDepartment.vue // 选择部门
│ │ ├── SelectDepartmentCheckbox.vue // 选择部门(平铺)
│ │ ├── SelectDepartmentUser.vue // 选择人员
│ │ ├── SelectFavourite.vue // 选择收藏夹
│ │ ├── SelectResourcesStrategy.vue // 选择资源策略
│ │ └── SelectHeader.vue // 自定义列
│ ├── SvgIcon // svg图标
│ ├── Transfer // 穿梭框(虚拟滚动)
│ └── Upload //上传
├── icons // svg图标资源
├── layout // 菜单
├── mixin // 混入
├── router // 路由
│ ├── modules
│ │ ├── account.js // 头条账户
│ │ ├── adManage.js // 今日头条
│ │ ├── assetsManage.js // 资源管理
│ │ ├── dataReport.js // 数据报表
│ │ ├── missionCenter.js // 任务中心
│ │ ├── optimizationTool.js // 优化工具
│ │ └── system.js // 系统
│ └── index.js
├── store // vuex
├── utils // 工具函数
│ ├── auth.js // token管理
│ ├── baseUtils.js // 基础工具
│ ├── dateUtils.js // 时间工具
│ ├── getPageTitle.js // 标题
│ ├── index.js
│ ├── market.js // 巨量引擎配置
│ ├── request.js // 请求
│ ├── table.js // 表格相关
│ ├── transfer.js // id处理函数
│ └── validate.js // 表单验证
├── views // 页面
│ ├── accountManage // 头条账户管理
│ ├── adManage // 今日头条
│ │ ├── bulkCreation // 批量创建
│ │ │ ├── components
│ │ │ │ ├── ChooseAssets.vue // 选择资产
│ │ │ │ ├── ChooseCreativeComponent.vue // 选择创意组件
│ │ │ │ ├── ChooseLabels.vue // 选择标签
│ │ │ │ ├── ChooseLandPages.vue // 选择落地页
│ │ │ │ ├── ChooseMaterials.vue // 选择素材
│ │ │ │ ├── ChooseOrangeLandPages.vue // 选择三方落地页
│ │ │ │ ├── ChooseTitles.vue // 选择标题
│ │ │ │ ├── ConfirmSubmit.vue // 确认提交
│ │ │ │ ├── CreateCreative.vue // 创建创意
│ │ │ │ ├── CreatePlan.vue // 创建计划
│ │ │ │ ├── CreativeLabel.vue // 创意标签
│ │ │ │ ├── KeyWords.vue // 关键词
│ │ │ │ ├── PreviewPlan.vue // 预览计划
│ │ │ │ ├── RuleConfig.vue // 配置
│ │ │ │ ├── SaveStrategy.vue // 保存策略
│ │ │ │ └── ShowGenerate.vue // 生成计划数
│ │ ├── headline // 今日头条
│ │ │ ├── components
│ │ │ │ ├── createGroup.vue // 选择广告组信息
│ │ │ │ ├── myTable.vue // 自适应表头表格
│ │ │ │ └── selectHeaders.vue // 自定义列
│ │ │ ├── account.vue // 账户
│ │ │ ├── creative.vue // 创意
│ │ │ ├── group.vue // 广告组
│ │ │ └── plan.vue // 广告计划
│ ├── assetsManage // 资源管理
│ │ ├── creativeComponent // 创意组件
│ │ ├── creativeWord // 创意词包
│ │ ├── customPackage // 自定义人群包
│ │ ├── eventManage // 资产事件
│ │ ├── labelPackageManage // 标签包管理
│ │ ├── LandPage // 落地页
│ │ ├── localMaterial // 本地素材
│ │ ├── materialManage // 素材管理
│ │ ├── targetPackageManage // 定向包管理
│ │ └── titles // 标题
│ ├── auxiliary // 辅助工具
│ │ ├── missionCenter // 任务中心
│ │ │ ├── components
│ │ │ │ └── MissionDetail // 任务详情
│ ├── dashboard // 首页
│ ├── dataReport // 数据报表
│ │ ├── audienceReport // 定向包数据
│ │ ├── creativeComponentReport // 创意组件数据
│ │ ├── labelPackageReport // 标签包数据
│ │ ├── landingPageReport // 落地页数据
│ │ ├── materialReport // 素材数据
│ │ ├── peopleOptimizer // 人群包数据
│ │ └── titleLibraryReport // 标题数据
│ ├── login // 登录
│ ├── optimizationTool // 优化工具
│ │ ├── allAutomaticRuleConfig // 全局自动规则配置
│ │ │ ├── components
│ │ │ │ └── AddautomaticRuleConfig.vue // 添加自动规则
│ │ ├── automaticRuleConfig // 自动规则配置
│ │ │ ├── components
│ │ │ │ ├── AddautomaticRuleConfig.vue // 添加自动规则配置
│ │ │ │ ├── SelectApplicationObject.vue // 选择应用对象
│ │ │ │ └── SelectPlan.vue // 选择广告计划
│ │ ├── automaticRuleLog // 自动规则日志
│ │ │ ├── components
│ │ │ │ ├── AdInfo.vue // 广告详情
│ │ │ │ ├── ExecuteResult.vue // 执行结果
│ │ │ │ ├── RuleInfo.vue // 规则详情
│ │ │ │ └── StatusInfo.vue // 状态详情
│ │ ├── automaticRulePackage // 自动规则包
│ │ │ ├── components
│ │ │ │ └── AutomaticRules.vue // 自动规则列表
│ │ ├── automaticRules // 自动规则
│ │ │ ├── components
│ │ │ │ ├── AddautomaticRules.vue // 添加自动规则
│ │ │ │ ├── AffiliateProgram.vue // 关联计划列表
│ │ │ │ └── MissionDetail // 自动规则详情
│ │ ├── resourcesRules // 资源规则
│ │ │ ├── components
│ │ │ │ └── AddResourcesRules.vue // 添加资源规则
│ │ ├── resourcesStrategy // 资源策略
│ │ │ ├── components
│ │ │ │ └── AddResourcesStrategy.vue // 添加资源策略
│ ├── redirect // 重定向
│ ├── system // 系统