| | |
| | | <el-card class="full-table" shadow="hover" style="margin-top: 5px"> |
| | | <el-form :model="queryParams" @submit.native.prevent ref="queryForm" labelWidth="100"> |
| | | <el-row> |
| | | <el-col :xs="24" :sm="12" :md="12" :lg="10" :xl="4" class="mb10"> |
| | | <el-col :xs="24" :sm="24" :md="24" :lg="10" :xl="10" class="mb10"> |
| | | <el-form-item label="包装号" size="large"> |
| | | <el-input |
| | | size="large" |
| | |
| | | <br /> |
| | | <div class="detailBox" style="height: calc(65vh)"> |
| | | <div class="titleTip"> |
| | | <div class="" v-show="isSuccess == '成功'"> |
| | | <div class="" v-show="isSuccess == '成功' && qiTaoReuslt=='齐套' "> |
| | | <svg t="1732788314050" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11359" width="100" height="100"> |
| | | <path |
| | | d="M874.119618 149.859922A510.816461 510.816461 0 0 0 511.997 0.00208a509.910462 509.910462 0 0 0-362.119618 149.857842c-199.817789 199.679789-199.817789 524.581447 0 724.260236a509.969462 509.969462 0 0 0 362.119618 149.857842A508.872463 508.872463 0 0 0 874.119618 874.120158c199.836789-199.679789 199.836789-524.581447 0-724.260236zM814.94268 378.210681L470.999043 744.132295a15.359984 15.359984 0 0 1-5.887994 4.095996c-1.751998 1.180999-2.913997 2.362998-5.276994 2.913997a34.499964 34.499964 0 0 1-13.469986 2.914997 45.547952 45.547952 0 0 1-12.897986-2.303998l-4.095996-2.363997a45.291952 45.291952 0 0 1-7.009992-4.095996l-196.902793-193.789796a34.126964 34.126964 0 0 1-10.555989-25.186973c0-9.37399 3.583996-18.74698 9.98399-25.186974a36.429962 36.429962 0 0 1 50.372947 0l169.98382 167.423824L763.389735 330.220732a37.059961 37.059961 0 0 1 50.371947-1.732998 33.647965 33.647965 0 0 1 11.165988 25.186973 35.544963 35.544963 0 0 1-9.98399 24.575974v-0.04z m0 0" |
| | |
| | | p-id="11360" |
| | | ></path> |
| | | </svg> |
| | | <p class="okText">获取标签信息成功!</p> |
| | | <p class="okText">{{_packageCode}} 【{{qiTaoReuslt}}】!</p> |
| | | </div> |
| | | <div class="" v-show="isSuccess == '成功' && qiTaoReuslt=='不齐套' "> |
| | | <svg t="1732842594517" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4303" width="100" height="100"> |
| | | <path |
| | | d="M549.044706 512l166.189176-166.249412a26.383059 26.383059 0 0 0 0-36.98447 26.383059 26.383059 0 0 0-37.044706 0L512 475.015529l-166.249412-166.249411a26.383059 26.383059 0 0 0-36.98447 0 26.383059 26.383059 0 0 0 0 37.044706L475.015529 512l-166.249411 166.249412a26.383059 26.383059 0 0 0 0 36.98447 26.383059 26.383059 0 0 0 37.044706 0L512 548.984471l166.249412 166.249411a26.383059 26.383059 0 0 0 36.98447 0 26.383059 26.383059 0 0 0 0-37.044706L548.984471 512zM512 1024a512 512 0 1 1 0-1024 512 512 0 0 1 0 1024z" |
| | | fill="#E84335" |
| | | p-id="4304" |
| | | ></path> |
| | | </svg> |
| | | <p class="no_okText">{{_packageCode}} 【{{qiTaoReuslt}}】!</p> |
| | | </div> |
| | | <div class="" v-show="isSuccess && isSuccess != '成功'"> |
| | | <svg t="1732842594517" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4303" width="100" height="100"> |
| | |
| | | p-id="4304" |
| | | ></path> |
| | | </svg> |
| | | <p class="okText">{{ isSuccess }}</p> |
| | | <p class="no_okText">{{ isSuccess }}</p> |
| | | </div> |
| | | </div> |
| | | <ul> |
| | |
| | | |
| | | //=======================end鼠标定位 用于引用输入框===================== |
| | | const isSuccess = ref(''); |
| | | const qiTaoReuslt = ref(''); |
| | | const _packageCode = ref(''); |
| | | // 查询操作 888888888 |
| | | const handleQuery = async () => { |
| | | console.log('8888888进入方法', queryParams.value); |
| | |
| | | console.log('查询'); |
| | | loading.value = true; |
| | | var res = await ValdateQiTao(Object.assign(queryParams.value, tableParams.value)); |
| | | _packageCode.value=queryParams.value.packageCode ; |
| | | queryParams.value.packageCode = ''; |
| | | handleResponse(res); |
| | | |
| | |
| | | materialCodeInput.value.$el.querySelector('input').value = ''; |
| | | materialCodeInput.value.$el.querySelector('input').focus(); |
| | | if (res.data.code == 200) { |
| | | isSuccess.value = res.data.result ? '成功' : res.data.message || '未查询到数据'; |
| | | isSuccess.value = '成功'; |
| | | qiTaoReuslt.value = res.data.result ? res.data.result.qiTaoReuslt : ''; |
| | | //qiTaoReuslt.value ='齐套';// 模拟 |
| | | } else if (res.data.code == 400) { |
| | | loading.value = false; |
| | | isSuccess.value = res.data.message || '未查询到数据'; |
| | | qiTaoReuslt.value ='' ; |
| | | return; |
| | | } else { |
| | | loading.value = false; |
| | | isSuccess.value = ''; |
| | | qiTaoReuslt.value ='' ; |
| | | ElMessage.warning('网络异常 请求失败'); |
| | | return; |
| | | } |
| | |
| | | font-size: 36px; /* 调整字体大小 */ |
| | | .okText { |
| | | margin-bottom: 20px; |
| | | color: #52C41A; /* 设置图标颜色 */ |
| | | } |
| | | |
| | | .no_okText { |
| | | margin-bottom: 20px; |
| | | color: #E84335; /* 设置图标颜色 */ |
| | | } |
| | | } |
| | | </style> |