yesPmp

A. 本任务为正式任务单（TASK904_可联动表格组件phase1）。 

没有参与过TASK901任务的开发者不要投此标！

要求：

1. 使用VUE2 + GoldenLayout组件的基础上（TASK901已完成）进行AntD table图表组件订制。

2. 组件设计

组件名：visual-table

组件层级：

- table-toolbar 顶部，工具栏（添加参数、选择频率、功能选择组件：visual-option-select）（功能描述见下方描述）

- table-main ，表格主体，右侧有*动条，无分页。使用Ant Table (****s://ant*******/components/table-cn/)

表格第一列UTC固定，UTC内容随着频率的切换，显示数据按规律变化，规律见附件图片1：（UTC列-数据说明）。

- - table-header 列头：表头固定显示2行，第1行是参数名，第2行是参数描述，无需排序和筛选；表头右上角x可删除整列（第一列UTC例外）；

     列空间足够则均分，占满上层容器；列宽默认最小为100px，否则出现水平*动条。

- - table-body 表主体

a. row背景间隔出现（灰、白相间）；

b. 橙色高亮第4行，代表选中的row，也关联双向绑定的全局时间time_index；

c. 点击某一行，可以*动表格，让该行**到高亮行(第4行)，相当于修改全局的当前时间time_index。

工具栏说明>>>

导出：弹出对话框，用户选择导出频率、时间范围，点击确认，提交给后台，下载数据

添加参数：弹出对话框，用户选择\填入1个或多个显示参数，点击确认，调用通用数据请求组件（TASK902完成，传入：参数名、Rate），组件查询完毕，返回数据，给table-body增加返回的参数列。

选择频率：可选显示频率ShowHZ范围（0.25/0.5/1/2/4/8/16/32），切换频率时，重新加载表格数据，数据的处理规律见附件图片2：(其他列-数据说明）

选择组件：由TASK902完成，引入，根据返回的组件字符串，动态加载组件（判断是否为自身），即：本窗口可以切换显示其他组件。

4. 双向绑定

time_index：当前时间

它变化时，使当前visual-table实例下高亮选中的行**到time_index对应的行（即实现了表格数据的play播放）。

当鼠标在visual-table表体上点击行数据时，获取鼠标点中的UTC列值，赋值给time_index。

ShowHZ:  显示频率

当它变化时，当前visual-table实例重新加载UTCData数据和其他列数据，重新渲染。

当用户在table-toolbar工具栏选择频率，切换值时，触发ShowHZ的变化。

UTCData：UTC数据

ShowHZ发生变化时，触发UTCData数据的变化。

其他组件（比如visual_chart）**到UTCData的变化时，重新渲染x轴。

lang：语言

它变化时，使当前visual-table实例下所有固定显示的字符都使用特定的语言显示（可延后）。

5. 数据交互：

调用外围框架(TASK902)请求参数数据的函数（传参：Name(允许多个参数), Rate=1），接口返回前清空表，返回数据后重新渲染表（列数据是追加的模式）。

6. 加载时

初始化visual-table组件时，添加UTC固定列，2个普通参数（AAA，BBB）列到visual-table中.

接任务前问我要视频，看详细效果，增进理解。

B. 另外还有3个任务基于本项目做更深层次的订制，价格可议。

至少包含：本任务的延续任务【visual-table增强phase2】新功能： 列可拖动，工具栏增强（导出、模板）、可手动调整列宽、表格添加标记等。

所有任务，技术要求如下： 

1. 开发响应式组件，适应分辨率/组件外围框架尺寸的变化。

2. 【中、英、法，多语言支持】。将页面的字段写到配置文件中，页面带参数?lang=cn/fr/en切换语言时加载不同的语言配置。

3. 适合接单老手，具备主动沟通的习惯、做事有闭环思维，为最终项目交付负责。

4. 工时：完成本单不超3天，时间每缩短1天，额外奖励50元/天

5. 支付：本平台有担保支付功能就用本平台。

C. 其它

1. 本项目是为了选择长期合作伙伴（未来项目需要用的技术有：Vue2、Canvas）。

2. 成功合作一个测试单，自动进入项目组，后续所有任务都在本平台托管发布，新任务由项目组成员在本平台选单接任务。

1. 尽量100%还原参考稿，有困难跟我沟通。

2. 有数据需求的任务需要接入接口。若甲方接口提供不及时，延后对接，可选先验收

3.需提供所有源码。