pad组件更改
Panzihang
parent
84c04b641c
commit
e2b8694682
77
pages.json
77
pages.json
|
|
@ -60,18 +60,29 @@
|
|||
{
|
||||
"path": "pages/shipWork/peopleAdd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "杂项作业(人员信息)"
|
||||
"navigationBarTitleText": "杂项作业(人员信息)",
|
||||
"usingComponents": {
|
||||
"van-button": "/wxcomponents/vant/dist/button/index"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/shipWork/shiftAdd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "杂项作业(工班信息)"
|
||||
"navigationBarTitleText": "杂项作业(工班信息)",
|
||||
"usingComponents": {
|
||||
"van-icon": "/wxcomponents/vant/dist/icon/index",
|
||||
"van-button": "/wxcomponents/vant/dist/button/index"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "pages/shipWork/shiftDetails",
|
||||
"style": {
|
||||
"navigationBarTitleText": "杂项作业(工班信息)"
|
||||
"navigationBarTitleText": "杂项作业(工班信息)",
|
||||
"usingComponents": {
|
||||
"van-icon": "/wxcomponents/vant/dist/icon/index",
|
||||
"van-button": "/wxcomponents/vant/dist/button/index"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "pages/shipWork/untieCord",
|
||||
|
|
@ -82,7 +93,11 @@
|
|||
{
|
||||
"path": "pages/shipWork/untieAdd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "系解缆信息"
|
||||
"navigationBarTitleText": "系解缆信息",
|
||||
"usingComponents": {
|
||||
"van-icon": "/wxcomponents/vant/dist/icon/index",
|
||||
"van-button": "/wxcomponents/vant/dist/button/index"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
|
|
@ -94,7 +109,11 @@
|
|||
{
|
||||
"path": "pages/shipWork/supplyAdd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "供给信息"
|
||||
"navigationBarTitleText": "供给信息",
|
||||
"usingComponents": {
|
||||
"van-icon": "/wxcomponents/vant/dist/icon/index",
|
||||
"van-button": "/wxcomponents/vant/dist/button/index"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
|
|
@ -106,7 +125,11 @@
|
|||
{
|
||||
"path": "pages/shipWork/workAssignAdd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "指导员作业布置信息"
|
||||
"navigationBarTitleText": "指导员作业布置信息",
|
||||
"usingComponents": {
|
||||
"van-icon": "/wxcomponents/vant/dist/icon/index",
|
||||
"van-button": "/wxcomponents/vant/dist/button/index"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "pages/shipWork/notice",
|
||||
|
|
@ -117,7 +140,11 @@
|
|||
{
|
||||
"path": "pages/shipWork/noticeAdd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "船舶装卸通知书信息"
|
||||
"navigationBarTitleText": "船舶装卸通知书信息",
|
||||
"usingComponents": {
|
||||
"van-icon": "/wxcomponents/vant/dist/icon/index",
|
||||
"van-button": "/wxcomponents/vant/dist/button/index"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "pages/shipWork/opinion",
|
||||
|
|
@ -127,7 +154,11 @@
|
|||
}, {
|
||||
"path": "pages/shipWork/opinionAdd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "质量意见征询信息"
|
||||
"navigationBarTitleText": "质量意见征询信息",
|
||||
"usingComponents": {
|
||||
"van-icon": "/wxcomponents/vant/dist/icon/index",
|
||||
"van-button": "/wxcomponents/vant/dist/button/index"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "pages/shipWork/abnormal",
|
||||
|
|
@ -137,7 +168,11 @@
|
|||
}, {
|
||||
"path": "pages/shipWork/abnormalAdd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "异常情况信息"
|
||||
"navigationBarTitleText": "异常情况信息",
|
||||
"usingComponents": {
|
||||
"van-icon": "/wxcomponents/vant/dist/icon/index",
|
||||
"van-button": "/wxcomponents/vant/dist/button/index"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "pages/shipWork/mafi",
|
||||
|
|
@ -147,7 +182,11 @@
|
|||
}, {
|
||||
"path": "pages/shipWork/mafiAdd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "MAFI清单信息"
|
||||
"navigationBarTitleText": "MAFI清单信息",
|
||||
"usingComponents": {
|
||||
"van-icon": "/wxcomponents/vant/dist/icon/index",
|
||||
"van-button": "/wxcomponents/vant/dist/button/index"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "pages/shipWork/patrol",
|
||||
|
|
@ -157,7 +196,11 @@
|
|||
}, {
|
||||
"path": "pages/shipWork/patrolAdd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "安全巡检信息"
|
||||
"navigationBarTitleText": "安全巡检信息",
|
||||
"usingComponents": {
|
||||
"van-icon": "/wxcomponents/vant/dist/icon/index",
|
||||
"van-button": "/wxcomponents/vant/dist/button/index"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"path": "pages/shipWork/shipInfo",
|
||||
|
|
@ -189,13 +232,21 @@
|
|||
{
|
||||
"path": "pages/monitor/edit",
|
||||
"style": {
|
||||
"navigationBarTitleText": "编辑货物质量"
|
||||
"navigationBarTitleText": "编辑货物质量",
|
||||
"usingComponents": {
|
||||
"van-icon": "/wxcomponents/vant/dist/icon/index",
|
||||
"van-button": "/wxcomponents/vant/dist/button/index",
|
||||
"van-uploader": "/wxcomponents/vant/dist/uploader/index"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/monitor/details",
|
||||
"style": {
|
||||
"navigationBarTitleText": "质损详情"
|
||||
"navigationBarTitleText": "质损详情",
|
||||
"usingComponents": {
|
||||
"van-button": "/wxcomponents/vant/dist/button/index"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
|
|
|
|||
|
|
@ -8,100 +8,100 @@
|
|||
<view class="formTitle">
|
||||
基本信息
|
||||
</view>
|
||||
<ul>
|
||||
<li class="flexLi">
|
||||
<view class="ul">
|
||||
<view class="li flexLi">
|
||||
<p class="liTitle">质损发生环节</p>
|
||||
<view class="rightInfo">
|
||||
<p>客户反馈</p>
|
||||
<p>这是一段很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的描述
|
||||
</p>
|
||||
</view>
|
||||
</li>
|
||||
<li>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle">板车照片</p>
|
||||
<view class="picture">
|
||||
<img src="../../static/images/testImg.jpg" alt="" v-for="item in 3">
|
||||
<image src="../../static/images/testImg.jpg" v-for="item in 3"></image>
|
||||
</view>
|
||||
</li>
|
||||
<li>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle">板车车牌照</p>
|
||||
<view class="picture">
|
||||
<img src="../../static/images/testImg.jpg" alt="" v-for="item in 3">
|
||||
<image src="../../static/images/testImg.jpg" v-for="item in 3"></image>
|
||||
</view>
|
||||
</li>
|
||||
<li class="flexLi">
|
||||
</view>
|
||||
<view class="li flexLi">
|
||||
<p class="liTitle">质损负责人</p>
|
||||
<p>张砰砰</p>
|
||||
</li>
|
||||
<li class="flexLi">
|
||||
</view>
|
||||
<view class="li flexLi">
|
||||
<p class="liTitle">签名</p>
|
||||
<p>张砰砰</p>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
<view class="formTitle">
|
||||
质损信息
|
||||
</view>
|
||||
<ul class="zsInfo">
|
||||
<li>
|
||||
<view class="ul zsInfo">
|
||||
<view class="li">
|
||||
<p>车架号/条形码：</p>
|
||||
<p>1000000000</p>
|
||||
</li>
|
||||
<li>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>船名/航次：</p>
|
||||
<p>运程10/HC98685976</p>
|
||||
</li>
|
||||
<li>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>车型：</p>
|
||||
<p>1000000000</p>
|
||||
</li>
|
||||
<li>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>品牌：</p>
|
||||
<p>这是一个品牌</p>
|
||||
</li>
|
||||
<li>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>场位：</p>
|
||||
<p>1000000000</p>
|
||||
</li>
|
||||
<li>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>质损时间：</p>
|
||||
<p>2023/09/08 23:00:00</p>
|
||||
</li>
|
||||
<li>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p>质损货物品类：</p>
|
||||
<p>商品车</p>
|
||||
</li>
|
||||
<li class="imgLi">
|
||||
<img src="../../static/images/car1.png" alt="">
|
||||
<img src="../../static/images/car2.png" alt="">
|
||||
<img src="../../static/images/car3.png" alt="">
|
||||
<img src="../../static/images/car4.png" alt="">
|
||||
<img src="../../static/images/car5.png" alt="">
|
||||
</li>
|
||||
<li class="tsLi">
|
||||
</view>
|
||||
<view class="li imgLi">
|
||||
<image src="../../static/images/car1.png"></image>
|
||||
<image src="../../static/images/car2.png"></image>
|
||||
<image src="../../static/images/car3.png"></image>
|
||||
<image src="../../static/images/car4.png"></image>
|
||||
<image src="../../static/images/car5.png"></image>
|
||||
</view>
|
||||
<view class="li tsLi">
|
||||
<p>质损概况：</p>
|
||||
<p>其他 这是一段关于其他的描述</p>
|
||||
</li>
|
||||
<li class="tsLi">
|
||||
</view>
|
||||
<view class="li tsLi">
|
||||
<p>损伤情况：</p>
|
||||
<p>磕伤（点状）</p>
|
||||
</li>
|
||||
<li class="tsLi">
|
||||
</view>
|
||||
<view class="li tsLi">
|
||||
<p>处置情况：</p>
|
||||
<p>取消发运</p>
|
||||
</li>
|
||||
<li class="zpLi">
|
||||
</view>
|
||||
<view class="li zpLi">
|
||||
<p class="liTitle">质损照片</p>
|
||||
<view class="picture">
|
||||
<img src="../../static/images/testImg.jpg" alt="" v-for="item in 6">
|
||||
<image src="../../static/images/testImg.jpg" v-for="item in 6"></image>
|
||||
</view>
|
||||
</li>
|
||||
<li class="zpLi">
|
||||
</view>
|
||||
<view class="li zpLi">
|
||||
<p class="liTitle">车架号图片</p>
|
||||
<view class="picture">
|
||||
<img src="../../static/images/testImg.jpg" alt="" v-for="item in 9">
|
||||
<image src="../../static/images/testImg.jpg" alt="" v-for="item in 9"></image>
|
||||
</view>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btnList">
|
||||
<van-button type="default" @click="cancel">取消</van-button>
|
||||
</view>
|
||||
|
|
@ -147,14 +147,14 @@
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul {
|
||||
.ul {
|
||||
margin-bottom: 30px;
|
||||
|
||||
.flexLi {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
li {
|
||||
.li {
|
||||
margin-top: 30px;
|
||||
|
||||
.liTitle {
|
||||
|
|
@ -175,7 +175,7 @@
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
img {
|
||||
image {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
margin: 10px;
|
||||
|
|
@ -189,7 +189,7 @@
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
li {
|
||||
.li {
|
||||
width: 48%;
|
||||
display: flex;
|
||||
|
||||
|
|
@ -210,24 +210,29 @@
|
|||
.imgLi {
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
height: 400px;
|
||||
|
||||
img:nth-of-type(1) {
|
||||
image {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
image:nth-of-type(1) {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
img:nth-of-type(2) {
|
||||
image:nth-of-type(2) {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
img:nth-of-type(3) {
|
||||
image:nth-of-type(3) {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
img:nth-of-type(4) {
|
||||
image:nth-of-type(4) {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
img:nth-of-type(5) {
|
||||
image:nth-of-type(5) {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,30 +4,19 @@
|
|||
<view class="formTitle">
|
||||
基本信息
|
||||
</view>
|
||||
<ul>
|
||||
<li class="hjLi">
|
||||
<p class="liTitle"><span class="required">*</span>资损发生环节</p>
|
||||
<van-radio-group class="radioList" v-model="radio" direction="horizontal">
|
||||
<van-radio name="收车交接">收车交接</van-radio>
|
||||
<van-radio name="卸船（舱内）">卸船（舱内）</van-radio>
|
||||
<van-radio name="卸船（场地）">卸船（场地）</van-radio>
|
||||
<van-radio name="移车">移车</van-radio>
|
||||
<van-radio name="交接检查">交接检查</van-radio>
|
||||
<van-radio name="查验">查验</van-radio>
|
||||
<van-radio name="巡场">巡场</van-radio>
|
||||
<van-radio name="提货交接">提货交接</van-radio>
|
||||
<van-radio name="装船（舱内）">装船（舱内）</van-radio>
|
||||
<van-radio name="装船（场地）">装船（场地）</van-radio>
|
||||
<van-radio name="理货">理货</van-radio>
|
||||
<van-radio name="退关">退关</van-radio>
|
||||
<van-radio name="退运">退运</van-radio>
|
||||
<van-radio name="直装">直装</van-radio>
|
||||
<van-radio name="客户反馈" class="radioInput">客户反馈
|
||||
</van-radio>
|
||||
<van-radio name="其他">其他</van-radio>
|
||||
</van-radio-group>
|
||||
</li>
|
||||
<li>
|
||||
<view class="ul">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>资损发生环节</p>
|
||||
<radio-group class="radioList" @change="radioChange">
|
||||
<label class="radioBox" v-for="(item, index) in radioList" :key="item.value">
|
||||
<view>
|
||||
<radio :value="item.value" :checked="index === current" />
|
||||
</view>
|
||||
<view>{{item.name}}</view>
|
||||
</label>
|
||||
</radio-group>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle">板车照片</p>
|
||||
<van-uploader>
|
||||
<van-button icon="plus" type="info">图片上传</van-button>
|
||||
|
|
@ -35,8 +24,8 @@
|
|||
<view class="picture">
|
||||
<uni-file-picker limit="9" title="最多选择9张图片"></uni-file-picker>
|
||||
</view>
|
||||
</li>
|
||||
<li>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle">板车车牌照</p>
|
||||
<van-uploader>
|
||||
<van-button icon="plus" type="info">图片上传</van-button>
|
||||
|
|
@ -44,108 +33,105 @@
|
|||
<view class="picture">
|
||||
<uni-file-picker limit="9" title="最多选择9张图片"></uni-file-picker>
|
||||
</view>
|
||||
</li>
|
||||
<li class="zisun">
|
||||
<p class="liTitle"><span class="required">*</span>责损负责人:</p>
|
||||
<van-field v-model="lossHead" placeholder="请输入" />
|
||||
</li>
|
||||
<li class="zisun">
|
||||
<p class="liTitle"><span class="required">*</span>签名:</p>
|
||||
</view>
|
||||
<view class="li zisun">
|
||||
<p class="liTitle"><text class="required">*</text>责损负责人:</p>
|
||||
<uni-easyinput class="inputBox" v-model="lossHead" placeholder="请输入"></uni-easyinput>
|
||||
</view>
|
||||
<view class="li zisun">
|
||||
<p class="liTitle"><text class="required">*</text>签名:</p>
|
||||
<p class="sign" @click="sign">点击签名</p>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
<view class="formTitle">
|
||||
质损信息
|
||||
</view>
|
||||
<ul class="zsInfo">
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>车架号/条形码:</p>
|
||||
<van-field v-model="carValue" placeholder="请输入" />
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>船名航次:</p>
|
||||
<view class="ul zsInfo">
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>车架号/条形码:</p>
|
||||
<uni-easyinput class="inputBox" v-model="carValue" placeholder="请输入"></uni-easyinput>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>船名航次:</p>
|
||||
<uni-data-select v-model="shipValue" :localdata="shipList" @change="shipChange"></uni-data-select>
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>车型:</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>车型:</p>
|
||||
<uni-data-select v-model="carModel" :localdata="carList" @change="carChange"></uni-data-select>
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>品牌:</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>品牌:</p>
|
||||
<uni-data-select v-model="brandValue" :localdata="brandList"
|
||||
@change="brandChange"></uni-data-select>
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>场位:</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>场位:</p>
|
||||
<uni-data-select v-model="fieldValue" :localdata="fieldList"
|
||||
@change="fieldChange"></uni-data-select>
|
||||
</li>
|
||||
<li>
|
||||
<p class="liTitle"><span class="required">*</span>质损时间:</p>
|
||||
</view>
|
||||
<view class="li">
|
||||
<p class="liTitle"><text class="required">*</text>质损时间:</p>
|
||||
<uni-datetime-picker type="datetime" v-model="zsDate" @change="dateChange" />
|
||||
</li>
|
||||
<li class="zsLi">
|
||||
<p class="liTitle"><span class="required">*</span>质损货物品类:</p>
|
||||
<van-radio-group class="radioList" v-model="zsRadio" direction="horizontal">
|
||||
<van-radio name="商品车">商品车</van-radio>
|
||||
<van-radio name="特种车">特种车</van-radio>
|
||||
<van-radio name="备件/件杂货">备件/件杂货</van-radio>
|
||||
<van-radio name="其他">其他
|
||||
<template>
|
||||
<van-field v-model="other" placeholder="请输入" />
|
||||
</template>
|
||||
</van-radio>
|
||||
</van-radio-group>
|
||||
</li>
|
||||
<li class="imgLi">
|
||||
<img src="../../static/images/car1.png" alt="">
|
||||
<img src="../../static/images/car2.png" alt="">
|
||||
<img src="../../static/images/car3.png" alt="">
|
||||
<img src="../../static/images/car4.png" alt="">
|
||||
<img src="../../static/images/car5.png" alt="">
|
||||
</li>
|
||||
<li class="zsLi">
|
||||
<p class="liTitle"><span class="required">*</span>资损概况:</p>
|
||||
<van-checkbox-group class="radioList" v-model="result1">
|
||||
<van-checkbox name="碰撞">碰撞</van-checkbox>
|
||||
<van-checkbox name="追尾">追尾</van-checkbox>
|
||||
<van-checkbox name="短装/卸">短装/卸</van-checkbox>
|
||||
<van-checkbox name="其他">其他
|
||||
<template>
|
||||
<van-field v-model="other1" placeholder="请输入" />
|
||||
</template>
|
||||
</van-checkbox>
|
||||
</van-checkbox-group>
|
||||
</li>
|
||||
<li class="zsLi">
|
||||
<p class="liTitle"><span class="required">*</span>损伤情况:</p>
|
||||
<van-checkbox-group class="radioList" v-model="result2">
|
||||
<van-checkbox name="磕伤（点状）">磕伤（点状）</van-checkbox>
|
||||
<van-checkbox name="擦伤（面状）">擦伤（面状）</van-checkbox>
|
||||
<van-checkbox name="划伤（线状）">划伤（线状）</van-checkbox>
|
||||
<van-checkbox name="凹陷（凹状）">凹陷（凹状）</van-checkbox>
|
||||
<van-checkbox name="其他">其他
|
||||
<template>
|
||||
<van-field v-model="other2" placeholder="请输入" />
|
||||
</template>
|
||||
</van-checkbox>
|
||||
</van-checkbox-group>
|
||||
</li>
|
||||
<li class="zsLi">
|
||||
<p class="liTitle"><span class="required">*</span>处置情况:</p>
|
||||
<van-checkbox-group class="radioList" v-model="result3">
|
||||
<van-checkbox name="带伤发运">带伤发运</van-checkbox>
|
||||
<van-checkbox name="取消发运">取消发运</van-checkbox>
|
||||
<van-checkbox name="补装/卸">补装/卸</van-checkbox>
|
||||
<van-checkbox name="短装/卸">短装/卸</van-checkbox>
|
||||
<van-checkbox name="其他">其他
|
||||
<template>
|
||||
<van-field v-model="other3" placeholder="请输入" />
|
||||
</template>
|
||||
</van-checkbox>
|
||||
</van-checkbox-group>
|
||||
</li>
|
||||
<li class="tpLi">
|
||||
</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="item.name == '其他'"></uni-easyinput></view>
|
||||
</label>
|
||||
</radio-group>
|
||||
</view>
|
||||
<view class="li imageLi">
|
||||
<image src="../../static/images/car1.png"></image>
|
||||
<image src="../../static/images/car2.png"></image>
|
||||
<image src="../../static/images/car3.png"></image>
|
||||
<image src="../../static/images/car4.png"></image>
|
||||
<image src="../../static/images/car5.png"></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}}<uni-easyinput class="inputBox" v-model="other1"
|
||||
placeholder="请输入" v-if="item.name == '其他'"></uni-easyinput>
|
||||
</view>
|
||||
</label>
|
||||
</checkbox-group>
|
||||
</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}}<uni-easyinput class="inputBox" v-model="other2"
|
||||
placeholder="请输入" v-if="item.name == '其他'"></uni-easyinput>
|
||||
</view>
|
||||
</label>
|
||||
</checkbox-group>
|
||||
</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}}<uni-easyinput class="inputBox" v-model="other3"
|
||||
placeholder="请输入" v-if="item.name == '其他'"></uni-easyinput>
|
||||
</view>
|
||||
</label>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
<view class="li tpLi">
|
||||
<p class="liTitle">资损照片</p>
|
||||
<van-uploader>
|
||||
<van-button icon="plus" type="info">图片上传</van-button>
|
||||
|
|
@ -153,8 +139,8 @@
|
|||
<view class="picture">
|
||||
<uni-file-picker limit="9" title="最多选择9张图片"></uni-file-picker>
|
||||
</view>
|
||||
</li>
|
||||
<li class="tpLi">
|
||||
</view>
|
||||
<view class="li tpLi">
|
||||
<p class="liTitle">车架号图片</p>
|
||||
<van-uploader>
|
||||
<van-button icon="plus" type="info">图片上传</van-button>
|
||||
|
|
@ -162,8 +148,8 @@
|
|||
<view class="picture">
|
||||
<uni-file-picker limit="9" title="最多选择9张图片"></uni-file-picker>
|
||||
</view>
|
||||
</li>
|
||||
</ul>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btnList">
|
||||
<van-button type="default" @click="cancel">取消</van-button>
|
||||
<van-button type="info">提交</van-button>
|
||||
|
|
@ -175,11 +161,66 @@
|
|||
|
||||
<script>
|
||||
export default {
|
||||
name: "monEdit",
|
||||
data() {
|
||||
return {
|
||||
// 基本信息
|
||||
radio: '', // 资损发生环节
|
||||
lossHead: "", // 资损负责人
|
||||
radioList: [{
|
||||
value: "1",
|
||||
name: "收车交接"
|
||||
},
|
||||
{
|
||||
value: "2",
|
||||
name: "卸船（舱内）"
|
||||
}, {
|
||||
value: "3",
|
||||
name: "卸船（场地）"
|
||||
}, {
|
||||
value: "4",
|
||||
name: "移车"
|
||||
}, {
|
||||
value: "5",
|
||||
name: "交接检查"
|
||||
}, {
|
||||
value: "6",
|
||||
name: "查验"
|
||||
}, {
|
||||
value: "7",
|
||||
name: "巡场"
|
||||
}, {
|
||||
value: "8",
|
||||
name: "提货交接"
|
||||
}, {
|
||||
value: "9",
|
||||
name: "装船（舱内）"
|
||||
}, {
|
||||
value: "10",
|
||||
name: "装船（场地）"
|
||||
}, {
|
||||
value: "11",
|
||||
name: "装船（场地）"
|
||||
}, {
|
||||
value: "12",
|
||||
name: "理货"
|
||||
}, {
|
||||
value: "13",
|
||||
name: "退关"
|
||||
}, {
|
||||
value: "14",
|
||||
name: "退运"
|
||||
}, {
|
||||
value: "15",
|
||||
name: "直装"
|
||||
}, {
|
||||
value: "16",
|
||||
name: "客户反馈"
|
||||
}, {
|
||||
value: "17",
|
||||
name: "其他"
|
||||
},
|
||||
],
|
||||
current: "",
|
||||
|
||||
// 质损信息
|
||||
carValue: "", // 车架号
|
||||
|
|
@ -240,18 +281,168 @@
|
|||
},
|
||||
],
|
||||
zsDate: "", // 质损时间
|
||||
zsRadio: "", // 质损货物品类单选框
|
||||
radioList2: [{
|
||||
value: "1",
|
||||
name: "商品车"
|
||||
},
|
||||
{
|
||||
value: "2",
|
||||
name: "特种车"
|
||||
},
|
||||
{
|
||||
value: "3",
|
||||
name: "备件/件杂货"
|
||||
},
|
||||
{
|
||||
value: "4",
|
||||
name: "其他"
|
||||
}
|
||||
],
|
||||
current2: "",
|
||||
other: "", // 质损货物品类其他
|
||||
result1: [], // 资损概况多选框
|
||||
checkValue: [], // 资损概况多选框选中
|
||||
checklist: [{ // 资损概况多选框
|
||||
value: "碰撞",
|
||||
name: "碰撞",
|
||||
},
|
||||
{
|
||||
value: "追尾",
|
||||
name: "追尾",
|
||||
},
|
||||
{
|
||||
value: "短装/卸",
|
||||
name: "短装/卸",
|
||||
},
|
||||
{
|
||||
value: "其他",
|
||||
name: "其他",
|
||||
}
|
||||
],
|
||||
other1: "", // 资损概况其他
|
||||
result2: [], // 损伤情况多选框
|
||||
checkValue2: [], // 资损概况多选框选中
|
||||
checklist2: [{
|
||||
value: "磕伤（点状）",
|
||||
name: "磕伤（点状）",
|
||||
},
|
||||
{
|
||||
value: "擦伤（面状）",
|
||||
name: "擦伤（面状）",
|
||||
}, {
|
||||
value: "划伤（线状）",
|
||||
name: "划伤（线状）",
|
||||
}, {
|
||||
value: "凹陷（凹状）",
|
||||
name: "凹陷（凹状）",
|
||||
}, {
|
||||
value: "其他",
|
||||
name: "其他",
|
||||
}
|
||||
],
|
||||
other2: "", // 损伤情况其他
|
||||
result3: [], // 处置情况多选框
|
||||
checkValue3: [], // 处置情况多选框选中
|
||||
checklist3: [{ // 处置情况多选框
|
||||
value: "带伤发运",
|
||||
name: "带伤发运",
|
||||
},
|
||||
{
|
||||
value: "取消发运",
|
||||
name: "取消发运",
|
||||
},
|
||||
{
|
||||
value: "补装/卸",
|
||||
name: "补装/卸",
|
||||
}, {
|
||||
value: "短装/卸",
|
||||
name: "短装/卸",
|
||||
},
|
||||
{
|
||||
value: "其他",
|
||||
name: "其他",
|
||||
}
|
||||
],
|
||||
other3: "", // 处置情况其他
|
||||
}
|
||||
},
|
||||
onLoad() {},
|
||||
methods: {
|
||||
radioChange: function(evt) {
|
||||
for (let i = 0; i < this.radioList.length; i++) {
|
||||
if (this.radioList[i].value === evt.detail.value) {
|
||||
this.current = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
},
|
||||
radioChange2: function(evt) {
|
||||
for (let i = 0; i < this.radioList2.length; i++) {
|
||||
if (this.radioList2[i].value === evt.detail.value) {
|
||||
this.current2 = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
},
|
||||
checkboxChange(e) {
|
||||
var items = this.checklist,
|
||||
values = e.detail.value;
|
||||
for (var i = 0, lenI = items.length; i < lenI; ++i) {
|
||||
const item = items[i]
|
||||
if (values.includes(item.value)) {
|
||||
this.$set(item, 'checked', true)
|
||||
} else {
|
||||
this.$set(item, 'checked', false)
|
||||
}
|
||||
}
|
||||
let newArr = []
|
||||
this.checklist.forEach(v => {
|
||||
if (v.checked) {
|
||||
newArr.push(v.name)
|
||||
}
|
||||
})
|
||||
this.checkValue = newArr.filter((v, index) => {
|
||||
return newArr.indexOf(v) === index
|
||||
})
|
||||
},
|
||||
checkboxChange2(e) {
|
||||
var items = this.checklist2,
|
||||
values = e.detail.value;
|
||||
for (var i = 0, lenI = items.length; i < lenI; ++i) {
|
||||
const item = items[i]
|
||||
if (values.includes(item.value)) {
|
||||
this.$set(item, 'checked', true)
|
||||
} else {
|
||||
this.$set(item, 'checked', false)
|
||||
}
|
||||
}
|
||||
let newArr = []
|
||||
this.checklist2.forEach(v => {
|
||||
if (v.checked) {
|
||||
newArr.push(v.name)
|
||||
}
|
||||
})
|
||||
this.checkValue2 = newArr.filter((v, index) => {
|
||||
return newArr.indexOf(v) === index
|
||||
})
|
||||
},
|
||||
checkboxChange3(e) {
|
||||
var items = this.checklist3,
|
||||
values = e.detail.value;
|
||||
for (var i = 0, lenI = items.length; i < lenI; ++i) {
|
||||
const item = items[i]
|
||||
if (values.includes(item.value)) {
|
||||
this.$set(item, 'checked', true)
|
||||
} else {
|
||||
this.$set(item, 'checked', false)
|
||||
}
|
||||
}
|
||||
let newArr = []
|
||||
this.checklist3.forEach(v => {
|
||||
if (v.checked) {
|
||||
newArr.push(v.name)
|
||||
}
|
||||
})
|
||||
this.checkValue3 = newArr.filter((v, index) => {
|
||||
return newArr.indexOf(v) === index
|
||||
})
|
||||
},
|
||||
// 点击签名
|
||||
sign() {
|
||||
uni.navigateTo({
|
||||
|
|
@ -305,10 +496,10 @@
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul {
|
||||
.ul {
|
||||
margin-top: 10px;
|
||||
|
||||
li {
|
||||
.li {
|
||||
margin-bottom: 20px;
|
||||
|
||||
.liTitle {
|
||||
|
|
@ -323,35 +514,20 @@
|
|||
|
||||
.radioList {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 20px;
|
||||
|
||||
.radioBox {
|
||||
display: flex;
|
||||
width: 14%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/deep/.van-field__control {
|
||||
color: #6a6a6a;
|
||||
}
|
||||
|
||||
/deep/.van-field__control::-webkit-input-placeholder {
|
||||
color: #6a6a6a;
|
||||
}
|
||||
}
|
||||
|
||||
.hjLi {
|
||||
|
||||
/deep/.van-radio {
|
||||
min-width: 15%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.zisun {
|
||||
display: flex;
|
||||
|
||||
/deep/.van-field {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.liTitle {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
|
@ -365,7 +541,12 @@
|
|||
height: 120px !important;
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.inputBox {
|
||||
/deep/.is-input-border {
|
||||
width: 345px;
|
||||
}
|
||||
}
|
||||
|
||||
.sign {
|
||||
|
|
@ -382,7 +563,7 @@
|
|||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
|
||||
li {
|
||||
.li {
|
||||
width: 48%;
|
||||
display: flex;
|
||||
|
||||
|
|
@ -392,10 +573,6 @@
|
|||
font-size: 16px;
|
||||
}
|
||||
|
||||
/deep/.van-field {
|
||||
width: calc(100% - 120px);
|
||||
}
|
||||
|
||||
/deep/.uni-select {
|
||||
background-color: #fff;
|
||||
height: 44px;
|
||||
|
|
@ -405,31 +582,30 @@
|
|||
|
||||
.zsLi {
|
||||
width: 100%;
|
||||
line-height: 36px;
|
||||
|
||||
.liTitle {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.radioList {
|
||||
margin-top: 0;
|
||||
.radioList2 {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/deep/.van-radio__label {
|
||||
.radioBox {
|
||||
display: flex;
|
||||
margin-left: 10px;
|
||||
|
||||
.boxInfo {
|
||||
display: flex;
|
||||
line-height: 44px;
|
||||
}
|
||||
|
||||
/deep/.van-checkbox__label {
|
||||
display: flex;
|
||||
line-height: 44px;
|
||||
}
|
||||
/deep/.is-input-border {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
/deep/.van-checkbox {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/deep/.van-cell {
|
||||
margin-left: 10px;
|
||||
width: 250px;
|
||||
/deep/.uni-easyinput {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -443,27 +619,32 @@
|
|||
}
|
||||
}
|
||||
|
||||
.imgLi {
|
||||
.imageLi {
|
||||
width: 100%;
|
||||
flex-wrap: wrap;
|
||||
height: 400px;
|
||||
|
||||
img:nth-of-type(1) {
|
||||
image {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
image:nth-of-type(1) {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
img:nth-of-type(2) {
|
||||
image:nth-of-type(2) {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
img:nth-of-type(3) {
|
||||
image:nth-of-type(3) {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
img:nth-of-type(4) {
|
||||
image:nth-of-type(4) {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
img:nth-of-type(5) {
|
||||
image:nth-of-type(5) {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -153,7 +153,7 @@
|
|||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less" scoped>
|
||||
.container {
|
||||
display: flex;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -182,8 +182,8 @@
|
|||
// 点击搜索
|
||||
search() {
|
||||
this.itemList = [{
|
||||
uploadTime: "1",
|
||||
uploadStatusDesc: "2",
|
||||
uploadTime: "2022-12-11 12:00:08",
|
||||
uploadStatusDesc: "已上传",
|
||||
actualBerthageName: "3",
|
||||
planBerthageName: "4",
|
||||
outTradeTypeName: "5",
|
||||
|
|
@ -503,6 +503,7 @@
|
|||
.fitem {
|
||||
flex: 1;
|
||||
margin: 10px 20px;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue