eta1.3 init

src/routes/modules/operateRoutes.js

@@ -55,6 +55,12 @@ export default [
 				name: '语音播报管理',
 				hidden: false,
 			},
+			{
+				path:"updateLogManage",
+				component: () => import('@/views/system_manage/updateLogManage.vue'),
+				name: '更新日志配置',
+				hidden: false,
+			},
         ]
     }
 ]

src/views/system_manage/components/logSetDialog.vue

@@ -0,0 +1,109 @@
+<template>
+    <el-dialog
+        :visible.sync="isLogSetShow"
+        :close-on-click-modal="false"
+        :modal-append-to-body='false'
+        title="添加日志"
+        @close="closeDia"
+        width="820px"
+        v-dialogDrag
+        center
+    >
+        <div class="log-set-wrap">
+            <el-form :model="formData" :rules="rules" inline label-width="80px" ref="logForm">
+                <el-form-item label="版本号" prop="version">
+                    <el-input v-model="formData.version" placeholder="请输入版本号" style="width:100%"></el-input>
+                </el-form-item>
+                <el-form-item label="更新内容" prop="updateText" class="update-text">
+                    <div class="rich-editor-wrap">
+                        <froala :id="`log-editor`"
+                            :ref="`logEditor`" 
+                            :tag="'textarea'" 
+                            :config="richEditorConfig" v-model="formData.updateText">
+                        </froala>
+                    </div>
+                </el-form-item>
+                <el-form-item label="更新日期" prop="updateTime">
+                    <el-date-picker
+                        v-model="formData.updateTime"
+                        type="date"
+                        placeholder="选择日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-form>
+            <div class="btn-wrap" style="text-align: center;margin-bottom: 25px;">
+                <el-button type="primary" plain style="width:200px;" @click="closeDia">取消</el-button>
+                <el-button type="primary"  style="margin-left:50px;width:200px;" @click="saveLog">保存</el-button>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script>
+export default {
+    props:{
+        isLogSetShow:{
+            type:Boolean,
+            default:false
+        }
+    },
+    data() {
+        return {
+            value1:'',
+            formData:{},
+            rules:{
+                version:[{ required: true, message: '请输入版本号', trigger: 'blur' }],
+                updateText:[{ required: true, message: '请输入更新内容', trigger: 'blur' }],
+                updateTime:[{ required: true, message: '请选择更新日期', trigger: 'blur' }]
+            },
+            richEditorConfig:{
+                toolbarButtons:[
+                    'textColor',
+                    'bold',
+                    'italic',
+                    'underline',
+                    'fontFamily',
+                    'fontSize',
+                    'align',
+                    'outdent',
+                    'indent',
+                    'specialCharacters',
+                    'insertHR',
+                    'selectAll',
+                    'clearFormatting',
+                    'undo',
+                    'redo',
+                ],
+                height:220,
+                fontSizeDefaultSelection: "16",
+                quickInsertEnabled: false,
+                pasteAllowedStyleProps: ['font-family', 'font-size', 'color'],
+                language: "zh_cn",
+                placeholderText:'请输入更新内容',
+            },//富文本编辑器配置项
+        };
+    },
+    methods: {
+        closeDia(){
+            this.$emit('close')
+        },
+        saveLog(){}
+    },
+};
+</script>
+
+<style lang="scss">
+.log-set-wrap{
+    .el-form{
+        .el-form-item.update-text{
+            display: flex;
+            .el-form-item__content{
+                flex:1;
+            }
+        }
+    }
+}
+</style>
+<style scoped lang="scss">
+
+</style>

src/views/system_manage/updateLogManage.vue

@@ -0,0 +1,116 @@
+<template>
+    <div class="update-log-manage-wrap">
+        <div class="top-wrap">
+            <el-button type="primary" @click="isLogSetShow=true">添加日志</el-button>
+            <el-date-picker
+                v-model="timeRange"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
+            </el-date-picker>
+            <el-input v-model="searchText" placeholder="输入更新内容检索"></el-input>
+        </div>
+        <div class="table-wrap">
+            <el-table :data="tableData" border>
+                <el-table-column 
+                    v-for="item in tableColumns" :key="item.key"
+                    :label="item.label" align="center"
+                    >
+                    <template slot-scope="{row}">
+                        {{ row[item.key] }}
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" align="center">
+                    <template slot-scope="{row}">
+                        <el-button type="text" @click="editLog(row)">编辑</el-button>
+                        <el-button type="text" style="color: red;" @click="deleteLog(row)">删除</el-button>
+                    </template>
+                    
+                </el-table-column>
+            </el-table>
+            <el-pagination 
+                layout="prev,pager,next,total" 
+                background
+                :current-page="pageNo"
+                @current-change="currentChange"
+                :page-size="pageSize" 
+                :total="total"
+                >
+            </el-pagination>
+        </div>
+        <LogSetDialog 
+            :isLogSetShow="isLogSetShow"
+            @close="isLogSetShow=false"
+        />
+    </div>
+</template>
+
+<script>
+import LogSetDialog from './components/logSetDialog.vue';
+
+export default {
+    components: { LogSetDialog },
+    data() {
+        return {
+            /* select */
+            timeRange: '',
+            searchText: '',
+            /* dialog */
+            isLogSetShow:false,
+            /* table */
+            tableData: [{ UpdateText: '111' }],
+            tableColumns: [
+                {
+                    label: '更新内容',
+                    key: 'UpdateText'
+                },
+                {
+                    label: '版本号',
+                    key: 'Version'
+                },
+                {
+                    label: '更新日期',
+                    key: 'UpdateTime'
+                },
+            ],
+            pageNo: 1,
+            pageSize: 10,
+            total: 0,
+        };
+    },
+    methods: {
+        currentChange(page) {
+            this.pageNo = page;
+        }
+    },
+    
+};
+</script>
+
+<style scoped lang="scss">
+.update-log-manage-wrap{
+    padding:30px;
+    background-color: #fff;
+    border-radius: 4px;
+    .top-wrap{
+        display: flex;
+        justify-content: space-between;
+        .el-date-editor{
+            margin-left: auto;
+        }
+        .el-input{
+            margin-left:30px;
+            width:420px;
+        }
+    }
+    .table-wrap{
+        margin-top: 30px;
+        .el-pagination{
+            margin-top: 30px;
+            text-align: right;
+        }
+    }
+
+}
+</style>