protocalDemo.html
13 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>赊账协议</title>
<style>
body{font:13px/18px SimSun;color:#333}body,ul,li,ol,input,pre,code,h1,h2,h3,h4,h5,h6,dl,dt,dd,p,a{margin:0;padding:0}li{list-style:none}a{color:#333;text-decoration:none}a:hover{color:#23ac38}a.ea7{color:#005EA7}input,img{border:0;vertical-align:middle}.clearfix,.clear{display:inline-table;zoom:1}* html .clearfix,* html .clear{height:1%}* html .clearfix,* html .clear{zoom:1}.clearfix,.clear{display:block}.clear{clear:both}.clearfix:after,.clear:after{content:" ";display:block;height:0;clear:both;visibility:hidden;line-height:0}.justify{text-align:justify;text-justify:inter-ideograph}.justify-tags{margin:0!important;height:0;padding:0;line-height:0;border:0!important;font-size:1%}.align-right{text-align:right}.ll{float:left}.rr{float:right}.a-link{color:#005aa0}.col-666{color:#666}.col-999{color:#999}.col-green{color:#1d8a1e}.col-e468{color:#e46a68}.col-f60{color:#f60}.col-fff{color:#fff}.col-990{color:#090}.bg-FF{background:#fff}.bg-F9{background:#F9F9F9}.MT20{margin-top:20px}.MT10{margin-top:10px}.main{margin:0 auto}.auto-1200{width:1200px}.main.auto-990{width:990px}.bread-line{padding:10px 0}.bread-line a{margin-right:10px;color:#666}.bread-line a:hover{color:#23ac38}.page{text-align:center;margin:50px 0;color:#999}.page a,.page b,.page span{display:inline-block;*display:inline;*zoom:1;height:30px;line-height:30px;padding:0 10px;background:#fff;border:1px #ddd solid;color:#666;text-decoration:none;margin-left:-1px;font-size:14px}.page span{border:0;color:#999;margin:0}.page b{background:#23ac38;font-weight:400;color:#fff;border-color:#23ac38;position:relative}.page a:hover{border-color:#23ac38;color:#23ac38;position:relative}.page a.prev{margin-right:10px}.page a.next{margin-left:10px}.page .iptText{width:30px;height:28px;vertical-align:top}.dili-im{display:inline-block;*display:inline;*zoom:1;margin-top:5px;padding:0 10px;background-color:#5bb2f2;border-radius:4px;color:#fff;cursor:pointer;height:24px;line-height:24px}.dili-im:hover{color:#fff}.dili-im i{width:24px;height:24px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;*vertical-align:middle;background:url(../../images/icon.png) -110px 2px no-repeat!important}.mini-im{display:inline-block;*display:inline;*zoom:1;width:20px;height:20px;background:url(../../images/icon.png) -140px 0 no-repeat;cursor:pointer;vertical-align:middle}.cancel-ensure,.cancel-ensure .s-chd{display:none}.cancel-ensure{padding:50px 30px 30px 30px;width:310px;text-align:center}.cancel-ensure .s-cft{margin:20px 0}.cancel-ensure .btns{margin:10px 0}.cancel-ensure .s-chd{font-family:"Microsoft YaHei";font-size:18px;padding:0;margin-bottom:20px}.cancel-ensure .clist{display:inline-block;*display:inline;*zoom:1}.cancel-ensure .clist li{font-family:SimSun;font-size:13px;margin:4px 0;text-align:left}.cancel-ensure .clist li span{color:#999}.cancel-ensure .cbd{margin-bottom:20px}.cancel-ensure button{margin:0 5px}#alert-view .content{padding:0}#alert-view{padding:0;margin:0 auto}#alert-view .tip{font-family:"microsoft yahei";font-size:18px}#alert-view .text{font-size:13px;color:#999;margin:20px 0}#alert-view .submitBtn{padding:0 25px}#alert-view .a-save-show{width:120px}#alert-view .alert-icon{width:30px;height:30px;display:inline-block;background:url(../../images/alert-icon.png);zoom:1;*display:inline;margin-right:10px;position:relative;top:8px}#alert-view .error{color:#f11;padding-bottom:20px}#alert-view .error .alert-icon{background-position:-1px -33px}#alert-view .succeed{color:#23ac38;padding-bottom:20px}#alert-view .succeed .alert-icon{background-position:-1px -1px}#alert-view .warning{padding-bottom:20px}#alert-view .warning .alert-icon{background-position:-33px -1px}html .eva-stars-click,html .eva-stars-click .targetstar{display:inline-block;*display:inline;*zoom:1;background-image:url(../../images/one-icon.png);background-repeat:no-repeat}html .eva-stars-click .targetstar{width:19px;height:20px;cursor:pointer;vertical-align:middle}.eva-stars-click{width:96px;height:20px;vertical-align:middle}.stars0{background-position:-94px -150px}.stars1{background-position:-75px -150px}.stars2{background-position:-56px -150px}.stars3{background-position:-37px -150px}.stars4{background-position:-18px -150px}.stars5{background-position:1px -150px}.star-bar{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;height:16px;width:95px;background:url(../../images/one-icon.png) -94px -151px no-repeat}.star-bar span{display:block;background:url(../../images/one-icon.png) 1px -151px no-repeat;height:100%}img.load-img,img.load-small-img{background:url(../../images/loading.png) no-repeat scroll 50% 50%;width:100%}.baby-loading,.dili-loading{display:block;width:150px;height:150px;margin:40px auto}.baby-loading{background:url(../../images/baby-loading.gif) 0 0 no-repeat}.dili-loading{width:22px;height:22px;background:url(//static.nong12.com/static/newStatic/pnr/images/loading.gif) no-repeat center center}.clock-icon{background:url(../../images/one-icon.png) no-repeat -168px -41px;display:inline-block;*display:inline;*zoom:1;width:18px;height:22px;vertical-align:middle}html .item_disabled_line,html .item_disabled_line:hover{background-color:#ececec;color:#ccc}html .item_disabled_line a{color:#999}.single-inner{position:relative}.ban{position:absolute;display:block;width:28px;height:16px;background:#ff8316!important;border:1px solid #fa5500!important;text-align:center;line-height:16px;color:#fff!important;top:40%;left:10px;margin:0!important}.safe-icon{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:30px;height:30px;background:url(../../images/icon.png) no-repeat;margin-right:5px}.warning-icon{background-position:-30px 0}.error-icon{background-position:-60px 0}.tips-icon{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:18px;height:18px;background:url(../../images/icon.png) 0 -78px no-repeat;margin-right:5px}.successTips{font-family:"Microsoft YaHei";color:#23ac38;font-size:18px}.warningTips{font-family:"Microsoft YaHei";font-size:18px}.errorTips{font-family:"Microsoft YaHei";color:#f11;font-size:18px}.h-user-name{color:#e44846;display:inline-block;height:30x}.h-user-msg{color:#666;float:right;position:relative;width:92px;z-index:15;margin-top:0;height:29px;line-height:29px}.h-user-msg .text{border-style:solid;border-color:#f5f5f5;border-width:0 1px 1px 1px;float:left;height:29px;padding:0 5px;position:relative;width:80px;z-index:15;line-height:29px}.h-user-msg:hover{background:none repeat scroll 0 0 #fff;color:#666;opacity:1;text-decoration:none}.h-user-msg:hover .h-user-more{display:block;color:#333}.h-user-msg:hover .text{background:none repeat scroll 0 0 #fff;border-bottom:1px solid #fff;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;box-shadow:0 -2px 3px #d4d4d4;margin-top:-1px}.h-user-msg em{margin-right:5px}.h-user-msg b{float:right}.h-user-msg span{color:#e44846;margin-left:5px}.h-user-more{background:none repeat scroll 0 0 #fff;border:1px solid #ccc;display:none;left:0;max-height:300px;position:absolute;top:27px;width:220px;z-index:10;box-shadow:0 0 3px #d4d4d4}.h-user-more .h-msg-h{float:left;width:100%}.h-user-more .h-msg-h p{float:left;margin-left:10px}.h-user-more .h-msg-h span{float:right;margin-right:10px}.h-user-more ul{float:left;max-height:260px;overflow:auto;width:100%}.h-user-more ul li{float:none;margin:0;padding:5px 0 5px 11px;background:#fff;width:auto}.h-user-more ul li:hover{background-color:#f9f9f9}.h-user-more ul li span{background:none repeat scroll 0 0 #e44846;border-radius:20px;color:#fff;font-size:12px;line-height:20px;margin-top:5px;min-width:15px;padding:0 3px;text-align:center}.h-user-more ul li.act{background:#f9f9f9}div.no-msg{padding:10px 0;text-align:center;width:auto!important}em.u-me{width:16px;height:11px;display:inline-block;background:url(my-im.png) no-repeat;vertical-align:middle;cursor:pointer}em.no-msg{width:16px;height:16px;display:inline-block;background:url(my-im.png) no-repeat 0 -12px;vertical-align:middle;cursor:pointer}@media screen and (max-width:1200px){.auto-1200{width:990px}}button:focus{outline:0}.mt20{margin-top:20px}#direction-pop{padding:10px}.pop-content h3,.pop-content h4,.direction-header{text-align:center;font-size:18px}.direction-header{margin-top:20px}.pop-content h4{font-size:14px;margin-top:10px}.pop-content{margin-top:10px;border:1px #ddd solid;background:#f9f9f9;padding:0 20px 20px 20px;color:#666}.pop-content p{margin-top:10px}.direction-btn{text-align:center;margin-top:10px}.direction-btn .submitBtn{margin:0 5px}.direction-pop h4.h-index{text-align:left;font-size:14px;margin-top:20px}.agree-tab{width:100%;border-collapse:collapse;margin-top:10px}.agree-tab td{border:1px solid #ddd;padding:10px 0;text-align:center}.color-focus{color:#f60;font-weight:100;font-style:normal}
</style>
</head>
<body>
<div class="direction-pop">
<h3 class="direction-header">农丰网赊账交易协议</h3>
<div class="pop-content">
<!-- 如要替换当中 如甲方名字 可以添加 span 标签
包裹内容，span标签不影响展示。 -->
<!-- 添加span不影响展示 -->
<p>
<b class="color-focus">重要提示：</b>
本协议为买卖双方自愿商定协议，农丰网不会为此交易做任何担保，一切风险皆由买卖双方自己承担, 因此协议造成的损失与纠纷，农丰网不承担任何责任。
</p>
<h4 class="h-index">
协议内容：
</h4>
<table cellpadding="0" cellspacing="0" class="agree-tab">
<thead>
<tr>
<td colspan="2">出卖人</td>
<td colspan="2">承买人</td>
</tr>
</thead>
<tbody>
<tr>
<td>姓名</td>
<td>刘勇</td>
<td>姓名</td>
<td>黄飞鸿</td>
</tr>
<tr>
<td>农丰网账户</td>
<td>liuyong</td>
<td>农丰网账户</td>
<td>huangfeihong</td>
</tr>
</tbody>
</table>
<p>
出卖人 <span>{{卖家姓名}}</span> 简称甲方，承买人 <span>{{卖家姓名}}</span> 简称乙方，兹为货物欠款买卖，经双方缔结契约条件如下：<br/>
第一条 甲方愿将货品卖与乙方，双方共同商定交付日期。<br/>
第二条 货品总金额为<span>{{货品总金额}}</span>元整，运输费用为<span>{{运费}}</span>元整、甲乙双方议定实际成交金额为<span>{{订单金额}}</span>元整(或依照交货日交货地的市价为标准)。
</p>
<h4 class="h-index">
交易订单明细：
</h4>
<table cellpadding="0" cellspacing="0" class="agree-tab">
<thead>
<tr>
<td>商品编号</td>
<td>商品名称</td>
<td>单价</td>
<td>成交量</td>
<td>金额(元)</td>
</tr>
</thead>
<tbody>
<tr>
<td>012030123123</td>
<td>土豆胡萝卜</td>
<td>500元/公斤</td>
<td>10000公斤</td>
<td>5000000</td>
</tr>
</tbody>
<tfoot>
<tr>
<td class="align-right" colspan="4">商品金额：</td>
<td>{{货品总金额}}</td>
</tr>
<tr>
<td class="align-right" colspan="4">运输费用：</td>
<td>{{运费}}</td>
</tr>
<tr>
<td class="align-right" colspan="4">合计金额：</td>
<td>{{货品总金额+运费}}</td>
</tr>
</tfoot>
</table>
<p>
第三条 甲乙双方约定交货日期，并约定乙方支付日期。
</p>
<p>
第四条 甲方如届交货期不能交货，或仅能交付一部分时，应于提前通知乙方延缓日期，乙方不允者可解除买卖契约，但须接到通知日起算3日内答复逾期即视为承认延期。
</p>
<p>
第五条 甲方如届交货期不能交货又未经依前条约定通知乙方时，乙方可限相当日期催交货，倘逾期仍不交时，乙方可解除契约。
</p>
<p>
第六条 如因天灾地变，或其他不可抗力事由，致甲方不能按照期交货或一部分货品未能交清的，甲乙双方商定延缓交付日。
</p>
<p>
第七条 乙方交款之期以甲方交货之期为标准。
</p>
<p>
第八条 乙方逾交款日期不为交款的，甲方得定相当期限催告交款，并请求自约定交款日期起算至交款日止，按每百元日折算迟延利息。
</p>
<p>
第九条 甲方所交付的货品，如有不合格或品质恶劣或数量短少时，甲方应负补充或交换或减少价金的义务。
</p>
<p>
第十条 乙方发现货品有瑕疵时，应即通知甲方并限期请求履行前条的义务，倘甲方不履行义务时，乙方除可解除契约外并可请求损害赔偿，甲方无异议。
</p>
<p>
本契一式两份，甲、乙双方各执一份为凭。
</p>
<p>
出卖人(甲方)：{{卖家ID}}
</p>
<p>
买受人(乙方)：{{买家ID}}
</p>
<p class="p-right">
{{xxxx年x月x日}}
</p>
</div>
</div>
<!--审核协议 结束-->
</body>
</html>