Compare commits
2 Commits
95fa9b7aef
...
d12462d990
Author | SHA1 | Date |
---|---|---|
tangyi | d12462d990 | |
tangyi | cd9365cfbb |
|
@ -8,7 +8,7 @@
|
|||
<view class="type">
|
||||
<view class="li" @click="typeIndexFun(index)" :class="index==typeIndex?'on':''"
|
||||
v-for="(item,index) in typeData">
|
||||
{{item.title}}
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -17,25 +17,25 @@
|
|||
<view class="title">
|
||||
<text class="cor">*</text>产品名称
|
||||
</view>
|
||||
<input class="input" type="text" value="全彩LED显示屏" />
|
||||
<input class="input" v-model="data.title" type="text" placeholder="请填写产品名称" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="title">
|
||||
<text class="cor">*</text>规格型号
|
||||
</view>
|
||||
<input class="input" type="text" value="P2.5" />
|
||||
<input class="input" type="text" v-model="data.model" placeholder="请填写产品规格型号" />
|
||||
</view>
|
||||
|
||||
<view class="li">
|
||||
<view class="title">产品品牌</view>
|
||||
<input class="input" type="text" value="" placeholder="请输入品牌" />
|
||||
<input class="input" type="text" v-model="data.brand" value="" placeholder="请输入品牌" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="title">
|
||||
<text class="cor">*</text>产品尺寸
|
||||
</view>
|
||||
|
||||
<input class="input" type="text" value="宽:38.5m x 高14.5m" />
|
||||
<input class="input" type="text" v-model="data.width" placeholder="请填写产品尺寸 宽" />
|
||||
<input class="input" type="text" v-model="data.height" placeholder="请填写产品尺寸 高" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="supplementTitle">补充信息</view>
|
||||
|
@ -44,40 +44,45 @@
|
|||
<view class="title">
|
||||
<text class="cor">*</text>联系人
|
||||
</view>
|
||||
<input type="text" class="input" value="王富贵" />
|
||||
<input type="text" class="input" v-model="data.contact_name" placeholder="请填写联系人名称" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="">
|
||||
<text class="cor">*</text>联系电话
|
||||
</view>
|
||||
<input type="text" class="input" value="18256666666" />
|
||||
<input type="text" v-model="data.contact_phone" class="input" placeholder="请填写联系电话" />
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="">
|
||||
<text class="cor">*</text>预约时间
|
||||
</view>
|
||||
<input type="text" class="input" value="2022-02-16" />
|
||||
<input type="text" v-model="data.appointment_time" class="input" @tap="openDatetimePicker"
|
||||
placeholder="请选择预约时间" />
|
||||
|
||||
</view>
|
||||
<yy-mm-dd-hh-ss ref="myPicker" @submit="handleSubmit" :start-year="2022" :end-year="2122">
|
||||
</yy-mm-dd-hh-ss>
|
||||
<view class="li-textarea">
|
||||
<view class="title">*详细地址</view>
|
||||
<textarea class="textarea" value="湖南省株洲市荷塘区红旗中路456号五矿二十三冶综合楼" placeholder="" />
|
||||
<textarea class="textarea" v-model="data.addres" placeholder="请输入详细地址" />
|
||||
</view>
|
||||
|
||||
<view class="scene-img">
|
||||
<view class="title">现场图片</view>
|
||||
<view class="img-content">
|
||||
<image class="img" src="../../static/del/img003.png" mode=""></image>
|
||||
<image class="img" src="../../static/del/img003.png" mode=""></image>
|
||||
<image v-for="(item,index) in imgsrcArr" class="img" :src="item" :key="index"
|
||||
mode="aspectFill"></image>
|
||||
|
||||
</view>
|
||||
<view class="iocn-content">
|
||||
<view class="iocn-content" @click="chooseImg()">
|
||||
<image class="icon" src="../../static/iocn/jia.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<button class="submit-button" type="default">确认提交</button>
|
||||
<button class="submit-button" @click="submitData()" type="default">确认提交</button>
|
||||
|
||||
</view>
|
||||
</container-subgroup-two>
|
||||
</container-subgroup-two>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
@ -87,27 +92,32 @@
|
|||
<script>
|
||||
import containerSubgroupTwo from '@/components/containers/container-subgroup-two.vue';
|
||||
import statusNav from '../../components/status-nav.vue';
|
||||
import yyMmDdHhSs from '@/components/dates/yy-mm-dd-hh-ss.vue';
|
||||
import {
|
||||
uploadImg
|
||||
} from '@/jsFile/public-api.js';
|
||||
export default {
|
||||
components: {
|
||||
statusNav,
|
||||
containerSubgroupTwo,
|
||||
|
||||
yyMmDdHhSs
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
data:{
|
||||
type_id:1,
|
||||
title:"",
|
||||
brand:"",
|
||||
model:"型号",
|
||||
width:"",
|
||||
height:"",
|
||||
contact_name:"",
|
||||
contact_phone:"",
|
||||
appointment_time:'',
|
||||
addres:"",
|
||||
pictures:"",
|
||||
data: {
|
||||
type_id: 1,
|
||||
title: "",
|
||||
brand: "",
|
||||
model: "",
|
||||
width: "",
|
||||
height: "",
|
||||
contact_name: "",
|
||||
contact_phone: "",
|
||||
appointment_time: '',
|
||||
addres: "",
|
||||
pictures: "",
|
||||
},
|
||||
imgsrcArr: [],
|
||||
typeIndex: 0,
|
||||
typeData: [{
|
||||
title: '巡检',
|
||||
|
@ -129,12 +139,101 @@
|
|||
}
|
||||
},
|
||||
onLoad(op) {
|
||||
this.getType()
|
||||
if (op.index != undefined) this.typeIndex = op.index;
|
||||
},
|
||||
methods: {
|
||||
// 切换类型
|
||||
typeIndexFun(index) {
|
||||
this.typeIndex = index
|
||||
this.data.type_id=this.typeData
|
||||
this.data.type_id = this.typeData
|
||||
},
|
||||
getType() {
|
||||
this.$requst.post('/universal/api.vas/vas_type', this.data).then(res => {
|
||||
if (res.code == 1) {
|
||||
this.typeData = [...res.data]
|
||||
console.log(this.typeData)
|
||||
} else {
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
openDatetimePicker() {
|
||||
this.$refs.myPicker.show();
|
||||
},
|
||||
// 获取预约时间
|
||||
handleSubmit(e) {
|
||||
// {year: "2019", month: "07", day: "17", hour: "15", minute: "21"}
|
||||
console.log(e)
|
||||
this.data.appointment_time = `${e.year}-${e.month}-${e.day} ${e.hour}:${e.minute}`;
|
||||
|
||||
|
||||
},
|
||||
// 选择图片
|
||||
chooseImg() {
|
||||
uni.chooseImage({
|
||||
count: 2,
|
||||
sourceType: ['album', 'camera'],
|
||||
success: (res) => {
|
||||
this.imgsrcArr = []
|
||||
let imgsrc = res.tempFilePaths;
|
||||
imgsrc.forEach(item => {
|
||||
this.imgsrcArr.push(item);
|
||||
})
|
||||
for (var i = 0; i < res.tempFilePaths.length; i++) {
|
||||
uploadImg({
|
||||
path: res.tempFilePaths[i]
|
||||
}).then(res => {
|
||||
if (res.code) {
|
||||
this.$toolAll.tools.showToast('上传成功');
|
||||
if (!this.data.pictures) {
|
||||
this.data.pictures = res.data.id + ","
|
||||
} else {
|
||||
this.data.pictures += res.data.id
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
// 提交
|
||||
submitData() {
|
||||
if (!this.data.title) {
|
||||
this.$toolAll.tools.showToast("请填写产品名称");
|
||||
return
|
||||
}
|
||||
if (!this.data.contact_name) {
|
||||
this.$toolAll.tools.showToast("请填写联系人名称");
|
||||
return
|
||||
}
|
||||
var reg_tel =
|
||||
/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/; //11位手机号码正则
|
||||
|
||||
if (!reg_tel.test(this.data.contact_phone)) {
|
||||
this.$toolAll.tools.showToast("请正确填写联系人电话");
|
||||
return
|
||||
}
|
||||
if (!this.data.appointment_time) {
|
||||
this.$toolAll.tools.showToast("请选择预约时间");
|
||||
return
|
||||
}
|
||||
if (!this.data.addres) {
|
||||
this.$toolAll.tools.showToast("请正确填写详细地址");
|
||||
return
|
||||
}
|
||||
if (!this.data.pictures) {
|
||||
this.$toolAll.tools.showToast("请选择现场图片");
|
||||
return
|
||||
}
|
||||
this.data.appointment_time = new Date(this.data.appointment_time).getTime()
|
||||
this.$requst.post('/universal/api.vas/vas', this.data).then(res => {
|
||||
if (res.code == 1) {
|
||||
console.log(res)
|
||||
} else {
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -206,13 +305,15 @@
|
|||
.appreciationServe-from .li {
|
||||
display: flex;
|
||||
height: 80rpx;
|
||||
border-bottom: 1rpx solid #f5f5f7;
|
||||
border-bottom: 1rpx solid #f5f5f7;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
.appreciationServe-from .li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.appreciationServe-from .li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.appreciationServe-from .li .title {
|
||||
font-size: 26rpx;
|
||||
color: #333333;
|
||||
|
|
|
@ -25,22 +25,24 @@
|
|||
<view class="padding">
|
||||
<view class="devicename" @click="scanCodeFun()" v-if="navDataState[0].state">
|
||||
<view class="">请填写设备名称和型号或扫描二维码</view>
|
||||
<image class="sm" src="../../static/iocn/sm.png" lazy-load mode=""></image>
|
||||
<image class="sm" src="../../static/iocn/sm.png" lazy-load mode=""></image>
|
||||
</view>
|
||||
<input v-model="data.device_name" class="devicename" placeholder="请填写设备名称和型号" v-else />
|
||||
<view class="fault-pictures radius10" @click="chooseImg">
|
||||
<image class="fault-pictures-img" v-if="imgsrcArr.length>=1" :src="imgsrcArr[0]" mode="aspectFill"></image>
|
||||
<image class="fault-pictures-img" v-if="imgsrcArr.length>=1" :src="imgsrcArr[0]"
|
||||
mode="aspectFill"></image>
|
||||
<view class="fault-pictures-con" v-else>
|
||||
<image class="img" src="../../static/iocn/gz.png" lazy-load mode="aspectFill"></image>
|
||||
<view class="text">添加故障图片</view>
|
||||
<image class="img" src="../../static/iocn/gz.png" lazy-load mode="aspectFill"></image>
|
||||
<view class="text">添加故障图片</view>
|
||||
</view>
|
||||
</view>
|
||||
<textarea v-model="data.fault_describe" class="fault-description radius10" placeholder="故障情况描述"
|
||||
placeholder-class="fault-description-text" />
|
||||
<view class="detailed-address inputCss">
|
||||
<input type="text" v-model="data.address" class="fon26 width100"
|
||||
<input type="text" v-model="data.service_address" class="fon26 width100"
|
||||
placeholder="请输入详细的上门服务地址" placeholder-class="inputCss-input" />
|
||||
<image @click="mapFun()" src="../../static/iocn/map.png" class="map flexs" mode="aspectFill"></image>
|
||||
<image @click="mapFun()" src="../../static/iocn/map.png" class="map flexs" mode="aspectFill">
|
||||
</image>
|
||||
</view>
|
||||
<input type="text" class="inputCss" v-model="data.username" placeholder="请填写您的姓名"
|
||||
placeholder-class="inputCss-input" />
|
||||
|
@ -48,7 +50,8 @@
|
|||
placeholder-class="inputCss-input" />
|
||||
<input type="text" class="inputCss" @tap="openDatetimePicker" disabled v-model="data.visit_time"
|
||||
placeholder="请选择上门时间" placeholder-class="inputCss-input" />
|
||||
<yy-mm-dd-hh-ss ref="myPicker" @submit="handleSubmit" :start-year="2022" :end-year="2122"></yy-mm-dd-hh-ss>
|
||||
<yy-mm-dd-hh-ss ref="myPicker" @submit="handleSubmit" :start-year="2022" :end-year="2122">
|
||||
</yy-mm-dd-hh-ss>
|
||||
<button class="submit-button" @click="submitButton()" type="default">提交故障申报</button>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -58,7 +61,9 @@
|
|||
|
||||
<script>
|
||||
import yyMmDdHhSs from '@/components/dates/yy-mm-dd-hh-ss.vue';
|
||||
import { uploadImg } from '@/jsFile/public-api.js';
|
||||
import {
|
||||
uploadImg
|
||||
} from '@/jsFile/public-api.js';
|
||||
export default {
|
||||
components: {
|
||||
yyMmDdHhSs
|
||||
|
@ -70,17 +75,16 @@
|
|||
is_device: 0,
|
||||
fault_type: "",
|
||||
device_name: "华为LED",
|
||||
condition: "",
|
||||
project_number: "",
|
||||
service_address:"",
|
||||
address: "",
|
||||
service_address: "",
|
||||
username: "",
|
||||
fault_describe:"",
|
||||
images:"",
|
||||
fault_picture: "",
|
||||
fault_describe: "",
|
||||
images: "",
|
||||
phone: "",
|
||||
visit_time: ""
|
||||
},
|
||||
imgsrcArr:[],
|
||||
imgsrcArr: [],
|
||||
indexType: 0,
|
||||
navDataState: [{
|
||||
title: "有设备",
|
||||
|
@ -135,18 +139,23 @@
|
|||
count: 1,
|
||||
sourceType: ['album', 'camera'],
|
||||
success: (res) => {
|
||||
this.imgsrcArr=[]
|
||||
this.imgsrcArr = []
|
||||
let imgsrc = res.tempFilePaths;
|
||||
imgsrc.forEach(item => {
|
||||
this.data.images=item
|
||||
this.data.images = item
|
||||
this.imgsrcArr.push(item);
|
||||
})
|
||||
|
||||
|
||||
uploadImg({path:res.tempFilePaths[0]}).then(res=>{
|
||||
if(res.code) {
|
||||
this.$toolAll.tools.showToast('上传成功');
|
||||
}
|
||||
uploadImg({
|
||||
path: res.tempFilePaths[0]
|
||||
}).then(res => {
|
||||
if (res.code) {
|
||||
console.log(res.data.id)
|
||||
this.$toolAll.tools.showToast('上传成功');
|
||||
this.data.fault_picture = res.data.id
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
|
@ -193,11 +202,12 @@
|
|||
this.$toolAll.tools.showToast("请正确填写您的电话");
|
||||
return
|
||||
}
|
||||
this.$requst.post('/universal/api.work_order/repair',this.data).then(res => {
|
||||
|
||||
|
||||
console.log(this.data)
|
||||
this.$requst.post('/universal/api.work_order/repair', this.data).then(res => {
|
||||
if (res.code == 1) {
|
||||
|
||||
console.log(res)
|
||||
console.log(res)
|
||||
} else {
|
||||
|
||||
}
|
||||
|
@ -209,19 +219,15 @@
|
|||
},
|
||||
|
||||
mapFun() {
|
||||
const that = this
|
||||
uni.getLocation({
|
||||
type: 'gcj02', //返回可以用于uni.openLocation的经纬度
|
||||
success: function(res) {
|
||||
const latitude = res.latitude;
|
||||
const longitude = res.longitude;
|
||||
console.log(latitude, longitude, 78);
|
||||
uni.chooseLocation({
|
||||
success: function(res) {
|
||||
console.log(res, 81);
|
||||
console.log('位置名称:' + res.name);
|
||||
console.log('详细地址:' + res.address);
|
||||
console.log('纬度:' + res.latitude);
|
||||
console.log('经度:' + res.longitude);
|
||||
that.data.service_address = res.address
|
||||
}
|
||||
});
|
||||
// uni.openLocation({
|
||||
|
@ -373,11 +379,13 @@
|
|||
background-color: #FFFFFF;
|
||||
flex-direction: column;
|
||||
}
|
||||
.fault-pictures-con{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.fault-pictures-con {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.fault-pictures .img {
|
||||
width: 87rpx;
|
||||
margin-bottom: 27rpx;
|
||||
|
@ -457,7 +465,8 @@
|
|||
width: 42rpx;
|
||||
height: 36rpx;
|
||||
}
|
||||
.fault-pictures-img{
|
||||
|
||||
.fault-pictures-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
|
|
|
@ -242,6 +242,7 @@
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
role: 4, // 1:业务员 2:表示客户 3:表示客服 4:表示工程师
|
||||
role: uni.getStorageSync('type_id'), // 1:业务员 2:表示客户 3:表示客服 4:表示工程师
|
||||
statusHeight: uni.getSystemInfoSync().statusBarHeight + 50,
|
||||
messageNumber: 16 ,// 消息数量
|
||||
|
|
|
@ -133,9 +133,13 @@
|
|||
// 获取工单列表
|
||||
getDatalist(){
|
||||
this.$requst.get('/universal/api.order/order_list',this.dataPage).then(res => {
|
||||
if (res.code) {
|
||||
if (res.code==1) {
|
||||
this.total = res.data.total;
|
||||
this.dataList = res.data.data;
|
||||
console.log(this.dataList,"---------1" )
|
||||
}else{
|
||||
this.dataList = [];
|
||||
console.log(this.dataList,"---------2" )
|
||||
}
|
||||
})
|
||||
},
|
||||
|
|
Loading…
Reference in New Issue