www-huanghe/modules/taskModule/views/dockingInput.html

<ion-view style="background-color:#fff" title="对接录入">
    <div class="bar bar-header bar-header-blue">
        <div class="button button-icon icon  pus_blue"></div>
        <button class="button button-icon  icon goback whiteGoBack noneContent" ng-click="gobackpage()"></button>
        <h1 class="bar_title" style="color: #fff">对接录入</h1>
    </div>

    <ion-content class="has-header" scroll="true" delegate-handle="privateContent"
                 style="margin:0 auto;max-width:20.5rem;background-color: #f2f2f2">
        <!--<ion-refresher pulling-text="" on-refresh="refreshData()" class="home_refresh  tabs_refresh" refreshing-text="" pulling-icon-color="#3385ff" refreshing-icon="ion-checkmark-circled" refreshing-icon-color="#3385ff"></ion-refresher>-->

        <div class="form-box">
            <div ng-repeat="list in formList" ng-init="outerIndex=$index"
                 ng-class="{'hole-row':true,'row-margin':list.rowMargin}" ng-click="selectItems(outerIndex)"
                 ng-show="formList[outerIndex-1].type!='toggle'||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='10501')">
                <div class="input-title"
                     ng-show="formList[outerIndex-1].type!='toggle'||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='10501')">
                    <sup ng-if='list.needed' style="color:red;">*</sup>
                    {{list.title}}
                    <span ng-if="list.type=='textarea'" style="width:100%;padding-left:5px;padding-top:5px;"><br><small
                            style="color:#aaa;font-size: 12px;margin-left:3px;">≤{{list.maxlength}}字</small></span>
                </div>
                <div class="input-box">
                    <!--普通输入框-->
                    <input ng-if="list.type=='input'" placeholder="{{list.placeholder}}"
                           ng-change="queryOrgName(outerIndex)" type="text" ng-model="list.content"
                           style="width:100%;border-radius:3px;padding:0 3px;"/>

                    <input ng-if="list.type=='select'||list.type=='selectDomain'||list.type=='affiliatedOrg'||list.type=='companyTaskSelect'"
                           placeholder="{{list.placeholder}}"
                           ng-disabled="list.type=='select'||list.type=='selectDomain'" type="text"
                           ng-model="list.content" style="width:100%;border-radius:3px;padding:0 3px;"/>

                    <!-- 对接时间 -->
                    <span ng-if="list.type=='date'"
                          ng-bind="list.content | datesubstring10"
                          ng-click="openDatePicker('date',outerIndex)" style="display: inline-block;height:100%;line-height:34px;width:49%;border-radius:3px;padding:0 3px;" ></span>

                    <!-- 选择项目箭头 -->
                    <i ng-if="list.type=='select'||list.type=='selectDomain'||list.type=='affiliatedOrg'||list.type=='companyTaskSelect'"
                       class=" ion-ios-arrow-down position-fix"></i>
                    <!-- 模糊查询下拉列表 -->
                    <ul ng-show="list.fuzzyQuery&&isRelateUl" class="isRelateUl"
                        style="overflow: visible;margin-left:5%">
                        <li ng-repeat="org in orgList track by $index" style="overflow: visible;">
                            <span ng-bind-html="ttt(org.name)" ng-click="setOrgName(org)">{{org.name}}</span>
                        </li>
                    </ul>
                    <!--输入框-->
                    <textarea ng-if="list.type=='textarea'" class="add_list_txt" ng-model="list.content"
                              placeholder="{{list.placeholder}}"
                              style="font-size:12px;display:inline-block;vertical-align: top;width:100%;padding:5px 0;margin-top:0;border-bottom:none;"></textarea>
                    <!--选择地区-->
                    <ul ng-if="list.type=='selectArea'">
                        <li ng-class="{'drop-down-box':true,'area-app':app}" ng-repeat="arealist in areaDropDown"
                            ng-init="innerIndex=$index"
                            ng-click="showAreaList(innerIndex,outerIndex,areaDropDown,'area')">
                            <i class="drop-down-icon icon ion-arrow-down-b"></i>
                            <input type="text" placeholder="{{arealist.title}}" disabled ng-model="arealist.selectName"
                                   style="width:100%;border-radius:3px;padding:0 3px;"/>
                        </li>
                    </ul>
                    <!--标签-->
                    <div class="lable-box" ng-if="list.recommend">
                        {{list.recommend}}：<span ng-repeat="label in list.recommendLable" ng-bind="label"
                                                 ng-click="selectLable(outerIndex,label)"></span>
                    </div>
                    <!--上传证明材料-->
                    <div ng-if="list.type=='upload'"
                         ng-show="formList[outerIndex-1].type!='toggle'||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='10501')"
                         style="width:100%;">
                        <img ng-show="list.doctype==4906" src="img/2018/raw_1533276639.png"
                             style="width:100%;max-width:250px">
                        <img ng-show="list.doctype==4907" src="img/2018/raw_1533276601.png"
                             style="width:100%;max-width:250px">
                        <a href="" class="upload-add" ng-click="addImage(outerIndex)">+</a>

                        <!--<span ng-if="list.remarkType=='normal'" style="font-size:12px;color:#BFC2D3;">每张小于2M,支持JPG/PNG等格式，最多上传5张，请上传清晰、最近的年审的证件扫描件或照片</span>-->
                        <span ng-if="list.remarkType=='normal'" style="font-size:12px;color:#BFC2D3;">每张小于2M,支持JPG/PNG等格式，最多上传5张</span>
                        <span ng-if="list.remarkType=='manage'" ng-click="alertInfo()"
                              style="font-size:12px;color:#BFC2D3;">每张小于2M,支持JPG/PNG等格式，最多上传5张。请下载<a
                                href="{{url?url:'javascript:;'}}" download="管理员认证申请公函.docx">《企业认证申请公函》</a>，并加盖企业公章(合同章，财务章无效)后扫描或拍照上传</span>
                        <!--<span ng-if="list.remarkType=='add'" style="font-size:12px;color:#BFC2D3;">每张小于2M,支持JPG/PNG等格式，最多上传5张。上传补充证明材料有利于认证审核通过，如奖状、奖杯、聘用书等</span>-->
                        <span ng-if="list.remarkType=='add'"
                              style="font-size:12px;color:#BFC2D3;">每张小于2M，支持JPG/PNG等格式。<br>建议：照片要有以下元素，如深入车间、座谈交流、企业标牌、实验室、企业研发中心等</span>
                        <span ng-if="list.remarkType=='identify'" style="font-size:12px;color:#BFC2D3;">每张小于2M</span>
                    </div>
                    <ion-scroll ng-if="list.type=='upload'"
                                ng-show="(list.imagelist.length>0&&formList[outerIndex-1].type!='toggle')||list.imagelist.length>0&&((formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='是')||(formList[outerIndex-1].type=='toggle'&&formList[outerIndex-1].content=='10501'))"
                                scroll="true" has-bouncing="true" direction="x" scrollbar-x="false"
                                delegate-handle="scrollimage" class="photo_div"
                                style="margin-right:10px;overflow-x:hidden;overflow-y:hidden;">
                        <a class="photo_img" ng-repeat="image in list.imagelist track by $index"
                           ng-init="imageIndex=$index">
                            <img ng-src="{{image.photoName | picturefilter}}" style="width:100%;height:85px;"
                                 class="back-img"/>
                            <span class="photo_delect delect_cammer"
                                  ng-click="deletePhoto(imageIndex,outerIndex)"></span>
                        </a>
                    </ion-scroll>
                    <input type="file" name="file" id="file" accept="image/*" ng-model="changeFile" multiple
                           style="display:none"/>
                    <!-- 切换开关 -->
                    <ion-toggle ng-if="list.type=='toggle'" ng-model="list.togglecontent"
                                style="position:absolute;top:-10px;left:0;width:70px; border: none;height: 48px;line-height: 48px;padding:0;font-size: 100%;color: #000;"
                                ng-change="watchIsChange(outerIndex)" ng-checked="list.togglecontent">
                        <!-- <span style="font-size:12px;color:#aaa">{{tmp.togglecontent?"是":"否"}}</span> -->
                        <span style="right:0" class="isactiveInfoWrap">{{list.togglecontent?"是":"否"}}</span>
                    </ion-toggle>
                </div>
            </div>
        </div>
        <div class="submit-section row-margin">
            <!--<button ng-click="submitForm()" ng-class="{'submit-button':true,'sbg-blue':isChecked}">提交认证</button>-->
            <button ng-click="submitTaskDocking()" class="submit-button sbg-blue">提交录入</button>
        </div>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
    </ion-content>
    <div ng-if="isWechat" ng-show="showMessage" class="container">
        <span class="message-box">{{messageTitle}}</span>
    </div>
</ion-view>

<style>
    .checkbox input, .checkbox-icon {
        opacity: 1 !important;
    }
</style>