|
|
|
|
@ -0,0 +1,608 @@
|
|
|
|
|
<!-- 扫描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="uni.navigateBack({})" />
|
|
|
|
|
</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">巡检任务: 巡检任务1</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>设备编码: {{ detailsinfo.itemq }}</div>
|
|
|
|
|
<div style="margin-left: 42px">设备名称: {{ detailsinfo.itemq }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>车间: {{ detailsinfo.itemq }}</div>
|
|
|
|
|
<div style="margin-left: 42px">产线: {{ detailsinfo.itemq }}</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 equipmentdata" :key="index">
|
|
|
|
|
<div class="item1">检查项: {{ item.item3 }}</div>
|
|
|
|
|
<div class="item1">检查方法: {{ item.item4 }}</div>
|
|
|
|
|
<div class="item1 item2">
|
|
|
|
|
<div style="white-space: nowrap">检查标准: {{ item.item5 }}</div>
|
|
|
|
|
<div class="select">
|
|
|
|
|
<u-radio-group dis v-model="item.radiovalue" @change="radioGroupChange(item, item.radiovalue, index)">
|
|
|
|
|
<u-radio @change="radioChange" v-for="(n, index) in item.listselect" :key="index" :name="n.name" :disabled="n.disabled">
|
|
|
|
|
{{ n.name }}
|
|
|
|
|
</u-radio>
|
|
|
|
|
</u-radio-group>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item1 item2">
|
|
|
|
|
<div style="white-space: nowrap">检查标准: {{ item.item5 }}</div>
|
|
|
|
|
<div class="input-box" id="input-box1">
|
|
|
|
|
实际值:
|
|
|
|
|
<input class="input" :disabled="item.isdisabled" v-model="item.value" @blur="blur(item, item.value, index)" @change="changeinput(item, item.value, index)" @input="input(item, item.value, index)" type="text" name="" id="" />
|
|
|
|
|
单位:mm
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="bottom-bar">
|
|
|
|
|
<div class="item-name">
|
|
|
|
|
<!-- <div class="quest">点检人: 刘XX</div> -->
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>点检人: 刘XX</div>
|
|
|
|
|
<div style="margin-left: 42px">点检时间: 2023-08-09</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="details">
|
|
|
|
|
<div>是否异常: 是</div>
|
|
|
|
|
<div style="margin-left: 42px">报修单: 90272931234</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</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">检查标准:{{ form.item5 }}</div>
|
|
|
|
|
<!-- <u-upload :before-upload="beforeUpload" ref="uUpload" :fileList="fileList" @on-error='errorUpload($event)' :action="action" @on-remove="removePic($event, item)" @on-success="successUpload($event)" :deletable="true"></u-upload> -->
|
|
|
|
|
<scroll-view class="scroll-view_H" scroll-x="true" :scroll-left="scrollLeft()">
|
|
|
|
|
<view class="photoList">
|
|
|
|
|
<view class="itemBox photoBox" v-for="(img, index) in imgUrlList" :key="index">
|
|
|
|
|
<view class="closeBtn" @click="deleteImg(index)">
|
|
|
|
|
<image class="img" src="../../../static/images/iconCloseGray.svg" mode="scaleToFill"></image>
|
|
|
|
|
</view>
|
|
|
|
|
<image class="img" :src="img" mode="aspectFit" @click="showScreenImg(index)"></image>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="itemBox chooseBtn" @click="chooseImg">
|
|
|
|
|
<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>
|
|
|
|
|
</div>
|
|
|
|
|
</u-modal>
|
|
|
|
|
</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 store from '@/store';
|
|
|
|
|
@Component({
|
|
|
|
|
components: {
|
|
|
|
|
chooseOne,
|
|
|
|
|
jPicker,
|
|
|
|
|
},
|
|
|
|
|
})
|
|
|
|
|
export default class ChangePalletNew extends BasePage {
|
|
|
|
|
model = model;
|
|
|
|
|
list: any = [
|
|
|
|
|
{
|
|
|
|
|
cate_name: '今日任务',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
cate_name: '巡检记录',
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
current: any = 0;
|
|
|
|
|
shouciFocus = true;
|
|
|
|
|
// 详细
|
|
|
|
|
detailsinfo: any = [];
|
|
|
|
|
detailsinfolist: any = [];
|
|
|
|
|
// 模态框
|
|
|
|
|
isshow = false;
|
|
|
|
|
inputmodal = false;
|
|
|
|
|
ischecked = false;
|
|
|
|
|
radiomodal = false;
|
|
|
|
|
// 设备信息
|
|
|
|
|
equipmentdata: any = [
|
|
|
|
|
{
|
|
|
|
|
itemq: '巡检任务1',
|
|
|
|
|
item2: '已巡检',
|
|
|
|
|
item3: '2023-08-01 - 2023-08-31',
|
|
|
|
|
item4: '每月巡检',
|
|
|
|
|
item5: 'XXXXX',
|
|
|
|
|
item6: '未发现异常',
|
|
|
|
|
radiovalue: '符合标准',
|
|
|
|
|
value: 55,
|
|
|
|
|
isdisabled: true,
|
|
|
|
|
imgUrlList1: ['https://cdn.uviewui.com/uview/swiper/1.jpg', 'https://cdn.uviewui.com/uview/swiper/2.jpg', 'https://cdn.uviewui.com/uview/swiper/3.jpg'],
|
|
|
|
|
imgUrlList2: ['https://cdn.uviewui.com/uview/swiper/1.jpg', 'https://cdn.uviewui.com/uview/swiper/2.jpg'],
|
|
|
|
|
listselect: [
|
|
|
|
|
{
|
|
|
|
|
name: '符合标准',
|
|
|
|
|
disabled: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: '未达标',
|
|
|
|
|
disabled: true,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
valuemax: 100,
|
|
|
|
|
valuemin: 50,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
itemq: '巡检任务2',
|
|
|
|
|
item2: '已巡检',
|
|
|
|
|
item3: '2023-08-01 - 2023-08-31',
|
|
|
|
|
item4: '每月巡检',
|
|
|
|
|
item5: 'XXXXX',
|
|
|
|
|
item6: '未发现异常',
|
|
|
|
|
radiovalue: '符合标准',
|
|
|
|
|
isdisabled: true,
|
|
|
|
|
value: 10,
|
|
|
|
|
imgUrlList1: ['https://cdn.uviewui.com/uview/swiper/1.jpg', 'https://cdn.uviewui.com/uview/swiper/2.jpg', 'https://cdn.uviewui.com/uview/swiper/3.jpg'],
|
|
|
|
|
imgUrlList2: ['https://cdn.uviewui.com/uview/swiper/1.jpg', 'https://cdn.uviewui.com/uview/swiper/2.jpg'],
|
|
|
|
|
listselect: [
|
|
|
|
|
{
|
|
|
|
|
name: '符合标准',
|
|
|
|
|
disabled: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: '未达标',
|
|
|
|
|
disabled: true,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
valuemax: 50,
|
|
|
|
|
valuemin: 10,
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
// 设备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 = [];
|
|
|
|
|
deleteimgUrlList: any = [];
|
|
|
|
|
orderNoItemList: any = {};
|
|
|
|
|
async onReady() {
|
|
|
|
|
await this.model.getDictList();
|
|
|
|
|
//await this.model.getpalletLocation();
|
|
|
|
|
//this.remove = this.model.WlList[0];
|
|
|
|
|
}
|
|
|
|
|
// 输入框焦点
|
|
|
|
|
blur(item, value, index) {
|
|
|
|
|
this.radiomodal = false;
|
|
|
|
|
this.inputmodal = false;
|
|
|
|
|
console.log(item, value, index);
|
|
|
|
|
if (value > item.valuemax || value < item.valuemin) {
|
|
|
|
|
this.equipmentindex = index;
|
|
|
|
|
this.imgUrlList = JSON.parse(JSON.stringify(item.imgUrlList2));
|
|
|
|
|
this.inputmodal = true;
|
|
|
|
|
this.isshow = true;
|
|
|
|
|
this.form = item;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
changeinput(e) {
|
|
|
|
|
console.log(e);
|
|
|
|
|
}
|
|
|
|
|
input(e) {
|
|
|
|
|
console.log(e);
|
|
|
|
|
}
|
|
|
|
|
//单选
|
|
|
|
|
radioChange(e) {
|
|
|
|
|
console.log(e, '11111');
|
|
|
|
|
}
|
|
|
|
|
// 选中任一radio时，由radio-group触发
|
|
|
|
|
radioGroupChange(item, value, index) {
|
|
|
|
|
console.log(item, value, index);
|
|
|
|
|
this.radiomodal = false;
|
|
|
|
|
this.inputmodal = false;
|
|
|
|
|
this.equipmentindex = index;
|
|
|
|
|
this.imgUrlList = JSON.parse(JSON.stringify(item.imgUrlList1));
|
|
|
|
|
if (value == '未达标') {
|
|
|
|
|
this.isshow = true;
|
|
|
|
|
this.radiomodal = true;
|
|
|
|
|
this.form = item;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
onLoad(options) {
|
|
|
|
|
let str = decodeURIComponent(options.listitem);
|
|
|
|
|
if (str) {
|
|
|
|
|
this.detailsinfo = JSON.parse(str);
|
|
|
|
|
this.ischecked = this.detailsinfo.ischecked;
|
|
|
|
|
console.log(this.detailsinfo);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
created() {
|
|
|
|
|
this.onLoad;
|
|
|
|
|
}
|
|
|
|
|
change(index) {
|
|
|
|
|
this.current = index;
|
|
|
|
|
}
|
|
|
|
|
//模态框图片上传
|
|
|
|
|
confirm() {
|
|
|
|
|
console.log((this as any).uUpload, 'sssss');
|
|
|
|
|
if (this.radiomodal) {
|
|
|
|
|
this.equipmentdata[this.equipmentindex].imgUrlList1 = this.imgUrlList;
|
|
|
|
|
} else if (this.inputmodal) {
|
|
|
|
|
this.equipmentdata[this.equipmentindex].imgUrlList2 = this.imgUrlList;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
cancel() {
|
|
|
|
|
this.imgUrlList = this.deleteimgUrlList;
|
|
|
|
|
}
|
|
|
|
|
scrollLeft() {
|
|
|
|
|
return 222 * (this.imgList.length + 1);
|
|
|
|
|
}
|
|
|
|
|
showScreenImg(i) {
|
|
|
|
|
let list = this.imgUrlList;
|
|
|
|
|
uni.previewImage({
|
|
|
|
|
current: i,
|
|
|
|
|
urls: list,
|
|
|
|
|
// loop: true
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
chooseImg() {
|
|
|
|
|
// if(!this.materialObj){
|
|
|
|
|
// this.$refs.toastRef.show({
|
|
|
|
|
// type:"error",
|
|
|
|
|
// text:"请选择物料！"
|
|
|
|
|
// })
|
|
|
|
|
// return
|
|
|
|
|
// }
|
|
|
|
|
// uni.chooseImage({
|
|
|
|
|
// count: 9, //默认9
|
|
|
|
|
// // sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
|
|
|
|
|
// sourceType: ['album', 'camera'],
|
|
|
|
|
// success: (res) => {
|
|
|
|
|
// // uni.showLoading();
|
|
|
|
|
// //console.log('/////',res);
|
|
|
|
|
// let tempFilePaths: any = res.tempFilePaths;
|
|
|
|
|
// let imgUrlList: any = res.tempFilePaths;
|
|
|
|
|
// tempFilePaths.map((item, index) => {
|
|
|
|
|
// uni.uploadFile({
|
|
|
|
|
// url: 'http://192.168.202.20:9000/prod-api/file/upload',
|
|
|
|
|
// //url: '/dev-api/file/upload',
|
|
|
|
|
// fileType: 'image',
|
|
|
|
|
// filePath: item,
|
|
|
|
|
// header: {
|
|
|
|
|
// Authorization: 'Bearer ' + session.user?.access_token,
|
|
|
|
|
// // 'cosmo-env-sitecode': this.$store.state.siteCode
|
|
|
|
|
// },
|
|
|
|
|
// name: 'file',
|
|
|
|
|
// // formData: {
|
|
|
|
|
// // materialCode: this.materialObj.materialCode,
|
|
|
|
|
// // },
|
|
|
|
|
// success: (res) => {
|
|
|
|
|
// console.log(res);
|
|
|
|
|
// uni.hideLoading();
|
|
|
|
|
// if (!res.data) {
|
|
|
|
|
// // this.$refs.toastRef.show({
|
|
|
|
|
// // type:"error",
|
|
|
|
|
// // text:"上传失败！"
|
|
|
|
|
// // })
|
|
|
|
|
// return;
|
|
|
|
|
// }
|
|
|
|
|
// let data = JSON.parse(res.data);
|
|
|
|
|
// console.log('123dddd', data);
|
|
|
|
|
// this.imgList = [...this.imgList, data.data.url];
|
|
|
|
|
// //this.imgListName = [...this.imgListName,data.fileName];
|
|
|
|
|
// this.imgUrlList = [...this.imgUrlList, imgUrlList[index]];
|
|
|
|
|
// //this.picUrls = this.imgList.join(",");
|
|
|
|
|
// //this.picNames = this.imgListName.join(",");
|
|
|
|
|
// console.log('this.imgList', this.imgList);
|
|
|
|
|
// uni.hideLoading();
|
|
|
|
|
// },
|
|
|
|
|
// fail: (err) => {
|
|
|
|
|
// console.log(err);
|
|
|
|
|
// // this.$refs.toastRef.show({
|
|
|
|
|
// // type:"error",
|
|
|
|
|
// // text:"上传失败！"
|
|
|
|
|
// // })
|
|
|
|
|
// uni.hideLoading();
|
|
|
|
|
// },
|
|
|
|
|
// });
|
|
|
|
|
// });
|
|
|
|
|
// },
|
|
|
|
|
// });
|
|
|
|
|
}
|
|
|
|
|
deleteImg(index) {
|
|
|
|
|
this.deleteimgUrlList = JSON.parse(JSON.stringify(this.imgUrlList));
|
|
|
|
|
this.imgUrlList.splice(index, 1);
|
|
|
|
|
}
|
|
|
|
|
scanCodeOne() {
|
|
|
|
|
uni.scanCode({
|
|
|
|
|
scanType: ['barCode'],
|
|
|
|
|
success: (res) => {
|
|
|
|
|
this.orderNo = res.result;
|
|
|
|
|
},
|
|
|
|
|
fail(result) {
|
|
|
|
|
this.customToast(result);
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
async onSubmit() {
|
|
|
|
|
if (this.orderNo == '' || this.orderNo.length == 0) {
|
|
|
|
|
this.customToast('请输入nficl');
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
// if (this.badMeg == '') {
|
|
|
|
|
// this.customToast('请输入不良描述');
|
|
|
|
|
// return;
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</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;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.list {
|
|
|
|
|
margin-top: 15px;
|
|
|
|
|
width: 367px;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
border: rgba(121, 121, 121, 1) solid 1px;
|
|
|
|
|
background-color: #f2f2f2;
|
|
|
|
|
padding: 7px 8px 7px 12px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
.item-name {
|
|
|
|
|
.quest {
|
|
|
|
|
// width: 367px;
|
|
|
|
|
// border-radius: 5px;
|
|
|
|
|
// border: rgba(121, 121, 121, 1) solid 1px;
|
|
|
|
|
// background-color: #f2f2f2;
|
|
|
|
|
padding: 7px 8px 7px 12px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
color: black;
|
|
|
|
|
}
|
|
|
|
|
.details {
|
|
|
|
|
display: flex;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
// justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.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: #f2f2f2;
|
|
|
|
|
padding: 7px 8px 7px 8px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
.item1 {
|
|
|
|
|
margin-bottom: 3px;
|
|
|
|
|
white-space: 1px;
|
|
|
|
|
font-size: 17px;
|
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.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 #input-box1 .u-input__input {
|
|
|
|
|
width: 50px;
|
|
|
|
|
max-height: 15px;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
LAPTOP-R6EHHS26\86155
2 years ago