案件录入显示

wl

2022-07-20 9f08056f61bc0b10e80cc4aabb1df63e3ae5947b

 src/views/cause/Entry.vue

@@ -23,18 +23,49 @@
          </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">
          </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-pagination>
    </el-card>
  </div>
</template>

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

export default {
  name: "Entry",
  data() {
    return {
      casueList: [],
      queryInfo: {
        title: '',
        status: '5',
@@ -70,7 +101,18 @@
      total: 0,
    }
  },
  created() {
    this.init()
  },
  methods: {
    init() {
      casueList().then(
        res => {
          this.total = res.total
          this.casueList = res.records
        }
      )
    },
    getList() {
      this.$http.get('/api/entry/list', {
        params: this.queryInfo
@@ -97,4 +139,8 @@
.el-form-item {
  margin-bottom: 0;
}

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