eta1.3 接口联调

src/views/system_manage/components/logSetDialog.vue

@@ -27,6 +27,7 @@
                     <el-date-picker
                         v-model="formData.UpdateDate"
                         type="date"
+                        value-format="yyyy-MM-dd"
                         placeholder="选择日期">
                     </el-date-picker>
                 </el-form-item>

src/views/system_manage/updateLogManage.vue

@@ -2,7 +2,7 @@
     <div class="update-log-manage-wrap">
         <div class="top-wrap">
             <el-button type="primary" @click="isLogSetShow=true">添加日志</el-button>
-            <el-date-picker
+            <!-- <el-date-picker
                 v-model="timeRange"
                 type="daterange"
                 clearable
@@ -10,25 +10,29 @@
                 range-separator="至"
                 start-placeholder="开始日期"
                 end-placeholder="结束日期">
-            </el-date-picker>
-            <el-input v-model="searchText" prefix-icon="el-icon-search" placeholder="输入更新内容检索" clearable></el-input>
+            </el-date-picker> -->
+            <el-input v-model="searchText" @input="getTableData"
+                prefix-icon="el-icon-search" placeholder="输入更新内容检索" clearable></el-input>
         </div>
         <div class="table-wrap">
-            <el-table :data="tableData" border>
+            <el-table :data="tableData" 
+            @sort-change="sortChangeHandle" border>
                 <el-table-column 
                     v-for="item in tableColumns" :key="item.key"
-                    :label="item.label" align="center"
+                    :label="item.label" :sortable="item.sort" 
+                    align="center"
                     >
+
                     <template slot-scope="{row}">
-                        {{ row[item.key] }}
+                        <div v-if="item.key==='Content'" v-html="row[item.key]"></div>
+                        <span v-else>{{ row[item.key] }}</span>
                     </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>
+                        <el-button type="text" @click="handleEditLog(row)">编辑</el-button>
+                        <el-button type="text" style="color: red;" @click="handleDeleteLog(row)">删除</el-button>
                     </template>
-                    
                 </el-table-column>
             </el-table>
             <el-pagination 
@@ -44,6 +48,7 @@
         <LogSetDialog 
             :isLogSetShow="isLogSetShow"
             :logInfo="logInfo"
+            @saveLog="saveLog"
             @close="()=>{logInfo = {};isLogSetShow = false}"
         />
     </div>
@@ -75,7 +80,8 @@ export default {
                 },
                 {
                     label: '更新日期',
-                    key: 'UpdateDate'
+                    key: 'UpdateDate',
+                    sort:true
                 },
             ],
             pageNo: 1,
@@ -99,10 +105,39 @@ export default {
         },
         currentChange(page) {
             this.pageNo = page;
+            this.getTableData()
+        },
+        sortChangeHandle(params){
+            this.sortType = params.order === 'ascending' ? 1 :params.order === 'descending' ? 2 : 0
+            this.pageNo = 1
+            this.getTableData()
         },
-        editLog(row){
+        handleEditLog(row){
             this.logInfo = row
             this.isLogSetShow = true
+        },
+        handleDeleteLog(row){
+            //二次确认
+            this.$confirm('删除操作不可恢复，确认删除吗?','提示',{
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+            }).then(() => {
+                updateLogInterface.deleteLogData({Id:row.Id}).then(res=>{
+                    if(res.Ret!==200) return
+                    this.$message.success('删除成功')
+                    this.getTableData()
+                })
+            }).catch(() => {});
+        },
+        async saveLog(form){
+            const res = form.Id
+                        ?await updateLogInterface.editLogData(form)
+                        :await updateLogInterface.addLogData(form)
+            if(res.Ret!==200) return 
+            this.$message.success(`${form.Id?'编辑':'添加'}成功`)
+            this.getTableData()
+            this.isLogSetShow = false
         }
     },
     mounted(){