diff --git a/admin/src/components/ds-select/index.vue b/admin/src/components/ds-select/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a389d02f259f0c4cd5f1e2418d2478237badb1ee
--- /dev/null
+++ b/admin/src/components/ds-select/index.vue
@@ -0,0 +1,102 @@
+<template>
+    <el-select
+        v-model="selectedValue"
+        filterable
+        :filter-method="handleFilter"
+        @visible-change="handleVisibleChange"
+        @change="handleChange"
+        >
+        <el-option
+            v-for="item in rows"
+            :key="item.id"
+            :label="item.title"
+            :value="item.id"
+            />
+        <el-pagination
+            :current-page="current"
+            :page-sizes="[props.pageSize]"
+            :page-size="props.pageSize"
+            :total="total"
+            hide-on-single-page
+            layout="prev,slot,next"
+            style="justify-content: space-between;"
+            @current-change="handleCurrentChange"
+            >
+            <span>{{current}} / {{Math.ceil(total/props.pageSize)}}</span>
+        </el-pagination>
+    </el-select>
+</template>
+
+<script setup>
+const props = defineProps({
+        modelValue:{
+            type:String,
+            default:'',
+        },
+        field: {
+            type:String
+        },
+        show_field: {
+            type:String
+        },
+        pageSize: {
+            type:Number,
+            default:5
+        },
+        apiRelationDatas:{
+            type:Function
+        },
+    });
+
+const selectedValue = ref(props.modelValue||'');
+
+const total = ref(0);
+const rows = ref([]);
+const current = ref(1);
+
+// 请求接口加载数据
+const loadData = async (page=1,ids='',title='')=>{
+    let data = await props.apiRelationDatas({
+        field: props.field,
+        show_field: props.show_field,
+        ids:ids,
+        title:title,
+        page:page,
+        pageSize:props.pageSize
+    })
+    total.value = data.total
+    rows.value = data.rows
+    current.value = page
+}
+
+// 下拉框显示事件
+const handleVisibleChange = async e=>{
+    if (e) {// 下拉框显示
+        loadData(1)
+    }else{// 下拉框隐藏
+
+    }
+}
+
+// 翻页事件
+const handleCurrentChange = async e=>{
+    loadData(e)
+}
+
+// 搜索事件
+const handleFilter = async e=>{
+    loadData(1,'',e)
+}
+
+
+// 返回选中结果
+const emit = defineEmits(['update:modelValue']);
+const handleChange = e=>{
+    console.log(e)
+    emit('update:modelValue',selectedValue.value)
+}
+
+// 渲染默认值
+props.modelValue && loadData(1,props.modelValue);
+
+</script>
diff --git a/admin/src/views/dev_tools/code/edit.vue b/admin/src/views/dev_tools/code/edit.vue
index 6764088637c93b1b1ddb6fd4e3ffc0bee99de8c0..d05aa3f875afd23b3162e6d2b8e4038c627e91a3 100644
--- a/admin/src/views/dev_tools/code/edit.vue
+++ b/admin/src/views/dev_tools/code/edit.vue
@@ -129,12 +129,17 @@
                                         <el-option label="日期控件" value="datetime" />
                                         <el-option label="图片选择控件" value="imageSelect" />
                                         <el-option label="富文本控件" value="editor" />
+                                        <el-option label="关联表" value="relationData" />
                                     </el-select>
                                 </template>
                             </el-table-column>
                             <el-table-column label="字典类型" min-width="120">
                                 <template v-slot="{ row }">
+                                    <el-input v-model="row.dict_type" clearable
+                                        placeholder="关联表的显示字段名"
+                                        v-if="row.view_type=='relationData'"/>
                                     <el-select
+                                        v-else
                                         v-model="row.dict_type"
                                         clearable
                                         :disabled="
diff --git a/server/app/common/service/generator/core/ModelGenerator.php b/server/app/common/service/generator/core/ModelGenerator.php
index 3d32ff45400ba184abe646e80593c5135200bfd8..22841886c8201940b22a99b10b51869f6a544528 100644
--- a/server/app/common/service/generator/core/ModelGenerator.php
+++ b/server/app/common/service/generator/core/ModelGenerator.php
@@ -205,6 +205,32 @@ class ModelGenerator extends BaseGenerator implements GenerateInterface
             $tpl .= $this->replaceFileData($needReplace, $waitReplace, $templatePath) . PHP_EOL;
         }
 
+        if ($tpl) {
+            $templatePath = $this->getTemplatePath('php/model/relation_data');
+            if (file_exists($templatePath)) {
+                $relations = '';
+                foreach ($this->relationConfig as $config) {
+                    if (empty($config) || empty($config['name']) || empty($config['model'])) {
+                        continue;
+                    }
+                    $relations.= "            case '{$config['local_key']}':".PHP_EOL;
+                    $relations.= "                \$model = new {$config['model']};".PHP_EOL;
+                    $relations.= "                break;".PHP_EOL;
+                }
+                $needReplace = [
+                    '{AUTHOR}',
+                    '{DATE}',
+                    '{RELATIONS}',
+                ];
+                $waitReplace = [
+                    $this->getAuthorContent(),
+                    $this->getNoteDateContent(),
+                    trim($relations),
+                ];
+                $tpl .= $this->replaceFileData($needReplace, $waitReplace, $templatePath) . PHP_EOL;
+            }
+        }
+
         return $tpl;
     }
 
diff --git a/server/app/common/service/generator/core/VueEditGenerator.php b/server/app/common/service/generator/core/VueEditGenerator.php
index 9a1fcea173b72dd2268e0273f9f80db80b481794..151218610668adbaec075ef13bb8251902b6584d 100644
--- a/server/app/common/service/generator/core/VueEditGenerator.php
+++ b/server/app/common/service/generator/core/VueEditGenerator.php
@@ -258,6 +258,12 @@ class VueEditGenerator extends BaseGenerator implements GenerateInterface
                 array_push($waitReplace, $stubItemValue);
             }
 
+            // 关联表字段处理
+            if ($column['view_type'] == 'relationData') {
+                array_push($needReplace, '{UPPER_CAMEL_NAME}');
+                array_push($waitReplace, $this->getUpperCamelName());
+            }
+
             $content .= $this->replaceFileData($needReplace, $waitReplace, $templatePath) . PHP_EOL;
         }
 
diff --git a/server/app/common/service/generator/core/VueIndexGenerator.php b/server/app/common/service/generator/core/VueIndexGenerator.php
index a3c5b4fbe4351da83862d5549149eea63be6c92f..eb1ac92ebb8a2f5fff99a287404cc2c8660b87dc 100644
--- a/server/app/common/service/generator/core/VueIndexGenerator.php
+++ b/server/app/common/service/generator/core/VueIndexGenerator.php
@@ -48,7 +48,9 @@ class VueIndexGenerator extends BaseGenerator implements GenerateInterface
             '{PERMS_ADD}',
             '{PERMS_EDIT}',
             '{PERMS_DELETE}',
-            '{SETUP_NAME}'
+            '{SETUP_NAME}',
+            '{RELATION_DATA_REF}',
+            '{FETCH_FUN}',
         ];
 
         // 等待替换的内容
@@ -63,7 +65,9 @@ class VueIndexGenerator extends BaseGenerator implements GenerateInterface
             $this->getPermsContent(),
             $this->getPermsContent('edit'),
             $this->getPermsContent('delete'),
-            $this->getLowerCamelName()
+            $this->getLowerCamelName(),
+            $this->getRealtionDataRef(),
+            $this->getFetchFun(),
         ];
 
         $templatePath = $this->getTemplatePath('vue/index');
@@ -116,6 +120,13 @@ class VueIndexGenerator extends BaseGenerator implements GenerateInterface
             if (!file_exists($templatePath)) {
                 continue;
             }
+
+            // 关联表字段处理
+            if ($column['view_type'] == 'relationData') {
+                array_push($needReplace, '{UPPER_CAMEL_NAME}');
+                array_push($waitReplace, $this->getUpperCamelName());
+            }
+
             $content .= $this->replaceFileData($needReplace, $waitReplace, $templatePath) . PHP_EOL;
         }
 
@@ -163,6 +174,9 @@ class VueIndexGenerator extends BaseGenerator implements GenerateInterface
             if ($column['column_type'] == 'int' && $column['view_type'] == 'datetime') {
                 $templatePath = $this->getTemplatePath('vue/table_item/datetime');
             }
+            if ($column['view_type'] == 'relationData') {
+                $templatePath = $this->getTemplatePath('vue/table_item/relationData');
+            }
             if (!file_exists($templatePath)) {
                 continue;
             }
@@ -215,6 +229,9 @@ class VueIndexGenerator extends BaseGenerator implements GenerateInterface
         $content = '';
         $isExist = [];
         foreach ($this->tableColumn as $column) {
+            if ($column['view_type'] == 'relationData') {
+                continue;
+            }
             if (empty($column['dict_type']) || $column['is_pk']) {
                 continue;
             }
@@ -230,6 +247,75 @@ class VueIndexGenerator extends BaseGenerator implements GenerateInterface
         return $this->setBlankSpace($content, '');
     }
 
+    /**
+     * @notes 获取关联表数据
+     * @return string
+     * @author 心衍
+     * @date 2022/6/23 11:58
+     */
+    public function getRealtionDataRef(){
+        $columns = array_filter($this->tableColumn,fn($column)=>
+            $column['view_type'] == 'relationData'
+        );
+        if ($columns){
+            $content = '// 数据源数据'.PHP_EOL;
+            $content.= 'const relationData = ref({'.PHP_EOL;
+            foreach ($columns as $column) {
+                $content.= "    {$column['column_name']}: [],".PHP_EOL;
+            }
+            $content.= '});'.PHP_EOL;
+            return $this->setBlankSpace($content, '');
+        }
+        return '';
+    }
+
+    /**
+     * @notes 获取加载数据的Api接口
+     * @return string
+     * @author 心衍
+     * @date 2022/6/23 11:58
+     */
+    public function getFetchFun(){
+        $content = 'api'.$this->getUpperCamelName().'Lists';
+        $columns = array_filter($this->tableColumn,fn($column)=>
+            $column['view_type'] == 'relationData'
+        );
+        if ($columns){
+            $templatePath = $this->getTemplatePath('vue/other_item/fetchFunItem');
+            if (!file_exists($templatePath)) {
+                return $content;
+            }
+            $fetchFunItem = '';
+            foreach ($columns as $column) {
+                $needReplace = [
+                    '{UPPER_CAMEL_NAME}',
+                    '{COLUMN_NAME}',
+                    '{DICT_TYPE}',
+                ];
+                $waitReplace = [
+                    $this->getUpperCamelName(),
+                    $column['column_name'],
+                    $column['dict_type'],
+                ];
+                $fetchFunItem.= '            '.$this->replaceFileData($needReplace, $waitReplace, $templatePath) . PHP_EOL;
+            }
+            $templatePath = $this->getTemplatePath('vue/other_item/fetchFun');
+            if (!file_exists($templatePath)) {
+                return $content;
+            }
+            $needReplace = [
+                '{UPPER_CAMEL_NAME}',
+                '{RELATION_DATAS}',
+            ];
+            $waitReplace = [
+                $this->getUpperCamelName(),
+                trim($fetchFunItem),
+            ];
+            $content = $this->replaceFileData($needReplace, $waitReplace, $templatePath) . PHP_EOL;
+        }
+        return $content;
+    }
+
 
     /**
      * @notes 权限规则
diff --git a/server/app/common/service/generator/stub/php/controller.stub b/server/app/common/service/generator/stub/php/controller.stub
index 44622d25a52e995d182bfddffb7ba12d36e909dd..c84c47723de0558157b27fa2074ada75b12248b3 100644
--- a/server/app/common/service/generator/stub/php/controller.stub
+++ b/server/app/common/service/generator/stub/php/controller.stub
@@ -101,5 +101,24 @@ class {UPPER_CAMEL_NAME}Controller extends {EXTENDS_CONTROLLER}
         return $this->data($result);
     }
 
+    /**
+     * @notes 获取关联表数据列表
+     * @return \think\response\Json
+     * @author {AUTHOR}
+     * @date {DATE}
+     **/
+    public function relationDatas()
+    {
+        $field = input('field/s','');//关联字段名
+        $show_field = input('show_field/s','');//显示字段名
+        $title = input('title/s','');//模糊搜索
+        $ids = input('ids/s','');//指定ID列表
+        $page = input('page/i',1);
+        $pageSize = input('pageSize/i',10);
+        $ids = $ids?explode(',',$ids):null;
+        list($total,$rows) = {UPPER_CAMEL_NAME}Logic::relationDatas($field,$show_field,$ids,$title,$page,$pageSize);
+        return $this->success('',['total'=>$total,'rows'=>$rows]);
+    }
+
 
 }
\ No newline at end of file
diff --git a/server/app/common/service/generator/stub/php/logic.stub b/server/app/common/service/generator/stub/php/logic.stub
index 4d4b7a6a3aad863ed3efd0c73cc633dbf077addb..08023fc750629d915c815116e4636b2507db0ace 100644
--- a/server/app/common/service/generator/stub/php/logic.stub
+++ b/server/app/common/service/generator/stub/php/logic.stub
@@ -103,4 +103,16 @@ class {UPPER_CAMEL_NAME}Logic extends BaseLogic
     {
         return {UPPER_CAMEL_NAME}::findOrEmpty($params['{PK}'])->toArray();
     }
+
+    /**
+     * @notes 获取关联表数据列表
+     * @param $params
+     * @return array
+     * @author {AUTHOR}
+     * @date {DATE}
+     **/
+    public static function relationDatas($field,$show_field,$ids=null,$title='',$page=1,$pageSize=10): array
+    {
+        return {UPPER_CAMEL_NAME}::relationDatas($field,$show_field,$ids,$title,$page,$pageSize);
+    }
 }
\ No newline at end of file
diff --git a/server/app/common/service/generator/stub/php/model/relation_data.stub b/server/app/common/service/generator/stub/php/model/relation_data.stub
new file mode 100644
index 0000000000000000000000000000000000000000..453d82361f8ad5f5a43a2f3b3cbeda06cc963a94
--- /dev/null
+++ b/server/app/common/service/generator/stub/php/model/relation_data.stub
@@ -0,0 +1,25 @@
+
+    /**
+     * @notes 获取关联表数据列表
+     * @return array
+     * @author {AUTHOR}
+     * @date {DATE}
+     **/
+    public static function relationDatas(string $field,string $show_field,int|array|null $ids,string $title,int $page=1,int $pageSize=10): array
+    {
+        switch($field){
+            {RELATIONS}
+            default:
+                return [0,[]];
+        }
+        $model = $model->field([
+                        $model->getPk().' as id',
+                        $show_field.' as title'
+                    ]);
+        $ids && $model = $model->where([$model->getPk()=>$ids]);
+        $title && $model = $model->where($show_field,'like','%'.$title.'%');
+        $total = $model->count();
+        $ids || $model = $model->limit(($page-1)*$pageSize,$pageSize);
+        $rows = array_map(fn($x)=>['id'=>$x['id'],'title'=>$x['title']],$model->select()->toArray());
+        return [$total,$rows];
+    }
\ No newline at end of file
diff --git a/server/app/common/service/generator/stub/vue/api.stub b/server/app/common/service/generator/stub/vue/api.stub
index 1858e9a1298be240868a128a216ee6d6e9bc02d8..40016fd99bc7f9f57cb63b355e8474d69b815d77 100644
--- a/server/app/common/service/generator/stub/vue/api.stub
+++ b/server/app/common/service/generator/stub/vue/api.stub
@@ -23,4 +23,9 @@ export function api{UPPER_CAMEL_NAME}Delete(params: any) {
 // {COMMENT}详情
 export function api{UPPER_CAMEL_NAME}Detail(params: any) {
     return request.get({ url: '/{ROUTE}/detail', params })
+}
+
+// {COMMENT}关联数据
+export function api{UPPER_CAMEL_NAME}RelationDatas(params: any){
+    return request.get({ url: '/{ROUTE}/relationDatas', params });
 }
\ No newline at end of file
diff --git a/server/app/common/service/generator/stub/vue/edit.stub b/server/app/common/service/generator/stub/vue/edit.stub
index 3928bf8f4daff2411d90cd7b5cb147fc7d980d0a..80ef9b0fc8f8b52676e567c94c02c1b251c05b8b 100644
--- a/server/app/common/service/generator/stub/vue/edit.stub
+++ b/server/app/common/service/generator/stub/vue/edit.stub
@@ -18,7 +18,7 @@
 <script lang="ts" setup name="{SETUP_NAME}Edit">
 import type { FormInstance } from 'element-plus'
 import Popup from '@/components/popup/index.vue'
-import {{IMPORT_LISTS} api{UPPER_CAMEL_NAME}Add, api{UPPER_CAMEL_NAME}Edit, api{UPPER_CAMEL_NAME}Detail } from '@/api/{API_DIR}'
+import {{IMPORT_LISTS} api{UPPER_CAMEL_NAME}Add, api{UPPER_CAMEL_NAME}Edit, api{UPPER_CAMEL_NAME}Detail, api{UPPER_CAMEL_NAME}RelationDatas } from '@/api/{API_DIR}'
 import { timeFormat } from '@/utils/util'
 import type { PropType } from 'vue'
 defineProps({
diff --git a/server/app/common/service/generator/stub/vue/form_item/relationData.stub b/server/app/common/service/generator/stub/vue/form_item/relationData.stub
new file mode 100644
index 0000000000000000000000000000000000000000..261f0cb9f32163ecfd251e96b1412657e1c019b9
--- /dev/null
+++ b/server/app/common/service/generator/stub/vue/form_item/relationData.stub
@@ -0,0 +1,10 @@
+<el-form-item label="{COLUMN_COMMENT}" prop="{COLUMN_NAME}">
+    <ds-select
+        v-model="formData.{COLUMN_NAME}"
+        clearable
+        placeholder="请选择{COLUMN_COMMENT}"
+        :apiRelationDatas="api{UPPER_CAMEL_NAME}RelationDatas"
+        field="{COLUMN_NAME}"
+        show_field="{DICT_TYPE}"
+        />
+</el-form-item>
\ No newline at end of file
diff --git a/server/app/common/service/generator/stub/vue/index.stub b/server/app/common/service/generator/stub/vue/index.stub
index 3c9a71bc199f0436a2ebc5ac04a259e7310ed608..923b3d4ff66a4285b55ced3d6904f895b4c92206 100644
--- a/server/app/common/service/generator/stub/vue/index.stub
+++ b/server/app/common/service/generator/stub/vue/index.stub
@@ -64,7 +64,7 @@
 <script lang="ts" setup name="{SETUP_NAME}Lists">
 import { usePaging } from '@/hooks/usePaging'
 import { useDictData } from '@/hooks/useDictOptions'
-import { api{UPPER_CAMEL_NAME}Lists, api{UPPER_CAMEL_NAME}Delete } from '@/api/{API_DIR}'
+import { api{UPPER_CAMEL_NAME}Lists, api{UPPER_CAMEL_NAME}Delete, api{UPPER_CAMEL_NAME}RelationDatas } from '@/api/{API_DIR}'
 import { timeFormat } from '@/utils/util'
 import feedback from '@/utils/feedback'
 import EditPopup from './edit.vue'
@@ -89,10 +89,10 @@ const handleSelectionChange = (val: any[]) => {
 
 // 获取字典数据
 const { dictData } = useDictData('{DICT_DATA}')
-
+{RELATION_DATA_REF}
 // 分页相关
 const { pager, getLists, resetParams, resetPage } = usePaging({
-    fetchFun: api{UPPER_CAMEL_NAME}Lists,
+    fetchFun: {FETCH_FUN},
     params: queryParams
 })
 
diff --git a/server/app/common/service/generator/stub/vue/other_item/fetchFun.stub b/server/app/common/service/generator/stub/vue/other_item/fetchFun.stub
new file mode 100644
index 0000000000000000000000000000000000000000..872b6bd6363bb5c974b980413d24f296aff85387
--- /dev/null
+++ b/server/app/common/service/generator/stub/vue/other_item/fetchFun.stub
@@ -0,0 +1,10 @@
+(params: any)=>{
+    return new Promise((resolv,reject)=>{
+        const r = api{UPPER_CAMEL_NAME}Lists(params);
+        r.then(async r=>{
+            {RELATION_DATAS}
+            resolv(r);
+        })
+        return r;
+    });
+}
\ No newline at end of file
diff --git a/server/app/common/service/generator/stub/vue/other_item/fetchFunItem.stub b/server/app/common/service/generator/stub/vue/other_item/fetchFunItem.stub
new file mode 100644
index 0000000000000000000000000000000000000000..e4ba3ccced66a6babf8c4ea778bc59d2772b873b
--- /dev/null
+++ b/server/app/common/service/generator/stub/vue/other_item/fetchFunItem.stub
@@ -0,0 +1,5 @@
+relationData.value.{COLUMN_NAME} = (await api{UPPER_CAMEL_NAME}RelationDatas({
+                        field:'{COLUMN_NAME}',
+                        show_field:'{DICT_TYPE}',
+                        ids: Array.from(new Set(r.lists.map((x:any)=>x.{COLUMN_NAME}))).join(',')
+                    })).rows.reduce((o:any,i:any)=>{o[i.id]=i.title;return o},{});
\ No newline at end of file
diff --git a/server/app/common/service/generator/stub/vue/search_item/relationData.stub b/server/app/common/service/generator/stub/vue/search_item/relationData.stub
new file mode 100644
index 0000000000000000000000000000000000000000..b6547c78dcc47ccdded5c3c63a086271eacfe169
--- /dev/null
+++ b/server/app/common/service/generator/stub/vue/search_item/relationData.stub
@@ -0,0 +1,10 @@
+<el-form-item label="{COLUMN_COMMENT}" prop="{COLUMN_NAME}">
+    <ds-select class="w-[280px]"
+        v-model="queryParams.{COLUMN_NAME}"
+        clearable
+        placeholder="请选择{COLUMN_COMMENT}"
+        :apiRelationDatas="api{UPPER_CAMEL_NAME}RelationDatas"
+        field='{COLUMN_NAME}'
+        show_field="{DICT_TYPE}"
+        />
+</el-form-item>
\ No newline at end of file
diff --git a/server/app/common/service/generator/stub/vue/table_item/relationData.stub b/server/app/common/service/generator/stub/vue/table_item/relationData.stub
new file mode 100644
index 0000000000000000000000000000000000000000..2394fadb3babe398f29abe48edbb252c69d487ab
--- /dev/null
+++ b/server/app/common/service/generator/stub/vue/table_item/relationData.stub
@@ -0,0 +1,5 @@
+<el-table-column label="{COLUMN_COMMENT}" prop="{COLUMN_NAME}">
+    <template #default="{ row }">
+        {{relationData.{COLUMN_NAME}[row.{COLUMN_NAME}]}}
+    </template>
+</el-table-column>
\ No newline at end of file