diff --git a/pages/workOrder/workOrder.vue b/pages/workOrder/workOrder.vue
index c14cafb..3d5b9d9 100644
--- a/pages/workOrder/workOrder.vue
+++ b/pages/workOrder/workOrder.vue
@@ -20,37 +20,36 @@
- 工单编号：
-
-
-
-
- 项目编号：
+ 工单编号：
- 项目名称：
+ 项目编号：
+
+
+
+ 项目名称：
- 产品类型：
+ 产品类型：
- 安装位置：
-
+ 安装位置：
+
- 故障类型：
-
+ 故障类型：
+
- 紧急程度：
+ 紧急程度：
- 故障说明：
-
+ 故障说明：
+
故障图片：
@@ -58,25 +57,27 @@
- +
+
+
+
- 报 单 人：
+ 报 单 人：
- 报单时间：
+ 报单时间：
- 服务方式：
-
+ 服务方式：
+
- 定位地址：
+ 定位地址：
@@ -98,12 +99,13 @@
},
data() {
return {
- productType:'Q2.5-E', // 产品类型
- installLocation:'详细地址+某某栋11楼会议室', // 安装位置
- faultType:'供电不足', // 故障类型
+ productType:'', // 产品类型
+ installLocation:'', // 安装位置
+ faultType:'', // 故障类型
faultExplain:'', // 故障说明
- faultImgList:[],
+ faultImgList:[], // 故障图片
serviceMode: '' ,// 服务方式
+ flag:true
}
},
methods: {
@@ -119,10 +121,44 @@
})
},
goWorkOrderThree() {
- uni.navigateTo({
- url: "/pages/workOrder/workorderTwo"
- })
- }
+ if(this.checkEmpty()){
+ if(this.flag) {
+ this.flag = false;
+ let params = {
+ a:this.productType,
+ b:this.installLocation,
+ c:this.faultType,
+ d:this.faultExplain,
+ f:this.faultImgList.join(','),
+ e:this.serviceMode
+ }
+ console.log(params);
+ uni.navigateTo({
+ url: "/pages/workOrder/workorderTwo"
+ })
+ }
+ }
+ },
+ // 判空
+ checkEmpty(){
+ let result = false;
+ if(!this.productType) {
+ this.$toolAll.tools.showToast('请填写产品类型');
+ } else if(!this.installLocation) {
+ this.$toolAll.tools.showToast('请填写安装位置');
+ } else if(!this.faultType) {
+ this.$toolAll.tools.showToast('请填写故障类型');
+ } else if(!this.faultExplain) {
+ this.$toolAll.tools.showToast('请填写故障说明');
+ } else if(this.faultImgList.length==0) {
+ this.$toolAll.tools.showToast('请添加故障图片');
+ } else if(!this.serviceMode) {
+ this.$toolAll.tools.showToast('请填写服务方式');
+ } else {
+ result = true;
+ }
+ return result;
+ }
}
}
@@ -187,9 +223,7 @@
.work-order-from .li .title {
font-size: 26rpx;
- width: 133rpx;
-
-
+ /* width: 150rpx; */
}
.work-order-from .li .input {
diff --git a/pages/workOrder/workorderTwo.vue b/pages/workOrder/workorderTwo.vue
index eba6eda..0bd9dc5 100644
--- a/pages/workOrder/workorderTwo.vue
+++ b/pages/workOrder/workorderTwo.vue
@@ -5,280 +5,155 @@
-
- 1
-
-
- 签到执行
-
+ 1
+ 签到执行
-
- 2
-
-
-
- 填写维保单
-
+ 2
+ 填写维保单
-
- 3
-
-
-
- 结算审核
-
+ 3
+ 结算审核
-
- 工单编号：
-
-
-
-
-
-
-
- 项目编号：
-
-
-
+ 工单编号：
+
-
- 项目名称：
-
-
-
+ 项目编号：
+
-
- 产品类型：
-
-
-
+ 项目名称：
+
-
- 安装位置：
-
-
-
+ 产品类型：
+
-
- 故障类型：
-
-
-
+ 安装位置：
+
-
- 服务方式：
-
-
-
+ 故障类型：
+
-
-
- 故障说明：
-
-
-
+ 服务方式：
+
-
- 故障图片：
-
-
+ 故障说明：
+
+
+
+ 故障图片：
-
-
-
-
-
-
-
+
+
+
-
-
- 开始时间：
-
-
-
+ 开始时间：
+
-
- 结束时间：
-
-
-
+ 结束时间：
+
-
- 维保用时：
-
-
-
+ 维保用时：
+
-
- 维保费用：
-
-
-
+ 维保费用：
+
-
- 等待时长：
-
-
-
+ 等待时长：
+
-
- 主维保人：
-
-
-
+ 主维保人：
+
-
- 更换配件：
-
-
+ 更换配件：
+
-
-
-
-
-
- 是
+
+ 是
-
-
-
-
-
- 否
+
+ 否
-
-
-
-
-
-
- 工作描述：
-
-
-
+ 工作描述：
+
-
-
- 维保图片：
-
-
+ 维保图片：
-
-
-
+
+
+
-
-
-
+
-
-
- 故障原因：
-
-
-
+ 故障原因：
+
-
- 维保人员：
-
-
-
+ 维保人员：
+
-
- 费用明细
-
-
- 添加配件
-
+ 费用明细
+ 添加配件
-
-
- 序号
-
-
- 配件名称
-
-
- 数量
-
-
-
- 价格
-
+ 序号
+ 配件名称
+ 数量
+ 价格
-
- {{item.id}}
-
-
- {{item.title}}
-
-
- {{item.num}}
-
-
- {{item.price}}元
-
+ {{item.id}}
+ {{item.title}}
+ {{item.num}}
+ {{item.price}}元
-
-
@@ -316,10 +191,28 @@
price: "430"
},
- ]
+ ],
+ maintenanceImgList:[]
}
},
methods: {
+ // 维保图片选择
+ chooseImg(){
+ uni.chooseImage({
+ count:9,
+ sourceType:['album','camera'],
+ success: (res) => {
+ let imgsrc = res.tempFilePaths;
+ imgsrc.forEach(item=>{
+ this.maintenanceImgList.push(item);
+ })
+ }
+ })
+ },
+ // 删除维保图片
+ delImg(index) {
+ this.maintenanceImgList.splice(index,1);
+ },
isrideoFun(is) {
this.isrideo = is
},
@@ -406,9 +299,7 @@
.work-order-from .li .title {
font-size: 26rpx;
- width: 133rpx;
-
-
+ /* width: 133rpx; */
}
.work-order-from .li .input {
@@ -419,13 +310,15 @@
}
.work-order-from .li .input .img {
- width: 169rpx;
+ /* width: 169rpx; */
+ width: 160rpx;
height: 127rpx;
margin-right: 10rpx;
}
.work-order-from .li .input .add-img {
- width: 136rpx;
+ /* width: 136rpx; */
+ width: 160rpx;
height: 127rpx;
display: flex;
justify-content: center;
@@ -440,6 +333,7 @@
.work-order-from .li .add-display {
display: flex;
+ flex-wrap: wrap;
}
.work-order-from .li .input-black {