eta1.3 接口init

src/api/modules/updateLogApi.js

@@ -0,0 +1,42 @@
+/* ETA版本更新日志api */
+import http from "@/api/http.js"
+
+export const updateLogInterface = {
+    /**
+     * 版本更新日志列表
+     * @param Keyword String
+     * @param SortType  Number
+     * @param PageSize Number
+     * @param CurrentIndex Number
+     * @param {*} params 
+     */
+    getLogList:(params)=>{
+        return http.get('/eta_version_update_log/page_list',params)
+    },
+    /**
+     * 新增更新日志
+     * @param Version String
+     * @param Content String
+     * @param UpdateDate String
+     */
+    addLogData:(params)=>{
+        return http.post('/eta_version_update_log/add',params)
+    },
+    /**
+     * 编辑更新日志
+     * @param Id Number 
+     * @param Version String
+     * @param Content String
+     * @param UpdateDate String
+     */
+    editLogData:(params)=>{
+        return http.post('/eta_version_update_log/edit',params)
+    },
+    /**
+     * 删除更新日志
+     * @param Id Number
+     */
+    deleteLogData:(params)=>{
+        return http.post('/eta_version_update_log/del',params)
+    }
+}

src/views/system_manage/components/logSetDialog.vue

@@ -11,21 +11,21 @@
     >
         <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 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">
+                <el-form-item label="更新内容" prop="Content" class="update-text">
                     <div class="rich-editor-wrap">
                         <froala :id="`log-editor`"
                             :ref="`logEditor`" 
                             :tag="'textarea'" 
-                            :config="richEditorConfig" v-model="formData.updateText">
+                            :config="richEditorConfig" v-model="formData.Content">
                         </froala>
                     </div>
                 </el-form-item>
-                <el-form-item label="更新日期" prop="updateTime">
+                <el-form-item label="更新日期" prop="UpdateDate">
                     <el-date-picker
-                        v-model="formData.updateTime"
+                        v-model="formData.UpdateDate"
                         type="date"
                         placeholder="选择日期">
                     </el-date-picker>
@@ -45,6 +45,18 @@ export default {
         isLogSetShow:{
             type:Boolean,
             default:false
+        },
+        logInfo:{
+            type:Object,
+            default:()=>{ return {}}
+        }
+        
+    },
+    watch:{
+        isLogSetShow(newVal){
+            if(newVal){
+                this.logInfo.Version?(this.formData = _.cloneDeep(this.logInfo)):(this.formData = {Content:''})
+            }
         }
     },
     data() {
@@ -52,9 +64,9 @@ export default {
             value1:'',
             formData:{},
             rules:{
-                version:[{ required: true, message: '请输入版本号', trigger: 'blur' }],
-                updateText:[{ required: true, message: '请输入更新内容', trigger: 'blur' }],
-                updateTime:[{ required: true, message: '请选择更新日期', trigger: 'blur' }]
+                Version:[{ required: true, message: '请输入版本号', trigger: 'blur' }],
+                Content:[{ required: true, message: '请输入更新内容', trigger: 'blur' }],
+                UpdateDate:[{ required: true, message: '请选择更新日期', trigger: 'blur' }]
             },
             richEditorConfig:{
                 toolbarButtons:[
@@ -80,6 +92,10 @@ export default {
                 pasteAllowedStyleProps: ['font-family', 'font-size', 'color'],
                 language: "zh_cn",
                 placeholderText:'请输入更新内容',
+                wordPasteKeepFormatting:false,
+                pastePlain:true,
+                wordPasteModal:false,
+                pluginsEnabled:['colors'],//定义可用插件
             },//富文本编辑器配置项
         };
     },
@@ -87,7 +103,9 @@ export default {
         closeDia(){
             this.$emit('close')
         },
-        saveLog(){}
+        saveLog(){
+            this.$emit('saveLog',this.formData)
+        }
     },
 };
 </script>

src/views/system_manage/updateLogManage.vue

@@ -5,11 +5,13 @@
             <el-date-picker
                 v-model="timeRange"
                 type="daterange"
+                clearable
+                value-format="yyyy-MM-dd"
                 range-separator="至"
                 start-placeholder="开始日期"
                 end-placeholder="结束日期">
             </el-date-picker>
-            <el-input v-model="searchText" placeholder="输入更新内容检索"></el-input>
+            <el-input v-model="searchText" prefix-icon="el-icon-search" placeholder="输入更新内容检索" clearable></el-input>
         </div>
         <div class="table-wrap">
             <el-table :data="tableData" border>
@@ -41,29 +43,31 @@
         </div>
         <LogSetDialog 
             :isLogSetShow="isLogSetShow"
-            @close="isLogSetShow=false"
+            :logInfo="logInfo"
+            @close="()=>{logInfo = {};isLogSetShow = false}"
         />
     </div>
 </template>
 
 <script>
 import LogSetDialog from './components/logSetDialog.vue';
-
+import {updateLogInterface} from '@/api/modules/updateLogApi';
 export default {
     components: { LogSetDialog },
     data() {
         return {
             /* select */
-            timeRange: '',
+            timeRange: null,
             searchText: '',
             /* dialog */
+            logInfo:{},
             isLogSetShow:false,
             /* table */
-            tableData: [{ UpdateText: '111' }],
+            tableData: [],
             tableColumns: [
                 {
                     label: '更新内容',
-                    key: 'UpdateText'
+                    key: 'Content'
                 },
                 {
                     label: '版本号',
@@ -71,19 +75,39 @@ export default {
                 },
                 {
                     label: '更新日期',
-                    key: 'UpdateTime'
+                    key: 'UpdateDate'
                 },
             ],
             pageNo: 1,
             pageSize: 10,
             total: 0,
+            sortType:0,
         };
     },
     methods: {
+        getTableData(){
+            updateLogInterface.getLogList({
+                Keyword:this.searchText,
+                SortType:this.sortType,
+                CurrentIndex:this.pageNo,
+                PageSize:this.pageSize
+            }).then(res=>{
+                if(res.Ret!==200) return 
+                this.tableData = res.Data.List||[]
+                this.total = res.Data.Paging.Totals
+            })
+        },
         currentChange(page) {
             this.pageNo = page;
+        },
+        editLog(row){
+            this.logInfo = row
+            this.isLogSetShow = true
         }
     },
+    mounted(){
+        this.getTableData()
+    }
     
 };
 </script>