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