From 3357a09294bc767a04b8d106cb87d381333a58b6 Mon Sep 17 00:00:00 2001
From: huangzhenbao <17818024429@163.com>
Date: Thu, 12 Feb 2026 23:56:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E9=A1=B5=E9=9D=A22?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mall/admin/setting/interface/e-sheet.uvue | 201 ++++-------------
 .../admin/setting/interface/logistics.uvue    | 198 ++++------------
 .../mall/admin/setting/interface/payment.uvue | 212 ++++--------------
 pages/mall/admin/setting/interface/sms.uvue   | 209 +++++------------
 4 files changed, 189 insertions(+), 631 deletions(-)

diff --git a/pages/mall/admin/setting/interface/e-sheet.uvue b/pages/mall/admin/setting/interface/e-sheet.uvue
index 36c71dda..8b8f3a11 100644
--- a/pages/mall/admin/setting/interface/e-sheet.uvue
+++ b/pages/mall/admin/setting/interface/e-sheet.uvue
@@ -2,193 +2,78 @@
   <view class="admin-page-container">
     <view class="page-header">
       <view class="breadcrumb">
-        <text class="bc-item">设置</text>
+        <text class="bc-item">璁剧疆</text>
         <text class="bc-sep">/</text>
-        <text class="bc-item">接口配置</text>
+        <text class="bc-item">鎺ュ彛閰嶇疆</text>
         <text class="bc-sep">/</text>
-        <text class="bc-item active">电子面单配置</text>
+        <text class="bc-item active">鐢靛瓙闈㈠崟</text>
       </view>
     </view>
-
     <view class="content-card">
       <view class="tabs-header">
-        <view class="tab-item active"><text class="tab-text">基础配置</text></view>
-        <view class="tab-item"><text class="tab-text">一号通配置</text></view>
+        <view class="tab-item active"><text class="tab-text">闈㈠崟閰嶇疆</text></view>
       </view>
-
-      <view class="config-view">
+      <view class="form-section">
         <view class="form-content">
           <view class="form-row">
-            <view class="form-label">开启电子面单:</view>
+            <view class="form-label"><text class="star">*</text>鎵撳嵃鏂瑰紡:</view>
             <view class="form-input-box">
-              <radio-group class="form-radio-group" @change="onEnableChange">
-                <label class="radio-label">
-                  <radio value="1" :checked="form.enable == '1'" color="#2d8cf0" />
-                  <text class="radio-text">开启</text>
-                </label>
-                <label class="radio-label">
-                  <radio value="0" :checked="form.enable == '0'" color="#2d8cf0" />
-                  <text class="radio-text">关闭</text>
-                </label>
+              <radio-group class="form-radio-group" @change="onPrintChange">
+                <label class="radio-label"><radio value="cloud" checked color="#2d8cf0" /><text class="radio-text">浜戞墦鍗�</text></label>
+                <label class="radio-label"><radio value="local" color="#2d8cf0" /><text class="radio-text">鏈湴鎵撳嵃</text></label>
               </radio-group>
-              <text class="form-tips">电子面单是否开启</text>
             </view>
           </view>
-
           <view class="form-row">
-            <view class="form-label">电子面单类型:</view>
+            <view class="form-label"><text class="star">*</text>鐢靛瓙闈㈠崟璐﹀彿:</view>
             <view class="form-input-box">
-              <radio-group class="form-radio-group">
-                <label class="radio-label">
-                  <radio value="onepass" checked color="#2d8cf0" />
-                  <text class="radio-text">一号通</text>
-                </label>
-              </radio-group>
-              <text class="form-tips">电子面单类型</text>
+              <input class="form-input" v-model="form.account" placeholder="璇疯緭鍏ヨ处鍙�" />
+              <text class="form-tips">蹇��100鎴栦竴鍙烽�氱敵璇风殑鐢靛瓙闈㈠崟璐﹀彿</text>
+            </view>
+          </view>
+          <view class="form-row">
+            <view class="form-label"><text class="star">*</text>鐢靛瓙闈㈠崟瀵嗛挜:</view>
+            <view class="form-input-box">
+              <input class="form-input" v-model="form.secret" type="password" placeholder="璇疯緭鍏ュ瘑閽�" />
             </view>
           </view>
-
           <view class="form-actions">
-            <button class="submit-btn" type="primary" @click="handleSubmit">提交</button>
+            <button class="submit-btn" type="primary" @click="handleSubmit">淇濆瓨閰嶇疆</button>
           </view>
         </view>
       </view>
     </view>
   </view>
 </template>
-
 <script setup lang="uts">
 import { ref, reactive } from 'vue'
-
-const form = reactive({
-  enable: '1'
-})
-
-const onEnableChange = (e: any) => {
-  form.enable = e.detail.value
-}
-
-const handleSubmit = () => {
-  uni.showToast({ title: '提交成功' })
-}
+const form = reactive({ account: 'ES123456', secret: 'PRIVATE_KEY', printMode: 'cloud' })
+const onPrintChange = (e : any) => { form.printMode = e.detail.value }
+const handleSubmit = () => { uni.showToast({ title: '鐢靛瓙闈㈠崟閰嶇疆淇濆瓨鎴愬姛' }) }
 </script>
-
 <style scoped>
-.admin-page-container {
-  min-height: 100vh;
-  background-color: #f5f7f9;
-  padding: 20px;
-}
-
-.breadcrumb {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 20px;
-}
-
+.admin-page-container { min-height: 100vh; background-color: #f5f7f9; padding: 20px; }
+.breadcrumb { display: flex; flex-direction: row; margin-bottom: 20px; }
 .bc-item { font-size: 14px; color: #999; }
 .bc-item.active { color: #333; }
 .bc-sep { margin: 0 8px; color: #ccc; }
-
-.content-card {
-  background-color: #fff;
-  border-radius: 4px;
-}
-
-.tabs-header {
-  display: flex;
-  flex-direction: row;
-  border-bottom: 1px solid #f0f0f0;
-  padding: 0 20px;
-}
-
-.tab-item {
-  padding: 15px 20px;
-  cursor: pointer;
-}
-
-.tab-text {
-  font-size: 14px;
-  color: #666;
-}
-
-.tab-item.active {
-  border-bottom: 2px solid #2d8cf0;
-}
-
-.tab-item.active .tab-text {
-  color: #2d8cf0;
-  font-weight: bold;
-}
-
-.config-view {
-  padding: 24px;
-}
-
-.form-content {
-  padding-left: 20px;
-}
-
-.form-row {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 30px;
-  align-items: flex-start;
-}
-
-.form-label {
-  width: 100px;
-  font-size: 14px;
-  color: #333;
-  text-align: right;
-  margin-right: 20px;
-  padding-top: 8px;
-}
-
-.form-input-box {
-  flex: 1;
-}
-
-.form-radio-group {
-  display: flex;
-  flex-direction: row;
-  height: 36px;
-  align-items: center;
-}
-
-.radio-label {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-right: 24px;
-}
-
-.radio-text {
-  font-size: 14px;
-  margin-left: 8px;
-}
-
-.form-tips {
-  display: block;
-  font-size: 12px;
-  color: #bfbfbf;
-  margin-top: 12px;
-  line-height: 1.6;
-}
-
-.form-actions {
-  margin-top: 40px;
-  padding-left: 120px;
-}
-
-.submit-btn {
-  width: 80px;
-  height: 36px;
-  background-color: #2d8cf0;
-  color: #fff;
-  border-radius: 4px;
-  font-size: 14px;
-  line-height: 36px;
-  text-align: center;
-}
+.content-card { background-color: #fff; border-radius: 4px; }
+.tabs-header { display: flex; flex-direction: row; border-bottom: 1px solid #f0f0f0; padding: 0 20px; }
+.tab-item { padding: 15px 20px; border-bottom: 2px solid transparent; }
+.tab-text { font-size: 14px; color: #666; }
+.tab-item.active { border-bottom-color: #2d8cf0; }
+.tab-item.active .tab-text { color: #2d8cf0; font-weight: bold; }
+.form-section { padding: 40px 20px; }
+.form-content { max-width: 800px; }
+.form-row { display: flex; flex-direction: row; margin-bottom: 24px; }
+.form-label { width: 140px; font-size: 14px; color: #606266; text-align: right; margin-right: 20px; padding-top: 8px; }
+.star { color: #ff4d4f; margin-right: 4px; }
+.form-input-box { flex: 1; }
+.form-input { width: 100%; max-width: 400px; border: 1px solid #dcdfe6; border-radius: 4px; height: 36px; padding: 0 12px; font-size: 14px; }
+.form-tips { display: block; font-size: 12px; color: #999; margin-top: 8px; }
+.form-radio-group { display: flex; flex-direction: row; align-items: center; height: 36px; }
+.radio-label { display: flex; flex-direction: row; align-items: center; margin-right: 20px; }
+.radio-text { font-size: 14px; margin-left: 8px; }
+.form-actions { margin-top: 40px; padding-left: 160px; }
+.submit-btn { width: 100px; height: 36px; background-color: #2d8cf0; color: #fff; border-radius: 4px; font-size: 14px; line-height: 36px; text-align: center; }
 </style>
diff --git a/pages/mall/admin/setting/interface/logistics.uvue b/pages/mall/admin/setting/interface/logistics.uvue
index 6b22a7b1..a3694172 100644
--- a/pages/mall/admin/setting/interface/logistics.uvue
+++ b/pages/mall/admin/setting/interface/logistics.uvue
@@ -2,181 +2,79 @@
   <view class="admin-page-container">
     <view class="page-header">
       <view class="breadcrumb">
-        <text class="bc-item">设置</text>
+        <text class="bc-item">璁剧疆</text>
         <text class="bc-sep">/</text>
-        <text class="bc-item">接口配置</text>
+        <text class="bc-item">鎺ュ彛閰嶇疆</text>
         <text class="bc-sep">/</text>
-        <text class="bc-item active">物流查询配置</text>
+        <text class="bc-item active">鐗╂祦鏌ヨ</text>
       </view>
     </view>
-
     <view class="content-card">
       <view class="tabs-header">
-        <view class="tab-item active"><text class="tab-text">基础配置</text></view>
-        <view class="tab-item"><text class="tab-text">阿里云配置</text></view>
+        <view class="tab-item active"><text class="tab-text">鐗╂祦閰嶇疆</text></view>
       </view>
-
-      <view class="config-view">
+      <view class="form-section">
         <view class="form-content">
           <view class="form-row">
-            <view class="form-label">接口选择:</view>
+            <view class="form-label"><text class="star">*</text>鐗╂祦鏌ヨ鏈嶅姟:</view>
             <view class="form-input-box">
-              <radio-group class="form-radio-group" @change="onInterfaceChange">
-                <label class="radio-label">
-                  <radio value="onepass" :checked="form.interfaceType == 'onepass'" color="#2d8cf0" />
-                  <text class="radio-text">一号通</text>
-                </label>
-                <label class="radio-label">
-                  <radio value="ali" :checked="form.interfaceType == 'ali'" color="#2d8cf0" />
-                  <text class="radio-text">阿里云物流查询</text>
-                </label>
+              <radio-group class="form-radio-group" @change="onServiceChange">
+                <label class="radio-label"><radio value="kuaidi100" checked color="#2d8cf0" /><text class="radio-text">蹇��100</text></label>
+                <label class="radio-label"><radio value="onepass" color="#2d8cf0" /><text class="radio-text">涓�鍙烽��</text></label>
               </radio-group>
-              <text class="form-tips">建议使用一号通更方便不用配置密钥，阿里云云市场购买链接：https://0x9.me/w9vnq</text>
             </view>
           </view>
-
+          <view class="form-row">
+            <view class="form-label"><text class="star">*</text>Customer:</view>
+            <view class="form-input-box">
+              <input class="form-input" v-model="form.customer" placeholder="璇疯緭鍏ustomer" />
+              <text class="form-tips">蹇��100鍒嗛厤缁欒吹鍙哥殑Customer</text>
+            </view>
+          </view>
+          <view class="form-row">
+            <view class="form-label"><text class="star">*</text>Key:</view>
+            <view class="form-input-box">
+              <input class="form-input" v-model="form.key" type="password" placeholder="璇疯緭鍏ey" />
+              <text class="form-tips">蹇��100鍒嗛厤缁欒吹鍙哥殑Key</text>
+            </view>
+          </view>
           <view class="form-actions">
-            <button class="submit-btn" type="primary" @click="handleSubmit">提交</button>
+            <button class="submit-btn" type="primary" @click="handleSubmit">淇濆瓨</button>
           </view>
         </view>
       </view>
     </view>
   </view>
 </template>
-
 <script setup lang="uts">
 import { ref, reactive } from 'vue'
-
-const form = reactive({
-  interfaceType: 'onepass'
-})
-
-const onInterfaceChange = (e: any) => {
-  form.interfaceType = e.detail.value
-}
-
-const handleSubmit = () => {
-  uni.showToast({ title: '提交成功' })
-}
+const form = reactive({ customer: 'C123456789', key: 'K123456789', service: 'kuaidi100' })
+const onServiceChange = (e : any) => { form.service = e.detail.value }
+const handleSubmit = () => { uni.showToast({ title: '淇濆瓨鎴愬姛' }) }
 </script>
-
 <style scoped>
-.admin-page-container {
-  min-height: 100vh;
-  background-color: #f5f7f9;
-  padding: 20px;
-}
-
-.breadcrumb {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 20px;
-}
-
+.admin-page-container { min-height: 100vh; background-color: #f5f7f9; padding: 20px; }
+.breadcrumb { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; }
 .bc-item { font-size: 14px; color: #999; }
 .bc-item.active { color: #333; }
 .bc-sep { margin: 0 8px; color: #ccc; }
-
-.content-card {
-  background-color: #fff;
-  border-radius: 4px;
-}
-
-.tabs-header {
-  display: flex;
-  flex-direction: row;
-  border-bottom: 1px solid #f0f0f0;
-  padding: 0 20px;
-}
-
-.tab-item {
-  padding: 15px 20px;
-  cursor: pointer;
-}
-
-.tab-text {
-  font-size: 14px;
-  color: #666;
-}
-
-.tab-item.active {
-  border-bottom: 2px solid #2d8cf0;
-}
-
-.tab-item.active .tab-text {
-  color: #2d8cf0;
-  font-weight: bold;
-}
-
-.config-view {
-  padding: 24px;
-}
-
-.form-content {
-  padding-left: 20px;
-}
-
-.form-row {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 30px;
-  align-items: flex-start;
-}
-
-.form-label {
-  width: 100px;
-  font-size: 14px;
-  color: #333;
-  text-align: right;
-  margin-right: 20px;
-  padding-top: 8px;
-}
-
-.form-input-box {
-  flex: 1;
-}
-
-.form-radio-group {
-  display: flex;
-  flex-direction: row;
-  height: 36px;
-  align-items: center;
-}
-
-.radio-label {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-right: 24px;
-}
-
-.radio-text {
-  font-size: 14px;
-  margin-left: 8px;
-}
-
-.form-tips {
-  display: block;
-  font-size: 12px;
-  color: #bfbfbf;
-  margin-top: 12px;
-  max-width: 600px;
-  line-height: 1.6;
-}
-
-.form-actions {
-  margin-top: 40px;
-  padding-left: 120px;
-}
-
-.submit-btn {
-  width: 80px;
-  height: 36px;
-  background-color: #2d8cf0;
-  color: #fff;
-  border-radius: 4px;
-  font-size: 14px;
-  line-height: 36px;
-  text-align: center;
-}
+.content-card { background-color: #fff; border-radius: 4px; overflow: hidden; }
+.tabs-header { display: flex; flex-direction: row; border-bottom: 1px solid #f0f0f0; padding: 0 20px; }
+.tab-item { padding: 15px 20px; border-bottom: 2px solid transparent; }
+.tab-text { font-size: 14px; color: #666; }
+.tab-item.active { border-bottom-color: #2d8cf0; }
+.tab-item.active .tab-text { color: #2d8cf0; font-weight: bold; }
+.form-section { padding: 40px 20px; }
+.form-content { max-width: 800px; }
+.form-row { display: flex; flex-direction: row; margin-bottom: 24px; }
+.form-label { width: 140px; font-size: 14px; color: #606266; text-align: right; margin-right: 20px; padding-top: 8px; }
+.star { color: #ff4d4f; margin-right: 4px; }
+.form-input-box { flex: 1; }
+.form-input { width: 100%; max-width: 400px; border: 1px solid #dcdfe6; border-radius: 4px; height: 36px; padding: 0 12px; font-size: 14px; }
+.form-tips { display: block; font-size: 12px; color: #999; margin-top: 8px; }
+.form-radio-group { display: flex; flex-direction: row; align-items: center; height: 36px; }
+.radio-label { display: flex; flex-direction: row; align-items: center; margin-right: 20px; }
+.radio-text { font-size: 14px; margin-left: 8px; }
+.form-actions { margin-top: 40px; padding-left: 160px; }
+.submit-btn { width: 80px; height: 36px; background-color: #2d8cf0; color: #fff; border-radius: 4px; font-size: 14px; line-height: 36px; text-align: center; border: none; }
 </style>
diff --git a/pages/mall/admin/setting/interface/payment.uvue b/pages/mall/admin/setting/interface/payment.uvue
index 4e92b563..f7d20da6 100644
--- a/pages/mall/admin/setting/interface/payment.uvue
+++ b/pages/mall/admin/setting/interface/payment.uvue
@@ -2,202 +2,78 @@
   <view class="admin-page-container">
     <view class="page-header">
       <view class="breadcrumb">
-        <text class="bc-item">设置</text>
+        <text class="bc-item">璁剧疆</text>
         <text class="bc-sep">/</text>
-        <text class="bc-item">接口配置</text>
+        <text class="bc-item">鎺ュ彛閰嶇疆</text>
         <text class="bc-sep">/</text>
-        <text class="bc-item active">商城支付配置</text>
+        <text class="bc-item active">鍟嗗煄鏀粯</text>
       </view>
     </view>
-
     <view class="content-card">
       <view class="tabs-header">
-        <view class="tab-item active"><text class="tab-text">基础配置</text></view>
-        <view class="tab-item"><text class="tab-text">微信支付配置</text></view>
+        <view class="tab-item active"><text class="tab-text">鏀粯閰嶇疆</text></view>
       </view>
-
-      <view class="config-view">
+      <view class="form-section">
         <view class="form-content">
           <view class="form-row">
-            <view class="form-label">余额支付:</view>
+            <view class="form-label">寰俊鏀粯:</view>
             <view class="form-input-box">
-              <radio-group class="form-radio-group" @change="onBalancePayChange">
-                <label class="radio-label">
-                  <radio value="1" :checked="form.balancePay == '1'" color="#2d8cf0" />
-                  <text class="radio-text">开启</text>
-                </label>
-                <label class="radio-label">
-                  <radio value="0" :checked="form.balancePay == '0'" color="#2d8cf0" />
-                  <text class="radio-text">关闭</text>
-                </label>
-              </radio-group>
-              <text class="form-tips">余额支付请选择开启或关闭</text>
+              <switch checked color="#2d8cf0" @change="onWxPayChange" />
+              <text class="form-tips">寮�鍚悗鍓嶇鍙娇鐢ㄥ井淇℃敮浠�</text>
             </view>
           </view>
-
           <view class="form-row">
-            <view class="form-label">好友代付:</view>
+            <view class="form-label">AppID:</view>
             <view class="form-input-box">
-              <radio-group class="form-radio-group" @change="onFriendPayChange">
-                <label class="radio-label">
-                  <radio value="1" :checked="form.friendPay == '1'" color="#2d8cf0" />
-                  <text class="radio-text">开启</text>
-                </label>
-                <label class="radio-label">
-                  <radio value="0" :checked="form.friendPay == '0'" color="#2d8cf0" />
-                  <text class="radio-text">关闭</text>
-                </label>
-              </radio-group>
-              <text class="form-tips">好友代付开关，关闭后付款类型不显示好友代付</text>
+              <input class="form-input" v-model="form.wxAppId" placeholder="寰俊AppID" />
+            </view>
+          </view>
+          <view class="form-row">
+            <view class="form-label">MchID:</view>
+            <view class="form-input-box">
+              <input class="form-input" v-model="form.wxMchId" placeholder="鍟嗘埛鍙�" />
+            </view>
+          </view>
+          <view class="form-row" style="margin-top: 40px;">
+            <view class="form-label">鏀粯瀹濇敮浠�:</view>
+            <view class="form-input-box">
+              <switch color="#2d8cf0" @change="onAliPayChange" />
             </view>
           </view>
-
           <view class="form-actions">
-            <button class="submit-btn" type="primary" @click="handleSubmit">提交</button>
+            <button class="submit-btn" type="primary" @click="handleSubmit">淇濆瓨璁剧疆</button>
           </view>
         </view>
       </view>
     </view>
   </view>
 </template>
-
 <script setup lang="uts">
 import { ref, reactive } from 'vue'
-
-const form = reactive({
-  balancePay: '1',
-  friendPay: '1'
-})
-
-const onBalancePayChange = (e: any) => {
-  form.balancePay = e.detail.value
-}
-
-const onFriendPayChange = (e: any) => {
-  form.friendPay = e.detail.value
-}
-
-const handleSubmit = () => {
-  uni.showToast({ title: '提交成功' })
-}
+const form = reactive({ wxAppId: '', wxMchId: '', wxEnabled: true, aliEnabled: false })
+const onWxPayChange = (e : any) => { form.wxEnabled = e.detail.value }
+const onAliPayChange = (e : any) => { form.aliEnabled = e.detail.value }
+const handleSubmit = () => { uni.showToast({ title: '鏀粯閰嶇疆宸蹭繚瀛�' }) }
 </script>
-
 <style scoped>
-.admin-page-container {
-  min-height: 100vh;
-  background-color: #f5f7f9;
-  padding: 20px;
-}
-
-.breadcrumb {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 20px;
-}
-
+.admin-page-container { min-height: 100vh; background-color: #f5f7f9; padding: 20px; }
+.breadcrumb { display: flex; flex-direction: row; margin-bottom: 20px; }
 .bc-item { font-size: 14px; color: #999; }
 .bc-item.active { color: #333; }
 .bc-sep { margin: 0 8px; color: #ccc; }
-
-.content-card {
-  background-color: #fff;
-  border-radius: 4px;
-}
-
-.tabs-header {
-  display: flex;
-  flex-direction: row;
-  border-bottom: 1px solid #f0f0f0;
-  padding: 0 20px;
-}
-
-.tab-item {
-  padding: 15px 20px;
-  cursor: pointer;
-}
-
-.tab-text {
-  font-size: 14px;
-  color: #666;
-}
-
-.tab-item.active {
-  border-bottom: 2px solid #2d8cf0;
-}
-
-.tab-item.active .tab-text {
-  color: #2d8cf0;
-  font-weight: bold;
-}
-
-.config-view {
-  padding: 24px;
-}
-
-.form-content {
-  padding-left: 20px;
-}
-
-.form-row {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 30px;
-  align-items: flex-start;
-}
-
-.form-label {
-  width: 100px;
-  font-size: 14px;
-  color: #333;
-  text-align: right;
-  margin-right: 20px;
-  padding-top: 8px;
-}
-
-.form-input-box {
-  flex: 1;
-}
-
-.form-radio-group {
-  display: flex;
-  flex-direction: row;
-  height: 36px;
-  align-items: center;
-}
-
-.radio-label {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-right: 24px;
-}
-
-.radio-text {
-  font-size: 14px;
-  margin-left: 8px;
-}
-
-.form-tips {
-  display: block;
-  font-size: 12px;
-  color: #bfbfbf;
-  margin-top: 12px;
-  line-height: 1.6;
-}
-
-.form-actions {
-  margin-top: 40px;
-  padding-left: 120px;
-}
-
-.submit-btn {
-  width: 80px;
-  height: 36px;
-  background-color: #2d8cf0;
-  color: #fff;
-  border-radius: 4px;
-  font-size: 14px;
-  line-height: 36px;
-  text-align: center;
-}
+.content-card { background-color: #fff; border-radius: 4px; }
+.tabs-header { display: flex; flex-direction: row; border-bottom: 1px solid #f0f0f0; padding: 0 20px; }
+.tab-item { padding: 15px 20px; border-bottom: 2px solid transparent; }
+.tab-text { font-size: 14px; color: #666; }
+.tab-item.active { border-bottom-color: #2d8cf0; }
+.tab-item.active .tab-text { color: #2d8cf0; font-weight: bold; }
+.form-section { padding: 40px 20px; }
+.form-content { max-width: 800px; }
+.form-row { display: flex; flex-direction: row; margin-bottom: 24px; align-items: center; }
+.form-label { width: 140px; font-size: 14px; color: #606266; text-align: right; margin-right: 20px; }
+.form-input-box { flex: 1; }
+.form-input { width: 100%; max-width: 400px; border: 1px solid #dcdfe6; border-radius: 4px; height: 36px; padding: 0 12px; font-size: 14px; }
+.form-tips { display: block; font-size: 12px; color: #999; margin-top: 8px; }
+.form-actions { margin-top: 40px; padding-left: 160px; }
+.submit-btn { width: 100px; height: 36px; background-color: #2d8cf0; color: #fff; border-radius: 4px; font-size: 14px; line-height: 36px; text-align: center; }
 </style>
diff --git a/pages/mall/admin/setting/interface/sms.uvue b/pages/mall/admin/setting/interface/sms.uvue
index 9dd75cc3..66d3b321 100644
--- a/pages/mall/admin/setting/interface/sms.uvue
+++ b/pages/mall/admin/setting/interface/sms.uvue
@@ -2,185 +2,84 @@
   <view class="admin-page-container">
     <view class="page-header">
       <view class="breadcrumb">
-        <text class="bc-item">设置</text>
+        <text class="bc-item">璁剧疆</text>
         <text class="bc-sep">/</text>
-        <text class="bc-item">接口配置</text>
+        <text class="bc-item">鎺ュ彛閰嶇疆</text>
         <text class="bc-sep">/</text>
-        <text class="bc-item active">短信功能配置</text>
+        <text class="bc-item active">鐭俊鎺ュ彛</text>
       </view>
     </view>
-
     <view class="content-card">
       <view class="tabs-header">
-        <view class="tab-item active"><text class="tab-text">基础配置</text></view>
-        <view class="tab-item"><text class="tab-text">阿里云配置</text></view>
-        <view class="tab-item"><text class="tab-text">腾讯云配置</text></view>
+        <view class="tab-item active"><text class="tab-text">鐭俊閰嶇疆</text></view>
       </view>
-
-      <view class="config-view">
+      <view class="form-section">
         <view class="form-content">
           <view class="form-row">
-            <view class="form-label">短信类型:</view>
+            <view class="form-label"><text class="star">*</text>鐭俊绛惧悕:</view>
             <view class="form-input-box">
-              <radio-group class="form-radio-group" @change="onSmsTypeChange">
-                <label class="radio-label">
-                  <radio value="onepass" :checked="form.smsType == 'onepass'" color="#2d8cf0" />
-                  <text class="radio-text">一号通</text>
-                </label>
-                <label class="radio-label">
-                  <radio value="ali" :checked="form.smsType == 'ali'" color="#2d8cf0" />
-                  <text class="radio-text">阿里云</text>
-                </label>
-                <label class="radio-label">
-                  <radio value="tencent" :checked="form.smsType == 'tencent'" color="#2d8cf0" />
-                  <text class="radio-text">腾讯云</text>
-                </label>
-              </radio-group>
-              <text class="form-tips">短信类型，选择发送的短信类型</text>
+              <input class="form-input" v-model="form.sign" placeholder="濡傦細銆愬崕涓恒��" />
+              <text class="form-tips">蹇呴』鍖呭惈涓嫭鍙凤紝涓斿凡鍦ㄦ湇鍔″晢澶囨</text>
+            </view>
+          </view>
+          <view class="form-row">
+            <view class="form-label">鏈嶅姟鍟嗛�夋嫨:</view>
+            <view class="form-input-box">
+              <radio-group class="form-radio-group" @change="onProviderChange">
+                <label class="radio-label"><radio value="aliyun" checked color="#2d8cf0" /><text class="radio-text">闃块噷浜�</text></label>
+                <label class="radio-label"><radio value="tencent" color="#2d8cf0" /><text class="radio-text">鑵捐浜�</text></label>
+              </radio-group>
+            </view>
+          </view>
+          <view class="form-row">
+            <view class="form-label"><text class="star">*</text>AccessKey ID:</view>
+            <view class="form-input-box">
+              <input class="form-input" v-model="form.ak" placeholder="璇疯緭鍏� AccessKey ID" />
+            </view>
+          </view>
+          <view class="form-row">
+            <view class="form-label"><text class="star">*</text>AccessKey Secret:</view>
+            <view class="form-input-box">
+              <input class="form-input" v-model="form.sk" type="password" placeholder="璇疯緭鍏� AccessKey Secret" />
             </view>
           </view>
-
           <view class="form-actions">
-            <button class="submit-btn" type="primary" @click="handleSubmit">提交</button>
+            <button class="submit-btn" type="primary" @click="handleSubmit">纭淇濆瓨</button>
           </view>
         </view>
       </view>
     </view>
   </view>
 </template>
-
 <script setup lang="uts">
 import { ref, reactive } from 'vue'
-
-const form = reactive({
-  smsType: 'onepass'
-})
-
-const onSmsTypeChange = (e: any) => {
-  form.smsType = e.detail.value
-}
-
-const handleSubmit = () => {
-  uni.showToast({ title: '提交成功' })
-}
+const form = reactive({ sign: '銆恗all绯荤粺銆�', ak: '', sk: '', provider: 'aliyun' })
+const onProviderChange = (e : any) => { form.provider = e.detail.value }
+const handleSubmit = () => { uni.showToast({ title: '鐭俊閰嶇疆宸叉洿鏂�' }) }
 </script>
-
 <style scoped>
-.admin-page-container {
-  min-height: 100vh;
-  background-color: #f5f7f9;
-  padding: 20px;
-}
-
-.breadcrumb {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 20px;
-}
-
+.admin-page-container { min-height: 100vh; background-color: #f5f7f9; padding: 20px; }
+.breadcrumb { display: flex; flex-direction: row; margin-bottom: 20px; }
 .bc-item { font-size: 14px; color: #999; }
 .bc-item.active { color: #333; }
 .bc-sep { margin: 0 8px; color: #ccc; }
-
-.content-card {
-  background-color: #fff;
-  border-radius: 4px;
-}
-
-.tabs-header {
-  display: flex;
-  flex-direction: row;
-  border-bottom: 1px solid #f0f0f0;
-  padding: 0 20px;
-}
-
-.tab-item {
-  padding: 15px 20px;
-  cursor: pointer;
-}
-
-.tab-text {
-  font-size: 14px;
-  color: #666;
-}
-
-.tab-item.active {
-  border-bottom: 2px solid #2d8cf0;
-}
-
-.tab-item.active .tab-text {
-  color: #2d8cf0;
-  font-weight: bold;
-}
-
-.config-view {
-  padding: 24px;
-}
-
-.form-content {
-  padding-left: 20px;
-}
-
-.form-row {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 30px;
-  align-items: flex-start;
-}
-
-.form-label {
-  width: 100px;
-  font-size: 14px;
-  color: #333;
-  text-align: right;
-  margin-right: 20px;
-  padding-top: 8px;
-}
-
-.form-input-box {
-  flex: 1;
-}
-
-.form-radio-group {
-  display: flex;
-  flex-direction: row;
-  height: 36px;
-  align-items: center;
-}
-
-.radio-label {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-right: 24px;
-}
-
-.radio-text {
-  font-size: 14px;
-  margin-left: 8px;
-}
-
-.form-tips {
-  display: block;
-  font-size: 12px;
-  color: #bfbfbf;
-  margin-top: 12px;
-  line-height: 1.6;
-}
-
-.form-actions {
-  margin-top: 40px;
-  padding-left: 120px;
-}
-
-.submit-btn {
-  width: 80px;
-  height: 36px;
-  background-color: #2d8cf0;
-  color: #fff;
-  border-radius: 4px;
-  font-size: 14px;
-  line-height: 36px;
-  text-align: center;
-}
+.content-card { background-color: #fff; border-radius: 4px; }
+.tabs-header { display: flex; flex-direction: row; border-bottom: 1px solid #f0f0f0; padding: 0 20px; }
+.tab-item { padding: 15px 20px; border-bottom: 2px solid transparent; }
+.tab-text { font-size: 14px; color: #666; }
+.tab-item.active { border-bottom-color: #2d8cf0; }
+.tab-item.active .tab-text { color: #2d8cf0; font-weight: bold; }
+.form-section { padding: 40px 20px; }
+.form-content { max-width: 800px; }
+.form-row { display: flex; flex-direction: row; margin-bottom: 24px; }
+.form-label { width: 140px; font-size: 14px; color: #606266; text-align: right; margin-right: 20px; padding-top: 8px; }
+.star { color: #ff4d4f; margin-right: 4px; }
+.form-input-box { flex: 1; }
+.form-input { width: 100%; max-width: 400px; border: 1px solid #dcdfe6; border-radius: 4px; height: 36px; padding: 0 12px; font-size: 14px; }
+.form-tips { display: block; font-size: 12px; color: #999; margin-top: 8px; }
+.form-radio-group { display: flex; flex-direction: row; align-items: center; height: 36px; }
+.radio-label { display: flex; flex-direction: row; align-items: center; margin-right: 20px; }
+.radio-text { font-size: 14px; margin-left: 8px; }
+.form-actions { margin-top: 40px; padding-left: 160px; }
+.submit-btn { width: 100px; height: 36px; background-color: #2d8cf0; color: #fff; border-radius: 4px; font-size: 14px; line-height: 36px; text-align: center; }
 </style>