From 472085677669ef90d924078c3f48c5d04b747bca Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期二, 02 一月 2024 15:27:36 +0800
Subject: [PATCH] 1.模具模块 变为列表点击跳转
---
pages/mjgl/mjby.vue | 407 +++++++++++++++++----------------------------------------
1 files changed, 123 insertions(+), 284 deletions(-)
diff --git a/pages/mjgl/mjby.vue b/pages/mjgl/mjby.vue
index 2cb0730..1d6f8c3 100644
--- a/pages/mjgl/mjby.vue
+++ b/pages/mjgl/mjby.vue
@@ -1,180 +1,48 @@
<template>
<view>
<page-nav title="妯″叿淇濆吇"></page-nav>
- <view v-show="topContent.length===0">
+
+
+ <view v-if="purchorderArrAll.length>0">
+
+
+ <u-input prefixIcon="search" prefixIconStyle="font-size: 22px;color: #909399" placeholder="鎵弿妯″叿缂栫爜/杈撳叆妯″叿淇℃伅"
+ clearable border="surround" @clear='inputBoxValueClear' v-model="inputBoxValue"
+ @change="changeInputBoxValue">
+ <template slot="suffix">
+ <u-icon name="scan" color="#909399" size="24" @click="topScanClick"></u-icon>
+ </template>
+ </u-input>
+
+
+
+ <u-alert :title="'妯″叿鏁帮紙鍏�'+title+'涓級'" type="primary"></u-alert>
+
+ <u-radio-group v-model="radioValue" iconPlacement="right" @change="radioValueClick" class="radioGroupClass">
+ <view v-for="(item,index) in purchorderArr" :key="item.code">
+ <!-- @click="radioValueClick(item.code)" -->
+ <view>
+ <u-radio activeColor="red" size="18" labelSize='16' :name='item.code'
+ :label="item.code+' ' + item.name +' '+item.spec "></u-radio>
+ </view>
+ <u-line v-if="index!==purchorderArr.length-1" color="#2979ff"></u-line>
+ </view>
+ </u-radio-group>
+
+ <!-- <view style="height: 120rpx;"></view> -->
+
+ <view class="footer" style="min-height:62rpx;">
+ <u-button type="primary" size='large' :hairline="true" @click="navigateTo" text="涓嬩竴姝�"></u-button>
+ </view>
+ </view>
+
+
+ <view v-if="purchorderArrAll.length===0">
<div class="sacnBody">
- <div class="scanImg" @click="topScanClick"></div>
- <div class="scanText">鎵弿妯″叿缂栧彿浜岀淮鐮�</div>
+ <div class="boxImg"></div>
+ <div class="scanText">鏆傛棤妯″叿淇℃伅</div>
</div>
</view>
- <view v-show="topContent.length!==0">
- <view class="mainContent">
- <view>
- <u-gap height="10" bgColor="#eff0f1"></u-gap>
- <view class="head">
- <view class="head_block">
- <view class="head_left">
- <view class="head_bar"></view>
- <view class="head_title">
- 妯″叿淇℃伅
- </view>
- </view>
-
- <view class="marginRight20">
- <u-icon name="scan" @click="topScanClick" color="red" size="24"></u-icon>
- </view>
-
- </view>
- <view class=" flex_column" style="max-height: 180rpx;overflow:auto;padding: 20rpx;">
-
- <view class="flex_between" v-for="item in topContent" :key="item.code">
- <view style="display: flex;">
- <view class="flex_column titleFont">
- <view>妯″叿缂栫爜锛�</view>
- <view>妯″叿鍚嶇О锛�</view>
- <view>瑙勬牸鍨嬪彿锛�</view>
- </view>
- <view class="flex_column contentFont">
- <view>{{item.code}}</view>
- <view>{{item.name}}</view>
- <view>{{item.spec?item.spec:'/'}}</view>
- </view>
- </view>
- </view>
-
- </view>
-
- </view>
- <u-gap height="10" bgColor="#eff0f1"></u-gap>
-
- <view class="head" style="height: 80rpx;justify-content: center;">
- <view class="head_block">
- <view class="head_left" style="margin-bottom: 10rpx;">
- <view class="head_bar"></view>
- <view class="head_title" style="margin-right: 50rpx;">
- 淇濆吇鏍囧噯
- </view>
-
-
- <view>
- {{selectValue}}
- </view>
-
- </view>
-
-
-
- <view class="marginRight20 marginBottom10" v-if='standardArr.length>0'>
- <u-button @click="show = true" type='primary' size="small" plain
- shape='circle'>璇烽�夋嫨</u-button>
- </view>
-
- <view class="marginRight20 marginBottom10" v-if='standardArr.length===0'>
- 鏆傛棤鍏宠仈鏍囧噯,璇峰厛鍏宠仈
- </view>
-
- </view>
-
-
- </view>
- <u-gap height="10" bgColor="#eff0f1"></u-gap>
-
- <view class="head" style="" v-show='centerContent.length!==0'>
- <view class="head_block">
- <view class="head_left">
- <view class="head_bar"></view>
- <view class="head_title">
- 淇濆吇椤圭洰鍐呭
- </view>
- </view>
- </view>
-
- <view :style="{maxHeight:'700rpx',overflow: 'scroll'}">
-
- <view class="center_border flex_column" style="margin: 10rpx;" v-for="item in centerContent"
- :key="item.code">
-
- <view class="flex_between marginBottom10">
- <view class="center_title">{{item.name}}</view>
- <!-- <view class="marginRight20" v-if="item.isscan==='Y'">
- <u-icon name="scan" @click="centerScanClick(item.code)" color="red" size="56">
- </u-icon>
- </view> -->
- </view>
- <view class="flex_between marginBottom10">
- <view class='inputClass marginTop10'>
- <u--input placeholder="璇疯緭鍏�" border="surround"
- v-model="item.inputValue"></u--input>
- </view>
-
-
- <view class="flex_center " style="margin-right:8rpx;">
- <u-button type="primary" :plain="item.isOK!=='OK'" shape='circle' size="small"
- text="姝ｅ父" style="margin-right:5rpx;" @click="bwClick(item,'OK')">
- </u-button>
- <u-button type="warning" :plain="item.isOK!=='NG'" shape='circle' size="small"
- text="寮傚父" @click="bwClick(item,'NG')">
- </u-button>
- </view>
- </view>
- <view class="titleFont">
- {{item.chkdesc}}
- </view>
- </view>
- </view>
-
- </view>
-
- <u-gap height="10" bgColor="#eff0f1"></u-gap>
-
-
- <view class="head" v-show='centerContent.length!==0'>
- <view class="head_block" style="align-items: center;height: 80rpx;">
- <view class="head_left" style="margin-bottom: 10rpx;">
- <view class="head_bar"></view>
- <view class="head_title">
- 淇濆吇缁撴灉
- </view>
- </view>
-
- <view class="flex_center marginBottom10" style="margin-right:8rpx;">
- <u-button type="primary" :plain="resultValue!=='OK'" shape='circle' size="small"
- text="姝ｅ父"
- :disabled="centerContent.filter(i=>i.isOK==='OK'||i.isOK==='NG').length!==centerContent.length"
- style="margin-right:5rpx;" @click="resultClick('OK')"></u-button>
- <u-button type="warning" :plain="resultValue!=='NG'" shape='circle' size="small"
- text="寮傚父"
- :disabled="centerContent.filter(i=>i.isOK==='OK'||i.isOK==='NG').length!==centerContent.length"
- @click="resultClick('NG')"></u-button>
- </view>
- </view>
- </view>
-
-
-
- </view>
-
-
-
-
-
- </view>
-
-
- <view class="footer" v-show='centerContent.length!==0'>
- <u-button size="large" :loading="isDisabledSubmitButton" loadingText="姝ｅ湪鎻愪氦,璇风◢绛�..." type="primary"
- :disabled="centerContent.filter(i=>i.isOK==='OK'||i.isOK==='NG').length!==centerContent.length"
- @click="submit" text="纭鎻愪氦">
- </u-button>
- </view>
-
-
- </view>
-
-
- <u-action-sheet :actions="standardArr" @select="selectClick" round='20' :closeOnClickOverlay='true'
- @close="show=false" :closeOnClickAction="true" :safeAreaInsetBottom='true' :show="show"></u-action-sheet>
-
</view>
</template>
@@ -182,15 +50,11 @@
<script>
import {
- RepairScanMouldQrCodeData,
- RepairScanMouldTemp,
- RepairSelectScanMouldQrCodeItem,
- MouldRepairSave
+ ScanMouldQrCodeMessageData,
+ ScanMouldQrCodeMessageSubData
} from '../../config/api.js';
export default {
- onLoad(option) {
-
- },
+ onLoad(option) {},
onPullDownRefresh() {
setTimeout(() => {
@@ -202,13 +66,17 @@
data() {
return {
- isDisabledSubmitButton: false,
- topContent: [],
- standardArr: [], //鐐规鏍囧噯
- show: false,
- selectValue: '',
- centerContent: [],
- resultValue: ''
+
+ inputBoxValue: '', //杈撳叆妗嗗��
+
+ title: 0,
+
+
+ radioValue: '',
+
+ purchorderArr: [],
+
+ purchorderArrAll: []
}
},
created() {
@@ -216,48 +84,20 @@
},
mounted() {
this.init()
+
+ this.getScanMouldQrCodeMessageData()
},
methods: {
init() {
uni.stopPullDownRefresh();
-
- // this.getRepairScanMouldQrCodeData('001')
- // this.getRepairScanMouldTemp('001')
- // this.getRepairSelectScanMouldQrCodeItem('001', '001')
},
- async getRepairScanMouldQrCodeData(mouldcode) {
- const {
- data: res
- } = await RepairScanMouldQrCodeData({
- mouldcode: mouldcode
- })
- this.topContent = res
- },
- async getRepairScanMouldTemp(mouldcode) {
- const {
- data: res
- } = await RepairScanMouldTemp({
- mouldcode: mouldcode
- })
- this.standardArr = res
-
- this.centerContent = []
- this.resultValue = ''
- this.selectValue = ''
- },
- async getRepairSelectScanMouldQrCodeItem(mouldcode, repartempcode) {
- const {
- data: res
- } = await RepairSelectScanMouldQrCodeItem({
- mouldcode: mouldcode,
- repartempcode: repartempcode
- })
-
- this.centerContent = res
- },
+ // 鎵爜宸ヤ綅 鐨勬壂鐮佹鐐瑰嚮
topScanClick() {
- let that = this;
+ // if (this.topContent.length > 0) {
+ // return uni.$u.toast('璇峰厛鎻愪氦姝ょ淮淇敵璇凤紒')
+ // }
+ let that = this;
uni.scanCode({
onlyFromCamera: true,
// scanType: ['barCode', 'qrCode'],
@@ -266,19 +106,11 @@
console.log('鏉＄爜绫诲瀷锛�' + res.scanType);
console.log('鏉＄爜鍐呭锛�' + res.result);
that.scanContent = res.result;
- let flag = false
- that.topContent.forEach(item => {
- if (item.code === res.result) {
- flag = true
- }
- })
- if (flag) {
- that.$u.toast('姝ゆ潯鐮佸凡鎵弿锛屽凡鍦ㄥ垪琛ㄤ腑锛�')
- } else {
- //澶勭悊鎵爜浜嬩欢
- that.getRepairScanMouldQrCodeData(that.scanContent);
- that.getRepairScanMouldTemp(that.scanContent);
- }
+ that.inputBoxValue = res.result;
+
+ //澶勭悊鎵爜浜嬩欢
+ that.changeInputBoxValue(that.scanContent);
+
},
complete: function(res) {
@@ -290,59 +122,36 @@
});
},
- selectClick(val) {
- this.resultValue = ''
- this.selectValue = val.name
- this.getRepairSelectScanMouldQrCodeItem(this.topContent[0].code, val.code)
-
- },
- bwClick(item, val) {
- item.isOK = val
- if (this.centerContent.every(item => item.isOK !== '')) {
- if (this.centerContent.every(item => item.isOK === 'OK')) {
- this.resultValue = 'OK'
- } else if (this.centerContent.some(item => item.isOK === 'NG')) {
- this.resultValue = 'NG'
- }
- }
- this.$forceUpdate() //寮哄埗瑙嗗浘鏇存柊
- },
- resultClick(val) {
- this.resultValue = val
- this.$forceUpdate() //寮哄埗瑙嗗浘鏇存柊
- },
- async submit() {
-
- const children = []
- this.centerContent.forEach((i, index) => {
- children.push({
- seq: index + 1,
- itemcode: i.code,
- cycle: '',
- value: i.inputValue,
- result: i.isOK
- })
+ changeInputBoxValue(val) {
+ this.purchorderArr = this.purchorderArrAll.filter((p) => {
+ return p.code.indexOf(val) !== -1 || p.name.indexOf(val) !== -1 || p.spec.indexOf(val) !== -1
})
-
- const data = {
- code: this.topContent[0].code,
- name: this.topContent[0].name,
- standcode: this.standardArr.find(i => i.name === this.selectValue).code,
- result: this.resultValue,
- children
- }
-
- this.isDisabledSubmitButton = true
- const res = await MouldRepairSave('2502', data)
- if (res.code === '200') {
- uni.$u.toast('鎻愪氦鎴愬姛锛�')
- this.isDisabledSubmitButton = false
- this.topContent = []
- this.selectValue = ''
- this.centerContent = []
- this.resultValue = ''
- }
+ this.radioValue = this.purchorderArr[0].code
+ this.$forceUpdate()
},
+ inputBoxValueClear() {
+ this.inputBoxValue = ''
+ },
+ radioValueClick(val) {
+ this.radioValue = val
+ },
+ navigateTo() {
+ uni.navigateTo({
+ url: './mjby2?code=' + this.radioValue
+ });
+ },
+ async getScanMouldQrCodeMessageData() {
+ const res = await ScanMouldQrCodeMessageData()
+
+ this.purchorderArrAll = res.data
+
+ this.purchorderArr = res.data
+
+ this.title = res.data.length
+
+ this.radioValue = res.data[0].code
+
+ }
}
}
</script>
@@ -353,4 +162,34 @@
::v-deep .uicon-arrow-left>span {
display: block;
}
+
+ .u-input--square {
+ margin: 20rpx 10rpx;
+ border-radius: 40rpx;
+ background-color: #fff;
+ border: 1px solid #c8c8c8;
+ }
+
+ ::v-deep .u-alert__text--primary--light {
+ margin-bottom: 0;
+ font-size: 32rpx !important;
+ }
+
+ .radioGroupClass {
+ display: flex;
+ flex-direction: column;
+ background-color: #fff;
+
+ overflow-y: auto;
+ max-height: 1100rpx;
+ margin-top: 20rpx;
+ }
+
+ ::v-deep .u-radio-label--right {
+ height: 90rpx;
+ line-height: 90rpx;
+ width: 92%;
+ margin-left: 4%;
+ // padding: 0 50rpx;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3