diff --git a/yudao-ui-admin-vben-master/src/assets/images/test/w100h100.png b/yudao-ui-admin-vben-master/src/assets/images/test/w100h100.png
new file mode 100644
index 0000000..d359d8f
Binary files /dev/null and b/yudao-ui-admin-vben-master/src/assets/images/test/w100h100.png differ
diff --git a/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/index.vue b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/index.vue
new file mode 100644
index 0000000..ed29c2e
--- /dev/null
+++ b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/index.vue
@@ -0,0 +1,266 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import BasicInfo from './src/BasicInfo.vue'
+import AuthInfo from './src/AuthInfo.vue'
+import Branch from './src/Branch.vue'
+import OrgInfo from './src/OrgInfo.vue'
+import EmployeeInfo from './src/EmployeeInfo.vue'
+import CustomerInfo from './src/CustomerInfo.vue'
+import SupplierInfo from './src/SupplierInfo.vue'
+import ProviderInfo from './src/ProviderInfo.vue'
+import OperationRecords from './src/OperationRecords.vue'
+import headerImg from '@/assets/images/test/w100h100.png'
+import { DownOutlined } from '@ant-design/icons-vue';
+
+const activeKey = ref('1');
+</script>
+
+<template>
+  <a-row :wrap="false" class="y1">
+    <a-col flex="1 1 auto">
+      <a-row :wrap="false" class="y1y1">
+        <a-col flex="0 0 100px">
+          <a-image :width="100" :height="100" :src="headerImg" />
+        </a-col>
+        <a-col flex="1 1 300px" class="y1y1x2">
+          济钢城市矿产科技有限公司（总公司）
+        </a-col>
+        <a-col flex="0 0 300px" class="y1y1x3">
+          <div class="xy-right">
+            <a-dropdown type="primary" class="xy-right-one">
+              <template #overlay>
+                <a-menu>
+                  <a-menu-item key="1">
+                    企业认证
+                  </a-menu-item>
+                  <a-menu-item key="2">
+                    维护机构
+                  </a-menu-item>
+                  <a-menu-item key="3">
+                    维护组织
+                  </a-menu-item>
+                  <a-menu-item key="4">
+                    维护员工
+                  </a-menu-item>
+                  <a-menu-item key="5">
+                    维护业务线
+                  </a-menu-item>
+                </a-menu>
+              </template>
+              <a-button>
+                主操作
+                <DownOutlined />
+              </a-button>
+            </a-dropdown>
+            <a-button class="xy-right-one">编辑</a-button>
+            <a-button class="xy-right-one">打印</a-button>
+          </div>
+        </a-col>
+      </a-row>
+      <a-row :wrap="false" class="y1y2">
+        <a-col flex="1 1 100px" class="y1y2x1">
+          <a-row :wrap="false" class="y1y2x1y1">
+            <a-col flex="85px"><span class="xy-label">商户代码：</span></a-col>
+            <a-col flex="200px"><span class="xy-cnt">CO2023099999877</span></a-col>
+            <a-col flex="85px"><span class="xy-label">行业类型：</span></a-col>
+            <a-col flex="200px"><span class="xy-cnt">资源</span></a-col>
+            <a-col flex="85px"><span class="xy-label">首联系人：</span></a-col>
+            <a-col flex="200px"><span class="xy-cnt">徐守量（2683902877255）</span></a-col>
+          </a-row>
+          <a-row :wrap="false" class="y1y2x1y2">
+            <a-col flex="85px"><span class="xy-label">平台对接人：</span></a-col>
+            <a-col flex="200px"><span class="xy-cnt">雪豹（19340873890）</span></a-col>
+            <a-col flex="85px"><span class="xy-label">创建时间：</span></a-col>
+            <a-col flex="200px"><span class="xy-cnt">2023/09/03 23：23:00</span></a-col>
+          </a-row>
+        </a-col>
+        <a-col flex="0 0 220px" class="y1y2x2">
+          <a-row :wrap="false" class="y1y2x2y1">
+            <a-col flex="1 1 auto"><span class="xy-label">合约状态</span></a-col>
+            <a-col flex="1 1 auto"><span class="xy-label">商户状态</span></a-col>
+          </a-row>
+          <a-row :wrap="false" class="y1y2x2y2">
+            <a-col flex="1 1 auto"><span class="xy-yes">
+                <div class="xy-dot-true"></div>生效中
+              </span></a-col>
+            <a-col flex="1 1 auto"><span class="xy-no">
+                <div class="xy-dot-false"></div>未开通
+              </span></a-col>
+          </a-row>
+        </a-col>
+      </a-row>
+    </a-col>
+  </a-row>
+  <a-row :wrap="false" class="y2">
+    <a-col flex="1 1 auto" class="y2y1">
+      <a-tabs v-model:activeKey="activeKey">
+        <a-tab-pane key="1">
+          <template #tab>
+            <span class="tab-title">
+              基本信息
+            </span>
+          </template>
+          <BasicInfo />
+        </a-tab-pane>
+        <a-tab-pane key="2">
+          <template #tab>
+            <span class="tab-title">
+              认证信息
+            </span>
+          </template>
+          <AuthInfo />
+        </a-tab-pane>
+        <a-tab-pane key="3">
+          <template #tab>
+            <span class="tab-title">
+              分支机构
+            </span>
+          </template>
+          <Branch />
+        </a-tab-pane>
+        <a-tab-pane key="4">
+          <template #tab>
+            <span class="tab-title">
+              组织信息
+            </span>
+          </template>
+          <OrgInfo />
+        </a-tab-pane>
+        <a-tab-pane key="5">
+          <template #tab>
+            <span class="tab-title">
+              员工信息
+            </span>
+          </template>
+          <EmployeeInfo />
+        </a-tab-pane>
+        <a-tab-pane key="6">
+          <template #tab>
+            <span class="tab-title">
+              客户信息
+            </span>
+          </template>
+          <EmployeeInfo />
+        </a-tab-pane>
+        <a-tab-pane key="7">
+          <template #tab>
+            <span class="tab-title">
+              供应商信息
+            </span>
+          </template>
+          <CustomerInfo />
+        </a-tab-pane>
+        <a-tab-pane key="8">
+          <template #tab>
+            <span class="tab-title">
+              服务商信息
+            </span>
+          </template>
+          <SupplierInfo />
+        </a-tab-pane>
+        <a-tab-pane key="9">
+          <template #tab>
+            <span class="tab-title">
+              服务商信息
+            </span>
+          </template>
+          <ProviderInfo />
+        </a-tab-pane>
+        <a-tab-pane key="10">
+          <template #tab>
+            <span class="tab-title">
+              操作记录
+            </span>
+          </template>
+          <OperationRecords />
+        </a-tab-pane>
+      </a-tabs>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+.xy-label {
+  color: #8C8C8C;
+}
+
+.xy-cnt {
+  color: #262626;
+}
+
+.xy-yes {
+  font-size: 20px;
+  color: #15AD31;
+}
+
+.xy-no {
+  font-size: 20px;
+  color: #EE3A3D;
+}
+
+.xy-dot-true {
+  float: left;
+  width: 10px;
+  height: 10px;
+  background-color: #15AD31;
+  border-radius: 100%;
+  margin: 10px 2px;
+}
+
+.xy-dot-false {
+  float: left;
+  width: 10px;
+  height: 10px;
+  background-color: #EE3A3D;
+  border-radius: 100%;
+  margin: 10px 2px;
+}
+
+.xy-right {
+  float: right;
+
+  .xy-right-one {
+    margin-left: 10px;
+  }
+}
+
+.y1 {
+  margin: 24px;
+  border-radius: 3px;
+  font-size: 14px;
+  background-color: #FFFFFF;
+
+  .y1y1 {
+    margin: 24px;
+
+    .y1y1x2 {
+      padding: 34px 18px;
+      line-height: 28px;
+      font-size: 18px;
+    }
+
+    .y1y1x3 {
+      padding: 34px 0px;
+    }
+  }
+
+  .y1y2 {
+    margin: 24px;
+    padding: 24px;
+    line-height: 29px;
+    height: 106px;
+    background-color: #F7F8FA;
+  }
+}
+
+.y2 {
+  margin: 24px;
+  border-radius: 3px;
+  font-size: 14px;
+  background-color: #FFFFFF;
+
+  .y2y1 {
+    margin: 24px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/AuthInfo.vue b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/AuthInfo.vue
new file mode 100644
index 0000000..d573d58
--- /dev/null
+++ b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/AuthInfo.vue
@@ -0,0 +1,250 @@
+<script lang="ts" setup>
+const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+</script>
+
+<template>
+  <a-row :wrap="false" class="auth-info-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="认证信息" :bordered="false" style="border-radius: 3px;" :headStyle=headStyleV>
+        <div class="xy-infoa-box">
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">主体信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户代码：</div>
+                <div class="xy-text">CO202309030001</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户名称：</div>
+                <div class="xy-text">济钢城市矿产科技有限公司</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">主体类型：</div>
+                <div class="xy-text">国有企业</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">注册地址：</div>
+                <div class="xy-text">山东省济南市历城区工业北路21号</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">社会统一信息代码：</div>
+                <div class="xy-text">91370112725410170P</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">经营期限：</div>
+                <div class="xy-text">2000-10-13 至 无固定期限</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件照片：</div>
+                <div class="xy-text">证件照片 <a>查看</a></div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-a1">
+                <div class="xy-label">经营范围：</div>
+                <div class="xy-text">
+                  许可项目：报废机动车回收；报废机动车拆解；道路货物运输（不含危险货物）；城市建筑垃圾处置（清运）；成品油零售（不含危险化学品）。（依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以相关部门批准文件或许可证件为准）一般项目：再生资源加工；再生资源回收（除生产性废旧金属）；再生资源销售；建筑材料销售；水泥制品制造；水泥制品销售；国内货物运输代理；机动车修理和维护；装卸搬运；普通货物仓储服务（不含危险化学品等需许可审批的项目）；化工产品销售（不含许可类化工产品）；汽车零配件零售；润滑油销售；机械设备销售；机械设备租赁；金属材料销售；金属矿石销售；锻件及粉末冶金制品销售；煤炭及制品销售；土石方工程施工；非居住房地产租赁；金属切削加工服务；矿物洗选加工；非金属矿及制品销售；耐火材料销售；货物进出口；人造板销售；软木制品销售；日用木制品销售；家具销售；木材销售；地板销售。（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">法定代表人信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-a1">
+                <div class="xy-label">实际操作人：</div>
+                <div class="xy-text">代办人</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">法定代表人姓名：</div>
+                <div class="xy-text">徐守亮</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件类型：</div>
+                <div class="xy-text">身份证 <a>查看</a></div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件号码：</div>
+                <div class="xy-text">310403****5618</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">出生日期：</div>
+                <div class="xy-text">1991-02-13</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件有效期：</div>
+                <div class="xy-text">2023-09-03 至 2040-11-13</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">代办人姓名：</div>
+                <div class="xy-text">小王</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件类型：</div>
+                <div class="xy-text">身份证 <a>查看</a></div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件号码：</div>
+                <div class="xy-text">320925****5618</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">出生日期：</div>
+                <div class="xy-text">1998-03-19</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件有效期：</div>
+                <div class="xy-text">2022-11-10 至 2040-11-09</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">待办授权书：</div>
+                <div class="xy-text">授权书 <a>查看</a></div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">经营信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">联系人姓名：</div>
+                <div class="xy-text">康宁</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">手机号：</div>
+                <div class="xy-text">13112345678</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">常用邮箱：</div>
+                <div class="xy-text">123456789@126.com</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">财务信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">发票抬头：</div>
+                <div class="xy-text">济钢城市矿产科技有限公司</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户税号：</div>
+                <div class="xy-text">91370112725410170P</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">开户银行：</div>
+                <div class="xy-text">工商银行普陀支行</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">银行账号：</div>
+                <div class="xy-text">370112000000831</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">电话号码：</div>
+                <div class="xy-text">0531-8886****</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">注册地址：</div>
+                <div class="xy-text">山东省济南市历城区工业北路21号</div>
+              </div>
+            </a-col>
+          </a-row>
+        </div>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+.auth-info-y1 {
+  margin: 24px 0px;
+}
+</style>
\ No newline at end of file
diff --git a/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/BasicInfo.vue b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/BasicInfo.vue
new file mode 100644
index 0000000..ac6b474
--- /dev/null
+++ b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/BasicInfo.vue
@@ -0,0 +1,285 @@
+<script lang="ts" setup>
+import { ref } from 'vue';
+const current = ref<number>(1);
+const stepItems = [
+  {
+    title: '提交申请',
+    description: '2023-09-03 23:26:08'
+  },
+  {
+    title: '信息确认',
+    description: '2023-09-03 23:26:08'
+  },
+  {
+    title: '商户认证',
+    description: '2023-09-03 23:26:08'
+  },
+  {
+    title: '商户审核',
+    description: '2023-09-03 23:26:08'
+  },
+  {
+    title: '购买产品',
+    description: '2023-09-03 23:26:08'
+  },
+  {
+    title: '平台开通',
+    description: '2023-09-03 23:26:08'
+  }
+];
+const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+</script>
+
+<template>
+  <a-row :wrap="false" class="basic-info-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="流程进度" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+        <a-steps v-model:current="current" :items="stepItems">
+          <template #progressDot="{ index, status, prefixCls }">
+            <a-popover>
+              <template #content>
+                <span>step {{ index }} status: {{ status }}</span>
+              </template>
+              <span :class="`${prefixCls}-icon-dot`" />
+            </a-popover>
+          </template>
+        </a-steps>
+      </a-card>
+    </a-col>
+  </a-row>
+  <a-row :wrap="false" class="basic-info-y2">
+    <a-col flex="1 1 auto">
+      <a-card title="基本信息" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+        <div class="stycus-infoa-box">
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">基本信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户代码：</div>
+                <div class="xy-text">CO202309030001</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户名称：</div>
+                <div class="xy-text">济钢城市矿产科技有限公司</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户简称/英文名称：</div>
+                <div class="xy-text">城矿</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">主体类型：</div>
+                <div class="xy-text">国有企业</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">行业类型：</div>
+                <div class="xy-text">道路运输业</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">所在城市：</div>
+                <div class="xy-text">山东省济南市</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">最后更新时间：</div>
+                <div class="xy-text">2023-09-03 23:26:08</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">首联系人：</div>
+                <div class="xy-text">徐守亮</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">手机号码：</div>
+                <div class="xy-text">18612345678</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-a1">
+                <div class="xy-label">职位：</div>
+                <div class="xy-text">法定代表人</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">详细信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">详细地址：</div>
+                <div class="xy-text">山东省济南市历城区工业北路21号8</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">公司电话：</div>
+                <div class="xy-text">0531-8886****</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">公司传真：</div>
+                <div class="xy-text">0531-8886****</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-a1">
+                <div class="xy-label">公司网址：</div>
+                <div class="xy-text">--</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-a1">
+                <div class="xy-label">公司介绍：</div>
+                <div class="xy-text">
+                  济钢城市矿产科技有限公司成立于2000年10月13日，注册地位于山东省济南市历城区工业北路21号，法定代表人为徐守亮。经营范围包括许可项目：报废机动车回收；报废机动车拆解；道路货物运输（不含危险货物）；城市建筑垃圾处置（清运）；成品油零售（不含危险化学品）。（依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以相关部门批准文件或许可证件为准）一般项目：再生资源加工；再生资源回收（除生产性废旧金属）；再生资源销售；建筑材料销售；水泥制品制造；水泥制品销售；国内货物运输代理；机动车修理和维护；装卸搬运；普通货物仓储服务（不含危险化学品等需许可审批的项目）；化工产品销售（不含许可类化工产品）；汽车零配件零售；润滑油销售；机械设备销售；机械设备租赁；金属材料销售；金属矿石销售；锻件及粉末冶金制品销售；煤炭及制品销售；土石方工程施工；非居住房地产租赁；金属切削加工服务；矿物洗选加工；非金属矿及制品销售；耐火材料销售；货物进出口；人造板销售；软木制品销售；日用木制品销售；家具销售；木材销售；地板销售。（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）济钢城市矿产科技有限公司对外投资3家公司，具有3处分支机构。
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">财务信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">发票抬头：</div>
+                <div class="xy-text">
+                  夏晖物流（上海）有限公司
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户税号：</div>
+                <div class="xy-text">
+                  91310000729447****
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">开户银行：</div>
+                <div class="xy-text">
+                  工商银行普陀支行
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">银行账号：</div>
+                <div class="xy-text">
+                  310000400286498
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">电话号码：</div>
+                <div class="xy-text">
+                  021-88888888
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">注册地址：</div>
+                <div class="xy-text">
+                  上海市普陀区近铁城市广场
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+        </div>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+.basic-info-y1 {
+  margin: 24px 0px;
+}
+
+.basic-info-y2 {
+  margin: 24px 0px;
+}
+</style>
+<style lang="less">
+.xy-info-title-a1 {
+  padding: 14px;
+  line-height: 28px;
+  font-weight: 500;
+
+  .xy-icon {
+    font-family: "阿里巴巴普惠体 2.0 65 Medium", "阿里巴巴普惠体 2.0 55", "阿里巴巴普惠体 2.0", sans-serif;
+    color: #409EFF;
+  }
+
+  .xy-text {
+    padding-left: 5px;
+    color: #666666;
+  }
+}
+
+.xy-info-a1 {
+  display: -webkit-flex;
+  display: flex;
+  flex-direction: row;
+  line-height: 28px;
+  font-size: 14px;
+  padding: 12px;
+
+  .xy-label {
+    min-width: 130px;
+    font-weight: 500;
+    text-align: right;
+    color: #8C8C8C;
+  }
+
+  .xy-text {
+    padding-left: 10px;
+    color: #262626;
+  }
+}
+</style>
diff --git a/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/Branch.vue b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/Branch.vue
new file mode 100644
index 0000000..864da8a
--- /dev/null
+++ b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/Branch.vue
@@ -0,0 +1,321 @@
+<script lang="ts" setup>
+import { ref, watch, h } from 'vue'
+import type { TreeProps } from 'ant-design-vue';
+import difference from 'lodash-es/difference';
+import type { Dayjs } from 'dayjs';
+import {
+  SearchOutlined,
+  UndoOutlined,
+  ReloadOutlined
+} from '@ant-design/icons-vue';
+
+
+type RangeValue = [Dayjs, Dayjs];
+const valTime = ref<RangeValue>();
+// 左边
+const treeData: TreeProps['treeData'] = [
+  {
+    title: '济钢城市矿产',
+    key: '0-0',
+    children: [
+      {
+        title: '城市矿产科技',
+        key: '0-0-1'
+      },
+      {
+        title: '日照济钢金属',
+        key: '0-0-2'
+      },
+      {
+        title: '济钢愿景工业',
+        key: '0-0-3',
+        children: [
+          {
+            key: '0-0-3-1', title: ' 废钢', children: [
+              { key: '0-0-3-1-1', title: ' 仓库名称A' },
+              { key: '0-0-3-1-2', title: ' 生产车间B' },
+              { key: '0-0-3-1-3', title: ' 仓库名称C' }
+            ]
+          },
+          { key: '0-0-3-2', title: ' 废铁' },
+          { key: '0-0-3-3', title: ' 废铝' },
+          { key: '0-0-3-4', title: ' 废纸' },
+          { key: '0-0-3-5', title: ' 煤炭' },
+        ],
+      },
+      {
+        title: '城市矿产科技（佛山）',
+        key: '0-0-4'
+      }
+    ],
+  }
+];
+
+const expandedKeys = ref<string[]>(['0-0']);
+const selectedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+const checkedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+watch(expandedKeys, () => {
+  console.log('expandedKeys', expandedKeys);
+});
+watch(selectedKeys, () => {
+  console.log('selectedKeys', selectedKeys);
+});
+watch(checkedKeys, () => {
+  console.log('checkedKeys', checkedKeys);
+});
+const handleExpand = (keys: string[], { expanded, node }) => {
+  // node.parent add from 3.0.0-alpha.10
+  const tempKeys = ((node.parent ? node.parent.children : treeData) || []).map(({ key }) => key);
+  if (expanded) {
+    expandedKeys.value = difference(keys, tempKeys).concat(node.key);
+  } else {
+    expandedKeys.value = keys;
+  }
+};
+// 右边
+const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys: (string | number)[], selectedRows: any[]) => {
+    console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
+  },
+  onSelect: (record: any, selected: boolean, selectedRows: any[]) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected: boolean, selectedRows: any[], changeRows: any[]) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+const columns: any = [
+  {
+    title: '分支机构名称',
+    dataIndex: 'k1a',
+    key: 'k1a',
+  },
+  {
+    title: '负责人',
+    dataIndex: 'k2',
+    key: 'k2',
+    sorter: true,
+  },
+  {
+    title: '联系电话',
+    dataIndex: 'k3',
+    key: 'k3',
+  },
+  {
+    title: '邮箱',
+    dataIndex: 'k4',
+    key: 'k4',
+  },
+  {
+    title: '包含仓库',
+    dataIndex: 'k5',
+    key: 'k5',
+  },
+  {
+    title: '关联员工',
+    dataIndex: 'k6',
+    key: 'k6',
+  },
+  {
+    title: '状态',
+    dataIndex: 'k7',
+    key: 'k7',
+    sorter: true,
+  },
+  {
+    title: '最后更新时间',
+    dataIndex: 'k8',
+    key: 'k8',
+    sorter: true,
+  },
+  {
+    title: '操作',
+    dataIndex: 'k9',
+    key: 'k9',
+  }
+]
+const dataSource: any = [
+  {
+    key: '1',
+    k1a: '济钢城市矿产科技有限公司',
+    k1b: 'JGCSKC202309030001',
+    k1c: 'JGCSKC202309030001',
+    k2: '徐守亮',
+    k3: '18612345678',
+    k4: '12345678@126.com',
+    k5: 100,
+    k6: 100,
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '2',
+    k1a: '日照济钢金属科技有限公司',
+    k1b: 'JGCSKC202309030002',
+    k1c: 'JGCSKC202309030001',
+    k2: '高鹏',
+    k3: '18612344321',
+    k4: '12345678@126.com',
+    k5: 50,
+    k6: 200,
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '3',
+    k1a: '济钢城市矿产科技（佛山）有限公司',
+    k1b: 'JGCSKC202309030003',
+    k1c: 'JGCSKC202309030001',
+    k2: '王恒山',
+    k3: '18612344321',
+    k4: '12345678@126.com',
+    k5: 20,
+    k6: 300,
+    k7: false,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '4',
+    k1a: '山东济钢愿景工业科技有限公司',
+    k1b: 'JGCSKC202309030004',
+    k1c: 'JGCSKC202309030001',
+    k2: '邹慧丽',
+    k3: '18612344321',
+    k4: '12345678@126.com',
+    k5: 30,
+    k6: 400,
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  }
+];
+</script>
+
+<template>
+  <a-row :wrap="false" class="branch-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="分支机构" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+        <a-row>
+          <a-col :span="4">
+            <div style="padding: 0px 20px;"><a-input placeholder="公司/业务线/仓库名称" /></div>
+            <div style="padding: 0px 20px;"><a-tree v-model:selectedKeys="selectedKeys" :expanded-keys="expandedKeys"
+                :tree-data="treeData" @expand="handleExpand">
+                <template #title="{ title, key }">
+                  <span v-if="key === '0-0-1-0'" style="color: #1890ff">{{ title }}</span>
+                  <template v-else>{{ title }}</template>
+                </template>
+              </a-tree></div>
+          </a-col>
+          <a-col :span="20">
+            <a-card title="当前：济钢城市矿产科技有限公司（总公司）" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+              <a-row>
+                <a-col flex="1 1 auto" style="padding: 0px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <a-input placeholder="姓名/工号/手机号/邮箱" />
+                    <a-select allowClear placeholder="状态选项">
+                      <a-select-option value="enable">启用</a-select-option>
+                      <a-select-option value="disable">禁用</a-select-option>
+                    </a-select>
+                    <a-range-picker v-model:value="valTime" />
+                    <a-button type="primary" :icon="h(SearchOutlined)">查询</a-button>
+                    <a-button :icon="h(UndoOutlined)">重置</a-button>
+                  </a-space>
+                </a-col>
+                <a-col flex="0 0 20px" style="padding: 10px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <ReloadOutlined title="刷新列表" style="cursor: pointer;" />
+                  </a-space>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="24">
+                  <a-table class="ant-table-striped" :dataSource="dataSource" :row-selection="rowSelection"
+                    :columns="columns"
+                    :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')">
+                    <template #bodyCell="{ column, record }">
+                      <template v-if="column.key === 'k1a'">
+                        <a-row>
+                          <a-col :span="5">
+                            <div style="text-align: center;">
+                              <a-image :width="40"
+                                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
+                            </div>
+                          </a-col>
+                          <a-col :span="19">
+                            <div>{{ record.k1a }}</div>
+                            <div>{{ record.k1b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k7'">
+                        <template v-if="record.k7 == true">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>启用</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-else>
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-false"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>禁用</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k9'">
+                        <div><a>详情</a></div>
+                      </template>
+                    </template>
+                  </a-table>
+                </a-col>
+              </a-row>
+            </a-card>
+          </a-col>
+        </a-row>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.ant-table-thead) .ant-table-cell {
+  background-color: rgb(245, 245, 245);
+  color: rgb(102, 102, 102);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-a) {
+  background-color: rgb(255, 255, 255);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-b) {
+  background-color: rgb(245, 245, 245);
+}
+
+.dot-true {
+  width: 10px;
+  height: 10px;
+  background-color: green;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+
+.dot-false {
+  width: 10px;
+  height: 10px;
+  background-color: red;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+</style>
\ No newline at end of file
diff --git a/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/BusinessOrganization.vue b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/BusinessOrganization.vue
new file mode 100644
index 0000000..ccc814f
--- /dev/null
+++ b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/BusinessOrganization.vue
@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <div class="basic-information">
+    业务组织内容
+  </div>
+</template>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/CustomerInfo.vue b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/CustomerInfo.vue
new file mode 100644
index 0000000..0f1809d
--- /dev/null
+++ b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/CustomerInfo.vue
@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <div class="basic-information">
+    客户信息内容
+  </div>
+</template>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/EmployeeInfo.vue b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/EmployeeInfo.vue
new file mode 100644
index 0000000..121e1cb
--- /dev/null
+++ b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/EmployeeInfo.vue
@@ -0,0 +1,462 @@
+<script lang="ts" setup>
+import { ref, watch, h } from 'vue'
+import type { TreeProps } from 'ant-design-vue';
+import difference from 'lodash-es/difference';
+import type { Dayjs } from 'dayjs';
+import {
+  SearchOutlined,
+  UndoOutlined,
+  ReloadOutlined
+} from '@ant-design/icons-vue';
+
+
+type RangeValue = [Dayjs, Dayjs];
+const valTime = ref<RangeValue>();
+// 左边
+const treeData: TreeProps['treeData'] = [
+  {
+    title: '济钢城市矿产',
+    key: '0-0',
+    children: [
+      {
+        title: '城市矿产科技',
+        key: '0-0-1'
+      },
+      {
+        title: '日照济钢金属',
+        key: '0-0-2'
+      },
+      {
+        title: '济钢愿景工业',
+        key: '0-0-3'
+      },
+      {
+        title: '城市矿产科技（佛山）',
+        key: '0-0-4'
+      }
+    ],
+  }
+];
+
+const expandedKeys = ref<string[]>(['0-0']);
+const selectedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+const checkedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+watch(expandedKeys, () => {
+  console.log('expandedKeys', expandedKeys);
+});
+watch(selectedKeys, () => {
+  console.log('selectedKeys', selectedKeys);
+});
+watch(checkedKeys, () => {
+  console.log('checkedKeys', checkedKeys);
+});
+const handleExpand = (keys: string[], { expanded, node }) => {
+  // node.parent add from 3.0.0-alpha.10
+  const tempKeys = ((node.parent ? node.parent.children : treeData) || []).map(({ key }) => key);
+  if (expanded) {
+    expandedKeys.value = difference(keys, tempKeys).concat(node.key);
+  } else {
+    expandedKeys.value = keys;
+  }
+};
+// 右边
+const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys: (string | number)[], selectedRows: any[]) => {
+    console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
+  },
+  onSelect: (record: any, selected: boolean, selectedRows: any[]) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected: boolean, selectedRows: any[], changeRows: any[]) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+const columns: any = [
+  {
+    title: '姓名',
+    dataIndex: 'k1a',
+    key: 'k1a',
+    sorter: true,
+  },
+  {
+    title: '职务',
+    dataIndex: 'k2a',
+    key: 'k2a',
+    sorter: true,
+  },
+  {
+    title: '组织部门',
+    dataIndex: 'k3a',
+    key: 'k3a',
+    sorter: true,
+  },
+  {
+    title: '关联业务',
+    dataIndex: 'k4a',
+    key: 'k4a',
+    sorter: true,
+  },
+  {
+    title: '账号状态',
+    dataIndex: 'k5',
+    key: 'k5',
+  },
+  {
+    title: '手机',
+    dataIndex: 'k6',
+    key: 'k6',
+  },
+  {
+    title: '在线状态',
+    dataIndex: 'k7',
+    key: 'k7',
+    sorter: true,
+  },
+  {
+    title: '最后登录',
+    dataIndex: 'k8',
+    key: 'k8',
+    sorter: true,
+  },
+  {
+    title: '添加时间',
+    dataIndex: 'k9a',
+    key: 'k9a',
+    sorter: true,
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'k10a',
+    key: 'k10a',
+    sorter: true,
+  },
+  {
+    title: '操作',
+    dataIndex: 'k1a',
+    key: 'k1a',
+  }
+]
+const dataSource: any = [
+  {
+    key: '1',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '2',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '3',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '4',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '5',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '6',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '7',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '8',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  }
+];
+</script>
+
+<template>
+  <a-row :wrap="false" class="branch-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="员工信息" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+        <a-row>
+          <a-col :span="4">
+            <div style="padding: 0px 20px;"><a-input placeholder="公司名称" /></div>
+            <div style="padding: 0px 20px;"><a-tree v-model:selectedKeys="selectedKeys" :expanded-keys="expandedKeys"
+                :tree-data="treeData" @expand="handleExpand">
+                <template #title="{ title, key }">
+                  <span v-if="key === '0-0-1-0'" style="color: #1890ff">{{ title }}</span>
+                  <template v-else>{{ title }}</template>
+                </template>
+              </a-tree></div>
+          </a-col>
+          <a-col :span="20">
+            <a-card title="当前：济钢城市矿产科技有限公司（总公司）" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+              <a-row>
+                <a-col flex="1 1 auto" style="padding: 0px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <a-input placeholder="编号/姓名/账号/手机" />
+                    <a-select allowClear placeholder="选择职位">
+                      <a-select-option value="opt1">选择项一</a-select-option>
+                      <a-select-option value="opt2">选择项二</a-select-option>
+                      <a-select-option value="opt3">选择项三</a-select-option>
+                      <a-select-option value="opt4">选择项四</a-select-option>
+                      <a-select-option value="opt5">选择项五</a-select-option>
+                    </a-select>
+                    <a-select allowClear placeholder="状态选项">
+                      <a-select-option value="enable">启用</a-select-option>
+                      <a-select-option value="disable">禁用</a-select-option>
+                    </a-select>
+                    <a-range-picker v-model:value="valTime" />
+                    <a-button type="primary" :icon="h(SearchOutlined)">查询</a-button>
+                    <a-button :icon="h(UndoOutlined)">重置</a-button>
+                  </a-space>
+                </a-col>
+                <a-col flex="0 0 20px" style="padding: 10px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <ReloadOutlined title="刷新列表" style="cursor: pointer;" />
+                  </a-space>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="24">
+                  <a-table class="ant-table-striped" :dataSource="dataSource" :row-selection="rowSelection"
+                    :columns="columns"
+                    :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')">
+                    <template #bodyCell="{ column, record }">
+                      <template v-if="column.key === 'k1a'">
+                        <a>
+                          <a-row>
+                            <a-col :span="24">
+                              <div>{{ record.k1a }}</div>
+                            </a-col>
+                          </a-row>
+                          <a-row>
+                            <a-col :span="24">
+                              <div>{{ record.k1b }}</div>
+                            </a-col>
+                          </a-row>
+                        </a>
+                      </template>
+                      <template v-else-if="column.key === 'k2a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k2a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k2b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k3a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k3a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k3b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k4a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k4a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k4b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k7'">
+                        <template v-if="record.k7 == true">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>启用</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-else>
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-false"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>禁用</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k9'">
+                        <div><a>详情</a></div>
+                      </template>
+                    </template>
+                  </a-table>
+                </a-col>
+              </a-row>
+            </a-card>
+          </a-col>
+        </a-row>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.ant-table-thead) .ant-table-cell {
+  background-color: rgb(245, 245, 245);
+  color: rgb(102, 102, 102);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-a) {
+  background-color: rgb(255, 255, 255);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-b) {
+  background-color: rgb(245, 245, 245);
+}
+
+.dot-true {
+  width: 10px;
+  height: 10px;
+  background-color: green;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+
+.dot-false {
+  width: 10px;
+  height: 10px;
+  background-color: red;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+</style>
\ No newline at end of file
diff --git a/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OperationRecords.vue b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OperationRecords.vue
new file mode 100644
index 0000000..223f676
--- /dev/null
+++ b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OperationRecords.vue
@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <div class="basic-information">
+    员工信息内容
+  </div>
+</template>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OrgInfo.vue b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OrgInfo.vue
new file mode 100644
index 0000000..eeec121
--- /dev/null
+++ b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OrgInfo.vue
@@ -0,0 +1,317 @@
+<script lang="ts" setup>
+import { ref, watch, h } from 'vue'
+import type { TreeProps } from 'ant-design-vue';
+import difference from 'lodash-es/difference';
+import type { Dayjs } from 'dayjs';
+import {
+  SearchOutlined,
+  UndoOutlined,
+  ReloadOutlined
+} from '@ant-design/icons-vue';
+
+
+type RangeValue = [Dayjs, Dayjs];
+const valTime = ref<RangeValue>();
+// 左边
+const treeData: TreeProps['treeData'] = [
+  {
+    title: '济钢城市矿产',
+    key: '0-0',
+    children: [
+      {
+        title: '日照济钢金属',
+        key: '0-0-1'
+      },
+      {
+        title: '城市矿产科技',
+        key: '0-0-2',
+        children: [
+          {
+            key: '0-0-2-1', title: ' 行政组'
+          },
+          { key: '0-0-3-2', title: ' 领导组' },
+          { key: '0-0-3-3', title: ' 再生资源事业部' },
+          { key: '0-0-3-4', title: ' 采购组' },
+          { key: '0-0-3-5', title: ' 销售组' },
+        ],
+      },
+      {
+        title: '济钢愿景工业',
+        key: '0-0-3'
+      },
+      {
+        title: '城市矿产科技（佛山）',
+        key: '0-0-4'
+      }
+    ],
+  }
+];
+
+const expandedKeys = ref<string[]>(['0-0']);
+const selectedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+const checkedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+watch(expandedKeys, () => {
+  console.log('expandedKeys', expandedKeys);
+});
+watch(selectedKeys, () => {
+  console.log('selectedKeys', selectedKeys);
+});
+watch(checkedKeys, () => {
+  console.log('checkedKeys', checkedKeys);
+});
+const handleExpand = (keys: string[], { expanded, node }) => {
+  // node.parent add from 3.0.0-alpha.10
+  const tempKeys = ((node.parent ? node.parent.children : treeData) || []).map(({ key }) => key);
+  if (expanded) {
+    expandedKeys.value = difference(keys, tempKeys).concat(node.key);
+  } else {
+    expandedKeys.value = keys;
+  }
+};
+// 右边
+const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys: (string | number)[], selectedRows: any[]) => {
+    console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
+  },
+  onSelect: (record: any, selected: boolean, selectedRows: any[]) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected: boolean, selectedRows: any[], changeRows: any[]) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+const columns: any = [
+  {
+    title: '分支机构名称',
+    dataIndex: 'k1a',
+    key: 'k1a',
+  },
+  {
+    title: '负责人',
+    dataIndex: 'k2',
+    key: 'k2',
+    sorter: true,
+  },
+  {
+    title: '联系电话',
+    dataIndex: 'k3',
+    key: 'k3',
+  },
+  {
+    title: '邮箱',
+    dataIndex: 'k4',
+    key: 'k4',
+  },
+  {
+    title: '包含仓库',
+    dataIndex: 'k5',
+    key: 'k5',
+  },
+  {
+    title: '关联员工',
+    dataIndex: 'k6',
+    key: 'k6',
+  },
+  {
+    title: '状态',
+    dataIndex: 'k7',
+    key: 'k7',
+    sorter: true,
+  },
+  {
+    title: '最后更新时间',
+    dataIndex: 'k8',
+    key: 'k8',
+    sorter: true,
+  },
+  {
+    title: '操作',
+    dataIndex: 'k9',
+    key: 'k9',
+  }
+]
+const dataSource: any = [
+  {
+    key: '1',
+    k1a: '济钢城市矿产科技有限公司',
+    k1b: 'JGCSKC202309030001',
+    k1c: 'JGCSKC202309030001',
+    k2: '徐守亮',
+    k3: '18612345678',
+    k4: '12345678@126.com',
+    k5: 100,
+    k6: 100,
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '2',
+    k1a: '日照济钢金属科技有限公司',
+    k1b: 'JGCSKC202309030002',
+    k1c: 'JGCSKC202309030001',
+    k2: '高鹏',
+    k3: '18612344321',
+    k4: '12345678@126.com',
+    k5: 50,
+    k6: 200,
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '3',
+    k1a: '济钢城市矿产科技（佛山）有限公司',
+    k1b: 'JGCSKC202309030003',
+    k1c: 'JGCSKC202309030001',
+    k2: '王恒山',
+    k3: '18612344321',
+    k4: '12345678@126.com',
+    k5: 20,
+    k6: 300,
+    k7: false,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '4',
+    k1a: '山东济钢愿景工业科技有限公司',
+    k1b: 'JGCSKC202309030004',
+    k1c: 'JGCSKC202309030001',
+    k2: '邹慧丽',
+    k3: '18612344321',
+    k4: '12345678@126.com',
+    k5: 30,
+    k6: 400,
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  }
+];
+</script>
+
+<template>
+  <a-row :wrap="false" class="branch-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="组织信息" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+        <a-row>
+          <a-col :span="4">
+            <div style="padding: 0px 20px;"><a-input placeholder="企业/部门" /></div>
+            <div style="padding: 0px 20px;"><a-tree v-model:selectedKeys="selectedKeys" :expanded-keys="expandedKeys"
+                :tree-data="treeData" @expand="handleExpand">
+                <template #title="{ title, key }">
+                  <span v-if="key === '0-0-1-0'" style="color: #1890ff">{{ title }}</span>
+                  <template v-else>{{ title }}</template>
+                </template>
+              </a-tree></div>
+          </a-col>
+          <a-col :span="20">
+            <a-card title="当前：济钢城市矿产科技有限公司（总公司）" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+              <a-row>
+                <a-col flex="1 1 auto" style="padding: 0px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <a-input placeholder="分支机构编号/名称/负责人" />
+                    <a-select allowClear placeholder="状态选项">
+                      <a-select-option value="enable">启用</a-select-option>
+                      <a-select-option value="disable">禁用</a-select-option>
+                    </a-select>
+                    <a-range-picker v-model:value="valTime" />
+                    <a-button type="primary" :icon="h(SearchOutlined)">查询</a-button>
+                    <a-button :icon="h(UndoOutlined)">重置</a-button>
+                  </a-space>
+                </a-col>
+                <a-col flex="0 0 20px" style="padding: 10px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <ReloadOutlined title="刷新列表" style="cursor: pointer;" />
+                  </a-space>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="24">
+                  <a-table class="ant-table-striped" :dataSource="dataSource" :row-selection="rowSelection"
+                    :columns="columns"
+                    :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')">
+                    <template #bodyCell="{ column, record }">
+                      <template v-if="column.key === 'k1a'">
+                        <a-row>
+                          <a-col :span="5">
+                            <div style="text-align: center;">
+                              <a-image :width="40"
+                                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
+                            </div>
+                          </a-col>
+                          <a-col :span="19">
+                            <div>{{ record.k1a }}</div>
+                            <div>{{ record.k1b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k7'">
+                        <template v-if="record.k7 == true">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>启用</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-else>
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-false"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>禁用</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k9'">
+                        <div><a>详情</a></div>
+                      </template>
+                    </template>
+                  </a-table>
+                </a-col>
+              </a-row>
+            </a-card>
+          </a-col>
+        </a-row>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.ant-table-thead) .ant-table-cell {
+  background-color: rgb(245, 245, 245);
+  color: rgb(102, 102, 102);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-a) {
+  background-color: rgb(255, 255, 255);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-b) {
+  background-color: rgb(245, 245, 245);
+}
+
+.dot-true {
+  width: 10px;
+  height: 10px;
+  background-color: green;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+
+.dot-false {
+  width: 10px;
+  height: 10px;
+  background-color: red;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+</style>
\ No newline at end of file
diff --git a/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/ProviderInfo.vue b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/ProviderInfo.vue
new file mode 100644
index 0000000..4dd11b1
--- /dev/null
+++ b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/ProviderInfo.vue
@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <div class="basic-information">
+    服务商信息内容
+  </div>
+</template>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/SupplierInfo.vue b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/SupplierInfo.vue
new file mode 100644
index 0000000..d4a99ac
--- /dev/null
+++ b/yudao-ui-admin-vben-master/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/SupplierInfo.vue
@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <div class="basic-information">
+    供应商信息内容
+  </div>
+</template>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file