update

gaoshp

2024-04-13 0ec37c12c269d6f824da6d13e47c38e04757909b

 src/views/console/system/vision-component-modify.vue

@@ -1,10 +1,12 @@
<!--
 * @Date: 2024-04-09 22:18:47
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-13 21:11:49
 * @LastEditTime: 2024-04-13 22:10:21
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/system/vision-component-modify.vue
-->
<template>
    <el-main>
        <el-card shadow="never">
    <el-container>
        <el-aside width="220px">
            <el-tree default-expand-all style="max-width: 600px" :data="treeData" :props="defaultProps"
@@ -16,14 +18,15 @@
                <el-button @click="del" plain type="danger" :disabled="selection.length == 0">删除</el-button>
            </el-header>
            <el-main>
                <scTable ref="table" @selection-change="handleSelectionChange" row-key="id" border :params="params"
                    :apiObj="apiObj" stripe>
                        <scTable ref="table" @selection-change="handleSelectionChange" row-key="id" border
                            :params="params" :apiObj="apiObj" stripe>
                    <el-table-column type="selection" width="55" />
                    <el-table-column prop="name" label="组件名称" />
                    <el-table-column prop="typeName" label="分类名称" />
                    <el-table-column prop="url" label="图片">
                        <template #default="scope">
                            <img style="width: 20px;height: 20px;" :src="`${host}${scope.row.url}`" alt="图片" srcset="">
                                    <img style="width: 20px;height: 20px;" :src="`${host}${scope.row.url}`" alt="图片"
                                        srcset="">
                        </template>
                    </el-table-column>
                    <el-table-column prop="orderNum" label="排列顺序" />
@@ -32,7 +35,8 @@
                            <el-button-group>
                                <el-button text type="primary" size="small"
                                    @click="table_edit(scope.row, scope.$index)">编辑</el-button>
                                <el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row, scope.$index, '0')">
                                        <el-popconfirm title="确定删除吗？"
                                            @confirm="table_del(scope.row, scope.$index, '0')">
                                    <template #reference>
                                        <el-button text type="primary" size="small">删除</el-button>
                                    </template>
@@ -48,13 +52,14 @@
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="组件名称" prop="name">
                            <el-input style="width: 100%" v-model="row.name" placeholder="请输入" clearable></el-input>
                                    <el-input style="width: 100%" v-model="row.name" placeholder="请输入"
                                        clearable></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="分类名称" prop="typeName">
                            <el-tree-select v-model="row.typeName" :data="treeData" :props="defaultProps" @node-click="nodeClick"
                                style="width: 240px" />
                                    <el-tree-select v-model="row.typeName" :data="treeData" :props="defaultProps"
                                        @node-click="nodeClick" style="width: 240px" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="12" :data-url="`${host}${row.url}`">
@@ -69,7 +74,8 @@
                    </el-col>
                    <el-col :span="12" style="height: 300px;">
                        <el-card shadow="never" header="javascript Darcula主题">
                            <sc-code-editor v-model="row.component" mode="javascript" theme="darcula"></sc-code-editor>
                                    <sc-code-editor v-model="row.component" mode="javascript"
                                        theme="darcula"></sc-code-editor>
                        </el-card>
                    </el-col>
                </el-row>
@@ -84,6 +90,8 @@
            </template>
        </el-dialog>
    </el-container>
        </el-card>
    </el-main>
</template>

<script>