代码优化

src/views/mnt/deployHistory/index.vue

@@ -3,50 +3,16 @@
     <!--工具栏-->
     <div class="head-container">
       <!-- 搜索 -->
-      <el-input
-        v-model="query.value"
-        clearable
-        placeholder="输入搜索内容"
-        style="width: 200px"
-        class="filter-item"
-        @keyup.enter.native="toQuery"
-      />
-      <el-select
-        v-model="query.type"
-        clearable
-        placeholder="类型"
-        class="filter-item"
-        style="width: 130px"
-      >
-        <el-option
-          v-for="item in queryTypeOptions"
-          :key="item.key"
-          :label="item.display_name"
-          :value="item.key"
-        />
-      </el-select>
-      <el-button
-        class="filter-item"
-        size="mini"
-        type="success"
-        icon="el-icon-search"
-        @click="toQuery"
-      >搜索</el-button>
+      <el-input v-model="query.blurry" clearable placeholder="输入搜索内容" style="width: 200px" class="filter-item" @keyup.enter.native="toQuery" />
+      <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="toQuery">搜索</el-button>
     </div>
-    <!--表单组件-->
-    <eForm ref="form" :is-add="isAdd" />
     <!--表格渲染-->
     <el-table v-loading="loading" :data="data" size="small" style="width: 100%">
       <el-table-column prop="appName" label="应用名称" />
       <el-table-column prop="ip" label="部署IP" />
       <el-table-column prop="deployDate" label="部署时间" />
       <el-table-column prop="deployUser" label="部署人员" />
-      <el-table-column
-        v-if="checkPermission(['admin','deployHistory:del'])"
-        label="操作"
-        width="150px"
-        align="center"
-      >
+      <el-table-column v-if="checkPermission(['admin','deployHistory:del'])" label="操作" width="100px" align="center">
         <template slot-scope="scope">
           <el-popover
             :ref="scope.row.id"
@@ -57,12 +23,7 @@
             <p>确定删除本条数据吗？</p>
             <div style="text-align: right; margin: 0">
               <el-button size="mini" type="text" @click="$refs[scope.row.id].doClose()">取消</el-button>
-              <el-button
-                :loading="delLoading"
-                type="primary"
-                size="mini"
-                @click="subDelete(scope.row.id)"
-              >确定</el-button>
+              <el-button :loading="delLoading" type="primary" size="mini" @click="delMethod(scope.row.id)">确定</el-button>
             </div>
             <el-button slot="reference" type="danger" icon="el-icon-delete" size="mini" />
           </el-popover>
@@ -82,22 +43,15 @@
 </template>
 
 <script>
-import checkPermission from '@/utils/permission'
-import initData from '@/mixins/initData'
-import { del } from '@/api/deployHistory'
-import eForm from './form'
+import crud from '@/mixins/crud'
+import { del } from '@/api/mnt/deployHistory'
 
 export default {
-  components: { eForm },
-  mixins: [initData],
+  mixins: [crud],
   data() {
     return {
-      delLoading: false,
-      queryTypeOptions: [
-        { key: 'appName', display_name: '应用名称' },
-        { key: 'ip', display_name: '部署IP' },
-        { key: 'deployUser', display_name: '部署人员' }
-      ]
+      title: '部署历史',
+      crudMethod: { del }
     }
   },
   created() {
@@ -106,54 +60,9 @@ export default {
     })
   },
   methods: {
-    checkPermission,
     beforeInit() {
       this.url = 'api/deployHistory'
-      const sort = 'id,desc'
-      this.params = { page: this.page, size: this.size, sort: sort }
-      const query = this.query
-      const type = query.type
-      const value = query.value
-      if (type && value) {
-        this.params[type] = value
-      }
       return true
-    },
-    subDelete(id) {
-      this.delLoading = true
-      del(id)
-        .then(res => {
-          this.delLoading = false
-          this.$refs[id].doClose()
-          this.dleChangePage()
-          this.init()
-          this.$notify({
-            title: '删除成功',
-            type: 'success',
-            duration: 2500
-          })
-        })
-        .catch(err => {
-          this.delLoading = false
-          this.$refs[id].doClose()
-          console.log(err.response.data.message)
-        })
-    },
-    add() {
-      this.isAdd = true
-      this.$refs.form.dialog = true
-    },
-    edit(data) {
-      this.isAdd = false
-      const _this = this.$refs.form
-      _this.form = {
-        id: data.id,
-        appName: data.appName,
-        ip: data.ip,
-        deployDate: data.deployDate,
-        deployUser: data.deployUser
-      }
-      _this.dialog = true
     }
   }
 }