platform-b2b/src/main/webapp/resources/tpl/index/approvalFlow/enterprise.html

<div class="loading" ng-class="{'in': loading}">
	<i></i>
</div>
<link rel="stylesheet" href="static/css/add.css " />
<style>
.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_head {
	width: 100%;
	height: 40px;
	line-height: 44px;
	background: url("static/img/approvalFlow/comm_bg01.png") no-repeat left;
	background-color: #f5f5f5;
	background-size: 100% 100%;
}

.com_head span {
	margin-left: 30px;
	color: #000;
	font-size: 14px;
}

.com_title01 {
	height: 50px;
	line-height: 50x;
	width: 100%;
	margin: 0 auto;
	border-bottom: #5078cb 1px dotted;
}

.com_title01 span {
	margin-left: 20px;
	font-size: 14px;
	line-height: 50px;
	color: #555;
	font-weight: bold;
}

.com_title01 a {
	margin-right: 20px;
	line-height: 50px;
}

#company .com-text {
	height: 35px;
	line-height: 35px;
}

#company .com-text .title {
	font-size: 14px;
	font-weight: inherit;
	color: #323232;
	width: 120px;
	padding-left: 20px;
}

#company .com-text .content {
	font-size: 14px;
	color: #969595;
}

#company .logo-load {
	width: 100px;
	height: 100px;
	background: url("static/img/purc/upload.png") no-repeat center;
	display: inline-block;
	border: #ccc 1px solid;
	float: left;
	margin-left: 0;
}

#company .logo-load input {
	width: 100px !important;
	height: 100px;
	filter: alpha(opacity = 0);
	-moz-opacity: 0;
	opacity: 0;
}

#company .logo-img {
	height: 100px;
}

#company .logo-img .well {
	float: left;
	width: 100px;
	height: 100px;
	background: #fff;
}

#company .input-group-addon {
	display: inline-block;
	height: 26px;
	width: 50px;
	float: left;
	margin-top: 5px;
}

#company .content {
	width: 72%;
	height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#company .form-control {
	border: #bfbfbf 1px solid;
	margin-top: 5px;
	font-size: 14px;
	border-radius: 3px;
}

#company .col-xs-4 p {
	color: #959595;
}

#company .col-xs-4 .title {
	padding: 0;
}

#company .row-sm {
	border-bottom: #e8e8e8 1px solid;
	padding-bottom: 20px;
}
#company .com-list .row-sm:hover{
	border: #d32526 2px solid;
}
.bule {
	color: #327ebe;
	font-size: 14px;
	padding-left: 20px;
}

.save-btn {
	width: 100%;
	height: 40px;
}

.save-btn .btn01 {
	border: 1px;
	width: 94px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	float: right;
	background: #327ebe;
	color: #fff;
	margin-right: 20px;
}

.com_title01 a.color01 {
	color: #d32526;
}

.com_title01 a.color02 {
	color: #3a89d1;
}

.com-list .row {
	position: relative;
}

.com-list .edit-icon {
	display: none;
}
.com-list .row:hover .edit-icon{
	display: inline-block;
}
.com-list .edit-icon {
	position: absolute;
	top: 10px;
	right: 0;
	width: 100px !important;
}

.com-list .content span {
	font-size: 14px;
}

.com-list .edit-icon a {
	width: 42px;
	height: 24px;
	display: inline-block;
	background: #8bc6f7;
	font-size: 12px;
	color: #fff;
	margin: 0 0 0 3px;
	float: left;
	border-radius: 1px;
	line-height: 24px;
	text-align: center;
}

.com-list .row:hover {
	border: #d32526 1px solid;
}

.com-list .edit-icon a:hover {
	background: #3a89d1;
}

.com_title01 a {
	color: #3a89d1;
	font-size: 14px;
	float: right;
}

.addrs-open a.open,.company-open a.open {
	float: right;
}

.addrs-open a.open i ,.company-open a.open i{
	margin-left: 5px;
}

.com_title01 {
	border-top: none;
}

.com-list {
	height: 186px;
	width: 100%;
	overflow: hidden;
}
.input-group-xs>.input-group-addon{
	border: #bfbfbf 1px solid;
}
</style>
<!--<div class="com_title">设置&gt;企业设置<font>&gt;企业信息</font></div>-->
<div class="com_head"><span>企业信息</span></div>
<div class="pane base-info" id="company">
	<div class="com_title01"><span>基本信息</span></div>
	<div class="pane-body">
		<div class="row row-sm item">
			<div class="col-xs-12">
				<div class="com-text col-xs-6">
					<span class="title">企业UU号：</span>
					<div class="content" ng-bind="::enterprise.uu"></div>
				</div>
				<div class="com-text col-xs-6">
					<span class="title">企业名称：</span>
					<div class="content" ng-bind="::enterprise.enName"></div>
				</div>
				<div class="com-text col-xs-6">
					<span class="title">企业简称：</span>
					<div class="content" ng-bind="::enterprise.enShortname"></div>
				</div>
				<div class="com-text col-xs-6">
					<span class="title">营业执照号：</span>
					<div class="content" ng-bind="::enterprise.enBussinessCode"></div>
				</div>
				<div class="com-text col-xs-6">
					<span class="title">注册地区：</span>
					<div class="content" ng-bind="::enterprise.enArea"></div>
				</div>
			</div>
			<!-- <div class="col-xs-4">
				<div class="com-text col-xs-12">
					<span class="title">企业LOGO:</span>
				</div>
				<div class="logo-img col-xs-12">
					<div class="well margin-b-0" style="display: none" >
						<div ng-show="previewShow">
							<img ng-show="previewShow" alt="营业执照复印件" src="{{imgPreview}}" width="200px" height="100px">
							<div>
								&nbsp;&nbsp;<span class="text-primary"><b>{{imgPreviewName}}</b></span>
							</div>
						</div>
						<div ng-show="pdfShow">
							<img ng-show="pdfShow" src="static/img/all/pdf.jpg" alt="PDF文件" width="30px" height="40px">
							&nbsp;&nbsp;<span class="text-primary"><b>{{imgPreviewName}}</b></span>
						</div>
						<div ng-show="noneFileShow">
							<span class="text-warning">请上传清晰照片的图片文件或PDF文件</span>
						</div>
					</div>
					<span class="logo-load">
						<input ng-file-select="" ng-model="myFiles" type="file" ng-multiple="false" id="enImage" name="enImage" placeholder="图片或PDF文件" class="ng-valid ng-touched ng-dirty ng-valid-parse">
					</span>
					<img src="static/img/all/user_empty.png" ng-click=showImageDialog()>
				</div>
				<div class="col-xs-12"><p>提示：请上传大小小于20K的PNG图片</p></div>
			</div> -->
		</div>
	</div>
	<div class="com_title01"><span>详细信息</span>
		<a ng-show="!connectionEditing" ng-click="connectionEditing = true" class="pull-right text-simple"><i
			class="fa fa-pencil fa-fw fa-lg"></i>编辑</a>
		<a ng-show="connectionEditing" ng-click="connectionEditing = false" class="pull-right text-simple color01"><i
				class="fa fa-reply-all fa-fw"></i>取消</a>
		<a ng-show="connectionEditing" ng-click="updateDetailInfo()" class="pull-right text-simple  color02"><i
				class="fa fa-save fa-fw"></i>保存</a>
	</div>
	<!--详细信息-->
	<div class="pane-body">
		<form name="detailForm">
			<div class="row row-sm item">
				<div class="col-xs-12">
					<div class="com-text col-xs-6">
						<span class="title">企业官网：</span><a ng-show="!connectionEditing" class="content"
														   ng-bind="::enterprise.enUrl" href="http://{{::enterprise.enUrl}}"
														   target="_blank"></a>
						<div class="content" ng-show="connectionEditing">
							<div class="input-group input-group-xs" style="width: 320px;">
								<span class="input-group-addon">http://</span>
								<input required="required" ng-model="enterprise.enUrl" type="text" class="form-control input-xs"  style="width: 270px;" placeholder="企业官方网站网址">
							</div>
						</div>
					</div>
					<div class="com-text col-xs-6">
						<span class="title">企业传真</span> <div ng-show="!connectionEditing" class="content"
															 ng-bind="::enterprise.enFax"></div>
						<div class="content" ng-show="connectionEditing">
							<div class="input-group input-group-xs" style="width: 320px;">
								<input required="required" ng-model="enterprise.enFax" type="text" class="form-control input-xs" placeholder="企业传真信息">
							</div>
						</div>
					</div>
				</div>
				<div class="col-xs-12">
					<div class="com-text col-xs-6">
						<span class="title">成立时间：</span>
						<div class="content" ng-show="connectionEditing">
							<input required="required" type="text" class="form-control input-xs" placeholder="成立时间" />
						</div>
					</div>
					<div class="com-text col-xs-6">
						<span class="title">员工人数：</span>
						<div class="content" ng-show="connectionEditing">
							<input required="required" type="text" class="form-control input-xs" placeholder="员工人数" />
						</div>
					</div>
				</div>
				<div class="col-xs-12">
					<div class="com-text col-xs-6">
						<span class="title">企业电话：</span>
						<div class="content" ng-show="connectionEditing">
							<input required="required" ng-model="enterprise.entel" type="text" class="form-control input-xs" placeholder="企业电话" />
						</div>
					</div>
					<div class="com-text col-xs-6">
						<span class="title">开户银行：</span>
						<div class="content" ng-show="connectionEditing">
							<input required="required" type="text" class="form-control input-xs" placeholder="开户银行" />
						</div>
					</div>
				</div>
				<div class="col-xs-12">
					<div class="com-text col-xs-6">
						<span class="title">经营范围：</span>
						<div class="content" ng-show="connectionEditing">
							<input required="required" type="text" class="form-control input-xs" placeholder="经营范围" />
						</div>
					</div>
					<div class="com-text col-xs-6">
						<span class="title">地址：</span>
						<div ng-show="!connectionEditing" class="content" ng-bind="::enterprise.enAddress"></div>
						<div class="content" ng-show="connectionEditing" style="width: 320px;">
							<input ng-model="enterprise.enAddress" placeholder="详细地址"
								   class="form-control input-xs" type="text" />
						</div>
					</div>
				</div>
				<div class="col-xs-12">
					<div class="com-text col-xs-6">
						<span class="title">行业：</span>
						<div ng-show="!connectionEditing" class="content">
							{{enterprise.enIndustry=='make'?'制造型':'贸易型'}}
						</div>
						<div class="content" ng-show="connectionEditing">
							<select ng-model="enterprise.enIndustry" placeholder="所属行业"
									class="form-control input-xs" type="text" style="width: 320px;">
								<option value="make">制造型</option>
								<option value="trade">贸易型</option>
							</select>
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
	<div class="com_title01"><span>企业管理员</span></div>
	<div class="pane-body">
		<form name="detailForm">
			<div class="row row-sm item">
				<div class="col-xs-12">
					<div class="com-text col-xs-6">
						<span class="title">姓名：</span>
						<div class="content" ng-bind="::enterprise.admin.userName">陈虎</div>
					</div>
					<div class="com-text col-xs-6">
						<span class="title">性别：</span>
						<div class="content">{{enterprise.admin.userSex === 'F' ? '女' : '男'}}</div>
					</div>
				</div>
				<div class="col-xs-12">
					<div class="com-text col-xs-6">
						<span class="title">电话：</span>
						<div class="content" ng-bind="::enterprise.admin.userTel"></div>
					</div>
					<div class="com-text col-xs-6">
						<span class="title">邮箱：</span>
						<div class="content" ng-bind="::enterprise.admin.userEmail"></div>
					</div>
				</div>
			</div>
		</form>
	</div>
	<div class="addrs-open com_title01"><span>收货人信息</span>
	<a href="javascript:void(0);" class="open" ng-if="ships.length>1">展开<i class="fa fa-angle-down"></i></a>
	<a ng-show="!connectionEditings"  class="pull-right add-address" href="javascript:void(0);">+新增收货人</a>
	<a ng-show="connectionEditings" ng-click="connectionEditings = false" class="pull-right text-simple color01"><i
			class="fa fa-reply-all fa-fw"></i>取消</a>
	<a ng-show="connectionEditings" ng-click="updateDetailInfo()" class="pull-right text-simple color02"><i
			class="fa fa-save fa-fw"></i>保存</a>
	</div>
	<!--收货人信息-->
	<div class="com-list pane-body" id="address-list">
		<form name="detailForm" ng-if="ships.length != 0">
			<div class="row row-sm item" ng-repeat="ship in ships| orderBy: '-id'">
				<div class="col-xs-12">
					<div class="com-text col-xs-6">
						<span class="title">收货人：</span>
						<div class="content">
							<span ng-bind="ship.receiver"></span>
						</div>
					</div>
					<div class="com-text col-xs-6">
						<span class="title">手机：</span>
						<div class="content">
							<span ng-bind="ship.usertel"></span>
						</div>
					</div>
				</div>
				<div class="col-xs-12">
					<div class="com-text col-xs-6">
						<span class="title">固定电话：</span>
						<div class="content">
							<span ng-bind="ship.phone"></span>
						</div>
					</div>
					<div class="com-text col-xs-6">
						<span class="title">邮箱：</span>
						<div class="content">
							<span ng-bind="ship.email"></span>
						</div>
					</div>
				</div>
				<div class="col-xs-12">
					<div class="com-text col-xs-6">
						<span class="title">地址：</span>
						<div class="content">
							<span ng-bind="ship.address"></span>
						</div>
					</div>
					<div class="com-text col-xs-6">
						<span class="title">详细地址：</span>
						<div class="content">
							<span ng-bind="ship.addressdet"></span>
						</div>
					</div>
				</div>
				<div class="col-xs-12">
					<div class="com-text col-xs-6">
						<span class="title">地址别名：</span>
						<div class="content">
							<span ng-bind="ship.addalias"></span>
						</div>
					</div>
				</div>
				<div class="edit-icon">
					<a ng-click="editShip(ship)">编辑</a>
					<a ng-click="removeShip(ship.id, $index)">删除</a>
				</div>
			</div>
		</form>
		<form ng-if="ships.length == 0" id="message">
			<div class="row row-sm item" >
				<span style="line-height: 186px;text-align: center;font-size: 16px;width: 100%;display: inline-block;color: #999;"><i class="fa fa-spinner"></i> 暂未设置收货人信息</span>
			</div>
		</form>
	</div>
	<div ng-if="deputyEnter.deputyEnterprise">
		<div class="compangy-open com_title01"><span>付款企业信息</span>
			<a href="javascript:void(0);" class="open" ng-if="ships.length>1">展开<i class="fa fa-angle-down"></i></a>
			<a ng-show="!connectionEditings"  class="pull-right add-paycompany" href="javascript:void(0)">+新增付款企业</a>
			<a ng-show="connectionEditings" ng-click="connectionEditings = false" class="pull-right text-simple color01"><i
					class="fa fa-reply-all fa-fw"></i>取消</a>
			<a ng-show="connectionEditings" ng-click="updateDetailInfo()" class="pull-right text-simple color02"><i
					class="fa fa-save fa-fw"></i>保存</a>
		</div>
		<!--收货人信息-->
		<div class="com-list pane-body" id="company-list" style="height: 116px;">
			<form name="detailForm" ng-if="pays.length != 0">
				<div class="row row-sm item" ng-repeat="pay in pays| orderBy: '-id'">
					<div class="col-xs-12">
						<div class="com-text col-xs-6">
							<span class="title">企业名称：</span>
							<div class="content">
								<span ng-bind="pay.enname"></span>
							</div>
						</div>
						<div class="com-text col-xs-6">
							<span class="title">联系人：</span>
							<div class="content">
								<span ng-bind="pay.user"></span>
							</div>
						</div>
					</div>
					<div class="col-xs-12">
						<div class="com-text col-xs-6">
							<span class="title">电话：</span>
							<div class="content">
								<span ng-bind="pay.usertel"></span>
							</div>
						</div>
						<div class="com-text col-xs-6">
							<span class="title">地址：</span>
							<div class="content">
								<span ng-bind="pay.address"></span>
							</div>
						</div>
					</div>
					<div class="edit-icon">
						<a ng-click="editPay(pay, enterprise.uu)">编辑</a>
						<a ng-click="removePay(pay.id, $index)">删除</a>
					</div>
				</div>
			</form>
			<form ng-if="pays.length == 0" id="message">
				<div class="row row-sm item" >
					<span style="line-height: 75px;text-align: center;font-size: 16px;width: 100%;display: inline-block;color: #999;"><i class="fa fa-spinner"></i> 暂未设置付款企业信息</span>
				</div>
			</form>
		</div>
	</div>
	<div class="com_title01"><span>你拥有的服务</span></div>
	<div class="pane-body">
		<div class="row">
			<div class="col-xs-6"><a href="http://uas.ubtob.com/#/index" class="bule">B2B商务平台</a></div>
			<div class="col-xs-6"><a href="http://mall.ubtob.com/#/index" class="bule" target="_blank">优软商城</a></div>
		</div>
	</div>
	<div class="save-btn">
		<!-- <button class="btn01">保存</button> -->
	</div>
</div>
<div class="bomb-box" style="display: none" id="ship">
    <form class="box04 box" name="shipAddress" id="shipAddress">
        <i class="off"><img src="static/img/purc/close.png" alt="" /></i>
        <p>收货人资料</p>
        <ul>
            <li class="line01">
                <div class="fl">
                    <span class="fl">收货人<em>*</em>：</span>
                    <span class="fr"><input type="text" placeholder="填写收货人" ng-model="ship.receiver" required="true"/></span>
                </div>
                <div class="fr">
                    <span class="fl">手机<em>*</em>：</span>
                    <span class="fr"><input type="text" ng-model="ship.usertel" required="true" ng-pattern="/^1(3|4|5|7|8)\d{9}$/"/></span>
                </div>
            </li>
            <li class="line01">
                <div class="fl">
                    <span class="fl">固定电话<em></em>：</span>
                    <span class="fr"><input type="text" ng-model="ship.phone"  ng-pattern="/([0-9]{3,4}-)?[0-9]{7,8}/"/></span>
                </div>
                <div class="fr">
                    <span class="fl">邮箱：</span>
                    <span class="fr emaill"><input type="text" ng-model="ship.email" ng-pattern="/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/"/><i>用于接收订单提醒邮件，便于您及时了解订单状态</i></span>
                </div>
            </li>
            <li class="line02 margin-top40">
                <div class="fl">所在地址<em>*</em>：</div>
                <!--<div class="select fr"><input type="text" placeholder="请选择" ng-model="ship.address" required="true"/><i class="fa fa-angle-down"></i></div>-->
				 <div class="select fr">
                    <select required="" class="area-select" ng-model="ship.province" ng-options="key as key for (key,value) in provinces"
                            ng-change="ship.city='';ship.district='';" required="true">  
                        <option value="">省</option>  
                    </select>
                    <select class="area-select" ng-model="ship.city" ng-options="key as key for (key,value) in provinces[ship.province]"
                            ng-change="ship.district='';" required="true">  
                        <option value="">市</option>  
                    </select>
                    <select class="area-select" ng-model="ship.district" ng-options="value as value for value in provinces[ship.province][ship.city]" required="true">
                        <option value="">区</option>  
                    </select>  
				</div>
            </li>
            <li class="line02">
                <div class="fl">详细地址<em>*</em>：</div>
                <div class="fr"><input type="text" ng-model="ship.addressdet" required="true"/></div>
            </li>
            <li class="line02">
                <div class="fl">地址别名：</div>
                <div class="fr address"><input type="text" ng-model="ship.addalias"/><i>建议填写常用名称：家里/父母家/公司</i></div>
            </li>
        </ul>
        <div class="many-file-btn">
            <button class="btn01" ng-click="saveShipAddress(ship)" ng-disabled="shipAddress.$invalid">保存</button><a class="btn02" ng-click="">取消</a>
        </div>
    </form>
</div>
<!-- 付款企业信息编辑  -->
<div class="bomb-box" style="display: none" id="paycompany">
    <form class="box04 box" name="payCompany" id="payCompany">
        <i class="off"><img src="static/img/purc/close.png" alt="" /></i>
        <p>付款企业资料</p>
        <ul>
            <li class="line01">
                <div class="fl">
                    <span class="fl">企业名称<em>*</em>：</span>
                    <span class="fr"><input type="text" placeholder="填写企业名称" ng-model="pay.enname" required="true"/></span>
                </div>
                <div class="fr">
                    <span class="fl">联系人<em>*</em>：</span>
                    <span class="fr"><input type="text" ng-model="pay.user" required="true"/></span>
                </div>
            </li>
            <li class="line01">
                <div class="fl">
                    <span class="fl">手机<em>*</em>：</span>
                    <span class="fr"><input type="text" ng-model="pay.usertel"  ng-pattern="/^1(3|4|5|7|8)\d{9}$/"/></span>
                </div>
            </li>
            <li class="line02 margin-top40">
                <div class="fl">所在地址<em>*</em>：</div>
				 <div class="select fr">
                    <select required="" class="area-select" ng-model="pay.province" ng-options="key as key for (key,value) in provinces"
                            ng-change="pay.city='';pay.district='';" required="true">  
                        <option value="">省</option>  
                    </select>
                    <select class="area-select" ng-model="pay.city" ng-options="key as key for (key,value) in provinces[pay.province]"
                            ng-change="ship.district='';" required="true">  
                        <option value="">市</option>  
                    </select>
                    <select class="area-select" ng-model="pay.district" ng-options="value as value for value in provinces[pay.province][pay.city]" required="true">
                        <option value="">区</option>  
                    </select>  
				</div>
            </li>
            <li class="line02">
                <div class="fl">详细地址<em>*</em>：</div>
                <div class="fr"><input type="text" ng-model="pay.addressdet" required="true"/></div>
            </li>
        </ul>
        <div class="many-file-btn">
            <button class="btn01" ng-click="savePayCompany(pay)" ng-disabled="payCompany.$invalid">保存</button><a class="btn02" ng-click="">取消</a>
        </div>
    </form>
</div>
<script src="static/lib/jquery/jquery.min.js"></script>
<script>
    $(function(){
        //新增收货地址
        $(".com_title01 .add-address").click(function(){
        	document.getElementById('shipAddress').reset();
            $("#ship").show();
        });
        
        $("#message .add-address").click(function(){
        	document.getElementById('shipAddress').reset();
            $("#ship").show();
        });
        
        $(".bomb-box .box04 .off,.box04 .many-file-btn .btn02").click(function(){
            $(".bomb-box").hide();
        })
         $(".bomb-box .box04 .off,.box04 .many-file-btn .btn01").click(function(){
            $(".bomb-box").hide();
        })
		/*展开收缩功能*/
		$('.addrs-open .open').click(function () {
			$(this).toggleClass("active");
			if($(this).hasClass("active")){
				$(this).html("收起<i class='fa fa-angle-up'></i>");
				var size=$("#address-list .row").size();
				$("#address-list").css("height","auto");
			}else{
				$(this).html("展开<i class='fa fa-angle-down'></i>");
				$("#address-list").css("height","186px");
			}
		});
		$('.compangy-open .open').click(function () {
			$(this).toggleClass("active");
			if($(this).hasClass("active")){
				$(this).html("收起<i class='fa fa-angle-up'></i>");
				var size=$("#company-list .row").size();
				$("#company-list").css("height","auto");
			}else{
				$(this).html("展开<i class='fa fa-angle-down'></i>");
				$("#company-list").css("height","116px");
			}
		});
		 //新增付款企业信息
        $(".com_title01 .add-paycompany").click(function(){
        	document.getElementById('payCompany').reset();
            $("#paycompany").show();
        });
        
        $("#message .add-paycompany").click(function(){
        	document.getElementById('payCompany').reset();
            $("#paycompany").show();
        });
    })
</script>