yesPmp

A. 本任务为测试任务单（TASK901_可拖动布局），做1个页面（含少量订制）。 

要求：

1. 使用VUE2 + GoldenLayout(官网 ****s://golden-layout****)组件

2. 使用AntD Grid布局，实现指定样式的可拖拽页面，布局：顶部空白信息区、主体拖拽区、底部控制区。

顶部空白区：留空，高50px。

主体拖拽区：根据GoldenLayout的官方资料实现参考视频中的拖拽交互。

底部控制区：实现原型图片的布局样式，点击+号向主体已有拖拽区tab页添加一个窗口、播放按钮（无须功能）、隐藏控制区按钮（点击让当前控制器区悬浮成一个图标，扩展空间出来给主体区域，点击悬浮图标恢复原样）。

相关资料：

Demo地址： ****://golden-layout****/examples/#197a39fa9ce4bf1b39a207593e41f5e3

Demo Tutorial: ****://golden-layout****/tutorials/getting-started.html

npm库地址：****s://golden-layout.github.io/golden-layout/#installation--usage

vue集成 ： ****s://vuejsexamples****/golden-layout-integration-in-vue/

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

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

1. 响应式布局，适应分辨率的变化，比如切换一台显示设备不刷新的情况下能自动跟随适配。

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

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

4. 工时：完成本单不超3天，时间越短，不失良好代码习惯越好。需提供所有源码。

5. 支付：本平台有担保支付功能就用本平台，如果没有就线下支付。

C. 其它

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

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

1. 尽量100%还原参考稿，目标效果图上的图片资源可提供，有困难跟我沟通。

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

3.需提供所有源码。