案件录入导入查询和分页

wl

2022-07-21 b8b615a7876092f8e5b231c058a0ab884ff6e904

 src/views/cause/Entry.vue

@@ -4,7 +4,7 @@
      <template slot="header">
        <el-form :inline="true" :model="queryInfo" class="demo-form-inline">
          <el-form-item label="案件：">
            <el-input placeholder="请输入案件编号或名称" v-model="queryInfo.title"></el-input>
            <el-input placeholder="请输入案件编号或名称" v-model="queryInfo.cause"></el-input>
          </el-form-item>
          <el-form-item label="案件状态：">
            <el-select v-model="queryInfo.status" placeholder="请选择">
@@ -19,7 +19,10 @@
            <el-button type="primary" @click="addDialogOpen">添加</el-button>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="exportExcel">导入</el-button>
            <el-upload name="multipartFile" class="upload-demo" action="/api/cause/upload "
              :before-upload="beforeAvatarUpload" :on-preview="handlePreview" :on-success="respond" :limit="1">
              <el-button type="primary">导入</el-button>
            </el-upload>
          </el-form-item>
        </el-form>
      </template>
@@ -33,7 +36,14 @@
          </el-table-column>
          <el-table-column prop="firstTime" label="最早发案日期" width="150" header-align="center" align="center">
          </el-table-column>
          <el-table-column prop="status" label="案件状态" width="110" header-align="center">
          <el-table-column prop="status" label="案件状态" width="110" header-align="center" align="center">
            <template slot-scope="scope">
              <span v-if="scope.row.status == 0">未审核</span>
              <span v-if="scope.row.status == 1">不予立案</span>
              <span v-if="scope.row.status == 2">受理中</span>
              <span v-if="scope.row.status == 3">已结案</span>
              <span v-if="scope.row.status == 4">已撤案</span>
            </template>
          </el-table-column>
          <el-table-column prop="userName" label="负责人" width="130" header-align="center" align="center">
          </el-table-column>
@@ -43,15 +53,12 @@
            <el-button type="text" size="medium" @click="handleAudit(scope.row)">编辑</el-button>
            <el-button type="text" size="medium" @click="handleAudit(scope.row)">报案人员</el-button>
            <el-button type="text" size="medium" @click="handleAudit(scope.row)">群公告</el-button>
            <el-button type="text" size="medium" @click="handleAudit(scope.row)" style="color:#ff0000" >删除</el-button>
            <el-button type="text" size="medium" @click="handleAudit(scope.row)" style="color:#ff0000">删除</el-button>
          </el-table-column>
        </el-table>
      </template>


      <el-pagination @current-change="handleCurrentChange" :current-page="queryInfo.current" :page-size="queryInfo.size"
        layout="prev, pager, next" :total="total"></el-pagination>
      </el-pagination>
    </el-card>
  </div>
</template>
@@ -67,14 +74,14 @@
    return {
      casueList: [],
      queryInfo: {
        title: '',
        status: '5',
        cause: '',
        status: null,
        current: 1,
        size: 10
      },
      options: [
        {
          value: '5',
          value: null,
          label: '全部'
        },
        {
@@ -104,7 +111,31 @@
  created() {
    this.init()
  },
  methods: {
  methods:
  {
    respond(res) {
      if (res.code == 200) {
        this.$message({
          message: '上传成功',
          type: 'success'
        }
        )
      } else {
        this.$message({
          message: res.msg,
          type: 'error'
        })
      }
    },
    beforeAvatarUpload(file) {
      let Xls = file.name.split('.');
      if (Xls[1] === 'xls' || Xls[1] === 'xlsx') {
        return file
      } else {
        this.$message.error('上传文件只能是 xls/xlsx 格式!')
        return false
      }
    },
    init() {
      casueList().then(
        res => {
@@ -114,15 +145,26 @@
      )
    },
    getList() {
      this.$http.get('/api/entry/list', {
      this.$http.get('/api/cause/getCauseList', {
        params: this.queryInfo
      }).then(res => {
        this.total = res.data.total
        this.list = res.data.list
        this.total = res.data.data.total
        this.casueList = res.data.data.records
      })
    },
    search() {
    },
      this.$http.get('/api/cause/getCauseList', {
        params: this.queryInfo
      }).then(
        res => {
          this.total = res.data.data.total
          this.casueList = res.data.data.records
          console.log(res.data.data.records);
        }
      )

    }
    ,
    addDialogOpen() {
    },
    exportExcel() {
@@ -130,7 +172,7 @@
    handleCurrentChange(val) {
      this.queryInfo.current = val;
      this.getList();
    },
    }
  }
}
</script>