<div class="lg-con" >
  <div class="lg-nav">
    <div class="btn-group form-group-sm btn-mgl-10">
    按条件查询:
    </div>
    <div class="btn-group form-group-sm btn-mgl-10">
       <select class="form-control lg-w-120" id="plantypeid" plan-type-click>
          <option value="0">所有计划</option>
          <option value="1">已执行</option>
          <option value="5">正在执行</option>
          <option value="2">未执行</option>
          <option value="3">提醒执行</option>
          <option value="4">执行计划</option>
      </select>

    </div>
  </div>
  <div class="lg-wrap" scroller-all="120">

    <div class="list-wrap">
      <table class="table table-hover">
        <thead>
        <tr>
          <th></th>
          <th>计划主题</th>
          <th>类型</th>
          <th>分类名称</th>
          <th>执行周期</th>
          <th>执行时间</th>
          <th>状态</th>
          <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="listitem in listitems">
          <td width="5"></td>
          <td width="20%" style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 220px;" title="{{listitem.plantitle}}">{{listitem.plantitle}}</td>
          <td>{{listitem.plantype}}</td>
          <td ng-if="listitem.plan_differen != 11 && listitem.plan_differen != 12">
          	<span title="{{listitem.plan_grouptype}}">{{listitem.plan_groupname}}</span>
          </td>
          <td ng-if="listitem.plan_differen == 11 || listitem.plan_differen == 12">
          	<span title="{{listitem.plan_grouptype}}">个性营销</span>
          	<span style="color:#337ab7;cursor: pointer;" ng-click="load_moreDialog(listitem.plan_groupname)">更多 </span>
          </td>
          <td ng-if="listitem.plancycle!='特殊节日'" width="250">{{listitem.plancycle}}( <span class="color-red">{{listitem.plan_begintime}} ~ {{listitem.plan_endtime}}</span>)</td>
          <td ng-if="listitem.plancycle=='特殊节日'">{{listitem.plancycle}}</td>
          <td ng-if="listitem.plancycle!='特殊节日'">{{listitem.planweeks}} {{listitem.planexecutetime}}</td>
          <td ng-if="listitem.plancycle=='特殊节日'" title="{{listitem.specialtime}}">{{listitem.planweeks}} {{listitem.planexecutetime}}</td>
          <td>
          <label class="label label-success" ng-if="listitem.planstatus==1">已执行</label>
          <label class="label label-warning" ng-if="listitem.planstatus==0">未执行</label>
          <label class="label label-info" ng-if="listitem.planstatus==-1">正在执行</label>
          </td>
          <td>
            <div class="dropdown">
              <button id="dLabel1" class="btn btn-default btn-sm" data-toggle="dropdown" aria-haspopup="true"
                      aria-expanded="false">设置 <i class="caret"></i></button>
              <ul class="dropdown-menu animated swing dropdown-menu-right" aria-labelledby="dLabel1">
              	<li><a href="javascript:;" ng-click="toviewplans(listitem.planid,listitem.plantype,listitem.planweeks,
              	listitem.plan_begintime,listitem.plan_endtime,listitem.plancycle,listitem.plan_groupname,listitem.plan_differen)">
              	<i class="fa fa-eye"></i> 查看</a></li>
                <li ng-if="listitem.plantype == '执行' && listitem.planstatus != 1" role="separator" class="divider"></li>
                <li ng-if="listitem.plantype == '执行' && listitem.planstatus != 1"><a href="javascript:;" 
                ng-click="cancelplans(listitem.planid)"><i class="fa fa-ban"></i> 撤销</a></li>
                <li class="divider"></li>
                <li><a href="javascript:;" ng-click="delplans(listitem.planid)"><i class="fa fa-trash-o"></i> 删除</a></li>
              </ul>
            </div>
            <!--button class="btn btn-warning btn-sm"><i class="fa fa-envelope-o"></i> 再次发送</button-->
          </td>
        </tr>

        </tbody>
      </table>
    </div>
	<div style="line-height: 60px; text-align: center;" ng-show="listitems.length==0">暂无任务计划</div>
  </div>
</div>

<div id="dialog-plan" title="查看详细任务计划" style="display: none;">
   <div style="margin:6px;" id="planName_id"></div>
   <div style="margin:6px;" id="planName_week"></div>
    <table class="table table-hover">
        <thead>
        <tr>
            <th>发送时间</th>
            <th>发送模板</th>
            <th>是否执行</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="planlist in planlists">
            <td width="250"><span style="color:red">{{planlist.weekday}}</span>&nbsp;{{planlist.weeks}}&nbsp;{{planlist.plantime}}&nbsp;进行邮件发送</td>
            <td width="300" style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;max-width:300px">
               <span title='模板ID:{{planlist.modeid}}'>{{planlist.modename}}</span>
            </td>
            <td>
            <label class="label label-success" ng-if="planlist.isexecution==1">已执行</label>
            <label class="label label-warning" ng-if="planlist.isexecution==0">未执行</label>
            </td>
        </tr>
        <tr ng-if="planlists.length==0"><td colspan="3" style="text-align: center">暂无数据</td></tr>
        </tbody>
    </table>
</div>

<div id="dialog-delete" title="警告" style="display: none;">
    <div class="panel-body comfirm-delete">
    	<span>该计划删除后将无法恢复，请确认是否删除?</span>
    </div>
</div>

<div id="dialog-cancle" title="警告" style="display: none;">
    <div class="panel-body comfirm-delete">
    	<span>该计划撤销后将无法恢复，请确认是否撤销?</span>
    </div>
</div>

<!-- 个性营销更多-->
<div id="dialog-more" title="个性营销" style="display: none;">
    <div class="panel-body lg-mail">

        <table class="table table-mtb-0 lg-table-border-bottom addplantable">
            <tbody>
            <tr>
            	<td style="font-weight: bold;width:100px;">客户类型</td>
                <td>
                	{{cusType}}
                </td>
            </tr>
            <tr>
            	<td style="font-weight: bold;width:100px;">客户分类</td>
                <td>
                	{{cusCf}}
                </td>
            </tr>
            <tr>
            	<td style="font-weight: bold;width:100px;">客户状态</td>
                <td>
                	{{cusSt}}
                </td>
            </tr>
            <tr>
            	<td style="font-weight: bold;width:100px;">客户来源</td>
                <td>
                	{{cusFm}}
                </td>
            </tr>
            <tr>
            	<td style="font-weight: bold;width:100px;">客户星级</td>
                <td>
                	{{cusSr}}
                </td>
            </tr>
             <tr>
            	<td style="font-weight: bold;width:100px;">关联产品</td>
                <td>
                	{{cusPro}}
                </td>
            </tr>
            <tr>
            	<td style="font-weight: bold;width:100px;">采购偏好</td>
                <td>
                	{{cusPur}}
                </td>
            </tr>
            <tr>
            	<td style="font-weight: bold;width:100px;">入库时间</td>
                <td>
                   {{cusEn}}
                </td>
            </tr>
            <tr>
            	<td style="font-weight: bold;width:100px;">联系时间</td>
                <td>
                   {{cuslink}}
                </td>
            </tr>
            <tr>
            	<td style="font-weight: bold;width:100px;">未跟进时间</td>
                <td>
               		{{cusnofollow}}
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>