From b35cae91851080d92ad88651fc7a1946d829f21d Mon Sep 17 00:00:00 2001
From: gaoshp <291585735@qq.com>
Date: 星期日, 26 五月 2024 21:58:52 +0800
Subject: [PATCH] 工艺文件

---
 src/views/dnc/craft/document/index.vue    |  151 +++++++++++++++++++++++++++++++++++++
 src/views/dnc/craft/document/Children.vue |   39 +++++++++
 2 files changed, 190 insertions(+), 0 deletions(-)

diff --git a/src/views/dnc/craft/document/Children.vue b/src/views/dnc/craft/document/Children.vue
new file mode 100644
index 0000000..6d33787
--- /dev/null
+++ b/src/views/dnc/craft/document/Children.vue
@@ -0,0 +1,39 @@
+<template>
+    <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
+        <el-tab-pane label="绋嬪簭" name="1">
+            <el-table :data="tableData" style="width: 100%">
+                <el-table-column label="鏂囦欢鍚�" prop="" width=""></el-table-column>
+                <el-table-column label="鏂囦欢澶у皬" prop="" width=""></el-table-column>
+                <el-table-column label="鏂囦欢绫诲瀷" prop="" width=""></el-table-column>
+                <el-table-column label="鏂囦欢褰掑睘" prop="" width=""></el-table-column>
+                <el-table-column label="鎿嶄綔" prop="" width=""></el-table-column>
+            </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="鏂囨。" name="2">
+            <el-table :data="tableData" style="width: 100%">
+                <el-table-column label="鏂囦欢鍚�" prop="" width=""></el-table-column>
+                <el-table-column label="鏂囦欢澶у皬" prop="" width=""></el-table-column>
+                <el-table-column label="鏂囦欢绫诲瀷" prop="" width=""></el-table-column>
+                <el-table-column label="鏂囦欢褰掑睘" prop="" width=""></el-table-column>
+                <el-table-column label="鎿嶄綔" prop="" width=""></el-table-column>
+            </el-table>
+        </el-tab-pane>
+    </el-tabs>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            activeName: '1',
+        }
+    },
+    methods: {
+        handleClick() {
+
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/dnc/craft/document/index.vue b/src/views/dnc/craft/document/index.vue
new file mode 100644
index 0000000..0947fc2
--- /dev/null
+++ b/src/views/dnc/craft/document/index.vue
@@ -0,0 +1,151 @@
+<!--
+ * @Date: 2024-05-26 16:12:09
+ * @LastEditors: Sneed
+ * @LastEditTime: 2024-05-26 21:56:20
+ * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/dnc/craft/document/index.vue
+-->
+<!--
+ * @Date: 2024-05-21 22:46:05
+ * @LastEditors: Sneed
+ * @LastEditTime: 2024-05-26 21:50:37
+ * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/dnc/craft/document/index.vue
+-->
+<template>
+    <el-main style="height: 100%;">
+        <el-card shadow="never" style="height: 100%;" body-style="height: 100%">
+            <el-container>
+                <el-aside width="200px">
+                    <el-tree ref="group" node-key="id" :props="{
+                        label: 'name',
+                        hasChildren: 'id'
+                    }" @node-click="nodeClick" highlight-current :current-node-key="selectNode.id" :load="loadNode"
+                        lazy></el-tree>
+                </el-aside>
+                <el-container>
+                    <el-header>
+                        <el-button style="margin-left: 8px;margin-right: auto;" type="danger" plain
+                            :disabled="!selectNode.id || selectNode.id === 0" @click="del">鍒犻櫎</el-button>
+                    </el-header>
+                    <el-main>
+                        <el-row :gutter="20">
+                            <el-col :span="12">
+                                <scTable highlight-current-row @dataChange="dataChange" @row-click="rowClick"
+                                    ref="table" :params="params" :apiObj="apiObj" @selection-change="selectionChange"
+                                    stripe>
+                                    <el-table-column type="selection" width="50"></el-table-column>
+                                    <el-table-column label="宸ヨ壓鍖呭悕绉�" prop="name" width="160">
+                                    </el-table-column>
+                                    <el-table-column label="宸ヨ壓鍖呯紪鍙�" prop="allPathName" width="160"></el-table-column>
+                                    <el-table-column label="鎿嶄綔" fixed="right" align="right" width="160">
+                                        <template #default="scope">
+                                            <el-button-group>
+                                                <el-button text type="primary" size="small"
+                                                    @click="table_edit(scope.row, scope.$index)">缂栬緫</el-button>
+                                                <el-button text type="primary" size="small"
+                                                    @click="del([scope.row])">鍒犻櫎</el-button>
+                                            </el-button-group>
+                                        </template>
+                                    </el-table-column>
+                                </scTable>
+                            </el-col>
+                            <el-col :span="12">
+                                <h2>宸ヨ壓鍖呰鎯�</h2>
+                                <el-row>
+                                    <el-col :span="12">
+                                        宸ヨ壓鍖呭悕绉帮細
+                                    </el-col>
+                                    <el-col :span="12">
+                                        宸ヨ壓鍖呯紪鍙凤細
+                                    </el-col>
+                                    <el-col :span="12">
+                                        宸ヨ壓鍖呮墍鍦ㄧ洰褰曪細
+                                    </el-col>
+                                    <el-col :span="24">
+                                        <Children></Children>
+                                    </el-col>
+                                </el-row>
+                            </el-col>
+                        </el-row>
+
+                    </el-main>
+                </el-container>
+            </el-container>
+        </el-card>
+        <el-dialog v-model="visible" title="鏂板缓鏂囦欢澶�" width="500">
+            <el-form :model="formEdit" :rules="rulesEdit" ref="dialogForm" label-width="120px" label-position="center">
+                <el-form-item label="涓婄骇鐩綍">
+                    <el-input disabled v-model="formEdit.parentName" />
+                </el-form-item>
+                <el-form-item label="鐩綍鍚嶇О" prop="name">
+                    <el-input v-model="formEdit.name" />
+                </el-form-item>
+                <el-col :span="24">
+                    <el-form-item>
+                        <slot>
+                            <el-button type="primary" @click="submit">鎻愪氦</el-button>
+                        </slot>
+                    </el-form-item>
+                </el-col>
+            </el-form>
+        </el-dialog>
+    </el-main>
+</template>
+
+<script>
+import Children from './Children.vue'
+export default {
+    components: {
+        Children
+    },
+    data() {
+        return {
+            treeData: [],
+            selection: [],
+            selectNode: {
+                id: 0
+            },
+            visible: false,
+            formEdit: {
+                parentId: '',
+                parentName: '',
+                name: ''
+            },
+            rulesEdit: {
+                name: [
+                    { required: true, message: '蹇呭~' }
+                ]
+            },
+        }
+    },
+    created() {
+    },
+    methods: {
+        loadNode(node, resolve) {
+            console.log(node, '>>>>>>')
+            let id = node.level === 0 ? '' : node.data.id
+            this.$HTTP.get(`/api/blade-dnc/dnc-process-catalogue/lazy-list?parentId=${id}`).then(res => {
+                if (node.level === 0) {
+                    this.$nextTick(() => {
+                        this.nodeClick(res.data[0])
+                    })
+                }
+                resolve(res.data)
+            })
+        },
+        del() {
+            this.$HTTP.delete(`/api/blade-dnc/dnc-process-catalogue/remove`, {}, { data: [this.selectNode.id] }).then(res => {
+                this.$message.success("鎿嶄綔鎴愬姛");
+            })
+        },
+        nodeClick(node, treeNode) {
+            console.log(node, treeNode)
+            this.selectNode = {
+                ...node,
+                parentName: treeNode?.parent?.data?.name || '-'
+            }
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file

--
Gitblit v1.9.3