场所管理

zhouwenxuan

2023-09-27 50e18f9d144e78d0f47247f46b5d712745e0035d

 src/views/notCoalMine/nPlaceManage/nTrainManage/index.vue

@@ -14,21 +14,31 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="expertList">
    <el-table v-loading="loading" :data="trainList">
      <el-table-column type="index" label="序号" width="55" align="center" />
      <el-table-column label="考试点名称" align="center" prop="name" />
      <el-table-column label="所属地区" align="center" prop="name" />
      <el-table-column label="地址" align="center" prop="name" />
      <el-table-column label="负责人及电话" align="center" prop="phone"/>
      <el-table-column label="联系人及电话" align="center" prop="phone"/>
      <el-table-column label="说明(备注)" align="center" prop="phone"/>
      <el-table-column label="培训机构名称" align="center" prop="institutionName" />
      <el-table-column label="所属地区" align="center" prop="districtName" />
      <el-table-column label="地址" align="center" prop="address" />
      <el-table-column label="负责人及电话" align="center" prop="phone">
        <template #default="scope">
          <div>{{scope.row.header}}</div>
          <div>{{scope.row.hphone}}</div>
        </template>
      </el-table-column>
      <el-table-column label="联系人及电话" align="center" prop="phone">
        <template #default="scope">
          <div>{{scope.row.contact}}</div>
          <div>{{scope.row.cphone}}</div>
        </template>
      </el-table-column>
      <el-table-column label="说明(备注)" align="center" prop="remark"/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template #default="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            @click="handleAdd('edit',scope.row)"
          >编辑</el-button>
          <el-button
            size="mini"
@@ -52,6 +62,7 @@
</template>

<script>
import { getTrainPage, delTrain } from "@/api/coalMine/placeManage/train";
import addDialog from "@/views/notCoalMine/nPlaceManage/nTrainManage/components/addDialog.vue";
export default {
  name: "nPeopleManage",
@@ -64,37 +75,58 @@
      multiple: true,
      showSearch: true,
      addForm: false,
      total: 0,
      total: 1,
      expertTypes: [],
      expertList: [],
      queryParams: {},
      classiFy: [],
      trainList: [],
      queryParams: {
        pageIndex: 1,
        pageSize: 10
      },
      form: {},
      rules: {
        classifyName: [
          { required: true, message: "分类名称不能为空", trigger: "blur" }
        ]
      }
    };
  },
  created() {

    this.getList();
  },
  methods: {
    getList(){

    },
    handleChange(){

    },
    handleQuery(){

    },
    resetQuery(){

    async getList() {
      this.loading = true;
      const param = {
        isCm: 0,
        pageNum: this.queryParams.pageIndex,
        pageSize: this.queryParams.pageSize
      }
      const res = await getTrainPage(param);
      if(res.code == 200) {
        this.trainList = res.rows;
        this.total = res.total
      }else {
        this.$message({
          message: res.msg,
          type: 'warning'
        })
      }
      this.loading = false;
    },
    handleAdd(type, data){
      this.$refs.addDialogRef.openDialog(type, data);
    },
    handleDelete(val) {
      this.$confirm('删除此条信息，是否继续', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        delTrain(val.institutionId ).then((res) => {
          if (res.code == 200) {
            this.$message({
              type:'success',
              message: '删除成功'
            })
            this.getList()
          }
        })
      })
    }
  }
};