From a43c253d30dbb8cef1760e19cb3d290a2dd3b759 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 20 十月 2023 10:54:47 +0800
Subject: [PATCH] 1.模具列表、模具信息 100%
---
pages/mjgl/mjcx.vue | 189 +++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 188 insertions(+), 1 deletions(-)
diff --git a/pages/mjgl/mjcx.vue b/pages/mjgl/mjcx.vue
index 02409e3..f3e6950 100644
--- a/pages/mjgl/mjcx.vue
+++ b/pages/mjgl/mjcx.vue
@@ -1,8 +1,195 @@
<template>
+ <view>
+ <page-nav title="妯″叿鍒楄〃"></page-nav>
+
+
+ <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="boxImg"></div>
+ <div class="scanText">鏆傛棤妯″叿淇℃伅</div>
+ </div>
+ </view>
+
+ </view>
</template>
+
<script>
+ import {
+ ScanMouldQrCodeMessageData,
+ ScanMouldQrCodeMessageSubData
+ } from '../../config/api.js';
+ export default {
+ onLoad(option) {},
+
+ onPullDownRefresh() {
+ setTimeout(() => {
+ this.init(() => {
+ uni.stopPullDownRefresh();
+ })
+ }, 1000);
+ },
+
+ data() {
+ return {
+
+ inputBoxValue: '', //杈撳叆妗嗗��
+
+ title: 0,
+
+
+ radioValue: '',
+
+ purchorderArr: [],
+
+ purchorderArrAll: []
+ }
+ },
+ created() {
+
+ },
+ mounted() {
+ this.init()
+
+ this.getScanMouldQrCodeMessageData()
+ },
+ methods: {
+ init() {
+ uni.stopPullDownRefresh();
+ },
+ // 鎵爜宸ヤ綅 鐨勬壂鐮佹鐐瑰嚮
+ topScanClick() {
+ // if (this.topContent.length > 0) {
+ // return uni.$u.toast('璇峰厛鎻愪氦姝ょ淮淇敵璇凤紒')
+ // }
+
+ let that = this;
+ uni.scanCode({
+ onlyFromCamera: true,
+ // scanType: ['barCode', 'qrCode'],
+ scanType: ['qrCode'],
+ success: function(res) {
+ console.log('鏉＄爜绫诲瀷锛�' + res.scanType);
+ console.log('鏉＄爜鍐呭锛�' + res.result);
+ that.scanContent = res.result;
+ that.inputBoxValue = res.result;
+
+ //澶勭悊鎵爜浜嬩欢
+ that.changeInputBoxValue(that.scanContent);
+
+ },
+ complete: function(res) {
+
+ },
+ fail: function(res) {
+ console.log('鏉＄爜绫诲瀷锛�' + res.scanType);
+ console.log('鏉＄爜鍐呭锛�' + res.result);
+ }
+
+ });
+ },
+ changeInputBoxValue(val) {
+ this.purchorderArr = this.purchorderArrAll.filter((p) => {
+ return p.code.indexOf(val) !== -1 || p.name.indexOf(val) !== -1 || p.spec.indexOf(val) !== -1
+ })
+ this.radioValue = this.purchorderArr[0].code
+ this.$forceUpdate()
+ },
+ inputBoxValueClear() {
+ this.inputBoxValue = ''
+ },
+ radioValueClick(val) {
+ this.radioValue = val
+ },
+ navigateTo() {
+ uni.navigateTo({
+ url: './mjcx2?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>
-<style>
+<style lang="scss" scoped>
+ @import url('@/style/global.css');
+
+ ::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: 1140rpx;
+ 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