diff --git a/sub-government-affairs-service/src/apis/productOperateMain.js b/sub-government-affairs-service/src/apis/productOperateMain.js
index 02370da..7c6089f 100644
--- a/sub-government-affairs-service/src/apis/productOperateMain.js
+++ b/sub-government-affairs-service/src/apis/productOperateMain.js
@@ -3,23 +3,31 @@ import request from '@/utils/axios';
 
 /* 经营主体相关 */
 export function getBuinessList(params = {}) {
-  return request('land-resource/business/businessPage', {
+  return request('/product-business/business/businessPage', {
     method: 'GET',
     params,
   });
 }
 
 export function saveBuiness(data = {}) {
-  return request('land-resource/business/businessSave', {
+  return request('/product-business/business/businessSave', {
     method: 'POST',
     data,
   });
 }
 
 export function editBuiness(data = {}) {
-  return request('/land-resource/business/businessEdit', {
+  return request('/product-business/business/businessEdit', {
     method: 'POST',
     data,
   });
 }
+
+export function delBuiness(params = {}) {
+  return request('/product-businesse/business/deleteBusiness', {
+    method: 'DELETE',
+    params,
+  });
+}
+
 // #endregion
diff --git a/sub-government-affairs-service/src/router/modules/productOperateMain.js b/sub-government-affairs-service/src/router/modules/productOperateMain.js
index 99cdfbb..ef0591b 100644
--- a/sub-government-affairs-service/src/router/modules/productOperateMain.js
+++ b/sub-government-affairs-service/src/router/modules/productOperateMain.js
@@ -15,29 +15,35 @@ export default [
         meta: { title: '数据可视化管理', icon: 'Document' },
       },
       {
-        path: '/sub-government-affairs-service/individual',
-        component: () => import('@/views/productOperateMain/individual/index.vue'),
-        name: 'individual',
-        meta: { title: '个体户', icon: 'Document' },
-      },
-      {
-        path: '/sub-government-affairs-service/collective',
-        component: () => import('@/views/productOperateMain/collective/index.vue'),
-        name: 'collective',
-        meta: { title: '村集体', icon: 'Document' },
-      },
-      {
-        path: '/sub-government-affairs-service/coop',
-        component: () => import('@/views/productOperateMain/coOp/index.vue'),
-        name: 'coop',
-        meta: { title: '合作社', icon: 'Document' },
-      },
-      {
-        path: '/sub-government-affairs-service/enterprise',
-        component: () => import('@/views/productOperateMain/enterprise/index.vue'),
-        name: 'enterprise',
-        meta: { title: '经营企业', icon: 'Document' },
+        path: '/sub-government-affairs-service/businessEntity',
+        component: () => import('@/views/productOperateMain/businessEntity/index.vue'),
+        name: 'businessEntity',
+        meta: { title: '经营主体', icon: 'Document' },
       },
+      // {
+      //   path: '/sub-government-affairs-service/individual',
+      //   component: () => import('@/views/productOperateMain/individual/index.vue'),
+      //   name: 'individual',
+      //   meta: { title: '个体户', icon: 'Document' },
+      // },
+      // {
+      //   path: '/sub-government-affairs-service/collective',
+      //   component: () => import('@/views/productOperateMain/collective/index.vue'),
+      //   name: 'collective',
+      //   meta: { title: '村集体', icon: 'Document' },
+      // },
+      // {
+      //   path: '/sub-government-affairs-service/coop',
+      //   component: () => import('@/views/productOperateMain/coOp/index.vue'),
+      //   name: 'coop',
+      //   meta: { title: '合作社', icon: 'Document' },
+      // },
+      // {
+      //   path: '/sub-government-affairs-service/enterprise',
+      //   component: () => import('@/views/productOperateMain/enterprise/index.vue'),
+      //   name: 'enterprise',
+      //   meta: { title: '经营企业', icon: 'Document' },
+      // },
       {
         path: '/sub-government-affairs-service/examineList',
         component: () => import('@/views/productOperateMain/examine/list.vue'),
diff --git a/sub-government-affairs-service/src/views/productOperateMain/businessEntity/index.vue b/sub-government-affairs-service/src/views/productOperateMain/businessEntity/index.vue
new file mode 100644
index 0000000..a67d631
--- /dev/null
+++ b/sub-government-affairs-service/src/views/productOperateMain/businessEntity/index.vue
@@ -0,0 +1,488 @@
+<template>
+  <div class="custom-page">
+    <avue-crud
+      ref="crudRef"
+      v-model="state.form"
+      v-model:search="searchCondition"
+      v-model:page="pageData"
+      :table-loading="state.loading"
+      :data="state.data"
+      :option="state.options"
+      @refresh-change="loadData"
+      @search-reset="
+        () => {
+          loadData(1);
+        }
+      "
+      @search-change="
+        (form, done) => {
+          loadData(1);
+          done();
+        }
+      "
+      @selection-change="selectionChange"
+      @current-change="loadData"
+      @size-change="loadData"
+      @row-save="rowSave"
+      @row-update="rowUpdate"
+      @row-del="rowDel"
+    >
+      <template #menu-left>
+        <!-- <el-button type="primary" icon="Upload" @click="onImport">导入</el-button> -->
+        <el-button type="danger" icon="Delete" @click="onBatchDel">批量删除</el-button>
+      </template>
+      <template #status="{ row }">
+        <el-tag v-if="row.status == '0'" type="warning" size="small">待审核</el-tag>
+        <el-tag v-if="row.status == '1'" type="success" size="small">通过</el-tag>
+        <el-tag v-if="row.status == '2'" type="danger" size="small">拒绝</el-tag>
+      </template>
+      <template #menu="scope">
+        <custom-table-operate :actions="state.options.actions" :data="scope" />
+      </template>
+    </avue-crud>
+  </div>
+</template>
+<script setup>
+import { reactive, ref } from 'vue';
+import { useApp } from '@/hooks';
+import { CRUD_OPTIONS, pageData } from '@/config';
+import { isEmpty, downloadFile } from '@/utils';
+import { useUserStore } from '@/store/modules/user';
+
+import { getBuinessList, saveBuiness, editBuiness, delBuiness } from '@/apis/productOperateMain';
+
+const { VITE_APP_BASE_API } = import.meta.env;
+const app = useApp();
+const UserStore = useUserStore();
+const crudRef = ref(null);
+
+let timeVal = ref([]);
+const searchCondition = ref({
+  businessType: '',
+  businessId: '',
+  productType: '', //产品类型
+  createStartTime: '',
+  createEndTime: '',
+  primaryProduct: '',
+});
+
+const labelProp = ref({});
+const state = reactive({
+  loading: false,
+  form: {},
+  selection: [],
+  options: {
+    ...CRUD_OPTIONS,
+    addBtnText: '添加',
+    searchLabelWidth: '150px',
+    searchGutter: 100,
+    searchSpan: 8,
+    searchMenuPosition: 'center',
+    column: [
+      {
+        label: '主体类型',
+        prop: 'businessType',
+        type: 'radio',
+        search: true,
+        width: '80px',
+        ellipsis: true,
+        showOverflowTooltip: true,
+        span: 24,
+        props: {
+          label: 'dictLabel',
+          value: 'dictValue',
+        },
+        dicUrl: `${VITE_APP_BASE_API}/system/dict/data/list?dictType=sys_business_type&current=1&size=10`,
+        dicHeaders: {
+          authorization: UserStore.token,
+        },
+        dicFormatter: (res) => res.data.records ?? [],
+        rules: { required: true, message: '请选择', trigger: 'blur' },
+      },
+      {
+        label: '主体代码',
+        prop: 'id',
+        width: '120px',
+        ellipsis: true,
+        showOverflowTooltip: true,
+        addDisplay: false,
+        editDisplay: false,
+        search: true,
+        rules: { required: true, message: '请输入', trigger: 'blur' },
+      },
+      {
+        label: '主体名称',
+        prop: 'businessName',
+        width: '160px',
+        ellipsis: true,
+        showOverflowTooltip: true,
+        search: true,
+        rules: { required: true, message: '请输入', trigger: 'blur' },
+      },
+      {
+        label: '经营产品种类',
+        prop: 'productType',
+        type: 'select',
+        width: '120px',
+        remote: false,
+        search: true,
+        props: {
+          label: 'dictLabel',
+          value: 'dictValue',
+        },
+        dicUrl: `${VITE_APP_BASE_API}/system/dict/data/list`,
+        dicQuery: {
+          dictType: 'sys_business_product_type',
+          current: 1,
+          size: 100,
+        },
+        dicHeaders: {
+          authorization: UserStore.token,
+        },
+        dicFormatter: (res) => res.data.records ?? [],
+        rules: [{ required: true, message: '请选择', trigger: 'blur' }],
+      },
+      {
+        label: '主要经营产品',
+        prop: 'primaryProduct',
+        width: '120px',
+        showOverflowTooltip: true,
+        search: false,
+        rules: {
+          required: true,
+          message: '请输入',
+          trigger: 'blur',
+        },
+      },
+      {
+        label: '统一信用代码/证件号码',
+        prop: 'idCard',
+        search: false,
+        width: '200px',
+        labelWidth: '160px',
+        rules: { required: true, message: '请输入', trigger: 'blur' },
+      },
+      {
+        label: '联系地址',
+        prop: 'addressCode',
+        type: 'cascader',
+        checkStrictly: false,
+        width: '200px',
+        ellipsis: true,
+        showOverflowTooltip: true,
+        addDisplay: true,
+        editDisplay: true,
+        search: true,
+        props: {
+          label: 'areaName',
+          value: 'areaCode',
+          children: 'areaChildVOS',
+        },
+        dicUrl: `${VITE_APP_BASE_API}/system/area/region?areaCode=530000`,
+        dicHeaders: {
+          authorization: UserStore.token,
+        },
+        dicFormatter: (res) => res.data ?? [],
+        rules: [{ required: true, message: '请选择', trigger: 'blur' }],
+      },
+      {
+        label: '详细地址',
+        prop: 'detailAddress',
+        search: false,
+        ellipsis: true,
+        showOverflowTooltip: true,
+        rules: { required: true, message: '请输入', trigger: 'blur' },
+      },
+      {
+        label: '联系电话',
+        prop: 'phone',
+        width: '160px',
+        search: false,
+        rules: {
+          required: true,
+          message: '请输入',
+          trigger: 'blur',
+        },
+      },
+      {
+        label: '审核状态',
+        prop: 'status',
+        width: '80px',
+        addDisplay: false,
+        editDisplay: false,
+        search: false,
+        rules: {
+          required: true,
+          message: '请输入',
+          trigger: 'blur',
+        },
+      },
+      {
+        label: '审核意见',
+        prop: 'remark',
+        addDisplay: false,
+        editDisplay: false,
+        width: '200px',
+        ellipsis: true,
+        showOverflowTooltip: true,
+        rules: {
+          required: true,
+          message: '请输入',
+          trigger: 'blur',
+        },
+      },
+      { label: '创建时间', prop: 'createTime', addDisplay: false, editDisplay: false, search: false },
+    ],
+    searchColumn: [
+      {
+        label: '主体类型',
+        prop: 'businessType',
+        type: 'radio',
+        className: 'el-col-md-24',
+        button: true,
+        props: {
+          label: 'dictLabel',
+          value: 'dictValue',
+        },
+        dicUrl: `${VITE_APP_BASE_API}/system/dict/data/list`,
+        dicQuery: {
+          dictType: 'sys_business_type',
+          current: 1,
+          size: 10,
+        },
+        dicHeaders: {
+          authorization: UserStore.token,
+        },
+        dicFormatter: (res) => res.data.records ?? [],
+        searchSpan: 24,
+      },
+      { label: '主体代码', prop: 'businessId', search: true },
+      { label: '主体名称', prop: 'crop', search: true },
+      {
+        label: '经营产品种类',
+        prop: 'productType',
+        type: 'select',
+        search: true,
+        props: {
+          label: 'dictLabel',
+          value: 'dictValue',
+        },
+        dicUrl: `${VITE_APP_BASE_API}/system/dict/data/list`,
+        dicQuery: {
+          dictType: 'sys_business_product_type',
+          current: 1,
+          size: 100,
+        },
+        dicHeaders: {
+          authorization: UserStore.token,
+        },
+        dicFormatter: (res) => res.data.records ?? [],
+      },
+      {
+        label: '创建日期',
+        prop: 'operationDate',
+        type: 'daterange',
+        format: 'YYYY-MM-DD',
+        valueFormat: 'YYYY-MM-DD',
+        width: 200,
+        search: true,
+      },
+    ],
+    actions: [
+      {
+        name: '详情',
+        icon: 'View',
+        event: ({ row }) => doDetail(row),
+      },
+      {
+        name: '编辑',
+        icon: 'edit',
+        event: ({ row }) => rowEdit(row),
+      },
+      {
+        type: 'danger',
+        name: '删除',
+        icon: 'delete',
+        event: ({ row }) => rowDel(row),
+      },
+    ],
+  },
+  data: [],
+  currentRow: {},
+});
+
+// 加载
+const loadData = (resetPage) => {
+  resetPage === 1 && (pageData.value.currentPage = 1);
+  state.loading = true;
+  let params = Object.assign(
+    {
+      current: pageData.value.currentPage,
+      size: pageData.value.size,
+    },
+    searchCondition.value
+  );
+  getBuinessList(params)
+    .then((res) => {
+      if (res.code === 200) {
+        const { current, size, total, records } = res.data;
+        state.data = records;
+        pageData.value.total = res.data.total;
+      }
+    })
+    .catch((err) => {
+      app.$message.error(err.msg);
+      state.data = [];
+    })
+    .finally(() => {
+      state.loading = false;
+    });
+};
+
+loadData();
+
+// 选择
+const selectionChange = (rows) => {
+  state.selection = rows;
+};
+
+const handleIds = () => {
+  let datalist = state.selection.map((m) => {
+    return { landId: m.landId, landName: m.landName };
+  });
+
+  let selectIdlist = uniqueObjects(datalist, 'landId');
+  let selectIdsVal = selectIdlist.map((n) => {
+    return n.landId;
+  });
+
+  return selectIdsVal.toString() || '';
+};
+
+function uniqueObjects(arr, key) {
+  return arr.reduce((acc, current) => {
+    const duplicate = acc.find((element) => element[key] === current[key]);
+    if (!duplicate) {
+      acc.push(current);
+    }
+    return acc;
+  }, []);
+}
+// 新增
+const rowSave = (row, done, loading) => {
+  // console.info('新增', row);
+  let codeList = row.addressCode.split(',');
+  let params = {
+    ...row,
+    provinceCode: codeList[0] || '',
+    cityCode: codeList[1] || '',
+    countyCode: codeList[2] || '',
+    townCode: codeList[3] || '',
+  };
+  delete params.addressCode;
+  saveBuiness(params)
+    .then((res) => {
+      if (res.code === 200) {
+        app.$message.success('添加成功！');
+        done();
+        loadData();
+      }
+    })
+    .catch((err) => {
+      app.$message.error(err.msg);
+    })
+    .finally(() => {
+      loading();
+    });
+};
+
+// 编辑
+const rowEdit = (row) => {
+  row.addressCode = row.provinceCode + ',' + row.cityCode + ',' + row.countyCode + ',' + row.townCode;
+  console.info('编辑', row);
+  crudRef.value.rowEdit(row);
+};
+
+const doDetail = (row) => {
+  crudRef.value.rowView(row);
+};
+const rowUpdate = (row, index, done, loading) => {
+  console.info('更新');
+  let codeList = row.addressCode.split(',');
+  let params = {
+    ...row,
+    provinceCode: codeList[0] || '',
+    cityCode: codeList[1] || '',
+    countyCode: codeList[2] || '',
+    townCode: codeList[3] || '',
+  };
+  delete params.addressCode;
+  editBuiness(params)
+    .then((res) => {
+      if (res.code === 200) {
+        app.$message.success('更新成功！');
+        done();
+        loadData();
+      }
+    })
+    .catch((err) => {
+      app.$message.error(err.msg);
+    })
+    .finally(() => {
+      loading();
+    });
+};
+
+// 删除
+const rowDel = (row, index, done) => {
+  if (isEmpty(row)) return;
+  app
+    .$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+    .then(() => {
+      console.info('删除', row.id);
+      delBuiness({ businessId: row.id })
+        .then((res) => {
+          if (res.code === 200) {
+            app.$message.success('删除成功！');
+            loadData();
+            done();
+          }
+        })
+        .catch((err) => {
+          app.$message.error(err.msg);
+        });
+    })
+    .catch(() => {});
+};
+
+const onBatchDel = () => {
+  let ids = handleIds();
+  if (!ids.length || ids.length <= 0) {
+    app.$message.error('请先选择要删除的数据');
+    return;
+  }
+  app
+    .$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+    .then(() => {
+      delBuiness({ businessId: ids })
+        .then((res) => {
+          if (res.code === 200) {
+            app.$message.success('删除成功！');
+            loadData();
+          }
+        })
+        .catch((err) => {
+          app.$message.error(err.msg);
+        });
+    })
+    .catch(() => {});
+};
+</script>
diff --git a/sub-government-affairs-service/src/views/productOperateMain/individual/index.vue b/sub-government-affairs-service/src/views/productOperateMain/individual/index.vue
index aeafb0d..b023c7c 100644
--- a/sub-government-affairs-service/src/views/productOperateMain/individual/index.vue
+++ b/sub-government-affairs-service/src/views/productOperateMain/individual/index.vue
@@ -49,6 +49,8 @@ import {
   importOperationRecord,
 } from '@/apis/land';
 
+import { getBuinessList } from '@/apis/productOperateMain';
+
 const { VITE_APP_BASE_API } = import.meta.env;
 const app = useApp();
 const UserStore = useUserStore();
@@ -82,6 +84,12 @@ const state = reactive({
   query: {
     current: 1,
     size: 10,
+    businessType: '',
+    businessId: '',
+    productType: '', //产品类型
+    createStartTime: '',
+    createEndTime: '',
+    primaryProduct: '',
   },
   form: {},
   selection: [],
@@ -95,7 +103,7 @@ const state = reactive({
     column: [
       {
         label: '主体代码',
-        prop: 'executor',
+        prop: 'businessId',
         addDisplay: false,
         editDisplay: false,
         search: true,
@@ -115,29 +123,29 @@ const state = reactive({
           trigger: 'blur',
         },
       },
-      // {
-      //   label: '主体类型',
-      //   prop: 'dictType',
-      //   type: 'select',
-      //   search: true,
-      //   props: {
-      //     label: 'dictName',
-      //     value: 'dictType',
-      //   },
-      //   dicUrl: `${VITE_APP_BASE_API}/system/dept/list?dictType=sys_business_product_type&current=1&size=10`,
-      //   dicHeaders: {
-      //     authorization: UserStore.token,
-      //   },
-      //   dicFormatter: (res) => res.data,
-      //   rules: {
-      //     required: true,
-      //     message: '请选择',
-      //     trigger: 'blur',
-      //   },
-      // },
+      {
+        label: '主体类型',
+        prop: 'businessType',
+        type: 'select',
+        search: true,
+        props: {
+          label: 'dictLabel',
+          value: 'dictValue',
+        },
+        dicUrl: `${VITE_APP_BASE_API}/system/dict/data/list?dictType=sys_business_type&current=1&size=10`,
+        dicHeaders: {
+          authorization: UserStore.token,
+        },
+        dicFormatter: (res) => res.data.records ?? [],
+        rules: {
+          required: true,
+          message: '请选择',
+          trigger: 'blur',
+        },
+      },
       {
         label: '经营产品种类',
-        prop: 'landId',
+        prop: 'productType',
         type: 'select',
         remote: false,
         search: true,
@@ -259,11 +267,30 @@ const state = reactive({
       { label: '创建时间', prop: 'crop', addDisplay: false, editDisplay: false, search: false },
     ],
     searchColumn: [
-      { label: '主体代码', prop: 'landName', search: true },
+      {
+        label: '主体类型',
+        prop: 'businessType',
+        type: 'select',
+        props: {
+          label: 'dictLabel',
+          value: 'dictValue',
+        },
+        dicUrl: `${VITE_APP_BASE_API}/system/dict/data/list?dictType=sys_business_type&current=1&size=10`,
+        dicHeaders: {
+          authorization: UserStore.token,
+        },
+        dicFormatter: (res) => res.data.records ?? [],
+        rules: {
+          required: true,
+          message: '请选择',
+          trigger: 'blur',
+        },
+      },
+      { label: '主体代码', prop: 'businessId', search: true },
       { label: '主体名称', prop: 'crop', search: true },
       {
         label: '经营产品种类',
-        prop: 'operationType',
+        prop: 'productType',
         type: 'select',
         search: true,
         dicData: jobTypeOptions,
@@ -308,26 +335,26 @@ const state = reactive({
 
 // 加载
 const loadData = () => {
-  // state.loading = true;
-  // getOperationRecord(state.query)
-  //   .then((res) => {
-  //     if (res.code === 200) {
-  //       const { current, size, total, records } = res.data;
-  //       state.data = records;
-  //       state.pageData = {
-  //         currentPage: current || 1,
-  //         pageSize: size || 10,
-  //         total: total,
-  //       };
-  //     }
-  //   })
-  //   .catch((err) => {
-  //     app.$message.error(err.msg);
-  //     state.data = [];
-  //   })
-  //   .finally(() => {
-  //     state.loading = false;
-  //   });
+  state.loading = true;
+  getBuinessList(state.query)
+    .then((res) => {
+      if (res.code === 200) {
+        const { current, size, total, records } = res.data;
+        state.data = records;
+        state.pageData = {
+          currentPage: current || 1,
+          pageSize: size || 10,
+          total: total,
+        };
+      }
+    })
+    .catch((err) => {
+      app.$message.error(err.msg);
+      state.data = [];
+    })
+    .finally(() => {
+      state.loading = false;
+    });
 };
 
 loadData();
diff --git a/sub-operation-service/src/assets/images/ecommerce/trace01.png b/sub-operation-service/src/assets/images/ecommerce/trace01.png
new file mode 100644
index 0000000..158d576
Binary files /dev/null and b/sub-operation-service/src/assets/images/ecommerce/trace01.png differ
diff --git a/sub-operation-service/src/assets/images/ecommerce/trace02.png b/sub-operation-service/src/assets/images/ecommerce/trace02.png
new file mode 100644
index 0000000..daf955b
Binary files /dev/null and b/sub-operation-service/src/assets/images/ecommerce/trace02.png differ
diff --git a/sub-operation-service/src/assets/images/ecommerce/trace03.png b/sub-operation-service/src/assets/images/ecommerce/trace03.png
new file mode 100644
index 0000000..f487106
Binary files /dev/null and b/sub-operation-service/src/assets/images/ecommerce/trace03.png differ
diff --git a/sub-operation-service/src/assets/images/ecommerce/trace05.png b/sub-operation-service/src/assets/images/ecommerce/trace05.png
new file mode 100644
index 0000000..9421307
Binary files /dev/null and b/sub-operation-service/src/assets/images/ecommerce/trace05.png differ
diff --git a/sub-operation-service/src/assets/images/ecommerce/trace06.png b/sub-operation-service/src/assets/images/ecommerce/trace06.png
new file mode 100644
index 0000000..210c9b0
Binary files /dev/null and b/sub-operation-service/src/assets/images/ecommerce/trace06.png differ
diff --git a/sub-operation-service/src/assets/images/ecommerce/traceb.png b/sub-operation-service/src/assets/images/ecommerce/traceb.png
new file mode 100644
index 0000000..aeb1379
Binary files /dev/null and b/sub-operation-service/src/assets/images/ecommerce/traceb.png differ
diff --git a/sub-operation-service/src/assets/images/ecommerce/tracetxt.png b/sub-operation-service/src/assets/images/ecommerce/tracetxt.png
new file mode 100644
index 0000000..8b46a88
Binary files /dev/null and b/sub-operation-service/src/assets/images/ecommerce/tracetxt.png differ
diff --git a/sub-operation-service/src/components/costomImg.vue b/sub-operation-service/src/components/costomImg.vue
new file mode 100644
index 0000000..1806654
--- /dev/null
+++ b/sub-operation-service/src/components/costomImg.vue
@@ -0,0 +1,104 @@
+<template>
+  <div class="c-custom-img-warp">
+    <el-image :src="isMontage ? getAssetsFile(imgUrl) : imgUrl" :fit="fit" />
+    <div v-if="isViewVal" class="viewer-btn-warp">
+      <div class="viewer-btn" @click="toPreview">点击查看</div>
+    </div>
+
+    <el-image-viewer
+      v-if="isViewVal && isPreview"
+      :url-list="srcList"
+      show-progress
+      :initial-index="0"
+      :teleported="true"
+      @close="isPreview = false"
+    />
+  </div>
+</template>
+<script setup>
+import { ref, watch, nextTick, reactive } from 'vue';
+import { isEmpty, getAssetsFile } from '@/utils';
+const props = defineProps({
+  url: {
+    type: String,
+    default: '',
+  },
+  previewList: {
+    type: Array,
+    default: () => {
+      return [];
+    },
+  },
+  isView: {
+    type: Boolean,
+    default: false,
+  },
+  isMontage: {
+    type: Boolean,
+    default: true,
+  },
+  fit: {
+    type: String,
+    default: 'none',
+  },
+});
+
+let imgUrl = ref(props.url);
+let isViewVal = ref(props.isView);
+let srcList = reactive(props.previewList);
+
+watch(
+  () => (props.url, props.previewList, props.isView),
+  () => {
+    imgUrl.value = props.url;
+    isViewVal.value = props.isView;
+    srcList = props.previewList;
+  },
+  {
+    immediate: true,
+  }
+);
+
+const isPreview = ref(false);
+const toPreview = () => {
+  isPreview.value = true;
+};
+</script>
+<style lang="scss" scoped>
+.c-custom-img-warp {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  ::v-deep() {
+    .el-image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .viewer-btn-warp {
+    position: absolute;
+    display: none;
+    width: 100%;
+    text-align: center;
+    top: 50%;
+    left: 0;
+    transform: translateY(-50%);
+  }
+  .viewer-btn {
+    background: $color-balck-mask;
+    display: inline-block;
+    padding: 4px 8px;
+    border-radius: 16px;
+    color: $color-fff;
+    font-size: 14px;
+    cursor: pointer;
+  }
+}
+
+.c-custom-img-warp:hover {
+  .viewer-btn-warp {
+    display: inline-block !important;
+  }
+}
+</style>
diff --git a/sub-operation-service/src/layouts/component/Header/index.vue b/sub-operation-service/src/layouts/component/Header/index.vue
index 8bd3296..f33a36e 100644
--- a/sub-operation-service/src/layouts/component/Header/index.vue
+++ b/sub-operation-service/src/layouts/component/Header/index.vue
@@ -15,7 +15,7 @@
         </div>
         <div class="layout-header-top-right">
           <span>商家中心</span>
-          <span>个人中心</span>
+          <span @click="toUserCenter">个人中心</span>
           <span @click="toHome" class="back-home">
             <div class="iconfont icon-home" style="font-size: 12px"></div>
             <span>返回首页</span>
@@ -117,6 +117,10 @@ const toHome = () => {
   console.info('toHome', router);
   router.push('/sub-operation-service/home');
 };
+
+const toUserCenter = () => {
+  router.push('/sub-operation-service/userCenter');
+};
 </script>
 
 <style lang="scss" scoped>
diff --git a/sub-operation-service/src/layouts/component/UserMenu/index.vue b/sub-operation-service/src/layouts/component/UserMenu/index.vue
new file mode 100644
index 0000000..99de0fa
--- /dev/null
+++ b/sub-operation-service/src/layouts/component/UserMenu/index.vue
@@ -0,0 +1,119 @@
+<template>
+  <div class="layout-user-centre-warp">
+    <div class="layout-user-centre">
+      <div class="layout-user-centre-top">
+        <div class="logo-warp">
+          <costomImg :url="'images/logo.png'" :is-view="false"></costomImg>
+        </div>
+      </div>
+
+      <div class="layout-user-centre-menu">
+        <el-menu ellipsis class="layout-user-centre-menu">
+          <app-link v-for="(item, index) in meuns" :key="index" :to="item.path">
+            <el-menu-item active-text-color="#25BF82">
+              <div class="iconfont" :class="'icon-' + item.icon" :style="{ 'font-size': item.iconSize }"></div>
+              <span class="txt-ellipsis clamp1">{{ item.label }}</span>
+            </el-menu-item>
+          </app-link>
+        </el-menu>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup name="layout-user-centre">
+import { computed, ref } from 'vue';
+import { useSettingStore } from '@/store/modules/setting';
+import { usePermissionStore } from '@/store/modules/permission';
+import AppLink from '../Menu/Link.vue';
+import { useRoute, useRouter } from 'vue-router';
+import { isEmpty, getAssetsFile } from '@/utils';
+import costomImg from '@/components/costomImg.vue';
+
+const route = useRoute();
+const router = useRouter();
+const SettingStore = useSettingStore();
+const PermissionStore = usePermissionStore();
+const cacheRoutes = computed(() => PermissionStore.keepAliveRoutes);
+const isReload = computed(() => SettingStore.isReload);
+
+const isSubApp = computed(() => route.path.includes('sub'));
+
+const keyword = ref('');
+
+const meuns = ref([
+  { label: '我的购物车', path: '/sub-operation-service/userCenter-shoppingCart', icon: 'shopcar', iconSize: '26px' },
+  { label: '我的订单', path: '/sub-operation-service/userCenter-userOrders', icon: 'order', iconSize: '26px' },
+  { label: '我的土地', path: '/sub-operation-service/userCenter-userLands', icon: 'land', iconSize: '26px' },
+  // { label: '我的溯源', path: '', icon: 'soucecode' },
+  // { label: '我的金融', path: '', icon: 'finance' },
+  // { label: '我的农机', path: '', icon: 'farmmachinery' },
+  // { label: '我的品牌', path: '', icon: 'brand' },
+  // { label: '我的劳务', path: '', icon: 'labor' },
+  // { label: '分拣/包装', path: '', icon: 'sorting' },
+  // { label: '仓储/物流', path: '', icon: 'logistics' },
+  // { label: '修改密码', path: '', icon: 'password' },
+]);
+
+function Search() {
+  console.log(keyword.value, 'search');
+}
+
+const toHome = () => {
+  console.info('toHome', router);
+  router.push('/sub-operation-service/home');
+};
+</script>
+
+<style lang="scss" scoped>
+div {
+  box-sizing: border-box;
+}
+
+.layout-user-centre-warp {
+  width: 320px;
+  text-align: center;
+  display: inline-block;
+  height: 100vh;
+  padding: 16px;
+  .layout-user-centre {
+    height: calc(100% - 0px);
+    background: $color-fff;
+    overflow: auto;
+    border-radius: 16px;
+  }
+  .layout-user-centre-top {
+    width: 100%;
+    padding: 8px;
+    .logo-warp {
+      height: 74px;
+    }
+  }
+  .el-menu {
+    border-right: 0 !important;
+    background: $color-fff;
+    .el-menu-item {
+      font-size: 20px;
+      font-weight: 400;
+
+      .iconfont {
+        display: inline-block;
+        vertical-align: middle;
+        padding-right: 8px;
+        color: $color-333;
+      }
+    }
+    li {
+      color: $color-333;
+    }
+    .router-link-active {
+      li {
+        color: $color-main !important;
+        .iconfont {
+          color: $color-main !important;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/sub-operation-service/src/layouts/userCentre.vue b/sub-operation-service/src/layouts/userCentre.vue
new file mode 100644
index 0000000..a92d57c
--- /dev/null
+++ b/sub-operation-service/src/layouts/userCentre.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="user-centre-layout">
+    <UserMenu />
+    <Main />
+  </div>
+</template>
+
+<script setup name="layout">
+import { useSettingStore } from '@/store/modules/setting';
+
+import UserMenu from './component/UserMenu';
+import Main from './component/Main';
+const SettingStore = useSettingStore();
+</script>
+
+<style lang="scss" scoped>
+.user-centre-layout {
+  height: 100%;
+  width: 100%;
+  .layout-main {
+    display: inline-block !important;
+    width: calc(100% - 320px) !important;
+    vertical-align: top;
+    padding: 16px 16px 16px 0;
+  }
+}
+</style>
diff --git a/sub-operation-service/src/router/index.js b/sub-operation-service/src/router/index.js
index d305e5b..68faead 100644
--- a/sub-operation-service/src/router/index.js
+++ b/sub-operation-service/src/router/index.js
@@ -8,6 +8,7 @@
 import { createRouter, createWebHistory } from 'vue-router';
 import Layout from '@/layouts/index.vue';
 import Views from '@/layouts/Views.vue';
+import userCentre from '@/layouts/userCentre.vue';
 
 export const constantRoutes = [
   {
@@ -58,11 +59,17 @@ export const constantRoutes = [
             meta: { title: '农资交易' },
           },
           {
-            path: '/sub-operation-service/ecommerce-agriculturalDetai',
+            path: '/sub-operation-service/ecommerce-agriculturalDetail',
             component: () => import('@/views/ecommerce/agriculturalDetail.vue'),
             name: 'agriculturalDetail',
             meta: { title: '农资详情' },
           },
+          {
+            path: '/sub-operation-service/ecommerce-sourceCodeDetail',
+            component: () => import('@/views/ecommerce/sourceCodeDetail.vue'),
+            name: 'sourceCodeDetail',
+            meta: { title: '溯源详情' },
+          },
         ],
       },
       {
@@ -116,6 +123,33 @@ export const constantRoutes = [
       },
     ],
   },
+  {
+    path: '/sub-operation-service/userCenter',
+    name: 'userCentre',
+    component: userCentre,
+    redirect: '/sub-operation-service/userCenter-shoppingCart',
+    meta: { title: '个人中心' },
+    children: [
+      {
+        path: '/sub-operation-service/userCenter-shoppingCart',
+        component: () => import('@/views/userCenter/shoppingCart.vue'),
+        name: 'ShoppingCar',
+        meta: { title: '我的购物车' },
+      },
+      {
+        path: '/sub-operation-service/userCenter-userOrders',
+        component: () => import('@/views/userCenter/userOrders.vue'),
+        name: 'userOrders',
+        meta: { title: '我的订单' },
+      },
+      {
+        path: '/sub-operation-service/userCenter-userLands',
+        component: () => import('@/views/userCenter/userLands.vue'),
+        name: 'userLands',
+        meta: { title: '我的土地' },
+      },
+    ],
+  },
 ];
 
 /**
diff --git a/sub-operation-service/src/styles/global.scss b/sub-operation-service/src/styles/global.scss
index ad77285..287c983 100644
--- a/sub-operation-service/src/styles/global.scss
+++ b/sub-operation-service/src/styles/global.scss
@@ -1,9 +1,10 @@
 // color
 $legacy-ie: 10;
 $color-main:#25BF82;
-$color-main-table-header:rgba(37,191,130,0.1);
+$color-main-table-header:rgba(37,191,130,0.05);
 $color-main-border:rgba(37, 191, 130, 0.5);
 $color-5a:#5A5A5A;
+$color-balck-mask:rgba(0,0,0,0.5);
 $color-000:#000;
 $color-fff:#fff;
 $color-da:#dadada;
diff --git a/sub-operation-service/src/styles/iconfont.css b/sub-operation-service/src/styles/iconfont.css
index 57bb6c3..021dc5e 100644
--- a/sub-operation-service/src/styles/iconfont.css
+++ b/sub-operation-service/src/styles/iconfont.css
@@ -1,7 +1,7 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4879313 */
   src: 
-       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
 }
 
 .iconfont {
@@ -12,6 +12,58 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-user:before {
+  content: "\e668";
+}
+
+.icon-problem:before {
+  content: "\e61d";
+}
+
+.icon-finance:before {
+  content: "\e761";
+}
+
+.icon-land:before {
+  content: "\e762";
+}
+
+.icon-order:before {
+  content: "\e763";
+}
+
+.icon-logistics:before {
+  content: "\e764";
+}
+
+.icon-brand:before {
+  content: "\e765";
+}
+
+.icon-shopcar:before {
+  content: "\e766";
+}
+
+.icon-soucecode:before {
+  content: "\e767";
+}
+
+.icon-password:before {
+  content: "\e768";
+}
+
+.icon-labor:before {
+  content: "\e769";
+}
+
+.icon-farmmachinery:before {
+  content: "\e76a";
+}
+
+.icon-sorting:before {
+  content: "\e76b";
+}
+
 .icon-voucher:before {
   content: "\e75e";
 }
diff --git a/sub-operation-service/src/styles/style.scss b/sub-operation-service/src/styles/style.scss
index bf01a36..c2dcc28 100644
--- a/sub-operation-service/src/styles/style.scss
+++ b/sub-operation-service/src/styles/style.scss
@@ -38,3 +38,4 @@
   max-height: calc(1.5em * 2); 
 }
 
+
diff --git a/sub-operation-service/src/views/ecommerce/agriculturalDetail.vue b/sub-operation-service/src/views/ecommerce/agriculturalDetail.vue
index c234984..328eae1 100644
--- a/sub-operation-service/src/views/ecommerce/agriculturalDetail.vue
+++ b/sub-operation-service/src/views/ecommerce/agriculturalDetail.vue
@@ -4,14 +4,14 @@
       <template #main>
         <div class="agricultural-detail-info">
           <div class="top-title">
-            <div class="father-title">农资交易</div>
+            <div class="father-title" @click="toBack(-1)">农资交易</div>
             <div class="current-title">查看详情</div>
           </div>
 
           <div class="top-info">
             <el-row :gutter="16">
               <el-col :span="12">
-                <banner name="landdetail" :imglist="bannerList" indicator-pos="none" arrow="always" height="340px"> </banner>
+                <banner name="landdetail" :imglist="bannerList" indicator-pos="none" arrow="always" height="340px" :is-view="true"> </banner>
               </el-col>
               <el-col :span="12" class="top-info-txt">
                 <h1 class="title">耿马县勐简乡有机沙瓤西红柿</h1>
@@ -185,6 +185,9 @@ import { ref, reactive, onMounted, watch, computed } from 'vue';
 import { isEmpty, getAssetsFile } from '@/utils';
 import { qrImg } from '@/layouts/component/Header/base64img.js';
 import evaluate from './components/evaluate.vue';
+import { useRoute, useRouter } from 'vue-router';
+const route = useRoute();
+const router = useRouter();
 
 let bannerList = reactive(['images/ecommerce/' + 'banner.png', 'images/ecommerce/' + 'banner.png']);
 const tabList = reactive([
@@ -199,7 +202,14 @@ let saveInfo = reactive({
   num: 0,
 });
 
-const toCodeDetail = () => {};
+const toCodeDetail = () => {
+  let id = '01';
+  router.push('/sub-operation-service/ecommerce-sourceCodeDetail?id=' + id);
+};
+
+const toBack = (level) => {
+  router.go(level);
+};
 
 const toCopy = () => {};
 </script>
@@ -221,6 +231,7 @@ const toCopy = () => {};
         display: inline-block;
         vertical-align: middle;
         font-weight: 700;
+        cursor: pointer;
       }
       .father-title {
         font-size: 18px;
diff --git a/sub-operation-service/src/views/ecommerce/components/banner.vue b/sub-operation-service/src/views/ecommerce/components/banner.vue
index 62a4d4e..70c8848 100644
--- a/sub-operation-service/src/views/ecommerce/components/banner.vue
+++ b/sub-operation-service/src/views/ecommerce/components/banner.vue
@@ -2,15 +2,15 @@
   <div class="ecommerce-banner" :style="{ height: height }">
     <el-carousel height="height" motion-blur :indicator-position="indicatorPos" :arrow="arrow">
       <el-carousel-item v-for="(item, index) in list" :key="index">
-        <img :src="getAssetsFile(item)" />
-        <!-- <el-image :src="getAssetsFile(item)" fit="cover" /> -->
+        <costomImg :url="item" :preview-list="srcList" :is-view="isViewVal"></costomImg>
       </el-carousel-item>
     </el-carousel>
   </div>
 </template>
 <script setup>
-import { ref, reactive, onMounted, watch } from 'vue';
+import { ref, reactive, onMounted, watch, computed } from 'vue';
 import { isEmpty, getAssetsFile } from '@/utils';
+import costomImg from '@/components/costomImg.vue';
 
 const props = defineProps({
   height: { type: String, default: '320px' },
@@ -29,16 +29,31 @@ const props = defineProps({
     type: String,
     default: 'hover',
   },
+  isView: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 let nameVal = ref(props.name);
 let list = reactive(props.imglist);
 
+let srcList = computed(() => {
+  let list = [];
+  list = props.imglist.map((m) => {
+    return getAssetsFile(m);
+  });
+  return list;
+});
+
+let isViewVal = ref(props.isView);
+
 watch(
-  () => (props.list, props.imglist),
+  () => (props.list, props.imglist, props.isView),
   () => {
     nameVal.value = props.name;
     list = props.imglist;
+    isViewVal.value = props.isView;
   },
   {
     immediate: true,
@@ -49,6 +64,10 @@ watch(
 .ecommerce-banner {
   width: 100%;
   ::v-deep() {
+    .el-image {
+      width: 100%;
+      height: 100%;
+    }
     .el-carousel__item {
       border-radius: 16px !important;
     }
diff --git a/sub-operation-service/src/views/ecommerce/components/goodsItem.vue b/sub-operation-service/src/views/ecommerce/components/goodsItem.vue
index 13334e4..727df8f 100644
--- a/sub-operation-service/src/views/ecommerce/components/goodsItem.vue
+++ b/sub-operation-service/src/views/ecommerce/components/goodsItem.vue
@@ -20,7 +20,7 @@ const router = useRouter();
 
 const toDetail = () => {
   let id = '01';
-  router.push('/sub-operation-service/ecommerce-agriculturalDetai?id=' + id);
+  router.push('/sub-operation-service/ecommerce-agriculturalDetail?id=' + id);
 };
 </script>
 <style lang="scss" scoped>
diff --git a/sub-operation-service/src/views/ecommerce/index.vue b/sub-operation-service/src/views/ecommerce/index.vue
index 16eb67d..eccc582 100644
--- a/sub-operation-service/src/views/ecommerce/index.vue
+++ b/sub-operation-service/src/views/ecommerce/index.vue
@@ -55,7 +55,7 @@ let treeList = reactive([
   },
 ]);
 
-let bannerList = reactive(['images/ecommerce/' + 'banner.png', 'images/ecommerce/' + 'banner.png']);
+let bannerList = reactive(['images/ecommerce/' + 'banner.png', 'images/ecommerce/' + 'banner1.png']);
 </script>
 <style lang="scss" scoped>
 .goods-list-warp {
diff --git a/sub-operation-service/src/views/ecommerce/purchaser.vue b/sub-operation-service/src/views/ecommerce/purchaser.vue
index 47c8359..12eea00 100644
--- a/sub-operation-service/src/views/ecommerce/purchaser.vue
+++ b/sub-operation-service/src/views/ecommerce/purchaser.vue
@@ -218,7 +218,7 @@ let tableData = reactive([
 ]);
 
 const rowClick = (data) => {
-  router.push('/sub-operation-service/purchaserDetail?id=' + data.id);
+  router.push('/sub-operation-service/ecommerce-purchaserDetail?id=' + data.id);
 };
 
 onMounted(() => {
diff --git a/sub-operation-service/src/views/ecommerce/sourceCodeDetail.vue b/sub-operation-service/src/views/ecommerce/sourceCodeDetail.vue
new file mode 100644
index 0000000..1c666b5
--- /dev/null
+++ b/sub-operation-service/src/views/ecommerce/sourceCodeDetail.vue
@@ -0,0 +1,471 @@
+<template>
+  <div class="source-code-detail-warp">
+    <common current-name="agricultural">
+      <template #main>
+        <div class="source-code-detail-info">
+          <div class="top-warp-b">
+            <div class="top-title">
+              <div class="father-title" @click="toBack(-2)">农资交易</div>
+              <div class="father-title father-after" @click="toBack(-1)">查看详情</div>
+              <div class="current-title">溯源详情</div>
+            </div>
+            <div class="top-img-txt">
+              <el-image :src="getAssetsFile('images/ecommerce/' + 'tracetxt.png')" fit="cover" />
+            </div>
+            <div class="top-bottom-warp">
+              <div v-for="(b, indexb) in bottomList" :key="indexb" class="top-bottom-item">
+                <div class="bottom-item-img">
+                  <el-image :src="getAssetsFile('images/ecommerce/' + b.img)" fit="cover" />
+                </div>
+              </div>
+            </div>
+            <el-image :src="getAssetsFile('images/ecommerce/' + 'traceb.png')" fit="cover" />
+          </div>
+          <div class="tab-content-warp">
+            <el-tabs v-model="activeCurrent" class="demo-tabs">
+              <el-tab-pane v-for="(t, indext) in bottomList" :key="indext" :label="t.title" :name="t.name">
+                <div v-if="activeCurrent == 'baseInfo'" class="baseInfo-content">
+                  <el-row :gutter="16">
+                    <el-col :span="6">
+                      <banner name="codeinfo" :imglist="bannerList" indicator-pos="none" arrow="always" height="160px" :is-view="true"> </banner>
+                    </el-col>
+                    <el-col :span="18">
+                      <el-row :gutter="16">
+                        <el-col :span="12" class="des-item">
+                          <span class="label">产品名称：</span>
+                          <span class="val">有机沙瓤西红柿</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">追溯次数：</span>
+                          <span class="val">30次</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">生产经营主体：</span>
+                          <span class="val">北大荒农业技术有限公司</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">原产地：</span>
+                          <span class="val">云南省耿马县孟定镇下坝村</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">储存仓库：</span>
+                          <span class="val">耿马县农产品1号仓库</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">种植土地：</span>
+                          <span class="val">XBC00001</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">采收日期：</span>
+                          <span class="val">2025年1月1日</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">溯源码：</span>
+                          <span class="val">SY100000202501010001</span>
+                        </el-col>
+                      </el-row>
+                    </el-col>
+                  </el-row>
+                </div>
+
+                <div v-if="activeCurrent == 'report'" class="report-content">
+                  <el-row :gutter="16">
+                    <el-col :span="6">
+                      <banner name="report" :imglist="bannerList" indicator-pos="none" arrow="always" height="160px" :is-view="true"> </banner>
+                    </el-col>
+                    <el-col :span="18">
+                      <el-row :gutter="16">
+                        <el-col :span="12" class="des-item">
+                          <span class="label">农药残留检测：</span>
+                          <span class="val text-main">合格</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">重金属污染检测：</span>
+                          <span class="val text-main">合格</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">微生物检测：</span>
+                          <span class="val text-main">合格</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">添加剂与防腐剂：</span>
+                          <span class="val text-error">不合格</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">转基因成分检测：</span>
+                          <span class="val text-main">合格</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">有机认证：</span>
+                          <span class="val text-main">合格</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">国家标准：</span>
+                          <span class="val text-main">GB-2762</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">行业标准：</span>
+                          <span class="val text-main">NY-3548</span>
+                        </el-col>
+                      </el-row>
+                    </el-col>
+                  </el-row>
+                </div>
+
+                <div v-if="activeCurrent == 'business'" class="business-content">
+                  <el-row :gutter="16">
+                    <el-col :span="6">
+                      <banner name="business" :imglist="bannerList" indicator-pos="none" arrow="always" height="160px" :is-view="true"> </banner>
+                    </el-col>
+                    <el-col :span="18">
+                      <el-row :gutter="16">
+                        <el-col :span="12" class="des-item">
+                          <span class="label">经营主体：</span>
+                          <span class="val">北大荒农业技术有限公司</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">证书编号：</span>
+                          <span class="val">JY23101010004682</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">经营范围：</span>
+                          <span class="val">全品类农产品经营</span>
+                        </el-col>
+                        <el-col :span="12" class="des-item">
+                          <span class="label">法人：</span>
+                          <span class="val">张三</span>
+                        </el-col>
+                        <el-col :span="24" class="des-item">
+                          <span class="label">公司地址：</span>
+                          <span class="val">云南省昆明市呈贡区银河科技园K栋4楼</span>
+                        </el-col>
+                      </el-row>
+                    </el-col>
+                  </el-row>
+                </div>
+
+                <div v-if="activeCurrent == 'farming'" class="farming-content">
+                  <el-row>
+                    <el-col :span="24">
+                      <el-table :data="tableData" style="width: 100%" height="280" @row-click="rowClick">
+                        <el-table-column prop="id" label="编号" />
+                        <el-table-column prop="title" label="活动名称" />
+                        <el-table-column prop="inputs" label="投入品" />
+                        <el-table-column prop="operator" label="作业人" />
+                        <el-table-column prop="time" label="日期" width="180px" />
+                      </el-table>
+                    </el-col>
+                  </el-row>
+                </div>
+
+                <div v-if="activeCurrent == 'link'" class="link-content">
+                  <div class="link-content-pos">
+                    <div class="report">
+                      <!-- <el-image :src="getAssetsFile('images/ecommerce/' + 'pic.png')" fit="none" /> -->
+                      <costomImg
+                        :url="'images/ecommerce/' + 'pic.png'"
+                        :preview-list="[getAssetsFile('images/ecommerce/' + 'pic.png')]"
+                        :is-view="true"
+                      ></costomImg>
+                      <span class="img-tips">溯源证书</span>
+                    </div>
+                    <div class="qr-code">
+                      <!-- <el-image :src="qrImg" fit="cover" /> -->
+                      <costomImg :url="qrImg" :preview-list="[qrImg]" :is-view="true" :is-montage="false" :fit="'cover'"></costomImg>
+                      <span class="img-tips">溯源码</span>
+                    </div>
+                  </div>
+                </div>
+              </el-tab-pane>
+            </el-tabs>
+          </div>
+        </div>
+      </template>
+    </common>
+  </div>
+</template>
+<script setup name="ecommerce">
+import common from './components/common.vue';
+import { ref, reactive, onMounted, watch, computed } from 'vue';
+import { isEmpty, getAssetsFile } from '@/utils';
+import banner from './components/banner.vue';
+import { qrImg } from '@/layouts/component/Header/base64img.js';
+import { useRoute, useRouter } from 'vue-router';
+import costomImg from '@/components/costomImg.vue';
+const route = useRoute();
+const router = useRouter();
+
+let bottomList = reactive([
+  { title: '基本信息', img: 'trace01.png', name: 'baseInfo' },
+  { title: '检测报告', img: 'trace02.png', name: 'report' },
+  { title: '经营主体', img: 'trace03.png', name: 'business' },
+  { title: '农事服务', img: 'trace05.png', name: 'farming' },
+  { title: '上链信息', img: 'trace06.png', name: 'link' },
+]);
+
+let activeCurrent = ref('baseInfo');
+
+let bannerList = reactive(['images/ecommerce/' + 'pic.png', 'images/ecommerce/' + 'pic.png']);
+
+let tableData = reactive([
+  { id: 'NS10000111', title: '施肥', inputs: '氮肥', operator: '张三', time: '2025-04-02 12:25:36' },
+  { id: 'NS10000112', title: '灌溉', inputs: '矿物质', operator: '李四', time: '2025-04-01 12:25:36' },
+  { id: 'NS10000113', title: '喷洒农药', inputs: '杀虫剂', operator: '王五', time: '2025-04-02 13:25:36' },
+  { id: 'NS10000114', title: '施肥', inputs: '有机肥', operator: '张三', time: '2025-04-02 12:25:36' },
+  { id: 'NS10000115', title: '灌溉', inputs: '白糖水', operator: '李四', time: '2025-03-31 12:25:36' },
+  { id: 'NS10000116', title: '喷洒农药', inputs: '除草剂', operator: '王五', time: '2025-04-02 12:25:36' },
+  { id: 'NS10000117', title: '施肥', inputs: '钾肥', operator: '张三', time: '2025-04-02 12:25:36' },
+  { id: 'NS10000118', title: '灌溉', inputs: '尿素水', operator: '李四', time: '2025-04-02 12:25:36' },
+]);
+
+const toBack = (level) => {
+  router.go(level);
+};
+</script>
+<style lang="scss" scoped>
+.source-code-detail-warp {
+  .source-code-detail-info {
+    width: 100%;
+    margin-bottom: 16px;
+    background: $color-fff;
+    border-radius: 16px;
+    overflow: hidden;
+    .top-warp-b {
+      width: 100%;
+      height: 488px;
+      position: relative;
+    }
+    .top-img-txt {
+      position: absolute;
+      left: 50%;
+      bottom: 42%;
+      z-index: 1;
+      transform: translateX(-50%);
+    }
+    .top-bottom-warp {
+      position: absolute;
+      left: 0;
+      bottom: 24px;
+      z-index: 1;
+      display: inline-flex;
+      width: 100%;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+      gap: 32px;
+      padding: 0 32px;
+      .top-bottom-item {
+        display: inline-flex;
+        width: calc(100% / 5 - 28px);
+        height: 80px;
+        background: linear-gradient(180deg, #ffbe4d, #ffffff);
+        border-radius: 16px;
+        position: relative;
+        .bottom-item-img {
+          position: absolute;
+          left: 50%;
+          transform: translateX(-50%);
+          bottom: 20px;
+        }
+      }
+    }
+    .top-title {
+      padding: 16px;
+      width: 100%;
+      text-align: left;
+      position: absolute;
+      left: 0;
+      top: 0;
+      z-index: 1;
+      cursor: pointer;
+      .father-title,
+      .current-title {
+        display: inline-block;
+        vertical-align: middle;
+        font-weight: 700;
+        cursor: pointer;
+      }
+      .father-title {
+        font-size: 18px;
+        color: $color-fff;
+      }
+      .father-after {
+        position: relative;
+        padding-left: 16px;
+      }
+      .father-after::after {
+        content: '.';
+        position: absolute;
+        left: 4px;
+        top: 30%;
+        transform: translateY(-50%);
+      }
+      .current-title {
+        font-size: 16px;
+        color: $color-main;
+        position: relative;
+        padding: 0 8px;
+        margin-left: 8px;
+      }
+      .current-title::before {
+        content: '.';
+
+        position: absolute;
+        left: 0;
+        top: 30%;
+        transform: translateY(-50%);
+      }
+    }
+
+    .tab-content-warp {
+      width: 100%;
+      padding: 0 32px 32px 32px;
+      .text-main {
+        color: $color-main !important;
+      }
+      .text-error {
+        color: $color-danger !important;
+      }
+      .des-item {
+        width: 100%;
+        margin: 3px 0;
+        display: inline-flex;
+        justify-content: space-between;
+        .label,
+        .val {
+          vertical-align: top;
+          font-size: 18px;
+        }
+        .label {
+          color: $color-999;
+          width: 150px;
+          text-align: left;
+        }
+        .val {
+          color: $color-333;
+          text-align: right;
+          width: calc(100% - 150px);
+        }
+      }
+
+      .farming-content {
+        ::v-deep() {
+          thead {
+            border-radius: 16px;
+            overflow: hidden;
+          }
+          thead th {
+            background: $color-main-table-header;
+            color: $color-999 !important;
+            border: none !important;
+            padding: 10px 0;
+            font-size: 16px !important;
+          }
+          thead th:first-child {
+            border-top-left-radius: 16px;
+            border-bottom-left-radius: 16px;
+          }
+          thead th:last-child {
+            border-top-right-radius: 16px;
+            border-bottom-right-radius: 16px;
+          }
+          table {
+            margin-top: 16px !important;
+          }
+          tbody td {
+            border: none !important;
+            font-size: 16px !important;
+          }
+          .el-table__inner-wrapper::before {
+            display: none !important;
+          }
+        }
+      }
+
+      .link-content {
+        width: 100%;
+        text-align: center;
+
+        .link-content-pos {
+          margin: 64px auto;
+          display: inline-flex;
+          justify-content: space-between;
+          gap: 120px;
+          .el-image {
+            width: 100%;
+            height: 100%;
+          }
+          .img-tips {
+            text-align: center;
+            font-size: 16px;
+            line-height: 32px;
+          }
+          .report,
+          .qr-code {
+            display: inline-block;
+          }
+          .report {
+            width: 120px;
+            height: 160px;
+          }
+          .qr-code {
+            width: 160px;
+            height: 160px;
+          }
+        }
+      }
+
+      ::v-deep() {
+        .el-tabs__nav {
+          width: 100% !important;
+        }
+        .el-tabs__nav-wrap:after {
+          background: transparent !important;
+        }
+        .el-tabs__item {
+          font-size: 20px !important;
+          width: 20% !important;
+          padding: 0 !important;
+        }
+        .el-tabs__active-bar {
+          height: 5px !important;
+          border-radius: 4px;
+          width: 40px !important;
+          left: 7% !important;
+        }
+        .el-descriptions__label,
+        .el-descriptions__content {
+          font-size: 16px !important;
+        }
+        .cell-item {
+          display: inline-flex;
+        }
+        .el-descriptions__label {
+          color: $color-999;
+        }
+        .el-descriptions__content {
+          color: $color-333;
+        }
+      }
+
+      ::v-deep() {
+        .ecommerce-banner {
+          padding: 0 48px !important;
+          position: relative;
+        }
+        .el-carousel {
+          position: unset !important;
+        }
+        .el-carousel__arrow--left {
+          left: 0 !important;
+        }
+        .el-carousel__arrow--right {
+          right: 0 !important;
+        }
+        .el-carousel__container {
+          height: 160px !important;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/sub-operation-service/src/views/userCenter/components/ischeck.vue b/sub-operation-service/src/views/userCenter/components/ischeck.vue
new file mode 100644
index 0000000..8fd93d2
--- /dev/null
+++ b/sub-operation-service/src/views/userCenter/components/ischeck.vue
@@ -0,0 +1,71 @@
+<template>
+  <div class="c-is-check" :style="{ height: size, width: size }" :class="isVal ? 'act' : 'normal'">
+    <!-- @click.stop="doCheck" -->
+    <div class="check-icon">
+      <el-icon><Check /></el-icon>
+    </div>
+  </div>
+</template>
+<script setup>
+import { ref, reactive, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+const route = useRoute();
+const router = useRouter();
+
+const props = defineProps({
+  size: {
+    type: String,
+    default: '28px',
+  },
+  value: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+let isVal = ref(props.value);
+
+watch(
+  () => props.value,
+  () => {
+    isVal.value = props.value;
+  },
+  {
+    immediate: true,
+  }
+);
+
+const doCheck = () => {
+  //   isVal.value = !isVal.value;
+};
+</script>
+<style lang="scss" scoped>
+.c-is-check {
+  width: 100%;
+  display: inline-block;
+  position: relative;
+  vertical-align: middle;
+  cursor: pointer;
+  border-radius: 20%;
+  &.normal {
+    border: 1px solid $color-999;
+    background: $color-fff;
+  }
+  &.act {
+    border: 1px solid $color-main;
+    background: $color-main;
+  }
+
+  .check-icon {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    .el-icon {
+      color: $color-fff;
+      font-size: 24px;
+      font-weight: bold;
+    }
+  }
+}
+</style>
diff --git a/sub-operation-service/src/views/userCenter/components/userHeader.vue b/sub-operation-service/src/views/userCenter/components/userHeader.vue
new file mode 100644
index 0000000..13bfca5
--- /dev/null
+++ b/sub-operation-service/src/views/userCenter/components/userHeader.vue
@@ -0,0 +1,101 @@
+<template>
+  <div class="c-user-page-top">
+    <div class="title">{{ pageTitle }}</div>
+    <div class="top-right">
+      <div v-for="(n, index) in linkList" :key="n.name" class="right-item" :class="currentLink == n.name ? 'act' : ''" @click="toLink(n)">
+        <div class="iconfont" :class="'icon-' + n.icon" :style="{ 'font-size': n.iconSize }"></div>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+import { ref, reactive, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+const route = useRoute();
+const router = useRouter();
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: '标题',
+  },
+});
+
+let pageTitle = ref(props.title);
+
+let linkList = reactive([
+  { title: '帮助', name: 'help', icon: 'problem', iconSize: '30px', path: '' },
+  { title: '我的', name: 'my', icon: 'user', iconSize: '30px', path: '/sub-operation-service/userCenter' },
+  { title: '首页', name: 'home', icon: 'home', iconSize: '30px', path: '/sub-operation-service/home' },
+]);
+
+let currentLink = ref(null);
+
+watch(
+  () => props.title,
+  () => {
+    pageTitle.value = props.title;
+  },
+  {
+    immediate: true,
+  }
+);
+
+const toLink = (item) => {
+  currentLink.value = item.name;
+  if (item.path && item.path != '') {
+    router.push(item.path);
+  }
+};
+</script>
+<style lang="scss" scoped>
+.c-user-page-top {
+  width: 100%;
+  display: inline-flex;
+  justify-content: space-between;
+  .title,
+  .top-right {
+    display: inline-flex;
+    vertical-align: middle;
+  }
+  .title {
+    font-size: 22px;
+    font-weight: 500;
+  }
+  .top-right {
+    justify-content: flex-start;
+    gap: 40px;
+    .right-item {
+      display: inline-block;
+      width: 64px;
+      height: 64px;
+      border-radius: 50%;
+      background: $color-fff;
+      position: relative;
+      cursor: pointer;
+      .iconfont {
+        display: inline-block;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+      &.act {
+        background: $color-main-table-header !important;
+        border: 1px solid $color-fff;
+        .iconfont {
+          color: $color-main;
+        }
+      }
+    }
+
+    .right-item:hover {
+      background: $color-main-table-header !important;
+      border: 1px solid $color-fff;
+      .iconfont {
+        color: $color-main;
+      }
+    }
+  }
+}
+</style>
diff --git a/sub-operation-service/src/views/userCenter/shoppingCart.vue b/sub-operation-service/src/views/userCenter/shoppingCart.vue
new file mode 100644
index 0000000..daf39d2
--- /dev/null
+++ b/sub-operation-service/src/views/userCenter/shoppingCart.vue
@@ -0,0 +1,460 @@
+<template>
+  <div class="my-shoping-car-warp">
+    <userHeader :title="'购物车' + total"></userHeader>
+    <div class="page-content-warp">
+      <div class="fix-top">
+        <div class="do-all" @click="toCheckAll">
+          <div class="do-all-pos">
+            <ischeck :value="isAll"></ischeck>
+            <span class="all-txt">全选</span>
+          </div>
+        </div>
+        <div class="batch-del">
+          <el-icon><Delete /></el-icon>
+          <span class="del-txt">批量删除</span>
+        </div>
+      </div>
+      <div class="conetnt-warp">
+        <div class="content-item-warp">
+          <div v-for="(n, index) in datalist" :key="index" class="content-item">
+            <div class="shop-info" @click="toCheckShop(index)">
+              <div class="shop-do">
+                <ischeck :value="n.ischeck"></ischeck>
+              </div>
+              <div class="shop-img">
+                <costomImg
+                  :url="'images/ecommerce/' + 'pic.png'"
+                  :preview-list="[getAssetsFile('images/ecommerce/' + 'pic.png')]"
+                  :is-view="false"
+                ></costomImg>
+              </div>
+              <span class="shop-name txt-ellipsis clamp2">{{ n.shop }}</span>
+            </div>
+
+            <div v-if="n.goodlist && n.goodlist.length > 0" class="good-list">
+              <div v-for="(g, indexg) in n.goodlist" :key="indexg" class="good-item">
+                <div class="good-do" @click="toCheckGood(index, indexg)">
+                  <div class="good-do-pos">
+                    <ischeck :value="g.ischeck" size="24px"></ischeck>
+                  </div>
+                </div>
+                <div class="good-img" @click="toCheckGood(index, indexg)">
+                  <costomImg
+                    :url="'images/ecommerce/' + 'pic.png'"
+                    :preview-list="[getAssetsFile('images/ecommerce/' + 'pic.png')]"
+                    :is-view="false"
+                  ></costomImg>
+                </div>
+                <div class="good-info" @click="toCheckGood(index, indexg)">
+                  <div class="good-info-pos">
+                    <div class="txt-ellipsis clamp2">{{ g.title || '--' }}</div>
+                  </div>
+                </div>
+                <div class="good-price-num">
+                  <div class="good-price-num-pos">
+                    <div class="price" @click="toCheckGood(index, indexg)">{{ g.price }} / {{ g.unit }}</div>
+                    <div class="total" @click="toCheckGood(index, indexg)">{{ (g.price * g.num).toFixed(2) }}</div>
+                    <div class="num">
+                      <div class="right-item">
+                        <el-input-number v-model="g.num" :min="1">
+                          <template #suffix>
+                            <span>{{ g.unit }}</span>
+                          </template>
+                        </el-input-number>
+                      </div>
+                    </div>
+                    <div class="good-del" @click="doSingleDel(index, indexg)">
+                      <span>删除</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="fix-bottom">
+        <div class="bottom-total">
+          <span class="tips">合计</span>
+          <span class="total">{{ totalAmout.toFixed(2) }}</span>
+        </div>
+        <div class="bottom-do">
+          <el-button type="primary" @click="toSettlement">结算</el-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+import { ref, reactive, computed } from 'vue';
+import { isEmpty, getAssetsFile } from '@/utils';
+import { useRoute, useRouter } from 'vue-router';
+import userHeader from './components/userHeader.vue';
+import ischeck from './components/ischeck.vue';
+import costomImg from '@/components/costomImg.vue';
+import { useApp } from '@/hooks';
+
+const app = useApp();
+const route = useRoute();
+const router = useRouter();
+
+let total = ref(99);
+let isAll = ref(false);
+
+let datalist = reactive([
+  {
+    id: '01',
+    shop: '银河生态农产品有限公司',
+    shopimg: '',
+    ischeck: false,
+    goodlist: [
+      { id: '001', title: '耿马镇 原生态 有机 西红柿', price: 4.9, unit: '份', num: 2, ischeck: false },
+      { id: '002', title: '耿马镇 原生态 有机 西蓝花', price: 2.6, unit: '份', num: 100, ischeck: false },
+    ],
+  },
+  {
+    id: '02',
+    shop: '方立生态农产品有限公司',
+    shopimg: '',
+    ischeck: false,
+    goodlist: [
+      { id: '001', title: '勐撒镇 原生态 有机 大白菜', price: 4.9, unit: '/份', num: 2, ischeck: false },
+      { id: '002', title: '勐撒镇 原生态 有机 生姜', price: 2.6, unit: '/份', num: 100, ischeck: false },
+    ],
+  },
+  {
+    id: '03',
+    shop: '佳佳生态农产品有限公司',
+    shopimg: '',
+    ischeck: false,
+    goodlist: [
+      { id: '001', title: '勐简镇 原生态 有机 花香蓝莓', price: 4.9, unit: '/份', num: 2, ischeck: false },
+      { id: '002', title: '勐简镇 原生态古树茶', price: 2.6, unit: '/份', num: 100, ischeck: false },
+    ],
+  },
+]);
+
+let totalAmout = computed(() => {
+  let num = 0;
+  let list = [];
+  if (datalist && datalist.length > 0) {
+    list = datalist
+      .map((m) => {
+        return m.goodlist;
+      })
+      .flat();
+
+    // console.info('totalAmout**************', list);
+    if (list && list.length > 0) {
+      num = list.reduce((acc, current) => {
+        return acc + (current.ischeck ? current.price * current.num : 0);
+      }, 0);
+    }
+  }
+
+  return num;
+});
+
+const toSettlement = () => {};
+
+const toCheckAll = () => {
+  isAll.value = !isAll.value;
+  console.info('操作全选', isAll.value);
+  if (datalist && datalist.length > 0) {
+    datalist.forEach((m) => {
+      m.ischeck = isAll.value;
+      if (m.goodlist && m.goodlist.length > 0) {
+        m.goodlist = setCheck(m.goodlist, isAll.value);
+      }
+    });
+  }
+};
+
+const setCheck = (data, val) => {
+  let list = [];
+  if (data && data.length > 0) {
+    list = data.map((m) => {
+      return { ...m, ischeck: val };
+    });
+  }
+
+  return list;
+};
+
+const toCheckShop = (index) => {
+  if (index > -1) {
+    datalist[index].ischeck = !datalist[index].ischeck;
+    if (datalist[index].goodlist && datalist[index].goodlist.length > 0) {
+      datalist[index].goodlist = setCheck(datalist[index].goodlist, datalist[index].ischeck);
+    }
+    setIsAll();
+  }
+};
+
+const toCheckGood = (indexP, index) => {
+  if (indexP > -1 && index > -1) {
+    let list = datalist[indexP].goodlist;
+    list[index].ischeck = !list[index].ischeck;
+    let len = list.length || 0;
+    let checkNum = list.reduce((acc, current) => {
+      return acc + (current.ischeck ? 1 : 0);
+    }, 0);
+
+    if (checkNum > 0 && checkNum < len) {
+      datalist[indexP].ischeck = false;
+    } else if (checkNum > 0 && checkNum == len) {
+      datalist[indexP].ischeck = true;
+    } else {
+      datalist[indexP].ischeck = false;
+    }
+    setIsAll();
+  }
+};
+
+const setIsAll = () => {
+  let len = datalist.length || 0;
+  let checkNum = datalist.reduce((acc, current) => {
+    return acc + (current.ischeck ? 1 : 0);
+  }, 0);
+
+  if (checkNum > 0 && checkNum < len) {
+    isAll.value = false;
+  } else if (checkNum > 0 && checkNum == len) {
+    isAll.value = true;
+  } else {
+    isAll.value = false;
+  }
+};
+
+const doSingleDel = (indexP, index) => {
+  if (indexP > -1 && index > -1) {
+    app
+      .$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      })
+      .then(() => {
+        datalist[indexP].goodlist.splice(index, 1);
+      })
+      .catch(() => {});
+  }
+};
+</script>
+<style lang="scss" scoped>
+.my-shoping-car-warp {
+  width: 100%;
+  .page-content-warp {
+    width: 100%;
+    height: calc(100vh - 116px);
+    position: relative;
+    background: $color-fff;
+    border-radius: 16px;
+    padding: 16px;
+    .fix-top,
+    .fix-bottom {
+      position: absolute;
+      left: 0;
+      width: 100%;
+      padding: 16px;
+      z-index: 1;
+      background: $color-fff;
+    }
+    .fix-top {
+      top: 0;
+      display: inline-flex;
+      justify-content: space-between;
+      .do-all,
+      .batch-del {
+        display: inline-block;
+        vertical-align: middle;
+      }
+      .do-all {
+        display: inline-flex;
+        flex-direction: column;
+        justify-content: center;
+        .all-txt {
+          font-size: 16px;
+          vertical-align: middle;
+          display: inline-block;
+          padding-left: 16px;
+        }
+      }
+      .batch-del {
+        border: 1px solid $color-333;
+        border-radius: 16px;
+        padding: 8px 16px;
+        font-size: 16px;
+        .el-icon {
+          font-size: 18px;
+        }
+        .del-txt,
+        .el-icon {
+          display: inline-block;
+          vertical-align: middle;
+        }
+        .del-txt {
+          padding-left: 16px;
+        }
+      }
+    }
+    .fix-bottom {
+      bottom: 0;
+      display: inline-flex;
+      justify-content: space-between;
+      width: 100%;
+      .bottom-total,
+      .bottom-do {
+        display: inline-block;
+        vertical-align: middle;
+      }
+      .bottom-total {
+        .tips,
+        .total {
+          display: inline-block;
+          vertical-align: middle;
+        }
+        .tips {
+          font-size: 30px;
+        }
+        .total {
+          font-size: 42px;
+          color: $color-main;
+          padding-left: 16px;
+        }
+        .total::before {
+          content: '￥';
+        }
+      }
+      .bottom-do {
+        flex-direction: column;
+        justify-content: center;
+        display: inline-flex;
+        ::v-deep() {
+          .el-button {
+            font-size: 18px !important;
+            padding: 0 40px !important;
+            line-height: 42px !important;
+            height: 42px !important;
+            display: inline-block !important;
+          }
+        }
+      }
+    }
+    .conetnt-warp {
+      width: 100%;
+      padding: 80px 16px 96px 16px;
+      overflow-y: auto;
+      height: 100%;
+      .content-item-warp {
+        width: 100%;
+        .content-item {
+          width: 100%;
+          margin-bottom: 16px;
+          cursor: pointer;
+          .shop-info {
+            width: 100%;
+            display: inline-flex;
+            justify-content: flex-start;
+            gap: 16px;
+            .shop-do,
+            .shop-img,
+            .shop-name {
+              display: inline-block;
+              vertical-align: middle;
+            }
+            .shop-img {
+              width: 32px;
+              height: 32px;
+              display: inline-flex;
+              flex-direction: column;
+              justify-content: center;
+              border-radius: 4px;
+            }
+            .shop-do {
+              width: 30px;
+              display: inline-flex;
+              flex-direction: column;
+              justify-content: center;
+            }
+            .shop-name {
+              width: calc(100% - 62px);
+              font-size: 18px;
+            }
+          }
+
+          .good-list {
+            width: 100%;
+            .good-item {
+              display: inline-flex;
+              width: 100%;
+              justify-content: flex-start;
+              gap: 16px;
+              padding-left: 16px;
+              margin: 8px 0;
+            }
+            .good-do,
+            .good-img,
+            .good-info,
+            .good-price-num {
+              display: inline-block;
+              vertical-align: middle;
+            }
+            .good-do {
+              display: inline-flex;
+              flex-direction: column;
+              justify-content: center;
+              .good-do-pos {
+              }
+            }
+            .good-img {
+              width: 120px;
+              height: 120px;
+            }
+            .good-info {
+              width: 200px;
+              display: inline-flex;
+              flex-direction: column;
+              justify-content: center;
+              .good-info-pos {
+                font-size: 18px;
+                color: $color-666;
+              }
+            }
+            .good-price-num {
+              width: calc(100% - 340px);
+              display: inline-flex;
+              justify-content: center;
+              flex-direction: column;
+              .good-price-num-pos {
+                display: inline-flex;
+                justify-content: space-around;
+                gap: 16px;
+                .price,
+                .total {
+                  font-size: 20px;
+                }
+                .price {
+                  font-weight: 400;
+                }
+                .total {
+                  color: $color-main;
+                  font-weight: 700;
+                }
+                .total::before {
+                  content: '￥';
+                }
+                .good-del {
+                  color: $color-999;
+                  font-size: 16px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/sub-operation-service/src/views/userCenter/userLands.vue b/sub-operation-service/src/views/userCenter/userLands.vue
new file mode 100644
index 0000000..08cb807
--- /dev/null
+++ b/sub-operation-service/src/views/userCenter/userLands.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="user-lands-warp">我的土地</div>
+</template>
+<script setup>
+import { ref, reactive } from 'vue';
+import { isEmpty, getAssetsFile } from '@/utils';
+import { useRoute, useRouter } from 'vue-router';
+const route = useRoute();
+const router = useRouter();
+</script>
+<style lang="scss" scoped>
+.user-lands-warp {
+  width: 100%;
+}
+</style>
diff --git a/sub-operation-service/src/views/userCenter/userOrders.vue b/sub-operation-service/src/views/userCenter/userOrders.vue
new file mode 100644
index 0000000..2ded8d4
--- /dev/null
+++ b/sub-operation-service/src/views/userCenter/userOrders.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="user-orders-warp">我的订单</div>
+</template>
+<script setup>
+import { ref, reactive } from 'vue';
+import { isEmpty, getAssetsFile } from '@/utils';
+import { useRoute, useRouter } from 'vue-router';
+const route = useRoute();
+const router = useRouter();
+</script>
+<style lang="scss" scoped>
+.user-orders-warp {
+  width: 100%;
+}
+</style>