From e566c2bac7487b18a5bbaf540e5cf659d18a83c7 Mon Sep 17 00:00:00 2001
From: qiuhongwu <Qhw0227@163.com>
Date: Tue, 10 Oct 2023 16:13:27 +0800
Subject: [PATCH] 11

---
 .../src/views/users/configuration/index.vue   |  379 ++++++
 .../src/views/users/newNustomer/index.vue     | 1122 ++++++++++++++++-
 .../views/xxjj/businessOrganization/index.vue |   83 +-
 .../BusinessWarehouseModal.vue                |   26 +-
 .../businessWarehouse.data.ts                 |   79 +-
 .../xxjj/businessOrganizationConfig/index.vue |   87 +-
 6 files changed, 1613 insertions(+), 163 deletions(-)
 create mode 100644 yudao-ui-admin-vben-master/src/views/users/configuration/index.vue

diff --git a/yudao-ui-admin-vben-master/src/views/users/configuration/index.vue b/yudao-ui-admin-vben-master/src/views/users/configuration/index.vue
new file mode 100644
index 0000000..f5f4716
--- /dev/null
+++ b/yudao-ui-admin-vben-master/src/views/users/configuration/index.vue
@@ -0,0 +1,379 @@
+<script lang="ts" setup>
+import type { UnwrapRef, VueElement } from 'vue'
+import { onMounted, reactive, ref, watch  } from 'vue'
+import { RedoOutlined, SearchOutlined, UserOutlined } from '@ant-design/icons-vue'
+import type { FormProps, ItemType, MenuProps, SelectProps, TableColumnsType  } from 'ant-design-vue'
+
+import type { Dayjs } from 'dayjs'
+
+//当前选中的菜单项 key 数组
+const selectedKeys = ref<string[]>(['1'])
+
+//默认展开
+const navopenKeys = ref<string[]>(['sub1'])
+
+
+const items: any = reactive<ItemType[]>([])
+function getItem(
+  label: VueElement | string,
+  key: string,
+  icon?: any,
+  children?: ItemType[],
+  type?: 'group',
+): ItemType {
+  return {
+    key,
+    icon,
+    children,
+    label,
+    type,
+  } as ItemType
+}
+
+
+// 模拟异步请求获取菜单项数据的函数
+async function fetchMenuItems() {
+  // 模拟异步请求延迟
+  await new Promise(resolve => setTimeout(resolve, 1000))
+
+  // 模拟接口返回的菜单项数据
+  return [
+    {
+      label: '废铁',
+      key: 'sub1',
+      icon:'',
+      children: [
+        { label: '车间名称', key: '1' },
+        { label: '仓库名称', key: '模拟名称2' },
+        { label: '车间名称', key: '模拟名称3' },
+        { label: '车间名称', key: '模拟名称4' },
+        { label: '车间名称', key: '5' },
+        { label: '车间名称', key: '6' },
+      ],
+    },
+    {
+      label: '废铝',
+      key: 'sub2',
+      icon:'',
+      children: [
+        { label: '车间名称7', key: '7' },
+        { label: '车间名称8', key: '8' },
+        { label: '车间名称9', key: '9' },
+        { label: '车间名称10', key: '10' },
+        { label: '车间名称11', key: '11' },
+        { label: '车间名称12', key: '12' },
+      ],
+    },
+  ]
+}
+// 在组件中使用异步函数获取菜单项数据
+async function fetchData() {
+  try {
+    const data = await fetchMenuItems()
+    // 使用响应式数据保存获取到的菜单项
+    // items变量通过reactive函数创建为响应式数据。在fetchData函数中，使用splice方法来替换items数组的内容，确保新的数据被响应式地更新。这样，当fetchData异步请求完成后，items数组中的数据将被更新为获取到的菜单项数据
+    items.splice(0, items.length, ...data.map(item => getItem(item.label, item.key, null, item.children)))
+    // items.value = data.map(item => getItem(item.label, item.key, null, item.children))
+  }
+  catch (error) {
+    console.error('Error fetching menu items:', error)
+  }
+}
+/////////////////////////////////////////////////////////////
+// 右边内容
+
+//表单验证校验
+interface FormState {
+  username: string
+
+}
+const formState: UnwrapRef<FormState> = reactive({
+  username: '',
+  
+})
+
+
+const onFinish: FormProps['onFinish'] = (values) => {
+  console.log(values, formState)
+}
+const onFinishFailed: FormProps['onFinishFailed'] = (errors) => {
+  console.log(errors)
+}
+
+//选择器
+const options = ref<SelectProps['options']>([
+  { value: 'jack', label: 'Jack' },
+  { value: 'lucy', label: 'Lucy' },
+  { value: 'tom', label: 'Tom' },
+])
+function handleChange(value: string) {
+  console.log(`selected ${value}`)
+}
+function handleBlur() {
+  console.log('blur')
+}
+function handleFocus() {
+  console.log('focus')
+}
+function filterOption(input: string, option: any) {
+  return option.value.toLowerCase().includes(input.toLowerCase())
+}
+
+const department = ref<string | undefined>(undefined)
+
+//表格
+const columns: TableColumnsType = [
+  { title: 'Full Name', width: 100, dataIndex: 'name', key: 'name', fixed: 'left' },
+  { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },
+  { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },
+  { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },
+  { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },
+  { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },
+  { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },
+  { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },
+  { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },
+  { title: 'Column 8', dataIndex: 'address', key: '8' },
+  {
+    title: 'Action',
+    key: 'operation',
+    fixed: 'right',
+    width: 100,
+  },
+]
+
+interface DataItem {
+  key: number
+  name: string
+  age: number
+  address: string
+}
+
+const data: DataItem[] = []
+for (let i = 0; i < 100; i++) {
+  data.push({
+    key: i,
+    name: `Edrward ${i}`,
+    age: 32,
+    address: `London Park no. ${i}`,
+  })
+}
+
+
+// //被选中时调
+// function myFunction({ item, key, selectedKeys }) {
+//   // 在这里可以使用 item、key 和 selectedKeys
+//   console.log(item)
+//   console.log(key)
+//   console.log(selectedKeys)
+// }
+
+// // 调用函数时传递一个包含 item、key 和 selectedKeys 属性的对象
+// const data = {
+//   item: '仓库名称',
+//   key: 'someKey',
+//   selectedKeys: ['key1', 'key2'],
+// }
+
+// myFunction(data)
+
+onMounted(() => {
+  fetchData()
+})
+
+const handleClick: MenuProps['onClick'] = (e) => {
+  console.log(e)
+  
+  console.log('click', e)
+  alert(`当前打开的是${e.key}`)
+}
+watch(navopenKeys, (val) => {
+  console.log('navopenKeys', val)
+})
+</script>
+
+<template>
+  <a-card class="card">
+    <div class="mainbody">
+      <div class="aside">
+        <div class="search">
+          <a-input placeholder="请输入搜索内容">
+            <template #prefix>
+              <SearchOutlined />
+            </template>
+          </a-input>
+        </div>
+        <a-menu
+          id="dddddd"
+          v-model:openKeys="navopenKeys"
+          v-model:selectedKeys="selectedKeys"
+          style="width: 256px;height: 900px;"
+          mode="inline"
+          :items="items"
+          @click="handleClick"
+        />
+      </div>
+      <div class="main"> 
+        <div class="designation">
+          <p>
+            <span>▋</span>
+            {{ `车间名称` }}
+          </p>
+        </div>
+        <!-- 表单 -->
+        <div class="inquiry">
+          <a-form
+            :model="formState"
+            name="horizontal_login"
+            layout="inline"
+            autocomplete="off"
+            style="display: flex;"
+            @finish="onFinish"
+            @finishFailed="onFinishFailed"
+          >
+            <a-form-item
+              name="username"
+              style="width: 240px;"
+              :rules="[{ required: true, message: '输入姓名/工号/手机号/邮箱!' }]"
+            >
+              <a-input v-model:value="formState.username" placeholder="输入姓名/工号/手机号/邮箱">
+                <template #prefix>
+                  <UserOutlined class="site-form-item-icon" />
+                </template>
+              </a-input>
+            </a-form-item>
+              
+            <a-form-item
+              name="username"
+              :rules="[{ required: true, message: '请选择部门！' }]"
+            >
+              <a-select
+                v-model:value="department"
+                placeholder="选择部门"
+                style="width: 200px"
+                :options="options"
+                :filter-option="filterOption"
+                @focus="handleFocus"
+                @blur="handleBlur"
+                @change="handleChange"
+              >
+                <a-select-option value="jack">
+                  Jack
+                </a-select-option>
+                <a-select-option value="lucy">
+                  Lucy
+                </a-select-option>
+                <a-select-option value="disabled" disabled>
+                  Disabled
+                </a-select-option>
+                <a-select-option value="Yiminghe">
+                  yiminghe
+                </a-select-option>
+              </a-select>
+            </a-form-item>
+            <a-form-item
+              name="username"
+              style="width: 240px;"
+              :rules="[{ required: true, message: '选择时间!' }]"
+            >
+              <a-range-picker v-model:value="value1" style="margin-right:10px;" />
+            </a-form-item>
+            <a-form-item>
+              <a-button type="primary" html-type="submit" style="margin-right:10px;">
+                <SearchOutlined />
+                查询
+              </a-button>
+              <a-button html-type="submit">
+                <RedoOutlined />
+                重置
+              </a-button>
+            </a-form-item>
+          </a-form>
+        </div>
+        <!-- 关联 导入 -->
+        <div class="relevance">
+          <a-button type="primary" html-type="submit" style="margin-right:10px;">
+            <SearchOutlined />
+            关联员工
+          </a-button>
+          <a-button html-type="submit">
+            <RedoOutlined />
+            导入数据
+          </a-button>
+        </div>
+        <!-- 表格 -->
+        <div class="tablestyle">
+          <a-table :columns="columns" :data-source="data" :scroll="{ x: 1500, y: 300 }">
+            <template #bodyCell="{ column }">
+              <template v-if="column.key === 'operation'">
+                <a>action</a>
+              </template>
+            </template>
+          </a-table>
+        </div>
+      </div>
+    </div>
+  </a-card>
+</template>
+
+<style scoped lang="less">
+.card{
+  box-sizing: border-box;
+  width: 90%;
+  margin: 0 auto;
+ overflow: hidden;
+  border-radius: 3px;
+
+  .mainbody{
+    box-sizing: border-box;
+    display: flex;
+    width: 100%;
+    height: 1000px;
+
+
+  .aside{
+     margin: 50px 0;
+
+     .search{
+      margin: 10px ;
+     }
+    }
+
+    .main{
+      margin: 20px;
+
+      .designation{
+        padding-bottom: 16px;
+       margin: 10px 0 ;
+      
+        p{
+            width: 110px;
+            height: 24px;
+            margin-bottom: 15px; 
+            font-family: "AlibabaPuHuiTi_3_55_Regular-55 Regular";
+            font-size:22px;
+            line-height: 24px;
+            color: #262626;
+            background: linear-gradient(90deg, #9EF9FF 0%, #FFF 100%);
+
+          span{
+            font-size:20px;
+            color:#409EFF;
+          }
+        }
+      }
+
+      .inquiry{
+       display: flex;
+       justify-content: space-around;
+        width: 100%;
+      }
+
+      .relevance{
+        margin: 30px 0;
+      }
+    }
+  }
+}
+</style> 
+
+
diff --git a/yudao-ui-admin-vben-master/src/views/users/newNustomer/index.vue b/yudao-ui-admin-vben-master/src/views/users/newNustomer/index.vue
index b28e480..f1278b1 100644
--- a/yudao-ui-admin-vben-master/src/views/users/newNustomer/index.vue
+++ b/yudao-ui-admin-vben-master/src/views/users/newNustomer/index.vue
@@ -1,10 +1,154 @@
 <script setup lang="ts">
-import { onBeforeUnmount, onMounted, reactive, ref } from 'vue'
-import { LoadingOutlined, PlusOutlined, UserOutlined } from '@ant-design/icons-vue'
+import { nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
+import { EditOutlined, FolderAddOutlined, LoadingOutlined, PlusOutlined, SmileOutlined, UserOutlined } from '@ant-design/icons-vue'
 import { message } from 'ant-design-vue'
 import type { SelectProps, UploadChangeParam, UploadProps } from 'ant-design-vue'
 import type { Rule } from 'ant-design-vue/es/form'
+import type { Dayjs } from 'dayjs'
 
+//结算信息切换
+const values = ref<any>('buyout')
+
+const isVisible =  ref(true)
+// const isVisible2 = ref(false)
+// const toggleBlocks: any = () => {
+//   isVisible.value = !isVisible.value
+//   isVisible2.value = !isVisible2.value
+// } 
+
+type RangeValue = [Dayjs, Dayjs]
+const dayvalue1 = ref<RangeValue>()
+//合作范围的业务线标签
+const inputRef = ref()
+const state = reactive({
+  tags: ['业务线名称', '业务线名称', '业务线名称'],
+  inputVisible: false,
+  inputValue: '',
+})
+
+function handleClose(removedTag: string) {
+  const tags = state.tags.filter(tag => tag !== removedTag)
+  console.log(tags)
+  state.tags = tags
+}
+
+function showInput() {
+  state.inputVisible = true
+  nextTick(() => {
+    inputRef.value.focus()
+  })
+}
+
+function handleInputConfirm() {
+  const inputValue = state.inputValue
+  let tags = state.tags
+  if (inputValue && !tags.includes(inputValue)) 
+    tags = [...tags, inputValue]
+  
+  console.log(tags)
+  Object.assign(state, {
+    tags,
+    inputVisible: false,
+    inputValue: '',
+  })
+}
+
+//代表人信息表格
+const mationtablecolumns = [
+  {
+    name: '',
+    dataIndex: 'type',
+    key: 'type',
+  },
+  {
+    title: '姓名',
+    dataIndex: 'name',
+    key: 'name',
+  },
+  {
+    title: '身份证照',
+    dataIndex: 'identificationphoto',
+    key: 'identificationphoto',
+  },
+  {
+    title: '身份证号',
+    key: 'Idnumber',
+    dataIndex: 'Idnumber',
+  },
+  {
+    title: '证件有效期',
+    key: 'validity',
+  },
+  {
+    title: '授权/证明文件',
+    key: 'impower',
+  },
+  {
+    title: '更新时间',
+    key: 'turnover',
+  },
+  {
+    title: '操作',
+    key: 'operate',
+  },
+]
+
+const mationtabledata = [
+  {
+    key: '1',
+    type:'法定代表人',
+    name: '业务线',
+    identificationphoto:'',
+    Idnumber:'147289*********',
+    validity: '2022/11/02至2023/01/12',
+    impower: '',
+    turnover:'2022-10-07 15:21:36',
+  },
+ 
+  {
+    key: '2',
+    type:'法定代表人',
+    name: '业务线',
+    identificationphoto:'',
+    Idnumber:'147289*********',
+    validity: '2022/11/02至2023/01/12',
+    impower: '',
+    turnover:'2022-10-07 15:21:36',
+  },
+  {
+    key: '3',
+    type:'法定代表人',
+    name: '业务线',
+    identificationphoto:'',
+    Idnumber:'147289*********',
+    validity: '2022/11/02至2023/01/12',
+    impower: '',
+    turnover:'2022-10-07 15:21:36',
+  },
+  {
+    key: '4',
+    type:'法定代表人',
+    name: '业务线',
+    identificationphoto:'',
+    Idnumber:'147289*********',
+    validity: '2022/11/02至2023/01/12',
+    impower: '',
+    turnover:'2022-10-07 15:21:36',
+  },
+  {
+    key: '5',
+    type:'法定代表人',
+    name: '业务线',
+    identificationphoto:'',
+    Idnumber:'147289*********',
+    validity: '2022/11/02至2023/01/12',
+    impower: '',
+    turnover:'2022-10-07 15:21:36',
+  },
+]
+
+//日期
+const day = ref<Dayjs>()
 //表单和下拉选择校验
 interface FormState {
   username: string
@@ -130,6 +274,7 @@ function beforeUpload(file: UploadProps['fileList'][number]) {
   
   return isJpgOrPng && isLt2M
 }
+
 //覆盖antd样式
 
 const RabbitStyle = [{
@@ -138,17 +283,17 @@ const RabbitStyle = [{
 </script>
 
 <template>
-  <a-card  
+  <a-card
     style="width: 1688px;
            height: 4062px;
-           margin: 20px auto ;  
+           margin: 20px auto;  
            overflow:auto; "
   >
     <div class="title">
       新增客户
     </div>
 
-    <div class="item">
+    <div class="itembox">
       <a-form
         :model="formState"
         name="basic"
@@ -198,7 +343,7 @@ const RabbitStyle = [{
             </p>
           </div>
           <div class="item">
-            <div class="LOGO subdivide">
+            <div class="subdivide">
               <P>公司LOGO:</P>
               <div class="logo">
                 <a-upload
@@ -216,7 +361,7 @@ const RabbitStyle = [{
                     <LoadingOutlined v-if="loading" />
                     <PlusOutlined v-else />
                     <div class="ant-upload-text">
-                      Upload
+                      上传图片
                     </div>
                   </div>
                 </a-upload>
@@ -549,19 +694,887 @@ const RabbitStyle = [{
               </div>
             </div>
             <div class="itembottom">
-              <p>公司介绍：</p>
-              <a-textarea placeholder="输入内容" />
+              <a-form
+                :model="formState"
+                name="basic"
+                
+                :wrapper-col="{ span: 12 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item  
+                  name="region"
+                >
+                  <template #label>
+                    <span class="zi">
+                      公司范围
+                    </span>
+                  </template>
+                  <span class="textitem">
+                    <a-textarea placeholder="输入内容" />
+                  </span>
+                </a-form-item>
+              </a-form>
+            </div>
+          </div>
+        </div>
+        <!-- 主体信息 -->
+        <div class="detailinformation">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              主体信息
+            </p>
+          </div>
+          <div class="item">
+            <div class="itemtop">
+              <div class="detailinitemtop">
+                <div class="uploadingphone">
+                  <a-form
+                    :model="formState"
+                    name="basic"
+                  
+                    :wrapper-col="{ span: 13 }"
+                    autocomplete="off"
+                    :rules="rules"
+                    @finish="onFinish"
+                    @finishFailed="onFinishFailed"
+                  >
+                    <a-form-item
+                      name="region"
+                    >
+                      <template #label>
+                        <p style="width: 100px; height: 10px; text-align: right; white-space: pre-line;">
+                          社会信息代码证(营业执照)
+                        </p>
+                      </template>
+                      <a-upload
+                        v-model:file-list="fileList"
+                     
+                        name="avatar"
+                        list-type="picture-card"
+                        class="avatar-uploader Business"
+                        :show-upload-list="false"
+                        action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                        :before-upload="beforeUpload"
+                        @change="handleChange"
+                      >
+                        <img v-if="imageUrl" :src="imageUrl" alt="avatar">
+                        <div v-else>
+                          <LoadingOutlined v-if="loading" />
+                          <PlusOutlined v-else />
+                          <div class="ant-upload-text">
+                            上传图片
+                          </div>
+                        </div>
+                      </a-upload>
+                    </a-form-item>
+                  </a-form>
+                </div>
+              </div>
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  :label-col="{ span: 5 }"
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="注册公司"
+                    name="region"
+                  >
+                    <a-input placeholder="输入内容" />
+                  </a-form-item>
+                  <a-form-item
+                    label="经营期限"
+                    name="username"
+                  >
+                    <a-space direction="vertical" :size="12">
+                      <a-date-picker v-model:value="day" />
+                    </a-space>
+                  </a-form-item>
+                </a-form>
+              </div>
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  :lable-col="{ span: 10 }"
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    
+                    name="region"
+                  >
+                    <template #label>
+                      <div
+                        style="width:85px;
+                         min-height: 40px;white-space: pre-line; "
+                      >
+                        社会统一信息代码
+                      </div>
+                    </template>
+                    <a-select v-model:value="formState.region" placeholder="企业性质">
+                      <a-select-option value="shanghai">
+                        国有企业
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        集体企业
+                      </a-select-option>
+                      <a-select-option value="shanghai">
+                        私营企业
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        股份制企业
+                      </a-select-option>
+                      <a-select-option value="shanghai">
+                        外资企业
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        合资企业
+                      </a-select-option>
+                    </a-select>
+                  </a-form-item>
+
+                  <a-form-item
+                    label="注册资金"
+                    name="region"
+                  >
+                    <a-select v-model:value="formState.region" placeholder="客户来源">
+                      <a-select-option value="shanghai">
+                        电话营销
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        主动来电
+                      </a-select-option>
+                      <a-select-option value="shanghai">
+                        客户介绍
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        朋友介绍
+                      </a-select-option>
+                      <a-select-option value="shanghai">
+                        独立开发
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        网络搜索
+                      </a-select-option>
+                      <a-select-option value="shanghai">
+                        广告杂志
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        展会促销
+                      </a-select-option>
+                      <a-select-option value="shanghai">
+                        其他途径
+                      </a-select-option>
+                    </a-select>
+                  </a-form-item>
+                </a-form>
+              </div>
+            </div>
+            <div class="itembottom">
+              <a-form
+                :model="formState"
+                name="basic"
+                :wrapper-col="{ span: 12 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item  
+                  name="region"
+                >
+                  <template #label>
+                    <span class="zi">
+                      经营范围
+                    </span>
+                  </template>
+                  <span class="textitem">
+                    <a-textarea placeholder="输入内容" />
+                  </span>
+                </a-form-item>
+              </a-form>
             </div>
           </div>
         </div>
         <!-- 代表人信息 -->
-        <div class="information">
+        <div class="representativemation">
           <div class="moduletop">
             <p>
               <span>▋</span>
               代表人信息
             </p>
           </div>
+          <div class="mationtable">
+            <a-table :columns="mationtablecolumns" :data-source="mationtabledata">
+              <template #headerCell="{ column }">
+                <template v-if="column.key === 'type'">
+                  <span>
+                    类型
+                  </span>
+                </template>
+              </template>
+
+              <template #bodyCell="{ column, record }">
+                <template v-if="column.key === 'name'">
+                  {{ record.name }}
+                </template>
+                <template v-else-if="column.key === 'identificationphoto'">
+                  <a :href="record.identificationphoto">
+                    查看
+                  </a>
+                </template>
+                <template v-else-if="column.key === 'Idnumber'">
+                  <span>
+                    {{ record.Idnumber }}
+                  </span>
+                </template>
+                <template v-else-if="column.key === 'validity'">
+                  <span>
+                    {{ record.validity }}
+                  </span>
+                </template>
+                <template v-else-if="column.key === 'impower'">
+                  <a :hreflang="record.impower">
+                    查看
+                  </a>
+                </template>
+                <template v-else-if="column.key === 'turnover'">
+                  <span>
+                    {{ record.turnover }}
+                  </span>
+                </template>
+                <template v-else-if="column.key === 'operate'">
+                  <a>
+                    <EditOutlined />
+                    操作
+                  </a>
+                </template>
+              </template>
+            </a-table>
+          </div>
+        </div>
+
+        <!-- 资质证明文件 -->
+        <div class="detailinformation">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              资质证明文件
+            </p>
+          </div>
+          <div class="item">
+            <div class="itemtop">
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="资质证明"
+                    name="region"
+                  >
+                    <a-upload
+                      v-model:file-list="fileList"
+                     
+                      name="avatar"
+                      list-type="picture-card"
+                      class="Business avatar-uploader"
+                      :show-upload-list="false"
+                      action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                      :before-upload="beforeUpload"
+                      @change="handleChange"
+                    >
+                      <img v-if="imageUrl" :src="imageUrl" alt="avatar">
+                      <div v-else>
+                        <LoadingOutlined v-if="loading" />
+                        <PlusOutlined v-else />
+                        <div class="ant-upload-text">
+                          <p class="link">
+                            上传图片
+                          </p>
+                        </div>
+                      </div>
+                    </a-upload>
+                  </a-form-item>
+                </a-form>
+                <div class="detailinannotation">
+                  <p class="link">
+                    1.必须为彩色图片且小于6M
+                  </p>
+                  <p class="link">
+                    2.文件格式为bmp、png、jpg、
+                  </p>
+                  <a href="#" style="text-decoration:underline;">查看示例</a>
+                </div>
+              </div>
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="资产抵押证明"
+                    name="region"
+                  >
+                    <a-upload
+                      v-model:file-list="fileList"
+                     
+                      name="avatar"
+                      list-type="picture-card"
+                      class="Business avatar-uploader"
+                      :show-upload-list="false"
+                      action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                      :before-upload="beforeUpload"
+                      @change="handleChange"
+                    >
+                      <img v-if="imageUrl" :src="imageUrl" alt="avatar">
+                      <div v-else>
+                        <LoadingOutlined v-if="loading" />
+                        <PlusOutlined v-else />
+                        <div class="ant-upload-text">
+                          <p class="link">
+                            上传图片
+                          </p>
+                        </div>
+                      </div>
+                    </a-upload>
+                  </a-form-item>
+                </a-form>
+                <div class="detailinannotation">
+                  <p class="link">
+                    1.必须为彩色图片且小于6M
+                  </p>
+                  <p class="link">
+                    2.文件格式为bmp、png、jpg、
+                  </p>
+                  <a href="#" style="text-decoration:underline;">查看示例</a>
+                </div>
+              </div>
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="实缴资金证明"
+                    name="region"
+                  >
+                    <a-upload
+                      v-model:file-list="fileList"
+                     
+                      name="avatar"
+                      list-type="picture-card"
+                      class="Business avatar-uploader"
+                      :show-upload-list="false"
+                      action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                      :before-upload="beforeUpload"
+                      @change="handleChange"
+                    >
+                      <img v-if="imageUrl" :src="imageUrl" alt="avatar">
+                      <div v-else>
+                        <LoadingOutlined v-if="loading" />
+                        <PlusOutlined v-else />
+                        <div class="ant-upload-text">
+                          <p class="link">
+                            上传图片
+                          </p>
+                        </div>
+                      </div>
+                    </a-upload>
+                  </a-form-item>
+                </a-form>
+                <div class="detailinannotation">
+                  <p class="link">
+                    1.必须为彩色图片且小于6M
+                  </p>
+                  <p class="link">
+                    2.文件格式为bmp、png、jpg、
+                  </p>
+                  <a href="#" style="text-decoration:underline;">查看示例</a>
+                </div>
+              </div>
+            </div>
+            <div class="itembottom">
+              <a-form
+                :model="formState"
+                name="basic"
+                :wrapper-col="{ span: 12 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item  
+                  name="region"
+                >
+                  <template #label>
+                    <span class="certification">
+                      其他资质文档文件
+                    </span>
+                  </template>
+                  <a-upload
+                    v-model:file-list="fileList"
+                    action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                    :before-upload="beforeUpload"
+                    @change="handleChange"
+                  >
+                    <a-button class="link" style=" width: 200px; height: 38px;">
+                      <FolderAddOutlined />                     
+                      点击上传文件
+                    </a-button>
+                    <p class="link">
+                      目前仅支持 pdf 格式文件
+                    </p>
+                  </a-upload>
+                </a-form-item>
+              </a-form>
+            </div>
+          </div>
+        </div>
+
+        <!-- 业务信息 -->
+        <div class="information service">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              业务信息
+            </p>
+          </div>
+          <div class="serviceitem">
+            <div class="serviceitemtop">
+              <a-form
+                :rules="rules"
+              >
+                <a-form-item
+                  label="合作范围"
+                  name="region"
+                >
+                  <template v-for="(tag, index) in state.tags" :key="tag">
+                    <a-tooltip v-if="tag.length > 20" :title="tag">
+                      <a-tag :closable="index !== 0" @close="handleClose(tag)">
+                        {{ `${tag.slice(0, 20)}...` }}
+                      </a-tag>
+                    </a-tooltip>
+                    <a-tag v-else class="tagstyle" :closable="index !== 0" @close="handleClose(tag)">
+                      {{ tag }}
+                    </a-tag>
+                  </template>
+                  <a-input
+                    v-if="state.inputVisible"
+                    ref="inputRef"
+                    v-model:value="state.inputValue"
+                    type="text"
+                    size="small"
+                    :style="{ width: '150px' }"
+                    @blur="handleInputConfirm"
+                    @keyup.enter="handleInputConfirm"
+                  />
+                  <a-tag v-else class="tagstyle" style="color:#0F52BA; background-color: #fff; border:none" @click="showInput">
+                    <PlusOutlined />
+                    关联业务线
+                  </a-tag>
+                </a-form-item>
+              </a-form>
+            </div>
+            <div class="serviceitembottom">
+              <div class="subdivide">
+                <a-form
+                  :rules="rules"
+                >
+                  <a-form-item
+                    label="合作起始时间"
+                    name="region"
+                  >
+                    <a-time-range-picker />
+                  </a-form-item>
+                </a-form>
+              </div>
+              <div class="subdivide">
+                <a-form :rules="rules">
+                  <a-form-item
+                    style=""
+                    label="需求量（每月）"
+                    name="region"
+                  >
+                    <a-input-group style="width:150px;height:40px" compact>
+                      <a-input v-model="inputValue" placeholder="最低" style="width: 60%;height:32px" />
+                      <a-select v-model="selectedUnit" style="width: 40%">
+                        <a-select-option value="kg">
+                          吨
+                        </a-select-option>
+                        <a-select-option value="g">
+                          kg
+                        </a-select-option>
+                      </a-select>
+                    </a-input-group>
+                    <span style="margin:0 10px">至</span>
+                    <a-input-group style="width:150px;height:40px" compact>
+                      <a-input v-model="inputValue" placeholder="最高" style="width: 60%;height:32px" />
+                      <a-select v-model="selectedUnit" style="width: 40%">
+                        <a-select-option value="kg">
+                          吨
+                        </a-select-option>
+                        <a-select-option value="g">
+                          kg
+                        </a-select-option>
+                      </a-select>
+                    </a-input-group>
+                  </a-form-item>
+                </a-form>
+              </div>
+              <div class="subdivide">
+                <a-form :rules="rules">
+                  <a-form-item label="资金额度（单位：人民币）" name="region">
+                    <a-input-group style="width:150px;height:40px" compact>
+                      <a-input v-model="inputValue" placeholder="请输入" style="width: 60%;height:32px" />
+                      <a-button v-model="selectedUnit" style="width: 40%">
+                        万
+                      </a-button>
+                    </a-input-group>
+                  </a-form-item>
+                </a-form>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 运营信息 -->
+        <div class="information service">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              运营信息
+            </p>
+          </div>
+          <div class="serviceitem">
+            <div class="serviceitemtop">
+              <a-form
+                :rules="rules"
+              >
+                <a-form-item
+                  label="营业时间"
+                  name="region"
+                >
+                  <a-checkbox v-model:checked="Monday" class="distance">
+                    周一
+                  </a-checkbox>
+                  <a-checkbox v-model:checked="Tuesday" class="distance">
+                    周二
+                  </a-checkbox>
+                  <a-checkbox v-model:checked="Wednesday" class="distance">
+                    周三
+                  </a-checkbox>
+                  <a-checkbox v-model:checked="Thursday" class="distance">
+                    周四
+                  </a-checkbox>
+                  <a-checkbox v-model:checked="Friday" class="distance">
+                    周五
+                  </a-checkbox>
+                  <a-checkbox v-model:checked="Saturday" class="distance">
+                    周六
+                  </a-checkbox>
+                  <a-checkbox v-model:checked="Sunday" class="distance">
+                    周日
+                  </a-checkbox>
+                  <a-space direction="vertical" :size="12">
+                    <a-range-picker v-model:value="dayvalue1" class="distance" />
+                  </a-space>
+                </a-form-item>
+              </a-form>
+            </div>
+            <div class="serviceitembottom">
+              <div class="subdivide">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  :label-col="{ span: 5 }"
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="允许卸货时间"
+                    name="region"
+                  >
+                    <a-time-range-picker />
+                  </a-form-item>
+                  <a-form-item
+                    label="允许装货时间"
+                    name="region"
+                  >
+                    <a-time-range-picker />
+                  </a-form-item>
+                </a-form>
+              </div>
+              <div class="subdivide">
+                <a-form :rules="rules">
+                  <a-form-item
+                    label="卸货时长"
+                    name="username"
+                    :rules="[{ required: true, message: '输入内容' }]"
+                  >
+                    <a-input v-model:value="formState.username" class="control" placeholder="输入内容" />
+                  </a-form-item>
+                  <a-form-item
+                    style=""
+                    label="装货时长"
+                    name="region"
+                  >
+                    <a-input 
+                      v-model:value="value" class="control" 
+                    />
+                  </a-form-item>
+                </a-form>
+              </div>
+              <div class="subdivide">
+                <a-form :rules="rules">
+                  <a-form-item
+                    style=""
+                    label="卸货效率"
+                    name="region"
+                  >
+                    <a-input v-model:value="value" class="control" />
+                  </a-form-item>
+                  <a-form-item
+                    style=""
+                    label="装货效率"
+                    name="region"
+                  >
+                    <a-input v-model:value="value" class="control" />
+                  </a-form-item>
+                </a-form>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- 财务信息 -->
+        <div class="information">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              财务信息
+            </p>
+          </div>
+          <div class="item">
+            <div class="subdivide">
+              <a-form
+                :model="formState"
+                name="basic"
+                :label-col="{ span: 5 }"
+                :wrapper-col="{ span: 13 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item
+                  label="付款方式"
+                  name="region"
+                >
+                  <a-select v-model:value="formState.region" placeholder="行业分类">
+                    <a-select-option value="shanghai">
+                      无
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      现金
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      支付宝
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      银行卡
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      信用卡
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+
+                <a-form-item
+                  label="开户银行"
+                  name="region"
+                >
+                  <a-select v-model:value="formState.region" placeholder="业务进度">
+                    <a-select-option value="shanghai">
+                      中国工商银行
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      中国农业银行
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      中国农业银行
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      中国农业银行
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      中国农业银行
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      中国农业银行
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+
+                <a-form-item
+                  label="公司税号"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+              </a-form>
+            </div>
+
+            <div class="subdivide">
+              <a-form
+                :model="formState"
+                name="basic"
+                :label-col="{ span: 5 }"
+                :wrapper-col="{ span: 13 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item
+                  label="账户名称"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+                <a-form-item
+                  label="行业分类"
+                  name="region"
+                >
+                  <a-select v-model:value="formState.region" placeholder="行业分类">
+                    <a-select-option value="shanghai">
+                      家用电器
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+                <a-form-item
+                  label="企业名称"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+              </a-form>
+            </div>
+            <div class="subdivide">
+              <a-form
+                :model="formState"
+                name="basic"
+                :label-col="{ span: 5 }"
+                :wrapper-col="{ span: 13 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item
+                  label="银行账号"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+                
+                <a-form-item
+                  label="支行名称"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+                <a-form-item
+                  label="单位地址"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+              </a-form>
+            </div>
+          </div>
+        </div>
+
+        <!-- 结算信息 -->
+        <div class="information accounts">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              结算信息
+            </p>
+          </div>
+          <div class="modaliy">
+            <a-form
+              :model="formState"
+              name="basic"
+              :label-col="{ span: 5 }"
+              :wrapper-col="{ span: 13 }"
+              autocomplete="off"
+              :rules="rules"
+              @finish="onFinish"
+              @finishFailed="onFinishFailed"
+            >
+              <a-form-item
+                label="合作方式"
+                name="username"
+                :rules="[{ required: true, message: '选择' }]"
+              >
+                <a-radio-group v-model:value="values">
+                  <a-radio :value="buyout">
+                    买断
+                  </a-radio>
+                  <a-radio :value="joint">
+                    联营
+                  </a-radio>
+                </a-radio-group>
+              </a-form-item>
+              <div v-if="isVisible" class="buyout">
+                123
+              </div>
+              <div v-else class="joint">
+                321
+              </div>
+            </a-form>
+          </div>
         </div>
       </a-form>
     </div>
@@ -569,15 +1582,28 @@ const RabbitStyle = [{
 </template>
 
 <style scoped lang="less">
+ .link{
+        color: #8C8C8C;
+        }
+
+
+
+.distance{
+  margin: 0 10px;
+}
+
 .title{
   font-size: 22px;
   font-weight: normal;
   font-weight: 700;
   line-height: 34px;
   color: #262626;
+  
 }
 
-.item{
+.itembox{
+
+  .item{margin-left: 50px;}
   //分类标题
   .moduletop{
   padding-bottom: 16px;
@@ -585,13 +1611,12 @@ const RabbitStyle = [{
   border-bottom: 1px solid #E5E5E5;
 
     p{
-    width: 107px;
-    height: 24px;
+    width: 110px;
+    height: 34px;
     margin-bottom: 15px; 
     font-family: "AlibabaPuHuiTi_3_55_Regular-55 Regular";
     font-size:16px;
-    line-height: 24px;
-    color: #262626;
+    line-height: 34px;
     background: linear-gradient(90deg, #9EF9FF 0%, #FFF 100%);
 
     span{
@@ -601,11 +1626,6 @@ const RabbitStyle = [{
     }
   }
 
- .item{
-  padding: 0 20px;
-  margin: 20px;
- 
- }
 
   //客户分类
 .classification{
@@ -635,6 +1655,14 @@ const RabbitStyle = [{
 }
 
 //基础信息
+.logo{
+      margin-left: 20%;
+    }
+
+.Business{
+  margin: 50px 0 0;
+}
+
 .information{
    width: 100%;
 
@@ -644,10 +1672,6 @@ const RabbitStyle = [{
 
   .subdivide{
     width: 30%;
-
-    .logo{
-      margin-left: 20%;
-    }
   }
 }
    
@@ -663,18 +1687,60 @@ const RabbitStyle = [{
 
       .detailinitemtop{
         width: 30%;
-
-      }
+      
+      }  
     }
 
     .itembottom{
-   width: 1250px;
-   margin-left: 2%;
+      margin: 20px;
 
+      .zi{
+        width: 70px;
+        text-align: right;
+      }
+
+      .certification{
+        width: 120px;
+      }
     }
   }
 }
+//代表人信息
+.mationtable{
+  width: 95%;
+  margin: 0 auto ;
+}
 
+.service{
+  .tagstyle{
+    // width:150px;
+    height:40px;
+    margin:10px;
+    font-size:14px;
+    line-height:40px;
+    text-align:center
+  }
+
+  .serviceitem{
+    width:95%;
+    margin:0 auto;
+  }
+
+  .serviceitembottom{
+    display:flex;
+    justify-content: flex-start;
+    width: 100%;
+    margin:40px 0 0;
+
+    .subdivide{
+      width: 30%;
+
+      .control{
+  width:300px;
+}
+    }
+  }
+}
 }
 
 :where(.css-dev-only-do-not-override-176pxz6).ant-input {
diff --git a/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganization/index.vue b/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganization/index.vue
index 6f072bd..a83387e 100644
--- a/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganization/index.vue
+++ b/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganization/index.vue
@@ -1,47 +1,12 @@
-<template>
-  <div>
-    <BasicTable @register="registerTable">
-      <template #toolbar>
-        <a-button type="primary" v-auth="['system:business-warehouse:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
-          {{ t('action.create') }}
-        </a-button>
-        <a-button type="warning" v-auth="['system:business-warehouse:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
-          {{ t('action.export') }}
-        </a-button>
-      </template>
-      <template #bodyCell="{ column, record }">
-        <template v-if="column.key === 'action'">
-          <TableAction
-             :actions="[
-               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:business-warehouse:update', onClick: handleEdit.bind(null, record) },
-               {
-                  icon: IconEnum.DELETE,
-                  color: 'error',
-                  label: t('action.delete'),
-                  auth: 'system:business-warehouse:delete',
-                  popConfirm: {
-                    title: t('common.delMessage'),
-                    placement: 'left',
-                    confirm: handleDelete.bind(null, record)
-                  }
-              }
-            ]"
-          />
-        </template>
-      </template>
-    </BasicTable>
-    <BusinessOrganizationModal @register="registerModal" @success="reload()" />
-  </div>
-</template>
 <script lang="ts" setup>
+import BusinessOrganizationModal from './BusinessOrganizationModal.vue'
+import { columns, searchFormSchema } from './businessOrganization.data'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
-import BusinessOrganizationModal from './BusinessOrganizationModal.vue'
 import { IconEnum } from '@/enums/appEnum'
-import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteBusinessWarehouse, exportBusinessWarehouse, getBusinessWarehousePage } from '@/api/xxjj/businessWarehouse'
-import { columns, searchFormSchema } from './businessOrganization.data'
 
 defineOptions({ name: 'BusinessOrganization' })
 
@@ -60,8 +25,8 @@ const [registerTable, { getForm, reload }] = useTable({
     width: 140,
     title: t('common.action'),
     dataIndex: 'action',
-    fixed: 'right'
-  }
+    fixed: 'right',
+  },
 })
 
 function handleCreate() {
@@ -80,7 +45,7 @@ async function handleExport() {
     async onOk() {
       await exportBusinessWarehouse(getForm().getFieldsValue())
       createMessage.success(t('common.exportSuccessText'))
-    }
+    },
   })
 }
 
@@ -90,3 +55,39 @@ async function handleDelete(record: Recordable) {
   reload()
 }
 </script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:business-warehouse:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['system:business-warehouse:export']" type="warning" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:business-warehouse:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                color: 'error',
+                label: t('action.delete'),
+                auth: 'system:business-warehouse:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <BusinessOrganizationModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/BusinessWarehouseModal.vue b/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/BusinessWarehouseModal.vue
index d75087f..1532347 100644
--- a/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/BusinessWarehouseModal.vue
+++ b/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/BusinessWarehouseModal.vue
@@ -1,22 +1,17 @@
-<template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
-    <BasicForm @register="registerForm" />
-  </BasicModal>
-</template>
 <script lang="ts" setup>
 import { ref, unref } from 'vue'
+import { createFormSchema, updateFormSchema } from './businessWarehouse.data'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { BasicForm, useForm } from '@/components/Form'
 import { BasicModal, useModalInner } from '@/components/Modal'
-import { createFormSchema, updateFormSchema } from './businessWarehouse.data'
 import { createBusinessWarehouse, getBusinessWarehouse, updateBusinessWarehouse } from '@/api/xxjj/businessWarehouse'
 
 defineOptions({ name: 'BusinessWarehouseModal' })
 
+const emit = defineEmits(['success', 'register'])
 const { t } = useI18n()
 const { createMessage } = useMessage()
-const emit = defineEmits(['success', 'register'])
 const isUpdate = ref(true)
 
 const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = useForm({
@@ -24,7 +19,7 @@ const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = u
   baseColProps: { span: 24 },
   schemas: createFormSchema,
   showActionButtonGroup: false,
-  actionColOptions: { span: 23 }
+  actionColOptions: { span: 23 },
 })
 
 const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
@@ -42,16 +37,23 @@ async function handleSubmit() {
   try {
     const values = await validate()
     setModalProps({ confirmLoading: true })
-    if (unref(isUpdate)) {
+    if (unref(isUpdate)) 
       await updateBusinessWarehouse(values)
-    } else {
+    else 
       await createBusinessWarehouse(values)
-    }
+    
     closeModal()
     emit('success')
     createMessage.success(t('common.saveSuccessText'))
-  } finally {
+  }
+  finally {
     setModalProps({ confirmLoading: false })
   }
 }
 </script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/businessWarehouse.data.ts b/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/businessWarehouse.data.ts
index 0542cdd..96c522f 100644
--- a/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/businessWarehouse.data.ts
+++ b/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/businessWarehouse.data.ts
@@ -1,11 +1,12 @@
-import { BasicColumn, FormSchema, useRender } from '@/components/Table'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
 import { DICT_TYPE, getDictOptions } from '@/utils/dict'
 
 export const columns: BasicColumn[] = [
   {
     title: '业务线名称',
     dataIndex: 'name',
-    width: 160
+    width: 160,
   },
   {
     title: '类型',
@@ -13,7 +14,7 @@ export const columns: BasicColumn[] = [
     width: 180,
     customRender: ({ text }) => {
       return useRender.renderDict(text, DICT_TYPE.BUSINESS_TYPE)
-    }
+    },
   },
   {
     title: '状态',
@@ -21,27 +22,27 @@ export const columns: BasicColumn[] = [
     width: 180,
     customRender: ({ text }) => {
       return useRender.renderDict(text, DICT_TYPE.CLASS_STATUS)
-    }
+    },
   },
   {
     title: '关联机构',
     dataIndex: 'institutionNum',
-    width: 160
+    width: 160,
   },
   {
     title: '成员数量',
     dataIndex: 'employeeNum',
-    width: 160
+    width: 160,
   },
   {
     title: '主管人员',
     dataIndex: 'belongUserId',
-    width: 160
+    width: 160,
   },
   {
     title: '介绍',
     dataIndex: 'description',
-    width: 160
+    width: 160,
   },
   {
     title: '更新时间',
@@ -49,7 +50,7 @@ export const columns: BasicColumn[] = [
     width: 180,
     customRender: ({ text }) => {
       return useRender.renderDate(text)
-    }
+    },
   },
 ]
 
@@ -58,7 +59,7 @@ export const searchFormSchema: FormSchema[] = [
     label: '业务线名称',
     field: 'name',
     component: 'Input',
-    colProps: { span: 8 }
+    colProps: { span: 8 },
   },
   // {
   //   label: '类型',
@@ -112,60 +113,60 @@ export const createFormSchema: FormSchema[] = [
     label: '编号',
     field: 'id',
     show: false,
-    component: 'Input'
+    component: 'Input',
   },
   {
     label: '业务线编号',
     field: 'businessCode',
     required: true,
-    component: 'Input'
+    component: 'Input',
   },
   {
     label: '业务线名称',
     field: 'name',
     required: true,
-    component: 'Input'
+    component: 'Input',
   },
   {
     label: '业务线简称',
     field: 'businessSimple',
-    component: 'Input'
+    component: 'Input',
   },
   {
     label: '类型',
     field: 'type',
     component: 'Select',
     componentProps: {
-        options: getDictOptions(DICT_TYPE.BUSINESS_TYPE, 'number')
-    }
+      options: getDictOptions(DICT_TYPE.BUSINESS_TYPE, 'number'),
+    },
   },
   {
     label: '所属行业',
     field: 'industry',
     component: 'Select',
     componentProps: {
-        options: getDictOptions(DICT_TYPE.DUTY_TYPE, 'number')
-    }
+      options: getDictOptions(DICT_TYPE.DUTY_TYPE, 'number'),
+    },
   },
   {
     label: '所在城市',
     field: 'city',
-    component: 'Input'
+    component: 'Input',
   },
   {
     label: '成立时间',
     field: 'establishDate',
-    component: 'DatePicker'
+    component: 'DatePicker',
   },
   {
     label: '介绍',
     field: 'description',
-    component: 'InputTextArea'
+    component: 'InputTextArea',
   },
   {
     label: '归属人员',
     field: 'belongUserId',
-    component: 'Input'
+    component: 'Input',
   },
   {
     label: '区分标志',
@@ -173,8 +174,8 @@ export const createFormSchema: FormSchema[] = [
     required: true,
     component: 'Select',
     componentProps: {
-        options: getDictOptions(DICT_TYPE.DIFF_FLAG, 'number')
-    }
+      options: getDictOptions(DICT_TYPE.DIFF_FLAG, 'number'),
+    },
   },
 ]
 
@@ -183,60 +184,60 @@ export const updateFormSchema: FormSchema[] = [
     label: '编号',
     field: 'id',
     show: false,
-    component: 'Input'
+    component: 'Input',
   },
   {
     label: '业务线编号',
     field: 'businessCode',
     required: true,
-    component: 'Input'
+    component: 'Input',
   },
   {
     label: '业务线名称',
     field: 'name',
     required: true,
-    component: 'Input'
+    component: 'Input',
   },
   {
     label: '业务线简称',
     field: 'businessSimple',
-    component: 'Input'
+    component: 'Input',
   },
   {
     label: '类型',
     field: 'type',
     component: 'Select',
     componentProps: {
-        options: getDictOptions(DICT_TYPE.BUSINESS_TYPE, 'number')
-    }
+      options: getDictOptions(DICT_TYPE.BUSINESS_TYPE, 'number'),
+    },
   },
   {
     label: '所属行业',
     field: 'industry',
     component: 'Select',
     componentProps: {
-        options: getDictOptions(DICT_TYPE.DUTY_TYPE, 'number')
-    }
+      options: getDictOptions(DICT_TYPE.DUTY_TYPE, 'number'),
+    },
   },
   {
     label: '所在城市',
     field: 'city',
-    component: 'Input'
+    component: 'Input',
   },
   {
     label: '成立时间',
     field: 'establishDate',
-    component: 'DatePicker'
+    component: 'DatePicker',
   },
   {
     label: '介绍',
     field: 'description',
-    component: 'InputTextArea'
+    component: 'InputTextArea',
   },
   {
     label: '归属人员',
     field: 'belongUserId',
-    component: 'Input'
+    component: 'Input',
   },
   {
     label: '区分标志',
@@ -244,7 +245,7 @@ export const updateFormSchema: FormSchema[] = [
     required: true,
     component: 'Select',
     componentProps: {
-        options: getDictOptions(DICT_TYPE.DIFF_FLAG, 'number')
-    }
+      options: getDictOptions(DICT_TYPE.DIFF_FLAG, 'number'),
+    },
   },
-]
\ No newline at end of file
+]
diff --git a/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/index.vue b/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/index.vue
index 7467aa8..1b4cd9c 100644
--- a/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/index.vue
+++ b/yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/index.vue
@@ -1,50 +1,14 @@
-<template>
-  <div class="flex">
-    <BusinessTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
-    <BasicTable class="w-3/4 xl:w-4/5" :search-info="searchInfo" @register="registerTable">
-      <template #toolbar>
-        <a-button type="primary" v-auth="['system:business-warehouse:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
-          {{ t('action.create') }}
-        </a-button>
-        <a-button type="warning" v-auth="['system:business-warehouse:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
-          {{ t('action.export') }}
-        </a-button>
-      </template>
-      <template #bodyCell="{ column, record }">
-        <template v-if="column.key === 'action'">
-          <TableAction
-             :actions="[
-               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:business-warehouse:update', onClick: handleEdit.bind(null, record) },
-               {
-                  icon: IconEnum.DELETE,
-                  color: 'error',
-                  label: t('action.delete'),
-                  auth: 'system:business-warehouse:delete',
-                  popConfirm: {
-                    title: t('common.delMessage'),
-                    placement: 'left',
-                    confirm: handleDelete.bind(null, record)
-                  }
-              }
-            ]"
-          />
-        </template>
-      </template>
-    </BasicTable>
-    <BusinessWarehouseModal @register="registerModal" @success="reload()" />
-  </div>
-</template>
 <script lang="ts" setup>
 import { reactive } from 'vue'
+import BusinessWarehouseModal from './BusinessWarehouseModal.vue'
+import { columns, searchFormSchema } from './businessWarehouse.data'
+import BusinessTree from './BusinessTree.vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
-import BusinessWarehouseModal from './BusinessWarehouseModal.vue'
 import { IconEnum } from '@/enums/appEnum'
-import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteBusinessWarehouse, exportBusinessWarehouse, getBusinessWarehousePage } from '@/api/xxjj/businessWarehouse'
-import { columns, searchFormSchema } from './businessWarehouse.data'
-import BusinessTree from './BusinessTree.vue'
 
 defineOptions({ name: 'BusinessWarehouse' })
 
@@ -64,8 +28,8 @@ const [registerTable, { getForm, reload }] = useTable({
     width: 140,
     title: t('common.action'),
     dataIndex: 'action',
-    fixed: 'right'
-  }
+    fixed: 'right',
+  },
 })
 
 function handleCreate() {
@@ -84,7 +48,7 @@ async function handleExport() {
     async onOk() {
       await exportBusinessWarehouse(getForm().getFieldsValue())
       createMessage.success(t('common.exportSuccessText'))
-    }
+    },
   })
 }
 
@@ -100,3 +64,40 @@ function handleSelect(deptId = '') {
   reload()
 }
 </script>
+
+<template>
+  <div class="flex">
+    <BusinessTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
+    <BasicTable class="w-3/4 xl:w-4/5" :search-info="searchInfo" @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:business-warehouse:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['system:business-warehouse:export']" type="warning" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:business-warehouse:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                color: 'error',
+                label: t('action.delete'),
+                auth: 'system:business-warehouse:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <BusinessWarehouseModal @register="registerModal" @success="reload()" />
+  </div>
+</template>