平昌党建先提交挂起

project/pingchang/apps/AppOrganizationChange/components/history.vue

@@ -3,26 +3,18 @@
 
     <ai-search-bar>
       <template #left>
-        <el-button type="primary" icon="iconfont iconEdit" @click="fillupAdd('')">补录</el-button>
+        <el-button type="primary" icon="iconfont iconEdit" @click="$router.push({hash:'#makeup',query:{}})">补录</el-button>
       </template>
       <template #right>
         <el-input size="small" placeholder="请输入届次" v-model="search.name" clearable
                   v-throttle="() => {page.current = 1, getList()}"/>
-        <el-button icon="iconfont iconResetting" @click="reset('')">重置</el-button>
       </template>
     </ai-search-bar>
-    <ai-table
-        class="detail-table__table"
-        :tableData="tableData"
-        :col-configs="colConfigs"
-        :total="page.total"
-        :current.sync="current"
-        :size.sync="size"
-        @getList="getJobList">
+    <ai-table :tableData="tableData" :col-configs="colConfigs" :isShowPagination="false" @getList="getList">
       <el-table-column slot="options" label="操作" align="center">
         <template slot-scope="{ row }">
-          <el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
-          <el-button type="text" @click="jobDelete(row.id)">删除</el-button>
+          <el-button type="text" @click="handleEdit(row.id)">编辑</el-button>
+          <el-button type="text" @click="handleDelete(row.id)">删除</el-button>
         </template>
       </el-table-column>
     </ai-table>
@@ -32,41 +24,60 @@
 <script>
 export default {
   name: "history",
-  props: {
-    instance: Function,
-    permissions: Function,
-    dict: Object,
+  inject: {
+    permissions: {},
+    instance: {},
+    dict: {}
   },
   data() {
     return {
       search: {
         name: '',
       },
-      page: {
-        current: 1,
-        size: 10,
-        total: 0
-      }
+      tableData: []
     }
   },
   computed: {
     colConfigs() {
       return [
-        {prop: '', label: '届次', align: 'left'},
-        {prop: '', label: '换届日期', align: 'center'},
-        {prop: '', label: '操作时间', align: 'center'},
-        {prop: '', label: '操作人', align: 'center'},
+        {prop: 'sessionTime', label: '届次', align: 'left'},
+        {prop: 'changeTime', label: '换届日期', align: 'center'},
+        {prop: 'createTime', label: '操作时间', align: 'center'},
+        {prop: 'createUserName', label: '操作人', align: 'center'},
         {slot: 'options'},
       ]
-    }
+    },
+    oid: v => v.$attrs.selected.id
   },
   methods: {
-    fillupAdd() {},
-    reset() {},
-    getList() {}
+    handleEdit(id) {
+      this.$router.push({hash: "#makeup", query: {id}})
+    },
+    handleDelete(id) {
+      this.$confirm("是否要删除该条届次记录?").then(() => {
+        this.instance.post("/app/apporganizationgeneralelection/delete", null, {
+          params: {id}
+        }).then(res => {
+          if (res?.code == 0) {
+            this.$message.success("删除成功!")
+            this.getList()
+          }
+        })
+      }).catch(() => 0)
+    },
+    getList() {
+      const {oid: organizationId} = this
+      this.instance.post("/app/apporganizationgeneralelection/list", null, {
+        params: {...this.search, organizationId}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data
+        }
+      })
+    }
   },
   created() {
-
+    this.getList()
   },
 }
 </script>