From b26b91d4c83ad23c051fbb28801e1d75013b7218 Mon Sep 17 00:00:00 2001
From: Fsd0511 <422865775@qq.com>
Date: Thu, 21 Aug 2025 11:14:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=96=B0=E5=A2=9E=E8=AE=A2=E5=8D=95?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=EF=BC=8C=E8=B4=A2=E5=8A=A1=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |  27 +-
 pages/work/BusinessApproval/OrderDetail.vue   | 472 +++++++++++++++++
 .../work/{yonghu => BusinessApproval}/data.js |   0
 .../{yonghu => BusinessApproval}/detail.vue   |   0
 pages/work/BusinessApproval/detailData.js     |  69 +++
 .../{yonghu => BusinessApproval}/index.vue    |   2 +-
 .../OrderDetail.vue                           | 105 ++--
 pages/work/FinancialApproval/data.js          |  49 ++
 pages/work/FinancialApproval/detail.vue       |  34 ++
 pages/work/FinancialApproval/detailData.js    |  69 +++
 pages/work/FinancialApproval/index.vue        | 186 +++++++
 pages/work/OrderApproval/OrderDetail.vue      | 488 ++++++++++++++++++
 pages/work/OrderApproval/data.js              |  49 ++
 pages/work/OrderApproval/detail.vue           |  34 ++
 pages/work/OrderApproval/detailData.js        |  69 +++
 pages/work/OrderApproval/index.vue            | 206 ++++++++
 pages/work/index.vue                          |  32 +-
 17 files changed, 1844 insertions(+), 47 deletions(-)
 create mode 100644 pages/work/BusinessApproval/OrderDetail.vue
 rename pages/work/{yonghu => BusinessApproval}/data.js (100%)
 rename pages/work/{yonghu => BusinessApproval}/detail.vue (100%)
 create mode 100644 pages/work/BusinessApproval/detailData.js
 rename pages/work/{yonghu => BusinessApproval}/index.vue (98%)
 rename pages/work/{yonghu => FinancialApproval}/OrderDetail.vue (75%)
 create mode 100644 pages/work/FinancialApproval/data.js
 create mode 100644 pages/work/FinancialApproval/detail.vue
 create mode 100644 pages/work/FinancialApproval/detailData.js
 create mode 100644 pages/work/FinancialApproval/index.vue
 create mode 100644 pages/work/OrderApproval/OrderDetail.vue
 create mode 100644 pages/work/OrderApproval/data.js
 create mode 100644 pages/work/OrderApproval/detail.vue
 create mode 100644 pages/work/OrderApproval/detailData.js
 create mode 100644 pages/work/OrderApproval/index.vue

diff --git a/pages.json b/pages.json
index df82816..5467be5 100644
--- a/pages.json
+++ b/pages.json
@@ -21,10 +21,20 @@
       "navigationBarTitleText": "工作台"
     }
   }, {
-    "path": "pages/work/yonghu/index",
+    "path": "pages/work/BusinessApproval/index",
     "style": {
       "navigationBarTitleText": "商务审批"
     }
+  }, {
+    "path": "pages/work/FinancialApproval/index",
+    "style": {
+      "navigationBarTitleText": "财务审批"
+    }
+  }, {
+    "path": "pages/work/OrderApproval/index",
+    "style": {
+      "navigationBarTitleText": "订单审批"
+    }
   },{
     "path": "pages/mine/index",
     "style": {
@@ -76,11 +86,22 @@
       "navigationBarTitleText": "浏览文本"
     }
   },{
-      "path": "pages/work/yonghu/OrderDetail",
+      "path": "pages/work/BusinessApproval/OrderDetail",
       "style": {
-        "navigationBarTitleText": "订单详情"
+        "navigationBarTitleText": "商务订单详情"
+      }
+    },{
+      "path": "pages/work/FinancialApproval/OrderDetail",
+      "style": {
+        "navigationBarTitleText": "财务订单详情"
+      }
+    },{
+      "path": "pages/work/OrderApproval/OrderDetail",
+      "style": {
+        "navigationBarTitleText": "订单审批详情"
       }
     }],
+	
   "tabBar": {
     "color": "#000000",
     "selectedColor": "#000000",
diff --git a/pages/work/BusinessApproval/OrderDetail.vue b/pages/work/BusinessApproval/OrderDetail.vue
new file mode 100644
index 0000000..e7b5036
--- /dev/null
+++ b/pages/work/BusinessApproval/OrderDetail.vue
@@ -0,0 +1,472 @@
+<template>
+ <view class="order-detail-container">
+    <!-- <view class="page-title">查看详细信息</view> -->
+
+    <!-- 基础信息区域 -->
+    <view class="info-section">
+      <uni-row class="info-grid">
+		  <uni-col >
+          <view class="label">商业公司: {{contract.user_name}} </view>
+		</uni-col>
+		
+		</uni-row>
+		<uni-row class="info-grid">
+			<uni-col :span="12">
+			  <view class="label">制单日期:{{ contract.adddate}}</view>
+			</uni-col>
+			<uni-col :span="12">
+			  <view class="label">合同编号:{{ contract.contractcode }}</view>
+			</uni-col>
+          </uni-row>
+		  <uni-row class="info-grid">
+		  	<uni-col :span="12">
+		  	  <view class="label">订单金额:{{ contract.contractmoney }}</view>
+		  	</uni-col>
+		  	<uni-col :span="12">
+		  	  <view class="label">补差金额:{{ contract.user_name }}</view>
+		  	</uni-col>
+		    </uni-row>
+
+			  <uni-row class="info-grid">
+			  	<uni-col :span="12">
+			  	  <view class="label">支付方式:{{ contract.ispaynow }}</view>
+			  	</uni-col>
+			  	<uni-col :span="12">
+			  	  <view class="label">联系方式:{{ contract.ispaynow }}</view>
+			  	</uni-col>
+			    </uni-row>
+				<uni-row class="info-grid">
+					<uni-col :span="12">
+					  <view class="label required">*执行月份:</view>
+					  <view class="select-container">
+					    <uni-data-select
+					      v-model="executionMonth"
+					      :localdata="monthOptions"
+					      popup-class="month-popup"
+					    ></uni-data-select>
+					  </view>
+					</uni-col>
+					<uni-col :span="12">
+					  <view class="label">折后订单金额:{{ contract.piaokous }}</view>
+					</uni-col>
+				  </uni-row>
+				<uni-row class="info-grid">
+					<uni-col :span="12">
+					  <view class="label">本月商务额度:{{ contract.contractmoney }}</view>
+					</uni-col>
+					<uni-col :span="12">
+					  <view class="label">本月商务可用:{{ contract.contractmoney }}</view>
+					</uni-col>
+				  </uni-row>
+				<uni-row class="info-grid">
+					<uni-col :span="12">
+					  <view class="label">本月大区额度:{{ contract.contractmoney }}</view>
+					</uni-col>
+					<uni-col :span="12">
+					  <view class="label">本月大区可用:{{ contract.contractmoney }}</view>
+					</uni-col>
+				  </uni-row>
+				  <uni-row class="info-grid">
+				  	<uni-col :span="12">
+					  <view class="label">收货地址:{{ contract.place }}</view>
+					</uni-col>
+				  	
+				    </uni-row>
+		
+	     
+      
+    </view>
+
+    <!-- 商品信息区域 -->
+    <view class="goods-section">
+      <view class="section-title">商品信息</view>
+      
+      <view v-if="goodsList.length === 0" class="no-data">
+        暂无商品数据
+      </view>
+
+      <view v-else class="goods-double-column">
+        <view 
+          v-for="(goods, index) in goodsList" 
+          :key="index" 
+          class="goods-item"
+        >
+          <view class="goods-header">
+            <text class="serial-number">{{ index + 1 }}</text>
+            <text class="goods-name">{{ goods.goodsname }}</text>
+          </view>
+          
+          <view class="goods-content">
+            <!-- 件装数和供应参考价在一行 -->
+            <uni-row class="info-row">
+              <uni-col :span="12" class="info-pair">
+                <view class="label">件装数:{{  goods.packingnum }}</view>
+                <!-- <view class="value">{{ goods.packCount }}</view> -->
+              </uni-col>
+              <uni-col :span="12" class="info-pair">
+                <view class="label">供应参考价:{{  goods.invoiceprice }}</view>
+                <!-- <view class="value">{{ goods.referencePrice }}</view> -->
+              </uni-col>
+            </uni-row>
+
+            <!-- 前三月平均数和采购数量在一行 -->
+            <uni-row class="info-row">
+              <uni-col :span="12" class="info-pair">
+                <view class="label">前三月平均数:{{ goods.mon3 }}</view>
+                <!-- <view class="value">{{ goods.average }}</view> -->
+              </uni-col>
+              <uni-col :span="12" class="info-pair">
+                <view class="label">采购数量:{{ goods.goodsnum }}</view>
+                <!-- <view class="value quantity">{{ goods.quantity }}</view> -->
+              </uni-col>
+            </uni-row>
+
+            <!-- 小计和使用票扣在一行 -->
+            <uni-row class="info-row">
+              <uni-col :span="12" class="info-pair">
+                <view class="label">小计:{{ goods.allmoney }}</view>
+                <!-- <view class="value total">{{ goods.subtotal }}</view> -->
+              </uni-col>
+              <uni-col :span="12" class="info-pair">
+                <view class="label">使用票扣:{{ goods.piaokou }}</view>
+                <!-- <view class="value">{{ goods.ticketDeduction }}</view> -->
+              </uni-col>
+            </uni-row>
+
+            <!-- 税率单独一行 -->
+            <uni-row class="info-row">
+              <uni-col :span="12" class="info-pair">
+                <view class="label">税率:{{ goods.taxrate }}</view>
+                <!-- <view class="value">{{ goods.taxRate }}</view> -->
+              </uni-col>
+              <uni-col :span="12" class="info-pair empty"></uni-col>
+            </uni-row>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 操作按钮 -->
+    <view class="action-buttons">
+      <button @click="goBack" class="btn btn-secondary">回退</button>
+      <button @click="review" class="btn btn-primary">审核</button>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { onMounted, ref } from 'vue'
+import { contractData,goodsData } from './detailData.js'
+
+// 基础信息
+const contract = ref({})
+
+const monthOptions = ref([
+  { value: 0, text: '本月执行' },
+  { value: 1, text: '下月执行' }
+])
+onMounted(()=>{
+	contract.value = contractData.data[0]
+	console.log(contract.value)
+	goodsList.value = goodsData.data
+	
+	
+})
+// 商品列表数据
+const goodsList = ref([
+])
+
+// 操作方法
+const goBack = () => {
+  console.log("回退操作")
+  // 成功提示 (类似 ElMessage.success)
+  uni.showToast({
+    title: '回退成功!',
+    icon: 'success',
+    duration: 2000
+  });
+}
+
+const review = () => {
+  console.log("审核操作")
+  // 成功提示 (类似 ElMessage.success)
+  uni.showToast({
+    title: '审核成功！',
+    icon: 'success',
+    duration: 2000
+  });
+}
+
+const cancel = () => {
+  console.log("取消操作")
+}
+</script>
+
+<style lang="scss" scoped>
+.order-detail-container {
+  padding: 16px;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+.page-title {
+  text-align: center;
+  margin-bottom: 24px;
+  color: #333;
+  font-size: 18px;
+  font-weight: 600;
+  padding: 12px 0;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+/* 基础信息网格布局 */
+.info-section {
+  background: #fff;
+  border-radius: 12px;
+  padding: 16px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+.info-grid {
+  :deep(.uni-row) {
+    display: flex;
+    flex-wrap: wrap;
+	
+  }
+  .info-value {
+    font-size: 15px;
+    color: #333;
+    font-weight: 500;
+     display: flex;
+     justify-content: flex-end;
+    
+  }
+  
+  margin-bottom: 20rpx;
+  margin-top: 20rpx;
+}
+
+.info-item {
+  margin-bottom: 12px;
+}
+
+.label {
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 4px;
+  font-weight: 500;
+}
+
+.required::after {
+  content: '*';
+  color: #f56c6c;
+  margin-left: 2px;
+}
+
+// .info-value {
+//   font-size: 15px;
+//   color: #333;
+//   font-weight: 500;
+//   display: flex;
+//   justify-content: flex-end;
+  
+// }
+
+.amount {
+  color: #f56c6c;
+  font-weight: 600;
+}
+
+.select-container {
+  width: 100%;
+}
+
+:deep(.uni-data-select__text) {
+  padding: 8px 12px;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  background-color: #fff;
+}
+
+:deep(.month-popup) {
+  min-width: 120px;
+}
+
+/* 商品信息区域 */
+.goods-section {
+  background: #fff;
+  border-radius: 12px;
+  padding: 16px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+.section-title {
+  font-size: 16px;
+  color: #333;
+  margin: 0 0 16px 0;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #eee;
+  font-weight: 600;
+}
+
+.no-data {
+  text-align: center;
+  color: #999;
+  padding: 40px 0;
+  font-size: 14px;
+}
+
+/* 商品双栏布局 */
+.goods-double-column {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.goods-item {
+  border: 1px solid #eee;
+  border-radius: 12px;
+  overflow: hidden;
+  background: #fafafa;
+}
+
+.goods-header {
+  background: #409eff;
+  color: white;
+  padding: 10px 16px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.serial-number {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  background: rgba(255,255,255,0.2);
+  border-radius: 50%;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.goods-name {
+  font-size: 15px;
+  font-weight: 600;
+  flex: 1;
+}
+
+/* 商品内容区域 */
+.goods-content {
+  padding: 12px 16px;
+}
+
+.info-row {
+  display: flex;
+  margin-bottom: 8px;
+}
+
+.info-pair {
+  flex: 1;
+  padding: 0 8px;
+}
+
+.info-pair .label {
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 2px;
+}
+
+.info-pair .value {
+  font-size: 14px;
+  color: #333;
+  font-weight: 500;
+  text-align: right;
+}
+
+.quantity {
+  color: #409eff;
+  font-weight: 600;
+}
+
+.total {
+  color: #f56c6c;
+  font-weight: 600;
+}
+
+.empty {
+  visibility: hidden;
+}
+
+/* 操作按钮 */
+.action-buttons {
+  display: flex;
+  justify-content: center;
+  gap: 12px;
+  padding: 16px 0;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+.btn {
+  padding: 12px 24px;
+  border: none;
+  border-radius: 8px;
+  font-size: 15px;
+  font-weight: 500;
+  cursor: pointer;
+  min-width: 80px;
+  text-align: center;
+  flex: 1;
+}
+
+.btn-primary {
+  background: #409eff;
+  color: white;
+}
+
+.btn-secondary {
+  background: #67c23a;
+  color: white;
+}
+
+.btn-outline {
+  background: #fff;
+  color: #333;
+  border: 1px solid #ddd;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .order-detail-container {
+    padding: 12px;
+  }
+
+  .info-item {
+    margin-bottom: 10px;
+  }
+
+  .info-pair {
+    padding: 0 4px;
+  }
+
+  .action-buttons {
+    flex-direction: column;
+  }
+
+  .btn {
+    width: 100%;
+    margin-bottom: 8px;
+  }
+
+  .btn:last-child {
+    margin-bottom: 0;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/work/yonghu/data.js b/pages/work/BusinessApproval/data.js
similarity index 100%
rename from pages/work/yonghu/data.js
rename to pages/work/BusinessApproval/data.js
diff --git a/pages/work/yonghu/detail.vue b/pages/work/BusinessApproval/detail.vue
similarity index 100%
rename from pages/work/yonghu/detail.vue
rename to pages/work/BusinessApproval/detail.vue
diff --git a/pages/work/BusinessApproval/detailData.js b/pages/work/BusinessApproval/detailData.js
new file mode 100644
index 0000000..8653bc1
--- /dev/null
+++ b/pages/work/BusinessApproval/detailData.js
@@ -0,0 +1,69 @@
+// staticData.js
+export const contractData = {
+    "total": 2,
+    "data": [
+        {
+                    "saleid": 999822,
+                    "user_name": "重庆医药集团医贸药品有限公司",
+                    "phonenumber": "",
+                    "budgetmoney_area": 0.0000,
+                    "ispaynow": "非现款",
+                    "contractcode": "Z-CQ-000120",
+                    "piaokous": 5767.4700,
+                    "budgetmoney1": 0.0000,
+                    "CAN": 0.0000,
+                    "ContractMoney1": 0.00,
+                    "contractmoney": 5767.4700,
+                    "ContractMoney_area": 0.00,
+                    "CAN_area": 0.0000,
+                    "place": "重庆市沙坪坝区土主镇明珠山一支路4号",
+                    "piaokou": 0.0000,
+                    "dept_id": 1,
+                    "shortName": "重庆医贸",
+                    "adddate": "2025-08-20"
+                },
+		
+    ],
+    "code": 200,
+    "msg": "查询成功"
+};
+export const goodsData = 
+	{
+	    "msg": "操作成功",
+	    "code": 200,
+	    "data": [
+	        {
+	            "taxrate": 1.00,
+	            "mon3": 0.0000,
+	            "packingnum": 200,
+	            "invoiceprice": 46.8900,
+	            "goodsname": "盐酸丙卡特罗片(美普清)10",
+	            "piaokou": 0.0000,
+	            "goodsnum": 123,
+	            "allmoney": 5767.4700,
+	            "shortname": "MPT10"
+	        },
+			{
+			    "taxrate": 1.00,
+			    "mon3": 0.0000,
+			    "packingnum": 200,
+			    "invoiceprice": 46.8900,
+			    "goodsname": "诺氟沙星(美普清)10",
+			    "piaokou": 0.0000,
+			    "goodsnum": 123,
+			    "allmoney": 5767.4700,
+			    "shortname": "MPT10"
+			},
+			{
+			    "taxrate": 1.00,
+			    "mon3": 0.0000,
+			    "packingnum": 200,
+			    "invoiceprice": 46.8900,
+			    "goodsname": "盐酸宁干片(美普清)10",
+			    "piaokou": 0.0000,
+			    "goodsnum": 123,
+			    "allmoney": 5767.4700,
+			    "shortname": "MPT10"
+			}
+	    ]
+	}
diff --git a/pages/work/yonghu/index.vue b/pages/work/BusinessApproval/index.vue
similarity index 98%
rename from pages/work/yonghu/index.vue
rename to pages/work/BusinessApproval/index.vue
index 923931b..37c2f59 100644
--- a/pages/work/yonghu/index.vue
+++ b/pages/work/BusinessApproval/index.vue
@@ -124,7 +124,7 @@ function gotoDetail(contract) {
 	console.log("查看合同详情:", contract)
 	// proxy.$tab.navigateTo('/pages/work/yonghu/detail')
 	// proxy.$tab.navigateTo(`/pages/work/yonghu/detail?saleid=${contract.saleid}`)
-	proxy.$tab.navigateTo('/pages/work/yonghu/OrderDetail')
+	proxy.$tab.navigateTo('/pages/work/BusinessApproval/OrderDetail')
 }
 </script>
 
diff --git a/pages/work/yonghu/OrderDetail.vue b/pages/work/FinancialApproval/OrderDetail.vue
similarity index 75%
rename from pages/work/yonghu/OrderDetail.vue
rename to pages/work/FinancialApproval/OrderDetail.vue
index a117447..bcaf354 100644
--- a/pages/work/yonghu/OrderDetail.vue
+++ b/pages/work/FinancialApproval/OrderDetail.vue
@@ -6,57 +6,71 @@
     <view class="info-section">
       <uni-row class="info-grid">
 		  <uni-col >
-          <view class="label">商业公司: 重庆制药 </view>
+          <view class="label">商业公司: {{contract.user_name}} </view>
 		</uni-col>
 		
 		</uni-row>
 		<uni-row class="info-grid">
 			<uni-col :span="12">
-			  <view class="label">制单日期:{{ compensationAmount }}</view>
+			  <view class="label">制单日期:{{ contract.adddate}}</view>
 			</uni-col>
 			<uni-col :span="12">
-			  <view class="label">合同编号:{{ compensationAmount }}</view>
+			  <view class="label">合同编号:{{ contract.contractcode }}</view>
 			</uni-col>
           </uni-row>
 		  <uni-row class="info-grid">
 		  	<uni-col :span="12">
-		  	  <view class="label">订单金额:{{ compensationAmount }}</view>
+		  	  <view class="label">订单金额:{{ contract.contractmoney }}</view>
 		  	</uni-col>
 		  	<uni-col :span="12">
-		  	  <view class="label">补差金额:{{ compensationAmount }}</view>
+		  	  <view class="label">补差金额:{{ contract.user_name }}</view>
 		  	</uni-col>
 		    </uni-row>
 
 			  <uni-row class="info-grid">
 			  	<uni-col :span="12">
-			  	  <view class="label">本月商务额度:{{ compensationAmount }}</view>
+			  	  <view class="label">支付方式:{{ contract.ispaynow }}</view>
 			  	</uni-col>
 			  	<uni-col :span="12">
-			  	  <view class="label">本月商务可用:{{ compensationAmount }}</view>
+			  	  <view class="label">联系方式:{{ contract.ispaynow }}</view>
 			  	</uni-col>
 			    </uni-row>
 				<uni-row class="info-grid">
 					<uni-col :span="12">
-					  <view class="label">本月大区额度:{{ compensationAmount }}</view>
+					  <view class="label required">*执行月份:</view>
+					  <view class="select-container">
+					    <uni-data-select
+					      v-model="executionMonth"
+					      :localdata="monthOptions"
+					      popup-class="month-popup"
+					    ></uni-data-select>
+					  </view>
 					</uni-col>
 					<uni-col :span="12">
-					  <view class="label">本月大区可用:{{ compensationAmount }}</view>
+					  <view class="label">折后订单金额:{{ contract.piaokous }}</view>
+					</uni-col>
+				  </uni-row>
+				<uni-row class="info-grid">
+					<uni-col :span="12">
+					  <view class="label">本月商务额度:{{ contract.contractmoney }}</view>
+					</uni-col>
+					<uni-col :span="12">
+					  <view class="label">本月商务可用:{{ contract.contractmoney }}</view>
+					</uni-col>
+				  </uni-row>
+				<uni-row class="info-grid">
+					<uni-col :span="12">
+					  <view class="label">本月大区额度:{{ contract.contractmoney }}</view>
+					</uni-col>
+					<uni-col :span="12">
+					  <view class="label">本月大区可用:{{ contract.contractmoney }}</view>
 					</uni-col>
 				  </uni-row>
 				  <uni-row class="info-grid">
 				  	<uni-col :span="12">
-				  	  <view class="label required">*执行月份:</view>
-				  	  <view class="select-container">
-				  	    <uni-data-select
-				  	      v-model="executionMonth"
-				  	      :localdata="monthOptions"
-				  	      popup-class="month-popup"
-				  	    ></uni-data-select>
-				  	  </view>
-				  	</uni-col>
-				  	<uni-col :span="12">
-				  	  <view class="label">折后订单金额:{{ compensationAmount }}</view>
-				  	</uni-col>
+					  <view class="label">收货地址:{{ contract.place }}</view>
+					</uni-col>
+				  	
 				    </uni-row>
 		
 	     
@@ -79,18 +93,18 @@
         >
           <view class="goods-header">
             <text class="serial-number">{{ index + 1 }}</text>
-            <text class="goods-name">{{ goods.name }}</text>
+            <text class="goods-name">{{ goods.goodsname }}</text>
           </view>
           
           <view class="goods-content">
             <!-- 件装数和供应参考价在一行 -->
             <uni-row class="info-row">
               <uni-col :span="12" class="info-pair">
-                <view class="label">件装数:{{  goods.packCount }}</view>
+                <view class="label">件装数:{{  goods.packingnum }}</view>
                 <!-- <view class="value">{{ goods.packCount }}</view> -->
               </uni-col>
               <uni-col :span="12" class="info-pair">
-                <view class="label">供应参考价:{{  goods.referencePrice }}</view>
+                <view class="label">供应参考价:{{  goods.invoiceprice }}</view>
                 <!-- <view class="value">{{ goods.referencePrice }}</view> -->
               </uni-col>
             </uni-row>
@@ -98,11 +112,11 @@
             <!-- 前三月平均数和采购数量在一行 -->
             <uni-row class="info-row">
               <uni-col :span="12" class="info-pair">
-                <view class="label">前三月平均数:{{ goods.average }}</view>
+                <view class="label">前三月平均数:{{ goods.mon3 }}</view>
                 <!-- <view class="value">{{ goods.average }}</view> -->
               </uni-col>
               <uni-col :span="12" class="info-pair">
-                <view class="label">采购数量:{{ goods.quantity }}</view>
+                <view class="label">采购数量:{{ goods.goodsnum }}</view>
                 <!-- <view class="value quantity">{{ goods.quantity }}</view> -->
               </uni-col>
             </uni-row>
@@ -110,11 +124,11 @@
             <!-- 小计和使用票扣在一行 -->
             <uni-row class="info-row">
               <uni-col :span="12" class="info-pair">
-                <view class="label">小计:{{ goods.subtotal }}</view>
+                <view class="label">小计:{{ goods.allmoney }}</view>
                 <!-- <view class="value total">{{ goods.subtotal }}</view> -->
               </uni-col>
               <uni-col :span="12" class="info-pair">
-                <view class="label">使用票扣:{{ goods.ticketDeduction }}</view>
+                <view class="label">使用票扣:{{ goods.piaokou }}</view>
                 <!-- <view class="value">{{ goods.ticketDeduction }}</view> -->
               </uni-col>
             </uni-row>
@@ -122,7 +136,7 @@
             <!-- 税率单独一行 -->
             <uni-row class="info-row">
               <uni-col :span="12" class="info-pair">
-                <view class="label">税率:{{ goods.taxRate }}</view>
+                <view class="label">税率:{{ goods.taxrate }}</view>
                 <!-- <view class="value">{{ goods.taxRate }}</view> -->
               </uni-col>
               <uni-col :span="12" class="info-pair empty"></uni-col>
@@ -141,20 +155,23 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { onMounted, ref } from 'vue'
+import { contractData,goodsData } from './detailData.js'
 
 // 基础信息
-const creationDate = ref('2025-07-08')
-const contractId = ref('G-SC-40861')
-const orderAmount = ref('109,296.00')
-const compensationAmount = ref('0.00')
-const executionMonth = ref(1)
+const contract = ref({})
 
 const monthOptions = ref([
   { value: 0, text: '本月执行' },
   { value: 1, text: '下月执行' }
 ])
-
+onMounted(()=>{
+	contract.value = contractData.data[0]
+	console.log(contract.value)
+	goodsList.value = goodsData.data
+	
+	
+})
 // 商品列表数据
 const goodsList = ref([
   {
@@ -182,14 +199,22 @@ const goodsList = ref([
 // 操作方法
 const goBack = () => {
   console.log("回退操作")
+  // 成功提示 (类似 ElMessage.success)
+  uni.showToast({
+    title: '回退成功!',
+    icon: 'success',
+    duration: 2000
+  });
 }
 
 const review = () => {
   console.log("审核操作")
-}
-
-const cancel = () => {
-  console.log("取消操作")
+  // 成功提示 (类似 ElMessage.success)
+  uni.showToast({
+    title: '审核成功！',
+    icon: 'success',
+    duration: 2000
+  });
 }
 </script>
 
diff --git a/pages/work/FinancialApproval/data.js b/pages/work/FinancialApproval/data.js
new file mode 100644
index 0000000..2464c2a
--- /dev/null
+++ b/pages/work/FinancialApproval/data.js
@@ -0,0 +1,49 @@
+// staticData.js
+export const contractData = {
+    "total": 2,
+    "rows": [
+        {
+            "saleid": 999822,
+            "adddate": "2025-08-20 09:05:26",
+            "contractcode": "Z-CQ-000120",
+            "contractmoney": 5767.4700,
+            "usernames": "重庆医药集团医贸药品有限公司",
+            "businessManagerName": "商务经理名字-西区",
+            "transport": "汽运",
+            "areaName": "重庆",
+            "warehouseName": "临安GSP库",
+            "companyName": "浙江大冢制药有限公司",
+            "stateText": "待商务审批",
+            "bigAreaName": "西区"
+        },
+		{
+		    "saleid": 999833,
+		    "adddate": "2025-08-20 09:05:26",
+		    "contractcode": "Z-CQ-000120",
+		    "contractmoney": 5767.4700,
+		    "usernames": "重庆医药集团医贸药品有限公司",
+		    "businessManagerName": "商务经理名字-西区",
+		    "transport": "汽运",
+		    "areaName": "重庆",
+		    "warehouseName": "临安GSP库",
+		    "companyName": "浙江大冢制药有限公司",
+		    "stateText": "待商务审批",
+		    "bigAreaName": "西区"
+		},
+        {
+            "saleid": 166314,
+            "adddate": "2025-07-08 15:09:20",
+            "contractcode": "G-SC-40861",
+            "contractmoney": 109296.0000,
+            "usernames": "国药集团西南医药有限公司",
+            "transport": "汽运",
+            "areaName": "四川",
+            "warehouseName": "广东三方(上药)",
+            "companyName": "广东大冢制药有限公司",
+            "stateText": "待商务审批",
+            "bigAreaName": "西区"
+        }
+    ],
+    "code": 200,
+    "msg": "查询成功"
+};
\ No newline at end of file
diff --git a/pages/work/FinancialApproval/detail.vue b/pages/work/FinancialApproval/detail.vue
new file mode 100644
index 0000000..9783562
--- /dev/null
+++ b/pages/work/FinancialApproval/detail.vue
@@ -0,0 +1,34 @@
+<template>
+	<view class="container">
+		详情{{saleid}}
+	</view>
+</template>
+
+	<script setup>
+	import { ref, onMounted } from 'vue'
+	import { onLoad } from '@dcloudio/uni-app'
+	
+	const saleid = ref('')
+	
+	onLoad((options) => {
+	    if (options.saleid) {
+	        saleid.value = options.saleid
+	        // 这里可以根据saleid请求详情数据
+			console.log('加载合同详情，ID:', saleid.value)
+	        // loadContractDetail(saleid.value)
+	    }
+	})
+	
+	function loadContractDetail(id) {
+	    // 根据saleid请求详情数据的逻辑
+	    console.log('加载合同详情，ID:', id)
+	}
+	</script>
+
+<style scoped>
+	.container {
+		padding: 10px;
+		background-color: #f5f7fa;
+		min-height: 100vh;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/work/FinancialApproval/detailData.js b/pages/work/FinancialApproval/detailData.js
new file mode 100644
index 0000000..8653bc1
--- /dev/null
+++ b/pages/work/FinancialApproval/detailData.js
@@ -0,0 +1,69 @@
+// staticData.js
+export const contractData = {
+    "total": 2,
+    "data": [
+        {
+                    "saleid": 999822,
+                    "user_name": "重庆医药集团医贸药品有限公司",
+                    "phonenumber": "",
+                    "budgetmoney_area": 0.0000,
+                    "ispaynow": "非现款",
+                    "contractcode": "Z-CQ-000120",
+                    "piaokous": 5767.4700,
+                    "budgetmoney1": 0.0000,
+                    "CAN": 0.0000,
+                    "ContractMoney1": 0.00,
+                    "contractmoney": 5767.4700,
+                    "ContractMoney_area": 0.00,
+                    "CAN_area": 0.0000,
+                    "place": "重庆市沙坪坝区土主镇明珠山一支路4号",
+                    "piaokou": 0.0000,
+                    "dept_id": 1,
+                    "shortName": "重庆医贸",
+                    "adddate": "2025-08-20"
+                },
+		
+    ],
+    "code": 200,
+    "msg": "查询成功"
+};
+export const goodsData = 
+	{
+	    "msg": "操作成功",
+	    "code": 200,
+	    "data": [
+	        {
+	            "taxrate": 1.00,
+	            "mon3": 0.0000,
+	            "packingnum": 200,
+	            "invoiceprice": 46.8900,
+	            "goodsname": "盐酸丙卡特罗片(美普清)10",
+	            "piaokou": 0.0000,
+	            "goodsnum": 123,
+	            "allmoney": 5767.4700,
+	            "shortname": "MPT10"
+	        },
+			{
+			    "taxrate": 1.00,
+			    "mon3": 0.0000,
+			    "packingnum": 200,
+			    "invoiceprice": 46.8900,
+			    "goodsname": "诺氟沙星(美普清)10",
+			    "piaokou": 0.0000,
+			    "goodsnum": 123,
+			    "allmoney": 5767.4700,
+			    "shortname": "MPT10"
+			},
+			{
+			    "taxrate": 1.00,
+			    "mon3": 0.0000,
+			    "packingnum": 200,
+			    "invoiceprice": 46.8900,
+			    "goodsname": "盐酸宁干片(美普清)10",
+			    "piaokou": 0.0000,
+			    "goodsnum": 123,
+			    "allmoney": 5767.4700,
+			    "shortname": "MPT10"
+			}
+	    ]
+	}
diff --git a/pages/work/FinancialApproval/index.vue b/pages/work/FinancialApproval/index.vue
new file mode 100644
index 0000000..c05713e
--- /dev/null
+++ b/pages/work/FinancialApproval/index.vue
@@ -0,0 +1,186 @@
+<template>
+	<view class="container">
+		<view class="example">
+			<uni-forms ref="baseForm" :modelValue="baseFormData" label-width="20vw">
+				<uni-forms-item label="生产单位">
+					<uni-data-select
+						v-model="companyValue"
+						:localdata="companyOptions"
+						@change="filterContracts"
+					></uni-data-select>
+				</uni-forms-item>
+			</uni-forms>
+		</view>
+		
+		<view v-if="filteredContracts.length === 0" class="no-data">
+			<text>暂无匹配的合同数据</text>
+		</view>
+		
+		<view v-else>
+			<uni-card 
+				v-for="(contract, index) in filteredContracts" 
+				:key="contract.saleid" 
+				:title="contract.usernames" 
+				@click="gotoDetail(contract)"
+				:class="index % 2 === 0 ? 'card-even' : 'card-odd'"
+			>
+				<uni-row class="demo-uni-row">
+					<uni-col :span="12">
+						<view class="demo-uni-col dark">生产单位: {{ contract.companyName }}</view>
+					</uni-col>
+					<uni-col :span="12">
+						<view class="demo-uni-col light">合同编号: {{ contract.contractcode }}</view>
+					</uni-col>
+				</uni-row>
+				<uni-row class="demo-uni-row">
+					<uni-col :span="12">
+						<view class="demo-uni-col dark">制单日期: {{ formatDate(contract.adddate) }}</view>
+					</uni-col>
+					<uni-col :span="12">
+						<view class="demo-uni-col light">订单金额: {{ contract.contractmoney.toFixed(2) }}</view>
+					</uni-col>
+				</uni-row>
+				<uni-row class="demo-uni-row">
+					<uni-col :span="12">
+						<view class="demo-uni-col dark">状态: {{ contract.stateText }}</view>
+					</uni-col>
+					<uni-col :span="12">
+						<view class="demo-uni-col light">区域: {{ contract.areaName }}</view>
+					</uni-col>
+				</uni-row>
+			</uni-card>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	
+import { ref, reactive, onMounted, computed,getCurrentInstance } from "vue"
+import { contractData } from "./data.js" // 根据实际路径调整
+const { proxy } = getCurrentInstance()
+// 表单数据
+const baseFormData = ref({})
+const paymentValue = ref(0)
+const companyValue = ref(0)
+
+// 筛选选项
+const paymentOptions = ref([
+	{ value: 0, text: "全部支付方式" },
+	{ value: 1, text: "账期支付" },
+	{ value: 2, text: "预付款" }
+])
+
+const companyOptions = ref([
+	{ value: 0, text: "全部生产单位" },
+	{ value: 1, text: "浙江大冢制药有限公司" },
+	{ value: 2, text: "广东大冢制药有限公司" }
+])
+
+// 合同数据
+const contracts = ref([])
+
+// 过滤后的合同数据
+const filteredContracts = computed(() => {
+	let result = contracts.value
+	
+	// 根据生产单位筛选
+	if (companyValue.value === 1) {
+		result = result.filter(contract => contract.companyName.includes('浙江'))
+	} else if (companyValue.value === 2) {
+		result = result.filter(contract => contract.companyName.includes('广东'))
+	}
+	
+	// 可以根据支付方式添加更多筛选逻辑
+	
+	return result
+})
+
+// 初始化数据
+onMounted(() => {
+	contracts.value = contractData.rows
+})
+
+// 格式化日期
+function formatDate(dateString) {
+	if (!dateString) return '未知日期'
+	return dateString.split(' ')[0]
+}
+
+// 筛选合同
+function filterContracts(e) {
+	console.log("筛选条件变化:", e)
+	// 计算属性会自动更新，无需额外操作
+}
+
+// 跳转到详情页
+function gotoDetail(contract) {
+	console.log("查看合同详情:", contract)
+	// proxy.$tab.navigateTo('/pages/work/yonghu/detail')
+	// proxy.$tab.navigateTo(`/pages/work/yonghu/detail?saleid=${contract.saleid}`)
+	proxy.$tab.navigateTo('/pages/work/FinancialApproval/OrderDetail')
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+	padding: 10px;
+	background-color: #f5f7fa;
+	min-height: 100vh;
+}
+
+.example {
+	padding:  10px;
+	background: #fff;
+	border-radius: 8px;
+	margin-bottom: 15px;
+	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+
+:deep(.uni-section .uni-section-header) {
+	padding: 0;
+}
+
+:deep(.uni-card) {
+	padding: 0 !important;
+	margin: 10px 0 !important;
+	border-radius: 8px;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+:deep(.uni-card__content) {
+	padding: 12px !important;
+}
+
+.demo-uni-row {
+	padding: 5px 0;
+	font-size: 14px;
+}
+
+.demo-uni-col {
+	padding: 2px 0;
+	
+	&.dark {
+		color: #333;
+		font-weight: 500;
+	}
+	
+	&.light {
+		color: #666;
+	}
+}
+
+.card-even {
+	border-left: 4px solid #2979ff;
+}
+
+.card-odd {
+	border-left: 4px solid #19be6b;
+}
+
+.no-data {
+	text-align: center;
+	padding: 40px 0;
+	color: #999;
+	font-size: 16px;
+}
+</style>
\ No newline at end of file
diff --git a/pages/work/OrderApproval/OrderDetail.vue b/pages/work/OrderApproval/OrderDetail.vue
new file mode 100644
index 0000000..bcaf354
--- /dev/null
+++ b/pages/work/OrderApproval/OrderDetail.vue
@@ -0,0 +1,488 @@
+<template>
+ <view class="order-detail-container">
+    <!-- <view class="page-title">查看详细信息</view> -->
+
+    <!-- 基础信息区域 -->
+    <view class="info-section">
+      <uni-row class="info-grid">
+		  <uni-col >
+          <view class="label">商业公司: {{contract.user_name}} </view>
+		</uni-col>
+		
+		</uni-row>
+		<uni-row class="info-grid">
+			<uni-col :span="12">
+			  <view class="label">制单日期:{{ contract.adddate}}</view>
+			</uni-col>
+			<uni-col :span="12">
+			  <view class="label">合同编号:{{ contract.contractcode }}</view>
+			</uni-col>
+          </uni-row>
+		  <uni-row class="info-grid">
+		  	<uni-col :span="12">
+		  	  <view class="label">订单金额:{{ contract.contractmoney }}</view>
+		  	</uni-col>
+		  	<uni-col :span="12">
+		  	  <view class="label">补差金额:{{ contract.user_name }}</view>
+		  	</uni-col>
+		    </uni-row>
+
+			  <uni-row class="info-grid">
+			  	<uni-col :span="12">
+			  	  <view class="label">支付方式:{{ contract.ispaynow }}</view>
+			  	</uni-col>
+			  	<uni-col :span="12">
+			  	  <view class="label">联系方式:{{ contract.ispaynow }}</view>
+			  	</uni-col>
+			    </uni-row>
+				<uni-row class="info-grid">
+					<uni-col :span="12">
+					  <view class="label required">*执行月份:</view>
+					  <view class="select-container">
+					    <uni-data-select
+					      v-model="executionMonth"
+					      :localdata="monthOptions"
+					      popup-class="month-popup"
+					    ></uni-data-select>
+					  </view>
+					</uni-col>
+					<uni-col :span="12">
+					  <view class="label">折后订单金额:{{ contract.piaokous }}</view>
+					</uni-col>
+				  </uni-row>
+				<uni-row class="info-grid">
+					<uni-col :span="12">
+					  <view class="label">本月商务额度:{{ contract.contractmoney }}</view>
+					</uni-col>
+					<uni-col :span="12">
+					  <view class="label">本月商务可用:{{ contract.contractmoney }}</view>
+					</uni-col>
+				  </uni-row>
+				<uni-row class="info-grid">
+					<uni-col :span="12">
+					  <view class="label">本月大区额度:{{ contract.contractmoney }}</view>
+					</uni-col>
+					<uni-col :span="12">
+					  <view class="label">本月大区可用:{{ contract.contractmoney }}</view>
+					</uni-col>
+				  </uni-row>
+				  <uni-row class="info-grid">
+				  	<uni-col :span="12">
+					  <view class="label">收货地址:{{ contract.place }}</view>
+					</uni-col>
+				  	
+				    </uni-row>
+		
+	     
+      
+    </view>
+
+    <!-- 商品信息区域 -->
+    <view class="goods-section">
+      <view class="section-title">商品信息</view>
+      
+      <view v-if="goodsList.length === 0" class="no-data">
+        暂无商品数据
+      </view>
+
+      <view v-else class="goods-double-column">
+        <view 
+          v-for="(goods, index) in goodsList" 
+          :key="index" 
+          class="goods-item"
+        >
+          <view class="goods-header">
+            <text class="serial-number">{{ index + 1 }}</text>
+            <text class="goods-name">{{ goods.goodsname }}</text>
+          </view>
+          
+          <view class="goods-content">
+            <!-- 件装数和供应参考价在一行 -->
+            <uni-row class="info-row">
+              <uni-col :span="12" class="info-pair">
+                <view class="label">件装数:{{  goods.packingnum }}</view>
+                <!-- <view class="value">{{ goods.packCount }}</view> -->
+              </uni-col>
+              <uni-col :span="12" class="info-pair">
+                <view class="label">供应参考价:{{  goods.invoiceprice }}</view>
+                <!-- <view class="value">{{ goods.referencePrice }}</view> -->
+              </uni-col>
+            </uni-row>
+
+            <!-- 前三月平均数和采购数量在一行 -->
+            <uni-row class="info-row">
+              <uni-col :span="12" class="info-pair">
+                <view class="label">前三月平均数:{{ goods.mon3 }}</view>
+                <!-- <view class="value">{{ goods.average }}</view> -->
+              </uni-col>
+              <uni-col :span="12" class="info-pair">
+                <view class="label">采购数量:{{ goods.goodsnum }}</view>
+                <!-- <view class="value quantity">{{ goods.quantity }}</view> -->
+              </uni-col>
+            </uni-row>
+
+            <!-- 小计和使用票扣在一行 -->
+            <uni-row class="info-row">
+              <uni-col :span="12" class="info-pair">
+                <view class="label">小计:{{ goods.allmoney }}</view>
+                <!-- <view class="value total">{{ goods.subtotal }}</view> -->
+              </uni-col>
+              <uni-col :span="12" class="info-pair">
+                <view class="label">使用票扣:{{ goods.piaokou }}</view>
+                <!-- <view class="value">{{ goods.ticketDeduction }}</view> -->
+              </uni-col>
+            </uni-row>
+
+            <!-- 税率单独一行 -->
+            <uni-row class="info-row">
+              <uni-col :span="12" class="info-pair">
+                <view class="label">税率:{{ goods.taxrate }}</view>
+                <!-- <view class="value">{{ goods.taxRate }}</view> -->
+              </uni-col>
+              <uni-col :span="12" class="info-pair empty"></uni-col>
+            </uni-row>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 操作按钮 -->
+    <view class="action-buttons">
+      <button @click="goBack" class="btn btn-secondary">回退</button>
+      <button @click="review" class="btn btn-primary">审核</button>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { onMounted, ref } from 'vue'
+import { contractData,goodsData } from './detailData.js'
+
+// 基础信息
+const contract = ref({})
+
+const monthOptions = ref([
+  { value: 0, text: '本月执行' },
+  { value: 1, text: '下月执行' }
+])
+onMounted(()=>{
+	contract.value = contractData.data[0]
+	console.log(contract.value)
+	goodsList.value = goodsData.data
+	
+	
+})
+// 商品列表数据
+const goodsList = ref([
+  {
+    name: '商品A',
+    packCount: '12',
+    referencePrice: '88.00',
+    average: '150',
+    quantity: '1000',
+    subtotal: '88,000.00',
+    ticketDeduction: '是',
+    taxRate: '13%'
+  },
+  {
+    name: '商品B',
+    packCount: '24',
+    referencePrice: '18.00',
+    average: '800',
+    quantity: '1200',
+    subtotal: '21,600.00',
+    ticketDeduction: '否',
+    taxRate: '13%'
+  }
+])
+
+// 操作方法
+const goBack = () => {
+  console.log("回退操作")
+  // 成功提示 (类似 ElMessage.success)
+  uni.showToast({
+    title: '回退成功!',
+    icon: 'success',
+    duration: 2000
+  });
+}
+
+const review = () => {
+  console.log("审核操作")
+  // 成功提示 (类似 ElMessage.success)
+  uni.showToast({
+    title: '审核成功！',
+    icon: 'success',
+    duration: 2000
+  });
+}
+</script>
+
+<style lang="scss" scoped>
+.order-detail-container {
+  padding: 16px;
+  background-color: #f5f5f5;
+  min-height: 100vh;
+}
+
+.page-title {
+  text-align: center;
+  margin-bottom: 24px;
+  color: #333;
+  font-size: 18px;
+  font-weight: 600;
+  padding: 12px 0;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+/* 基础信息网格布局 */
+.info-section {
+  background: #fff;
+  border-radius: 12px;
+  padding: 16px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+.info-grid {
+  :deep(.uni-row) {
+    display: flex;
+    flex-wrap: wrap;
+	
+  }
+  .info-value {
+    font-size: 15px;
+    color: #333;
+    font-weight: 500;
+     display: flex;
+     justify-content: flex-end;
+    
+  }
+  
+  margin-bottom: 20rpx;
+  margin-top: 20rpx;
+}
+
+.info-item {
+  margin-bottom: 12px;
+}
+
+.label {
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 4px;
+  font-weight: 500;
+}
+
+.required::after {
+  content: '*';
+  color: #f56c6c;
+  margin-left: 2px;
+}
+
+// .info-value {
+//   font-size: 15px;
+//   color: #333;
+//   font-weight: 500;
+//   display: flex;
+//   justify-content: flex-end;
+  
+// }
+
+.amount {
+  color: #f56c6c;
+  font-weight: 600;
+}
+
+.select-container {
+  width: 100%;
+}
+
+:deep(.uni-data-select__text) {
+  padding: 8px 12px;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  background-color: #fff;
+}
+
+:deep(.month-popup) {
+  min-width: 120px;
+}
+
+/* 商品信息区域 */
+.goods-section {
+  background: #fff;
+  border-radius: 12px;
+  padding: 16px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+.section-title {
+  font-size: 16px;
+  color: #333;
+  margin: 0 0 16px 0;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #eee;
+  font-weight: 600;
+}
+
+.no-data {
+  text-align: center;
+  color: #999;
+  padding: 40px 0;
+  font-size: 14px;
+}
+
+/* 商品双栏布局 */
+.goods-double-column {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.goods-item {
+  border: 1px solid #eee;
+  border-radius: 12px;
+  overflow: hidden;
+  background: #fafafa;
+}
+
+.goods-header {
+  background: #409eff;
+  color: white;
+  padding: 10px 16px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.serial-number {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  background: rgba(255,255,255,0.2);
+  border-radius: 50%;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.goods-name {
+  font-size: 15px;
+  font-weight: 600;
+  flex: 1;
+}
+
+/* 商品内容区域 */
+.goods-content {
+  padding: 12px 16px;
+}
+
+.info-row {
+  display: flex;
+  margin-bottom: 8px;
+}
+
+.info-pair {
+  flex: 1;
+  padding: 0 8px;
+}
+
+.info-pair .label {
+  font-size: 14px;
+  color: #666;
+  margin-bottom: 2px;
+}
+
+.info-pair .value {
+  font-size: 14px;
+  color: #333;
+  font-weight: 500;
+  text-align: right;
+}
+
+.quantity {
+  color: #409eff;
+  font-weight: 600;
+}
+
+.total {
+  color: #f56c6c;
+  font-weight: 600;
+}
+
+.empty {
+  visibility: hidden;
+}
+
+/* 操作按钮 */
+.action-buttons {
+  display: flex;
+  justify-content: center;
+  gap: 12px;
+  padding: 16px 0;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+.btn {
+  padding: 12px 24px;
+  border: none;
+  border-radius: 8px;
+  font-size: 15px;
+  font-weight: 500;
+  cursor: pointer;
+  min-width: 80px;
+  text-align: center;
+  flex: 1;
+}
+
+.btn-primary {
+  background: #409eff;
+  color: white;
+}
+
+.btn-secondary {
+  background: #67c23a;
+  color: white;
+}
+
+.btn-outline {
+  background: #fff;
+  color: #333;
+  border: 1px solid #ddd;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .order-detail-container {
+    padding: 12px;
+  }
+
+  .info-item {
+    margin-bottom: 10px;
+  }
+
+  .info-pair {
+    padding: 0 4px;
+  }
+
+  .action-buttons {
+    flex-direction: column;
+  }
+
+  .btn {
+    width: 100%;
+    margin-bottom: 8px;
+  }
+
+  .btn:last-child {
+    margin-bottom: 0;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/work/OrderApproval/data.js b/pages/work/OrderApproval/data.js
new file mode 100644
index 0000000..2464c2a
--- /dev/null
+++ b/pages/work/OrderApproval/data.js
@@ -0,0 +1,49 @@
+// staticData.js
+export const contractData = {
+    "total": 2,
+    "rows": [
+        {
+            "saleid": 999822,
+            "adddate": "2025-08-20 09:05:26",
+            "contractcode": "Z-CQ-000120",
+            "contractmoney": 5767.4700,
+            "usernames": "重庆医药集团医贸药品有限公司",
+            "businessManagerName": "商务经理名字-西区",
+            "transport": "汽运",
+            "areaName": "重庆",
+            "warehouseName": "临安GSP库",
+            "companyName": "浙江大冢制药有限公司",
+            "stateText": "待商务审批",
+            "bigAreaName": "西区"
+        },
+		{
+		    "saleid": 999833,
+		    "adddate": "2025-08-20 09:05:26",
+		    "contractcode": "Z-CQ-000120",
+		    "contractmoney": 5767.4700,
+		    "usernames": "重庆医药集团医贸药品有限公司",
+		    "businessManagerName": "商务经理名字-西区",
+		    "transport": "汽运",
+		    "areaName": "重庆",
+		    "warehouseName": "临安GSP库",
+		    "companyName": "浙江大冢制药有限公司",
+		    "stateText": "待商务审批",
+		    "bigAreaName": "西区"
+		},
+        {
+            "saleid": 166314,
+            "adddate": "2025-07-08 15:09:20",
+            "contractcode": "G-SC-40861",
+            "contractmoney": 109296.0000,
+            "usernames": "国药集团西南医药有限公司",
+            "transport": "汽运",
+            "areaName": "四川",
+            "warehouseName": "广东三方(上药)",
+            "companyName": "广东大冢制药有限公司",
+            "stateText": "待商务审批",
+            "bigAreaName": "西区"
+        }
+    ],
+    "code": 200,
+    "msg": "查询成功"
+};
\ No newline at end of file
diff --git a/pages/work/OrderApproval/detail.vue b/pages/work/OrderApproval/detail.vue
new file mode 100644
index 0000000..9783562
--- /dev/null
+++ b/pages/work/OrderApproval/detail.vue
@@ -0,0 +1,34 @@
+<template>
+	<view class="container">
+		详情{{saleid}}
+	</view>
+</template>
+
+	<script setup>
+	import { ref, onMounted } from 'vue'
+	import { onLoad } from '@dcloudio/uni-app'
+	
+	const saleid = ref('')
+	
+	onLoad((options) => {
+	    if (options.saleid) {
+	        saleid.value = options.saleid
+	        // 这里可以根据saleid请求详情数据
+			console.log('加载合同详情，ID:', saleid.value)
+	        // loadContractDetail(saleid.value)
+	    }
+	})
+	
+	function loadContractDetail(id) {
+	    // 根据saleid请求详情数据的逻辑
+	    console.log('加载合同详情，ID:', id)
+	}
+	</script>
+
+<style scoped>
+	.container {
+		padding: 10px;
+		background-color: #f5f7fa;
+		min-height: 100vh;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/work/OrderApproval/detailData.js b/pages/work/OrderApproval/detailData.js
new file mode 100644
index 0000000..8653bc1
--- /dev/null
+++ b/pages/work/OrderApproval/detailData.js
@@ -0,0 +1,69 @@
+// staticData.js
+export const contractData = {
+    "total": 2,
+    "data": [
+        {
+                    "saleid": 999822,
+                    "user_name": "重庆医药集团医贸药品有限公司",
+                    "phonenumber": "",
+                    "budgetmoney_area": 0.0000,
+                    "ispaynow": "非现款",
+                    "contractcode": "Z-CQ-000120",
+                    "piaokous": 5767.4700,
+                    "budgetmoney1": 0.0000,
+                    "CAN": 0.0000,
+                    "ContractMoney1": 0.00,
+                    "contractmoney": 5767.4700,
+                    "ContractMoney_area": 0.00,
+                    "CAN_area": 0.0000,
+                    "place": "重庆市沙坪坝区土主镇明珠山一支路4号",
+                    "piaokou": 0.0000,
+                    "dept_id": 1,
+                    "shortName": "重庆医贸",
+                    "adddate": "2025-08-20"
+                },
+		
+    ],
+    "code": 200,
+    "msg": "查询成功"
+};
+export const goodsData = 
+	{
+	    "msg": "操作成功",
+	    "code": 200,
+	    "data": [
+	        {
+	            "taxrate": 1.00,
+	            "mon3": 0.0000,
+	            "packingnum": 200,
+	            "invoiceprice": 46.8900,
+	            "goodsname": "盐酸丙卡特罗片(美普清)10",
+	            "piaokou": 0.0000,
+	            "goodsnum": 123,
+	            "allmoney": 5767.4700,
+	            "shortname": "MPT10"
+	        },
+			{
+			    "taxrate": 1.00,
+			    "mon3": 0.0000,
+			    "packingnum": 200,
+			    "invoiceprice": 46.8900,
+			    "goodsname": "诺氟沙星(美普清)10",
+			    "piaokou": 0.0000,
+			    "goodsnum": 123,
+			    "allmoney": 5767.4700,
+			    "shortname": "MPT10"
+			},
+			{
+			    "taxrate": 1.00,
+			    "mon3": 0.0000,
+			    "packingnum": 200,
+			    "invoiceprice": 46.8900,
+			    "goodsname": "盐酸宁干片(美普清)10",
+			    "piaokou": 0.0000,
+			    "goodsnum": 123,
+			    "allmoney": 5767.4700,
+			    "shortname": "MPT10"
+			}
+	    ]
+	}
diff --git a/pages/work/OrderApproval/index.vue b/pages/work/OrderApproval/index.vue
new file mode 100644
index 0000000..44427f4
--- /dev/null
+++ b/pages/work/OrderApproval/index.vue
@@ -0,0 +1,206 @@
+<template>
+	<view class="container">
+		<view class="example">
+			<uni-forms ref="baseForm" :modelValue="baseFormData" label-width="20vw">
+				
+				<uni-forms-item label="生产单位">
+					<uni-data-select
+						v-model="companyValue"
+						:localdata="companyOptions"
+						@change="filterContracts"
+					></uni-data-select>
+				</uni-forms-item>
+				<uni-forms-item label="仓库">
+					<uni-data-select
+						v-model="paymentValue"
+						:localdata="warehouseList"
+						@change="filterContracts"
+					></uni-data-select>
+				</uni-forms-item>
+				<uni-forms-item label="大区">
+					<uni-data-select
+						v-model="paymentValue"
+						:localdata="areaList"
+						@change="filterContracts"
+					></uni-data-select>
+				</uni-forms-item>
+			</uni-forms>
+		</view>
+		
+		<view v-if="filteredContracts.length === 0" class="no-data">
+			<text>暂无匹配的合同数据</text>
+		</view>
+		
+		<view v-else>
+			<uni-card 
+				v-for="(contract, index) in filteredContracts" 
+				:key="contract.saleid" 
+				:title="contract.usernames" 
+				@click="gotoDetail(contract)"
+				:class="index % 2 === 0 ? 'card-even' : 'card-odd'"
+			>
+				<uni-row class="demo-uni-row">
+					<uni-col :span="12">
+						<view class="demo-uni-col dark">生产单位: {{ contract.companyName }}</view>
+					</uni-col>
+					<uni-col :span="12">
+						<view class="demo-uni-col light">合同编号: {{ contract.contractcode }}</view>
+					</uni-col>
+				</uni-row>
+				<uni-row class="demo-uni-row">
+					<uni-col :span="12">
+						<view class="demo-uni-col dark">制单日期: {{ formatDate(contract.adddate) }}</view>
+					</uni-col>
+					<uni-col :span="12">
+						<view class="demo-uni-col light">订单金额: {{ contract.contractmoney.toFixed(2) }}</view>
+					</uni-col>
+				</uni-row>
+				<uni-row class="demo-uni-row">
+					<uni-col :span="12">
+						<view class="demo-uni-col dark">状态: {{ contract.stateText }}</view>
+					</uni-col>
+					<uni-col :span="12">
+						<view class="demo-uni-col light">区域: {{ contract.areaName }}</view>
+					</uni-col>
+				</uni-row>
+			</uni-card>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	
+import { ref, reactive, onMounted, computed,getCurrentInstance } from "vue"
+import { contractData } from "./data.js" // 根据实际路径调整
+const { proxy } = getCurrentInstance()
+// 表单数据
+const baseFormData = ref({})
+const paymentValue = ref(0)
+const companyValue = ref(0)
+
+// 筛选选项
+const warehouseList = ref([
+	{ value: 0, text: "广东直发" },
+	{ value: 1, text: "四川直发" },
+	{ value: 2, text: "浙江直发" }
+])
+const areaList = ref([
+	{ value: 0, text: "南区" },
+	{ value: 1, text: "北区" },
+	{ value: 2, text: "东区" },
+	{ value: 3, text: "西区" }
+])
+const companyOptions = ref([
+	{ value: 0, text: "全部生产单位" },
+	{ value: 1, text: "浙江大冢制药有限公司" },
+	{ value: 2, text: "广东大冢制药有限公司" }
+])
+
+// 合同数据
+const contracts = ref([])
+
+// 过滤后的合同数据
+const filteredContracts = computed(() => {
+	let result = contracts.value
+	
+	// 根据生产单位筛选
+	if (companyValue.value === 1) {
+		result = result.filter(contract => contract.companyName.includes('浙江'))
+	} else if (companyValue.value === 2) {
+		result = result.filter(contract => contract.companyName.includes('广东'))
+	}
+	
+	// 可以根据支付方式添加更多筛选逻辑
+	
+	return result
+})
+
+// 初始化数据
+onMounted(() => {
+	contracts.value = contractData.rows
+})
+
+// 格式化日期
+function formatDate(dateString) {
+	if (!dateString) return '未知日期'
+	return dateString.split(' ')[0]
+}
+
+// 筛选合同
+function filterContracts(e) {
+	console.log("筛选条件变化:", e)
+	// 计算属性会自动更新，无需额外操作
+}
+
+// 跳转到详情页
+function gotoDetail(contract) {
+	console.log("查看合同详情:", contract)
+	// proxy.$tab.navigateTo('/pages/work/yonghu/detail')
+	// proxy.$tab.navigateTo(`/pages/work/yonghu/detail?saleid=${contract.saleid}`)
+	proxy.$tab.navigateTo('/pages/work/OrderApproval/OrderDetail')
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+	padding: 10px;
+	background-color: #f5f7fa;
+	min-height: 100vh;
+}
+
+.example {
+	padding:  10px;
+	background: #fff;
+	border-radius: 8px;
+	margin-bottom: 15px;
+	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+
+:deep(.uni-section .uni-section-header) {
+	padding: 0;
+}
+
+:deep(.uni-card) {
+	padding: 0 !important;
+	margin: 10px 0 !important;
+	border-radius: 8px;
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+
+:deep(.uni-card__content) {
+	padding: 12px !important;
+}
+
+.demo-uni-row {
+	padding: 5px 0;
+	font-size: 14px;
+}
+
+.demo-uni-col {
+	padding: 2px 0;
+	
+	&.dark {
+		color: #333;
+		font-weight: 500;
+	}
+	
+	&.light {
+		color: #666;
+	}
+}
+
+.card-even {
+	border-left: 4px solid #2979ff;
+}
+
+.card-odd {
+	border-left: 4px solid #19be6b;
+}
+
+.no-data {
+	text-align: center;
+	padding: 40px 0;
+	color: #999;
+	font-size: 16px;
+}
+</style>
\ No newline at end of file
diff --git a/pages/work/index.vue b/pages/work/index.vue
index eb94c39..5480bdc 100644
--- a/pages/work/index.vue
+++ b/pages/work/index.vue
@@ -15,12 +15,24 @@
     <uni-section title="系统管理" type="line"></uni-section>
     <view class="grid-body">
       <uni-grid :column="4" :showBorder="false" @change="changeGrid">
-        <uni-grid-item @click="gotoshangwu">
+        <uni-grid-item @click="gotoBusiness">
           <view class="grid-item-box" >
             <uni-icons type="person-filled" size="30"></uni-icons>
             <text class="text">商务审批</text>
           </view>
         </uni-grid-item>
+		<uni-grid-item @click="gotoFinalcial">
+		  <view class="grid-item-box" >
+		    <uni-icons type="person-filled" size="30"></uni-icons>
+		    <text class="text">财务审批</text>
+		  </view>
+		</uni-grid-item>
+		<uni-grid-item @click="gotoOrder">
+		  <view class="grid-item-box" >
+		    <uni-icons type="person-filled" size="30"></uni-icons>
+		    <text class="text">订单审核</text>
+		  </view>
+		</uni-grid-item>
         <uni-grid-item>
           <view class="grid-item-box">
             <uni-icons type="staff-filled" size="30"></uni-icons>
@@ -94,9 +106,23 @@
     // proxy.$modal.showToast('模块建设中~')
   }
   
-  function gotoshangwu(e) {
-	  proxy.$tab.navigateTo('/pages/work/yonghu/index')
+	  
+  const gotoBusiness = () =>{
+	 uni.navigateTo({
+	 	url:'/pages/work/BusinessApproval/index'
+	 })
   }
+  const gotoFinalcial = () =>{
+  	 uni.navigateTo({
+  	 	url:'/pages/work/FinancialApproval/index'
+  	 })
+  }
+  const gotoOrder = () =>{
+  	 uni.navigateTo({
+  	 	url:'/pages/work/OrderApproval/index'
+  	 })
+  }
+  
 </script>
 
 <style lang="scss" scoped>