pad-app/pages/shipWork/opinionSign.vue

<template>
	<view class="opinionSign">
		<head-view :title="title"></head-view>
		<view class="container">
			<table>
				<tbody>
					<tr>
						<td class="h-l1r1">
							<image id="HT-logo" src="../../static/images/theme/logo.png" mode="widthFix"></image>
						</td>
						<td class="h-l1r2">&nbsp;</td>
						<td class="h-l1r3">
							<p>上海海通国际汽车码头有限公司</p>
							<p>Shanghai HaiTong International Automotive Terminal Co.,Ltd.</p>
						</td>
					</tr>
					<tr>
						<td colspan="3">
							<p class="bh-dz">QR-7.5.1-01-11-M</p>
						</td>
					</tr>
					<tr>
						<td colspan="3" class="h-l2r1">
							<p class="name-dz">海通码头船舶装/卸质量意见征询单</p>
							<p class="ename-dz">Form Seeking Advice On The Quality Of Vessel Loading/Discharge
							</p>
						</td>
					</tr>
				</tbody>
			</table>
			<table id="t-xjl">
				<tbody>
					<tr>
						<td class="td1">泊位(Berth No):</td>
						<td class="td2">&nbsp;</td>
						<td class="td1">日期Date:</td>
						<td class="td2">&nbsp;</td>
					</tr>
				</tbody>
			</table>
			<table class="t-zx">
				<tbody>
					<tr>
						<td class="n-chuanming">船名(Name Of vessel)</td>
						<td class="n-hangci">航次(Voyage No.)</td>
						<td class="n-shuliang">装/卸量/件(Quality/Pkg's)</td>
					</tr>
					<tr>
						<td class="v-chuanming">&nbsp;</td>
						<td class="v-hangci">&nbsp;</td>
						<td class="v-shuliang">
							<p>load3520+489/discharge289+35</p>
						</td>
					</tr>
					<tr>
						<td class="td-ac" colspan="3">
							<p>Following Blanks are to Be Filled in by the carrier</p>
							<p>(以下请船方填写)</p>
						</td>
					</tr>
					<tr>
						<td colspan="3">
							<p>1.Did our terminal operation meet the requiremants of the carrier?</p>
							<p>(港方按照船方实施装/卸？)</p>
							<p class="td-ar">1<input type="radio">2<input type="radio">3<input type="radio">4<input
									type="radio">5<input type="radio"></p>
						</td>
					</tr>
					<tr>
						<td colspan="3">
							<p>2.Did the vehicle travel following the linited speed in cargo hold?</p>
							<p>(船舱内按照规定速度行驶？)</p>
							<p class="td-ar">1<input type="radio">2<input type="radio">3<input type="radio">4<input
									type="radio">5<input type="radio"></p>
						</td>
					</tr>
					<tr>
						<td colspan="3">
							<p>3.Not founded The roughly opertions?</p>
							<p>(无野蛮作业？)</p>
							<p class="td-ar">1<input type="radio">2<input type="radio">3<input type="radio">4<input
									type="radio">5<input type="radio"></p>
						</td>
					</tr>
					<tr>
						<td colspan="3">
							<p>4.Did the Terminal Cooperated other requirmants of Carrier?</p>
							<p>(积极配合船方的其他要求？)</p>
							<p class="td-ar">1<input type="radio">2<input type="radio">3<input type="radio">4<input
									type="radio">5<input type="radio"></p>
						</td>
					</tr>
					<tr>
						<td class="td-ac" colspan="3">
							<p>POINT SCORING: -1 poor -2 below average -3 average -4 good -5 excellent</p>
						</td>
					</tr>
					<tr>
						<td colspan="3">
							<p>Other coments:</p>
							<p>(其他意见)</p>
							<p>&nbsp;</p>
						</td>
					</tr>
					<tr>
						<td colspan="3">
							<p>Captain/Chief Officer:</p>
							<p class="td-ac">(船方签章)</p>
						</td>
					</tr>
					<tr>
						<td class="td-ac" colspan="2">
							<p>Signature of Foreman:</p>
							<p>(单船指导员签名) 陈逸清</p>
						</td>
						<td class="td-ac">
							<p>Signature of Duty manger:</p>
							<p>（值班经理签名） </p>
						</td>
					</tr>
				</tbody>
			</table>
			<table>
				<tbody>
					<tr>
						<td>
							<p>地址(Address):上海浦东港建路1919号（1919 GangJian Road,PuDong ShangHai）</p>
							<p>电话(Tel):203009604&68685186</p>
						</td>
					</tr>
				</tbody>
			</table>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: "质量意见征询签名",
			}
		},
		methods: {}
	}
</script>

<style lang="less" scoped>
	@import "../../style/css/main-dz.css";

	.container {
		padding: 10px 20px;
	}

	#t-xjl {
		margin-bottom: 50px;
	}

	#t-xjl .td1 {
		width: 150px;
		text-align: right;
	}

	#t-xjl .td2 {
		text-align: left;
		border-bottom: #000000 solid 1px;
	}

	.n-chuanming {
		width: 500px;
		height: 50px;
		text-align: center;
	}

	.n-hangci {
		width: 500px;
		text-align: center;
	}

	.n-shuliang {
		width: 600px;
		text-align: center;
	}

	.v-chuanming {
		height: 50px;
		text-align: center;
	}

	.v-hangci {
		text-align: center;
	}

	.v-shuliang {
		text-align: center;
	}

	.t-zx .td-ar {
		text-align: left;
	}
</style>