login

安瑾然

2022-07-21 561b46d42e9a1b633f0428911045898b8270dfa2

 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,31 +19,69 @@
            <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>
      <el-pagination @current-change="handleCurrentChange" :current-page="queryInfo.current"
                     :page-size="queryInfo.size" layout="prev, pager, next"
                     :total="total"></el-pagination>
      <template>
        <el-table :data="casueList" style="width: 100%">
          <el-table-column prop="number" label="案件编号" width="150" header-align="center">
          </el-table-column>
          <el-table-column prop="name" label="案件名称" width="180" header-align="center">
          </el-table-column>
          <el-table-column prop="reportNumber" label="报案人数" width="100" header-align="center" align="center">
          </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" 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>
          <el-table-column prop="ctime" label="创建日期" width="160" header-align="center" align="center">
          </el-table-column>
          <el-table-column label="操作" width="240" header-align="center" align="center">
            <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-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-card>
  </div>
</template>

<script>
import {
  casueList
} from '@/api/cause'

export default {
  name: "Entry",
  data() {
    return {
      casueList: [],
      queryInfo: {
        title: '',
        status: '5',
        cause: '',
        status: null,
        current: 1,
        size: 10
      },
      options: [
        {
          value: '5',
          value: null,
          label: '全部'
        },
        {
@@ -70,17 +108,63 @@
      total: 0,
    }
  },
  methods: {
  created() {
    this.init()
  },
  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 => {
          this.total = res.total
          this.casueList = res.records
        }
      )
    },
    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() {
@@ -88,7 +172,7 @@
    handleCurrentChange(val) {
      this.queryInfo.current = val;
      this.getList();
    },
    }
  }
}
</script>
@@ -97,4 +181,8 @@
.el-form-item {
  margin-bottom: 0;
}

::v-deep(.el-table thead) {
  color: #000000;
}
</style>