部分页面添加

wjt

2024-06-19 0a87fb00f345fa192705cfcaa753d304ff7fe1f3

 src/views/infomanger/policy/index.vue

@@ -1,16 +1,16 @@
<template>
  <div  class="app-container">
    <el-form :inline="true" label-width="100px" :model="form">
    <el-form :inline="true" class="evenly-distributed-labels" :model="form" ref="form" label-position="left" label-width="80px">
      <el-form-item label="政策名称">
        <el-input placeholder="请输入" ></el-input>
        <el-input placeholder="请输入" v-model="form.docTitle"></el-input>
      </el-form-item>
      <el-form-item label="政策类型">
        <el-select placeholder="请选择" style="width: 200px;">
        <el-select placeholder="请选择" style="width: 200px;" v-model="form.docType">
          <el-option v-for="item in policyList" :label="item.label" :value="item.value"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="状态">
        <el-select placeholder="请选择" style="width: 200px;">
        <el-select placeholder="请选择" style="width: 200px;" v-model="form.docStatus">
          <el-option v-for="item in statusList" :label="item.label" :value="item.value"></el-option>
        </el-select>
      </el-form-item>
@@ -26,7 +26,11 @@
    </el-row>
    <el-table :data="tableData" v-loading="loading" border>
      <el-table-column label="政策名称" prop="docTitle"></el-table-column>
      <el-table-column label="政策类型" prop="docType"></el-table-column>
      <el-table-column label="政策类型" prop="docType">
        <template #default="scope">
          {{ policyType[scope.row.docType] }}
        </template>
      </el-table-column>
      <el-table-column label="创建时间" prop="createTime"></el-table-column>
      <el-table-column label="创建人" width="200" prop="createBy"></el-table-column>
      <el-table-column label="状态" width="200" prop="docStatus">
@@ -38,11 +42,11 @@
        <template #default="scope">
          <el-link type="primary" @click="handleAdd(scope.row)">编辑</el-link>
          <el-divider direction="vertical" />
          <el-link type="primary" @click="delData(scope.row)">删除</el-link>
          <el-link type="error" @click="delData(scope.row)">删除</el-link>
        </template>
      </el-table-column>
    </el-table>
    <pagination v-show="queryParams.total > 0" :total="queryParams.total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
    <pagination v-show="queryParams.total > 0" :total="queryParams.total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="pageChange" />
      <addNews ref="addnews" :policyList="policyList" @upload="getList"></addNews>
   </div>
</template>
@@ -51,6 +55,7 @@
import { docList,updDoc, delDoc } from '@/api/system/company/company'
import addNews from './components/addNews'
import { ElMessageBox } from 'element-plus'
import { policyType } from '@/utils/mapList/index'
export default {
  components: {
    addNews
@@ -79,7 +84,9 @@
        pageSize: 10
      },
      tableData: [],
      loading: false
      loading: false,
      form: {},
      policyType
    }
  },
  created() {
@@ -87,9 +94,14 @@
    this.getList()
  },
  methods: {
    pageChange(e) {
      this.queryParams.pageNum = e.page
      this.queryParams.pageSize = e.limit
      this.getList()
    },
    // 获取列表
    getList() {
      docList(this.queryParams).then(res => {
      docList({...this.queryParams, ...this.form}).then(res => {
        this.tableData = res.rows
        this.queryParams.total = res.total
        this.loading = false
@@ -125,7 +137,26 @@
        this.getList()
      })
    })
   },
   resetQuery() {
    this.form = {}
    this.queryParams.pageNum = 1
    this.$refs.form.resetFields()
    this.getList()
   }
  }
}
</script>
</script>
<style scoped lang="scss">
.evenly-distributed-labels {
  :deep(){
    .el-form-item__label {
      position: relative; /* 设置相对定位作为星号的定位基准 */
      text-align: justify;
      text-align-last: justify; /* 确保最后一行也两端对齐 */
      padding-left: 10px; /* 为星号预留空间 */
      display: inline-block;
    }
  }
}
</style>