客户详情

hdPad/src/pages/home/components/customList.vue

@@ -12,7 +12,7 @@
                 <input 
                     type="text" 
                     v-model="searchKeyword" 
-                    placeholder="请输入客户名称或手机号" 
+                    placeholder="客户名称或手机尾号" 
                     class="search-input" 
                     @input="handleSearch"
                 />

hdPad/src/pages/home/custom.vue

@@ -12,7 +12,12 @@
                 <customInfo ref="customInforRef" :selectCustomId="selectCustomId" @calcFn="calcFn" @finishNotice="finishNotice"></customInfo>
             </view>
             <view class="custom-asset">
-                开发中
+                <view class="action-buttons">
+                    <button class="action-btn recharge" @click="handleRecharge">充值</button>
+                    <button class="action-btn reduce-balance" @click="handleReduceBalance">减余额</button>
+                    <button class="action-btn upgrade" @click="handleUpgradeDowngrade">升降级</button>
+                    <button class="action-btn create-order" @click="handleCreateOrder">开单</button>
+                </view>
             </view>
         </view>
     </view>
@@ -43,6 +48,50 @@ export default {
             this.selectCustomId = Number(item.id)
             this.currentJobId = Number(item.id)
             this.$refs.customInforRef.getCustomDetail(this.selectCustomId)
+        },
+        handleRecharge() {
+            if (!this.selectCustomId) {
+                uni.showToast({
+                    title: '请先选择客户',
+                    icon: 'none'
+                })
+                return
+            }
+            // 处理充值操作
+            console.log('充值操作', this.selectCustomId)
+        },
+        handleReduceBalance() {
+            if (!this.selectCustomId) {
+                uni.showToast({
+                    title: '请先选择客户',
+                    icon: 'none'
+                })
+                return
+            }
+            // 处理减余额操作
+            console.log('减余额操作', this.selectCustomId)
+        },
+        handleUpgradeDowngrade() {
+            if (!this.selectCustomId) {
+                uni.showToast({
+                    title: '请先选择客户',
+                    icon: 'none'
+                })
+                return
+            }
+            // 处理升降级操作
+            console.log('升降级操作', this.selectCustomId)
+        },
+        handleCreateOrder() {
+            if (!this.selectCustomId) {
+                uni.showToast({
+                    title: '请先选择客户',
+                    icon: 'none'
+                })
+                return
+            }
+            // 处理开单操作
+            console.log('开单操作', this.selectCustomId)
         }
     }
 };
@@ -56,13 +105,41 @@ export default {
         background-color: #09C567;
     }
     & .custom-list {
-        flex: 38;
+        flex: 32;
     }
     & .custom-info{
         flex: 32;
     }
     & .custom-asset{
         flex: 32;
+        padding: 20px;
+        
+        .action-buttons {
+            display: flex;
+            flex-direction: column;
+            gap: 15px;
+            width: 40%;
+            margin: 0 auto;
+        }
+        
+        .action-btn {
+            height: 45px;
+            width: 100%;
+            border-radius: 6px;
+            font-size: 16px;
+            font-weight: bold;
+            color: #fff;
+            border: none;
+            cursor: pointer;
+            background-color: #09C567;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            
+            &:active {
+                opacity: 0.8;
+            }
+        }
     }
 }
 </style>