bonus
/
bonus-material-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

功能页面优化

This commit is contained in:
hayu 2025-07-27 16:05:54 +08:00
parent 6e19351731
commit 06eeb065d8
4 changed files with 134 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/pages/back/backCode.vue
View File

@ -1,5 +1,23 @@
<template>
<uni-nav-bar status-bar leftIcon="left" right-text="确定" title="退料编码" backgroundColor="#dcf4ff" :border="false" fixed @clickLeft="leftClick" @clickRight="submitCode"/>
<uni-nav-bar
status-bar
leftIcon="left"
title="退料编码"
backgroundColor="#dcf4ff"
:border="false"
fixed
@clickLeft="leftClick"
>
<!-- 使用右侧插槽自定义提交按钮 -->
<template #right>
<button
class="submit-btn"
@click="submitCode"
>
确定
</button>
</template>
</uni-nav-bar>
<view class="accept page-common">
<div class="card top-content" :class="{'is-expanded': isExpanded}">
<div class="card-header" @click="isExpanded = !isExpanded">
@ -499,6 +517,17 @@ onLoad((options) => {
</script>
<style lang="scss" scoped>
.submit-btn {
background-color: #007aff; /* 蓝色背景 */
color: white; /* 白色文字 */
border: none; /* 去掉边框 */
border-radius: 5px; /* 圆角 */
padding: 0 14px; /* 左右内边距 */
height: 30px; /* 高度 */
line-height: 30px; /* 垂直居中 */
font-size: 15px; /* 字体放大 */
margin-right: 2px; /* 与边缘间距 */
}
::v-deep .tree-item .head {
justify-content: center !important;
}

37
src/pages/back/backNum.vue
View File

@ -1,5 +1,23 @@
<template>
<uni-nav-bar status-bar leftIcon="left" right-text="确定" title="退料数量" backgroundColor="#dcf4ff" :border="false" fixed @clickLeft="leftClick" @clickRight="submitNum"/>
<uni-nav-bar
status-bar
leftIcon="left"
title="退料数量"
backgroundColor="#dcf4ff"
:border="false"
fixed
@clickLeft="leftClick"
>
<!-- 使用右侧插槽自定义提交按钮 -->
<template #right>
<button
class="submit-btn"
@click="submitNum"
>
确定
</button>
</template>
</uni-nav-bar>
<view class="accept page-common">
<div class="card top-content" :class="{'is-expanded': isExpanded}">
<div class="card-header" @click="isExpanded = !isExpanded">
@ -223,6 +241,8 @@ const selectMaCode = (e) => {
console.log('🚀 ~ selectMaCode ~ e:', e)
// 不可重复添加
if(typeList.value.some(item => item.typeId == e.id)){
typeCode.value = '' // 清空绑定的值
treeSelect.value.showLabel = '' // 清空下拉框的显示文本
// 提示
uni.showToast({
title: '请勿重复添加',
@ -237,6 +257,10 @@ const selectMaCode = (e) => {
}
})
console.log(typeList.value)
// 选完型号后，清空型号选择框的值
typeCode.value = '' // 清空绑定的值
treeSelect.value.showLabel = '' // 清空下拉框的显示文本
}
//提交
const submitNum = () => {
@ -384,6 +408,17 @@ onLoad((options)=>{
</script>
<style lang="scss" scoped>
.submit-btn {
background-color: #007aff; /* 蓝色背景 */
color: white; /* 白色文字 */
border: none; /* 去掉边框 */
border-radius: 5px; /* 圆角 */
padding: 0 14px; /* 左右内边距 */
height: 30px; /* 高度 */
line-height: 30px; /* 垂直居中 */
font-size: 15px; /* 字体放大 */
margin-right: 2px; /* 与边缘间距 */
}
::v-deep .tree-item .head {
justify-content: center !important;
}

47
src/pages/back/detail.vue
View File

@ -1,20 +1,38 @@
<template>
<uni-nav-bar status-bar leftIcon="left" right-text="提交" title="退料任务详情" backgroundColor="#dcf4ff" :border="false" fixed @clickLeft="leftClick" @clickRight="submit"/>
<uni-nav-bar
status-bar
leftIcon="left"
title="退料任务详情"
backgroundColor="#dcf4ff"
:border="false"
fixed
@clickLeft="leftClick"
>
<!-- 使用右侧插槽自定义提交按钮 -->
<template #right>
<button
class="submit-btn"
@click="submit"
>
提交
</button>
</template>
</uni-nav-bar>
<view class="accept page-common">
<uni-row :gutter="24" class="search-form">
<uni-col :span="10">
<uni-col :span="5">
<view class="addBtn" @click="goCode">编码退料</view>
</uni-col>
<uni-col :span="5" style="padding-right: 0;">
<view class="addBtn" @click="goNum">数量退料</view>
</uni-col>
<uni-col :span="10" style="margin-left: 10px">
<view><uni-easyinput placeholder="请输入内容" v-model="keyWord" maxlength="10"/></view>
</uni-col>
<uni-col :span="4">
<view class="search" @click="getTableList()">查询</view>
</uni-col>
<uni-col :span="5">
<view class="addBtn" @click="goCode">编码退料</view>
</uni-col>
<uni-col :span="5" style="padding-right: 0;">
<view class="addBtn" @click="goNum">数量退料</view>
</uni-col>
</uni-row>
</uni-row>
<div class="table-list-item" v-for="(item, index) in tableList" :key="index">
<uni-swipe-action class="swipe-action" ref="swipeRef">
<uni-swipe-action-item @click="onClick($event, item, index)" :right-options="item.manageType==1 ? options:options2">
@ -205,6 +223,17 @@ onShow(()=>{
</script>
<style lang="scss" scoped>
.submit-btn {
background-color: #007aff; /* 蓝色背景 */
color: white; /* 白色文字 */
border: none; /* 去掉边框 */
border-radius: 5px; /* 圆角 */
padding: 0 14px; /* 左右内边距 */
height: 30px; /* 高度 */
line-height: 30px; /* 垂直居中 */
font-size: 15px; /* 字体放大 */
margin-right: 2px; /* 与边缘间距 */
}
.accept {
height: 95vh;
word-break: break-all;

31
src/pages/repair/testExamine/index.vue
View File

@ -1,6 +1,24 @@
<template>
<!-- 维修列表 -->
<uni-nav-bar status-bar leftIcon="left" right-text="通过" title="修试审核" backgroundColor="#dcf4ff" :border="false" fixed @clickLeft="back" @clickRight="submitAll"/>
<uni-nav-bar
status-bar
leftIcon="left"
title="修试审核"
backgroundColor="#dcf4ff"
:border="false"
fixed
@clickLeft="back"
>
<!-- 使用右侧插槽自定义提交按钮 -->
<template #right>
<button
class="submit-btn"
@click="submitAll"
>
通过
</button>
</template>
</uni-nav-bar>
<view class="page-container">
<view class="complete-btn">
<view class="btn" @click="changeTab(1)">
@ -399,6 +417,17 @@ const maskClick = () => {}
</script>
<style lang="scss" scoped>
.submit-btn {
background-color: #007aff; /* 蓝色背景 */
color: white; /* 白色文字 */
border: none; /* 去掉边框 */
border-radius: 5px; /* 圆角 */
padding: 0 14px; /* 左右内边距 */
height: 30px; /* 高度 */
line-height: 30px; /* 垂直居中 */
font-size: 15px; /* 字体放大 */
margin-right: 2px; /* 与边缘间距 */
}
.page-container {
display: flex;
height: 100vh;