功能页面优化

src/pages/back/backCode.vue

@@ -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;
 }

src/pages/back/backNum.vue

@@ -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;
 }

src/pages/back/detail.vue

@@ -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">
+        </uni-row>
-                <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> 
         <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;

src/pages/repair/testExamine/index.vue

@@ -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;