Design.cshtml 19 KB
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section header
    {
    <link rel="stylesheet" href="/css/treetable.css" />
    <link href="/js/taskdesign/GooFlow.css" rel="stylesheet" />
    <link href="/css/formpreview.css" rel="stylesheet" />
}
<style>
    html {
        background-size: cover;
    }

    table .layui-icon:hover {
        background: #fff;
        padding: 2px;
        border: #ddd 1px solid;
        background-color: rgb(127,199,197);
    }
</style>
<form class="layui-form layui-form-pane" action="" id="formEdit">
    <input type="hidden" name="Id" v-model="Id" />
    <div class="layui-row">
        <div class="layui-tab layui-tab-brief" lay-filter="mytab" style="margin: 0px">
            <ul class="layui-tab-title">
                <li id="tab1" lay-id="1" class="layui-this" style=""><span name="LP_TaskInfo"></span></li>
                <li id="tab2" lay-id="2" style="pointer-events:none; color:#A0A0A0;"><span name="LP_TaskDesign"></span></li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <div class="layui-form-item">
                        <label class="layui-form-label"><i style="color:red;font-size:14px;">*</i><span name="LP_TaskId"></span></label>
                        <div class="layui-input-inline" style="width:300px">
                            <input name="Taskid" v-model="Taskid" type="text" autocomplete="off" class="layui-input" lay-verify="required">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><i style="color:red;font-size:14px;">*</i><span name="LP_TaskGroup"></span></label>
                        <div class="layui-input-inline" style="width:300px">
                            <select name="Groupname" v-model="Groupname" data-model="Groupname" class="Selector" lay-filter="SelectGroupname" lay-verify="required"></select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><i style="color:red;font-size:14px;">*</i><span name="LP_TaskType"></span></label>
                        <div class="layui-input-inline" style="width:300px">
                            <select name="Typename" v-model="Typename" data-model="Typename" class="Selector" lay-filter="SelectTypename" lay-verify="required"></select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><i style="color:red;font-size:14px;">*</i><span name="LP_TaskName"></span></label>
                        <div class="layui-input-inline" style="width:80px">
                            <input name="_Groupname" type="text" class="layui-input" style="width:80px" disabled readonly>
                        </div>
                        <div class="layui-form-mid layui-word-aux">-</div>
                        <div class="layui-input-inline" style="width:80px">
                            <input name="_Typename" type="text" class="layui-input" style="width:80px" disabled readonly>
                        </div>
                        <div class="layui-form-mid layui-word-aux">-</div>
                        <div class="layui-input-inline" style="width:90px">
                            <input name="Col1" v-model="Col1" type="text" autocomplete="off" style="width:90px" class="layui-input" lay-verify="required">
                        </div>
                        <div class="layui-form-mid layui-word-aux"><span name="LP_TaskNameTip"></span></div>
                    </div>
                    <div hidden>
                        <label class="layui-form-label"></label>
                        <div class="layui-input-inline" style="width:300px">
                            <input name="Taskname" v-model="Taskname" type="text" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><i style="color:red;font-size:14px;">*</i><span name="LP_Tasklevel"></span></label>
                        <div class="layui-input-inline" style="width:300px">
                            <input name="Tasklevel" v-model="Tasklevel" type="text" autocomplete="off" class="layui-input" lay-verify="required">
                        </div>
                    </div>
                    <div hidden>
                        <label class="layui-form-label"></label>
                        <div class="layui-input-inline">
                            <input name="Col2" v-model="Col2" type="text" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div hidden>
                        <label class="layui-form-label"></label>
                        <div class="layui-input-inline">
                            <input name="Col3" v-model="Col3" type="text" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item" pane>
                        <label class="layui-form-label"><span name="LP_Description"></span></label>
                        <div class="layui-input-block" style="width:300px">
                            <textarea name="Description" v-model="Description"
                                      class="layui-textarea"></textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label"><i style="color:red;font-size:14px;">*</i><span name="LP_Next"></span></label>
                        <div class="layui-input-inline">
                            <button type="button" class="layui-btn layui-btn-disabled" id="btnApply" style="width:300px" lay-submit lay-filter=""><span name="LP_BtnTaskDesign"></span></button>
                        </div>
                    </div>
                </div>

                <div class="layui-tab-item">
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header" style="padding: 0 0px;">
                                <div class="layui-col-md12">
                                    <div class="layui-input-inline">
                                        <select name="ditu" v-model="ditu" style="background-color:#489C9C;" lay-filter="ditu">
                                        </select>
                                    </div>
                                    <div class="layui-input-inline">
                                        <table>
                                            <tr>
                                                <td style="width:30px;text-align:center;color:#ff8800;">
                                                    <i class="layui-icon ico_big" style="font-size:24px;">&#xe680;</i>
                                                </td>
                                                <td style="width:30px;text-align:center;color:#3892D3;">
                                                    <i class="layui-icon ico_small" style="font-size:24px;">&#xe67f;</i>
                                                </td>
                                                <td style="width:30px;text-align:center;color:#3892D3;">
                                                    <i class="layui-icon ico_reset" style="font-size:23px;">&#xe9aa;</i>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div id="treeDiv" style="width:455px;height:615px;position:absolute;right:0px;padding:10px;border-radius:2px;box-shadow: 1px 1px 50px rgba(0,0,0,.3);background:#fff;z-index:1000;display:inline-block;">
                                        <div class="layui-row">
                                            <div id="treeDiv1" class="layui-col-sm12" style="background-color:#eee;margin-bottom:20px;cursor:move;line-height: 31px;">
                                                <div id="TaskTitle" class="layui-col-sm6" style="text-align:left;font-size:18px;pointer-events: none;">
                                                    <span name="LP_TaskEdit"></span>
                                                </div>
                                                <div class="layui-col-sm5" style="text-align:center;line-height: 43px;height: 31px;font-size: 16px;pointer-events: none;">
                                                    <span name="LP_EditTip"></span>
                                                </div>
                                                <div class="layui-col-sm1" style="text-align:right;height: 31px;line-height:31px;">
                                                    <a href="javascript:;" class="SwitchRegion"><i class="layui-icon" data-icon="" style="font-size:24px">&#xe663;</i></a>
                                                </div>
                                            </div>

                                            <div id="SwitchRegion" style="display:normal;">
                                                <div hidden>
                                                    <label class="layui-form-label">Id</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" name="Edit_Id" v-model="Edit_Id"
                                                               placeholder="Id" autocomplete="off" class="layui-input" readonly>
                                                    </div>
                                                </div>
                                                <div hidden>
                                                    <label class="layui-form-label">X</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" name="Edit_Left" v-model="Edit_Left" style="width:120px"
                                                               placeholder="X" autocomplete="off" class="layui-input" readonly>
                                                    </div>
                                                </div>
                                                <div hidden>
                                                    <label class="layui-form-label">Y</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" name="Edit_Top" v-model="Edit_Top" style="width:120px"
                                                               placeholder="Y" autocomplete="off" class="layui-input" readonly>
                                                    </div>
                                                </div>
                                                <div class="layui-col-sm12">
                                                    <label class="layui-form-label"><span name="LP_RFID"></span></label>
                                                    <div class="layui-input-block">
                                                        <input type="text" name="Edit_RFID" v-model="Edit_RFID"
                                                              autocomplete="off" class="layui-input" readonly>
                                                    </div>
                                                </div>
                                                <div class="layui-col-sm12">
                                                    <label class="layui-form-label"><span name="LP_RFIDName"></span></label>
                                                    <div class="layui-input-block">
                                                        <input type="text" name="Edit_Name" v-model="Edit_Name"
                                                               autocomplete="off" class="layui-input" readonly>
                                                    </div>
                                                </div>
                                                <div class="layui-col-sm12">
                                                    <label class="layui-form-label"><span name="LP_Location"></span></label>
                                                    <div class="layui-input-block">
                                                        <input type="text" name="Edit_XY" v-model="Edit_XY"
                                                               placeholder="(X,Y)" autocomplete="off" class="layui-input" readonly>
                                                    </div>
                                                </div>
                                                <div class="layui-col-sm6">
                                                    <label class="layui-form-label"><span name="LP_Action"></span></label>
                                                    <div class="layui-input-block" style="width:110px;">
                                                        <select name="Edit_Action" lay-filter="SelectEditAction">
                                                            <option value="取" selected="selected">取</option>
                                                            <option value="放">放</option>
                                                            <option value="停">停</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="layui-col-sm6" id="div_Edit_Sec" style="display:none">
                                                    <label class="layui-form-label"><span name="LP_Sec"></span></label>
                                                    <div class="layui-input-inline" style="width:116px;">
                                                        <input type="text" name="Edit_Sec" v-model="Edit_Sec"
                                                               placeholder="Y" autocomplete="off" class="layui-input">
                                                    </div>
                                                </div>
                                                <div class="layui-col-sm12" style="text-align:right">
                                                    <div class="layui-input-inline">
                                                        <button type="button" class="layui-btn" id="btnAddRFID"><span name="LP_AddRFID"></span></button>
                                                    </div>
                                                </div>
                                                <div class="layui-col-sm12" style="text-align:left;background-color:#eee;height:40px;line-height:40px;font-size:16px;padding-left: 20px;">
                                                    <span name="LP_PointList"></span>
                                                </div>
                                                <div class="layui-col-sm12">
                                                    <table id="mainList" lay-filter="mainList"></table>
                                                </div>
                                                <div class="layui-col-sm12" style="text-align:right">
                                                    <div class="layui-input-inline">
                                                        <button type="button" class="layui-btn" id="btnDeleteLast"><span name="LP_DeletePoint"></span></button>
                                                        <button type="button" class="layui-btn" id="btnPreview"><span name="LP_TaskPreview"></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="flowPanel" style="width:100%; height: 100%;"></div>
                            <div class="layui-col-md12 GooFlow" style="background-color:white;">
                                <table>
                                    <tr>
                                        <td style="width:70px;text-align:left"><span name="LP_IconInfo"></span></td>

                                        <td><i class="ico_user_rfid_yxd_0000" style="width:30px;height:30px;"></i></td>
                                        <td style="width:45px;text-align:left"><span name="LP_IconYXD"></span></td>
                                        <td style="width:80px;"><label class="layui-form-label" style="text-decoration: underline;text-align: left;" id="icon_yxd">0</label></td>

                                        <td><i class="ico_user_rfid_xzd_0000" style="width:30px;height:30px;"></i></td>
                                        <td style="width: 45px; text-align: left"><span name="LP_IconXZD"></span></td>
                                        <td style="width:80px;text-align:left"><label class="layui-form-label" style="text-decoration:underline;text-align:left;" id="icon_xzd">0</label></td>

                                        <td><i class="ico_user_rfid_xnd_0000" style="width: 30px;height: 30px;"></i></td>
                                        <td style="width:45px;text-align:left"><span name="LP_IconXND"></span></td>
                                        <td style="width:80px;text-align:left"><label class="layui-form-label" style="text-decoration:underline;text-align:left;" id="icon_xnd">0</label></td>

                                        <td><i class="ico_user_rfid_ztd_0000" style="width:30px;height:30px;"></i></td>
                                        <td style="width:45px;text-align:left"><span name="LP_IconZTD"></span></td>
                                        <td style="width:80px;text-align:left"><label class="layui-form-label" style="text-decoration:underline;text-align:left;" id="icon_ztd">0</label></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" lay-submit id="btnSubmit" lay-filter="formSubmit" />
</form>

<div id="PathForm" style="width:350px;height:50px;text-align:left;background-color:rgb(72,156,156);text-align:center; color:white;font-size:36px;font-weight:bold;border-left:solid 20px rgb(63,96,101);" hidden>
</div>

<script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="/productjs/task/TaskDesign.js?v=2020.08.24"></script>