diff --git a/pages/process/order-info/index.wxml b/pages/process/order-info/index.wxml
index 1ad184c..becefd9 100644
--- a/pages/process/order-info/index.wxml
+++ b/pages/process/order-info/index.wxml
@@ -1,5 +1,6 @@
 <!--pages/process/order-check/index.wxml-->
 <wxs module="formate" src="../../formate.wxs"></wxs>
+<import src="../template/index.wxml" />
 <cu-custom bgColor="bg-white" isBack="{{true}}">
   <view slot="content">{{title}}</view>
 </cu-custom>
@@ -36,79 +37,7 @@
     <image style="height:42rpx;width:42rpx" src="/assets/image/icon_close.png"></image>
     <view class="text-white text-sg" style="margin-left:12rpx">已关闭</view>
   </view>
-  <view wx:if="{{true}}">
-    <view class="flex flex-column bg-white" style="height:240rpx;align-items: center">
-      <view class="text-black text-sg" style="margin-top:36rpx">付款金额(元)</view>
-      <view class="text-black text-sl text-bold" style="margin-top:16rpx">{{formate.formateAmount(2000, 2)}}</view>
-    </view>
-    <view class="flex flex-justify bg-white" style="padding: 24rpx 32rpx;border-bottom:1rpx solid #f3f3f3">
-      <view class="flex flex-center">
-        <view style="height:24rpx;width:6rpx;background-image: linear-gradient(180deg, #007AFF 0%, #027BFF 15%, #5AABFF 45%, #CAF4FE 100%);"></view>
-        <view class="text-black text-sg text-bold" style="margin-left: 12rpx">代收结算信息</view>
-      </view>
-      <view class="text-sg" style="margin-left:12rpx">已关闭</view>
-    </view>
-    <van-cell>
-      <view slot="title" class="flex flex-justify">
-        <view class="text-black">结算方式</view>
-        <view class="text-gray">固定金额</view>
-      </view>
-    </van-cell>
-    <van-cell>
-      <view slot="title" class="flex flex-justify">
-        <view class="text-black">账期(天)</view>
-        <view class="text-gray">8</view>
-      </view>
-    </van-cell>
-    <van-cell>
-      <view slot="title" class="flex flex-justify">
-        <view class="text-black">账期结算单价(元/吨)</view>
-        <view class="text-gray">固定金额</view>
-      </view>
-    </van-cell>
-    <van-cell>
-      <view slot="title" class="flex flex-justify">
-        <view class="text-black">账期费用(元)</view>
-        <view class="text-gray">固定金额</view>
-      </view>
-    </van-cell>
-    <van-cell>
-      <view slot="title" class="flex flex-justify">
-        <view class="text-black">逾期结算单价(元/吨)</view>
-        <view class="text-gray">固定金额</view>
-      </view>
-    </van-cell>
-    <van-cell>
-      <view slot="title" class="flex flex-justify">
-        <view class="text-black">逾期天数(天)</view>
-        <view class="text-gray">8</view>
-      </view>
-    </van-cell>
-    <van-cell>
-      <view slot="title" class="flex flex-justify">
-        <view class="text-black">逾期金额(元)</view>
-        <view class="text-gray">固定金额</view>
-      </view>
-    </van-cell>
-    <van-cell>
-      <view slot="title" class="flex flex-justify">
-        <view class="text-black">订单金额(元)</view>
-        <view class="text-gray">固定金额</view>
-      </view>
-    </van-cell>
-    <van-cell>
-      <view slot="title" class="flex flex-justify">
-        <view class="text-black">应付总金额(元)</view>
-        <view class="text-gray">固定金额</view>
-      </view>
-    </van-cell>
-    <view style="height:16rpx"></view>
-    <view class="flex flex-center bg-white" style="justify-content: flex-start;padding: 24rpx 32rpx;border-bottom:1rpx solid #f3f3f3">
-      <view style="height:24rpx;width:6rpx;background-image: linear-gradient(180deg, #007AFF 0%, #027BFF 15%, #5AABFF 45%, #CAF4FE 100%);"></view>
-      <view class="text-black text-sg text-bold" style="margin-left: 12rpx">磅单信息</view>
-    </view>
-  </view>
-
+  <template is="agent-info" data="{{form}}" wx:if="{{true}}"></template>
   <van-cell>
     <view slot="title" class="flex flex-justify">
       <view class="text-black">客户姓名</view>
diff --git a/pages/process/template/index.js b/pages/process/template/index.js
new file mode 100644
index 0000000..70d8315
--- /dev/null
+++ b/pages/process/template/index.js
@@ -0,0 +1 @@
+// pages/index/index.js
\ No newline at end of file
diff --git a/pages/process/template/index.json b/pages/process/template/index.json
new file mode 100644
index 0000000..aa3412e
--- /dev/null
+++ b/pages/process/template/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-cell": "/components/cell/index"
+  }
+}
\ No newline at end of file
diff --git a/pages/process/template/index.wxml b/pages/process/template/index.wxml
new file mode 100644
index 0000000..885c81b
--- /dev/null
+++ b/pages/process/template/index.wxml
@@ -0,0 +1,79 @@
+<!--pages/process/index.wxml-->
+<wxs module="formate" src="../../formate.wxs"></wxs>
+<template name="agent-info">
+  <view class="flex flex-column bg-white" style="height:240rpx;align-items: center">
+    <view class="text-black text-sg" style="margin-top:36rpx">付款金额(元)</view>
+    <view class="text-black text-sl text-bold" style="margin-top:16rpx">{{formate.formateAmount(2000, 2)}}</view>
+  </view>
+  <view class="flex flex-justify bg-white" style="padding: 24rpx 32rpx;border-bottom:1rpx solid #f3f3f3">
+    <view class="flex flex-center">
+      <view
+        style="height:24rpx;width:6rpx;background-image: linear-gradient(180deg, #007AFF 0%, #027BFF 15%, #5AABFF 45%, #CAF4FE 100%);">
+      </view>
+      <view class="text-black text-sg text-bold" style="margin-left: 12rpx">代收结算信息</view>
+    </view>
+    <view class="text-sg" style="margin-left:12rpx">已关闭</view>
+  </view>
+  <van-cell>
+    <view slot="title" class="flex flex-justify">
+      <view class="text-black">结算方式</view>
+      <view class="text-gray">固定金额</view>
+    </view>
+  </van-cell>
+  <van-cell>
+    <view slot="title" class="flex flex-justify">
+      <view class="text-black">账期(天)</view>
+      <view class="text-gray">8</view>
+    </view>
+  </van-cell>
+  <van-cell>
+    <view slot="title" class="flex flex-justify">
+      <view class="text-black">账期结算单价(元/吨)</view>
+      <view class="text-gray">固定金额</view>
+    </view>
+  </van-cell>
+  <van-cell>
+    <view slot="title" class="flex flex-justify">
+      <view class="text-black">账期费用(元)</view>
+      <view class="text-gray">固定金额</view>
+    </view>
+  </van-cell>
+  <van-cell>
+    <view slot="title" class="flex flex-justify">
+      <view class="text-black">逾期结算单价(元/吨)</view>
+      <view class="text-gray">固定金额</view>
+    </view>
+  </van-cell>
+  <van-cell>
+    <view slot="title" class="flex flex-justify">
+      <view class="text-black">逾期天数(天)</view>
+      <view class="text-gray">8</view>
+    </view>
+  </van-cell>
+  <van-cell>
+    <view slot="title" class="flex flex-justify">
+      <view class="text-black">逾期金额(元)</view>
+      <view class="text-gray">固定金额</view>
+    </view>
+  </van-cell>
+  <van-cell>
+    <view slot="title" class="flex flex-justify">
+      <view class="text-black">订单金额(元)</view>
+      <view class="text-gray">固定金额</view>
+    </view>
+  </van-cell>
+  <van-cell>
+    <view slot="title" class="flex flex-justify">
+      <view class="text-black">应付总金额(元)</view>
+      <view class="text-gray">固定金额</view>
+    </view>
+  </van-cell>
+  <view style="height:16rpx"></view>
+  <view class="flex flex-center bg-white"
+    style="justify-content: flex-start;padding: 24rpx 32rpx;border-bottom:1rpx solid #f3f3f3">
+    <view
+      style="height:24rpx;width:6rpx;background-image: linear-gradient(180deg, #007AFF 0%, #027BFF 15%, #5AABFF 45%, #CAF4FE 100%);">
+    </view>
+    <view class="text-black text-sg text-bold" style="margin-left: 12rpx">磅单信息</view>
+  </view>
+</template>
\ No newline at end of file
diff --git a/pages/process/template/index.wxss b/pages/process/template/index.wxss
new file mode 100644
index 0000000..8e9c81f
--- /dev/null
+++ b/pages/process/template/index.wxss
@@ -0,0 +1 @@
+/* pages/index/index.wxss */
\ No newline at end of file