erp/Web/Ehr/Employee_Edit.aspx

<%@ Page Title="员工信息" Language="C#" MasterPageFile="~/MasterPage/Page.master" AutoEventWireup="true" CodeFile="Employee_Edit.aspx.cs" Inherits="Ehr_Employee_Edit" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style>
        .win_tb .td1 {
            width: 100px;
            text-align: right;
        }

        .win_tb .td2 {
            padding-left: 5px;
        }
    </style>
    <style type="text/css">
        body {
            background-color: #F1F1F1;
        }

        .p_tb .td1 {
            width: 100px;
            text-align: right;
            background-color: #f1f1f1
        }

        .p_tb .td2 {
            width: auto;
        }

        .div_pic {
            position: absolute;
            left: 400px;
            top: 25px;
            width: 150px;
        }

            .div_pic .pic {
                border: solid 1px #CCCCCC;
                padding: 1px;
                width: 140px;
                height: 140px;
                margin-bottom: 5px;
            }

            .div_pic .pic_tip {
                margin-bottom: 5px;
                color: #ff0000;
            }
    </style>
    <script src="js/employee_edit.js?v=<%=SiteVer %>"></script>
    <script>
        var designList = [];
        var shopList = [];
        var productList = [];
        var shop_list = [];
        $(document).ready(function () {
            let id = $("#hId").val();
            let selPemShop = mini.get("designPemShop");
            selPemShop.on("valuechanged", changeShop);
            selPemShop.setUrl("../Handler/sync.ashx?t=get_sel_user_shop&userId=" + id)
            let txtShopDesign = mini.get("txtShopDesign");
            txtShopDesign.on("valuechanged", changeValue);
            $(".new_shop").hide();
            if (id) {
                $(".new_shop").show();
            }
            postAjax("get_shop_list", "", function (data) {
                shopList = data;
                getDesignInfo();

            })
            postAjax("get_product_list", "", function (data) {
                productList = data;
                getDesignInfo();

            })
            const list = document.getElementById('u-shopDesign');
            const showDesign = document.getElementById('ctl00_content_showDesign');

            list.addEventListener('dragstart', function (e) {
                e.target.style.opacity = '0.4';
                e.dataTransfer.setData('text/plain', e.target.getAttribute('data-index'));
            });
            showDesign.addEventListener('dragstart', function (e) {
                e.target.style.opacity = '0.4';
                e.dataTransfer.setData('text/plain', e.target.getAttribute('data-index'));
            });

            list.addEventListener('dragover', function (e) {
                e.preventDefault(); // 允许放置
                e.dataTransfer.dropEffect = 'move'; // 设置可移动的视觉效果
            });
            showDesign.addEventListener('dragover', function (e) {
                e.preventDefault(); // 允许放置
                e.dataTransfer.dropEffect = 'move'; // 设置可移动的视觉效果
            });

            list.addEventListener('dragenter', function (e) {
                e.target.style.border = '1px dashed #ccc';
            });
            showDesign.addEventListener('dragenter', function (e) {
                let elem = e.target;
                if (elem.localName == 'td') {
                    elem = elem.parentNode;
                }
                elem.style.border = '1px dashed #ccc';
            });

            list.addEventListener('dragleave', function (e) {
                e.target.style.border = '';
            });
            showDesign.addEventListener('dragleave', function (e) {
                let elem = e.target;
                if (elem.localName == 'td') {
                    elem = elem.parentNode;
                }
                elem.style.border = '';
            });

            list.addEventListener('drop', function (e) {
                e.preventDefault();
                e.target.style.border = '';

                const draggedItemIndex = parseInt(e.dataTransfer.getData('text/plain'), 10);
                const dropTarget = e.target;
                const dragOverEvent = e;

                // 移动元素
                moveElement(draggedItemIndex, dropTarget, dragOverEvent);
            });
            showDesign.addEventListener('drop', function (e) {
                e.preventDefault();
                e.target.style.border = '';
                let elem = e.target;
                if (elem.localName == 'td') {
                    elem = elem.parentNode;
                }
                elem.style.border = '';
                const draggedItemIndex = parseInt(e.dataTransfer.getData('text/plain'), 10);
                const dropTarget = elem;
                const dragOverEvent = e;

                // 移动元素
                moveElementShop(draggedItemIndex, dropTarget, dragOverEvent);
            });

            list.addEventListener('dragend', function (e) {
                e.target.style.opacity = '1';
            });
            showDesign.addEventListener('dragend', function (e) {
                let elem = e.target;
                if (elem.localName == 'td') {
                    elem = elem.parentNode;
                }
                elem.style.opacity = '1';
            });
            function moveElement(draggedIndex, dropTarget, dragOverEvent) {
                const draggedElement = list.children[draggedIndex];
                const dropTargetIndex = Array.from(list.children).indexOf(dropTarget);

                // 如果移动到自己位置或目标位置大于自身索引，则向下移动
                const insertBefore = draggedIndex > dropTargetIndex || draggedElement === dropTarget;

                list.insertBefore(draggedElement, insertBefore ? dropTarget : dropTarget.nextElementSibling);
                designList = []
                // 更新data-index
                const siblings = Array.from(list.children);
                siblings.forEach((child, index) => {
                    child.setAttribute('data-index', index)
                    let designId = child.getAttribute("data-designId");
                    let id = child.getAttribute("data-id");
                    designList.push({ designId, id: id || "", orders: index })
                });
                // 更新拖动指示
                dragOverEvent.dataTransfer.dropEffect = 'move';
            }

            function moveElementShop(draggedIndex, dropTarget, dragOverEvent) {
                const draggedElement = showDesign.querySelectorAll('tr')[draggedIndex];
                const dropTargetIndex = Array.from(showDesign.querySelectorAll('tr')).indexOf(dropTarget);

                // 如果移动到自己位置或目标位置大于自身索引，则向下移动
                const insertBefore = draggedIndex > dropTargetIndex || draggedElement === dropTarget;

                showDesign.children[0].insertBefore(draggedElement, insertBefore ? dropTarget : dropTarget.nextElementSibling);
                // 更新data-index
                let vList = [];
                const siblings = Array.from(showDesign.querySelectorAll('tr'));
                siblings.forEach((child, index) => {
                    child.setAttribute('data-index', index)
                    let shopId = child.getAttribute("data-shopId");
                    let i = shop_list.findIndex(e => e.shopId == shopId);
                    if (i > -1) {
                        vList.push(shop_list[i]);
                    }
                });
                shop_list = vList;
                // 更新拖动指示
                dragOverEvent.dataTransfer.dropEffect = 'move';
            }
        });


        function addShopDesign(shopId) {
            let win = mini.get("shop_design");
            let id = $("#hId").val();
            $("#shopId").val(shopId);
            mini.get("txtShopDesign").setUrl("../Handler/sync.ashx?t=get_sel_user_design&userId=" + id + "&shopId=" + shopId);
            let index = shop_list.findIndex(item => item.shopId == shopId);
            let val = shop_list[index];
            mini.get("txtShopDesign").setValue(val.designIds);
            let ids = []
            val.list?.map(item => {
                for (let j = 0; j < productList.length; j++) {
                    if (item.designId == productList[j].id) {
                        ids.push({ id: productList[j].id, name: productList[j].name });
                        break;
                    }
                }
            })
            setValuHtml(ids);
            win.show();
        }

        function saveShopDesign() {
            let win = mini.get("shop_design");
            let shopId = $("#shopId").val();
            let tarId = $("#hId").val();
            if (!tarId) {
                return;
            }
            let index = shop_list.findIndex(e => e.shopId == shopId);
            let ids = [];
            let names = [];
            let list = [];
            designList.forEach((k, v) => {
                ids.push(k.designId);
                list.push({ id: "", designId: k.designId, orders: v, shopId })
                for (let j = 0; j < productList.length; j++) {
                    if (k.designId == productList[j].id) {
                        names.push(productList[j].name);
                        break;
                    }
                }
            })

            let data = []
            shop_list?.map(item => {
                if (item.shopId == shopId) {
                    data.push({ designIds: ids.join(","), shopId: shopId, orders: item.orders })
                }
            })

            let params = {
                tarId,
                type: 1, shopId,
                data: JSON.stringify(data)
            };
            postAjax("save_dic_info", params, function (data) {

                shop_list[index].designIds = ids.join(",")
                shop_list[index].designName = names.join(",")
                shop_list[index].list = list

                setShopHtml();
                win.hide();
            })


        }
        //技能修改排序
        function changeValue(e) {
            let value = e.selecteds;
            setValuHtml(value);
        }

        function setValuHtml(value) {
            let shopDesign = $("#u-shopDesign")
            let list = [];
            let html = ``;

            if (designList.length > 0) {
                for (let i = 0; i < designList.length; i++) {
                    let del_index = 0;
                    let del = false;
                    for (let j = 0; j < value.length; j++) {
                        let item = value[j];
                        if (designList[i].designId == item.id) {
                            list.push({ designId: item.id, name: item.name, id: designList[i].id || "" })
                            del = true;
                            del_index = j;
                            break;
                        }
                    }
                    if (del) {
                        delete value[del_index];
                    }
                    value = Object.values(value)
                }
            }
            if (value.length > 0) {
                for (let i = 0; i < value.length; i++) {
                    list.push({ designId: value[i].id, name: value[i].name, id: "" })
                }
            }

            list.forEach((k, v) => {
                html += `<div draggable="true" data-index="${v}" data-designId="${k.designId}" data-id="${k.id}" style="padding:5px">${k.name}</div>`;
                k.orders = v;
            });
            designList = list;
            shopDesign.empty().append(html);
        }
        //店铺修改排序
        function changeShop(e) {
            let list = []
            let selecteds = e.selecteds;
            shop_list.forEach(item => {
                let index = selecteds.findIndex(e => item.shopId === e.id);
                if (index !== -1) {
                    list.push({ id: item.id || "", shopId: item.shopId, designIds: item.designIds || "", shopName: item.shopName, designName: item.designName, orders: item.orders || "0" })
                    selecteds?.splice(index, 1);
                }
            });
            selecteds?.forEach(item => {
                list.push({ id: "", shopId: item.id, designIds: item.ids || "", shopName: item.name, designName: "", orders: item.orders || "0" })
            })
            shop_list = list;
            setShopHtml();
        }

        function setShopHtml() {
            let shopDesign = $("#ctl00_content_showDesign")
            let html = ``;
            let orders_list = [{ name: 1 }, { name: 2 }, { name: 3 }, { name: 4 }, { name: 5 }, { name: 6 }];
            shop_list.forEach((item, v) => {
                html += `<tr draggable="true" data-index="${v}" data-shopId="${item.shopId}" style="padding:5px">`;

                html += `<td class="td1">店铺：</td><td class="td2">${item.shopName}</td>
                 <td class="td1" onclick="addShopDesign('${item.shopId}')" style="cursor: pointer;">添加修改技能：</td><td class="td2">
                 ${item.designName}
                 </td>
                 <td class="td1">优先级：</td>
                 <td class="td2"><input shownullitem="true" id="orders_${item.shopId}" allowinput="true" class="mini-combobox inp_middle" data='${JSON.stringify(orders_list)}' value="${item.orders}" textfield="name" valuefield="name" onvaluechanged="ordersChange('${item.shopId}')"/></td>`

                html += '</tr>';
            })
            shopDesign.empty().append(html);
            mini.parse(html)
        }

        function ordersChange(shopId) {
            let orders = mini.get("orders_" + shopId).getValue();
            let index = shop_list.findIndex(item => item.shopId == shopId);
            shop_list[index].orders = orders;
        }

        function getDesignInfo() {
            if (shopList.length == 0 || productList.length == 0) {
                return;
            }
            let id = $("#hId").val();
            if (!id) {
                return;
            }
            let params = {
                type: 1,
                tarId: id
            }
            postAjax("get_design_info", params, function (data) {
                resultShow(data);
                $("#ctl00_content_showDesign").empty()
                if (data.length > 0) {
                    let info = {};
                    let shopIds = [];
                    data.map(item => {
                        if (!info[item.shopId]) {
                            info[item.shopId] = { id: "", list: [], orders: 0, shopId: item.shopId };
                        }
                        if (item.designId == 0) {
                            info[item.shopId].id = item.ID;
                            info[item.shopId].orders = item.orders;
                            shopIds.push(item.shopId);
                        } else {
                            info[item.shopId].list.push({
                                id: item.ID, designId: item.designId, orders: item.orders, shopId: item.shopId
                            })
                        }
                    });
                    let index = 0;
                    for (let key in info) {
                        if (info.hasOwnProperty(key)) {
                            let v = info[key];

                            for (let i = 0; i < shopList.length; i++) {
                                if (key == shopList[i].id) {
                                    v.shopName = shopList[i].name;
                                    break;
                                }
                            }
                            let product = [];
                            let productIds = [];
                            for (let i = 0; i < v.list.length; i++) {
                                for (let j = 0; j < productList.length; j++) {
                                    if (v.list[i].designId == productList[j].id) {
                                        product.push(productList[j].name);
                                        productIds.push(productList[j].id)
                                        break;
                                    }
                                }
                            }

                            v.designName = product.join(",");
                            v.designIds = productIds.join(",");
                        }
                        index++;
                    }
                    shop_list = Object.values(info);
                    mini.get("designPemShop").setValue(shopIds.join(","));
                    setShopHtml();
                }
            })
        }

        function saveShop() {
            let tarId = $("#hId").val();
            if (!tarId) {
                saveFn(true)
                return;
            }
            let data = []
            let shopIds = [];
            shop_list?.map(item => {
                shopIds.push(item.shopId)
            })
            let params = {
                tarId,
                type: 1,
                shopIds: shopIds.join(",")
            }
            if (shopIds.length == 0) {
                saveFn(true)
                return;
            }
            postAjax("save_shop_info", params, function (data) {
                saveFn(true)
            })
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="content" runat="Server">
    <div style="display: none">
        <web:HiddenField ID="hId" runat="server" />
        <web:HiddenField ID="hOrg" runat="server" />
        <web:HiddenField ID="hPP" runat="server" />
        <web:HiddenField ID="hSite" runat="server" />
        <web:HiddenField ID="hDep" runat="server" />
        <web:HiddenField ID="hPost" runat="server" />
        <web:HiddenField ID="hSave" runat="server" />
        <web:HiddenField ID="hPemShop" runat="server" />
        <web:HiddenField ID="hPemDesign" runat="server" />
        <web:HiddenField ID="hPemVend" runat="server" />
        <web:HiddenField ID="hPemLogistics" runat="server" />
        <web:HiddenField ID="hPemExpress" runat="server" />
        <web:HiddenField ID="hOrgIds" runat="server" />
        <web:Button ID="btnSave" runat="server" OnClick="btnSave_Click" Style="display: none" />
    </div>
    <div class="mini-toolbar" style="border-top: 0; border-left: 0; border-right: 0;">
        <a id="btnSaveExecute" runat="server" class="mini-button" iconcls="icon-save" plain="true" onclick="saveShop()">保存</a>
        <a id="btnBack" class="mini-button" iconcls="icon-close" plain="true" onclick="closeFn()">关闭</a>

    </div>
    <asp:Panel ID="promptPanel" Visible="false" runat="server" class="prompt">
        &nbsp;&nbsp;&nbsp;&nbsp;<b>［默认密码］</b>为6个0。
    </asp:Panel>
    <div style="width: 98%; margin-left: auto; margin-right: auto; position: relative; margin-top: 10px;">
        <table class="p_tb" border="0" cellspacing="0" cellpading="1">
            <tbody>
                <tr>
                    <td class="td1">姓名：<span class="nes">*</span></td>
                    <td class="td2">
                        <web:TextBox ID="txtName" runat="server"></web:TextBox>
                    </td>
                    <td class="td1">性别：</td>
                    <td class="td2">
                        <web:RadioButtonList ID="selSex" RepeatDirection="Horizontal" runat="server">
                            <asp:ListItem Text="女" Value="女" Selected="True"></asp:ListItem>
                            <asp:ListItem Text="男" Value="男"></asp:ListItem>
                        </web:RadioButtonList>

                    </td>
                </tr>
                <tr>
                    <td class="td1">账号：<span class="nes">*</span></td>
                    <td class="td2">
                        <web:TextBox ID="txtAcc" runat="server"></web:TextBox>
                    </td>
                    <td class="td1">编号：<span class="unnes">*</span></td>
                    <td class="td2">
                        <web:TextBox ID="txtCode" runat="server"></web:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="td1">手机号码：<span class="nes">*</span></td>
                    <td class="td2">
                        <web:NumberTextBox ID="txtMobile" runat="server"></web:NumberTextBox>
                    </td>
                    <td class="td1">钉钉号：</td>
                    <td class="td2">
                        <web:TextBox ID="txtDing" runat="server"></web:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="td1">淘宝号：</td>
                    <td class="td2">
                        <web:TextBox ID="txtTb" runat="server"></web:TextBox>
                    </td>
                    <td class="td1">拼多多：</td>
                    <td class="td2">
                        <web:TextBox ID="txtPdd" runat="server"></web:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="td1">京东：</td>
                    <td class="td2">
                        <web:TextBox ID="txtJd" runat="server"></web:TextBox>
                    </td>
                    <td class="td1">阿里巴巴：</td>
                    <td class="td2">
                        <web:TextBox ID="txtAli" runat="server"></web:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="td1">抢单未定稿数量：</td>
                    <td class="td2">
                        <web:TextBox ID="TextFinish" runat="server" Text="0"></web:TextBox>
                    </td>
                    <td class="td1">一次性抢单数量：</td>
                    <td class="td2">
                        <web:TextBox ID="TextTotal" runat="server" Text="0"></web:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="td1">抢单定稿率：</td>
                    <td class="td2">
                        <web:TextBox ID="TextFinalization" runat="server" Text="0"></web:TextBox>
                    </td>
                    <td class="td1"></td>
                    <td class="td2"></td>
                </tr>
                <tr style="display: none">
                    <td class="td1">证件号：</td>
                    <td class="td2">
                        <web:TextBox ID="txtIdentityCard" runat="server"></web:TextBox>
                    </td>
                    <td class="td1">入职时间：</td>
                    <td class="td2">
                        <web:DateTextBox ID="txtEnterTime" runat="server"></web:DateTextBox>
                    </td>
                </tr>
                <tr style="display: none">
                    <td class="td1">生日：</td>
                    <td class="td2">
                        <web:DateTextBox ID="txtBirthDay" runat="server"></web:DateTextBox>
                    </td>
                    <td class="td1">政治面貌：</td>
                    <td class="td2">
                        <web:DropDownList ID="selParty" runat="server">
                            <asp:ListItem Text="普通公民" Value="普通公民"></asp:ListItem>
                            <asp:ListItem Text="共青团员" Value="共青团员"></asp:ListItem>
                            <asp:ListItem Text="中共党员" Value="中共党员"></asp:ListItem>
                        </web:DropDownList>
                    </td>
                </tr>

                <tr>
                    <td class="td1">联系地址：</td>
                    <td class="td2" colspan="3">
                        <web:TextBox ID="txtAddress" Width="400" runat="server"></web:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="td1">职位角色：<span class="nes">*</span></td>
                    <td class="td2" colspan="3">
                        <div id="div_dep"></div>
                    </td>
                </tr>
                <tr class="new_shop">
                    <td class="td1">关联店铺：</td>
                    <td class="td2" colspan="3">
                        <div id="selPemShop" class="mini-combobox" style="width: 400px;" popupwidth="300" popupminheight="450" popupmaxheight="450" textfield="name" valuefield="id"
                            url="../Handler/sync.ashx?t=get_org_pen_shop" value="id" multiselect="true" showclose="true" oncloseclick="onCloseClick">
                            <div property="columns">
                                <div header="店铺" field="name"></div>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="td1">自动派单技能：</td>
                    <td class="td2" colspan="3">
                        <div id="selPemDesign" class="mini-combobox" style="width: 400px;" popupwidth="300" popupminheight="450" popupmaxheight="450" textfield="name" valuefield="id"
                            url="../Handler/sync.ashx?t=get_sel_product" value="id" multiselect="true" showclose="true" oncloseclick="onCloseClick">
                            <div property="columns">
                                <div header="设计技能" field="name"></div>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="td1">供应商：</td>
                    <td class="td2" colspan="3">
                        <div id="selPemVend" class="mini-combobox" style="width: 400px;" popupwidth="300" popupminheight="450" popupmaxheight="450" textfield="name" valuefield="id"
                            url="../Handler/sync.ashx?t=get_sel_supplier" value="id" multiselect="true" showclose="true" oncloseclick="onCloseClick">
                            <div property="columns">
                                <div header="供应商" field="name"></div>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="td1">物流：</td>
                    <td class="td2" colspan="3">
                        <div id="selPemLogistics" class="mini-combobox" style="width: 400px;" popupwidth="300" popupminheight="450" popupmaxheight="450" textfield="name" valuefield="id"
                            url="../data/companies.txt" value="id" multiselect="true" showclose="true" oncloseclick="onCloseClick">
                            <div property="columns">
                                <div header="快递名称" field="name"></div>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="td1">快递面单：</td>
                    <td class="td2" colspan="3">
                        <div id="selPemExpress" class="mini-combobox" style="width: 400px;" popupwidth="300" popupminheight="450" popupmaxheight="450" textfield="name" valuefield="id"
                            url="../Handler/sync.ashx?t=get_all_mail" value="id" multiselect="true" allowinput="true" showclose="true" oncloseclick="onCloseClick">
                            <div property="columns">
                                <div header="快递" field="name"></div>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="td1">管理组织：</td>
                    <td class="td2" colspan="3">
                        <div id="selOrgIds" class="mini-combobox" style="width: 400px;" popupwidth="300" popupminheight="400" popupmaxheight="400" textfield="name" valuefield="id"
                            url="../Handler/sync.ashx?t=get_all_orgIds" value="id" multiselect="true" allowinput="true" showclose="true" oncloseclick="onCloseClick">
                            <div property="columns">
                                <div header="组织" field="name"></div>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr class="new_shop">
                    <td class="td1">抢单权限：</td>
                    <td class="td2" colspan="3">
                        <div id="designPemShop" class="mini-combobox" style="width: 400px;" popupwidth="300" popupminheight="450" popupmaxheight="450" textfield="name" valuefield="id"
                            url="../Handler/sync.ashx?t=get_sel_user_shop" value="id" multiselect="true" showclose="true" oncloseclick="onCloseClick">
                            <div property="columns">
                                <div header="店铺" field="name"></div>
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table id="showDesign" class="p_tb" border="0" cellspading="0" cellspacing="12" runat="server">
        </table>
        <div class="div_pic" style="display: none">
            <div class="pic">
                <img id="userPic" src="../images/no_photo.png" runat="server" style="width: 135px; height: 135px;" />
            </div>
            <div class="pic_tip">
                *图片大小不允许超过5MB.
            </div>
            <asp:FileUpload ID="txtFile" runat="server" />
        </div>

        <div id="shop_design" class="mini-window" title="店铺技能" style="width: 500px; height: 500px;">
            <div class="mini-toolbar" style="border-top: 0; border-left: 0; border-right: 0;">
                <a class="mini-button" iconcls="icon-save" plain="true" onclick="saveShopDesign()">保存</a>
            </div>
            <input id="shopId" type="hidden" />
            <table class="win_tb" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td class="td1">技能：</td>
                    <td class="td2">
                        <div id="txtShopDesign" class="mini-combobox" style="width: 300px;" popupwidth="300" textfield="name" valuefield="id"
                            url="../handler/sync.ashx?t=get_sel_product" value="id" multiselect="true" showclose="true">
                            <div property="columns">
                                <div header="全部" field="name"></div>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="td1"></td>
                    <td class="td2">
                        <div id="u-shopDesign"></div>
                    </td>

                </tr>
            </table>
        </div>
    </div>
</asp:Content>