关联关键构码

src/views/data-fill/components/linkData.vue

@@ -0,0 +1,49 @@
+<template>
+    <hc-new-dialog v-model="linkModal" is-table title="关联构建编码" widths="72rem" @close="closeModal">
+        <div class="h-full">
+            <hc-page-split>
+                <template #left>
+                    <hc-card>
+                        <el-radio-group v-model="leftRadio">
+                            <el-radio :value="3">Option A</el-radio>
+                            <el-radio :value="6">Option B</el-radio>
+                            <el-radio :value="9">Option C</el-radio>
+                        </el-radio-group>
+                    </hc-card>
+                </template>
+                <hc-card>
+                    其它内容
+                </hc-card>
+            </hc-page-split>
+        </div>
+    </hc-new-dialog>
+</template>
+
+<script setup> 
+import { ref, watch } from 'vue'
+
+
+// 接收父组件传入的属性
+const props = defineProps({
+  
+})
+
+const emit = defineEmits(['close', 'save'])
+
+const linkModal = defineModel('modelValue', {
+    default: false,
+})
+watch(() => linkModal.value, (val) => {
+   
+})
+const closeModal = ()=>{
+    linkModal.value = false
+  
+    emit('close')
+}
+const leftRadio = ref('3')
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/views/data-fill/wbs.vue

@@ -1476,34 +1476,7 @@
                 </el-form-item>
             </el-form>
         </hc-new-dialog>
-        <!-- 添加到收藏夹 -->
-        <!-- <hc-new-dialog
-            v-model="collectDialog"
-            title="添加到文件夹"
-            widths="20rem"
-          
-            is-footer-center
-            :loading="saveCollectLoad"
-            :footer="collectList.length > 0"
-            ui="collectModalStyle"
-            @close="collectModalClose"
-            @save="collectModalSave"
-        >
-            <el-form
-                v-if="collectList.length > 0"
-                ref="collectFormRef"
-                :model="collectForm"
-                :rules="collectRules"
-            >
-                <el-form-item label="文件夹" prop="id">
-                    <el-select v-model="collectForm.id" v-loading="collectLoad" placeholder="请选择" clearable @change="checkCollect">
-                        <el-option v-for="item in collectList" :key="item.id" :label="item.name" :value="item.id" />
-                    </el-select>
-                </el-form-item>
-            </el-form>
-            <el-alert v-else title="请先创建文件夹" type="warning" :closable="false" />
-        </hc-new-dialog> -->
-        
+
         <div 
             v-if="collectDialog" 
             class="collect-modal collectModalStyle"
@@ -1551,6 +1524,13 @@
             :tree-auto-expand-keys="TreeAutoExpandKeys"
             @save="moveSaveClick"
         />
+        <!-- 关联构建编码 -->
+        <linkData
+            v-model="wbsLinkModal"
+           
+            @save="linkSaveClick"
+            @close="linkModalClose"
+        />
     </div>
 </template>
 
@@ -1595,6 +1575,7 @@ import { toPdfPage } from '~uti/btn-auth'
 import website from '~src/config'
 import JumpTreeDialog from './components/JumpTreeDialog.vue'
 import collectApi from '~api/data-fill/collect'
+import linkData from './components/linkData.vue'
 //初始变量
 const router = useRouter()
 const useRoutes = useRoute()
@@ -2311,6 +2292,7 @@ const setTreeMenuDataClick = ({ key, node, data }) => {
          showMoveClick(node, data)
     } else if (key === 'wbsLink') {
         console.log('wbsLink')
+        wbsLinkModal.value = true
     }
         
 }
@@ -4499,6 +4481,12 @@ const lookHideList = ()=>{
 
 //关联构建编码
 const wbsLinkModal = ref(false)
+const linkSaveClick = ()=>{
+    // wbsLinkModal.value = true
+}
+const linkModalClose = ()=>{
+    wbsLinkModal.value = false
+}
 </script>
 
 <style lang="scss" scoped>