| | |
| | | <el-form-item> |
| | | <el-button-group style="display: flex; align-items: center"> |
| | | <el-button size="large" type="primary" icon="ele-Search" @click="handleQuery"> 查询 </el-button> |
| | | <el-button size="large" icon="ele-Refresh" @click="() => (queryParams = {})"> 重置 </el-button> |
| | | <el-button size="large" icon="ele-Refresh" @click="reset"> 重置 </el-button> |
| | | <!-- |
| | | <el-button icon="ele-ZoomIn" @click="changeAdvanceQueryUI" v-if="!showAdvanceQueryUI" style="margin-left:5px;"> 高级查询 </el-button> |
| | | <el-button icon="ele-ZoomOut" @click="changeAdvanceQueryUI" v-if="showAdvanceQueryUI" style="margin-left:5px;"> 隐藏 </el-button> --> |
| | |
| | | p-id="11360" |
| | | ></path> |
| | | </svg> |
| | | <p class="okText">获取部件信息成功!</p> |
| | | <p class="okText">补件请求成功!</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> |
| | | |
| | | <li> |
| | | <span class="text_left">包装编号:</span> |
| | | <span class="text_rt">{{ tableData.packageCode }}</span> |
| | | </li> |
| | | <li> |
| | | <span class="text_left">部件条码:</span> |
| | | <span class="text_rt">{{ tableData.upi }}</span> |
| | |
| | | queryParams.value.upi = ''; |
| | | handleResponse(res); |
| | | }; |
| | | const reset = async () => { |
| | | queryParams.value={}; |
| | | tableData.value ={}; |
| | | isSuccess.value =''; |
| | | }; |
| | | |
| | | function handleResponse(res: any) { |
| | | tableData.value = res.data.result ?? {}; |
| | |
| | | margin: 0; |
| | | padding: 0; |
| | | li { |
| | | margin-top: 20px; |
| | | display: block; |
| | | line-height: 30px; |
| | | text-align: left; |
| | |
| | | } |
| | | .text_left { |
| | | font-weight: 700; |
| | | font-size: 40px; /* 调整字体大小 */ |
| | | } |
| | | .text_rt { |
| | | font-weight: 700; |
| | | color: #00B2EE; /* 设置图标颜色 */ |
| | | font-size: 40px; /* 调整字体大小 */ |
| | | } |
| | | .my-icon { |
| | | font-size: 36px; /* 调整字体大小 */ |
| | | color: #00ff11; /* 设置图标颜色 */ |
| | | } |
| | | .titleTip { |
| | | font-weight: 700; |
| | | text-align: center; |
| | | font-size: 36px; /* 调整字体大小 */ |
| | | font-size: 60px; /* 调整字体大小 */ |
| | | .okText { |
| | | margin-bottom: 20px; |
| | | color: #52C41A; /* 设置图标颜色 */ |
| | | } |
| | | .no_okText { |
| | | margin-bottom: 20px; |
| | | color: #E84335; /* 设置图标颜色 */ |
| | | } |
| | | } |
| | | </style> |