..

2025-09-12 11:45:24 +08:00
parent 0777e2f4f7
commit 16f2dda958
15 changed files with 191 additions and 59 deletions
@@ -0,0 +1,105 @@
+<!--#
+layout("/layouts/platform.html"){
+#-->
+
+<div id="app" v-cloak>
+    <guava>
+        <el-card shadow="never">
+            <search @search="doSearch">
+                <search-item label="名称">
+                    <el-input v-model="pageForm.displayName" placeholder="名称" clearable></el-input>
+                </search-item>
+            </search>
+        </el-card>
+
+        <el-card shadow="never">
+            <table-tool>
+                <el-button type="primary" @click="onAdd" size="small" icon="el-icon-plus">新增</el-button>
+            </table-tool>
+            <el-table :data="tableData" @sort-change="pageOrder" style="width: 100%">
+                <el-table-column type="index" width="50px" label="序号" :index="indexMethod"></el-table-column>
+                <el-table-column prop="title" label="标题"></el-table-column>
+                <el-table-column prop="isDeployed" label="是否启用">
+                    <template slot-scope="{row}">
+                        <el-tag size="mini" v-if="row.enable" type="success">是</el-tag>
+                        <el-tag size="mini" v-else type="info">否</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" fixed="right" width="250px">
+                    <template slot-scope="{row}">
+                        <el-button size="mini" type="primary" @click="onEdit(row)">编辑</el-button>
+                        <el-button type="danger" size="mini" @click="onDelete(row)">删除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <!--#include("/layouts/pagination.html"){}#-->
+        </el-card>
+    </guava>
+
+    <el-dialog :title="formData.id ? '编辑' : '新增'" :visible.sync="dialogVisible" width="70%">
+        <el-form :model="formData" ref="formRef" label-width="120px">
+            <el-form-item label="标题" prop="title" :rules="{ required: true, message: '请输入标题', trigger: 'blur' }">
+                <el-input v-model="formData.title" placeholder="请输入标题"></el-input>
+            </el-form-item>
+            <el-form-item label="封面图" prop="cover" :rules="{ required: true, message: '请上传封面图', trigger: 'blur' }">
+                <file-upload
+                    :value.sync="formData.cover"
+                    :upload_number="1"
+                    upload_mode="image"
+                    upload_result_category="interval"
+                    upload_result_type="url"
+                ></file-upload>
+            </el-form-item>
+            <el-form-item label="内容" prop="content" :rules="{ required: true, message: '请输入内容', trigger: 'blur' }">
+                <text-editor v-model="formData.content"></text-editor>
+            </el-form-item>
+            <el-form-item label="是否启用" prop="enable">
+                <el-switch v-model="formData.enable"></el-switch>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button @click="dialogVisible = false">取消</el-button>
+            <el-button type="primary" @click="onSubmit">确定</el-button>
+        </template>
+    </el-dialog>
+</div>
+
+<script>
+    new Vue({
+        el: "#app",
+        store,
+        mixins: [initTableMixins],
+        data() {
+            return {
+                dialogVisible: false,
+                formData: {}
+            }
+        },
+        methods: {
+            onAdd() {
+                this.formData = {}
+                this.dialogVisible = true
+            },
+            onEdit(row) {
+                this.dialogVisible = true
+                this.formData = { ...row }
+            },
+            onSubmit() {
+                $.post("/platform/huimin/manage/" + (this.formData.id ? "update" : "insert"), { data: JSON.stringify(this.formData) }).then((res) => {
+                    if (res.code === 0) {
+                        this.$message.success(res.msg)
+                        this.pageData()
+                        this.dialogVisible = false
+                    }
+                })
+            }
+        },
+        created() {
+            this.pageData()
+        }
+    })
+</script>
+
+<!--#
+}
+#-->