platform-b2b/src/main/webapp/resources/tpl/index/purc/saved_tender.html

<!--  招标单  -->
<style>

    /* 标题 */
    .tender-label {
        /*height: 30px;*/
        /*margin-left: 10px;*/
        /*margin-right: 10px;*/
        /*background-color: #e8e8e8;*/
        /*box-shadow: 0 0 5px #6f6f6f;*/
        /*border-top-right-radius: 20px;*/
        width: 100%;
        height: 40px;
        line-height: 42px;
        background: url(static/img/comm_bg01.png) no-repeat center;
        background-size: 100%;

    }
    /* 主体 */
    .purc-tender {
        line-height: 2;
        font-family: "Microsoft Yahei Regular";
        font-size: 14px;
    }
    .purc-tender .row {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .tender-content {
        background-color: #fff;
    }

    .tender-content>div>div {
        margin-top: 3px;
        margin-bottom: 3px;
    }
    /* 二级标题栏 */
    .title-div {
        font-family: "Microsoft Yahei Regular";
        font-size: 14px;
        font-weight: 600;
        padding-left: 30px;
        height: 50px;
        padding-top: 11px;
    }

    /* 输入框前描述 */
    .tender-desc {
        width: 100px;
        float: left;
    }
    /* 输入框 */
    .tender-input {
        border: none;
        border-bottom: 1px solid #323232;
        text-align: center;
    }
    .tender-input:focus{
        outline:none;
        border-bottom: 1px solid #5078cb;
    }

    /* 收货地址 */
    .address-group {
        border-bottom: 1px solid #323232;
        border-bottom-left-radius: 0;
        margin-right: 20px;
    }
    .address-group>input:focus{
        outline: none;
    }

    /* 基本信息 */
    .base-info {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 30px;
        padding-top: 20px;
        margin-bottom: 0; /* 去除index中公共样式影响 */
    }

    /* 地址附加图标 */
    .address-addon {
        border: none;
        background: none;
    }

    /* 下拉选项 */
    .select-menu {
        margin: 4px;
        width: 100px;
        padding: 0 5%;
        height: 30px;
    }

    select {
        /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
        border: solid 1px #5078cb;

        /*很关键：将默认的select选择框样式清除*/
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;

        /*在选择框的最右侧中间显示小箭头图片*/
        background: url("resources/img/tender/select.png") no-repeat scroll right center transparent;


        /*为下拉小箭头留出一点位置，避免被文字覆盖*/
        padding-right: 14px;
    }


    /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
    select::-ms-expand { display: none; }

    /* 日期选择器 */
    .purc-tender .date-picker {
        padding-top: 10px;
    }
    .purc-tender .date-picker input {
        border-radius: 0;
        border: 1px solid #5078cb;
        border-right: none;
        font-size: 12px;
    }
    .purc-tender .date-picker span .btn-open {
        color: #fff;
        background-color: #5078cb;
        border-radius: 0;
        border: 1px solid #5078cb;
        border-left: none;
    }

    /* 修改本页内btn的样式 及datepicker中的btn-success的样式 */
    .tender-content .date-picker .btn {
        border-radius: 0;
    }

    .tender-content .date-picker .btn-success {
        background-color: #327EBE;
    }
    .tender-content .date-picker ul {
        border-radius: 0;
    }
    .tender-content .date-picker ul div:focus {
        outline: none;
        border-radius: 0;
        border: none;
    }

    /* 附件上传 */
    .purc-tender .base-info .attach-upload {
        display: inline;
    }
    .purc-tender .base-info .attach-upload input {
        height: 100px;
        width: 100px;
        margin: 6px 0 0 100px;
        opacity: 0;
        z-index: 1;
        position: relative;
    }
    .purc-tender .base-info .attach-upload input:hover {
        cursor: pointer;
    }
    .fileInputContainer{
        height:100px;
        background-image: url('resources/img/tender/upload.png');
        position:relative;
        width: 100px;
        margin-left: 100px;
        margin-top: 20px;
    }
    .fileInput{
        height:100px;
        font-size: 100px;
        position:absolute;
        margin-left: 100px;
        margin-top: 20px;
        right:0;
        top:0;
        opacity: 0;
        filter:alpha(opacity=0);
        cursor:pointer;
    }
    /* 图片点击上传 */
    /*.upload-bg {*/
    /*width: 100px;*/
    /*height: 100px;*/
    /*background-image: url('resources/img/tender/upload.png');*/
    /*margin-top: 10px;*/
    /*margin-left: 100px;*/
    /*border: 1px solid #e8e8e8;*/
    /*z-index: 2;*/
    /*}*/
    /* 供应商信息 添加供应商 */
    .vend-info  a.add-vendor {
        color: #5078cb;
    }
    .vend-info  a.add-vendor:hover {
        cursor: pointer;
        color: #55b6ff;
    }
    .vend-info  a.remove-vendor {
        color: #FF2E2F;
    }
    .vend-info  a.remove-vendor:hover {
        cursor: pointer;
        color: #D32526;
    }

    /* 单选框 复选框 */
    input[type="radio"],input[type="checkbox"] {
        vertical-align:text-bottom;
        margin-bottom:2px;
        margin-bottom:-2px\9;
    }
    .vend-info .input-select {
        float: left;
        padding-top: 4px;
        margin-left: -20px;
    }

    .vend-info .input-select input {
        margin-right: 8px;
    }

    /* 右下角按钮 */
    .tender-content>div {
        background-color: #fff;
    }
    .tender-content>div>div>button {
        width: 94px;
        height: 36px;
        font-size: 14px;
        font-family: "Microsoft Yahei Regular";
        color: #fff;
        border-radius: 0;
    }
    .tender-content>div>div.btn-publish>button {
        background-color: #327EBE;
    }
    .tender-content>div>div.btn-save>button {
        background-color: #32bebc;
    }


    .read-only {
        border: none;
        color: #969595;
    }

    .read-only:focus {
        border: none;
    }

    .attach-file {
        margin-left: 100px;
        width: 400px;
    }


    .com_head{width:100%;height:40px;line-height:42px;background:url(static/img/comm_bg01.png) no-repeat center;background-size: 100%;}
    .com_head span{margin-left:30px;color:#000;font-size:14px;}
    .com_head a{color:#327ebe;float:right;margin-right:40px;font-size: 14px;}
    .com_head a i{margin-left: 5px;line-height: 40px;}
    .com_head a:hover{color: #d2272d;}

    .com_title{width:100%;margin:0px auto;height:40px;line-height:40px;font-size:14px;color:#323232;background:#f5f5f5;}
    .com_title font{color:#327ebe;}


    .com_title01{height: 50px;line-height:50px;width:100%;border-bottom:#3578ba 1px dotted;border-top:#e8e8e8 1px solid;margin-top: -4px;} /*  这里修改过 margin-top*/
    .com_title01 span{margin-left:20px;font-size: 14px;line-height: 50px;color: #555;font-weight: bold;}

    .com_title01  a {
        color: #5078cb;
    }
    .com_title01  a:hover {
        cursor: pointer;
        color: #55b6ff;
    }

    /*招标单*/
    .tender-list02 dl{width: 100%;margin:0 auto;}
    .tender-list02 dl dt{width: 100%;margin:0 auto;height: 40px;}
    .tender-list02 dl dt span{height: 50px;line-height: 50px;display: inline-block;color: #999;}
    .tender-list02 dl dd{width: 100%;margin:0 auto;height: 50px;border-bottom: #ccc 1px dotted;overflow: hidden; position: relative;}
    .tender-list02 dl dd:hover{border: #d32526 1px solid;}
    .tender-list02 dl dd span{height: 50px;line-height: 50px;display: inline-block;}
    .tender-list02 dl span{width:11%;font-size: 14px;float: left;text-align: center;}
    .tender-list02 dl span.wid01{ width:22%;}
    .tender-list02 dl span.wid02{ width:18%;}
    .tender-list02 dl span.wid03{ width:5%;}
    .tender-list02 .editable{ text-align: center; width: 100%;}
    .tender-list02  .scroll-y dd input{width: 100%; height: 34px; border: none; font-size: 14px; padding-left: 4px; text-align: center; vertical-align: middle; line-height: 34px;}
    .tender-list02 dl span.wid03 a{ display: none;}
    .tender-list02 dl span.wid03 a.active{ display: inline-block;}
    .tender-list02 dl span.wid03 a i{width: 20px;height: 20px;display: inline-block;line-height: 20px;background: #d2272d;text-align: center;border-radius: 100%;color: #fff;}
    .tender-list02 .com_title01 a{float: right;margin-right: 45px;font-size: 14px;line-height: 50px;}
    .scroll-y{width: 100%;margin: 0 auto;max-height: 500px;}
    .scroll-y.active{overflow-y: scroll;  overflow-x: hidden;  }

</style>

<div class="ng-scope">
    <form name="tenderForm">
        <div class="purc-tender">
            <div class="com_title">服务>招标<font>>招标单</font></div>
            <!--<div class="loading in" ng-class="{'in': loading}">
            <i></i>
            </div>-->
            <div class="tender-label list-unstyled">
                <div class="com_head"><span>招标单</span></div>
            </div>
            <div class="tender-content ng-scope" ng-controller="PurcNewTenderCtrl">
                <div class="title-div" style="border-bottom: 1px dashed #327ebe;">
                    <span>基本信息</span>&nbsp;
                    <span style="color: rgb(211,37,38);">*</span>
                </div>
                <div class="row base-info">
                    <div class = "col-xs-4">
                        <div class="tender-desc">招标标题：</div>
                        <div ng-bind="tender.title"></div>
                    </div>
                    <div class = "col-xs-4">
                        <div class="tender-desc">联系人：</div>
                        <div ng-bind="tender.user"></div>
                    </div>
                    <div class = "col-xs-4">
                        <div class="tender-desc">联系电话：</div>
                        <div ng-bind="tender.userTel"></div>
                    </div>
                    <div class = "col-xs-4">
                        <div class="tender-desc">交易币别：</div>
                        <div ng-bind="tender.currency"></div>
                    </div>
                    <div class = "col-xs-4">
                        <div class="tender-desc">是否含税：</div>
                        <div ng-bind="tender.ifTax == 1 ? '是' : '否'"></div>
                    </div>
                    <div class="col-xs-12">
                        <div class="tender-desc">收货地址：</div>
                        <div ng-bind="tender.shipAddress"></div>
                        </span>
                    </div>
                    <div class="col-xs-4">
                        <span class="tender-desc">投标截止时间:</span>
                        <div ng-bind="tender.endDate | date:'yyyy-MM-dd'"></div>
                    </div>
                    <div class="col-xs-4">
                        <span class="tender-desc">公布结果时间:</span>
                        <div ng-bind="tender.publishDate | date:'yyyy-MM-dd'"></div>
                    </div>
                    <div class="col-xs-4">
                    </div>
                    <div class="col-xs-12">
                        <div class="tender-desc">招标文件：</div>
                        <div ng-if="tender.tenderAttaches.length" class="col-xs-8">
                            <a class="file" ng-repeat="attach in tender.tenderAttaches" href="file/{{attach.id}}">{{::attach.name}}</a>
                        </div>
                        <div ng-if="tender.tenderAttaches.length == 0">无</div>
                    </div>
                </div>

                <div class="wrap">
                    <div class="content">
                        <div class="tender-list02">
                            <!--产品信息-->
                            <div class="com_title01"><span>产品明细</span></div>
                            <dl>
                                <dt>
                                    <span>序号</span>
                                    <span class="wid01">产品名称</span>
                                    <span class="wid01">型号</span>
                                    <span class="wid02">品牌</span>
                                    <span>单位</span>
                                    <span>采购数量</span>
                                </dt>
                                <div class="scroll-y">
                                    <dd ng-repeat="prod in tender.purchaseTenderProds | orderBy : 'index'">
                                        <span>{{$index + 1}}</span>
                                        <span class="wid01" ng-bind="prod.prodTitle"></span>
                                        <span class="wid01" ng-bind="prod.prodCode"></span>
                                        <span class="wid02" ng-bind="prod.brand"></span>
                                        <span ng-bind="prod.unit"></span>
                                        <span ng-bind="prod.qty"></span>
                                    </dd>
                                </div>
                            </dl>
                        </div>
                    </div>
                </div>
                <div  class="title-div" style="border-bottom: 1px dashed #327ebe;">
                    <span>供应商信息</span>
                </div>
                <!--<div class="row vend-info">
                    <div class="col-xs-12">
                        <div class="tender-desc">是否开放报名：</div>
                        <div class="input-select col-xs-4">
                            <input  class="tender-input" name="ifOpen" type="radio" value="0" ng-model="tender.ifOpen"/>
                            <span>只允许我邀请的供应商参与</span>
                        </div>
                        <div class="input-select col-xs-4">
                            <input class="tender-input" name="ifOpen" type="radio" value="1" ng-model="tender.ifOpen"/>
                            <span>允许优软平台的供应商参与</span>
                        </div>
                    </div>
                    <div class="col-xs-12" ng-show="tender.ifOpen == 0">
                        <a class="add-vendor tender-desc" ng-click="dbfindVendor()" href="javascript:void(0)">
                            <i class="fa fa-plus-square"></i>添加供应商&nbsp;
                        </a>
                    </div>
                    <div class="col-xs-12" style="" ng-repeat="en in tenderProd.enterpriseBaseInfo" ng-show="tender.ifOpen == 0">
                        <div class="col-xs-2 control-label" style="width: 100px;">供应商{{$index + 1}}</div>
                        <div for="uu{{$index + 1}}" class="col-xs-1" style="width: 20px;">UU</div>
                        <div class="col-xs-2">
                            <input class="tender-input" ng-model="en.uu" type="number" id="uu{{$index + 1}}" readonly ng-required="tender.ifOpen == 0">
                        </div>
                        <div for="enName{{$index + 1}}" class="col-xs-1" style="width: 60px; margin-left: 20px; margin-right: -20px;">名称</div>
                        <div class="col-xs-3">
                            <input ng-model="en.enName" type="text" style="width: 100%;" class="tender-input" readonly id="enName{{$index + 1}}"
                                   ng-required="tender.ifOpen == 0">
                        </div>
                        <div class="col-xs-1">
                            <a class="remove-vendor" href="javascript:void(0)" ng-click="removeVendor($index)" title="删除"><i class="fa fa-trash-o"></i></a>
                        </div>
                    </div>
                    <div class="col-xs-12" style="border-bottom: 1px dashed #327ebe;">
                        <div class="tender-desc">供应商报名要求</div>
                    </div>
                    <div class="col-xs-12">
                        <div class="tender-desc">交易方式：</div>
                        <input class="tender-input" style="width: 80%; text-align: left;" required name="payment" type="text" ng-model="tender.payment" placeholder="必填，填写付款方式，如现金、月结30天等"/>
                    </div>
                    <div class="col-xs-2"></div>
                    <div class="col-xs-12">
                        <div class="tender-desc">发票要求：</div>
                        <div class="input-select col-xs-3">
                            <input class="tender-input"  name="invoiceType" type="radio" value="2" ng-model="tender.invoiceType"/>
                            <span>增值税专用发票</span>
                        </div>
                        <div class="input-select col-xs-3">
                            <input class="tender-input" name="invoiceType" type="radio" value="1" ng-model="tender.invoiceType" />
                            <span>增值税普通发票</span>
                        </div>
                        <div class="input-select col-xs-3">
                            <input class="tender-input"  name="invoiceType" type="radio" value="0" ng-model="tender.invoiceType" />
                            <span>不需要发票</span>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="tender-desc">证照要求：<span class="tender-desc" style="font-size: 12px; font-family: 'Microsoft Yahei'; color: #969595;margin-top:-10px;">（多选）</span></div>
                        <div class="input-select col-xs-3" ng-repeat="certificate in certificates">
                            <input type="checkbox" name="certificate" ng-model="certificate.checked" value="certificate">
                            <span ng-bind="certificate.name"></span>
                        </div>
                    </div>-->


                    <div class="row vend-info">
                        <div class="col-xs-12">
                            <div class="tender-desc">是否开放报名：</div>
                            <div>{{tender.ifOpen == 1 ? '允许优软平台的供应商参与' : '只允许我邀请的供应商参与'}}</div>
                        </div>
                        <div class="col-xs-12" ng-repeat="item in firstProd.saleTenderItems">
                            <div class="col-xs-2 control-label" style="width: 100px;">供应商{{$index + 1}}</div>
                            <div for="uu{{$index + 1}}" class="col-xs-1" style="width: 20px;">UU</div>
                            <div class="col-xs-2">
                                <div>{{item.saleTender.enterpriseBaseInfo.uu}}</div>
                            </div>
                            <div for="enName{{$index + 1}}" class="col-xs-1"
                                 style="width: 60px; margin-left: 20px; margin-right: -20px;">名称
                            </div>
                            <div class="col-xs-3">
                                <div>{{item.saleTender.enterpriseBaseInfo.enName}}</div>
                            </div>
                        </div>
                        <div class="col-xs-12" style="border-bottom: 1px dashed #327ebe;">
                            <div class="tender-desc">供应商报名要求</div>
                        </div>
                        <div class="col-xs-12">
                            <div class="tender-desc">交易方式：</div>
                            <div>{{tender.payment}}</div>
                        </div>
                        <div class="col-xs-2"></div>
                        <div class="col-xs-12">
                            <div class="tender-desc">发票要求：</div>
                            <div ng-if="tender.invoiceType == 3">增值税专用发票</div>
                            <div ng-if="tender.invoiceType == 2">增值税普通发票</div>
                            <div ng-if="tender.invoiceType == 1">不需要发票</div>
                        </div>
                        <div class="col-xs-12">
                            <div class="tender-desc">证照要求：
                            </div>
                            <div>
                                {{tender.certificate}}
                            </div>
                        </div>
                </div>
                <div class="col-xs-12" style="padding: 30px;">
                    <div class="col-xs-2 pull-right btn-publish">
                        <button class="btn" ng-click="publishSaved(tender.id)">发布</button>
                    </div>
                    <div class="col-xs-2 pull-right btn-delete">
                        <button class="btn btn-danger" ng-click="deleteThis(tender.id)">删除</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>