1

Signed-off-by: lcw <1324309909@qq.com>

Office/Word/WordEditArea.htm

@@ -233,11 +233,80 @@
                 <div class="U_MD_O_H_wordEditor U_MD_O_H_lineStyle" id="U_MD_O_H_wordEditor" contenteditable="true">
                 </div>
             </div>
+            <div style="position: absolute;
+            top: 8%;
+            right: 14%;
+            width: 350px;">
+                <div style="    background: #fff;
+                height: 65px;
+                border-radius: 5px;">
+                    <div style="font-size: 13px;
+                    border-bottom: 1px solid #ccc;
+                    padding: 5px 15px;
+                ">生成链接</div>
+                    <div style="    height: 30px;
+                    padding: 8px 10px;"><a href="" style="color: #3C6A8C;">将此站点生成链接</a></div>
+                </div>
+                <div style="    background: #fff;
+                border-radius: 5px;margin-top: 15px;min-height: 250px;">
+                    <div style="font-size: 13px;
+                    border-bottom: 1px solid #ccc;
+                    padding: 5px 15px;
+                    display: flex;
+                    flex-direction: row;
+                    justify-content: space-between;
+                    align-items: center;
+                ">
+                        <div>邀请协作人员</div>
+                        <div><a href="" style="color: #3C6A8C;">第三方链接邀请</a></div>
+                    </div>
+                    <div style="width: 100%;
+                    display: flex;
+                    flex-direction: row;
+                    justify-content: flex-start;
+                    align-items: center;
+                    flex-wrap: wrap;
+                    ">
+                        <div style="display: flex;
+                        flex-direction: column;
+                        justify-content: center;
+                        align-items: center;
+                        width: 25%;
+                        margin: 10px 0;">
+                            <div style="width: 50px;"><img src="../../img/icon/portal.png"
+                                    style="width: 100%;height:100%;" alt=""></div>
+                            <div>陈慧</div>
+                        </div>
+                        <div style="display: flex;
+                        flex-direction: column;
+                        justify-content: center;
+                        align-items: center;
+                        width: 25%;
+                        margin: 10px 0;">
+                            <div style="width: 50px;"><img src="../../img/icon/portal.png"
+                                    style="width: 100%;height:100%;" alt=""></div>
+                            <div>李小欣</div>
+                        </div>
+                        <div style="display: flex;
+                        flex-direction: column;
+                        justify-content: center;
+                        align-items: center;
+                        width: 25%;
+                        margin: 10px 0;">
+                            <div style="width: 50px;"><img src="../../img/icon/portal.png"
+                                    style="width: 100%;height:100%;" alt=""></div>
+                            <div>旺旺</div>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
         </div>
         <!--- 互联办公的功能 --->
         <div class="U_MD_O_H_body_left" id="U_MD_O_H_body_left">
         </div>
     </div>
+
 </body>
 
 </html>