|
|
|
|
@ -0,0 +1,855 @@
|
|
|
|
|
<!-- 扫描rfid,选择缓存区，根据选择的缓存区查询库位，勾选是否取走托盘，提交托盘变更信息 -->
|
|
|
|
|
<template>
|
|
|
|
|
<view class="page-product-receipt">
|
|
|
|
|
<view class="header" :style="{ backgroundColor: `rgba(250, 53, 52, ${scrollTop / 100})` }">
|
|
|
|
|
<view class="left">
|
|
|
|
|
<u-icon class="icon" name="arrow-left" @click="goback()" />
|
|
|
|
|
</view>
|
|
|
|
|
<view class="title">维修审核</view>
|
|
|
|
|
<view class="right"></view>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- <u-tabs name="cate_name" count="cate_count" :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs> -->
|
|
|
|
|
<view class="list">
|
|
|
|
|
<div class="item-name">
|
|
|
|
|
<div class="quest">维修工单号: {{ detailsinfolist.workCode }}</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>设备编码: {{ detailsinfolist.equipmentCode }}</div>
|
|
|
|
|
<div style="margin-left: 42px">设备名称: {{ detailsinfolist.equipmentName }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>产线: {{ detailsinfolist.planProdLine }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<!-- <div>车间: {{ detailsinfocontent.planWorkshop }}</div> -->
|
|
|
|
|
<div>工作中心: {{ detailsinfolist.workshopName }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item-name item-info">
|
|
|
|
|
<div class="quest">报修信息</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>报修单号: {{ detailsinfolist.orderCode }}</div>
|
|
|
|
|
<!-- <div style="margin-left: 42px">设备名称: {{ detailsinfolist.equipmentName }}</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>报修人: {{ detailsinfolist.orderRepairmanCode }}</div>
|
|
|
|
|
<!-- <div style="margin-left: 42px">设备名称: {{ detailsinfolist.equipmentName }}</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>报修时间: {{ detailsinfolist.orderTime }}</div>
|
|
|
|
|
<!-- <div style="margin-left: 42px">设备名称: {{ detailsinfolist.equipmentName }}</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>故障时间: {{ detailsinfolist.orderBreakdownTime }}</div>
|
|
|
|
|
<!-- <div style="margin-left: 42px">设备名称: {{ detailsinfolist.equipmentName }}</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>报修来源: {{ detailsinfolist.orderSource }}</div>
|
|
|
|
|
<!-- <div style="margin-left: 42px">设备名称: {{ detailsinfolist.equipmentName }}</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="details">
|
|
|
|
|
<div>故障时间: {{ detailsinfolist.planWorkshop }}</div>
|
|
|
|
|
<div style="margin-left: 42px">工作中心: {{ detailsinfocontent.workCenterName }}</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>是否立即维修: {{ detailsinfolist.workHandle == 0 ? '否' : '是' }}</div>
|
|
|
|
|
<!-- <div style="margin-left: 42px">工作中心: {{ detailsinfocontent.workCenterName }}</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>联系方式: {{ detailsinfolist.orderConnection }}</div>
|
|
|
|
|
<!-- <div style="margin-left: 42px">工作中心: {{ detailsinfocontent.workCenterName }}</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>故障描述: {{ detailsinfolist.workFaultDesc }}</div>
|
|
|
|
|
<!-- <div style="margin-left: 42px">工作中心: {{ detailsinfocontent.workCenterName }}</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<view class="single-left">
|
|
|
|
|
<!-- <view>扫描设备码:</view> -->
|
|
|
|
|
<!-- <u-search style="border: 1px solid #a19d9d" placeholder="请扫描" @search="search" :focus="shouciFocus" v-model="orderNo" :show-action="false"></u-search> -->
|
|
|
|
|
<!-- <uni-icons type="scan" size="35" @click="scanCodeOne" style="color: #0b9eff; margin: auto; padding: 22rpx"></uni-icons> -->
|
|
|
|
|
</view>
|
|
|
|
|
<view class="item" v-for="(item, index) in detailsinfolist.detailList" :key="index">
|
|
|
|
|
<div class="item1">检查项: {{ item.itemName }}</div>
|
|
|
|
|
<div class="item1">检查方法: {{ item.itemMethod }}</div>
|
|
|
|
|
<div @click="checkimg(item1, item1.detailReach, index, index1)" v-for="(item1, index1) in item.standardList" :key="index1">
|
|
|
|
|
<div class="item1 item2" v-if="item1.standardType == 'qualitative'">
|
|
|
|
|
<div>检查标准: {{ item1.standardName }}</div>
|
|
|
|
|
<div class="select">
|
|
|
|
|
<u-radio-group v-model="item1.detailReach">
|
|
|
|
|
<u-radio v-for="(n, indexn) in listselect" :key="indexn" :name="n.type">
|
|
|
|
|
{{ n.name }}
|
|
|
|
|
</u-radio>
|
|
|
|
|
</u-radio-group>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div @click="checkimg(item1, item1.detailReach, index, index1)" class="item1 item2" v-if="item1.standardType == 'quantify'">
|
|
|
|
|
<div>检查标准: {{ item1.standardName }}</div>
|
|
|
|
|
<div class="input-box" id="input-box1">
|
|
|
|
|
实际值:
|
|
|
|
|
<input class="input" v-model="item1.actualValue" type="text" name="" id="" />
|
|
|
|
|
单位:mm
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="list listbottom">
|
|
|
|
|
<div class="item-name">
|
|
|
|
|
<div class="quest">维修单</div>
|
|
|
|
|
<u-form class="form" ref="form" label-width="230rpx">
|
|
|
|
|
<u-form-item label="维修人:">
|
|
|
|
|
{{ detailsinfolist.workPersonName }}
|
|
|
|
|
</u-form-item>
|
|
|
|
|
<!-- 机台 -->
|
|
|
|
|
<!-- <u-form-item label="维修结果:">
|
|
|
|
|
<div class="select">
|
|
|
|
|
<u-radio-group v-model="detailsinfolist.workStatus" @change="radioGroupChange1(formdata.workStatus)">
|
|
|
|
|
<u-radio :disabled="detailsinfolist.detailReach == n.type ? false : true" @change="radioChange" v-for="(n, indexn) in listselect1" :key="indexn" :name="n.type">
|
|
|
|
|
{{ n.name }}
|
|
|
|
|
</u-radio>
|
|
|
|
|
</u-radio-group>
|
|
|
|
|
</div>
|
|
|
|
|
</u-form-item> -->
|
|
|
|
|
<!-- 单号 -->
|
|
|
|
|
<u-form-item label="维修费用:">
|
|
|
|
|
<u-input :disabled="detailsinfolist.workCost == null ? true : true" v-model="detailsinfolist.workCost" placeholder="" />
|
|
|
|
|
</u-form-item>
|
|
|
|
|
<u-form-item label="原因分析:">{{ detailsinfolist.workReason }} </u-form-item>
|
|
|
|
|
<u-form-item label="维修措施:">{{ detailsinfolist.repairMeasures }} </u-form-item>
|
|
|
|
|
<!-- <u-form-item label="原因分析:">
|
|
|
|
|
<u-input :disabled="detailsinfolist.workReason == null ? true : true" v-model="detailsinfolist.workReason" placeholder="" />
|
|
|
|
|
</u-form-item> -->
|
|
|
|
|
<u-form-item label-width="150" label="图片:">
|
|
|
|
|
<scroll-view class="scroll-view_H" scroll-x="true" :scroll-left="scrollLeft1()">
|
|
|
|
|
<view class="photoList photoList1">
|
|
|
|
|
<view class="itemBox photoBox" v-for="(img, index) in imgformList" :key="index">
|
|
|
|
|
<!-- <view class="closeBtn" @click="deleteImg1(index)">
|
|
|
|
|
<image class="img" src="../../../static/images/iconCloseGray.svg" mode="scaleToFill"></image>
|
|
|
|
|
</view> -->
|
|
|
|
|
<image class="img" :src="img" mode="aspectFit" @click="showScreenImg1(index)"></image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="itemBox chooseBtn">
|
|
|
|
|
<!-- <view class="inner">
|
|
|
|
|
<image class="img" src="../../../static/images/upload-pic-icon.svg" mode="scaleToFill"></image>
|
|
|
|
|
<text class="desc">添加照片</text>
|
|
|
|
|
</view> -->
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</u-form-item>
|
|
|
|
|
</u-form>
|
|
|
|
|
<!-- <u-button @click="onSubmit" type="primary">提交</u-button> -->
|
|
|
|
|
</div>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- <div class="Sparepart">
|
|
|
|
|
|
|
|
|
|
<div class="Pickup">点击进行备件申领</div>
|
|
|
|
|
<div class="Pickupclick">
|
|
|
|
|
|
|
|
|
|
<u-image @click="linkSparepartlist(detailsinfolist)" width="63px" height="57px" class="image" :src="image.equipment.Repairimage1"></u-image>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
<view class="list" v-for="(item, index) in detailsinfolist.applyList" :key="index">
|
|
|
|
|
<div class="item-name">
|
|
|
|
|
<div class="quest">备件申领单</div>
|
|
|
|
|
<!-- <div class="deletebtn">
|
|
|
|
|
<u-button type="error" @click="deleteSparepart(index)" class="btn1">删除</u-button>
|
|
|
|
|
</div> -->
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>备件编码: {{ item.materialCode }}</div>
|
|
|
|
|
<!-- <div style="margin-left: 42px">设备名称: {{ detailsinfolist.equipmentName }}</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>备件名称: {{ item.materialDesc }}</div>
|
|
|
|
|
<!-- <div style="margin-left: 42px">设备名称: {{ detailsinfolist.equipmentName }}</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>申领数量: {{ item.spareQuantity }}</div>
|
|
|
|
|
<!-- <div style="margin-left: 42px">设备名称: {{ detailsinfolist.equipmentName }}</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>备件费用: {{ item.totalPrice }}</div>
|
|
|
|
|
<!-- <div style="margin-left: 42px">设备名称: {{ detailsinfolist.equipmentName }}</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="details">
|
|
|
|
|
<div>申请人: {{ item.applyPeople }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>申请时间: {{ item.planWorkshop }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>审核人: {{ item.planWorkshop }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>审核时间: {{ item.planWorkshop }}</div>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<u-form style="margin-top: 10rpx" class="form" ref="form1" label-width="180rpx">
|
|
|
|
|
<view style="font-size: 30rpx; display: flex; justify-content: center">审核</view>
|
|
|
|
|
<u-form-item label="维修审核">
|
|
|
|
|
<jPicker sureColor="#ff0000" @bindpicker="selectgoneStatus" showKey="label" valKey="value" :val="gone.value" :options="goneList" />
|
|
|
|
|
</u-form-item>
|
|
|
|
|
<u-form-item label="审核意见">
|
|
|
|
|
<u-input :border="true" v-model="form1.auditOpinion" placeholder="" style="overflow: hidden" />
|
|
|
|
|
</u-form-item>
|
|
|
|
|
</u-form>
|
|
|
|
|
|
|
|
|
|
<view class="bottom-bar">
|
|
|
|
|
<u-row class="button-bar">
|
|
|
|
|
<!-- 确定 -->
|
|
|
|
|
<u-col :span="6">
|
|
|
|
|
<u-button @click="onSubmit" type="primary">确认</u-button>
|
|
|
|
|
</u-col>
|
|
|
|
|
<!-- 返回 -->
|
|
|
|
|
<u-col :span="6">
|
|
|
|
|
<u-button type="error" @click="uni.navigateBack({})">返回</u-button>
|
|
|
|
|
</u-col>
|
|
|
|
|
</u-row>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<u-modal v-model="isshow" class="modal" :show-cancel-button="true" :show-title="false" @cancel="cancel" @confirm="confirm">
|
|
|
|
|
<div class="upload-name">
|
|
|
|
|
<div class="name">检查标准:{{ picstandardName }}</div>
|
|
|
|
|
|
|
|
|
|
<scroll-view class="scroll-view_H" scroll-x="true" :scroll-left="scrollLeft()">
|
|
|
|
|
<view class="photoList">
|
|
|
|
|
<view class="itemBox photoBox" v-for="(img, index) in imgList" :key="index">
|
|
|
|
|
<image class="img" :src="img.fileAddress" mode="aspectFit" @click="showScreenImg(index)"></image>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</div>
|
|
|
|
|
</u-modal>
|
|
|
|
|
<u-toast ref="uToast" />
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
<script lang="ts">
|
|
|
|
|
import { Component } from 'vue-property-decorator';
|
|
|
|
|
import { BasePage } from '@/components/base/page';
|
|
|
|
|
import model from './model';
|
|
|
|
|
import chooseOne from '@/components/choose-one/choose-one.vue';
|
|
|
|
|
import jPicker from '@/components/J-Picker/jPicker.vue';
|
|
|
|
|
import { session } from '@/store/modules/session';
|
|
|
|
|
//import store from '@/store';
|
|
|
|
|
@Component({
|
|
|
|
|
components: {
|
|
|
|
|
chooseOne,
|
|
|
|
|
jPicker,
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
export default class ChangePalletNew extends BasePage {
|
|
|
|
|
model = model;
|
|
|
|
|
picstandardName: any = '';
|
|
|
|
|
form1: any = {};
|
|
|
|
|
workId: any = '';
|
|
|
|
|
workCode: any = '';
|
|
|
|
|
goneList: any = [
|
|
|
|
|
{
|
|
|
|
|
label: '待审核',
|
|
|
|
|
value: '2',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '审核通过',
|
|
|
|
|
value: '1',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: '驳回',
|
|
|
|
|
value: '0',
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
gone: any = {};
|
|
|
|
|
list: any = [
|
|
|
|
|
{
|
|
|
|
|
cate_name: '今日任务',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
cate_name: '巡检记录',
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
moren = '选择原因分析';
|
|
|
|
|
moren2 = '选择维修措施';
|
|
|
|
|
current: any = 0;
|
|
|
|
|
shouciFocus = true;
|
|
|
|
|
// 详细
|
|
|
|
|
detailsinfo: any = {};
|
|
|
|
|
detailsinfolist: any = {};
|
|
|
|
|
detailsinfocontent: any = {};
|
|
|
|
|
// 模态框
|
|
|
|
|
isshow = false;
|
|
|
|
|
inputmodal = false;
|
|
|
|
|
ischecked = false;
|
|
|
|
|
radiomodal = false;
|
|
|
|
|
// 条码是否一样
|
|
|
|
|
isaccord = false;
|
|
|
|
|
// 设备信息
|
|
|
|
|
equipmentdata: any = [];
|
|
|
|
|
listselect: any = [
|
|
|
|
|
{
|
|
|
|
|
type: 0,
|
|
|
|
|
name: '符合标准',
|
|
|
|
|
radiovalue: null,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: 1,
|
|
|
|
|
name: '未达标',
|
|
|
|
|
radiovalue: null,
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
listselect1: any = [
|
|
|
|
|
{
|
|
|
|
|
type: 1,
|
|
|
|
|
name: '已完成',
|
|
|
|
|
radiovalue: null,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: 3,
|
|
|
|
|
name: '未完成',
|
|
|
|
|
radiovalue: null,
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
// 设备index equipment
|
|
|
|
|
equipmentindex: any = [];
|
|
|
|
|
orderNo: any = '';
|
|
|
|
|
location: any = '';
|
|
|
|
|
locationStatus: any = 1;
|
|
|
|
|
form: any = {};
|
|
|
|
|
// 照片
|
|
|
|
|
action: any = 'http://www.example.com/upload';
|
|
|
|
|
fileList: any = [];
|
|
|
|
|
filesArr: any = [];
|
|
|
|
|
imgList: any = [];
|
|
|
|
|
imgUrlList: any = [];
|
|
|
|
|
deleteimgList: any = [];
|
|
|
|
|
orderNoItemList: any = {};
|
|
|
|
|
picturePath: any = 'https://cdn.uviewui.com/uview/swiper/1.jpg,https://cdn.uviewui.com/uview/swiper/2.jpg';
|
|
|
|
|
formdata: any = {};
|
|
|
|
|
Sparepartlist: any = [];
|
|
|
|
|
imgformList: any = [];
|
|
|
|
|
deleteimgList1: any = [];
|
|
|
|
|
isvalue = false;
|
|
|
|
|
workReason: any = {};
|
|
|
|
|
repairMeasures: any = {};
|
|
|
|
|
workReasonceshi: 'aaaaa';
|
|
|
|
|
async onReady() {
|
|
|
|
|
//await this.model.getpalletLocation();
|
|
|
|
|
//this.remove = this.model.WlList[0];
|
|
|
|
|
// this.Sparepartlist = []
|
|
|
|
|
console.log(0, this.model.rowdata, this.Sparepartlist);
|
|
|
|
|
}
|
|
|
|
|
selectgoneStatus(e: any) {
|
|
|
|
|
this.gone = e.pickerName;
|
|
|
|
|
}
|
|
|
|
|
onShow() {
|
|
|
|
|
this.onLoad;
|
|
|
|
|
|
|
|
|
|
// if (this.model.rowdata.length == 0) {
|
|
|
|
|
// this.model.rowdatanull();
|
|
|
|
|
// } else {
|
|
|
|
|
// this.Sparepartlist = [];
|
|
|
|
|
// this.Sparepartlist = this.model.rowdata;
|
|
|
|
|
// console.log(1, this.model.rowdata, this.Sparepartlist);
|
|
|
|
|
// }
|
|
|
|
|
console.log(session);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//单选
|
|
|
|
|
|
|
|
|
|
// 选中任一radio时，由radio-group触发
|
|
|
|
|
|
|
|
|
|
async onLoad(options) {
|
|
|
|
|
this.workId = options.orderId;
|
|
|
|
|
console.log(options, 'options');
|
|
|
|
|
await this.model.getTaskRecord(options.orderId);
|
|
|
|
|
this.detailsinfolist = this.model.getTaskRecordList;
|
|
|
|
|
if (this.detailsinfolist.files) {
|
|
|
|
|
this.imgformList = [];
|
|
|
|
|
this.detailsinfolist.files.forEach((item) => {
|
|
|
|
|
this.imgformList.push(item.fileAddress);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
goback() {
|
|
|
|
|
uni.navigateBack({
|
|
|
|
|
delta: 1,
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
scrollLeft() {
|
|
|
|
|
return 222 * (this.imgList.length + 1);
|
|
|
|
|
}
|
|
|
|
|
showScreenImg(i) {
|
|
|
|
|
let list = this.imgList.map((item) => {
|
|
|
|
|
return item.fileAddress;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
uni.previewImage({
|
|
|
|
|
current: i,
|
|
|
|
|
urls: list,
|
|
|
|
|
// loop: true
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
scrollLeft1() {
|
|
|
|
|
return 222 * (this.imgformList.length + 1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
showScreenImg1(i) {
|
|
|
|
|
let list = this.imgformList;
|
|
|
|
|
uni.previewImage({
|
|
|
|
|
current: i,
|
|
|
|
|
urls: list,
|
|
|
|
|
// loop: true
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
deleteImg1(index) {
|
|
|
|
|
this.imgformList.splice(index, 1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async onSubmit() {
|
|
|
|
|
let params = {
|
|
|
|
|
ids: [this.workId],
|
|
|
|
|
inspect: this.gone.value,
|
|
|
|
|
orderCodes: [this.detailsinfolist.workCode],
|
|
|
|
|
auditOpinion: this.form1.auditOpinion,
|
|
|
|
|
};
|
|
|
|
|
await this.model.updateTaskRecord(params);
|
|
|
|
|
if (this.model.Checkcode == 200) {
|
|
|
|
|
(this.$refs.uToast as any).show({
|
|
|
|
|
title: '成功',
|
|
|
|
|
// url: '/pages/user/index'
|
|
|
|
|
});
|
|
|
|
|
this.Clear();
|
|
|
|
|
uni.navigateBack({
|
|
|
|
|
delta: 1,
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
(this.$refs.uToast as any).show({
|
|
|
|
|
title: '失败',
|
|
|
|
|
// url: '/pages/user/index'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
checkimg(item) {
|
|
|
|
|
this.picstandardName = item.standardName;
|
|
|
|
|
if (item.picturePaths == null || item.picturePaths.length == 0) {
|
|
|
|
|
this.imgList = [];
|
|
|
|
|
this.isshow = false;
|
|
|
|
|
this.uni.showToast({
|
|
|
|
|
title: '无照片',
|
|
|
|
|
icon: 'none',
|
|
|
|
|
duration: 1000,
|
|
|
|
|
});
|
|
|
|
|
} else {
|
|
|
|
|
this.imgList = item.picturePaths;
|
|
|
|
|
this.isshow = true;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
Clear() {
|
|
|
|
|
this.form1 = {};
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.page-product-receipt {
|
|
|
|
|
background: #f2f2f2 linear-gradient(0deg, #f2f2f2 0%, #f8262c 51%, #d9001b 100%) no-repeat;
|
|
|
|
|
background-size: 100% 600rpx;
|
|
|
|
|
padding: 118rpx 30rpx 162rpx;
|
|
|
|
|
min-height: 100%;
|
|
|
|
|
|
|
|
|
|
.header {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 0rpx;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
z-index: 99;
|
|
|
|
|
display: flex;
|
|
|
|
|
height: 120rpx;
|
|
|
|
|
line-height: 88rpx;
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 34rpx;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 45rpx 0rpx 0rpx;
|
|
|
|
|
.title {
|
|
|
|
|
flex: 3;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.left,
|
|
|
|
|
.right {
|
|
|
|
|
flex: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.icon {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
width: 88rpx;
|
|
|
|
|
height: 88rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.form {
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
padding: 15rpx;
|
|
|
|
|
border-radius: 10rpx;
|
|
|
|
|
//box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
|
|
|
|
|
|
|
|
|
|
.u-form-item {
|
|
|
|
|
padding: 20rpx 0;
|
|
|
|
|
line-height: 35rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.list {
|
|
|
|
|
margin-top: 15px;
|
|
|
|
|
// width: 367px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
border: rgba(121, 121, 121, 1) solid 1px;
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
padding: 7px 8px 7px 12px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
.item-name {
|
|
|
|
|
position: relative;
|
|
|
|
|
.quest {
|
|
|
|
|
// width: 367px;
|
|
|
|
|
// border-radius: 5px;
|
|
|
|
|
// border: rgba(121, 121, 121, 1) solid 1px;
|
|
|
|
|
// background-color: #ffffff;
|
|
|
|
|
padding: 7px 8px 7px 12px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
color: black;
|
|
|
|
|
}
|
|
|
|
|
.deletebtn {
|
|
|
|
|
.btn1 {
|
|
|
|
|
width: 80px;
|
|
|
|
|
height: 36px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0px;
|
|
|
|
|
right: 0px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.details {
|
|
|
|
|
display: flex;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
// justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
}
|
|
|
|
|
.form {
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
|
|
|
|
|
.u-form-item {
|
|
|
|
|
line-height: 35rpx;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
.photoList {
|
|
|
|
|
display: flex;
|
|
|
|
|
padding-top: 12rpx;
|
|
|
|
|
|
|
|
|
|
.chooseBtn {
|
|
|
|
|
width: 202rpx;
|
|
|
|
|
height: 202rpx;
|
|
|
|
|
background: #fafafa;
|
|
|
|
|
border-radius: 12rpx;
|
|
|
|
|
border: 2rpx dashed #e2e2e2;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.inner {
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.desc {
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #24252a;
|
|
|
|
|
line-height: 40rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.img {
|
|
|
|
|
width: 50rpx;
|
|
|
|
|
height: 50rpx;
|
|
|
|
|
margin-bottom: 6rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.photoBox {
|
|
|
|
|
width: 202rpx;
|
|
|
|
|
height: 202rpx;
|
|
|
|
|
background: #fafafa;
|
|
|
|
|
border-radius: 12rpx;
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
.closeBtn {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: -12rpx;
|
|
|
|
|
right: -12rpx;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
width: 36rpx;
|
|
|
|
|
height: 36rpx;
|
|
|
|
|
|
|
|
|
|
.img {
|
|
|
|
|
width: 36rpx;
|
|
|
|
|
height: 36rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.img {
|
|
|
|
|
width: 202rpx;
|
|
|
|
|
height: 202rpx;
|
|
|
|
|
border-radius: 12rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.itemBox {
|
|
|
|
|
flex: 0 0 202rpx;
|
|
|
|
|
margin-right: 20rpx;
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.item-info {
|
|
|
|
|
border: rgba(121, 121, 121, 1) solid 1px;
|
|
|
|
|
padding: 7px 8px 7px 8px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
}
|
|
|
|
|
.single-left {
|
|
|
|
|
display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// justify-content: space-around;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
border: 1px solid #eee;
|
|
|
|
|
}
|
|
|
|
|
.item {
|
|
|
|
|
margin-top: 15px;
|
|
|
|
|
// width: 344px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
border: rgba(121, 121, 121, 1) solid 1px;
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
padding: 7px 8px 7px 8px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
.item1 {
|
|
|
|
|
margin-bottom: 3px;
|
|
|
|
|
white-space: 1px;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
.item2 {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-content: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
.select {
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
display: flex;
|
|
|
|
|
// margin-left: 19px;
|
|
|
|
|
}
|
|
|
|
|
.input-box {
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-content: center;
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
.input {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
width: 65px;
|
|
|
|
|
padding: 1px 8px;
|
|
|
|
|
height: 20px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
border: 1px solid #b6b6b6;
|
|
|
|
|
margin-left: 6px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin-right: 6px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.Sparepart {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
text-align: center;
|
|
|
|
|
.Pickup {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
.Pickupclick {
|
|
|
|
|
color: #1a99db;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
image {
|
|
|
|
|
width: 63px;
|
|
|
|
|
height: 57px;
|
|
|
|
|
}
|
|
|
|
|
.image {
|
|
|
|
|
width: 63px;
|
|
|
|
|
height: 57px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.bottom-bar {
|
|
|
|
|
position: fixed;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
z-index: 99;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
box-shadow: 0 1rpx 20rpx 0 rgba(128, 128, 128, 0.2);
|
|
|
|
|
padding: 20rpx;
|
|
|
|
|
.item-name {
|
|
|
|
|
.quest {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
color: black;
|
|
|
|
|
margin-top: 7px;
|
|
|
|
|
margin-bottom: 17px;
|
|
|
|
|
}
|
|
|
|
|
.details {
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
display: flex;
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
// justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.modal {
|
|
|
|
|
.upload-name {
|
|
|
|
|
padding: 10px 20px;
|
|
|
|
|
.name {
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.photoList {
|
|
|
|
|
display: flex;
|
|
|
|
|
padding-top: 12rpx;
|
|
|
|
|
|
|
|
|
|
.chooseBtn {
|
|
|
|
|
width: 202rpx;
|
|
|
|
|
height: 202rpx;
|
|
|
|
|
background: #fafafa;
|
|
|
|
|
border-radius: 12rpx;
|
|
|
|
|
border: 2rpx dashed #e2e2e2;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.inner {
|
|
|
|
|
text-align: center;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.desc {
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #24252a;
|
|
|
|
|
line-height: 40rpx;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.img {
|
|
|
|
|
width: 50rpx;
|
|
|
|
|
height: 50rpx;
|
|
|
|
|
margin-bottom: 6rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.photoBox {
|
|
|
|
|
width: 202rpx;
|
|
|
|
|
height: 202rpx;
|
|
|
|
|
background: #fafafa;
|
|
|
|
|
border-radius: 12rpx;
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
.closeBtn {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: -12rpx;
|
|
|
|
|
right: -12rpx;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
width: 36rpx;
|
|
|
|
|
height: 36rpx;
|
|
|
|
|
|
|
|
|
|
.img {
|
|
|
|
|
width: 36rpx;
|
|
|
|
|
height: 36rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.img {
|
|
|
|
|
width: 202rpx;
|
|
|
|
|
height: 202rpx;
|
|
|
|
|
border-radius: 12rpx;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.itemBox {
|
|
|
|
|
flex: 0 0 202rpx;
|
|
|
|
|
margin-right: 20rpx;
|
|
|
|
|
|
|
|
|
|
&:last-child {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
::v-deep .yjy-switch-container .yjy-switch-item {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
::v-deep .yjy-switch-container {
|
|
|
|
|
width: 50%;
|
|
|
|
|
}
|
|
|
|
|
::v-deep .u-radio__label {
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
}
|
|
|
|
|
::v-deep .u-form-item--left__content {
|
|
|
|
|
min-width: 116px;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
.listbottom ::v-deep .uni-input-input {
|
|
|
|
|
width: 98%;
|
|
|
|
|
padding: 10px 5px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
height: 30px;
|
|
|
|
|
}
|
|
|
|
|
.listbottom1 ::v-deep .uni-input-input {
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
}
|
|
|
|
|
::v-deep .u-form-item {
|
|
|
|
|
padding: 6px 0;
|
|
|
|
|
}
|
|
|
|
|
.photoList1 {
|
|
|
|
|
width: 220px;
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
border: 1px solid black;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
guoshuang
11 months ago