594 lines
11 KiB
Vue
594 lines
11 KiB
Vue
<!-- 新增线下订单-->
|
||
<template>
|
||
<view class="content">
|
||
<view style="width: 100%; height: 44px;"></view>
|
||
<view class="top-heder">
|
||
<view class="t-left" @click="getback()">
|
||
<uni-icons type="left" size="18"></uni-icons>
|
||
</view>
|
||
<view class="t-title">
|
||
<text>{{ title }}</text>
|
||
</view>
|
||
<view class="t-you"></view>
|
||
</view>
|
||
|
||
<view class="mub">
|
||
<view class="top-ail">
|
||
|
||
<!-- 名称 -->
|
||
|
||
<view class="box-list">
|
||
<view class="list-box">
|
||
<view class="l-left">编号</view>
|
||
<view class="l-right">
|
||
<input type="text" v-model="data.id" placeholder="请输入编号">
|
||
</view>
|
||
</view>
|
||
<view class="list-box">
|
||
<view class="l-left">检验报告编号</view>
|
||
<view class="l-right">
|
||
<input type="text" v-model="data.reportId" placeholder="请输入检验报告编号">
|
||
</view>
|
||
</view>
|
||
<view class="list-box">
|
||
<view class="l-left">客户姓名</view>
|
||
<view class="l-right">
|
||
<input type="text" v-model="data.userName" placeholder="请输入客户姓名">
|
||
</view>
|
||
</view>
|
||
<view class="list-box">
|
||
<view class="l-left">车牌号</view>
|
||
<view class="l-right">
|
||
<input type="text" v-model="data.carNum" placeholder="请输入车牌号">
|
||
</view>
|
||
</view>
|
||
<view class="list-box">
|
||
<view class="l-left">VIN码</view>
|
||
<view class="l-right">
|
||
<input type="text" v-model="data.vin" placeholder="请输入VIN码">
|
||
</view>
|
||
</view>
|
||
<view class="list-box">
|
||
<view class="l-left">年份</view>
|
||
<view class="l-right">
|
||
<input type="text" v-model="data.year" placeholder="请输入年份">
|
||
</view>
|
||
</view>
|
||
<view class="list-box">
|
||
<view class="l-left">月份</view>
|
||
<view class="l-right">
|
||
<input type="text" v-model="data.month" placeholder="请输入月份">
|
||
</view>
|
||
</view>
|
||
<view class="list-box">
|
||
<view class="l-left">日</view>
|
||
<view class="l-right">
|
||
<input type="text" v-model="data.day" placeholder="请输入日">
|
||
</view>
|
||
</view>
|
||
<view class="list-box">
|
||
<u-checkbox-group
|
||
v-model="data.checkboxValue"
|
||
placement="column"
|
||
@change="checkboxChange"
|
||
>
|
||
<u-checkbox
|
||
:customStyle="{marginBottom: '8px'}"
|
||
v-for="(item, index) in radiolist1"
|
||
:key="index"
|
||
:label="item.name"
|
||
:name="item.name"
|
||
>
|
||
</u-checkbox>
|
||
</u-checkbox-group>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view class="dlanniu" @click="submit()">
|
||
<text>确认生成</text>
|
||
</view>
|
||
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 底部 -->
|
||
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import config from '@/config';
|
||
import request from '../../utils/request';
|
||
import upload from '@/utils/upload.js'
|
||
import {getToken, getTenantId} from '@/utils/auth'
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
imagePath: '',
|
||
fileList: [],
|
||
title: '维护修理告知书',
|
||
customerSource: '',
|
||
data: '',
|
||
buyName: '',
|
||
nickname: '',
|
||
buyPhone: '',
|
||
userAddress: '',
|
||
carNum: '',
|
||
carStatus: '',
|
||
carIdNo: '',
|
||
radioValue: '0',
|
||
carModel: '',
|
||
carNature: '',
|
||
show: false,
|
||
shownature: false,
|
||
showgoods: false,
|
||
showxin: false,
|
||
showzhi: false,
|
||
showRecord: false,
|
||
showLeadMan: false,
|
||
skuId: 0,
|
||
inspectionWorkNodes: [],
|
||
defaultIndex: [0],
|
||
kehuDefaultIndex: [0],
|
||
goodsDefaultIndex: [0, 0],
|
||
columns: [],
|
||
options: [],
|
||
nature: [],
|
||
goodsone: [],
|
||
goodstwo: [],
|
||
columnData: [],
|
||
xinlist: [],
|
||
zhilist: [],
|
||
recordTime: Number(new Date()),
|
||
baseUrl: this.$baseImageUrl,
|
||
goodsId: '',
|
||
msg: '3',
|
||
tapnum: 0,
|
||
fenlist: [],
|
||
goodstext: '',
|
||
ftitle: null,
|
||
shopImages: [],
|
||
shoplist: {},
|
||
province: '',
|
||
unitName: '',
|
||
kehui: '',
|
||
naturetext: '',
|
||
customerData: [],
|
||
inspectionWorkNodeStr: "",
|
||
leadManId: undefined,
|
||
leadManList: [],
|
||
isInsert: true,
|
||
inspectionId: undefined,
|
||
submitRecordTime: undefined,
|
||
xinDefaultIndex: [0],
|
||
recordTimeStr: '',
|
||
// 基本案列数据
|
||
radiolist1: [{
|
||
name: '《汽油车污染物排放限值及测量方法（双怠速法及简易工况法）》( GB 18285-2018)',
|
||
disabled: false,
|
||
label:'one'
|
||
},
|
||
{
|
||
name: '柴油车污染物排放限值及测量方法（自由加速法及加载加速法）》( GB 3847-2018）规定的在用',
|
||
disabled: false,
|
||
label:'two'
|
||
},
|
||
{
|
||
name: '汽油车',
|
||
disabled: false
|
||
, label:'three'
|
||
}, {
|
||
name: '柴油车污染物排放限值要求',
|
||
disabled: false
|
||
, label:'four'
|
||
}
|
||
],
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
if (options.inspectionInfoId) {
|
||
this.inspectionInfoId = options.inspectionInfoId
|
||
this.getData()
|
||
}
|
||
},
|
||
onShow() {
|
||
|
||
},
|
||
|
||
methods: {
|
||
getData() {
|
||
request({
|
||
url: '/system/info/getWordContent',
|
||
method: 'get',
|
||
params: {
|
||
id: this.inspectionInfoId
|
||
}
|
||
}).then(res => {
|
||
this.data = res.data
|
||
})
|
||
},
|
||
getback(){
|
||
uni.navigateBack()
|
||
},
|
||
checkboxChange(n) {
|
||
},
|
||
async submit() {
|
||
this.radiolist1.forEach(item => {
|
||
const flag = this.data.checkboxValue.indexOf(item.name) > -1 ? true : false
|
||
if (flag) {
|
||
this.data[item.label] = "√"
|
||
}else {
|
||
this.data[item.label] = "□"
|
||
}
|
||
})
|
||
request({
|
||
url: '/system/info/exportWord',
|
||
method: 'post',
|
||
data: this.data
|
||
}).then(res => {
|
||
console.log('word地址',this.$baseImageUrl + "/" + res.data)
|
||
})
|
||
|
||
},
|
||
|
||
// 提交
|
||
async getgoods() {
|
||
|
||
let res = await request({
|
||
url: '/partnerOwn/partner/editPartnerInfo',
|
||
method: 'post',
|
||
data: this.shoplist
|
||
})
|
||
if (res.code == 200) {
|
||
uni.showToast({
|
||
title: "修改成功"
|
||
})
|
||
}
|
||
setTimeout(() => {
|
||
uni.navigateBack()
|
||
}, 2000);
|
||
},
|
||
},
|
||
computed: {
|
||
checkboxLabelClass() {
|
||
return 'checkbox-label';
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.content {
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
height: calc(100vh);
|
||
background: white;
|
||
}
|
||
|
||
.top-heder {
|
||
width: 100%;
|
||
height: 46px;
|
||
background: white;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
box-sizing: border-box;
|
||
padding: 5px 15px;
|
||
}
|
||
|
||
.t-title {
|
||
font-size: 17px;
|
||
font-weight: bold;
|
||
color: #333333;
|
||
}
|
||
|
||
.checkbox-label {
|
||
word-wrap: break-word;
|
||
word-break: break-all;
|
||
}
|
||
|
||
.t-left {
|
||
width: 10%;
|
||
}
|
||
|
||
.t-you {
|
||
height: 100%;
|
||
width: 20%;
|
||
}
|
||
|
||
.t-input {
|
||
width: 80%;
|
||
height: 36px;
|
||
background: #F0F0F0;
|
||
border-radius: 50px;
|
||
box-sizing: border-box;
|
||
padding: 0 15px;
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
}
|
||
|
||
.top-ail {
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
padding: 15px;
|
||
background-color: #F4F4F4;
|
||
// height: calc(100vh);
|
||
}
|
||
|
||
.mub {
|
||
background-color: #F4F4F4;
|
||
height: calc(100vh);
|
||
}
|
||
|
||
.dix {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.upimg {
|
||
width: 100%;
|
||
height: 126px;
|
||
border-radius: 8px;
|
||
box-sizing: border-box;
|
||
|
||
background-color: white;
|
||
|
||
image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
|
||
.box-list {
|
||
width: 100%;
|
||
border-radius: 8px;
|
||
box-sizing: border-box;
|
||
padding: 10px;
|
||
background-color: white;
|
||
margin: 10px auto;
|
||
}
|
||
|
||
.list-box {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
box-sizing: border-box;
|
||
padding: 15px 5px;
|
||
border-bottom: 1px solid #EEEEEE;
|
||
}
|
||
|
||
.l-left {
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
}
|
||
|
||
.l-right {
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
color: #999999;
|
||
text-align: right;
|
||
}
|
||
|
||
.xiaolan {
|
||
// width: 109px;
|
||
// height: 30px;
|
||
background: #E2EAFF;
|
||
border-radius: 50px;
|
||
display: flex;
|
||
align-content: center;
|
||
justify-self: center;
|
||
box-sizing: border-box;
|
||
padding: 5px;
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
color: #0D2E8D;
|
||
}
|
||
|
||
.xiaohui {
|
||
// width: 141px;
|
||
// height: 30px;
|
||
box-sizing: border-box;
|
||
padding: 0px 10px;
|
||
background: #F7F7F7;
|
||
border-radius: 50px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin: 10px;
|
||
|
||
}
|
||
|
||
.hui-right {
|
||
border-left: 1px solid #DDDDDD;
|
||
padding: 5px;
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.wrap-box {
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.bottom-di {
|
||
width: 100%;
|
||
height: 56px;
|
||
background: #FFFFFF;
|
||
border-radius: 8px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
box-sizing: border-box;
|
||
padding: 0px 20px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.thui {
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
color: #666666;
|
||
margin-top: 10px;
|
||
margin-left: 8px;
|
||
}
|
||
|
||
.imgs {
|
||
box-sizing: border-box;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.p-box {
|
||
border-radius: 10px;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
padding: 20px;
|
||
width: 100%;
|
||
background-color: white;
|
||
}
|
||
|
||
.p-top {
|
||
width: 100%;
|
||
text-align: center;
|
||
font-size: 17px;
|
||
font-weight: bold;
|
||
color: #000000;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.on-input {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
box-sizing: border-box;
|
||
|
||
}
|
||
|
||
.ipt-kuang {
|
||
width: 70%;
|
||
height: 30px;
|
||
background: #FFFFFF;
|
||
border-radius: 8px 8px 8px 8px;
|
||
opacity: 1;
|
||
border: 1px solid #DDDDDD;
|
||
display: flex;
|
||
align-items: center;
|
||
margin: 10px auto;
|
||
box-sizing: border-box;
|
||
padding: 0px 10px;
|
||
}
|
||
|
||
.t-left {
|
||
width: 20%;
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
color: #000000;
|
||
}
|
||
|
||
.dlanniu {
|
||
width: 80%;
|
||
height: 45px;
|
||
background: linear-gradient(180deg, #3F61C0 0%, #0D2E8D 100%);
|
||
border-radius: 50px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin: 20px auto;
|
||
color: white;
|
||
}
|
||
|
||
.da {
|
||
font-size: 16px;
|
||
}
|
||
|
||
//
|
||
.top {
|
||
box-sizing: border-box;
|
||
padding: 0px 15px;
|
||
width: 100%;
|
||
border-radius: 10px;
|
||
margin: 10px auto;
|
||
background-color: white;
|
||
}
|
||
|
||
.top-box {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
box-sizing: border-box;
|
||
padding: 20px 0px;
|
||
}
|
||
|
||
.tb-left {
|
||
height: 100%;
|
||
width: 80%;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.uicon {
|
||
width: 18px;
|
||
height: 18px;
|
||
border-radius: 4px;
|
||
color: white;
|
||
background: orangered;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
font-size: 12px;
|
||
font-weight: bold;
|
||
margin-right: 6px;
|
||
}
|
||
|
||
.tb-right {
|
||
width: 20px;
|
||
height: 26px;
|
||
|
||
image {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
|
||
.text1 {
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
color: #363636;
|
||
}
|
||
|
||
.hong1 {
|
||
margin-top: 5px;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
color: #FF5453;
|
||
}
|
||
|
||
.hong2 {
|
||
margin-top: 5px;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
|
||
}
|
||
|
||
.tinput {
|
||
width: 100%;
|
||
display: flex;
|
||
background: white;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
box-sizing: border-box;
|
||
padding: 16px;
|
||
margin-top: 14px;
|
||
}
|
||
|
||
.xixi {
|
||
font-size: 12px;
|
||
color: #0D2E8D;
|
||
margin-left: 10px;
|
||
}
|
||
</style>
|