迁移

project/biaopin/AppOrganizationChange/components/history.vue

@@ -0,0 +1,93 @@
+<template>
+  <section class="history">
+    <ai-search-bar>
+      <template #left>
+        <el-button type="primary" icon="iconfont iconEdit" @click="$router.push({hash:'#makeup',query:{oid}})">补录</el-button>
+      </template>
+      <template #right>
+        <el-input size="small" placeholder="请输入届次" v-model="search.sessionTime" clearable @change="getList"/>
+      </template>
+    </ai-search-bar>
+    <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="handleEdit(row.id)">编辑</el-button>
+          <el-button type="text" @click="handleDelete(row.id)">删除</el-button>
+        </template>
+      </el-table-column>
+    </ai-table>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "history",
+  inject: {
+    permissions: {},
+    instance: {},
+    dict: {}
+  },
+  data() {
+    return {
+      search: {sessionTime: null},
+      tableData: []
+    }
+  },
+  computed: {
+    colConfigs() {
+      return [
+        {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
+  },
+  watch: {
+    oid: {
+      immediate: true,
+      handler() {
+        this.search.sessionTime = null
+        this.getList()
+      }
+    }
+  },
+  methods: {
+    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
+      organizationId && this.instance.post("/app/apporganizationgeneralelection/list", null, {
+        throttle: 500,
+        params: {...this.search, organizationId}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data
+        }
+      })
+    }
+  },
+}
+</script>
+
+<style lang="scss" scope>
+.history {
+  padding-top: 0 !important;
+  background-color: #FFF !important;
+}
+</style>