<div class="bread" style="margin-left:0px;margin-bottom:10px;">
    <button class="reBackBtn" ng-click="back()">{{ '返回' | translate}}</button>
    <span class="pageName" style="width: unset;">
        {{!isDetailList?'投放账号授权':'关联明细-'+info.channelName+'-'+info.userName}}
    </span>
</div>
<div class="formDetailInfo" ng-show="!isDetailList">
    <div class="formDetailItem">
        <div class="iptlabel must">{{ '渠道' | translate}} :</div>
        <select-list keyid="cid" meau-info="channelList" meau-id="channelId" meau-data="channelInit" meau-name="channelInitName" style="width:158px;" operation-sel="!info"></select-list>
        <em class="error" ng-if="tip.channelId.status">{{tip.channelId.txt | translate}}</em>
        <div style="padding-left:105px;color:#666;margin-bottom: -25px;" ng-show="uniqueName==BDYS">{{ '百度ocpc和百度cpc同属百度原生渠道，且共用账号，因此只需要绑定一次即可。绑定后在报表数据会分开展示。' | translate}}</div>
    </div>
    <div class="tableList smalltable hm-scroll"  ng-show="uniqueName==GDT">
        <div class="tip">
            2018.5.25{{ '之前绑定的广点通账号需要重新授权，才可以正常使用。' | translate}}
        </div>
        <div class="tip" ng-show="accountList.length==0">
          {{ '您还未绑定广点通的投放账号，需要先到渠道管理中绑定投放账号。' | translate}}
          <span class="ckhand" ng-click="goPage('collect.channel')">{{ '去绑定' | translate}}</span>
        </div>
        <div class="tip" ng-show="accountList.length>0">
          {{ '请选择已绑定投放账号，点击授权后可直接应用于回本分析功能，' | translate}}
          {{ '如果没有需要绑定的账号，请先到渠道管理中绑定投放账号。' | translate}}
          <span class="ckhand" ng-click="goPage('collect.channel')">{{ '去绑定' | translate}}</span>
        </div>
        <table ng-show="accountList.length>0">
            <tr>
                <th>{{ '渠道别名' | translate}}</th>
                <th>{{ '投放账号' | translate}}</th>
                <th>{{ '应用' | translate}}</th>
                <th>{{ '操作' | translate}}</th>
            </tr>
            <tr ng-repeat="info in accountList track by $index">
                <td>{{info.alias}}</td>
                <td>{{info.name}}</td>
                <td>
                   <span>{{info.appList?info.appList.join('、'):'--'}}</span>
                </td>
                <td>
                  <div ng-if="info.apply==true">
                    已授权<div class="onOffBtn on" ng-click="disable(info)"></div>
                  </div>
                  <div ng-if="info.apply==false">
                    已停用<div class="onOffBtn" ng-click="add(info)"></div>
                  </div>
                </td>
            </tr>
        </table>
    </div>
    <!--头条输入项-->
    <!--<div ng-show="isTt">-->
        <div class="formDetailItem" style="margin-bottom: 15px;" ng-show="uniqueName==JRTT"><!--今日头条-->
            <div class="iptlabel must">{{ '账号ID:' | translate}}</div>
            <input type="text" class="iptform" ng-model="accountId" placeholder="请输入今日头条投放平台的登录账号ID" ng-disabled="testResult == resultList[0] || info">
            <em class="error" ng-if="tip.accountId.status">{{tip.accountId.txt | translate}}</em>
        </div>
        <div class="formDetailItem" ng-show="uniqueName==UCTT || uniqueName==BDYS">
            <div class="iptlabel must">{{ '账号:' | translate}}</div>
            <input type="text" class="iptform" ng-model="account" placeholder="请输入渠道的投放账号" ng-disabled="uniqueName==BDYS && ysInTest || info">
            <em class="error" ng-if="tip.account.status">{{tip.account.txt}}</em>
        </div>
        <div class="formDetailItem" ng-show="uniqueName==UCTT || uniqueName==BDYS">
            <div class="iptlabel must">{{ '密码:' | translate}}</div>
            <input type="password" class="iptform" ng-model="password" placeholder="请输入投放账号的密码" ng-disabled="uniqueName==BDYS && ysInTest" autocomplete="new-password">
            <em class="error" ng-if="tip.password.status">{{tip.password.txt}}</em>
            <div style="padding-left:105px;color:#666;margin-bottom: -25px">{{ '如果渠道投放账号密码有所修改，请及时更新，否则会导致数据无法获取。' | translate}}</div>
        </div>
        <div class="formDetailItem" style="margin-bottom: 15px;" ng-show="uniqueName==UCTT || uniqueName==JRTT || uniqueName==BDYS"><!--uc头条、百度原生、今日头条-->
            <div class="iptlabel must">{{ '渠道别名:' | translate}}</div>
            <input type="text" class="iptform" ng-model="channelAlias" placeholder="{{ uniqueName==UCTT || uniqueName==BDYS ? '建议填写可以区分不同投放账号的名称':'请输入渠道别名'}}" ng-disabled="testResult == resultList[0] || uniqueName==BDYS && ysInTest">
            <!--百度原生、今日头条：建议填写可以区分不同投放账号的名称-->
            <em class="error" ng-if="tip.channelAlias.status">{{tip.channelAlias.txt}}</em>
        </div>
        <div style="color: #666666;margin-bottom: 15px; margin-left: 105px;" ng-show="uniqueName==JRTT">
            要获取数据的账号id，详见<a href="{{docDomain}}巨量引擎.html" target="_blank">{{ '使用说明' | translate}}</a>。
        </div>
        <div class="formDetailItem"  ng-show="uniqueName==JRTT">
            <div class="iptlabel must">{{ '授权:' | translate}}</div>
            <div class="addChannelButton" ng-click="auth()" ng-show="!authResult">{{ '点击授权' | translate}}</div>
            <div class="addSuccess" style="display: inline-block;margin: 0px;margin-right: 5px;" ng-show="authResult=='success'" ><span class="matchOkIcon"></span>{{ '授权成功' | translate}}</div>
            <div class="addFailure" style="display: inline-block;margin: 0px;margin-right: 5px;"  ng-show="authResult=='failure'"><span class="matchNoIcon"></span>{{ '授权失败' | translate}}</div>
            <div class="addChannelButton" ng-click="reAuth()"  ng-show="authResult=='success'||authResult=='failure'">{{ '重新授权' | translate}}</div>
            <!--<div ng-if="pastStatus && editPower" class="addChannelButton" ng-click="empower()">{{ '重新授权' | translate}}</div>-->
            <em class="error" ng-if="tip.channelId.status">{{tip.state.txt}}</em>
        </div>
        <div class="formDetailItem" ng-show="uniqueName==UCTT || uniqueName==JRTT || uniqueName==BDYS">
            <div class="iptlabel must">{{ '连接测试:' | translate}}</div>
            <div class="iptform" style="border:none; width: 680px;padding-left: 0px;">
                <div class="addSuccess" style="margin: 0px;line-height: 34px;display: inline-block;margin-right: 5px;" ng-show="testResult==resultList[0]" ng-class="{'testResult': uniqueName==UCTT || uniqueName==BDYS}"><span class="matchOkIcon"></span>{{ '连接测试成功' | translate}}</div>
                <div class="addFailure" style="margin: 0px;line-height: 34px;display: inline-block;margin-right: 5px;" ng-show="testResult==resultList[1]" ng-class="{'testResult': uniqueName==UCTT || uniqueName==BDYS}"><span class="matchNoIcon"></span>{{ '连接测试失败' | translate}}</div>
                <div class="addChannelButton" ng-click="requestTest()" ng-class="{'asDisButton':uniqueName == JRTT && authResult!= resultList[0] || (uniqueName==UCTT || uniqueName==BDYS) && !password}" ng-show="testResult!= resultList[0] && (uniqueName==UCTT || uniqueName==BDYS ? !ysInTest: true)" ng-disabled="uniqueName == JRTT && authResult!= resultList[0] || (uniqueName==UCTT || uniqueName==BDYS) && !password">连接测试 <span ng-show="uniqueName==UCTT || uniqueName==BDYS">{{ '并保存' | translate}}</span></div>
                <div class="clockDiv" style="vertical-align: middle;" ng-show="(uniqueName==UCTT || uniqueName==BDYS) && ysInTest"><!---->
                    <div class="clock"></div>
                    <div class="second"></div>
                    <div class="hours"></div>
                </div>
                <span style="line-height: 34px;display: inline-block;vertical-align: top;" ng-show="(uniqueName==UCTT || uniqueName==BDYS) && ysInTest">{{ '连接测试中。。。' | translate}}</span>
            </div>

        </div>
    <!--</div>-->

    <!--<div ng-show="uniqueName=='uctoutiao' || uniqueName=='baiduyuansheng'">


        <div class="formDetailItem" ng-show="uniqueName=='baiduyuansheng' ">
            <div class="iptlabel must">{{ '连接测试' | translate}}:</div>
            <div class="iptform" style="border:none; width: 680px;padding-left: 0px;">

                <div class="addSuccess testResult" ng-show="testResult===resultList[0]"><span class="matchOkIcon"></span>{{ '连接测试成功' | translate}}</div>
                <div class="addFailure testResult" ng-show="testResult===resultList[1]"><span class="matchNoIcon"></span>{{ '连接测试失败' | translate}}</div>
                <div class="addChannelButton" ng-click="requestTestYuanSheng()" ng-class="{'asDisButton': !password }" ng-show="!ysInTest && testResult!= resultList[0]" style="vertical-align: top;">{{ '连接测试并保存' | translate}}</div>

            </div>

        </div>
    </div>-->
		<div class="formsaveBtnWrap clearfix">
        <div class="btn6" ng-click="back()">{{ '取消' | translate}}</div>
        <div class="btn5"  ng-click="submit()" ng-class="{'asDisButton':(!channelInit && !channelId) || (uniqueName == JRTT && testResult!= resultList[0]) || ((uniqueName==BDYS || uniqueName==UCTT) && testResult!= resultList[0]) }">{{ '完成' | translate}}</div>
	   </div>
</div>


<div class="chartWrap clearfix" ng-show="isDetailList">
    <div class="chartWrapItem grayhm">
        <div class="fixedTable" big-table fixed-col="1" info-list="infoList" fix-change="fixrefresh" initf5="initrefresh">
            <div class="tableHeader">
                <table>
                    <tr>
                        <th ng-repeat="title in detailList.name track by $index">
                            <div id="title_{{$index}}" ng-style="colsStyle[$index]" class="tditem">
                                {{title}}
                            </div>
                        </th>
                    </tr>
                </table>
            </div>
            <div class="tableInfo">
                <table>
                    <tr ng-repeat="info in detailList.val track by $index" ng-if="$index>flipPage.start && $index < flipPage.end">
                        <td title="{{info[detailList.columnkey[0]]}}">
                            <div ng-style="colsStyle[0]" class="tditem">
                                {{info[detailList.columnkey[0]]}}
                            </div>
                        </td>
                        <td ng-repeat="col in detailList.columnkey track by $index" ng-if="$index>0" ng-class="{'name':iscanSub(col)}">
                            <div ng-style="colsStyle[$index]" class="tditem" data="{{info}}" ng-click="clickSub(info,$event)">
                                {{info[col]}}
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <flip-info list-info="detailList" list-refresh="listf5" lang="lang"></flip-info>
    </div>
</div>

<div class="alphaDiv" id="alpLoad" ng-show="empowerType" style="z-index: 99;"></div>
<div class="dialogDescWin addWin" ng-class="{'myNotice':empowerType}">
    <div class="addText">
        {{ '授权完成前，请不要关闭此窗口。' | translate}}<br>
        {{ '授权完成后，请您根据授权情况点击下面按钮。' | translate}}
    </div>
    <div class="formAddWrap clearfix">
        <div class="btn6" ng-click="empowerError()">{{ '遇到问题' | translate}}</div>
        <div class="btn5" ng-click="empowerOK()">
            <span>{{ '授权完成' | translate}}</span>
        </div>
    </div>
</div>


<div class="cover tac" ng-show="result===-1 || result===-2">
    <!--<input type="text" class="iptform" autocomplete="new-password">-->
    <div style="" class="cover-promptDiv">
       <div class="closeGray" style="height: 40px;display: inline-block;float: right;position: relative;top:-20px;" ng-click="closePrompt()"></div>
       <div class="channelCIPTitle">
            <span >{{ '百度账号登录验证' | translate}}</span>
       </div>
       <p style="margin: 20px 0 -10px 100px;text-align: left;font-size: 12px;color: #777;">{{ '百度投放账号授权，需要进行如下验证' | translate}}</p>

       <div class="tipCont" style="text-align: left;padding:20px 20px 0 20px;" ng-show="result===-1">
            <div class="formDetailItem" style="margin-bottom: 0px;">
                <div class="iptlabel" style="width: 150px;">{{ '手机号码' | translate}}：</div>
                <input type="text" class="iptform" ng-model="iphone" placeholder="请输入手机号码" style="width: 220px;" autocomplete="off" ng-blur="verifyIphone()">
                <div class="wxAppAbled" style="vertical-align: middle;" ng-show="tipVerify.succ"></div>
                <em class="error" ng-show="tipVerify.iphone.status">{{tipVerify.iphone && tipVerify.iphone.txt}}</em>
            </div>
       </div>
       <div class="tipCont" style="text-align: left;padding:20px 20px 0 20px;"  ng-show="result===-1">
            <div class="formDetailItem" style="margin-bottom: 30px;">
                <div class="iptlabel" style="width: 150px;">{{ '验证码' | translate}}：</div>
                <input type="text" class="iptform" style="width: 130px;" placeholder="请输入验证码" ng-model="code" autocomplete="off" ng-disabled="!isSendCode">
                <div class="btn6 verCodeBtn" style="width: 80px;text-align: center;" ng-click="getVerCode()" ng-class="{'disButton':(second || second===0)}">{{(second || second===0) ? (second+'s') : '获取验证码'}}</div>
                <em class="error" ng-show="tipVerify.code.status">{{tipVerify.code && tipVerify.code.txt}}</em>
            </div>
       </div>
        <div class="tipCont" style="text-align: left;padding:20px 20px 0 20px;"  ng-show="result===-2">
            <div class="formDetailItem" style="margin-bottom: 0px;">
                <div class="iptlabel" style="width: 150px;">{{ '问题验证' | translate}}：</div>
                <!--<select type="text" class="iptform" style="width: 220px;" placeholder="请输入手机号码" ng-model="bb" autocomplete="off"></select>-->
                <select-list meau-info="questions" meau-id="questionId" keyname="question" meau-data="" meau-name="questionInitName" style="width:220px;"></select-list>
                <em class="error" ng-show="tipVerify.questionId.status">{{tipVerify.questionId && tipVerify.questionId.txt}}</em>
            </div>
       </div>
        <div class="tipCont" style="text-align: left;padding:20px 20px 0 20px;" ng-show="result===-2">
            <div class="formDetailItem" style="margin-bottom: 30px;">
                <div class="iptlabel" style="width: 150px;">{{ '问题答案' | translate}}：</div>
                <input type="text" class="iptform" style="width: 220px;" placeholder="{{ '请输入问题答案' | translate}}" ng-model="answer" autocomplete="off">
                <em class="error" ng-show="tipVerify.answer.status">{{tipVerify.answer && tipVerify.answer.txt}}</em>
            </div>
       </div>
       <div class="formsaveIP clearfix">
            <div class="btn6" ng-click="closePrompt()">{{ '取消' | translate}}</div>
            <div class="btn5" ng-click="submitVerify()">{{ '验证' | translate}}</div>
       </div>
    </div>
</div>