【update】-新增年度数据锁定

2024-07-04 17:14:20 +08:00
parent 65da1fa6cd
commit 001689e93d
2 changed files with 231 additions and 0 deletions
@@ -0,0 +1,113 @@
+<!--年度数据锁定-->
+<template>
+<div>
+  <page-header-title :img-for-icon="IconImg"></page-header-title>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :xl="8" :lg="8" :md="8" :sm="24">
+            <a-form-item label="年份">
+              <j-year-date style="width:100%" placeholder="请选择年份"
+                           v-model="queryParam.year"></j-year-date>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search" v-has="'annualDataLockingList:search'">查询</a-button>
+              <a-button class="reset-button" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+
+    <!--    操作按钮区域-->
+    <div class="table-operator">
+      <a-button type="primary" icon="plus" @click="handleAdd" v-has="'annualDataLockingList:add'">新增</a-button>
+      <a-button type="danger" icon="delete" @click="batchDel" v-has="'annualDataLockingList:batchDel'">批量删除</a-button>
+    </div>
+    <!--    操作按钮区域-end-->
+
+    <!--    table表格区域-->
+    <div>
+      <a-table
+        ref="table"
+        size="middle"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :scroll="{x: 600}"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        @change="handleTableChange"
+        class="j-table-force-nowrap">
+
+        <span slot="action" class="action-span-cell" slot-scope="text, record">
+            <a @click="handleEdit(record)" v-has="'annualDataLockingList:edit'">编辑</a>
+            <a @click="handleDelete(record.id)" v-has="'annualDataLockingList:delete'">删除</a>
+          </span>
+
+      </a-table>
+    </div>
+    <annual-data-locking-modal ref="modalForm" @ok="modalFormOk"></annual-data-locking-modal>
+  </a-card>
+
+</div>
+</template>
+
+<script>
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
+import JYearDate from '@comp/jero/JYearDate'
+import IconImg from '@/assets/imgs/icon/icon_system.png'
+import AnnualDataLockingModal from './modules/AnnualDataLockingModal'
+
+
+export default {
+  name: 'AnnualDataLockingList',
+  mixins: [JeroListMixin],
+  components: {
+    PageHeaderTitle,
+    JYearDate,
+    AnnualDataLockingModal
+  },
+  data() {
+    return {
+      IconImg,
+      columns: [
+        {
+          title: '年份',
+          align: 'center',
+          dataIndex: 'year',
+          // width: 280,
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: '操作',
+          dataIndex: 'action',
+          // width: 240,
+          // fixed: 'right',
+          scopedSlots: { customRender: 'action' },
+          align: 'center'
+        }
+      ],
+      url: {
+        list: '/sys/annualDataLocking/page',
+        delete: '/sys/annualDataLocking/delete',
+        deleteBatch: '/sys/annualDataLocking/deleteBatch'
+      }
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+</style>
@@ -0,0 +1,118 @@
+<!--年度数据锁定-新增、编辑-->
+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @ok="handleOk"
+    @cancel="handleCancel"
+    okText="保存"
+    cancelText="关闭">
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+        <a-form-item label="年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <j-year-date
+            style="width:100%"
+            placeholder="请选择年份"
+            v-decorator="['year',validatorRules.year]">
+          </j-year-date>
+        </a-form-item>
+      </a-form>
+    </a-spin>
+  </j-modal>
+</template>
+
+<script>
+
+import pick from 'lodash.pick'
+import JYearDate from '../../../components/jero/JYearDate'
+import { postAction } from '../../../api/manage'
+
+export default {
+  name: 'AnnualDataLockingModal',
+  components: {JYearDate },
+  data() {
+    return {
+      title: '操作',
+      width: 900,
+      visible: false,
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      model: {},
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 6 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 14 }
+      },
+      url: {
+        add: '/sys/annualDataLocking/add',
+        edit: '/sys/annualDataLocking/edit'
+      },
+      validatorRules: {
+        year: {
+          rules: [{ required: true, message: '请选择年份' }],
+          validateTrigger: 'change'
+        },
+      }
+    }
+  },
+  methods: {
+    add() {
+      this.edit({})
+    },
+    edit(record) {
+      this.visible = true
+      this.form.resetFields()
+      this.model = Object.assign({}, record)
+      this.$nextTick(() => {
+        this.form.setFieldsValue(pick(this.model, 'year'))
+      })
+    },
+    handleOk() {
+      if (this.confirmLoading) {
+        return
+      }
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          this.confirmLoading = true
+          let httpUrl = ''
+          if (!this.model.id) {
+            httpUrl += this.url.add
+          } else {
+            httpUrl += this.url.edit
+          }
+          const formData = Object.assign({}, this.model, values)
+          postAction(httpUrl, formData).then(res => {
+            if (res.success) {
+              this.$message.success(res.message)
+              this.$emit('ok')
+              this.handleCancel()
+            } else {
+              this.$message.warn(res.message)
+            }
+          }).finally(() => {
+            setTimeout(() => {
+              this.confirmLoading = false
+            }, 1000)
+          })
+        }
+      })
+    },
+    handleCancel() {
+      this.close()
+    },
+    close() {
+      this.visible = false
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>