新增质量管理页面UI
LAPTOP-R6EHHS26\86155
3 years ago
parent
8ffdf1b175
commit
7d3a61b74f
@ -0,0 +1,409 @@
|
||||
<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>
|
||||
<!-- <view class="single-left">
|
||||
<view>设备名称:</view>
|
||||
<u-search placeholder="请输入" @search="search()" :focus="shouciFocus" v-model="orderNo" :show-action="false"></u-search>
|
||||
</view> -->
|
||||
<view style="margin: 20px">
|
||||
<wyb-table ref="table" :headers="headers" :contents="tableData" enable-check="single" width="auto" first-col-bg-color="#ffffff" checker-color="#000000" @onCheck="changeContent" show-left-and-right-border />
|
||||
</view>
|
||||
<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" title="" :content="content" @cancel="cancel" @confirm="confirm()">
|
||||
<!-- <div class="form">
|
||||
<div class="formlable">申领数量</div>
|
||||
<u-input style="" v-model="number1" placeholder="" type="number" />
|
||||
</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 jPicker from '@/components/J-Picker/jPicker.vue';
|
||||
import model from '../equipment/Repairbx/model';
|
||||
//import { session } from '@/store/modules/session';
|
||||
// import wybTable from '@/components/wyb-table/wyb-table.vue';
|
||||
@Component({
|
||||
components: {
|
||||
jPicker,
|
||||
},
|
||||
})
|
||||
export default class ProductionQtyInsplist extends BasePage {
|
||||
model = model;
|
||||
rowdata: any = {};
|
||||
content: any = '是否选择设备';
|
||||
headers = [
|
||||
{
|
||||
label: '序号',
|
||||
key: 'index',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
label: '设备名称',
|
||||
key: 'equipmentName',
|
||||
width: 320,
|
||||
},
|
||||
{
|
||||
label: '设备编码',
|
||||
key: 'equipmentCode',
|
||||
width: 320,
|
||||
},
|
||||
{
|
||||
label: '位置',
|
||||
key: 'equipmentLocation',
|
||||
},
|
||||
{
|
||||
label: '工作中心',
|
||||
key: 'workshopName',
|
||||
},
|
||||
// {
|
||||
// label: '产品',
|
||||
// key: 'productName',
|
||||
// width: 220,
|
||||
// },
|
||||
// {
|
||||
// label: '工单',
|
||||
// key: 'workorderCode',
|
||||
// width: 220,
|
||||
// },
|
||||
// {
|
||||
// label: '不良描述',
|
||||
// key: 'badMeg',
|
||||
// },
|
||||
];
|
||||
tableData: any = [];
|
||||
orderNo: any = '';
|
||||
shouciFocus = true;
|
||||
// 详细
|
||||
detailsinfo: any = {};
|
||||
detailsinfolist: any = {};
|
||||
detailsinfocontent: any = {};
|
||||
// 模态框
|
||||
isshow = false;
|
||||
inputmodal = false;
|
||||
isvalue = false;
|
||||
ischecked = false;
|
||||
radiomodal = false;
|
||||
number1: any = '';
|
||||
// remove: any = {};
|
||||
// async onReady() {
|
||||
// await this.model.queryLocation();
|
||||
// this.remove = this.model.WlList[0];
|
||||
// }
|
||||
// selectItem(e: any) {
|
||||
// this.remove = e.pickerName;
|
||||
// }
|
||||
onShow() {
|
||||
// this.query();
|
||||
console.log(2, this.model.rowdata);
|
||||
}
|
||||
async confirm() {
|
||||
var bool = null;
|
||||
if (this.model.rowdata.length > 0) {
|
||||
bool = this.model.rowdata.some((item) => item.equipmentCode == this.rowdata.equipmentCode);
|
||||
console.log(bool);
|
||||
if (!bool) {
|
||||
this.rowdata.spareQuantity = this.number1;
|
||||
await this.model.rowdatanull();
|
||||
// console.log(this.model.rowdata)
|
||||
this.model.rowdata.push(this.rowdata);
|
||||
// uni.navigateTo({
|
||||
// url: `/pages/equipment/Repair/repairing?listitem=` + encodeURIComponent(JSON.stringify(this.detailsinfo)),
|
||||
// });
|
||||
uni.navigateBack({});
|
||||
}
|
||||
if (bool) {
|
||||
(this.$refs.uToast as any).show({
|
||||
title: '请勿重复选择',
|
||||
type: 'default',
|
||||
});
|
||||
// _this.customToast('请勿重复申领');
|
||||
}
|
||||
} else {
|
||||
this.rowdata.spareQuantity = this.number1;
|
||||
this.model.rowdata.push(this.rowdata);
|
||||
// uni.navigateTo({
|
||||
// url: `/pages/equipment/Repair/repairing?listitem=` + encodeURIComponent(JSON.stringify(this.detailsinfo)),
|
||||
// });
|
||||
uni.navigateBack({});
|
||||
}
|
||||
console.log(this.model.rowdata, this.page, this.rowdata);
|
||||
}
|
||||
cancel() {
|
||||
this.isshow = false;
|
||||
}
|
||||
goback() {
|
||||
uni.redirectTo({
|
||||
url: `/pages/equipment/Repair/repairing?listitem=` + encodeURIComponent(JSON.stringify(this.detailsinfo)),
|
||||
});
|
||||
}
|
||||
async onLoad() {
|
||||
let query = {
|
||||
pageNum: 1,
|
||||
pageSize: 10000,
|
||||
};
|
||||
await this.model.queryhandChecklist(query);
|
||||
this.tableData = this.model.equipmentlist;
|
||||
this.tableData.map((item, index) => {
|
||||
item.index = index + 1;
|
||||
});
|
||||
}
|
||||
changeContent(e) {
|
||||
//console.log('eee', e.data);
|
||||
this.rowdata = e.data[0]?.lineData;
|
||||
// uni.$emit('changeContent',e);
|
||||
}
|
||||
gozhijian() {
|
||||
this.uni.navigateTo({
|
||||
url: this.page.mes.ProductionQtyInsp,
|
||||
});
|
||||
}
|
||||
onSubmit() {
|
||||
//debugger
|
||||
//console.log('xssss',this.rowdata);
|
||||
|
||||
if (JSON.stringify(this.rowdata) === '{}' || this.rowdata === undefined) {
|
||||
this.customToast('请选择至少一个备件');
|
||||
return;
|
||||
}
|
||||
this.isshow = true;
|
||||
|
||||
// this.uni.navigateTo({
|
||||
// url: this.page.mes.ProductionQtyInspDetail,
|
||||
// });
|
||||
}
|
||||
// async search() {
|
||||
// let query = {
|
||||
// pageNum: 1,
|
||||
// pageSize: 10000,
|
||||
// };
|
||||
// await this.model.queryhandChecklist(query);
|
||||
// this.tableData = this.model.equipmentlist;
|
||||
// this.tableData.map((item, index) => {
|
||||
// item.index = index + 1;
|
||||
// });
|
||||
// }
|
||||
histroyItem: any = {};
|
||||
barcode: any = '';
|
||||
}
|
||||
</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: 40rpx;
|
||||
border-radius: 10rpx;
|
||||
box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
|
||||
|
||||
.u-form-item {
|
||||
padding: 30rpx 0;
|
||||
line-height: 35rpx;
|
||||
|
||||
.Transfer {
|
||||
width: 280rpx;
|
||||
height: 64rpx;
|
||||
background: rgb(242, 242, 242);
|
||||
border-radius: 110rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.single {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
display: flex;
|
||||
|
||||
.single-right {
|
||||
button {
|
||||
margin-top: 15rpx;
|
||||
width: 140rpx;
|
||||
height: 70rpx;
|
||||
background-color: #fa3534;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
.single-left {
|
||||
width: 90%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
view {
|
||||
width: 142rpx;
|
||||
height: 100%;
|
||||
line-height: 100rpx;
|
||||
font-size: 15px;
|
||||
// font-weight: bold;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
padding: 9px 0px;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// /deep/ .remarksBox textarea {
|
||||
// font-size: 24rpx;
|
||||
// }
|
||||
}
|
||||
}
|
||||
// .wyb-table-scroll-view {
|
||||
// width: auto !important;
|
||||
// }
|
||||
.form {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
::v-deep .form .uni-input-input {
|
||||
margin-left: 10px;
|
||||
width: 93%;
|
||||
border: 1px solid;
|
||||
padding: 10px 5px;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
height: 35px;
|
||||
font-weight: 500;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,303 @@
|
||||
<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">采购入库(SRM)详细</view>
|
||||
<view class="right"></view>
|
||||
</view>
|
||||
|
||||
<view class="scroll">
|
||||
<view v-for="item in list" :key="item.id">
|
||||
<u-form style="margin-top: 10rpx" class="form2">
|
||||
<view class="list">
|
||||
<view class="row-list">
|
||||
<view class="list-item"> 物资编码: </view>
|
||||
<view> 4500331750 </view>
|
||||
</view>
|
||||
<view class="row-list">
|
||||
<view class="list-item"> 物资名称: </view>
|
||||
<view> 40000006954 </view>
|
||||
</view>
|
||||
<view class="row-list">
|
||||
<view class="row-list-item">
|
||||
<view class="list-item"> 托盘号: </view>
|
||||
<view> 100 </view>
|
||||
</view>
|
||||
<view class="row-list-item">
|
||||
<view class="list-item"> 批次号: </view>
|
||||
<view> 件 </view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row-list">
|
||||
<view class="row-list-item">
|
||||
<view class="list-item"> 入库数量: </view>
|
||||
<view> 100 </view>
|
||||
</view>
|
||||
<view class="row-list-item">
|
||||
<view class="list-item"> 单位: </view>
|
||||
<view> 件 </view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row-list">
|
||||
<view class="list-item"> 库位码: </view>
|
||||
<view> 1000/0(PC) </view>
|
||||
</view>
|
||||
</view>
|
||||
</u-form>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { Component } from 'vue-property-decorator';
|
||||
import { BasePage } from '@/components/base/page';
|
||||
import jPicker from '@/components/J-Picker/jPicker.vue';
|
||||
import model from './model';
|
||||
//import { session } from '@/store/modules/session';
|
||||
@Component({
|
||||
components: {
|
||||
jPicker,
|
||||
},
|
||||
})
|
||||
export default class PurchaseWHSRM extends BasePage {
|
||||
model = model;
|
||||
list: any = [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }];
|
||||
form3: any = {};
|
||||
// remove: any = {};
|
||||
// async onReady() {
|
||||
// await this.model.queryLocation();
|
||||
// this.remove = this.model.WlList[0];
|
||||
// }
|
||||
// selectItem(e: any) {
|
||||
// this.remove = e.pickerName;
|
||||
// }
|
||||
orderNo: any = '';
|
||||
border = true;
|
||||
height = 100;
|
||||
autoHeight = true;
|
||||
imgList: any = [];
|
||||
imgUrlList: any = [];
|
||||
isqualified = [
|
||||
{
|
||||
label: '合格',
|
||||
value: '1',
|
||||
},
|
||||
{
|
||||
label: '不合格',
|
||||
value: '0',
|
||||
},
|
||||
];
|
||||
|
||||
productCodeList: any = {};
|
||||
async query() {
|
||||
if (this.orderNo == '' || this.orderNo.length == 0) {
|
||||
this.customToast('请输入nficl');
|
||||
return;
|
||||
}
|
||||
await this.model.queryOrderNo(this.orderNo);
|
||||
this.productCodeList = this.model.productCodeList[0];
|
||||
this.histroyItem = this.model.orderNoItemList[0];
|
||||
}
|
||||
histroyItem: any = {};
|
||||
barcode: any = '';
|
||||
}
|
||||
</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;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll {
|
||||
// margin-top: 120rpx;
|
||||
// padding-left: 30rpx;
|
||||
// padding-right: 16rpx;
|
||||
// margin-bottom: 20rpx;
|
||||
// overflow: scroll;
|
||||
// padding-top: 20rpx;
|
||||
.form2 {
|
||||
background-color: #fff;
|
||||
padding: 25rpx 25rpx 25rpx;
|
||||
border-radius: 10rpx;
|
||||
box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
|
||||
|
||||
.row-list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
.row-list-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
width: 40%;
|
||||
}
|
||||
.list-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.righttitle {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
.boder-icon-rigth {
|
||||
border: 1rpx solid #fa3534;
|
||||
width: 130rpx;
|
||||
text-align: center;
|
||||
background: #fa3534;
|
||||
color: #ffffff;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.zhuangtai {
|
||||
background: #a7a0a04a;
|
||||
width: 224rpx;
|
||||
margin-right: -27rpx;
|
||||
border: 2rpx solid #a7a0a04a;
|
||||
border-radius: 12rpx;
|
||||
text-align: center;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.zhuangtai[data-state='1'] {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.zhuangtai[data-state='0'] {
|
||||
color: blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.button-bar {
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
|
||||
// /deep/ .remarksBox textarea {
|
||||
// font-size: 24rpx;
|
||||
// }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,56 @@
|
||||
import { getModule, Module, MutationAction, VuexModule } from 'vuex-module-decorators';
|
||||
import store from '@/store';
|
||||
import http from '@/utils/request';
|
||||
//import { url } from '@/utils/url';
|
||||
import { session } from '@/store/modules/session';
|
||||
@Module({
|
||||
namespaced: true,
|
||||
dynamic: true,
|
||||
store,
|
||||
name: 'page.raw.Belowstandard',
|
||||
})
|
||||
export class Belowstandard extends VuexModule {
|
||||
WlList = [];
|
||||
@MutationAction
|
||||
async queryLocation() {
|
||||
const result: any = await http.post('', {
|
||||
// factoryCode: session.factoryCode,
|
||||
loginName: session.loginName,
|
||||
});
|
||||
const WlList = result.data.map((_: any) => ({
|
||||
label: _.locationCode,
|
||||
value: _.locationCode,
|
||||
}));
|
||||
return { WlList };
|
||||
}
|
||||
orderNoItemList: any = [];
|
||||
productCodeList: any = [];
|
||||
@MutationAction
|
||||
async queryOrderNo(orderNo: any) {
|
||||
const result: any = await http.post('', {
|
||||
// factoryCode: session.factoryCode,
|
||||
loginName: session.loginName,
|
||||
orderNo,
|
||||
});
|
||||
const orderNoItemList = result.data;
|
||||
// const productCodeList = result.data.map((_: any) => ({
|
||||
// label: _.productCode,
|
||||
// value: _.productCode,
|
||||
// }));
|
||||
return { orderNoItemList };
|
||||
}
|
||||
SubmitCode: any = '';
|
||||
@MutationAction
|
||||
async OnSubmit(params: any) {
|
||||
const result: any = await http.post('', params);
|
||||
const SubmitCode = result.code;
|
||||
return { SubmitCode };
|
||||
}
|
||||
@MutationAction
|
||||
async empty() {
|
||||
const productCodeList = [];
|
||||
return { productCodeList };
|
||||
}
|
||||
}
|
||||
|
||||
export default getModule(Belowstandard);
|
||||
@ -0,0 +1,414 @@
|
||||
<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>
|
||||
<view class="single-left">
|
||||
<u-input @blur="onblur()" @focus="onfocus" @click="onclick" style="width: 100%; background-color: #ffffff; margin: auto" v-model="orderNo" placeholder="请选择检验项目" />
|
||||
<!-- <uni-icons type="scan" size="35" @click="scanCodeOne" style="color: #0b9eff; margin: auto; padding: 22rpx"></uni-icons> -->
|
||||
</view>
|
||||
<view style="margin: 20px">
|
||||
<wyb-table ref="table" :headers="headers" :contents="list" width="auto" first-col-bg-color="#ffffff" checker-color="#000000" @onCheck="changeContent" show-left-and-right-border />
|
||||
</view>
|
||||
<u-select v-model="show" mode="mutil-column-auto" :list="list" @confirm="confirm"></u-select>
|
||||
|
||||
<!-- <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-toast ref="uToast" />
|
||||
</view>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { Component } from 'vue-property-decorator';
|
||||
import { BasePage } from '@/components/base/page';
|
||||
import jPicker from '@/components/J-Picker/jPicker.vue';
|
||||
import model from './model';
|
||||
//import { session } from '@/store/modules/session';
|
||||
// import wybTable from '@/components/wyb-table/wyb-table.vue';
|
||||
@Component({
|
||||
components: {
|
||||
jPicker,
|
||||
},
|
||||
})
|
||||
export default class ProductionQtyInsplist extends BasePage {
|
||||
model = model;
|
||||
rowdata: any = {};
|
||||
formdata: any = {};
|
||||
show: any = false;
|
||||
headers = [
|
||||
{
|
||||
label: '序号',
|
||||
key: 'index',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
label: '检验规则名称',
|
||||
key: 'ruleName',
|
||||
width: 320,
|
||||
},
|
||||
{
|
||||
label: '标准值',
|
||||
key: 'standardValue',
|
||||
// width: ,
|
||||
},
|
||||
{
|
||||
label: '上差值',
|
||||
key: 'upperDiff',
|
||||
},
|
||||
{
|
||||
label: '下差值',
|
||||
key: 'downDiff',
|
||||
},
|
||||
{
|
||||
label: '单位',
|
||||
key: 'unit',
|
||||
},
|
||||
];
|
||||
tableData: any = [];
|
||||
orderNo: any = '';
|
||||
shouciFocus = true;
|
||||
// 详细
|
||||
detailsinfo: any = {};
|
||||
detailsinfolist: any = {};
|
||||
detailsinfocontent: any = {};
|
||||
// 模态框
|
||||
isshow = false;
|
||||
inputmodal = false;
|
||||
isvalue = false;
|
||||
ischecked = false;
|
||||
radiomodal = false;
|
||||
list: any = [
|
||||
{
|
||||
value: 1,
|
||||
label: '中国',
|
||||
children: [
|
||||
{
|
||||
value: 2,
|
||||
label: '广东',
|
||||
children: [
|
||||
{
|
||||
value: 3,
|
||||
label: '深圳',
|
||||
},
|
||||
{
|
||||
value: 4,
|
||||
label: '广州',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
value: 5,
|
||||
label: '广西',
|
||||
children: [
|
||||
{
|
||||
value: 6,
|
||||
label: '南宁',
|
||||
},
|
||||
{
|
||||
value: 7,
|
||||
label: '桂林',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
value: 8,
|
||||
label: '美国',
|
||||
children: [
|
||||
{
|
||||
value: 9,
|
||||
label: '纽约',
|
||||
children: [
|
||||
{
|
||||
value: 10,
|
||||
label: '皇后街区',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
// remove: any = {};
|
||||
// async onReady() {
|
||||
// await this.model.queryLocation();
|
||||
// this.remove = this.model.WlList[0];
|
||||
// }
|
||||
// selectItem(e: any) {
|
||||
// this.remove = e.pickerName;
|
||||
// }
|
||||
onShow() {
|
||||
// this.query();
|
||||
console.log(2, this.model.rowdata);
|
||||
}
|
||||
onblur() {
|
||||
console.log('333');
|
||||
this.show = true;
|
||||
}
|
||||
onfocus() {
|
||||
console.log('222');
|
||||
this.show = false;
|
||||
}
|
||||
onclick() {
|
||||
console.log('111');
|
||||
this.show = true;
|
||||
}
|
||||
confirm(e) {
|
||||
console.log(e, this.page, this.rowdata);
|
||||
}
|
||||
cancel() {
|
||||
this.isshow = false;
|
||||
}
|
||||
goback() {
|
||||
uni.redirectTo({
|
||||
url: `/pages/equipment/Repair/repairing?listitem=` + encodeURIComponent(JSON.stringify(this.detailsinfo)),
|
||||
});
|
||||
}
|
||||
async onLoad() {
|
||||
console.log('111');
|
||||
}
|
||||
changeContent(e) {
|
||||
//console.log('eee', e.data);
|
||||
this.rowdata = e.data[0]?.lineData;
|
||||
// uni.$emit('changeContent',e);
|
||||
}
|
||||
onSubmit() {
|
||||
//debugger
|
||||
//console.log('xssss',this.rowdata);
|
||||
|
||||
if (JSON.stringify(this.rowdata) === '{}' || this.rowdata === undefined) {
|
||||
this.customToast('请选择至少一个备件');
|
||||
return;
|
||||
}
|
||||
this.isshow = true;
|
||||
|
||||
// this.uni.navigateTo({
|
||||
// url: this.page.mes.ProductionQtyInspDetail,
|
||||
// });
|
||||
}
|
||||
async search() {
|
||||
let query = {
|
||||
pageNum: 1,
|
||||
pageSize: 10000,
|
||||
materialDesc: this.orderNo,
|
||||
};
|
||||
await this.model.queryhandChecklist(query);
|
||||
this.tableData = this.model.Checklist;
|
||||
this.tableData.map((item, index) => {
|
||||
item.index = index + 1;
|
||||
});
|
||||
}
|
||||
histroyItem: any = {};
|
||||
barcode: any = '';
|
||||
}
|
||||
</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: 40rpx;
|
||||
border-radius: 10rpx;
|
||||
box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
|
||||
|
||||
.u-form-item {
|
||||
padding: 30rpx 0;
|
||||
line-height: 35rpx;
|
||||
|
||||
.Transfer {
|
||||
width: 280rpx;
|
||||
height: 64rpx;
|
||||
background: rgb(242, 242, 242);
|
||||
border-radius: 110rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.single {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
display: flex;
|
||||
|
||||
.single-right {
|
||||
button {
|
||||
margin-top: 15rpx;
|
||||
width: 140rpx;
|
||||
height: 70rpx;
|
||||
background-color: #fa3534;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
.single-left {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
// view {
|
||||
// width:50px;
|
||||
// height: 100%;
|
||||
// line-height: 100rpx;
|
||||
// font-size: 15px;
|
||||
// // font-weight: bold;
|
||||
// margin: auto;
|
||||
// }
|
||||
}
|
||||
|
||||
.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;
|
||||
padding: 9px 0px;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// /deep/ .remarksBox textarea {
|
||||
// font-size: 24rpx;
|
||||
// }
|
||||
}
|
||||
}
|
||||
// .wyb-table-scroll-view {
|
||||
// width: auto !important;
|
||||
// }
|
||||
.form {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
::v-deep .uni-input-input {
|
||||
padding: 10px 5px;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
::v-deep.uni-input-placeholder {
|
||||
left: 6px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,65 @@
|
||||
import { getModule, Module, MutationAction, VuexModule } from 'vuex-module-decorators';
|
||||
import store from '@/store';
|
||||
import http from '@/utils/request';
|
||||
import { url } from '@/utils/url';
|
||||
@Module({
|
||||
namespaced: true,
|
||||
dynamic: true,
|
||||
store,
|
||||
name: 'page.equipment.Inspectionitem',
|
||||
})
|
||||
export class Inspectionitem extends VuexModule {
|
||||
rowdata: any = [];
|
||||
orderNoItemList: any = [];
|
||||
getTaskRecordList: any = [];
|
||||
@MutationAction
|
||||
async getTodayTask(params: any) {
|
||||
const result: any = await http.get(url.lanjuequipment.product.Repair.getTodayTask, { params: params });
|
||||
const orderNoItemList = result.data;
|
||||
return { orderNoItemList };
|
||||
}
|
||||
@MutationAction
|
||||
async getTaskRecord(params: any) {
|
||||
const result: any = await http.get(url.lanjuequipment.product.Repair.getTaskRecord, { params: params });
|
||||
const getTaskRecordList = result.data;
|
||||
return { getTaskRecordList };
|
||||
}
|
||||
//巡检列表巡检记录
|
||||
OrderInfList: any = [];
|
||||
@MutationAction
|
||||
async getInspectionOrderInfo(workId: any) {
|
||||
const result: any = await http.get(url.lanjuequipment.product.Repair.selectPdaRepairWorkOrderDetails + '/' + workId);
|
||||
const OrderInfList: [] = result.data;
|
||||
return { OrderInfList };
|
||||
}
|
||||
SubmitCode: any = '';
|
||||
//巡检提交
|
||||
@MutationAction
|
||||
async updateInspectionRecord(params: any) {
|
||||
const result: any = await http.put(url.lanjuequipment.product.Repair.updateDowntime, params);
|
||||
const SubmitCode: [] = result;
|
||||
return { SubmitCode };
|
||||
}
|
||||
@MutationAction
|
||||
async updateMaintenanceRecords(params: any) {
|
||||
const result: any = await http.put(url.lanjuequipment.product.Repair.updateMaintenanceRecords, params);
|
||||
const SubmitCode: [] = result;
|
||||
return { SubmitCode };
|
||||
}
|
||||
Checklist: any = [];
|
||||
@MutationAction
|
||||
async queryhandChecklist(params: any) {
|
||||
const result: any = await http.get(url.lanjuequipment.product.Repair.list, { params: params });
|
||||
const Checklist: any = result.rows;
|
||||
console.log('this.tableData', Checklist);
|
||||
// debugger
|
||||
return { Checklist };
|
||||
}
|
||||
@MutationAction
|
||||
async rowdatanull() {
|
||||
const rowdata: [] = [];
|
||||
return { rowdata };
|
||||
}
|
||||
}
|
||||
|
||||
export default getModule(Inspectionitem);
|
||||
@ -0,0 +1,401 @@
|
||||
<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>
|
||||
<!-- <view class="single-left">
|
||||
<u-input @blur="onblur()" @focus="onfocus" @click="onclick" style="width: 100%; background-color: #ffffff; margin: auto;" v-model="orderNo" placeholder="请选择检验项目" />
|
||||
</view> -->
|
||||
<view style="margin: 20px">
|
||||
<wyb-table ref="table" :headers="headers" :contents="list" width="auto" first-col-bg-color="#ffffff" checker-color="#000000" @onCheck="changeContent" show-left-and-right-border />
|
||||
</view>
|
||||
<u-select v-model="show" mode="mutil-column-auto" :list="list" @confirm="confirm"></u-select>
|
||||
|
||||
<!-- <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-toast ref="uToast" />
|
||||
</view>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { Component } from 'vue-property-decorator';
|
||||
import { BasePage } from '@/components/base/page';
|
||||
import jPicker from '@/components/J-Picker/jPicker.vue';
|
||||
import model from './model';
|
||||
//import { session } from '@/store/modules/session';
|
||||
// import wybTable from '@/components/wyb-table/wyb-table.vue';
|
||||
@Component({
|
||||
components: {
|
||||
jPicker,
|
||||
},
|
||||
})
|
||||
export default class ProductionQtyInsplist extends BasePage {
|
||||
model = model;
|
||||
rowdata: any = {};
|
||||
formdata: any = {};
|
||||
show: any = false;
|
||||
headers = [
|
||||
{
|
||||
label: '序号',
|
||||
key: 'index',
|
||||
width: 100,
|
||||
},
|
||||
{
|
||||
label: '规则名称',
|
||||
key: 'ruleName',
|
||||
width: 320,
|
||||
},
|
||||
{
|
||||
label: '规则属性',
|
||||
key: 'standardValue',
|
||||
// width: ,
|
||||
},
|
||||
{
|
||||
label: '检验方式',
|
||||
key: 'upperDiff',
|
||||
},
|
||||
{
|
||||
label: '检验工具',
|
||||
key: 'downDiff',
|
||||
},
|
||||
{
|
||||
label: '单位',
|
||||
key: 'unit',
|
||||
},
|
||||
];
|
||||
tableData: any = [];
|
||||
orderNo: any = '';
|
||||
shouciFocus = true;
|
||||
// 详细
|
||||
detailsinfo: any = {};
|
||||
detailsinfolist: any = {};
|
||||
detailsinfocontent: any = {};
|
||||
// 模态框
|
||||
isshow = false;
|
||||
inputmodal = false;
|
||||
isvalue = false;
|
||||
ischecked = false;
|
||||
radiomodal = false;
|
||||
list: any = [
|
||||
{
|
||||
value: 1,
|
||||
label: '中国',
|
||||
children: [
|
||||
{
|
||||
value: 2,
|
||||
label: '广东',
|
||||
children: [
|
||||
{
|
||||
value: 3,
|
||||
label: '深圳',
|
||||
},
|
||||
{
|
||||
value: 4,
|
||||
label: '广州',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
value: 5,
|
||||
label: '广西',
|
||||
children: [
|
||||
{
|
||||
value: 6,
|
||||
label: '南宁',
|
||||
},
|
||||
{
|
||||
value: 7,
|
||||
label: '桂林',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
value: 8,
|
||||
label: '美国',
|
||||
children: [
|
||||
{
|
||||
value: 9,
|
||||
label: '纽约',
|
||||
children: [
|
||||
{
|
||||
value: 10,
|
||||
label: '皇后街区',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
// remove: any = {};
|
||||
// async onReady() {
|
||||
// await this.model.queryLocation();
|
||||
// this.remove = this.model.WlList[0];
|
||||
// }
|
||||
// selectItem(e: any) {
|
||||
// this.remove = e.pickerName;
|
||||
// }
|
||||
onShow() {
|
||||
// this.query();
|
||||
}
|
||||
onblur() {
|
||||
console.log('333');
|
||||
this.show = true;
|
||||
}
|
||||
onfocus() {
|
||||
console.log('222');
|
||||
this.show = false;
|
||||
}
|
||||
onclick() {
|
||||
console.log('111');
|
||||
this.show = true;
|
||||
}
|
||||
confirm(e) {
|
||||
console.log(e, this.page, this.rowdata);
|
||||
}
|
||||
cancel() {
|
||||
this.isshow = false;
|
||||
}
|
||||
goback() {
|
||||
uni.redirectTo({
|
||||
url: `/pages/equipment/Repair/repairing?listitem=` + encodeURIComponent(JSON.stringify(this.detailsinfo)),
|
||||
});
|
||||
}
|
||||
|
||||
async onLoad() {
|
||||
console.log('111');
|
||||
}
|
||||
changeContent(e) {
|
||||
//console.log('eee', e.data);
|
||||
this.rowdata = e.data[0]?.lineData;
|
||||
// uni.$emit('changeContent',e);
|
||||
}
|
||||
onSubmit() {
|
||||
//debugger
|
||||
//console.log('xssss',this.rowdata);
|
||||
|
||||
if (JSON.stringify(this.rowdata) === '{}' || this.rowdata === undefined) {
|
||||
this.customToast('请选择至少一个备件');
|
||||
return;
|
||||
}
|
||||
this.isshow = true;
|
||||
|
||||
// this.uni.navigateTo({
|
||||
// url: this.page.mes.ProductionQtyInspDetail,
|
||||
// });
|
||||
}
|
||||
histroyItem: any = {};
|
||||
barcode: any = '';
|
||||
}
|
||||
</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: 40rpx;
|
||||
border-radius: 10rpx;
|
||||
box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
|
||||
|
||||
.u-form-item {
|
||||
padding: 30rpx 0;
|
||||
line-height: 35rpx;
|
||||
|
||||
.Transfer {
|
||||
width: 280rpx;
|
||||
height: 64rpx;
|
||||
background: rgb(242, 242, 242);
|
||||
border-radius: 110rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.single {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
display: flex;
|
||||
|
||||
.single-right {
|
||||
button {
|
||||
margin-top: 15rpx;
|
||||
width: 140rpx;
|
||||
height: 70rpx;
|
||||
background-color: #fa3534;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
.single-left {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
// view {
|
||||
// width:50px;
|
||||
// height: 100%;
|
||||
// line-height: 100rpx;
|
||||
// font-size: 15px;
|
||||
// // font-weight: bold;
|
||||
// margin: auto;
|
||||
// }
|
||||
}
|
||||
|
||||
.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;
|
||||
padding: 9px 0px;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// /deep/ .remarksBox textarea {
|
||||
// font-size: 24rpx;
|
||||
// }
|
||||
}
|
||||
}
|
||||
// .wyb-table-scroll-view {
|
||||
// width: auto !important;
|
||||
// }
|
||||
.form {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
::v-deep .uni-input-input {
|
||||
padding: 10px 5px;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
::v-deep.uni-input-placeholder {
|
||||
left: 6px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,65 @@
|
||||
import { getModule, Module, MutationAction, VuexModule } from 'vuex-module-decorators';
|
||||
import store from '@/store';
|
||||
import http from '@/utils/request';
|
||||
import { url } from '@/utils/url';
|
||||
@Module({
|
||||
namespaced: true,
|
||||
dynamic: true,
|
||||
store,
|
||||
name: 'page.equipment.Inspectionrule',
|
||||
})
|
||||
export class Inspectionrule extends VuexModule {
|
||||
rowdata: any = [];
|
||||
orderNoItemList: any = [];
|
||||
getTaskRecordList: any = [];
|
||||
@MutationAction
|
||||
async getTodayTask(params: any) {
|
||||
const result: any = await http.get(url.lanjuequipment.product.Repair.getTodayTask, { params: params });
|
||||
const orderNoItemList = result.data;
|
||||
return { orderNoItemList };
|
||||
}
|
||||
@MutationAction
|
||||
async getTaskRecord(params: any) {
|
||||
const result: any = await http.get(url.lanjuequipment.product.Repair.getTaskRecord, { params: params });
|
||||
const getTaskRecordList = result.data;
|
||||
return { getTaskRecordList };
|
||||
}
|
||||
//巡检列表巡检记录
|
||||
OrderInfList: any = [];
|
||||
@MutationAction
|
||||
async getInspectionOrderInfo(workId: any) {
|
||||
const result: any = await http.get(url.lanjuequipment.product.Repair.selectPdaRepairWorkOrderDetails + '/' + workId);
|
||||
const OrderInfList: [] = result.data;
|
||||
return { OrderInfList };
|
||||
}
|
||||
SubmitCode: any = '';
|
||||
//巡检提交
|
||||
@MutationAction
|
||||
async updateInspectionRecord(params: any) {
|
||||
const result: any = await http.put(url.lanjuequipment.product.Repair.updateDowntime, params);
|
||||
const SubmitCode: [] = result;
|
||||
return { SubmitCode };
|
||||
}
|
||||
@MutationAction
|
||||
async updateMaintenanceRecords(params: any) {
|
||||
const result: any = await http.put(url.lanjuequipment.product.Repair.updateMaintenanceRecords, params);
|
||||
const SubmitCode: [] = result;
|
||||
return { SubmitCode };
|
||||
}
|
||||
Checklist: any = [];
|
||||
@MutationAction
|
||||
async queryhandChecklist(params: any) {
|
||||
const result: any = await http.get(url.lanjuequipment.product.Repair.list, { params: params });
|
||||
const Checklist: any = result.rows;
|
||||
console.log('this.tableData', Checklist);
|
||||
// debugger
|
||||
return { Checklist };
|
||||
}
|
||||
@MutationAction
|
||||
async rowdatanull() {
|
||||
const rowdata: [] = [];
|
||||
return { rowdata };
|
||||
}
|
||||
}
|
||||
|
||||
export default getModule(Inspectionrule);
|
||||
@ -0,0 +1,393 @@
|
||||
<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>
|
||||
<!-- <view class="single-left">
|
||||
<u-input @blur="onblur()" @focus="onfocus" @click="onclick" style="width: 100%; background-color: #ffffff; margin: auto;" v-model="orderNo" placeholder="请选择检验项目" />
|
||||
</view> -->
|
||||
<view style="margin: 20px">
|
||||
<wyb-table ref="table" :headers="headers" :contents="list" width="auto" first-col-bg-color="#ffffff" checker-color="#000000" @onCheck="changeContent" show-left-and-right-border />
|
||||
</view>
|
||||
<u-select v-model="show" mode="mutil-column-auto" :list="list" @confirm="confirm"></u-select>
|
||||
|
||||
<!-- <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-toast ref="uToast" />
|
||||
</view>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { Component } from 'vue-property-decorator';
|
||||
import { BasePage } from '@/components/base/page';
|
||||
import jPicker from '@/components/J-Picker/jPicker.vue';
|
||||
import model from './model';
|
||||
//import { session } from '@/store/modules/session';
|
||||
// import wybTable from '@/components/wyb-table/wyb-table.vue';
|
||||
@Component({
|
||||
components: {
|
||||
jPicker,
|
||||
},
|
||||
})
|
||||
export default class ProductionQtyInsplist extends BasePage {
|
||||
model = model;
|
||||
rowdata: any = {};
|
||||
formdata: any = {};
|
||||
show: any = false;
|
||||
headers = [
|
||||
// {
|
||||
// label: '序号',
|
||||
// key: 'index',
|
||||
// width: 100,
|
||||
// },
|
||||
{
|
||||
label: '单位编号',
|
||||
key: 'ruleName',
|
||||
width: 300,
|
||||
},
|
||||
{
|
||||
label: '名称',
|
||||
key: 'standardValue',
|
||||
// width: ,
|
||||
},
|
||||
{
|
||||
label: '单位',
|
||||
key: 'unit',
|
||||
},
|
||||
];
|
||||
tableData: any = [];
|
||||
orderNo: any = '';
|
||||
shouciFocus = true;
|
||||
// 详细
|
||||
detailsinfo: any = {};
|
||||
detailsinfolist: any = {};
|
||||
detailsinfocontent: any = {};
|
||||
// 模态框
|
||||
isshow = false;
|
||||
inputmodal = false;
|
||||
isvalue = false;
|
||||
ischecked = false;
|
||||
radiomodal = false;
|
||||
list: any = [
|
||||
{
|
||||
value: 1,
|
||||
label: '中国',
|
||||
children: [
|
||||
{
|
||||
value: 2,
|
||||
label: '广东',
|
||||
children: [
|
||||
{
|
||||
value: 3,
|
||||
label: '深圳',
|
||||
},
|
||||
{
|
||||
value: 4,
|
||||
label: '广州',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
value: 5,
|
||||
label: '广西',
|
||||
children: [
|
||||
{
|
||||
value: 6,
|
||||
label: '南宁',
|
||||
},
|
||||
{
|
||||
value: 7,
|
||||
label: '桂林',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
value: 8,
|
||||
label: '美国',
|
||||
children: [
|
||||
{
|
||||
value: 9,
|
||||
label: '纽约',
|
||||
children: [
|
||||
{
|
||||
value: 10,
|
||||
label: '皇后街区',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
// remove: any = {};
|
||||
// async onReady() {
|
||||
// await this.model.queryLocation();
|
||||
// this.remove = this.model.WlList[0];
|
||||
// }
|
||||
// selectItem(e: any) {
|
||||
// this.remove = e.pickerName;
|
||||
// }
|
||||
onShow() {
|
||||
// this.query();
|
||||
}
|
||||
onblur() {
|
||||
console.log('333');
|
||||
this.show = true;
|
||||
}
|
||||
onfocus() {
|
||||
console.log('222');
|
||||
this.show = false;
|
||||
}
|
||||
onclick() {
|
||||
console.log('111');
|
||||
this.show = true;
|
||||
}
|
||||
confirm(e) {
|
||||
console.log(e, this.page, this.rowdata);
|
||||
}
|
||||
cancel() {
|
||||
this.isshow = false;
|
||||
}
|
||||
goback() {
|
||||
uni.redirectTo({
|
||||
url: `/pages/equipment/Repair/repairing?listitem=` + encodeURIComponent(JSON.stringify(this.detailsinfo)),
|
||||
});
|
||||
}
|
||||
|
||||
async onLoad() {
|
||||
console.log('111');
|
||||
}
|
||||
changeContent(e) {
|
||||
//console.log('eee', e.data);
|
||||
this.rowdata = e.data[0]?.lineData;
|
||||
// uni.$emit('changeContent',e);
|
||||
}
|
||||
onSubmit() {
|
||||
//debugger
|
||||
//console.log('xssss',this.rowdata);
|
||||
|
||||
if (JSON.stringify(this.rowdata) === '{}' || this.rowdata === undefined) {
|
||||
this.customToast('请选择至少一个备件');
|
||||
return;
|
||||
}
|
||||
this.isshow = true;
|
||||
|
||||
// this.uni.navigateTo({
|
||||
// url: this.page.mes.ProductionQtyInspDetail,
|
||||
// });
|
||||
}
|
||||
histroyItem: any = {};
|
||||
barcode: any = '';
|
||||
}
|
||||
</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: 40rpx;
|
||||
border-radius: 10rpx;
|
||||
box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
|
||||
|
||||
.u-form-item {
|
||||
padding: 30rpx 0;
|
||||
line-height: 35rpx;
|
||||
|
||||
.Transfer {
|
||||
width: 280rpx;
|
||||
height: 64rpx;
|
||||
background: rgb(242, 242, 242);
|
||||
border-radius: 110rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.single {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
display: flex;
|
||||
|
||||
.single-right {
|
||||
button {
|
||||
margin-top: 15rpx;
|
||||
width: 140rpx;
|
||||
height: 70rpx;
|
||||
background-color: #fa3534;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
.single-left {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
// view {
|
||||
// width:50px;
|
||||
// height: 100%;
|
||||
// line-height: 100rpx;
|
||||
// font-size: 15px;
|
||||
// // font-weight: bold;
|
||||
// margin: auto;
|
||||
// }
|
||||
}
|
||||
|
||||
.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;
|
||||
padding: 9px 0px;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// /deep/ .remarksBox textarea {
|
||||
// font-size: 24rpx;
|
||||
// }
|
||||
}
|
||||
}
|
||||
// .wyb-table-scroll-view {
|
||||
// width: auto !important;
|
||||
// }
|
||||
.form {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 600;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
::v-deep .uni-input-input {
|
||||
padding: 10px 5px;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
::v-deep.uni-input-placeholder {
|
||||
left: 6px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,65 @@
|
||||
import { getModule, Module, MutationAction, VuexModule } from 'vuex-module-decorators';
|
||||
import store from '@/store';
|
||||
import http from '@/utils/request';
|
||||
import { url } from '@/utils/url';
|
||||
@Module({
|
||||
namespaced: true,
|
||||
dynamic: true,
|
||||
store,
|
||||
name: 'page.equipment.Inspectionunit',
|
||||
})
|
||||
export class Inspectionunit extends VuexModule {
|
||||
rowdata: any = [];
|
||||
orderNoItemList: any = [];
|
||||
getTaskRecordList: any = [];
|
||||
@MutationAction
|
||||
async getTodayTask(params: any) {
|
||||
const result: any = await http.get(url.lanjuequipment.product.Repair.getTodayTask, { params: params });
|
||||
const orderNoItemList = result.data;
|
||||
return { orderNoItemList };
|
||||
}
|
||||
@MutationAction
|
||||
async getTaskRecord(params: any) {
|
||||
const result: any = await http.get(url.lanjuequipment.product.Repair.getTaskRecord, { params: params });
|
||||
const getTaskRecordList = result.data;
|
||||
return { getTaskRecordList };
|
||||
}
|
||||
//巡检列表巡检记录
|
||||
OrderInfList: any = [];
|
||||
@MutationAction
|
||||
async getInspectionOrderInfo(workId: any) {
|
||||
const result: any = await http.get(url.lanjuequipment.product.Repair.selectPdaRepairWorkOrderDetails + '/' + workId);
|
||||
const OrderInfList: [] = result.data;
|
||||
return { OrderInfList };
|
||||
}
|
||||
SubmitCode: any = '';
|
||||
//巡检提交
|
||||
@MutationAction
|
||||
async updateInspectionRecord(params: any) {
|
||||
const result: any = await http.put(url.lanjuequipment.product.Repair.updateDowntime, params);
|
||||
const SubmitCode: [] = result;
|
||||
return { SubmitCode };
|
||||
}
|
||||
@MutationAction
|
||||
async updateMaintenanceRecords(params: any) {
|
||||
const result: any = await http.put(url.lanjuequipment.product.Repair.updateMaintenanceRecords, params);
|
||||
const SubmitCode: [] = result;
|
||||
return { SubmitCode };
|
||||
}
|
||||
Checklist: any = [];
|
||||
@MutationAction
|
||||
async queryhandChecklist(params: any) {
|
||||
const result: any = await http.get(url.lanjuequipment.product.Repair.list, { params: params });
|
||||
const Checklist: any = result.rows;
|
||||
console.log('this.tableData', Checklist);
|
||||
// debugger
|
||||
return { Checklist };
|
||||
}
|
||||
@MutationAction
|
||||
async rowdatanull() {
|
||||
const rowdata: [] = [];
|
||||
return { rowdata };
|
||||
}
|
||||
}
|
||||
|
||||
export default getModule(Inspectionunit);
|
||||
@ -0,0 +1,303 @@
|
||||
<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">采购入库(SRM)详细</view>
|
||||
<view class="right"></view>
|
||||
</view>
|
||||
|
||||
<view class="scroll">
|
||||
<view v-for="item in list" :key="item.id">
|
||||
<u-form style="margin-top: 10rpx" class="form2">
|
||||
<view class="list">
|
||||
<view class="row-list">
|
||||
<view class="list-item"> 物资编码: </view>
|
||||
<view> 4500331750 </view>
|
||||
</view>
|
||||
<view class="row-list">
|
||||
<view class="list-item"> 物资名称: </view>
|
||||
<view> 40000006954 </view>
|
||||
</view>
|
||||
<view class="row-list">
|
||||
<view class="row-list-item">
|
||||
<view class="list-item"> 托盘号: </view>
|
||||
<view> 100 </view>
|
||||
</view>
|
||||
<view class="row-list-item">
|
||||
<view class="list-item"> 批次号: </view>
|
||||
<view> 件 </view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row-list">
|
||||
<view class="row-list-item">
|
||||
<view class="list-item"> 入库数量: </view>
|
||||
<view> 100 </view>
|
||||
</view>
|
||||
<view class="row-list-item">
|
||||
<view class="list-item"> 单位: </view>
|
||||
<view> 件 </view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row-list">
|
||||
<view class="list-item"> 库位码: </view>
|
||||
<view> 1000/0(PC) </view>
|
||||
</view>
|
||||
</view>
|
||||
</u-form>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { Component } from 'vue-property-decorator';
|
||||
import { BasePage } from '@/components/base/page';
|
||||
import jPicker from '@/components/J-Picker/jPicker.vue';
|
||||
import model from './model';
|
||||
//import { session } from '@/store/modules/session';
|
||||
@Component({
|
||||
components: {
|
||||
jPicker,
|
||||
},
|
||||
})
|
||||
export default class PurchaseWHSRM extends BasePage {
|
||||
model = model;
|
||||
list: any = [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }];
|
||||
form3: any = {};
|
||||
// remove: any = {};
|
||||
// async onReady() {
|
||||
// await this.model.queryLocation();
|
||||
// this.remove = this.model.WlList[0];
|
||||
// }
|
||||
// selectItem(e: any) {
|
||||
// this.remove = e.pickerName;
|
||||
// }
|
||||
orderNo: any = '';
|
||||
border = true;
|
||||
height = 100;
|
||||
autoHeight = true;
|
||||
imgList: any = [];
|
||||
imgUrlList: any = [];
|
||||
isqualified = [
|
||||
{
|
||||
label: '合格',
|
||||
value: '1',
|
||||
},
|
||||
{
|
||||
label: '不合格',
|
||||
value: '0',
|
||||
},
|
||||
];
|
||||
|
||||
productCodeList: any = {};
|
||||
async query() {
|
||||
if (this.orderNo == '' || this.orderNo.length == 0) {
|
||||
this.customToast('请输入nficl');
|
||||
return;
|
||||
}
|
||||
await this.model.queryOrderNo(this.orderNo);
|
||||
this.productCodeList = this.model.productCodeList[0];
|
||||
this.histroyItem = this.model.orderNoItemList[0];
|
||||
}
|
||||
histroyItem: any = {};
|
||||
barcode: any = '';
|
||||
}
|
||||
</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;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll {
|
||||
// margin-top: 120rpx;
|
||||
// padding-left: 30rpx;
|
||||
// padding-right: 16rpx;
|
||||
// margin-bottom: 20rpx;
|
||||
// overflow: scroll;
|
||||
// padding-top: 20rpx;
|
||||
.form2 {
|
||||
background-color: #fff;
|
||||
padding: 25rpx 25rpx 25rpx;
|
||||
border-radius: 10rpx;
|
||||
box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
|
||||
|
||||
.row-list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
.row-list-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
width: 40%;
|
||||
}
|
||||
.list-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.righttitle {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
.boder-icon-rigth {
|
||||
border: 1rpx solid #fa3534;
|
||||
width: 130rpx;
|
||||
text-align: center;
|
||||
background: #fa3534;
|
||||
color: #ffffff;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.zhuangtai {
|
||||
background: #a7a0a04a;
|
||||
width: 224rpx;
|
||||
margin-right: -27rpx;
|
||||
border: 2rpx solid #a7a0a04a;
|
||||
border-radius: 12rpx;
|
||||
text-align: center;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.zhuangtai[data-state='1'] {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.zhuangtai[data-state='0'] {
|
||||
color: blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.button-bar {
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
|
||||
// /deep/ .remarksBox textarea {
|
||||
// font-size: 24rpx;
|
||||
// }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,56 @@
|
||||
import { getModule, Module, MutationAction, VuexModule } from 'vuex-module-decorators';
|
||||
import store from '@/store';
|
||||
import http from '@/utils/request';
|
||||
//import { url } from '@/utils/url';
|
||||
import { session } from '@/store/modules/session';
|
||||
@Module({
|
||||
namespaced: true,
|
||||
dynamic: true,
|
||||
store,
|
||||
name: 'page.raw.Materialinspection',
|
||||
})
|
||||
export class Materialinspection extends VuexModule {
|
||||
WlList = [];
|
||||
@MutationAction
|
||||
async queryLocation() {
|
||||
const result: any = await http.post('', {
|
||||
// factoryCode: session.factoryCode,
|
||||
loginName: session.loginName,
|
||||
});
|
||||
const WlList = result.data.map((_: any) => ({
|
||||
label: _.locationCode,
|
||||
value: _.locationCode,
|
||||
}));
|
||||
return { WlList };
|
||||
}
|
||||
orderNoItemList: any = [];
|
||||
productCodeList: any = [];
|
||||
@MutationAction
|
||||
async queryOrderNo(orderNo: any) {
|
||||
const result: any = await http.post('', {
|
||||
// factoryCode: session.factoryCode,
|
||||
loginName: session.loginName,
|
||||
orderNo,
|
||||
});
|
||||
const orderNoItemList = result.data;
|
||||
// const productCodeList = result.data.map((_: any) => ({
|
||||
// label: _.productCode,
|
||||
// value: _.productCode,
|
||||
// }));
|
||||
return { orderNoItemList };
|
||||
}
|
||||
SubmitCode: any = '';
|
||||
@MutationAction
|
||||
async OnSubmit(params: any) {
|
||||
const result: any = await http.post('', params);
|
||||
const SubmitCode = result.code;
|
||||
return { SubmitCode };
|
||||
}
|
||||
@MutationAction
|
||||
async empty() {
|
||||
const productCodeList = [];
|
||||
return { productCodeList };
|
||||
}
|
||||
}
|
||||
|
||||
export default getModule(Materialinspection);
|
||||
@ -0,0 +1,303 @@
|
||||
<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">采购入库(SRM)详细</view>
|
||||
<view class="right"></view>
|
||||
</view>
|
||||
|
||||
<view class="scroll">
|
||||
<view v-for="item in list" :key="item.id">
|
||||
<u-form style="margin-top: 10rpx" class="form2">
|
||||
<view class="list">
|
||||
<view class="row-list">
|
||||
<view class="list-item"> 物资编码: </view>
|
||||
<view> 4500331750 </view>
|
||||
</view>
|
||||
<view class="row-list">
|
||||
<view class="list-item"> 物资名称: </view>
|
||||
<view> 40000006954 </view>
|
||||
</view>
|
||||
<view class="row-list">
|
||||
<view class="row-list-item">
|
||||
<view class="list-item"> 托盘号: </view>
|
||||
<view> 100 </view>
|
||||
</view>
|
||||
<view class="row-list-item">
|
||||
<view class="list-item"> 批次号: </view>
|
||||
<view> 件 </view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row-list">
|
||||
<view class="row-list-item">
|
||||
<view class="list-item"> 入库数量: </view>
|
||||
<view> 100 </view>
|
||||
</view>
|
||||
<view class="row-list-item">
|
||||
<view class="list-item"> 单位: </view>
|
||||
<view> 件 </view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row-list">
|
||||
<view class="list-item"> 库位码: </view>
|
||||
<view> 1000/0(PC) </view>
|
||||
</view>
|
||||
</view>
|
||||
</u-form>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { Component } from 'vue-property-decorator';
|
||||
import { BasePage } from '@/components/base/page';
|
||||
import jPicker from '@/components/J-Picker/jPicker.vue';
|
||||
import model from './model';
|
||||
//import { session } from '@/store/modules/session';
|
||||
@Component({
|
||||
components: {
|
||||
jPicker,
|
||||
},
|
||||
})
|
||||
export default class PurchaseWHSRM extends BasePage {
|
||||
model = model;
|
||||
list: any = [{ id: 1 }, { id: 2 }, { id: 3 }, { id: 4 }];
|
||||
form3: any = {};
|
||||
// remove: any = {};
|
||||
// async onReady() {
|
||||
// await this.model.queryLocation();
|
||||
// this.remove = this.model.WlList[0];
|
||||
// }
|
||||
// selectItem(e: any) {
|
||||
// this.remove = e.pickerName;
|
||||
// }
|
||||
orderNo: any = '';
|
||||
border = true;
|
||||
height = 100;
|
||||
autoHeight = true;
|
||||
imgList: any = [];
|
||||
imgUrlList: any = [];
|
||||
isqualified = [
|
||||
{
|
||||
label: '合格',
|
||||
value: '1',
|
||||
},
|
||||
{
|
||||
label: '不合格',
|
||||
value: '0',
|
||||
},
|
||||
];
|
||||
|
||||
productCodeList: any = {};
|
||||
async query() {
|
||||
if (this.orderNo == '' || this.orderNo.length == 0) {
|
||||
this.customToast('请输入nficl');
|
||||
return;
|
||||
}
|
||||
await this.model.queryOrderNo(this.orderNo);
|
||||
this.productCodeList = this.model.productCodeList[0];
|
||||
this.histroyItem = this.model.orderNoItemList[0];
|
||||
}
|
||||
histroyItem: any = {};
|
||||
barcode: any = '';
|
||||
}
|
||||
</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;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll {
|
||||
// margin-top: 120rpx;
|
||||
// padding-left: 30rpx;
|
||||
// padding-right: 16rpx;
|
||||
// margin-bottom: 20rpx;
|
||||
// overflow: scroll;
|
||||
// padding-top: 20rpx;
|
||||
.form2 {
|
||||
background-color: #fff;
|
||||
padding: 25rpx 25rpx 25rpx;
|
||||
border-radius: 10rpx;
|
||||
box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
|
||||
|
||||
.row-list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
.row-list-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
width: 40%;
|
||||
}
|
||||
.list-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.righttitle {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
.boder-icon-rigth {
|
||||
border: 1rpx solid #fa3534;
|
||||
width: 130rpx;
|
||||
text-align: center;
|
||||
background: #fa3534;
|
||||
color: #ffffff;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.zhuangtai {
|
||||
background: #a7a0a04a;
|
||||
width: 224rpx;
|
||||
margin-right: -27rpx;
|
||||
border: 2rpx solid #a7a0a04a;
|
||||
border-radius: 12rpx;
|
||||
text-align: center;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.zhuangtai[data-state='1'] {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.zhuangtai[data-state='0'] {
|
||||
color: blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.button-bar {
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
|
||||
// /deep/ .remarksBox textarea {
|
||||
// font-size: 24rpx;
|
||||
// }
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,56 @@
|
||||
import { getModule, Module, MutationAction, VuexModule } from 'vuex-module-decorators';
|
||||
import store from '@/store';
|
||||
import http from '@/utils/request';
|
||||
//import { url } from '@/utils/url';
|
||||
import { session } from '@/store/modules/session';
|
||||
@Module({
|
||||
namespaced: true,
|
||||
dynamic: true,
|
||||
store,
|
||||
name: 'page.raw.Records',
|
||||
})
|
||||
export class Records extends VuexModule {
|
||||
WlList = [];
|
||||
@MutationAction
|
||||
async queryLocation() {
|
||||
const result: any = await http.post('', {
|
||||
// factoryCode: session.factoryCode,
|
||||
loginName: session.loginName,
|
||||
});
|
||||
const WlList = result.data.map((_: any) => ({
|
||||
label: _.locationCode,
|
||||
value: _.locationCode,
|
||||
}));
|
||||
return { WlList };
|
||||
}
|
||||
orderNoItemList: any = [];
|
||||
productCodeList: any = [];
|
||||
@MutationAction
|
||||
async queryOrderNo(orderNo: any) {
|
||||
const result: any = await http.post('', {
|
||||
// factoryCode: session.factoryCode,
|
||||
loginName: session.loginName,
|
||||
orderNo,
|
||||
});
|
||||
const orderNoItemList = result.data;
|
||||
// const productCodeList = result.data.map((_: any) => ({
|
||||
// label: _.productCode,
|
||||
// value: _.productCode,
|
||||
// }));
|
||||
return { orderNoItemList };
|
||||
}
|
||||
SubmitCode: any = '';
|
||||
@MutationAction
|
||||
async OnSubmit(params: any) {
|
||||
const result: any = await http.post('', params);
|
||||
const SubmitCode = result.code;
|
||||
return { SubmitCode };
|
||||
}
|
||||
@MutationAction
|
||||
async empty() {
|
||||
const productCodeList = [];
|
||||
return { productCodeList };
|
||||
}
|
||||
}
|
||||
|
||||
export default getModule(Records);
|
||||
@ -0,0 +1,198 @@
|
||||
<template>
|
||||
<view class="page-raw-ingoods">
|
||||
<view class="header">
|
||||
<view class="left">
|
||||
<u-icon class="icon" name="arrow-left" @click="goback()" />
|
||||
</view>
|
||||
<view class="title">设备管理</view>
|
||||
<view class="right"></view>
|
||||
</view>
|
||||
<view class="container">
|
||||
<view class="container1">
|
||||
<view class="title">
|
||||
<div class="">任务管理</div>
|
||||
</view>
|
||||
<view class="content">
|
||||
<div class="menu1">
|
||||
<div class="item1">物料质检</div>
|
||||
<div class="item2">4</div>
|
||||
</div>
|
||||
<div class="menu1">
|
||||
<div class="item1">不合格处置</div>
|
||||
<div class="item2">4</div>
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="container">
|
||||
<view class="toptitle">
|
||||
<view class="shuxian"></view>
|
||||
<view class="title"> 基础操作 </view>
|
||||
</view>
|
||||
<view class="tubiao">
|
||||
<u-icon
|
||||
v-for="item in newmenuList"
|
||||
:key="item.path"
|
||||
@click="
|
||||
uni.navigateTo({
|
||||
url: item.path,
|
||||
})
|
||||
"
|
||||
:label="item.menuName"
|
||||
label-pos="bottom"
|
||||
size="80"
|
||||
name="../../static/icons/icon-01.png"
|
||||
></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="container">
|
||||
<view class="toptitle">
|
||||
<view class="shuxian"></view>
|
||||
<view class="title"> 基础资料 </view>
|
||||
</view>
|
||||
<view class="tubiao">
|
||||
<u-icon
|
||||
v-for="item in newmenuList2"
|
||||
:key="item.path"
|
||||
@click="
|
||||
uni.navigateTo({
|
||||
url: item.path,
|
||||
})
|
||||
"
|
||||
:label="item.menuName"
|
||||
label-pos="bottom"
|
||||
size="80"
|
||||
name="../../static/icons/icon-01.png"
|
||||
></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { Component } from 'vue-property-decorator';
|
||||
import { BasePage } from '@/components/base/page';
|
||||
import { session } from '@/store/modules/session';
|
||||
@Component
|
||||
export default class RawAppointment extends BasePage {
|
||||
childData: any;
|
||||
menuList = session.getMenus;
|
||||
newmenuList: any = [];
|
||||
newmenuList2: any = [];
|
||||
onReady() {
|
||||
this.newmenuList = this.menuList.filter((item) => item.perms == 'qualityCZ');
|
||||
this.newmenuList2 = this.menuList.filter((item) => item.perms == 'qualityJC');
|
||||
console.log('1234', this.menuList);
|
||||
}
|
||||
goback() {
|
||||
uni.navigateTo({
|
||||
url: `/pages/shouye/index`,
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page-raw-ingoods {
|
||||
background-color: #f4f7fc;
|
||||
padding-top: 150rpx;
|
||||
min-height: 100%;
|
||||
|
||||
.header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
// padding-top: 18px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
background-color: #d9001b;
|
||||
/* height: 46px; */
|
||||
line-height: 46px;
|
||||
color: #fff;
|
||||
font-size: 34rpx;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
box-shadow: 0 1px 2px #e87675;
|
||||
padding: 60rpx 0rpx 0rpx;
|
||||
.title {
|
||||
flex: 3;
|
||||
}
|
||||
.left,
|
||||
.right {
|
||||
flex: 1;
|
||||
}
|
||||
.icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
background-color: #ffffff;
|
||||
padding: 20rpx;
|
||||
border: 2rpx solid #9093992e;
|
||||
margin-top: 12rpx;
|
||||
border-radius: 4rpx;
|
||||
// padding: 30rpx 15rpx 0;
|
||||
.toptitle {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 6rpx;
|
||||
.shuxian {
|
||||
border: 2rpx solid red;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
.title {
|
||||
// margin-bottom: 10rpx;
|
||||
}
|
||||
}
|
||||
.tubiao {
|
||||
margin-left: 40rpx;
|
||||
}
|
||||
|
||||
.container1 {
|
||||
width: 280px;
|
||||
margin: auto;
|
||||
height: 120px;
|
||||
box-shadow: 0px 0px 6px 0px #a6a3a3;
|
||||
border-radius: 3px;
|
||||
padding: 20rpx;
|
||||
.title {
|
||||
font-weight: 600;
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
margin-top: 10px;
|
||||
.menu1 {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
.item1 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.item2 {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
color: #94d1f4;
|
||||
}
|
||||
}
|
||||
.menu1:first-child {
|
||||
border-right: 1px solid #d8d6d6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
::v-deep .u-icon {
|
||||
padding: 17rpx;
|
||||
}
|
||||
::v-deep .u-icon__label {
|
||||
width: 124rpx;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue