From 2d3e6f1c305f2d27f54f934afce278571336e681 Mon Sep 17 00:00:00 2001
From: Panzihang <819652404@qq.com>
Date: Thu, 16 Nov 2023 18:04:18 +0800
Subject: [PATCH] 11.16

---
 .../Winglau14-loutsLoading.css                |   2 +-
 components/head-info/head-info.vue            | 116 ++-
 components/u-input/emitter.js                 |  55 ++
 components/u-input/index.vue                  | 320 +++++++
 pages.json                                    |  12 +-
 pages/discharge/index.vue                     |   8 +-
 pages/index/index.vue                         |  14 +-
 pages/login/index.vue                         |   4 +-
 pages/quality/details.vue                     |  40 +-
 pages/quality/edit.vue                        | 905 +++++++++++-------
 pages/quality/index.vue                       |  44 +-
 pages/quality/sign.vue                        |  64 +-
 pages/quality/zsEdit.vue                      |  64 +-
 pages/shipWork/index.vue                      |  37 +-
 pages/shipWork/untieSign.vue                  |   4 +-
 static/images/gqIcon.png                      | Bin 0 -> 1188 bytes
 static/images/sys.png                         | Bin 0 -> 1062 bytes
 17 files changed, 1207 insertions(+), 482 deletions(-)
 create mode 100644 components/u-input/emitter.js
 create mode 100644 components/u-input/index.vue
 create mode 100644 static/images/gqIcon.png
 create mode 100644 static/images/sys.png

diff --git a/components/Winglau14-lotusLoading/Winglau14-loutsLoading.css b/components/Winglau14-lotusLoading/Winglau14-loutsLoading.css
index 2272f39..0cb1f14 100644
--- a/components/Winglau14-lotusLoading/Winglau14-loutsLoading.css
+++ b/components/Winglau14-lotusLoading/Winglau14-loutsLoading.css
@@ -3,7 +3,7 @@
   top: 0;
   width: 100%;
   height: 100%;
-  z-index: 999;
+  z-index: 99999999999999999999999999999;
   background: rgba(255, 255, 255, 0);
   /*display: -webkit-box;
   display: -webkit-flex;*/
diff --git a/components/head-info/head-info.vue b/components/head-info/head-info.vue
index 69240c4..8c7e1ec 100644
--- a/components/head-info/head-info.vue
+++ b/components/head-info/head-info.vue
@@ -28,18 +28,25 @@
 						<p>{{userInfo.name}}</p>
 						<p>{{userInfo.phone}}</p>
 					</view>
+					<view class="borTop">
+						<view class="borHead">
+							<image src="../../static/images/gqIcon.png" mode=""></image>
+							<p>请选择港区</p>
+						</view>
+						<view class="borContent">
+							<view class="gqContent" v-for="(item,index) in portList" :key="index"
+								:class="{activeGq:activeIndex == index}" @click="selectPort(item,index)">
+								{{item.pamName}}
+							</view>
+						</view>
+					</view>
+					<view class="btnCss" @click="outLogin">
+						<text>退出登录</text>
+					</view>
 					<!-- <view class="borTop" @click="messageSql('center')">
 						<uni-icons type="vip" size="16" />
 						<text>数据库管理</text>
 					</view> -->
-					<view class="borTop" @click="tabsPort('center')">
-						<uni-icons type="loop" size="16" />
-						<text>切换港区</text>
-					</view>
-					<view class="borTop" @click="outLogin">
-						<uni-icons type="undo" size="16" />
-						<text>退出登录</text>
-					</view>
 				</view>
 				<uni-popup ref="popup" background-color="#fff" @maskClick="close">
 					<view class="popupBox">
@@ -155,6 +162,7 @@
 		},
 		mounted() {
 			this.loginObj = uni.getStorageSync('loginObj')
+			this.initData()
 			this.activeIndex = uni.getStorageSync("selectPortIndex")
 			this.navList[this.navIndex].type = true
 			this.getUser()
@@ -171,7 +179,6 @@
 					method: 'GET', //请求方式，必须为大写
 					success: (res) => {
 						this.userInfo = res.data.data
-						console.log(this.userInfo)
 						uni.setStorageSync('userInfo', this.userInfo)
 					},
 					fail: function(err) {
@@ -219,11 +226,11 @@
 									})
 								}
 							}
-							if (this.portList.length > 0) {
-								this.$refs.popup.open(this.type)
-								this.portId = this.portList[this.activeIndex].pamId
-								this.portName = this.portList[this.activeIndex].pamName
-							}
+							// if (this.portList.length > 0) {
+							// 	this.$refs.popup.open(this.type)
+							// 	this.portId = this.portList[this.activeIndex].pamId
+							// 	this.portName = this.portList[this.activeIndex].pamName
+							// }
 						}
 					}
 				})
@@ -354,6 +361,7 @@
 				this.portName = item.pamName
 				this.portId = item.pamId
 				this.activeIndex = index
+				this.toGo()
 			},
 			// 确认弹框
 			toGo() {
@@ -396,7 +404,7 @@
 			},
 			// 确认退出登录
 			outConfirm() {
-				uni.navigateTo({
+				uni.reLaunch({
 					url: '/pages/login/index'
 				})
 			},
@@ -424,8 +432,6 @@
 
 		.headInfo {
 			width: 100%;
-			height: 66px;
-			line-height: 50px;
 			background-color: #fff;
 			box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.10);
 			border-radius: 1px;
@@ -507,7 +513,6 @@
 
 				.infoList {
 					width: 200px;
-					padding: 10px 20px;
 					background-color: #fff;
 					z-index: 999;
 					display: flex;
@@ -516,13 +521,80 @@
 					position: absolute;
 					right: 2px;
 					top: 60px;
-					box-shadow: 1px 1px 6px 0 rgba(52, 52, 52, 0.20);
+					box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.20);
+
+
+					.userInfo {
+						color: #23262E;
+						border-bottom: 1px solid #F0F0F0;
+						padding: 16px 0px;
+						margin: 0 16px;
+
+						p:first-child {
+							font-size: 18px;
+							font-weight: bold;
+							margin-bottom: 8px;
+						}
+
+						p:last-child {
+							font-size: 14px;
+						}
+					}
+
+					.btnCss {
+						width: 100%;
+						height: 42px;
+						line-height: 42px;
+						text-align: center;
+						font-size: 16px;
+						color: #0067CF;
+						border-top: 1px solid #F0F0F0;
+						border-radius: 0 0 4px 4px;
+					}
 
 					.borTop {
-						border-top: 1px #ccc solid;
+						.borHead {
+							display: flex;
+							margin-left: 16px;
+							margin-top: 12px;
 
-						/deep/.uni-icons {
-							margin-right: 10px;
+							image {
+								width: 16px;
+								height: 16px;
+								margin-right: 8px;
+							}
+
+							p {
+								font-size: 16px;
+								color: #999999;
+							}
+						}
+
+						.borContent {
+							width: 100%;
+							height: 120px;
+							overflow: scroll;
+							display: flex;
+							flex-direction: column;
+							padding: 0 16px;
+							margin-top: 12px;
+
+							.gqContent {
+								width: 100%;
+								height: 36px;
+								line-height: 36px;
+								text-align: center;
+								background: rgba(0, 103, 207, 0.05);
+								border-radius: 8px;
+								font-size: 14px;
+								color: #23262E;
+								margin-bottom: 8px;
+							}
+
+							.activeGq {
+								background: #0067CF;
+								color: #fff;
+							}
 						}
 					}
 				}
diff --git a/components/u-input/emitter.js b/components/u-input/emitter.js
new file mode 100644
index 0000000..7af43d2
--- /dev/null
+++ b/components/u-input/emitter.js
@@ -0,0 +1,55 @@
+/**
+ * 递归使用call方式 this指向
+ * 
+ * @param {String} componentName 需要查找的组件的名称
+ * @param {String} eventName 事件名称
+ * @param {Object} params 需要传递的参数
+ */
+function broadcast(componentName, eventName, params) {
+  // 循环子节点找到需要的节点，没有查找到就递归进行查找
+  this.$children.map(child => {
+    if (componentName === child.$options.name) {
+      child.$emit.apply(child, [eventName].concat(params))
+    } else {
+      broadcast.apply(child, [componentName, eventName].concat(params))
+    }
+  })
+}
+
+export default {
+  methods: {
+    /**
+     * 派发 向上查找一个
+     * @param {Object} componentName 需要查找的组件的名称
+     * @param {Object} eventName 事件名称
+     * @param {Object} params 需要传递的参数
+     */
+    dispatch(componentName, eventName, params) {
+      // 找到最近父节点 $root 根节点
+      let parent = this.$parent || this.$root
+      // 获取当前实例的名称
+      let name = parent.$options.name
+      
+      // 当前存在节点并且当前节点没有名称或者名称不等于我们要查找的节点名称，则继续遍历
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent
+        if (parent) {
+          name = parent.$options.name
+        }
+      }
+      // 如果有节点则表示找到
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params))
+      }
+    },
+    /**
+     * 广播 向下查找多个
+     * @param {Object} componentName 需要查找的组件的名称
+     * @param {Object} eventName 事件名称
+     * @param {Object} params 需要传递的参数
+     */
+    broadcast(componentName, eventName, params) {
+      broadcast.call(this, componentName, eventName, params)
+    }
+  }
+}
\ No newline at end of file
diff --git a/components/u-input/index.vue b/components/u-input/index.vue
new file mode 100644
index 0000000..6ef167e
--- /dev/null
+++ b/components/u-input/index.vue
@@ -0,0 +1,320 @@
+<template>
+	<view class="tn-input-class tn-input" :class="{
+      'tn-input--border': border,
+      'tn-input--error': validateState
+    }" :style="{
+      padding: `0 ${border ? 20 : 0}rpx`,
+      borderColor: borderColor,
+      textAlign: inputAlign
+    }" @tap.stop="inputClick">
+		<textarea v-if="type === 'textarea'" class="tn-input__input tn-input__textarea"
+			style="width: 100%; height: 50px;" :value="defaultValue" :placeholder="placeholder"
+			:placeholderStyle="placeholderStyle" :disabled="disabled || type === 'select'" :maxlength="maxLength"
+			:fixed="fixed" :focus="focus" :autoHeight="autoHeight" :selectionStart="elSelectionStart"
+			:selectionEnd="elSelectionEnd" :cursorSpacing="cursorSpacing" :showConfirmBar="showConfirmBar"
+			@input="handleInput" @blur="handleBlur" @focus="onFocus" @confirm="onConfirm" />
+		<input v-else class="tn-input__input" :type="type === 'password' ? 'text' : type"
+			style="width: 100%; height: 50px;" :value="defaultValue" :password="type === 'password' && !showPassword"
+			:placeholder="placeholder" :placeholderStyle="placeholderStyle" :disabled="disabled || type === 'select'"
+			:maxlength="maxLength" :focus="focus" :confirmType="confirmType" :selectionStart="elSelectionStart"
+			:selectionEnd="elSelectionEnd" :cursorSpacing="cursorSpacing" :showConfirmBar="showConfirmBar"
+			@input="handleInput" @blur="handleBlur" @focus="onFocus" @confirm="onConfirm" />
+
+		<!-- 右边的icon -->
+		<view class="tn-input__right-icon tn-flex tn-flex-col-center">
+			<!-- 清除按钮 -->
+			<view v-if="clearable && value !== '' && focused"
+				class="tn-input__right-icon__item tn-input__right-icon__clear" @tap="onClear">
+				<view class="icon tn-icon-close"></view>
+			</view>
+			<view v-else-if="type === 'text' && !focused && showRightIcon && rightIcon !== ''"
+				class="tn-input__right-icon__item tn-input__right-icon__clear">
+				<view class="icon" :class="[`tn-icon-${rightIcon}`]"></view>
+			</view>
+			<!-- 显示密码按钮 -->
+			<view v-if="passwordIcon && type === 'password'"
+				class="tn-input__right-icon__item tn-input__right-icon__clear" @tap="showPassword = !showPassword">
+				<view v-if="!showPassword" class="tn-icon-eye-hide"></view>
+				<view v-else class="icon tn-icon-eye"></view>
+			</view>
+			<!-- 可选项箭头 -->
+			<view v-if="type === 'select'" class="tn-input__right-icon__item tn-input__right-icon__select" :class="{
+          'tn-input__right-icon__select--reverse': selectOpen
+        }">
+				<view class="icon tn-icon-up-triangle"></view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import Emitter from '../u-input/emitter.js'
+	export default {
+		mixins: [Emitter],
+		name: 'tn-input',
+		props: {
+			value: {
+				type: [String, Number],
+				default: ''
+			},
+			// 输入框的类型
+			type: {
+				type: String,
+				default: 'text'
+			},
+			// 输入框文字对齐方式
+			inputAlign: {
+				type: String,
+				default: 'left'
+			},
+			// 文本框为空时显示的信息
+			placeholder: {
+				type: String,
+				default: ''
+			},
+			placeholderStyle: {
+				type: String,
+				default: 'color: #AAAAAA'
+			},
+			// 是否禁用输入框
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			// 可输入文字的最大长度
+			maxLength: {
+				type: Number,
+				default: 255
+			},
+			// 输入框高度
+			height: {
+				type: Number,
+				default: 0
+			},
+			// 根据内容自动调整高度
+			autoHeight: {
+				type: Boolean,
+				default: true
+			},
+			// 键盘右下角显示的文字，仅在text时生效
+			confirmType: {
+				type: String,
+				default: 'done'
+			},
+			// 输入框自定义样式
+			customStyle: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			// 是否固定输入框
+			fixed: {
+				type: Boolean,
+				default: false
+			},
+			// 是否自动获取焦点
+			focus: {
+				type: Boolean,
+				default: false
+			},
+			// 当type为password时，是否显示右侧密码图标
+			passwordIcon: {
+				type: Boolean,
+				default: true
+			},
+			// 当type为 input或者textarea时是否显示边框
+			border: {
+				type: Boolean,
+				default: false
+			},
+			// 边框的颜色
+			borderColor: {
+				type: String,
+				default: '#dcdfe6'
+			},
+			// 当type为select时，旋转右侧图标，标记当时select是打开还是关闭
+			selectOpen: {
+				type: Boolean,
+				default: false
+			},
+			// 是否可清空
+			clearable: {
+				type: Boolean,
+				default: true
+			},
+			// 光标与键盘的距离
+			cursorSpacing: {
+				type: Number,
+				default: 0
+			},
+			// selectionStart和selectionEnd需要搭配使用，自动聚焦时生效
+			// 光标起始位置
+			selectionStart: {
+				type: Number,
+				default: -1
+			},
+			// 光标结束位置
+			selectionEnd: {
+				type: Number,
+				default: -1
+			},
+			// 自动去除两端空格
+			trim: {
+				type: Boolean,
+				default: true
+			},
+			// 是否显示键盘上方的完成按钮
+			showConfirmBar: {
+				type: Boolean,
+				default: true
+			},
+			// 是否在输入框内最右边显示图标
+			showRightIcon: {
+				type: Boolean,
+				default: false
+			},
+			// 最右边图标的名称
+			rightIcon: {
+				type: String,
+				default: ''
+			}
+		},
+		computed: {
+			// 输入框样式
+			inputStyle() {
+				let style = {}
+				// 如果没有设置高度，根据不同的类型设置一个默认值
+				style.minHeight = this.height ? this.height + 'rpx' :
+					this.type === 'textarea' ? this.textareaHeight + 'rpx' : this.inputHeight + 'rpx'
+
+				style = Object.assign(style, this.customStyle)
+
+				return style
+			},
+			// 光标起始位置
+			elSelectionStart() {
+				return String(this.selectionStart)
+			},
+			// 光标结束位置
+			elSelectionEnd() {
+				return String(this.selectionEnd)
+			}
+		},
+		data() {
+			return {
+				// 默认值
+				defaultValue: this.value,
+				// 输入框高度
+				inputHeight: 70,
+				// textarea的高度
+				textareaHeight: 100,
+				// 标记验证的状态
+				validateState: false,
+				// 标记是否获取到焦点
+				focused: false,
+				// 是否预览密码
+				showPassword: false,
+				// 用于头条小程序，判断@input中，前后的值是否发生了变化，因为头条中文下，按下键没有输入内容，也会触发@input事件
+				lastValue: '',
+			}
+		},
+		watch: {
+			value(newVal, oldVal) {
+				this.defaultValue = newVal
+				// 当值发生变化时，并且type为select时，不会触发input事件
+				// 模拟input事件
+				if (newVal !== oldVal && this.type === 'select') {
+					this.handleInput({
+						detail: {
+							value: newVal
+						}
+					})
+				}
+			}
+		},
+		created() {
+			// 监听form-item发出的错误事件，将输入框变成红色
+			this.$on("on-form-item-error", this.onFormItemError)
+		},
+		methods: {
+			/**
+			 * input事件
+			 */
+			handleInput(event) {
+				let value = event.detail.value
+				// 是否需要去掉空格
+				if (this.trim) value = this.$tn.string.trim(value)
+				// 原生事件
+				this.$emit('input', value)
+				// model赋值
+				this.defaultValue = value
+				// 过一个生命周期再发送事件给tn-form-item，否则this.$emit('input')更新了父组件的值，但是微信小程序上
+				// 尚未更新到tn-form-item，导致获取的值为空，从而校验混论
+				// 这里不能延时时间太短，或者使用this.$nextTick，否则在头条上，会造成混乱
+				setTimeout(() => {
+					// 头条小程序由于自身bug，导致中文下，每按下一个键(尚未完成输入)，都会触发一次@input，导致错误，这里进行判断处理
+					// #ifdef MP-TOUTIAO
+					if (this.$tn.string.trim(value) === this.lastValue) return
+					this.lastValue = value
+					// #endif
+
+					// 发送当前的值到form-item进行校验
+					this.dispatch('tn-form-item', 'on-form-change', value)
+				}, 40)
+			},
+			/**
+			 * blur事件
+			 */
+			handleBlur(event) {
+				let value = event.detail.value
+
+				// 由于点击清除图标也会触发blur事件，导致图标消失从而无法点击
+				setTimeout(() => {
+					this.focused = false
+				}, 100)
+
+				// 原生事件
+				this.$emit('blur', value)
+				// 过一个生命周期再发送事件给tn-form-item，否则this.$emit('blur')更新了父组件的值，但是微信小程序上
+				// 尚未更新到tn-form-item，导致获取的值为空，从而校验混论
+				// 这里不能延时时间太短，或者使用this.$nextTick，否则在头条上，会造成混乱
+				setTimeout(() => {
+					// 头条小程序由于自身bug，导致中文下，每按下一个键(尚未完成输入)，都会触发一次@input，导致错误，这里进行判断处理
+					// #ifdef MP-TOUTIAO
+					if (this.$tn.string.trim(value) === this.lastValue) return
+					this.lastValue = value
+					// #endif
+
+					// 发送当前的值到form-item进行校验
+					this.dispatch('tn-form-item', 'on-form-blur', value)
+				}, 40)
+			},
+			// 处理校验错误
+			onFormItemError(status) {
+				this.validateState = status
+			},
+			// 聚焦事件
+			onFocus(event) {
+				this.focused = true
+				this.$emit('focus')
+			},
+			// 点击确认按钮事件
+			onConfirm(event) {
+				this.$emit('confirm', event.detail.value)
+			},
+			// 清除事件
+			onClear(event) {
+				this.$emit('input', '')
+			},
+			// 点击事件
+			inputClick() {
+				this.$emit('click')
+			}
+		}
+	}
+</script>
+
+<style lang="less" scoped>
+
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 59fa77e..f7569aa 100644
--- a/pages.json
+++ b/pages.json
@@ -1,4 +1,11 @@
 {
+		// "easycom": {
+		// 	"autoscan": true,
+		// 	"custom": {
+		// 		"^(.*)": "@/components/$1/$1.vue"
+				
+		// 	}
+		// },
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
 			"path": "pages/login/index",
@@ -252,7 +259,10 @@
 		{
 			"path": "pages/quality/edit",
 			"style": {
-				"navigationBarTitleText": "编辑货物质量"
+				"navigationBarTitleText": "编辑货物质量",
+				"app-plus": {
+					"softinputMode": "adjustPan"
+				}
 			}
 		},
 		{
diff --git a/pages/discharge/index.vue b/pages/discharge/index.vue
index a112724..d8c21ac 100644
--- a/pages/discharge/index.vue
+++ b/pages/discharge/index.vue
@@ -94,7 +94,7 @@
 
 				// 分页
 				total: 0,
-				pageSize: 9,
+				pageSize: 12,
 				current: 1,
 
 				// 港区信息
@@ -274,22 +274,22 @@
 		.itemList {
 			width: 100%;
 			display: flex;
-			justify-content: flex-start;
+			justify-content: space-between;
 			flex-wrap: wrap;
 			position: relative;
 			margin-top: 40px;
-			gap: 16px;
 
 			/deep/.o-empty {
 				width: 100%;
 			}
 
 			.item {
-				width: 32.2%;
+				width: calc(33.3% - 16px);
 				background-color: #fff;
 				border-radius: 8px;
 				padding: 10px 20px;
 				position: relative;
+				margin-bottom: 16px;
 
 				.title {
 					display: flex;
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 0be06f9..48d4f35 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -94,7 +94,7 @@
 
 				// 分页
 				total: 0,
-				pageSize: 9,
+				pageSize: 12,
 				current: 1,
 
 				// 港区信息
@@ -171,7 +171,6 @@
 					},
 					method: 'GET', //请求方式，必须为大写
 					success: (res) => {
-						console.log(res)
 						if (res.data.status == "200") {
 							this.shipList = res.data.data
 							this.shipList.forEach(v => {
@@ -207,6 +206,10 @@
 						this.lotusLoadingData.isShow = false
 						this.total = res.data.data.total
 						this.itemList.push(...res.data.data.records)
+						this.vvyId = ""
+						this.vvyShip = ""
+						this.shipId = ""
+						this.shipName = ""
 					}
 				})
 			},
@@ -282,22 +285,23 @@
 		.itemList {
 			width: 100%;
 			display: flex;
-			justify-content: flex-start;
+			// justify-content: space-between;
 			flex-wrap: wrap;
 			position: relative;
 			margin-top: 40px;
-			gap: 16px;
 
 			/deep/.o-empty {
 				width: 100%;
 			}
 
 			.item {
-				width: 32.2%;
+				width: calc(33.3% - 16px);
 				background-color: #fff;
 				border-radius: 8px;
 				padding: 10px 20px;
 				position: relative;
+				margin-bottom: 16px;
+				margin-right: 16px;
 
 				.title {
 					display: flex;
diff --git a/pages/login/index.vue b/pages/login/index.vue
index 4383aac..6db6d07 100644
--- a/pages/login/index.vue
+++ b/pages/login/index.vue
@@ -16,8 +16,8 @@
 					<p>账号密码登录</p>
 				</view>
 				<view class="loginInput">
-					<uni-easyinput prefixIcon="locked-filled" v-model="account" placeholder="请输入账号"></uni-easyinput>
-					<uni-easyinput type="password" prefixIcon="person-filled" v-model="password" placeholder="请输入密码">
+					<uni-easyinput prefixIcon="person-filled" v-model="account" placeholder="请输入账号"></uni-easyinput>
+					<uni-easyinput type="password" prefixIcon="locked-filled" v-model="password" placeholder="请输入密码">
 					</uni-easyinput>
 					<button class="button" @click="loginGo('center')">立即登录</button>
 				</view>
diff --git a/pages/quality/details.vue b/pages/quality/details.vue
index a1bbcef..c4a4ab6 100644
--- a/pages/quality/details.vue
+++ b/pages/quality/details.vue
@@ -15,8 +15,8 @@
 					<view class="li">
 						<p>质损发生环节：</p>
 						<view class="rightInfo">
-							<p>{{infoData.qdLinkName}} </p>
-							<p v-if="infoData.qdLinkName == '客户反馈' || infoData.qdLinkName == '其他'">
+							<p>{{infoData.qdLink}} </p>
+							<p v-if="infoData.qdLink == '客户反馈' || infoData.qdLink == '其他'">
 								备注：{{infoData.linkFeedback}}{{infoData.linkOther}}
 							</p>
 						</view>
@@ -25,7 +25,7 @@
 			</view>
 			<view class="itemBox">
 				<view class="formTitle">
-					<image class="titleImg" src="../../static/images/zlIcon.png"></image>
+					<image src="../../static/images/zlIcon.png"></image>
 					<text>板车照片</text>
 				</view>
 				<view class="picture">
@@ -36,7 +36,7 @@
 			</view>
 			<view class="itemBox">
 				<view class="formTitle">
-					<image class="titleImg" src="../../static/images/cpIcon.png"></image>
+					<image src="../../static/images/cpIcon.png"></image>
 					<text>板车车牌照</text>
 				</view>
 				<view class="picture">
@@ -47,7 +47,7 @@
 			</view>
 			<view class="itemBox">
 				<view class="formTitle">
-					<image class="titleImg" src="../../static/images/zxIcon.png"></image>
+					<image src="../../static/images/zxIcon.png"></image>
 					<text>质损信息</text>
 				</view>
 				<view class="zsInfo">
@@ -78,20 +78,20 @@
 					<view class="li">
 						<p>质损货物品类：</p>
 						<view class="rightInfo">
-							<p>{{infoData.qdGodsCategoryName}}</p>
-							<p v-if="infoData.qdGodsCategoryName == '其他'">
+							<p>{{infoData.qdGodsCategory}}</p>
+							<p v-if="infoData.qdGcOther != null">
 								备注：{{infoData.qdGcOther}}
 							</p>
 						</view>
 					</view>
-					<view class="li imageLi">
+					<view class="li imageLi" v-if="zsImg != ''">
 						<image :src="zsImg"></image>
 					</view>
 					<view class="li tsLi">
 						<p>质损概况：</p>
 						<view class="rightInfo">
-							<p>{{infoData.qdGodsCategoryName}}</p>
-							<p v-if="infoData.qdGodsCategoryName == '其他'">
+							<p>{{infoData.qualityDamageSituationName}}</p>
+							<p v-if="infoData.qdsOther != null">
 								备注：{{infoData.qdsOther}}
 							</p>
 						</view>
@@ -100,7 +100,7 @@
 						<p>损伤情况：</p>
 						<view class="rightInfo">
 							<p>{{infoData.damageSituationName}}</p>
-							<p v-if="infoData.damageSituationName == '其他'">
+							<p v-if="infoData.dsOther != null">
 								备注：{{infoData.dsOther}}
 							</p>
 						</view>
@@ -109,7 +109,7 @@
 						<p>处置情况：</p>
 						<view class="rightInfo">
 							<p>{{infoData.disposalSituationName}}</p>
-							<p v-if="infoData.disposalSituationName == '其他'">
+							<p v-if="infoData.dpsOther != null">
 								备注：{{infoData.dpsOther}}
 							</p>
 						</view>
@@ -118,7 +118,7 @@
 			</view>
 			<view class="itemBox">
 				<view class="formTitle">
-					<image class="titleImg" src="../../static/images/zsIcon.png"></image>
+					<image src="../../static/images/zsIcon.png"></image>
 					<text>质损照片</text>
 				</view>
 				<view class="picture">
@@ -129,7 +129,7 @@
 			</view>
 			<view class="itemBox">
 				<view class="formTitle">
-					<image class="titleImg" src="../../static/images/cjhIcon.png"></image>
+					<image src="../../static/images/cjhIcon.png"></image>
 					<text>车架号图片</text>
 				</view>
 				<view class="picture">
@@ -194,9 +194,9 @@
 					},
 					method: 'GET', //请求方式，必须为大写
 					success: (res) => {
-						console.log('接口返回------', res);
 						if (res.statusCode == 200) {
 							this.infoData = res.data.data
+							console.log(this.infoData)
 							this.title = `${this.infoData.vinCode} - 质损详情`
 							// 获取板车照片
 							this.infoData.boardCarPhotos.forEach(v => {
@@ -241,7 +241,7 @@
 								this.carFrameNumber.push(res.data)
 							} else if (type == 5) {
 								this.signImg = res.data
-							} else if (type == 5) {
+							} else if (type == 6) {
 								this.zsImg = res.data
 							}
 						}
@@ -316,10 +316,6 @@
 					margin-bottom: 12px;
 					font-size: 14px;
 					color: #23262E;
-
-					p:first-child {
-						width: 105px;
-					}
 				}
 
 				.tsLi {
@@ -366,8 +362,8 @@
 					justify-content: center;
 
 					image {
-						width: 100px;
-						height: 40px;
+						width: 120px;
+						height: 100%;
 					}
 				}
 			}
diff --git a/pages/quality/edit.vue b/pages/quality/edit.vue
index 33178ea..baf316c 100644
--- a/pages/quality/edit.vue
+++ b/pages/quality/edit.vue
@@ -1,188 +1,215 @@
 <template>
 	<view class="edit">
 		<head-view title="货物质损" url="/pages/quality/index"></head-view>
-		<view class="container contentFixed">
+		<view class="stepsBox" v-show="isShow">
 			<uni-steps :options="stepList" :active="active" />
-			<view class="ul">
+		</view>
+		<scroll-view>
+			<view class="container contentFixed">
 				<template v-if="active == 0">
-					<view class="li">
-						<p class="liTitle"><text class="required">*</text>资损发生环节</p>
+					<view class="blockBox">
+						<view class="formTitle">
+							<image src="../../static/images/goodsImg2.png"></image>
+							<p>质损发生环节</p>
+						</view>
 						<radio-group class="radioList" @change="radioChange">
 							<template v-for="(item, index) in radioList">
-								<label class="radioBox" :key="item.value"
-									v-if="item.name != '其他' && item.name != '客户反馈'">
+								<label class="radioBox" :key="item.value">
 									<template>
 										<view>
-											<radio :value="item.value" :checked="index === current" />
+											<radio :value="item.value" :checked="item.checked" />
 										</view>
 										<view>{{item.name}}</view>
 									</template>
 								</label>
-								<label class="radioBox2" v-if="item.name == '其他' || item.name == '客户反馈'">
-									<view class="radioBox2Box">
-										<view>
-											<radio :value="item.value" :checked="index === current" />
-										</view>
-										<view>{{item.name}}</view>
-										<uni-easyinput type="textarea" autoHeight v-model="feed" placeholder="请输入"
-											maxlength="200" v-if="item.name == '客户反馈'"></uni-easyinput>
-										<uni-easyinput type="textarea" autoHeight v-model="remark" placeholder="请输入"
-											maxlength="200" v-if="item.name == '其他'"></uni-easyinput>
-									</view>
-								</label>
 							</template>
 						</radio-group>
+						<view class="radioInput">
+							<!-- <uInput v-model="feed" type="textarea" :autoHeight="true" placeholder="请输入客户反馈内容"
+								:maxLength="200" @click="inputFocus" @blur="inputBlur" v-if="current == '客户反馈'" />
+							</uInput>
+							<uInput v-model="remark" type="textarea" :autoHeight="true" placeholder="请输入其他内容"
+								:maxLength="200" @click="inputFocus" @blur="inputBlur" v-if="current == '其他'" />
+							</uInput> -->
+							<template v-if="isFeed">
+								<uni-easyinput type="textarea" autoHeight v-model="feed" placeholder="请输入客户反馈内容"
+									maxlength="200" @focus="inputFocus" @blur="inputBlur"></uni-easyinput>
+							</template>
+							<template v-if="isOther">
+								<uni-easyinput type="textarea" autoHeight v-model="remark" placeholder="请输入其他内容"
+									maxlength="200" @focus="inputFocus" @blur="inputBlur"></uni-easyinput>
+							</template>
+						</view>
 					</view>
-					<view class="li">
-						<p class="liTitle tpTitle">板车照片</p>
+					<view class="blockBox">
+						<view class="formTitle tpTitle">
+							<image src="../../static/images/zlIcon.png"></image>
+							<p>板车照片上传<text>最多9张</text></p>
+						</view>
 						<view class="picture">
-							<uni-file-picker limit="9" title="最多选择9张图片" v-model="imageValue" @select="select"
+							<uni-file-picker limit="9" v-model="bcPhoto2" @select="select"
 								@delete="photoDelete"></uni-file-picker>
 						</view>
 					</view>
-					<view class="li">
-						<p class="liTitle tpTitle">板车车牌照</p>
+					<view class="blockBox">
+						<view class="formTitle tpTitle">
+							<image src="../../static/images/cpIcon.png"></image>
+							<p>板车车牌照上传<text>最多9张</text></p>
+						</view>
 						<view class="picture">
-							<uni-file-picker limit="9" title="最多选择9张图片" v-model="imageValue2" @select="select2"
+							<uni-file-picker limit="9" v-model="bcLicense2" @select="select2"
 								@delete="photoDelete2"></uni-file-picker>
 						</view>
 					</view>
 				</template>
-
-				<template v-if="active == 3">
-					<view class="li flexLi">
-						<p class="liTitle"><text class="required">*</text>资损负责人:</p>
-						<uni-easyinput class="inputBox" v-model="director" placeholder="请输入"></uni-easyinput>
-					</view>
-					<view class="li flexLi">
-						<p class="liTitle"><text class="required">*</text>签名:</p>
-						<p class="sign" @click="sign" v-if="signUrl == ''">点击签名</p>
-						<template v-else>
-							<image :src="signUrl" mode="widthFix"></image>
-							<!-- <p class="editSign" @click="sign">重新签名</p> -->
-						</template>
-					</view>
-				</template>
-			</view>
-			<view class="ul zsInfo">
 				<template v-if="active == 1">
-					<view class="li">
-						<p class="liTitle"><text class="required">*</text>车架号/条形码:</p>
-						<uni-easyinput class="inputBox wInput" v-model="carValue" placeholder="请输入" @blur="carBlur"
-							:disabled="vinDisabled"></uni-easyinput>
-						<p class="initText" @click="getInfo">扫描</p>
+					<view class="blockBox zsInfo">
+						<view class="li">
+							<p class="liTitle">车架号/条形码:</p>
+							<uni-easyinput class="inputBox wInput" v-model="carValue" placeholder="请输入车架号/条形码"
+								@blur="carBlur" :disabled="vinDisabled"></uni-easyinput>
+							<image src="../../static/images/sys.png" mode="" @click="getInfo"></image>
+						</view>
+						<view class="li textRight">
+							<p class="liTitle">船名/航次:</p>
+							<superwei-combox class="select" :candidates="shipList" :isJSON="true" keyName="vvyShip"
+								placeholder="请选择船名/航次" v-model="vvyShip" @select="shipChange"></superwei-combox>
+						</view>
+						<view class="li">
+							<p class="liTitle">车型:</p>
+							<uni-data-select v-model="carId" :localdata="carList" @change="carChange"
+								:disabled="carDisabled" placeholder="请选择车型"></uni-data-select>
+						</view>
+						<view class="li">
+							<p class="liTitle">品牌:</p>
+							<uni-data-select v-model="brandId" :localdata="brandList" @change="brandChange"
+								:disabled="brandDisabled" placeholder="请选择品牌"></uni-data-select>
+						</view>
+						<view class="li">
+							<p class="liTitle">质损时间:</p>
+							<uni-datetime-picker type="datetime" v-model="zsDate" @change="dateChange" />
+						</view>
+						<view class="li cwLi">
+							<p class="liTitle">场位:</p>
+							<uni-data-select v-model="yardId" :localdata="yardColumns" @change="yardChange"
+								:disabled="yardDisabled" placeholder="堆场"></uni-data-select>
+							<uni-data-select v-model="storeAreaId" :localdata="storeAreaColumns"
+								@change="storeAreaChange" :disabled="storeAreaDisabled"
+								placeholder="区域"></uni-data-select>
+							<uni-data-select v-model="storeLineId" :localdata="storeLineColumns"
+								@change="storeLineChange" :disabled="storeLineDisabled"
+								placeholder="车道"></uni-data-select>
+							<uni-data-select v-model="storeSeatId" :localdata="storeSeatColumns"
+								@change="storeSeatChange" :disabled="storeSeatDisabled"
+								placeholder="车位"></uni-data-select>
+						</view>
 					</view>
-					<view class="li">
-						<p class="liTitle"><text class="required">*</text>船名/航次:</p>
-						<superwei-combox class="select" :candidates="shipList" :isJSON="true" keyName="vvyShip"
-							placeholder="请选择船名" v-model="vvyShip" @select="shipChange"></superwei-combox>
-					</view>
-					<view class="li">
-						<p class="liTitle"><text class="required">*</text>车型:</p>
-						<uni-data-select v-model="carId" :localdata="carList" @change="carChange"
-							:disabled="carDisabled"></uni-data-select>
-					</view>
-					<view class="li">
-						<p class="liTitle"><text class="required">*</text>品牌:</p>
-						<uni-data-select v-model="brandId" :localdata="brandList" @change="brandChange"
-							:disabled="brandDisabled"></uni-data-select>
-					</view>
-					<view class="li cwLi">
-						<p class="liTitle"><text class="required">*</text>场位:</p>
-						<uni-data-select v-model="yardId" :localdata="yardColumns" @change="yardChange"
-							:disabled="yardDisabled" placeholder="堆场"></uni-data-select>
-						<uni-data-select v-model="storeAreaId" :localdata="storeAreaColumns" @change="storeAreaChange"
-							:disabled="storeAreaDisabled" placeholder="区域"></uni-data-select>
-						<uni-data-select v-model="storeLineId" :localdata="storeLineColumns" @change="storeLineChange"
-							:disabled="storeLineDisabled" placeholder="车道"></uni-data-select>
-						<uni-data-select v-model="storeSeatId" :localdata="storeSeatColumns" @change="storeSeatChange"
-							:disabled="storeSeatDisabled" placeholder="车位"></uni-data-select>
-					</view>
-					<view class="li">
-						<p class="liTitle"><text class="required">*</text>质损时间:</p>
-						<uni-datetime-picker type="datetime" v-model="zsDate" @change="dateChange" />
-					</view>
-					<view class="li zsLi">
-						<p class="liTitle"><text class="required">*</text>质损货物品类:</p>
-						<radio-group @change="radioChange2" class="radioList2">
-							<label class="radioBox" v-for="(item, index) in radioList2" :key="item.value">
-								<view>
-									<radio :value="item.value" :checked="index === current2" />
-								</view>
-								<view class="boxInfo">{{item.name}}<uni-easyinput class="inputBox" v-model="other"
-										placeholder="请输入" v-if="showInput2 && item.name == '其他'"></uni-easyinput></view>
-							</label>
-						</radio-group>
-					</view>
-					<view class="li imageLi">
-						<image :src="zsImg" mode="widthFix" @click="togoCs"></image>
-						<!-- <image :src="zsImg2" class="zshz"></image> -->
-					</view>
-					<view class="li zsLi">
-						<p class="liTitle"><text class="required">*</text>资损概况:</p>
-						<checkbox-group class="radioList2" @change="checkboxChange">
-							<label class="radioBox" v-for="item in checklist" :key="item.value">
-								<view>
-									<checkbox :value="item.value" :checked="item.checked" />
-								</view>
-								<view class="boxInfo">{{item.name}}</view>
-							</label>
-						</checkbox-group>
-						<uni-easyinput class="inputBox" v-model="other1" placeholder="请输入"
-							v-if="showInput3"></uni-easyinput>
-					</view>
-					<view class="li zsLi">
-						<p class="liTitle"><text class="required">*</text>损伤情况:</p>
-						<checkbox-group class="radioList2" @change="checkboxChange2">
-							<label class="radioBox" v-for="item in checklist2" :key="item.value">
-								<view>
-									<checkbox :value="item.value" :checked="item.checked" />
-								</view>
-								<view class="boxInfo">{{item.name}}</view>
-							</label>
-						</checkbox-group>
-						<uni-easyinput class="inputBox" v-model="other2" placeholder="请输入"
-							v-if="showInput4"></uni-easyinput>
-					</view>
-					<view class="li zsLi">
-						<p class="liTitle"><text class="required">*</text>处置情况:</p>
-						<checkbox-group class="radioList2" @change="checkboxChange3">
-							<label class="radioBox" v-for="item in checklist3" :key="item.value">
-								<view>
-									<checkbox :value="item.value" :checked="item.checked" />
-								</view>
-								<view class="boxInfo">{{item.name}}</view>
-							</label>
-						</checkbox-group>
-						<uni-easyinput class="inputBox" v-model="other3" placeholder="请输入"
-							v-if="showInput5"></uni-easyinput>
+					<view class="blockBox">
+						<view class="zsLi">
+							<p class="zsTitle">质损货物品类:</p>
+							<radio-group @change="radioChange2" class="radioList2">
+								<label class="radioBox" v-for="(item, index) in radioList2" :key="item.value">
+									<view>
+										<radio :value="item.value" :checked="item.checked" />
+									</view>
+									<view class="boxInfo">{{item.name}}</view>
+								</label>
+							</radio-group>
+							<uni-easyinput class="inputBox" v-model="other" placeholder="请输入内容" v-if="showInput2"
+								@focus="inputFocus" @blur="inputBlur"></uni-easyinput>
+						</view>
+						<view class="zsLi">
+							<p class="zsTitle">质损概况:</p>
+							<checkbox-group class="radioList2" @change="checkboxChange">
+								<label class="radioBox" v-for="item in checklist" :key="item.value">
+									<view>
+										<checkbox :value="item.value" :checked="item.checked" />
+									</view>
+									<view class="boxInfo">{{item.name}}</view>
+								</label>
+							</checkbox-group>
+							<uni-easyinput class="inputBox" v-model="other1" placeholder="请输入" v-if="showInput3"
+								@focus="inputFocus" @blur="inputBlur"></uni-easyinput>
+						</view>
+						<view class="zsLi">
+							<p class="zsTitle">损伤情况:</p>
+							<checkbox-group class="radioList2" @change="checkboxChange2">
+								<label class="radioBox" v-for="item in checklist2" :key="item.value">
+									<view>
+										<checkbox :value="item.value" :checked="item.checked" />
+									</view>
+									<view class="boxInfo">{{item.name}}</view>
+								</label>
+							</checkbox-group>
+							<uni-easyinput class="inputBox" v-model="other2" placeholder="请输入" v-if="showInput4"
+								@focus="inputFocus" @blur="inputBlur"></uni-easyinput>
+						</view>
+						<view class="zsLi">
+							<p class="zsTitle">处置情况:</p>
+							<checkbox-group class="radioList2" @change="checkboxChange3">
+								<label class="radioBox" v-for="item in checklist3" :key="item.value">
+									<view>
+										<checkbox :value="item.value" :checked="item.checked" />
+									</view>
+									<view class="boxInfo">{{item.name}}</view>
+								</label>
+							</checkbox-group>
+							<uni-easyinput class="inputBox" v-model="other3" placeholder="请输入" v-if="showInput5"
+								@focus="inputFocus" @blur="inputBlur"></uni-easyinput>
+						</view>
+						<view class="imageLi">
+							<image :src="hzzsImg" class="zshz" mode="widthFix" @click="togoCs" v-if="hzzsImg != ''">
+							</image>
+						</view>
 					</view>
 				</template>
-
 				<template v-if="active == 2">
-					<view class="li tpLi">
-						<p class="liTitle tpTitle">资损照片</p>
+					<view class="blockBox">
+						<view class="formTitle tpTitle">
+							<image src="../../static/images/zsIcon.png"></image>
+							<p>质损照片<text>最多9张</text></p>
+						</view>
 						<view class="picture">
-							<uni-file-picker limit="9" title="最多选择9张图片" v-model="imageValue3" @select="select3"
+							<uni-file-picker limit="9" v-model="zsPhoto2" @select="select3"
 								@delete="photoDelete3"></uni-file-picker>
 						</view>
 					</view>
-					<view class="li tpLi">
-						<p class="liTitle tpTitle">车架号图片</p>
+					<view class="blockBox">
+						<view class="formTitle tpTitle">
+							<image src="../../static/images/cjhIcon.png"></image>
+							<p>车架号图片上传<text>最多9张</text></p>
+						</view>
 						<view class="picture">
-							<uni-file-picker limit="9" title="最多选择9张图片" v-model="imageValue4" @select="select4"
+							<uni-file-picker limit="9" v-model="carPhoto2" @select="select4"
 								@delete="photoDelete4"></uni-file-picker>
 						</view>
 					</view>
 				</template>
+				<template v-if="active == 3">
+					<view class="blockBox signBox">
+						<view class="flexLi">
+							<p class="title">质损负责人:</p>
+							<uni-easyinput class="inputBox" v-model="director" placeholder="请输入" @focus="inputFocus"
+								@blur="inputBlur"></uni-easyinput>
+						</view>
+						<view class="signContent">
+							<!-- <p class="siginTitle">请确保“字迹清晰”并尽量把“签字范围”撑满</p>
+						<signRegion></signRegion> -->
+							<p class="sign" @click="sign" v-if="signImg == ''">点击签名</p>
+							<template v-else>
+								<image :src="signImg"></image>
+								<!-- <p class="editSign" @click="sign">重新签名</p> -->
+							</template>
+						</view>
+					</view>
+				</template>
 			</view>
-
-			<view class="btnList">
-				<van-button type="default" @click="cancel">取消</van-button>
-				<van-button type="default" @click="back" v-if="active > 0">上一步</van-button>
-				<van-button type="default" @click="next" v-if="active < 3">下一步</van-button>
-				<van-button type="info" @click="save" v-if="active == 3">提交</van-button>
-			</view>
+		</scroll-view>
+		<view class="btnList" v-show="isShow">
+			<view class="btn leftBtn" @click="cancel">取消</view>
+			<view class="btn backBtn" @click="back" v-if="active > 0">上一步</view>
+			<view class="btn rightBtn" @click="next" v-if="active < 3">下一步</view>
+			<view class="btn rightBtn" @click="save" v-if="active == 3">提交</view>
 		</view>
 		<LotusLoading :lotusLoadingData="lotusLoadingData"></LotusLoading>
 	</view>
@@ -190,10 +217,13 @@
 
 <script>
 	import LotusLoading from "../../components/Winglau14-lotusLoading/Winglau14-LotusLoading.vue";
+	import signRegion from "../quality/sign.vue";
+	import uInput from "../../components/u-input/index.vue";
 	export default {
 		name: "monEdit",
 		data() {
 			return {
+				isShow: true,
 				loginObj: {},
 				active: 0,
 				stepList: [{
@@ -217,9 +247,12 @@
 
 				// 基本信息
 				radioList: [],
-				current: "", // 资损发生环节
+				current: "", // 质损发生环节
+				currentValue: "",
 				feed: "", // 客户反馈
+				isFeed: false, // 客户反馈输入框
 				remark: "", // 其他
+				isOther: false, // 其他输入框
 
 				// 质损信息
 				carValue: "", // 车架号
@@ -259,10 +292,6 @@
 				storeSeatColumns: [],
 				zsDate: "", // 质损时间
 
-				zsImg: "", // 质损图片
-				scZsImg: "", // 上传质损图
-				zsImg2: "", // 绘制图
-
 				// 是否禁用
 				vinDisabled: false, // 车架号输入禁用
 				shipDisabled: false, // 船名航次下拉禁用
@@ -278,14 +307,15 @@
 				radioData2: "",
 				showInput2: false,
 				current2: "",
+				currentValue2: 0,
 				other: "", // 质损货物品类其他
 
-				// 资损概况
-				checkValue: [], // 资损概况多选框选中
-				checklist: [], // 资损概况多选框
+				// 质损概况
+				checkValue: [], // 质损概况多选框选中
+				checklist: [], // 质损概况多选框
 				checkData: [],
 				showInput3: false,
-				other1: "", // 资损概况其他
+				other1: "", // 质损概况其他
 				// 损伤情况
 				checkValue2: [], // 损伤情况多选框选中
 				checklist2: [],
@@ -299,40 +329,37 @@
 				showInput5: false,
 				other3: "", // 处置情况其他
 
-				// 板车照片
-				imageValue: [],
 				// 上传板车照片
 				bcPhoto: [],
 				// 板车照片列表
 				bcPhoto2: [],
 
-				// 板车车牌照
-				imageValue2: [],
 				// 上传车牌照片
 				bcLicense: [],
 				// 板车车牌列表
 				bcLicense2: [],
 
-				// 资损照片
-				imageValue3: [],
-				//  上传资损照片照片
+				//  上传质损照片照片
 				zsPhoto: [],
-				// 板车资损列表
+				// 板车质损列表
 				zsPhoto2: [],
 
-				// 车架号图片
-				imageValue4: [],
 				// 上传车架号图片
 				carPhoto: [],
 				// 车架号图片列表
 				carPhoto2: [],
 
-				// 资损负责人
+				// 质损负责人
 				director: "",
 
+				// 质损图地址
+				hzzsImg: "", // 绘制图
+				zsBase: "",
+
 				// 签名图片地址
-				signObj: {},
 				signUrl: "",
+				signImg: "",
+				signBase: "",
 
 				lotusLoadingData: {
 					isShow: false //设置显示加载中组件true显示false隐藏
@@ -340,12 +367,24 @@
 			}
 		},
 		components: {
-			LotusLoading
+			LotusLoading,
+			signRegion,
+			uInput
 		},
 		onShow() {
-			this.signObj = uni.getStorageSync('signObj')
-			if (this.signObj != "") {
-				this.initImg(this.signObj.signImg, '5')
+			let signImg = uni.getStorageSync('signImg')
+			if (signImg != "") {
+				this.signImg = uni.getStorageSync('signImg')
+			}
+			if (this.signImg != "") {
+				this.baseImg(this.signImg, "1")
+			}
+			let hzzsImg = uni.getStorageSync('hzzsImg')
+			if (hzzsImg != "") {
+				this.hzzsImg = uni.getStorageSync('hzzsImg')
+			}
+			if (this.hzzsImg != "") {
+				this.baseImg(this.hzzsImg, "2")
 			}
 		},
 		onLoad(options) {
@@ -370,13 +409,16 @@
 			if (this.type == 'edit') {
 				this.getRowInfo()
 			}
-			let zsImg = uni.getStorageSync("zsImg")
-			if (zsImg != null && zsImg != "" && zsImg != undefined) {
-				this.zsImg2 = uni.getStorageSync("zsImg")
-				console.log(this.zsImg2)
-			}
 		},
 		methods: {
+			// 输入框聚焦
+			inputFocus() {
+				this.isShow = false
+			},
+			// // 输入框失焦
+			inputBlur() {
+				this.isShow = true
+			},
 			// 编辑状态内容
 			getRowInfo() {
 				uni.request({
@@ -410,9 +452,27 @@
 								this.initImg(v.filePath, "4")
 							})
 							if (this.infoData.signUrl != null) {
+								this.signBase = this.infoData.signUrl
 								this.initImg(this.infoData.signUrl, "5")
 							}
-							this.current = Number(this.infoData.qdLink) // 资损发生环节
+							if (this.infoData.refImageUrl != null) {
+								this.zsBase = this.infoData.refImageUrl
+								this.initImg(this.infoData.refImageUrl, "6")
+							}
+							this.current = this.infoData.qdLink // 质损发生环节
+							if (this.current == '客户反馈') {
+								this.isFeed = true
+							} else if (this.current == '其他') {
+								this.isOther = true
+							}
+							this.radioList.forEach(v => {
+								if (v.name == this.infoData.qdLink) {
+									this.currentValue = v.value
+									this.$set(v, "checked", true)
+								} else {
+									this.$set(v, "checked", false)
+								}
+							})
 							this.feed = this.infoData.linkFeedback // 客户反馈
 							this.remark = this.infoData.linkOther // 其他
 							this.carValue = this.infoData.vinCode // 车架号
@@ -434,12 +494,20 @@
 							this.storeSeatData(this.storeLineId) // 获取车位
 							this.storeSeatId = this.infoData.yacId // 车位id
 							this.storeSeat = this.infoData.storeSeat // 车位
-							this.current2 = Number(this.infoData.qdGodsCategory) // 质损货物品类
-							if (this.current2 == 3) {
+							this.current2 = this.infoData.qdGodsCategory // 质损货物品类
+							if (this.current2 == '其他') {
 								this.showInput2 = true
 							}
+							this.radioList2.forEach(v => {
+								if (v.name == this.infoData.qdGodsCategory) {
+									this.currentValue2 = v.value
+									this.$set(v, "checked", true)
+								} else {
+									this.$set(v, "checked", false)
+								}
+							})
 							this.other = this.infoData.qdGcOther // 质损货物品类其他
-							this.checkData = this.infoData.qualityDamageSituation.split(",") // 资损概况
+							this.checkData = this.infoData.qualityDamageSituation.split(",") // 质损概况
 							this.checklist.forEach(v => {
 								this.checkData.forEach(v2 => {
 									if (v.value == v2) {
@@ -450,7 +518,7 @@
 									}
 								})
 							})
-							this.other1 = this.infoData.qdsOther // 资损概况其他
+							this.other1 = this.infoData.qdsOther // 质损概况其他
 							this.checkData2 = this.infoData.damageSituation.split(",") // 损伤情况
 							this.checklist2.forEach(v => {
 								this.checkData2.forEach(v2 => {
@@ -475,7 +543,7 @@
 								})
 							})
 							this.other3 = this.infoData.dpsOther // 处置情况其他
-							this.director = this.infoData.qdLiablePerson // 资损负责人
+							this.director = this.infoData.qdLiablePerson // 质损负责人
 							this.ygqId = this.infoData.ygqId // 质量id
 							this.vinDisabled = true // 车架号输入禁用
 						}
@@ -494,31 +562,31 @@
 					success: (res) => {
 						if (res.statusCode == 200) {
 							if (type == 1) {
-								this.imageValue.push({
+								this.bcPhoto2.push({
 									url: res.data
 								})
 							} else if (type == 2) {
-								this.imageValue2.push({
+								this.bcLicense2.push({
 									url: res.data
 								})
 							} else if (type == 3) {
-								this.imageValue3.push({
+								this.zsPhoto2.push({
 									url: res.data
 								})
 							} else if (type == 4) {
-								this.imageValue4.push({
+								this.carPhoto2.push({
 									url: res.data
 								})
 							} else if (type == 5) {
-								this.signUrl = res.data
+								this.signImg = res.data
 							} else if (type == 6) {
-								this.zsImg = res.data
+								this.hzzsImg = res.data
 							}
 						}
 					}
 				})
 			},
-			// 资损发生环节选项
+			// 质损发生环节选项
 			radioChange(evt) {
 				let currentIndex = 0
 				for (let i = 0; i < this.radioList.length; i++) {
@@ -526,12 +594,24 @@
 						currentIndex = i;
 					}
 				}
-				this.current = this.radioList[currentIndex].value
-				if (this.current !== '客户反馈') {
-					this.feed = ""
-				}
-				if (this.current !== "其他") {
-					this.remark = ""
+				this.current = this.radioList[currentIndex].name
+				this.currentValue = this.radioList[currentIndex].value
+				this.radioList.forEach(v => {
+					if (this.current == v.name) {
+						this.$set(v, "checked", true)
+					} else {
+						this.$set(v, "checked", false)
+					}
+				})
+				if (this.current == "客户反馈") {
+					this.isFeed = true
+					this.isOther = false
+				} else if (this.current == '其他') {
+					this.isFeed = false
+					this.isOther = true
+				} else {
+					this.isFeed = false
+					this.isOther = false
 				}
 			},
 			// 质损货物品类
@@ -543,15 +623,15 @@
 						currentIndex = i;
 					}
 				}
-				this.current2 = this.radioList2[currentIndex].value
-				if (this.current2 == '3') {
+				this.current2 = this.radioList2[currentIndex].name
+				this.currentValue2 = this.radioList2[currentIndex].value
+				if (this.current2 == '其他') {
 					this.showInput2 = true
 				} else {
 					this.showInput2 = false
-					this.other = ''
 				}
 			},
-			// 资损概况
+			// 质损概况
 			checkboxChange(e) {
 				this.checkData = e.detail.value
 				if (e.detail.value == 3) {
@@ -677,6 +757,29 @@
 					url: '/pages/quality/sign'
 				})
 			},
+			// 通过接口获取图片地址  url Base64地址 type 1签名 2质损图
+			baseImg(url, type) {
+				let data = {
+					"fileName": "abc",
+					"base64Str": url
+				}
+				uni.request({
+					url: `${this.$local}/pub/file/uploadRaw`,
+					data: data,
+					header: {
+						'Content-Type': 'application/json', //自定义请求头信息
+						'Authorization': `Bearer ${this.loginObj.access_token}`
+					},
+					method: 'POST', //请求方式，必须为大写
+					success: (res) => {
+						if (type == 1) {
+							this.signBase = res.data
+						} else {
+							this.zsBase = res.data
+						}
+					}
+				})
+			},
 			// 车架号输入失焦
 			carBlur(e) {
 				this.carValue = e.detail.value
@@ -750,7 +853,7 @@
 							}
 						} else {
 							uni.showToast({
-								icon: 'error',
+								icon: "none",
 								title: `没有该车辆信息`
 							});
 						}
@@ -989,7 +1092,6 @@
 					method: 'GET', //请求方式，必须为大写
 					success: (res) => {
 						if (res.data.status == 200) {
-							this.scZsImg = res.data.data[0].ptrDesc
 							this.initImg(res.data.data[0].ptrDesc, '6')
 						}
 					}
@@ -1106,7 +1208,6 @@
 				uni.uploadFile({
 					url: `${this.$local}/api/file/upload`, //上传图片api
 					header: {
-						// "Content-Type": "multipart/form-data",
 						'Authorization': `Bearer ${this.loginObj.access_token}`
 					},
 					filePath: e.tempFilePaths[0],
@@ -1160,7 +1261,7 @@
 				this.bcLicense.splice(delIndex, 1)
 				this.bcLicense2.splice(delIndex, 1)
 			},
-			// 上传资损照片
+			// 上传质损照片
 			select3(e) {
 				this.lotusLoadingData.isShow = true
 				uni.uploadFile({
@@ -1179,7 +1280,7 @@
 					},
 				})
 			},
-			// 上传资损照片移除
+			// 上传质损照片移除
 			photoDelete3(e) {
 				let delIndex = 0
 				this.zsPhoto2.forEach((v, index) => {
@@ -1236,6 +1337,14 @@
 			},
 			// 提交
 			save() {
+				if (this.current != '其他') {
+					this.remark = ""
+				} else if (this.current != '客户反馈') {
+					this.feed = ""
+				}
+				if (this.current2 != '其他') {
+					this.other = ""
+				}
 				let editReqDTO = {
 					"boardCarLicensePlates": this.bcLicense, // 板车车牌照
 					"boardCarPhotos": this.bcPhoto, // 板车照片
@@ -1258,9 +1367,9 @@
 					"qdsOther": this.other1, // 质损情况（概况）其他备注
 					"qualityDamagePhotos": this.zsPhoto, // 质损照片
 					"qualityDamageTime": this.zsDate, // 质损时间
-					"refImageUrl": this.scZsImg, // 质损参考图地址
+					"refImageUrl": this.zsBase, // 质损参考图地址
 					"removableFlag": "1", // 	可删除标识 pad提交传 1
-					"signUrl": this.signObj.signImg, // 签名地址
+					"signUrl": this.signBase, // 签名地址
 					"spmId": this.shipId, // 船舶id
 					"storeArea": this.storeArea, // 区域
 					"storeLine": this.storeLine, // 车道
@@ -1290,7 +1399,7 @@
 							})
 						} else {
 							uni.showToast({
-								icon: 'error',
+								icon: "none",
 								title: `${res.data.error_description}`
 							});
 						}
@@ -1304,16 +1413,29 @@
 
 <style lang="less" scoped>
 	.edit {
-		.container {
-			padding: 20px 30px;
+		.stepsBox {
+			width: 100%;
+			position: fixed;
+			top: 68px;
+			padding: 20px 0;
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			background: #fff;
+			z-index: 999;
 
 			/deep/.uni-steps {
 				height: 80px;
 				justify-content: center;
 			}
 
+			/deep/.uni-steps__row {
+				flex-direction: column-reverse;
+			}
+
 			/deep/.uni-steps__row-title {
-				font-size: 20px;
+				font-size: 16px;
+				margin-top: 16px;
 			}
 
 			/deep/.uni-icons {
@@ -1323,205 +1445,205 @@
 			/deep/.uni-steps__row-container {
 				margin-top: 14px;
 			}
+		}
+
+		.container {
+			margin-top: 186px;
+			padding: 16px;
+			padding-bottom: 90px;
 
 			input::placeholder {
 				color: #6a6a6a !important;
 			}
 
-			.ul {
-				margin-top: 10px;
+			.blockBox {
+				padding: 24px 18px;
+				background: #fff;
+				margin-bottom: 16px;
+			}
 
-				.li {
-					margin-bottom: 20px;
+			.formTitle {
+				font-size: 18px;
+				color: #23262E;
+				font-weight: bold;
+				display: flex;
 
-					.liTitle {
-						font-size: 16px;
-
-						.required {
-							color: red;
-							margin-right: 5px;
-						}
-					}
-
-					.tpTitle {
-						font-size: 18px !important;
-						font-weight: bold;
-					}
-
-					.radioList {
-						display: flex;
-						flex-wrap: wrap;
-						margin-top: 20px;
-
-						.radioBox {
-							display: flex;
-							width: 14%;
-							margin-top: 10px;
-						}
-
-
-						.radioBox2 {
-							margin-top: 10px;
-
-							.radioBox2Box {
-								display: flex;
-							}
-
-
-							/deep/.is-input-border {
-								width: 300px;
-							}
-
-							/deep/.uni-easyinput {
-								margin: 0 10px;
-							}
-						}
-					}
+				image {
+					width: 20px;
+					height: 20px;
+					margin-right: 10px;
+					margin-top: 3px;
 				}
+			}
 
-				.picture {
-					/deep/.file-picker__box {
-						width: 120px !important;
-						height: 120px !important;
-						padding-top: 0;
-					}
+			.tpTitle {
+				color: #666666;
+
+				text {
+					font-size: 12px;
+					margin-left: 5px;
 				}
+			}
 
-				.inputBox {
-					/deep/.is-input-border {
-						width: 270px;
-						margin-left: 5px;
-					}
+			.radioList {
+				display: flex;
+				flex-wrap: wrap;
+				margin-top: 20px;
+
+				.radioBox {
+					display: flex;
+					width: 15%;
+					margin-top: 16px;
 				}
+			}
 
-				.wInput {
-					/deep/.is-input-border {
-						width: 98%;
-						margin-left: 5px;
-					}
+			.radioInput {
+				width: 100%;
+				margin-top: 16px;
+			}
+
+			.picture {
+				margin-top: 30px;
+
+				/deep/.file-picker__box {
+					width: 120px !important;
+					height: 120px !important;
+					padding-top: 0;
 				}
+			}
 
-				.sign {
-					color: #2979ff;
-					line-height: 40px;
-					margin-left: 20px;
-					font-size: 16px;
+			.inputBox {
+				/deep/.is-input-border {
+					margin-left: 5px;
 				}
+			}
 
-				.editSign {
-					color: red;
+			.wInput {
+				/deep/.is-input-border {
+					width: 98%;
+					margin-left: 5px;
 				}
+			}
 
+			.sign {
+				color: #2979ff;
+				line-height: 40px;
+				margin-left: 20px;
+				font-size: 16px;
+			}
+
+			.editSign {
+				color: red;
 			}
 
 			.flexLi {
 				display: flex;
+				margin-bottom: 16px;
+				padding-bottom: 12px;
+				border-bottom: 1px solid #EEEEEE;
 
 				p {
 					line-height: 36px;
 					margin-right: 5px;
 				}
+			}
 
+			.signContent {
+
+				// .siginTitle {
+				// 	width: 100%;
+				// 	text-align: center;
+				// 	font-size: 24px;
+				// 	color: #23262E;
+				// 	font-weight: bold;
+				// 	margin-bottom: 16px;
+				// }
 				uni-image {
 					width: 320px;
 					height: 240px;
 				}
 			}
 
+
+
 			.zsInfo {
 				display: flex;
 				justify-content: space-between;
 				flex-wrap: wrap;
+				border-radius: 8px;
+				padding: 0 16px 10px;
 
 				.li {
-					width: 48%;
+					width: 49%;
 					display: flex;
+					justify-content: space-between;
+					border-bottom: 1px solid #EEEEEE;
+					padding: 16px;
 
 					.liTitle {
-						text-align: right;
 						min-width: 120px;
 						font-size: 16px;
 						line-height: 34px;
 					}
 
+					image {
+						width: 36px;
+						height: 36px;
+					}
+
+					/deep/.uni-stat__select {
+						width: 40%;
+						justify-content: flex-end;
+					}
+
+					/deep/.uni-stat-box {
+						flex: none;
+						width: 45%;
+					}
+
+					/deep/.uni-select {
+						border: none;
+					}
+
+					/deep/.uni-select__input-box {
+						text-align: right;
+					}
+
+					/deep/.uni-select__input-text {
+						padding-right: 10px;
+					}
+
 					/deep/.uni-data-select {
 						background-color: #fff;
 						height: 35px;
 						width: 100%;
+						border: none;
 					}
 
 					/deep/.superwei-combox {
 						background-color: #fff;
 						height: 35px;
-						width: 100%;
+						width: 40%;
+						border: none;
 					}
 
-				}
-
-
-
-				.initText {
-					height: 35px;
-					line-height: 35px;
-					text-align: center;
-					min-width: 60px;
-					color: #fff;
-					background-color: #2979ff;
-					margin-left: 5px;
-					border-radius: 8px;
-				}
-
-				.zsLi {
-					width: 100%;
-					line-height: 36px;
-
-					.liTitle {
-						width: 120px;
+					/deep/.uni-date-x--border {
+						border: none;
 					}
 
-					.radioList2 {
-						display: flex;
+					/deep/.uni-date__x-input {
+						text-align: right;
+						padding-right: 10px;
 					}
 
-					.radioBox {
-						display: flex;
-						margin-left: 10px;
-
-						.boxInfo {
-							display: flex;
-
-							/deep/.is-input-border {
-								width: 240px;
-							}
-
-							/deep/.uni-easyinput {
-								margin-left: 10px;
-							}
-						}
-					}
-
-				}
-
-				.tpLi {
-					width: 100%;
-					display: block;
-
-					.liTitle {
-						text-align: left;
+					/deep/.uni-date-x .icon-calendar {
+						display: none;
 					}
 				}
 
-				.imageLi {
-					width: 100%;
-					height: 440px;
-					position: relative;
-
-					.zshz {
-						position: absolute;
-						top: 0;
-						left: 0;
-						right: 0;
-						bottom: 0;
+				.textRight {
+					/deep/.uni-input-wrapper {
+						text-align: right;
 					}
 				}
 
@@ -1547,15 +1669,106 @@
 				}
 			}
 
-			.btnList {
+			.zsLi {
+				width: 100%;
+				line-height: 36px;
 				display: flex;
-				justify-content: center;
+				margin-bottom: 15px;
 
-				/deep/ .van-button {
-					margin: 30px 20px;
+				.zsTitle {
 					width: 120px;
-					height: 50px;
+					font-size: 16px;
+					color: #23262E;
+					font-weight: bold;
 				}
+
+				.radioList2 {
+					display: flex;
+				}
+
+				.radioBox {
+					display: flex;
+					margin-left: 20px;
+
+					.boxInfo {
+						display: flex;
+						margin-left: 5px;
+
+						/deep/.is-input-border {
+							width: 240px;
+						}
+
+						/deep/.uni-easyinput {
+							margin-left: 10px;
+						}
+					}
+				}
+
+			}
+
+			.imageLi {
+				width: 100%;
+				height: 440px;
+				position: relative;
+
+				.zshz {
+					position: absolute;
+					top: 0;
+					left: 0;
+					right: 0;
+					bottom: 0;
+				}
+			}
+
+			.signBox {
+				border-radius: 8px;
+
+				/deep/.is-input-border {
+					width: 300px;
+				}
+
+				.title {
+					font-size: 14px;
+					color: #23262E;
+				}
+			}
+		}
+
+		.btnList {
+			width: 100%;
+			background-color: #fff;
+			position: fixed;
+			bottom: 0;
+			display: flex;
+			justify-content: center;
+			box-shadow: 0 -3px 7px 0 rgba(0, 0, 0, 0.10);
+			padding: 20px 0;
+			z-index: 999;
+
+			.btn {
+				margin-left: 20px;
+				width: 120px;
+				height: 50px;
+				border-radius: 2px;
+				font-size: 18px;
+				line-height: 50px;
+				text-align: center;
+			}
+
+			.leftBtn {
+				background-color: #fff;
+				color: #333333;
+				border: 1px solid #E7E7E7;
+			}
+
+			.backBtn {
+				background: rgba(0, 103, 207, 0.1);
+				color: #0067CF;
+			}
+
+			.rightBtn {
+				background: #0067CF;
+				color: #fff;
 			}
 		}
 	}
diff --git a/pages/quality/index.vue b/pages/quality/index.vue
index 69d000d..83391f2 100644
--- a/pages/quality/index.vue
+++ b/pages/quality/index.vue
@@ -9,11 +9,12 @@
 						<uni-easyinput suffixIcon="search" v-model="carValue" placeholder="请输入车架号"
 							@iconClick="iconClick">
 						</uni-easyinput>
-					</view>
-					<view class="right">
 						<superwei-combox class="select" :candidates="shipList" :isJSON="true" keyName="shipVvy"
 							placeholder="船名/航次" v-model="shipValue" @select="shipChange"
 							@input="shipInput"></superwei-combox>
+						<button class="btn" @click="onSearch">搜索</button>
+					</view>
+					<view class="right">
 						<superwei-combox class="select" :candidates="zshjList" :isJSON="true" keyName="name"
 							placeholder="质损环节" v-model="zshjName" @select="zshjChange"></superwei-combox>
 						<superwei-combox class="select" :candidates="brandList" :isJSON="true" keyName="brdName"
@@ -29,7 +30,7 @@
 									<text>{{item.vinCode}}</text>
 								</view>
 								<view class="rightHead">
-									<view class="delBtn" @click.stop="del(item)">
+									<view class="delBtn" @click.stop="del(item)" v-if="item.removableFlag == 1">
 										<image src="../../static/images/delBtn.png"></image>
 										<text>删除</text>
 									</view>
@@ -41,7 +42,9 @@
 							</view>
 							<view class="row">
 								<view class="col">
-									航次/船名：{{item.spmIdDesc}}
+									<text
+										v-if="item.spmIdAndVvyId != null && item.spmIdAndVvyId != ''">船名/航次：{{item.spmIdAndVvyId}}</text>
+									<text v-else>船名/航次：暂无计划</text>
 								</view>
 								<view class="col">
 									作业时间：{{item.workTime}}
@@ -137,7 +140,8 @@
 		onLoad() {
 			this.loginObj = uni.getStorageSync('loginObj')
 			this.portObj = uni.getStorageSync('portObj')
-			uni.setStorageSync('signObj', "")
+			uni.setStorageSync('signImg', "")
+			uni.setStorageSync('hzzsImg', "")
 			this.initData()
 			this.getBrand()
 			this.getShip()
@@ -159,6 +163,10 @@
 			iconClick() {
 				this.initData()
 			},
+			// 搜索按钮
+			onSearch() {
+				this.initData()
+			},
 			// 获取列表数据
 			initData() {
 				uni.request({
@@ -172,7 +180,6 @@
 						console.log('接口返回------', res);
 						if (res.statusCode == 200) {
 							this.itemList = res.data.data.records
-							console.log(this.itemList)
 							this.total = res.data.data.total
 						}
 					}
@@ -207,7 +214,6 @@
 				this.shipValue = e.shipVvy
 				this.vvyId = e.vvyId
 				this.current = 1
-				this.initData()
 			},
 			// 质损环节下拉
 			zshjChange(e) {
@@ -234,7 +240,6 @@
 									name: v.ptrDesc
 								})
 							})
-							console.log(this.zshjList)
 						}
 					}
 				})
@@ -242,6 +247,11 @@
 			// 选择船输入框
 			shipInput(e) {
 				this.shipSr = e
+				if (e == '') {
+					this.vvyId = ""
+					this.vvyName = ""
+					this.shipId = ""
+				}
 				this.getShip()
 			},
 			// 获取品牌
@@ -380,17 +390,26 @@
 			}
 
 			.left {
+				display: flex;
+
 				/deep/.is-input-border {
 					border-radius: 20px;
 					width: 300px;
+					margin-right: 10px;
 				}
 
 				/deep/.uni-easyinput__placeholder-class {
 					padding-left: 10px;
 				}
 
-				/deep/.uni-input-input {
-					padding-left: 10px;
+				.btn {
+					height: 35px;
+					line-height: 35px;
+					margin-left: 0;
+					font-size: 16px;
+					color: #fff;
+					background-color: #0067CF;
+					margin-left: 10px;
 				}
 			}
 
@@ -429,7 +448,6 @@
 			padding: 16px;
 			display: flex;
 			flex-direction: column;
-			gap: 16px;
 
 			.item {
 				padding: 15px;
@@ -440,8 +458,8 @@
 				justify-content: space-between;
 				font-family: PingFangSC-Regular;
 				font-size: 14px;
-				color: #23262E;
-				gap: 12px;
+				color: #23262E; 
+				margin-bottom: 16px;
 
 				.headTop {
 					width: 100%;
diff --git a/pages/quality/sign.vue b/pages/quality/sign.vue
index 3be0975..95bd464 100644
--- a/pages/quality/sign.vue
+++ b/pages/quality/sign.vue
@@ -47,8 +47,6 @@
 		},
 		onLoad(option) {
 			that = this;
-			id = option.id;
-			type = option.type;
 			this.ctx = uni.createCanvasContext('mycanvas', this); //创建绘图对象
 			//设置画笔样式
 			this.ctx.lineWidth = 4;
@@ -57,7 +55,7 @@
 
 			uni.getSystemInfo({
 				success: function(res) {
-					console.log(res);
+					// console.log(res);
 					that.width = res.windowWidth * 0.8;
 					that.height = res.windowHeight * 0.85;
 				}
@@ -154,39 +152,43 @@
 								// 当操作完成时调用resolve()或reject()
 								pathToBase64(e.tempFilePath).then(path => {
 										that.url = path
+										uni.setStorageSync('signImg', that.url)
+										uni.navigateBack({
+											delta: 1
+										});
 									})
 									.catch(error => {
 										console.error(error)
 									})
 							});
-							myPromise.then(result => {}).catch(error => {});
-							let timestamp = new Date().getTime();
-							let sunumber = Math.floor(Math.random() * 999);
-							var file = that.base64ToFile(that.url, timestamp + sunumber)
-							uni.uploadFile({
-								url: `${that.$local}/api/file/upload`, //上传图片api
-								header: {
-									'Authorization': `Bearer ${that.loginObj.access_token}`
-								},
-								file: file,
-								fileType: 'image',
-								name: 'file',
-								success: (res) => {
-									console.log(JSON.parse(res.data))
-									that.signImg = JSON.parse(res.data).data.filePath
-									console.log(that.signImg)
-									let signObj = {
-										signImg: that.signImg,
-									}
-									uni.setStorageSync('signObj', signObj)
-									uni.navigateBack({
-										delta: 1
-									});
-								},
-								fail: (err) => {
-									console.log(err)
-								}
-							})
+							// let timestamp = new Date().getTime();
+							// let sunumber = Math.floor(Math.random() * 999);
+							// var file = that.base64ToFile(that.url, timestamp + sunumber)
+							// console.log(file)
+							// uni.uploadFile({
+							// 	url: `${that.$local}/api/file/upload`, //上传图片api
+							// 	header: {
+							// 		'Authorization': `Bearer ${that.loginObj.access_token}`
+							// 	},
+							// 	file: file,
+							// 	fileType: 'image',
+							// 	name: 'file',
+							// 	success: (res) => {
+							// 		console.log(JSON.parse(res.data))
+							// 		that.signImg = JSON.parse(res.data).data.filePath
+							// 		console.log(that.signImg)
+							// 		let signObj = {
+							// 			signImg: that.signImg,
+							// 		}
+							// 		uni.setStorageSync('signObj', signObj)
+							// 		uni.navigateBack({
+							// 			delta: 1
+							// 		});
+							// 	},
+							// 	fail: (err) => {
+							// 		console.log(err)
+							// 	}
+							// })
 						}
 					});
 				}
diff --git a/pages/quality/zsEdit.vue b/pages/quality/zsEdit.vue
index 8bc8d50..3a48c60 100644
--- a/pages/quality/zsEdit.vue
+++ b/pages/quality/zsEdit.vue
@@ -3,8 +3,8 @@
 		<head-view title="绘制质损图"></head-view>
 		<view class="containe contentFixedr">
 			<view class="sign-box">
-				<canvas class="mycanvas" canvas-id="mycanvas"
-					@touchstart="touchstart" @touchmove="touchmove" @touchend="touchend" disable-scroll="true"></canvas>
+				<canvas class="mycanvas" canvas-id="mycanvas" @touchstart="touchstart" @touchmove="touchmove"
+					@touchend="touchend" disable-scroll="true"></canvas>
 				<view class="canvasBg">
 					<image src="../../static/images/zs5.jpg" mode=""></image>
 				</view>
@@ -51,7 +51,7 @@
 		methods: {
 			init() {
 				this.ctx = uni.createCanvasContext('mycanvas', this); //创建绘图对象
-				console.log(this.ctx);
+				this.ctx.setFillStyle('#ff0000');
 				//设置画笔样式
 				this.ctx.lineWidth = 4;
 				this.ctx.lineCap = 'round';
@@ -59,12 +59,10 @@
 				var that = this
 				uni.getSystemInfo({
 					success: function(res) {
-						console.log(res);
 						that.ctx.drawImage("../../static/images/zs5.jpg", 0, 0, 1000, 222)
 						that.width = res.windowWidth;
 						that.height = res.windowHeight;
 					},
-
 				});
 
 			},
@@ -145,42 +143,44 @@
 					canvasId: 'mycanvas',
 					success: function(e) {
 						const myPromise = new Promise((resolve, reject) => {
-							console.log(e.tempFilePath)
 							// 执行异步操作
 							// 当操作完成时调用resolve()或reject()
 							pathToBase64(e.tempFilePath).then(path => {
 									that.url = path
-									console.log(that.url)
+									uni.setStorageSync('hzzsImg', that.url)
+									uni.navigateBack({
+										delta: 1
+									});
+									// let timestamp = new Date().getTime();
+									// let sunumber = Math.floor(Math.random() * 999);
+									// var file = that.base64ToFile(that.url, timestamp + sunumber)
+									// uni.uploadFile({
+									// 	url: `${that.$local}/api/file/upload`, //上传图片api
+									// 	header: {
+									// 		'Authorization': `Bearer ${that.loginObj.access_token}`
+									// 	},
+									// 	file: file,
+									// 	fileType: 'image',
+									// 	name: 'file',
+									// 	success: (res) => {
+									// 		console.log(res)
+									// 		console.log(JSON.parse(res.data))
+									// 		that.signImg = JSON.parse(res.data).data.filePath
+									// 		console.log(that.signImg)
+									// 		// uni.navigateBack({
+									// 		// 	delta: 1
+									// 		// });
+									// 	},
+									// 	fail: (err) => {
+									// 		console.log(err)
+									// 	}
+									// })
 								})
 								.catch(error => {
 									console.error(error)
 								})
 						});
-						myPromise.then(result => {}).catch(error => {});
-						let timestamp = new Date().getTime();
-						let sunumber = Math.floor(Math.random() * 999);
-						var file = that.base64ToFile(that.url, timestamp + sunumber)
-						uni.uploadFile({
-							url: `${that.$local}/api/file/upload`, //上传图片api
-							header: {
-								'Authorization': `Bearer ${that.loginObj.access_token}`
-							},
-							file: file,
-							fileType: 'image',
-							name: 'file',
-							success: (res) => {
-								console.log(res)
-								console.log(JSON.parse(res.data))
-								that.signImg = JSON.parse(res.data).data.filePath
-								console.log(that.signImg)
-								// uni.navigateBack({
-								// 	delta: 1
-								// });
-							},
-							fail: (err) => {
-								console.log(err)
-							}
-						})
+
 					}
 				});
 			},
diff --git a/pages/shipWork/index.vue b/pages/shipWork/index.vue
index cadb10d..c8e489d 100644
--- a/pages/shipWork/index.vue
+++ b/pages/shipWork/index.vue
@@ -32,7 +32,7 @@
 										进口航次: <text>{{item.inVvyName}}</text>
 									</view>
 									<view class="nitem">
-										进口贸易类型: <text>{{item.inTradeTypeName}}</text>
+										贸易类型: <text>{{item.inTradeTypeName}}</text>
 									</view>
 								</view>
 								<view class="row">
@@ -40,7 +40,7 @@
 										出口航次: <text>{{item.outVvyName}}</text>
 									</view>
 									<view class="nitem">
-										出口贸易类型: <text>{{item.outTradeTypeName}}</text>
+										贸易类型: <text>{{item.outTradeTypeName}}</text>
 									</view>
 								</view>
 								<view class="row">
@@ -749,16 +749,49 @@
 							})
 						})
 						let delPmIds = uni.getStorageSync("delPmIds")
+						if (delPmIds == null || delPmIds == "") {
+							delPmIds = []
+						}
 						let delSwmIds = uni.getStorageSync("delSwmIds")
+						if (delSwmIds == null || delSwmIds == "") {
+							delSwmIds = []
+						}
 						let delSrmIds = uni.getStorageSync("delSrmIds")
+						if (delSrmIds == null || delSrmIds == "") {
+							delSrmIds = []
+						}
 						let delSoiIds = uni.getStorageSync("delSoiIds")
+						if (delSoiIds == null || delSoiIds == "") {
+							delSoiIds = []
+						}
 						let delSauIds = uni.getStorageSync("delSauIds")
+						if (delSauIds == null || delSauIds == "") {
+							delSauIds = []
+						}
 						let delSsIds = uni.getStorageSync("delSsIds")
+						if (delSsIds == null || delSsIds == "") {
+							delSsIds = []
+						}
 						let delAlIds = uni.getStorageSync("delAlIds")
+						if (delAlIds == null || delAlIds == "") {
+							delAlIds = []
+						}
 						let delLnIds = uni.getStorageSync("delLnIds")
+						if (delLnIds == null || delLnIds == "") {
+							delLnIds = []
+						}
 						let delCsIds = uni.getStorageSync("delCsIds")
+						if (delCsIds == null || delCsIds == "") {
+							delCsIds = []
+						}
 						let delCtIds = uni.getStorageSync("delCtIds")
+						if (delCtIds == null || delCtIds == "") {
+							delCtIds = []
+						}
 						let delMfIds = uni.getStorageSync("delMfIds")
+						if (delMfIds == null || delMfIds == "") {
+							delMfIds = []
+						}
 
 						let workDataInfo = {
 							"adviserLayoutReqList": that.shipmentAdviserLayoutRespList, // 指导员作业布置
diff --git a/pages/shipWork/untieSign.vue b/pages/shipWork/untieSign.vue
index d5e1fae..0ce4a29 100644
--- a/pages/shipWork/untieSign.vue
+++ b/pages/shipWork/untieSign.vue
@@ -88,7 +88,9 @@
 										<p>停泊时间：</p>
 										<p>Time of Shifting&nbsp;&nbsp;</p>
 									</td>
-									<td class="td2">{{tableInfo.noProductBerthTime}}</td>
+									<td class="td2">{{tableInfo.noProductBerthStTime}} -
+										{{tableInfo.noProductBerthEdTime}}
+									</td>
 								</tr>
 							</tbody>
 						</table>
diff --git a/static/images/gqIcon.png b/static/images/gqIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..7431d3479c922fa6e83bbb997afdb28d56d9d1ca
GIT binary patch
literal 1188
zcmex=<NpH&0WUXCHwH#V1_nkTWcYuZ!5PS-41f%w%mkqB{|6WZIT%zKl$jZo7?=bZ
znFSgDA7PMTU|?cmVrD=Boa`LTTudyiKv_cp21XV}CKeWE4yY1lAdi)eft^E8NRd-m
zL`l@BP)ym(!Z9(aykg5%pcWC3*HHmTR1j1276T76BhV$xf(-Tycek58+MN9Dx61s^
zCpW8=;zCcbcz$H$b6M|e<ZxkOn-lA*BU3)^?9Z_L*>!zu;Og^nq3sg8IioxL&h}56
zGG*(w1<Ph#2s@?Pprg{u!?2HOG2gt5>1UFs3X1N%>>b~&b5HG7ex1L^&b`-cZtgs$
zyZcZ>?Yd<rUAA8h4AQOXD0_BVt5<31zuv%)y}T_>8`e50%f4&dzFfa|{u|YQPi~}4
z&d=Xmdv0aN^2wdoA5M6}Ex*D+EA;B2U3&^|OE!mjPm5FzHPR04i!W>JivBUT;4}C7
zhmNP$h3?naN)G?}SIo;&c>k;YvBd{$oC|ADZQ0b`m-}|Z!oXvliMe{06<2gBUj4LI
z;mX(0aNFL=sV3<gIBNw2k1EV?Nm5#6DfI8;hugbmf6mf~@Z}6z$#u=|<eFI?TLL7n
zUixkov@t9&qT~IJj!XMjT6rvTeRbJ?<-^@v51Gy<r?ahETv&YPcgc&7+&z=ETY?WS
zXg1n(tEA~sDB~1~4LR&;BKiKQNz*2|^i(%22>O&^rXabAL3pdowK>klQBOjOOnTfG
zS&Hwn6g<(@eOG)|#<f@}-s+lw{f43UukZNJ@cX*dhB?w7&Ts$yeq(fX`Fy)mIWqPd
zr>~d@o@-dYS@CVpm&kX1`C+D&rf;Q8pU9h4_P9P@b@h>J(oA!~&#ZxbHA{|fjPlZE
zGE%&fyMZ(Pv_{*Pq{X)moMHO9HFVYbC*3zo4*oIHOZK=Cx#Llnht9_{t1drcoW#U@
zJ1hKr*GEmM`-ZE;m2A&G>#g5f{q2H*PQA>+qgsnDJ`NSo)KcVZ>}J|!@Yr2g;!1Mu
z;w<g^mpZQmX`lG|?)%PDt5-E2eg7y=>_5W^o$`NT&Z{@BP_NzO^(Jf5ysO8LdDgq8
zf1B1fS+V1!`~K1lZa&vEyLaugbpNdHY%@)npe;A4PeHKO@=TZTw%*c(vX>SDlck0J
zWC`|)*w38DggG8s|KyEX6Mt9St!Zc49o>YR&-}Be-b(qskgay-j7-6d@6y^UR|(%x
z;}nw3u~t0NW}0#Fl*VI;tFNAaQJ(iSk~!O~S?-ocSV7_MnteCQHo2-fe>$`3wVK8}
z#h<=8?zg=szjRycm!A<hH}BbVtrr&;Ox@bD@j$8297dy-j)0YJhcvo6);e{@UHx>T
bw|G{6zPgfSp!lS9y;3~4OfoLi|Gx<Uu{6*_

literal 0
HcmV?d00001

diff --git a/static/images/sys.png b/static/images/sys.png
new file mode 100644
index 0000000000000000000000000000000000000000..aed02b291bcdf31f81fec0718193f44c1170d4d6
GIT binary patch
literal 1062
zcmeAS@N?(olHy`uVBq!ia0vp^9zg8H!3HEHRE2zi6k~CayA#8@b22Z19GBDx&op0O
z1}z|)gMqO<lYs@K1c;@8n1O+L0V4x5kY)slEntGndMsduv%NqHUwstq2P&W7>Eakt
z!T5I0#=grA0uJeOEMg9Gs<2!#-4YO>$fZ>x<X$TzB=69@pruKS>j#5fQ<s!tEW4<Q
z$rg1MjusZKvyMXgn_n02=`5O8am{ni*)=7nZan^Y#_oJxO?5H%g0+(vtloNGZfx$q
z-Qd3b!HU@-QAgI@kxEP0_V3WUsdje`3O2QVe)hLgLd|l`4aPIK_vfWOcy?7@)}s73
z508)4`n$(srYjzLK7Z~J-qpP?OV9RQnld@(&z#_+J<lGWoi}0i1DV$%0?eL_nhI?U
zi?8tnIq)#Lt(9ETAi>lVW!%AdCH2dkD)viH3?+8(W#|=%>xbrluvXa9?D%cUpSr2P
z_!v_j?qM@X*PQTe>z~HA!9C_2mvl8%ehO@!nf!3ezQ7*6u*e0Uc!~~tJuBHJI_u{1
z=QiCY7rN7Wrdl6eIGgDh`&SlAh5B=j5{K-IH_m(ga`owdzS%CvHR~jA|J>N;e@^{G
z`;7Yf%cmkw^atpeGjn8q)xC6$XMxAV8+oS89_<p-mE77T+BL#zPYAr89`M0mbGz%O
z<WEnlKAvP$+@}$nIxl8k?Aj;CpPc@>$Z5y##O3ok%S&&ajpt)O?EF5b`Uu;j$@@K{
zd2(5UZ59F9{2P@zPS}eId~Oh(z?8&ckabppZNi`EHSN0@e#rDp+^=SE&~%a8lCK$`
zCtO?2r}CZq!~)ZX<jx)J9p_aF*7!0gtUUd76E}lP=Icw_pUR$VzoDEt<&))!-ppd(
zR~40IiP?7<CAaL+TX$(PQ_>4<1=b@130G!0a<it0FX?jCJa*CR3hxp1^9w}e7<%sQ
zl2>2Pa`2?z-yc;c|4!ClbM3_Rn9EOu_a2{rF5kcVQS+Oit*ceD)gLw6{k1=p>dEqn
zN9yp#Jnn!=0%EDgf|s{l@rF33TOuG~@5PVBJrV)NGo|zu_CL~T2;I}bwBX0Gk4&dt
zi~QZ!mGZM{!fNMlS&OSHJdRFEOf^_IHB0#4-bpgjtHU2hwoj3npnHk!hP<`0!v63=
z;qW<8GA2Jdj~&y>`lR?w>&D0JCte5jeh}~3q#iWA$YI-_`U!6@&aaDW^iIs=;NDbh
z7?`v8qFl-k-&d+75fL8Wmz)#N4qxNi?%S;>x#h;ctxw)@byNy)c`zEXNNi1mg*!BC
zbQE@{Pv3TvrNj4;naS+6*EVmt8U3iNdb9Mb%-JdlGcWj6{LC-f<(t5no;CYG(85bT
aO#d14na}BDzt07g2n?RCelF{r5}E*-TFkEi

literal 0
HcmV?d00001