vue实战例子灵虚

查询管理
            <tr>
                <div style="display: flex;justify-content: space-between">
                <span>
                <th>事项名称:</th>
                <td>
                    <input type="text" id="actionname" style="width: 170px" placeholder="请输入事项名称">
                </td>
                </span>
                <span>
                <th>事项编号:</th>
                <td>
                    <input type="text" id="actioncode" style="width: 170px" placeholder="请输入事项编号">
                </td>
                </span>
                </div>
            </tr>
            <tr>
                <th>行政相对人:</th>
                <td>
                    <input type="text" id="administrativecp" style="width: 170px" placeholder="请输入行政相对人">
                </td>
            </tr>
            <tr >
                <td colspan="2">
                    <div class="result" style="margin-left: 20px">
                        <button class="sbtn research" v-on:click="querydata()" id="s1">
                            查询
                        </button>
                        <button class="resize" v-on:click="reset()" id="s2">重置</button>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>
     <span style="margin-left: 20px">其他管理</span>
    <div class="gridtable" style="margin-top: 20px">

            <table class="sttbale sttbalets sttbaletstable-style-one">
                <tbody>
                <tr>
                    <th scope="col" style="width:5%;">序号</th>
                    <th scope="col" style="width:30%;">事项名称:</th>
                    <th scope="col" style="width:16%;">事项编号</th>
                    <th scope="col" style="width:16%;">行政相对人</th>
                    <th scope="col" style="width:16%;">监管部门</th>
                    <th scope="col" style="width:10%;">提交日期</th>
                    <th scope="col" style="width:12%;">操作</th>
                </tr>
                <tr v-for="(row,index) in resultdata">
                    <td>
                        <span>{{(currentPage-1)*pageSize + index + 1}}</span>
                    </td>
                    <td>
                        <span class="showElll">{{row.actionname}}</span>
                    </td>
                    <td>
                        <span class="showElll">{{row.actioncode}}</span>
                    </td>
                    <td>
                        <span class="showElll">{{row.administrativecp}}</span>
                    </td>
                    <td>
                        <span class="showElll">{{row.superviseobject}}</span>
                    </td>
                    <td>
                        <span class="showElll">{{row.submitteddate}}</span>
                    </td>
                    <td>
                        <a  class="blueUrl" style="cursor: pointer;color: #1890ff" onclick="details(this)">
                            &nbsp;&nbsp;详情<span id="selectet" style="display: none">{{row.id}}</span>
                        </a>
                    </td>
                </tr>
                </tbody>
            </table>
        <div class="page">
            <zpagenav v-bind:page="currentPage" v-bind:page-size="pageSize" v-bind:total="total" v-on:pagehandler="GetRectification" style="float:right;">
            </zpagenav>
        </div>
</div>
行政处罚行为详情

返回
  • 处罚行为
  • 调查信息
  • 处罚证据
  • 事先告知
  • 听证信息
  • 决定信息
  • 执行信息
  • 结案信息
  • 救济信息
  • 行刑衔接信息
处罚行为名称: {{punishActionEntity.punishactionname}} 处罚决定书文号: {{punishActionEntity.checkactioncode}}
行政检查文书号: {{punishActionEntity.punisdocumentcode}}
行政相对人: {{punishActionEntity.administrativecp}} 行政相对人性质: {{punishActionEntity.administrativecpna}}
行政相对人证件类型: {{punishActionEntity.administrativecpcetype}} 行政相对人编码: {{punishActionEntity.administrativecpuicode}}
注册地址: {{punishActionEntity.addressregistered}} 经营地址: {{punishActionEntity.addressoperating}}
实施机构: {{punishActionEntity.implementinstitution}} 实施机构编码: {{punishActionEntity.implementinstitutioncode}}
受委托部门: {{punishActionEntity.entrustdept}} 受委托部门编号: {{punishActionEntity.entrustdeptcode}}
监管对象: {{punishActionEntity.superviseobject}} 监管对象唯一识别: {{punishActionEntity.superviseobjecttype}}
1、企业、个体户、农专社,请填写为企业统一社会信用代码;
2、非企业,请填写非企业编码#对象名称;
3、自然人,请填写身份证号;
4、特种设备,请填写生产企业统一社会信用代码产品品牌#设备编码;
5、特定产品(食品),请填写生产企业统一社会信用代码生产许可证编号生产批号;
6、特定产品(三种特殊食品),请填写生产企业统一社会信用代码食品生产许可证编号#生产批号;
7、特定产品为药品,请填写药品名称#准文号牲生产批号;
8、特定产品为化妆品,请填写产品名称a批准文号或备窝号#产品批号;
9,特定产品为医疗器械,请填写产品名称产品注册证号批号;
10,为场地场所,请填写场地场所名称所在地区11.上传为《7.6监管对象信息要素表》时,填写监管信息要素表的监管对象唯一标识。

监管目录子项

序号项目名称项目编号
{{index+1}}{{row.subitemname}}{{row.subitemcode}}
案件来源: {{punishActionEntity.casesource}} 处罚程序: {{punishActionEntity.punishprocedure}}
立案文书号: {{punishActionEntity.punisdocumentcode}} 立案批准日期: {{punishActionEntity.filingdate}}
            </div>
            <div class="scrollbox" v-show="tabtype==2">
                <table class="jbtable" border="0">
                    <thead>
                    <tr>
                        <th style="width: 100px;">序号</th>
                        <th>调查日期</th>
                        <th>调查人</th>
                        <th>调查对象</th>
                        <th>调查地点</th>
                        <th>采取的现场措施</th>
                    </tr>
                    </thead>
                    <tbody id="yf_inits">
                    <tr v-for="(item1,index) in investigationEntityList"  id="jgsxDate" class="ddd"   style="border: 0px solid #0a173e;">
                        <td style="width:100px;">
                            {{index+1}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                          {{item1.investigationdate}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.investigationname}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.investigationobject}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.investigationaddress}}
                        </td>

                        <td style="border: 0px solid #0a173e;">
                            {{item1.investigationmeasures}}
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==3">
                <table class="jbtable" border="0">
                    <tr>
                        <th style="width: 100px;">序号</th>
                        <th>证据类型</th>
                        <th>证据来源</th>
                        <th>取证人</th>
                        <th>取证时间</th>
                        <th>取证地点</th>
                    </tr>
                    <tr v-for="(item1,index) in evidenceEntityList"  id="jgsxDate" class="ddd"   style="border: 0px solid #0a173e;">
                        <td style="width:100px;">
                            {{index+1}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.punishmentype}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.punishmensource}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.punishmenobject}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.punishmendate}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.punishmenaddress}}
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==4">
                <table class="checktable">
                    <tr>
                        <th>调查终结日期:</th>
                        <td>
                            {{informAnvanceEntity.checkedate}}
                        </td>
                        <th>告知日期:</th>
                        <td>
                            {{informAnvanceEntity.advancedate}}
                        </td>
                    </tr>
                    <tr>
                        <th>告知方式:</th>
                        <td>
                            {{informAnvanceEntity.advancetype}}
                        </td>
                        <th>告知处罚种类:</th>
                        <td>
                            {{informAnvanceEntity.advancesource}}
                        </td>
                    </tr>
                    <tr>
                        <th>权力告知:</th>
                        <td colspan="3">
                            <textarea style="resize: none" disabled>{{informAnvanceEntity.advancenote}}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>事先告知文书号:</th>
                        <td>
                            {{informAnvanceEntity.advancenumber}}
                        </td>
                    </tr>
                    <tr>
                        <th>送达日期:</th>
                        <td>
                            {{informAnvanceEntity.servicedate}}
                        </td>
                        <th>送达方式:</th>
                        <td>
                            {{informAnvanceEntity.servicetype}}
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==5">
                <table class="checktable">
                    <tr>
                        <th>是否听证:</th>
                        <td colspan="3">
                            {{hearingInformEntity.ishearing}}
                        </td>
                    </tr>
                    <tr>
                        <th>申请听证日期:</th>
                        <td>
                            {{hearingInformEntity.applyhearingdate}}
                        </td>
                        <th>通知送达日期:</th>
                        <td>
                            {{hearingInformEntity.servicedate}}
                        </td>
                    </tr>
                    <tr>
                        <th>公告发布日期:</th>
                        <td colspan="3">
                            {{hearingInformEntity.advancedate}}
                        </td>
                    </tr>
                    <tr>
                        <th>听证方式:</th>
                        <td>
                            {{hearingInformEntity.hearingtype}}
                        </td>
                        <th>举行日期:</th>
                        <td>
                            {{hearingInformEntity.conductdate}}
                        </td>
                    </tr>
                    <tr>
                        <th>听证地点:</th>
                        <td>
                            {{hearingInformEntity.hearingaddress}}
                        </td>
                        <th>主持人:</th>
                        <td>
                            {{hearingInformEntity.hostname}}
                        </td>
                    </tr>
                    <tr>
                        <th>听证员:</th>
                        <td>
                            {{hearingInformEntity.hearingname}}
                        </td>
                        <th>记录人:</th>
                        <td>
                            {{hearingInformEntity.createname}}
                        </td>
                    </tr>
                    <tr>
                        <th>参加人:</th>
                        <td colspan="3">
                            <textarea style="resize: none" disabled>{{hearingInformEntity.joinname}}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>听证结论:</th>
                        <td colspan="3">
                            {{hearingInformEntity.hearingconclusion}}
                        </td>
                    </tr>
                    <tr>
                        <th>听证结果:</th>
                        <td colspan="3">
                            <textarea disabled style="resize: none">{{hearingInformEntity.hearingresult}}</textarea>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==6">
                <table class="checktable">
                    <tr>
                        <th>是否涉刑案件:</th>
                        <td>
                            {{decisionInformEntity.ispunishment}}
                        </td>
                        <th>是否刑事立案:</th>
                        <td>
                            {{decisionInformEntity.ispunishmentcase}}
                        </td>
                    </tr>
                    <tr>
                        <th>是否移送司法:</th>
                        <td>
                            {{decisionInformEntity.isjustice}}
                        </td>
                        <th>是否重大案件:</th>
                        <td>
                            {{decisionInformEntity.isimportentcase}}
                        </td>
                    </tr>
                    <tr>
                        <th>是否法制审核:</th>
                        <td>
                            {{decisionInformEntity.islegality}}
                        </td>
                        <th>是否集体讨论:</th>
                        <td>
                            {{decisionInformEntity.isdiscuss}}
                        </td>
                    </tr>
                    <tr>
                        <th>违法事实:</th>
                        <td colspan="3">
                            <textarea disabled style="resize: none">{{decisionInformEntity.illegalfacts}}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>违法依据:</th>
                        <td colspan="3">
                            <textarea disabled style="resize: none">{{decisionInformEntity.isdiscuss}}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>处罚依据:</th>
                        <td colspan="3">
                            <textarea disabled style="resize: none">{{decisionInformEntity.illegalbasis}}</textarea>
                        </td>
                    </tr>
                        <th>处罚文书号:</th>
                        <td>
                            {{decisionInformEntity.punishmentnumber}}
                        </td>
                        <th class="thstyle">做出处罚决定日期:</th>
                        <td>
                            {{decisionInformEntity.punishmentdate}}
                        </td>
                    </tr>
                    <tr>
                        <th>处罚结果:</th>
                        <td colspan="3">
                            <textarea disabled style="resize: none"> {{decisionInformEntity.punishmentresult}}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>送达日期:</th>
                        <td>
                            {{decisionInformEntity.servicedate}}
                        </td>
                        <th>送达方式:</th>
                        <td>
                            {{decisionInformEntity.servicetype}}
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==7">
                <table class="checktable">
                    <br>
                        <th class="thstyle">是否执行处罚决定:</th>
                        <td>
                            {{implementInformEntity==null?'':implementInformEntity.isimplement}}
                        </td>
                        <th>执行方式:</th>
                        <td>
                            {{implementInformEntity==null?'':implementInformEntity.implementtype}}
                        </td>
                    </tr>
                    <tr>
                        <th>是否分期:</th>
                        <td>
                            {{implementInformEntity==null?'':implementInformEntity.isstages}}
                        </td>
                        <th>是否延期:</th>
                        <td>
                            {{implementInformEntity==null?'':implementInformEntity.isdelay}}
                        </td>
                    </tr>
                    <tr>
                        <th>执行完成日期:</th>
                        <td>
                            {{implementInformEntity==null?'':implementInformEntity.implementdate}}
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==8">
                <table class="checktable">
                    <tr>
                        <th>结案情况:</th>
                        <td colspan="3">
                            {{checkCaseInformEntity.casedescription}}
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>其他处理情况:</th>
                        <td colspan="3">
                            <textarea style="resize: none"disabled>{{checkCaseInformEntity.otherdescription}}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>移送日期:</th>
                        <td>
                            {{checkCaseInformEntity.movedate}}
                        </td>
                        <th>结案日期:</th>
                        <td>
                            {{checkCaseInformEntity.casedate}}
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==9">
                <table class="jbtable" border="0">
                    <tr>
                        <th style="width: 100px;">序号</th>
                        <th>救济类别</th>
                        <th>救济案件名称</th>
                        <th>开始日期</th>
                        <th>结束日期</th>
                        <th>办理机关</th>
                        <th>办理结果</th>
                    </tr>
                    <tr v-for="(item1,index) in reliefInformEntityList"  id="jgsxDate" class="ddd"   style="border: 0px solid #0a173e;">
                        <td style="width:100px;">
                            {{index+1}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.relieftype}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.reliefname}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.begindate}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.enddate}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.handlecompute}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            {{item1.handleresult}}
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==10">
                <table class="checktable">
                    <tr>
                        <th class="thstyle">司法机关类别:</th>
                        <td>
                            {{convergenceEntity==null?'':convergenceEntity.computetype}}
                        </td>
                        <th class="thstyle">司法机关处理结果:</th>
                        <td>
                            {{convergenceEntity==null?'':convergenceEntity.executionresult}}
                        </td>
                    </tr>
                    <tr>
                        <th class="thstyle">司法机关处理日期:</th>
                        <td>
                            {{convergenceEntity==null?'':convergenceEntity.executiondate}}
                        </td>
                    </tr>
                    <tr>
                        <th class="thstyle">司法机关处理说明:</th>
                        <td colspan="3">
                            <textarea style="resize: none"disabled>{{convergenceEntity==null?'':convergenceEntity.executiondescription}}</textarea>

                        </td>
                    </tr>
                </table>
            </div>
        </td>
    </tr>
    </tbody>
</table>
行政处罚行为
  • 处罚行为
  • 调查信息
  • 处罚证据
  • 事先告知
  • 听证信息
  • 决定信息
  • 执行信息
  • 结案信息
  • 救济信息
  • 行刑衔接信息
  • 全部提交
处罚行为名称: 处罚决定书文号:
行政检查文书号:
行政相对人: 行政相对人性质: --请选择-- {{row.cname}}
行政相对人证件类型: --请选择-- {{row.cname}} 行政相对人编码:
注册地址: 经营地址:
实施机构:
                        </td>
                        <th><label>*</label>告知日期:</th>
                        <td>
                            <input id="advancetalkdate" type="date" v-model="informAnvanceEntity.advancedate" style="border: 1px solid #D0D0D0" placeholder="告知日期"/>
                        </td>
                    </tr>
                    <tr>
                        <th>告知方式:</th>
                        <td>
                            <select v-model="informAnvanceEntity.advancetype">
                                <option value="口头">口头</option>
                                <option value="书面">书面</option>
                            </select>
                        </td>
                        <th>告知处罚种类:</th>
                        <td>
                            <select v-model="informAnvanceEntity.advancesource">
                                <option value="">--请选择--</option>
                                <option value="警告">警告</option>
                                <option value="罚款">罚款</option>
                                <option value="没收违法所得">没收违法所得</option>
                                <option value="没收非法财物(没收违法所得、没收非法财物为一条数据)">没收非法财物(没收违法所得、没收非法财物为一条数据)</option>
                                <option value="责令停产停业">责令停产停业</option>
                                <option value="暂扣或者吊销许可证">暂扣或者吊销许可证</option>
                                <option value="暂扣或者吊销执照(暂扣或者吊销许可证、暂扣或者吊销执照为一条数据)">暂扣或者吊销执照(暂扣或者吊销许可证、暂扣或者吊销执照为一条数据)</option>
                                <option value="行政拘留以及其他">行政拘留以及其他</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th>权力告知:</th>
                        <td colspan="3">
                            <textarea v-model="informAnvanceEntity.advancenote"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>事先告知文书号:</th>
                        <td>
                            <input type="text" v-model="informAnvanceEntity.advancenumber"/>
                        </td>
                    </tr>
                    <tr>
                        <th>送达日期:</th>
                        <td>
                            <input type="date" v-model="informAnvanceEntity.servicedate" style="border: 1px solid #D0D0D0" placeholder="送达日期"/>
                        </td>
                        <th>送达方式:</th>
                        <td>
                            <select v-model="informAnvanceEntity.servicetype">
                                <option value="">--请选择--</option>
                                <option value="直接送达">直接送达</option>
                                <option value="留置送达">留置送达</option>
                                <option value="委托送达">委托送达</option>
                                <option value="邮递送达">邮递送达</option>
                                <option value="公告送达">公告送达</option>
                            </select>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==5">
                <table class="checktable">
                    <tr>
                        <th>是否听证:</th>
                        <td>
                            <select id="ifhearingwitnesses" v-model="hearingInformEntity.ishearing">
                                <option value="是">是</option>
                                <option value="否">否</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>申请听证日期:</th>
                        <td>
                            <input id="applyhearingdate" type="date" v-model="hearingInformEntity.applyhearingdate" style="border: 1px solid #D0D0D0"/>
                        </td>
                        <th><label>*</label>通知送达日期:</th>
                        <td>
                            <input id="servicedates" type="date" v-model="hearingInformEntity.servicedate" style="border: 1px solid #D0D0D0"/>
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>公告发布日期:</th>
                        <td>
                            <input id="advancedate" type="date" v-model="hearingInformEntity.advancedate" style="border: 1px solid #D0D0D0;" />
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>听证方式:</th>
                        <td>
                            <select id="hearingtype" v-model="hearingInformEntity.hearingtype">
                                <option value="公开">公开</option>
                                <option value="非公开">非公开</option>
                            </select>
                        </td>
                        <th><label>*</label>举行日期:</th>
                        <td>
                            <input id="conductdate" type="date" v-model="hearingInformEntity.conductdate" style="border: 1px solid #D0D0D0" />
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>听证地点:</th>
                        <td>
                            <input id="hearingaddress" type="text" v-model="hearingInformEntity.hearingaddress"/>
                        </td>
                        <th><label>*</label>主持人:</th>
                        <td>
                            <input id="hostname" type="text" v-model="hearingInformEntity.hostname"/>
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>听证员:</th>
                        <td>
                            <input id="hearingname" type="text" v-model="hearingInformEntity.hearingname"/>
                        </td>
                        <th><label>*</label>记录人:</th>
                        <td>
                            <input id="createname" type="text" v-model="hearingInformEntity.createname"/>
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>参加人:</th>
                        <td colspan="3">
                            <textarea id="joinname" v-model="hearingInformEntity.joinname"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>听证结论:</th>
                        <td colspan="3">
                            <select id="hearingconclusion" v-model="hearingInformEntity.hearingconclusion">
                                <option value="未改变告知内容">
                                    未改变告知内容
                                </option>
                                <option value="改变告知内容">
                                    改变告知内容
                                </option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>听证结果:</th>
                        <td colspan="3">
                            <textarea id="hearingresult" v-model="hearingInformEntity.hearingresult"></textarea>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==6">
                <table class="checktable">
                    <tr>
                        <th><label>*</label>是否涉刑案件:</th>
                        <td>
                            <select id="caseinvolvingpunishment" v-model="decisionInformEntity.ispunishment">
                                <option value="是">是</option>
                                <option value="否">否</option>
                            </select>
                        </td>
                        <th><label>*</label>是否刑事立案:</th>
                        <td>
                            <select id="ispunishmentcase" v-model="decisionInformEntity.ispunishmentcase">
                                <option value="是">是</option>
                                <option value="否">否</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>是否移送司法:</th>
                        <td>
                            <select id="isjustice" v-model="decisionInformEntity.isjustice">
                                <option value="是">是</option>
                                <option value="否">否</option>
                            </select>
                        </td>
                        <th><label>*</label>是否重大案件:</th>
                        <td>
                            <select id="majorcase" v-model="decisionInformEntity.isimportentcase">
                                <option value="是">是</option>
                                <option value="否">否</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>是否法制审核:</th>
                        <td>
                            <select id="legalreview" v-model="decisionInformEntity.islegality">
                                <option value="是">是</option>
                                <option value="否">否</option>
                            </select>
                        </td>
                        <th><label>*</label>是否集体讨论:</th>
                        <td>
                            <select id="discusscollectively" v-model="decisionInformEntity.isdiscuss">
                                <option value="是">是</option>
                                <option value="否">否</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>违法事实:</th>
                        <td colspan="3">
                            <textarea id="illegalfact" v-model="decisionInformEntity.illegalfacts"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>违法依据:</th>
                        <td colspan="3">
                            <textarea v-model="decisionInformEntity.isimplement"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>处罚依据:</th>
                        <td colspan="3">
                            <textarea id="punishaccord" v-model="decisionInformEntity.illegalbasis"></textarea>
                        </td>
                    </tr>
                        <th><label>*</label>处罚文书号:</th>
                        <td>
                            <input id="punishmentnumber" v-model="decisionInformEntity.punishmentnumber"/>
                        </td>
                        <th><label>*</label>做出处罚</br>决定日期:</th>
                        <td>
                            <input id="punishmentdate" type="date" v-model="decisionInformEntity.punishmentdate" style="border: 1px solid #D0D0D0" />
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>处罚结果:</th>
                        <td colspan="3">
                            <textarea id="penaltyresult" v-model="decisionInformEntity.punishmentresult"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>送达日期:</th>
                        <td>
                            <input id="servicedate" type="date" v-model="decisionInformEntity.servicedate" style="border: 1px solid #D0D0D0" />
                        </td>
                        <th><label>*</label>送达方式:</th>
                        <td>
                            <select id="servicetype" v-model="decisionInformEntity.servicetype">
                                <option value="直接送达">直接送达</option>
                                <option value="留置送达">留置送达</option>
                                <option value="委托送达">委托送达</option>
                                <option value="邮递送达">邮递送达</option>
                                <option value="公告送达">公告送达</option>
                            </select>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==7">
                <table class="checktable">
                    <br>
                        <th>是否执行</br>处罚决定:</th>
                        <td>
                            <select v-model="implementInformEntity.isimplement">
                                <option value="是">是</option>
                                <option value="否">否</option>
                            </select>
                        </td>
                        <th>执行方式:</th>
                        <td>
                            <select v-model="implementInformEntity.implementtype">
                                <option value="主动履行">主动履行</option>
                                <option value="行政机关执行">行政机关执行</option>
                                <option value="申请法院强制执行">申请法院强制执行</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th>是否分期:</th>
                        <td>
                            <select v-model="implementInformEntity.isstages">
                                <option value="是">是</option>
                                <option value="否">否</option>
                            </select>
                        </td>
                        <th>是否延期:</th>
                        <td>
                            <select v-model="implementInformEntity.isdelay">
                                <option value="是">是</option>
                                <option value="否">否</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th>执行完成日期:</th>
                        <td>
                            <input type="date" v-model="implementInformEntity.implementdate" style="border: 1px solid #D0D0D0" />
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==8">
                <table class="checktable">
                    <tr>
                        <th><label>*</label>结案情况:</th>
                        <td colspan="3">
                            <textarea id="casesclosedexecutionresult" v-model="checkCaseInformEntity.casedescription"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <th><label>*</label>其他处理情况:</th>
                        <td colspan="3">
                            <textarea id="otherdisposals" v-model="checkCaseInformEntity.otherdescription"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <th>移送日期:</th>
                        <td>
                            <input id="deportationdate" type="date" v-model="checkCaseInformEntity.movedate" style="border: 1px solid #D0D0D0" />
                        </td>
                        <th><label>*</label>结案日期:</th>
                        <td>
                            <input id="administrativepenalties" type="date" v-model="checkCaseInformEntity.casedate" style="border: 1px solid #D0D0D0" />
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==9">
                <h1 class="check_title">
                    <span class="addcheck"  onclick="api.addCheckrelief()">添加</span>
                </h1>
                <table class="jbtable" border="0">
                    <tr>
                        <th style="width: 100px;">序号</th>
                        <th>救济类别</th>
                        <th>救济案件名称</th>
                        <th>开始日期</th>
                        <th>结束日期</th>
                        <th>办理机关</th>
                        <th>办理结果</th>
                        <th>操作</th>
                    </tr>
                    <tr v-for="(item1,index) in reliefInformEntityList"  id="jgsxDate" class="ddd"   style="border: 0px solid #0a173e;">
                        <td style="width:100px;">
                            {{index+1}}
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            <select style="width: 100px;" v-model="item1.relieftype">
                                <option value="行政复议">行政复议</option>
                                <option value="行政诉讼">行政诉讼</option>
                            </select>
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            <input style="border: 1px solid #D0D0D0"  v-model="item1.reliefname"  class="inputnode"  placeholder="救济案件名称">
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            <input type="date" v-model="item1.begindate" style="border: 1px solid #D0D0D0" placeholder="开始日期"/>
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            <input type="date" v-model="item1.enddate" style="border: 1px solid #D0D0D0" placeholder="结束日期"/>
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            <input  style="border: 1px solid #D0D0D0" v-model="item1.handlecompute"  class="inputnode"  placeholder="办理机关">
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            <input  style="border: 1px solid #D0D0D0" v-model="item1.handleresult"  class="inputnode"  placeholder="办理结果">
                        </td>
                        <td style="border: 0px solid #0a173e;">
                            <span>
                             <img src="../../Images/ruledel.png"  v-on:click="delrelief(index)"  height="20" width="20"/>
                            </span>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="scrollbox" v-show="tabtype==10">
                <table class="checktable">
                    <tr>
                        <th>司法机关类别:</th>
                        <td>
                            <select v-model="convergenceEntity.computetype">
                                <option value="公安机关">公安机关</option>
                                <option value="检察机关">检察机关</option>
                                <option value="人民法院">人民法院</option>
                            </select>
                        </td>
                        <th>司法机关</br>处理结果:</th>
                        <td>
                            <select v-model="convergenceEntity.executionresult">
                                <option value="立案">立案</option>
                                <option value="不予立案">不予立案</option>
                                <option value="移送检察机关">移送检察机关</option>
                                <option value="起诉">起诉</option>
                                <option value="不起诉">不起诉</option>
                                <option value="判决">判决</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <th>司法机关</br>处理日期:</th>
                        <td>
                            <input type="date" v-model="convergenceEntity.executiondate" style="border: 1px solid #D0D0D0" />
                        </td>
                    </tr>
                    <tr>
                        <th>司法机关</br>处理说明:</th>
                        <td colspan="3">
                            <textarea v-model="convergenceEntity.executiondescription"></textarea>
                        </td>
                    </tr>
                </table>
            </div>
        </td>
    </tr>
    </tbody>
</table>
检查子项选择
{{row.subitemname}}
查询 确定选择
序号检查名称检查编码

/! layer-v3.0.3 Web弹层组件 MIT License http://layer.layui.com/ By 贤心 /!function(p,w){var h,l,t=p.layui&&layui.define,k={getPath:function(){var a=document.scripts,a=a[a.length-1],b=a.src;if(!a.getAttribute(“merge”))return b.substring(0,b.lastIndexOf("/")+1)}(),config:{},end:{},minIndex:0,minLeft:[],btn:["\x26#x786E;\x26#x5B9A;","\x26#x53D6;\x26#x6D88;"],type:[“dialog”,“page”,“iframe”,“loading”,“tips”]},f={v:“3.0.3”,ie:function(){var a=navigator.userAgent.toLowerCase();return!!(p.ActiveXObject||“ActiveXObject"in p)&&((a.match(/msie\s(\d+)/)||[])[1]||“11”)}(),index:p.layer&&p.layer.v?1E5:0,path:k.getPath,config:function(a,b){return a=a||{},f.cache=k.config=h.extend({},k.config,a),f.path=k.config.path||f.path,“string”==typeof a.extend&&(a.extend=[a.extend]),k.config.path&&f.ready(),a.extend?(t?layui.addcss(“modules/layer/”+a.extend):f.link(“skin/”+a.extend),this):this},link:function(a,b,c){if(f.path){var e=h(“head”)[0],d=document.createElement(“link”);“string”==typeof b&&(c=b);var g=“layuicss-”+(c||a).replace(/.|//g,”"),m=0;d.rel=“stylesheet”;d.href=f.path+a;d.id=g;h("#"+g)[0]||e.appendChild(d);“function"typeof b&&!function x(){return 80<++m?p.console&&console.error(“layer.css: Invalid”):void(1989=parseInt(h(”#"+g).css(“width”))?b():setTimeout(x,100))}()}},ready:function(a){return t?layui.addcss(“modules/layer/default/layer.css?v\x3d”+f.v+“303”,a,“skinlayercss”):f.link(“skin/default/layer.css?v\x3d”+f.v+“303”,a,“skinlayercss”),this},alert:function(a,b,c){var e=“function"typeof b;return e&&(c=b),f.open(h.extend({content:a,yes:c},e?{}:b))},confirm:function(a,b,c,e){var d=“function"typeof b;return d&&(e=c,c=b),f.open(h.extend({content:a,btn:k.btn,yes:c,btn2:e},d?{}:b))},msg:function(a,b,c){var e="function"typeof b,d=k.config.skin,d=(d?d+" “+d+”-msg":"")||“layui-layer-msg”,q=g.anim.length-1;return e&&(c=b),f.open(h.extend({content:a,time:3E3,shade:!1,skin:d,title:!1,closeBtn:!1,btn:!1,resize:!1,end:c},e&&!k.config.skin?{skin:d+" layui-layer-hui",anim:q}:(b=b||{},(-1=b.icon||b.icon=w&&!k.config.skin)&&(b.skin=d+” “+(b.skin||“layui-layer-hui”)),b)))},load:function(a,b){return f.open(h.extend({type:3,icon:a||0,resize:!1,shade:.01},b))},tips:function(a,b,c){return f.open(h.extend({type:4,content:[a,b],closeBtn:!1,time:3E3,shade:!1,resize:!1,fixed:!1,maxWidth:210},c))}},n=function(a){var b=this;b.index=++f.index;b.config=h.extend({},b.config,k.config,a);document.body?b.creat():setTimeout(function(){b.creat()},30)};n.pt=n.prototype;var g=“layui-layer .layui-layer-title .layui-layer-main .layui-layer-dialog layui-layer-iframe layui-layer-content layui-layer-btn layui-layer-close”.split(” “);g.anim=“layer-anim layer-anim-01 layer-anim-02 layer-anim-03 layer-anim-04 layer-anim-05 layer-anim-06”.split(” “);n.pt.config={type:0,shade:.3,fixed:!0,move:g[1],title:”\x26#x4FE1;\x26#x606F;",offset:“auto”,area:“auto”,closeBtn:1,time:0,zIndex:19891014,maxWidth:360,anim:0,isOutAnim:!0,icon:-1,moveType:1,resize:!0,scrollbar:!0,tips:2};n.pt.vessel=function(a,b){var c=this.index,e=this.config,d=e.zIndex+c,f="object"typeof e.title,m=e.maxmin&&(1=e.type||2=e.type),f=e.title?’\x3cdiv class\x3d"layui-layer-title” style\x3d"’+(f?e.title[1]:"")+’"\x3e’+(f?e.title[0]:e.title)+"\x3c/div\x3e":"";return e.zIndex=d,b([e.shade?’\x3cdiv class\x3d"layui-layer-shade" id\x3d"layui-layer-shade’+c+’" times\x3d"’+c+’" style\x3d"’+(“z-index:”+(d-1)+"; background-color:"+(e.shade[1]||"#000")+"; opacity:"+(e.shade[0]||e.shade)+"; pointer-events: none;filter:alpha(opacity\x3d"+(100e.shade[0]||100e.shade)+");")+’"\x3e\x3c/div\x3e’:"",’\x3cdiv class\x3d"’+g[0]+(" layui-layer-"+k.type[e.type])+(0!=e.type&&2!=e.type||e.shade?"":" layui-layer-border")+" “+(e.skin||”")+’" id\x3d"’+g[0]+c+’" type\x3d"’+k.type[e.type]+’" times\x3d"’+c+’" showtime\x3d"’+e.time+’" conType\x3d"’+(a?“object”:“string”)+’" style\x3d"z-index: ‘+d+"; width:"+e.area[0]+";height:"+e.area[1]+(e.fixed?"":";position:absolute;")+’"\x3e’+(a&&2!=e.type?"":f)+’\x3cdiv id\x3d"’+(e.id||"")+’" class\x3d"layui-layer-content’+(0e.type&&-1!e.icon?" layui-layer-padding":"")+(3e.type?" layui-layer-loading"+e.icon:"")+’"\x3e’+(0e.type&&-1!e.icon?’\x3ci class\x3d"layui-layer-ico layui-layer-ico’+e.icon+’"\x3e\x3c/i\x3e’:"")+(1e.type&&a?"":e.content||"")+’\x3c/div\x3e\x3cspan class\x3d"layui-layer-setwin"\x3e’+function(){var a=m?’\x3ca class\x3d"layui-layer-min" href\x3d"javascript:;"\x3e\x3ccite\x3e\x3c/cite\x3e\x3c/a\x3e\x3ca class\x3d"layui-layer-ico layui-layer-max" href\x3d"javascript:;"\x3e\x3c/a\x3e’:"";return e.closeBtn&&(a+=’\x3ca class\x3d"layui-layer-ico ‘+g[7]+" “+g[7]+(e.title?e.closeBtn:4e.type?“1”:“2”)+’" href\x3d"javascript:;"\x3e\x3c/a\x3e’),a}()+"\x3c/span\x3e"+(e.btn?function(){var a="";“string"typeof e.btn&&(e.btn=[e.btn]);for(var b=0,d=e.btn.length;b<d;b++)a+=’\x3ca class\x3d"’+g[6]+b+’"\x3e’+e.btn[b]+"\x3c/a\x3e";return’\x3cdiv class\x3d"’+g[6]+" layui-layer-btn-"+(e.btnAlign||"")+’"\x3e’+a+"\x3c/div\x3e"}():"")+(e.resize?’\x3cspan class\x3d"layui-layer-resize"\x3e\x3c/span\x3e’:"")+"\x3c/div\x3e"],f,h(’\x3cdiv class\x3d"layui-layer-move"\x3e\x3c/div\x3e’)),this};n.pt.creat=function(){var a=this,b=a.config,c=a.index,e=b.content,d=“object"typeof e,q=h(“body”);if(!b.id||!h("#"+b.id)[0]){switch("string"typeof b.area&&(b.area=“auto”=b.area?["",""]:[b.area,""]),b.shift&&(b.anim=b.shift),6f.ie&&(b.fixed=!1),b.type){case 0:b.btn=“btn"in b?b.btn:k.btn[0];f.closeAll(“dialog”);break;case 2:e=b.content=d?b.content:[b.content||“http://layer.layui.com”,“auto”];b.content=’\x3ciframe scrolling\x3d”’+(b.content[1]||“auto”)+’" allowtransparency\x3d"true" id\x3d"’+g[4]+c+’" name\x3d"’+g[4]+c+’" onload\x3d"this.className\x3d’’;" frameborder\x3d"0" src\x3d"’+b.content[0]+’"\x3e\x3c/iframe\x3e’;break;case 3:delete b.title;delete b.closeBtn;-1=b.icon&&0=b.icon;f.closeAll(“loading”);break;case 4:d||(b.content=[b.content,“body”]),b.follow=b.content[1],b.content=b.content[0]+’\x3ci class\x3d"layui-layer-TipsG”\x3e\x3c/i\x3e’,delete b.title,b.tips="object"typeof b.tips?b.tips:[b.tips,!0],b.tipsMore||f.closeAll(“tips”)}a.vessel(d,function(f,y,l){q.append(f[0]);d?2b.type||4b.type?h(“body”).append(f[1]):e.parents(”."+g[0])[0]||(e.data(“display”,e.css(“display”)).show().addClass(“layui-layer-wrap”).wrap(f[1]),h("#"+g[0]+c).find("."+g[5]).before(y)):q.append(f[1]);h(".layui-layer-move")[0]||q.append(k.moveElem=l);a.layero=h("#"+g[0]+c);b.scrollbar||g.html.css(“overflow”,“hidden”).attr(“layer-full”,c)}).auto©;2b.type&&6f.ie&&a.layero.find(“iframe”).attr(“src”,e[0]);4b.type?a.tips():a.offset();b.fixed&&l.on(“resize”,function(){a.offset()😭/^\d+%KaTeX parse error: Undefined control sequence: \d at position 22: …(b.area[0])||/^\̲d̲+%/.test(b.area[1]))&&a.auto©;4==b.type&&a.tips()});0>=b.time||setTimeout(function(){f.close(a.index)},b.time);a.move().callback();g.anim[b.anim]&&a.layero.addClass(g.anim[b.anim]);b.isOutAnim&&a.layero.data(“isOutAnim”,!0)}};n.pt.auto=function(a){function b(a){a=e.find(a);a.height(d[1]-k-m-2*(0|parseFloat(a.css(“padding-top”))))}var c=this.config,e=h(”#"+g[0]+a);""===c.area[0]&&0<c.maxWidth&&(f.ie&&8>f.ie&&c.btn&&e.width(e.innerWidth()),e.outerWidth()>c.maxWidth&&e.width(c.maxWidth));var d=[e.innerWidth(),e.innerHeight()],k=e.find(g[1]).outerHeight()||0,m=e.find("."+g[6]).outerHeight()||0;switch(c.type){case 2:b(“iframe”);break;default:""===c.area[1]?c.fixed&&d[1]>=l.height()&&(d[1]=l.height(),b("."+g[5])):b("."+g[5])}return this};n.pt.offset=function(){var a=this.config,b=this.layero,c=[b.outerWidth(),b.outerHeight()],e=“object"typeof a.offset;this.offsetTop=(l.height()-c[1])/2;this.offsetLeft=(l.width()-c[0])/2;e?(this.offsetTop=a.offset[0],this.offsetLeft=a.offset[1]||this.offsetLeft):“auto”!a.offset&&(“t”=a.offset?this.offsetTop=0:“r”=a.offset?this.offsetLeft=l.width()-c[0]:“b”=a.offset?this.offsetTop=l.height()-c[1]:“l”=a.offset?this.offsetLeft=0:“lt”=a.offset?(this.offsetTop=0,this.offsetLeft=0):“lb”=a.offset?(this.offsetTop=l.height()-c[1],this.offsetLeft=0):“rt”=a.offset?(this.offsetTop=0,this.offsetLeft=l.width()-c[0]):“rb”=a.offset?(this.offsetTop=l.height()-c[1],this.offsetLeft=l.width()-c[0]):this.offsetTop=a.offset);a.fixed||(this.offsetTop=/% / . t e s t ( t h i s . o f f s e t T o p ) ? l . h e i g h t ( ) ∗ p a r s e F l o a t ( t h i s . o f f s e t T o p ) / 100 : p a r s e F l o a t ( t h i s . o f f s e t T o p ) , t h i s . o f f s e t L e f t = / /.test(this.offsetTop)?l.height()*parseFloat(this.offsetTop)/100:parseFloat(this.offsetTop),this.offsetLeft=/% /.test(this.offsetTop)?l.height()parseFloat(this.offsetTop)/100:parseFloat(this.offsetTop),this.offsetLeft=//.test(this.offsetLeft)?l.width()*parseFloat(this.offsetLeft)/100:parseFloat(this.offsetLeft),this.offsetTop+=l.scrollTop(),this.offsetLeft+=l.scrollLeft());b.attr(“minLeft”)&&(this.offsetTop=l.height()-(b.find(g[1]).outerHeight()||0),this.offsetLeft=b.css(“left”));b.css({top:this.offsetTop,left:this.offsetLeft})};n.pt.tips=function(){var a=this.config,b=this.layero,c=[b.outerWidth(),b.outerHeight()],e=h(a.follow);e[0]||(e=h(“body”));var d={width:e.outerWidth(),height:e.outerHeight(),top:e.offset().top,left:e.offset().left},f=b.find(".layui-layer-TipsG"),e=a.tips[0];a.tips[1]||f.remove();d.autoLeft=function(){0<d.left+c[0]-l.width()?(d.tipLeft=d.left+d.width-c[0],f.css({right:12,left:“auto”})):d.tipLeft=d.left};d.where=[function(){d.autoLeft();d.tipTop=d.top-c[1]-10;f.removeClass(“layui-layer-TipsB”).addClass(“layui-layer-TipsT”).css(“border-right-color”,a.tips[1])},function(){d.tipLeft=d.left+d.width+10;d.tipTop=d.top;f.removeClass(“layui-layer-TipsL”).addClass(“layui-layer-TipsR”).css(“border-bottom-color”,a.tips[1])},function(){d.autoLeft();d.tipTop=d.top+d.height+10;f.removeClass(“layui-layer-TipsT”).addClass(“layui-layer-TipsB”).css(“border-right-color”,a.tips[1])},function(){d.tipLeft=d.left-c[0]-10;d.tipTop=d.top;f.removeClass(“layui-layer-TipsR”).addClass(“layui-layer-TipsL”).css(“border-bottom-color”,a.tips[1])}];d.wheree-1;1=e?0>d.top-(l.scrollTop()+c[1]+16)&&d.where2:2=e?0<l.width()-(d.left+d.width+c[0]+16)||d.where3:3=e?0<d.top-l.scrollTop()+d.height+c[1]+16-l.height()&&d.where0:4=e&&0<c[0]+16-d.left&&d.where1;b.find("."+g[5]).css({“background-color”:a.tips[1],“padding-right”:a.closeBtn?“30px”:""});b.css({left:d.tipLeft-(a.fixed?l.scrollLeft():0),top:d.tipTop-(a.fixed?l.scrollTop():0)})};n.pt.move=function(){var a=this,b=a.config,c=h(document),e=a.layero,d=e.find(b.move),g=e.find(".layui-layer-resize"),m={};return b.move&&d.css(“cursor”,“move”),d.on(“mousedown”,function(a){a.preventDefault();b.move&&(m.moveStart=!0,m.offset=[a.clientX-parseFloat(e.css(“left”)),a.clientY-parseFloat(e.css(“top”))],k.moveElem.css(“cursor”,“move”).show())}),g.on(“mousedown”,function(a){a.preventDefault();m.resizeStart=!0;m.offset=[a.clientX,a.clientY];m.area=[e.outerWidth(),e.outerHeight()];k.moveElem.css(“cursor”,“se-resize”).show()}),c.on(“mousemove”,function(d){if(m.moveStart){var c=d.clientX-m.offset[0],g=d.clientY-m.offset[1],h=“fixed”=e.css(“position”);if(d.preventDefault(),m.stX=h?0:l.scrollLeft(),m.stY=h?0:l.scrollTop(),!b.moveOut){var h=l.width()-e.outerWidth()+m.stX,k=l.height()-e.outerHeight()+m.stY;c<m.stX&&(c=m.stX);c>h&&(c=h);g<m.stY&&(g=m.stY);g>k&&(g=k)}e.css({left:c,top:g})}b.resize&&m.resizeStart&&(c=d.clientX-m.offset[0],g=d.clientY-m.offset[1],d.preventDefault(),f.style(a.index,{width:m.area[0]+c,height:m.area[1]+g}),m.isResize=!0,b.resizing&&b.resizing(e))}).on(“mouseup”,function(a){m.moveStart&&(delete m.moveStart,k.moveElem.hide(),b.moveEnd&&b.moveEnd(e));m.resizeStart&&(delete m.resizeStart,k.moveElem.hide())}),a};n.pt.callback=function(){var a=this,b=a.layero,c=a.config;a.openLayer();c.success&&(2c.type?b.find(“iframe”).on(“load”,function(){c.success(b,a.index)}):c.success(b,a.index));6f.ie&&a.IE6(b);b.find("."+g[6]).children(“a”).on(“click”,function(){var e=h(this).index();0=e?c.yes?c.yes(a.index,b):c.btn1?c.btn1(a.index,b):f.close(a.index):!1=(c[“btn”+(e+1)]&&c"btn"+(e+1))||f.close(a.index)});b.find("."+g[7]).on(“click”,function(){!1=(c.cancel&&c.cancel(a.index,b))||f.close(a.index)});c.shadeClose&&h("#layui-layer-shade"+a.index).on(“click”,function(){f.close(a.index)});b.find(".layui-layer-min").on(“click”,function(){!1=(c.min&&c.min(b))||f.min(a.index,c)});b.find(".layui-layer-max").on(“click”,function(){h(this).hasClass(“layui-layer-maxmin”)?(f.restore(a.index),c.restore&&c.restore(b)):(f.full(a.index,c),setTimeout(function(){c.full&&c.full(b)},100))});c.end&&(k.end[a.index]=c.end)};k.reselect=function(){h.each(h(“select”),function(a,b){var c=h(this);c.parents("."+g[0])[0]||1c.attr(“layer”)&&1>h(”."+g[0]).length&&c.removeAttr(“layer”).show()})};n.pt.IE6=function(a){h(“select”).each(function(a,c){var b=h(this);b.parents("."+g[0])[0]||“none”===b.css(“display”)||b.attr({layer:“1”}).hide()})};n.pt.openLayer=function(){f.zIndex=this.config.zIndex;f.setTop=function(a){return f.zIndex=parseInt(a[0].style.zIndex),a.on(“mousedown”,function(){f.zIndex++;a.css(“z-index”,f.zIndex+1)}),f.zIndex}};k.record=function(a){var b=[a.width(),a.height(),a.position().top,a.position().left+parseFloat(a.css(“margin-left”))];a.find(".layui-layer-max").addClass(“layui-layer-maxmin”);a.attr({area:b})};k.rescollbar=function(a){g.html.attr(“layer-full”)==a&&(g.html[0].style.removeProperty?g.html[0].style.removeProperty(“overflow”):g.html[0].style.removeAttribute(“overflow”),g.html.removeAttr(“layer-full”))};p.layer=f;f.getChildFrame=function(a,b){return b=b||h("."+g[4]).attr(“times”),h("#"+g[0]+b).find(“iframe”).contents().find(a)};f.getFrameIndex=function(a){return h("#"+a).parents("."+g[4]).attr(“times”)};f.iframeAuto=function(a){if(a){var b=f.getChildFrame(“html”,a).outerHeight();a=h("#"+g[0]+a);var c=a.find(g[1]).outerHeight()||0,e=a.find("."+g[6]).outerHeight()||0;a.css({height:b+c+e});a.find(“iframe”).css({height:b})}};f.iframeSrc=function(a,b){h("#"+g[0]+a).find(“iframe”).attr(“src”,b)};f.style=function(a,b,c){a=h("#"+g[0]+a);var e=a.find(".layui-layer-content"),d=a.attr(“type”),f=a.find(g[1]).outerHeight()||0,m=a.find("."+g[6]).outerHeight()||0;a.attr(“minLeft”);d!==k.type[3]&&d!k.type[4]&&(c||(260>=parseFloat(b.width)&&(b.width=260),64>=parseFloat(b.height)-f-m&&(b.height=64+f+m)),a.css(b),m=a.find("."+g[6]).outerHeight(),d=k.type[2]?a.find(“iframe”).css({height:parseFloat(b.height)-f-m}):e.css({height:parseFloat(b.height)-f-m-parseFloat(e.css(“padding-top”))-parseFloat(e.css(“padding-bottom”))}))};f.min=function(a,b){var c=h("#"+g[0]+a),e=c.find(g[1]).outerHeight()||0,d=c.attr(“minLeft”)||181*k.minIndex+“px”,q=c.css(“position”);k.record©;k.minLeft[0]&&(d=k.minLeft[0],k.minLeft.shift());c.attr(“position”,q);f.style(a,{width:180,height:e,left:d,top:l.height()-e,position:“fixed”,overflow:“hidden”},!0);c.find(".layui-layer-min").hide();“page”=c.attr(“type”)&&c.find(g[4]).hide();k.rescollbar(a);c.attr(“minLeft”)||k.minIndex++;c.attr(“minLeft”,d)};f.restore=function(a){var b=h("#"+g[0]+a),c=b.attr(“area”).split(",");b.attr(“type”);f.style(a,{width:parseFloat(c[0]),height:parseFloat(c[1]),top:parseFloat(c[2]),left:parseFloat(c[3]),position:b.attr(“position”),overflow:“visible”},!0);b.find(".layui-layer-max").removeClass(“layui-layer-maxmin”);b.find(".layui-layer-min").show();“page”=b.attr(“type”)&&b.find(g[4]).show();k.rescollbar(a)};f.full=function(a){var b,c=h("#"+g[0]+a);k.record©;g.html.attr(“layer-full”)||g.html.css(“overflow”,“hidden”).attr(“layer-full”,a);clearTimeout(b);b=setTimeout(function(){var b=“fixed”=c.css(“position”);f.style(a,{top:b?0:l.scrollTop(),left:b?0:l.scrollLeft(),width:l.width(),height:l.height()},!0);c.find(".layui-layer-min").hide()},100)};f.title=function(a,b){h("#"+g[0]+(b||f.index)).find(g[1]).html(a)};f.close=function(a){var b=h("#"+g[0]+a),c=b.attr(“type”);if(b[0]){var e=function(){if(c=k.type[1]&&“object”=b.attr(“conType”)){b.children(":not(."+g[5]+")").remove();for(var d=b.find(".layui-layer-wrap"),e=0;2>e;e++)d.unwrap();d.css(“display”,d.data(“display”)).removeClass(“layui-layer-wrap”)}else{if(c=k.type[2])try{d=h("#"+g[4]+a)[0],d.contentWindow.document.write(""),d.contentWindow.close(),b.find("."+g[5])[0].removeChild(d)}catch(m){}b[0].innerHTML="";b.remove()}“function"typeof k.end[a]&&k.enda;delete k.end[a]};b.data(“isOutAnim”)&&b.addClass(“layer-anim-close”);h("#layui-layer-moves, #layui-layer-shade"+a).remove();6f.ie&&k.reselect();k.rescollbar(a);b.attr(“minLeft”)&&(k.minIndex–,k.minLeft.push(b.attr(“minLeft”)));f.ie&&10>f.ie||!b.data(“isOutAnim”)?e():setTimeout(function(){e()},200)}};f.closeAll=function(a){h.each(h(”."+g[0]),function(){var b=h(this);(a?b.attr(“type”)=a:1)&&f.close(b.attr(“times”))})};var r=f.cache||{},u=function(a){return r.skin?" “+r.skin+” “+r.skin+”-"+a:""};f.prompt=function(a,b){var c="";if(a=a||{},“function"typeof a&&(b=a),a.area)c=a.area,c=‘style\x3d"width: ‘+c[0]+"; height: "+c[1]+’;"’,delete a.area;var e,c=2a.formType?’\x3ctextarea class\x3d"layui-layer-input”’+c+"\x3e"+(a.value||"")+"\x3c/textarea\x3e":’\x3cinput type\x3d"’+(1a.formType?“password”:“text”)+’" class\x3d"layui-layer-input" value\x3d"’+(a.value||"")+’"\x3e’,d=a.success;return delete a.success,f.open(h.extend({type:1,btn:["\x26#x786E;\x26#x5B9A;","\x26#x53D6;\x26#x6D88;"],content:c,skin:“layui-layer-prompt”+u(“prompt”),maxWidth:l.width(),success:function(a){e=a.find(".layui-layer-input");e.focus();"function"typeof d&&d(a)},resize:!1,yes:function(d){var c=e.val();""=c?e.focus():c.length>(a.maxlength||500)?f.tips("\x26#x6700;\x26#x591A;\x26#x8F93;\x26#x5165;"+(a.maxlength||500)+"\x26#x4E2A;\x26#x5B57;\x26#x6570;",e,{tips:1}):b&&b(c,d,e)}},a))};f.tab=function(a){a=a||{};var b=a.tab||{},c=a.success;return delete a.success,f.open(h.extend({type:1,skin:“layui-layer-tab”+u(“tab”),resize:!1,title:function(){var a=b.length,d=1,c="";if(0<a)for(c=’\x3cspan class\x3d"layui-layer-tabnow"\x3e’+b[0].title+"\x3c/span\x3e";d<a;d++)c+="\x3cspan\x3e"+b[d].title+"\x3c/span\x3e";return c}(),content:’\x3cul class\x3d"layui-layer-tabmain"\x3e’+function(){var a=b.length,d=1,c="";if(0<a)for(c=’\x3cli class\x3d"layui-layer-tabli xubox_tab_layer"\x3e’+(b[0].content||“no content”)+"\x3c/li\x3e";d<a;d++)c+=’\x3cli class\x3d"layui-layer-tabli"\x3e’+(b[d].content||“no content”)+"\x3c/li\x3e";return c}()+"\x3c/ul\x3e",success:function(b){var d=b.find(".layui-layer-title").children(),e=b.find(".layui-layer-tabmain").children();d.on(“mousedown”,function(b){b.stopPropagation?b.stopPropagation():b.cancelBubble=!0;b=h(this);var d=b.index();b.addClass(“layui-layer-tabnow”).siblings().removeClass(“layui-layer-tabnow”);e.eq(d).show().siblings().hide();“function"typeof a.change&&a.change(d)});"function"typeof c&&c(b)}},a))};f.photos=function(a,b,c){function e(a,b,d){var c=new Image;return c.src=a,c.complete?b©:(c.οnlοad=function(){c.οnlοad=null;b©},void(c.οnerrοr=function(a){c.οnerrοr=null;d(a)}))}var d={};if(a=a||{},a.photos){var g=a.photos.constructor=Object,k=g?a.photos:{},l=k.data||[],n=k.start||0;d.imgIndex=(0|n)+1;a.img=a.img||“img”;var r=a.success;if(delete a.success,g){if(0=l.length)return f.msg(”\x26#x6CA1;\x26#x6709;\x26#x56FE;\x26#x7247;")}else{var t=h(a.photos),v=function(){l=[];t.find(a.img).each(function(a){var b=h(this);b.attr(“layer-index”,a);l.push({alt:b.attr(“alt”),pid:b.attr(“layer-pid”),src:b.attr(“layer-src”)||b.attr(“src”),thumb:b.attr(“src”)})})};if((v(),0=l.length)||(b||t.on(“click”,a.img,function(){var b=h(this).attr(“layer-index”);f.photos(h.extend(a,{photos:{start:b,data:l,tab:a.tab},full:a.full}),!0);v()}),!b))return}d.imgprev=function(a){d.imgIndex–;1>d.imgIndex&&(d.imgIndex=l.length);d.tabimg(a)};d.imgnext=function(a,b){d.imgIndex++;d.imgIndex>l.length&&(d.imgIndex=1,b)||d.tabimg(a)};d.keyup=function(a){if(!d.end){var b=a.keyCode;a.preventDefault();37=b?d.imgprev(!0):39=b?d.imgnext(!0):27=b&&f.close(d.index)}};d.tabimg=function(b){if(!(1>=l.length))return k.start=d.imgIndex-1,f.close(d.index),f.photos(a,!0,b)};d.event=function(){d.bigimg.hover(function(){d.imgsee.show()},function(){d.imgsee.hide()});d.bigimg.find(".layui-layer-imgprev").on(“click”,function(a){a.preventDefault();d.imgprev()});d.bigimg.find(".layui-layer-imgnext").on(“click”,function(a){a.preventDefault();d.imgnext()});h(document).on(“keyup”,d.keyup)};d.loadi=f.load(1,{shade:!(“shade"in a)&&.9,scrollbar:!1});e(l[n].src,function(b){f.close(d.loadi);d.index=f.open(h.extend({type:1,id:“layui-layer-photos”,area:function(){var c=[b.width,b.height],d=[h§.width()-100,h§.height()-100];!a.full&&(c[0]>d[0]||c[1]>d[1])&&(d=[c[0]/d[0],c[1]/d[1]],d[0]>d[1]?(c[0]/=d[0],c[1]/=d[0]):d[0]<d[1]&&(c[0]/=d[1],c[1]/=d[1]));return[c[0]+“px”,c[1]+“px”]}(),title:!1,shade:.9,shadeClose:!0,closeBtn:!1,move:”.layui-layer-phimg img",moveType:1,scrollbar:!1,moveOut:!0,isOutAnim:!1,skin:“layui-layer-photos”+u(“photos”),content:’\x3cdiv class\x3d"layui-layer-phimg"\x3e\x3cimg src\x3d"’+l[n].src+’" alt\x3d"’+(l[n].alt||"")+’" layer-pid\x3d"’+l[n].pid+’"\x3e\x3cdiv class\x3d"layui-layer-imgsee"\x3e’+(1<l.length?’\x3cspan class\x3d"layui-layer-imguide"\x3e\x3ca href\x3d"javascript:;" class\x3d"layui-layer-iconext layui-layer-imgprev"\x3e\x3c/a\x3e\x3ca href\x3d"javascript:;" class\x3d"layui-layer-iconext layui-layer-imgnext"\x3e\x3c/a\x3e\x3c/span\x3e’:"")+’\x3cdiv class\x3d"layui-layer-imgbar" style\x3d"display:’+(c?“block”:"")+’"\x3e\x3cspan class\x3d"layui-layer-imgtit"\x3e\x3ca href\x3d"javascript:;"\x3e’+(l[n].alt||"")+"\x3c/a\x3e\x3cem\x3e"+d.imgIndex+"/"+l.length+"\x3c/em\x3e\x3c/span\x3e\x3c/div\x3e\x3c/div\x3e\x3c/div\x3e",success:function(b,c){d.bigimg=b.find(".layui-layer-phimg");d.imgsee=b.find(".layui-layer-imguide,.layui-layer-imgbar");d.event(b);a.tab&&a.tab(l[n],b);“function”==typeof r&&r(b)},end:function(){d.end=!0;h(document).off(“keyup”,d.keyup)}},a))},function(){f.close(d.loadi);f.msg("\x26#x5F53;\x26#x524D;\x26#x56FE;\x26#x7247;\x26#x5730;\x26#x5740;\x26#x5F02;\x26#x5E38;\x3cbr\x3e\x26#x662F;\x26#x5426;\x26#x7EE7;\x26#x7EED;\x26#x67E5;\x26#x770B;\x26#x4E0B;\x26#x4E00;\x26#x5F20;\x26#xFF1F;",{time:3E4,btn:["\x26#x4E0B;\x26#x4E00;\x26#x5F20;","\x26#x4E0D;\x26#x770B;\x26#x4E86;"],yes:function(){1<l.length&&d.imgnext(!0,!0)}})})}};k.run=function(a){h=a;l=h§;g.html=h(“html”);f.open=function(a){return(new n(a)).index}};p.layui&&layui.define?(f.ready(),layui.define(“jquery”,function(a){f.path=layui.cache.dir;k.run(layui.jquery);p.layer=f;a(“layer”,f)})):“function”==typeof define&&define.amd?define([“jquery”],function(){return k.run(p.jQuery),f}):(k.run(p.jQuery),f.ready())}(window);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值