新增站点附带问题

web/src/api/placePro.js

@@ -0,0 +1,97 @@
+import service from '@/utils/request'
+
+// @Tags PlacePro
+// @Summary 创建PlacePro
+// @Security ApiKeyAuth
+// @accept application/json
+// @Produce application/json
+// @Param data body model.PlacePro true "创建PlacePro"
+// @Success 200 {string} string "{"success":true,"data":{},"msg":"获取成功"}"
+// @Router /placePro/createPlacePro [post]
+export const createPlacePro = (data) => {
+  return service({
+    url: '/placePro/createPlacePro',
+    method: 'post',
+    data
+  })
+}
+
+// @Tags PlacePro
+// @Summary 删除PlacePro
+// @Security ApiKeyAuth
+// @accept application/json
+// @Produce application/json
+// @Param data body model.PlacePro true "删除PlacePro"
+// @Success 200 {string} string "{"success":true,"data":{},"msg":"删除成功"}"
+// @Router /placePro/deletePlacePro [delete]
+export const deletePlacePro = (data) => {
+  return service({
+    url: '/placePro/deletePlacePro',
+    method: 'delete',
+    data
+  })
+}
+
+// @Tags PlacePro
+// @Summary 删除PlacePro
+// @Security ApiKeyAuth
+// @accept application/json
+// @Produce application/json
+// @Param data body request.IdsReq true "批量删除PlacePro"
+// @Success 200 {string} string "{"success":true,"data":{},"msg":"删除成功"}"
+// @Router /placePro/deletePlacePro [delete]
+export const deletePlaceProByIds = (data) => {
+  return service({
+    url: '/placePro/deletePlaceProByIds',
+    method: 'delete',
+    data
+  })
+}
+
+// @Tags PlacePro
+// @Summary 更新PlacePro
+// @Security ApiKeyAuth
+// @accept application/json
+// @Produce application/json
+// @Param data body model.PlacePro true "更新PlacePro"
+// @Success 200 {string} string "{"success":true,"data":{},"msg":"更新成功"}"
+// @Router /placePro/updatePlacePro [put]
+export const updatePlacePro = (data) => {
+  return service({
+    url: '/placePro/updatePlacePro',
+    method: 'put',
+    data
+  })
+}
+
+// @Tags PlacePro
+// @Summary 用id查询PlacePro
+// @Security ApiKeyAuth
+// @accept application/json
+// @Produce application/json
+// @Param data query model.PlacePro true "用id查询PlacePro"
+// @Success 200 {string} string "{"success":true,"data":{},"msg":"查询成功"}"
+// @Router /placePro/findPlacePro [get]
+export const findPlacePro = (params) => {
+  return service({
+    url: '/placePro/findPlacePro',
+    method: 'get',
+    params
+  })
+}
+
+// @Tags PlacePro
+// @Summary 分页获取PlacePro列表
+// @Security ApiKeyAuth
+// @accept application/json
+// @Produce application/json
+// @Param data query request.PageInfo true "分页获取PlacePro列表"
+// @Success 200 {string} string "{"success":true,"data":{},"msg":"获取成功"}"
+// @Router /placePro/getPlaceProList [get]
+export const getPlaceProList = (params) => {
+  return service({
+    url: '/placePro/getPlaceProList',
+    method: 'get',
+    params
+  })
+}

web/src/view/placePro/placePro.vue

@@ -0,0 +1,205 @@
+<template>
+  <div>
+    <div class="search-term">
+      <el-form :inline="true" :model="searchInfo" class="demo-form-inline">
+        <el-form-item>
+          <el-button size="mini" type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
+          <el-button size="mini" type="primary" icon="el-icon-plus" @click="openDialog">新增</el-button>
+          <el-popover v-model:visible="deleteVisible" placement="top" width="160">
+            <p>确定要删除吗？</p>
+            <div style="text-align: right; margin: 0">
+              <el-button size="mini" type="text" @click="deleteVisible = false">取消</el-button>
+              <el-button size="mini" type="primary" @click="onDelete">确定</el-button>
+            </div>
+            <template #reference>
+              <el-button icon="el-icon-delete" size="mini" type="danger" style="margin-left: 10px;">批量删除</el-button>
+            </template>
+          </el-popover>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-table
+      ref="multipleTable"
+      border
+      stripe
+      style="width: 100%"
+      tooltip-effect="dark"
+      :data="tableData"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column label="日期" width="180">
+        <template #default="scope">{{ formatDate(scope.row.CreatedAt) }}</template>
+      </el-table-column>
+      <el-table-column label="站点id" prop="placeId" />
+      <el-table-column label="站点问题" prop="placeProText" />
+      <el-table-column label="按钮组">
+        <template #default="scope">
+          <el-button size="small" type="primary" icon="el-icon-edit" class="table-button" @click="updatePlacePro(scope.row)">变更</el-button>
+          <el-button type="danger" icon="el-icon-delete" size="mini" @click="deleteRow(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      layout="total, sizes, prev, pager, next, jumper"
+      :current-page="page"
+      :page-size="pageSize"
+      :page-sizes="[10, 30, 50, 100]"
+      :style="{float:'right',padding:'20px'}"
+      :total="total"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+    <el-dialog v-model="dialogFormVisible" :before-close="closeDialog" title="弹窗操作">
+      <el-form :model="formData" label-position="right" label-width="80px">
+        <el-form-item label="站点id:">
+          <el-input v-model.number="formData.placeId" clearable placeholder="请输入" />
+        </el-form-item>
+        <el-form-item label="站点问题:">
+          <el-input v-model="formData.placeProText" clearable placeholder="请输入" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="closeDialog">取 消</el-button>
+          <el-button type="primary" @click="enterDialog">确 定</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  createPlacePro,
+  deletePlacePro,
+  deletePlaceProByIds,
+  updatePlacePro,
+  findPlacePro,
+  getPlaceProList
+} from '@/api/placePro' //  此处请自行替换地址
+import infoList from '@/mixins/infoList'
+export default {
+  name: 'PlacePro',
+  mixins: [infoList],
+  data() {
+    return {
+      listApi: getPlaceProList,
+      dialogFormVisible: false,
+      type: '',
+      deleteVisible: false,
+      multipleSelection: [],
+      formData: {
+        placeId: 0,
+        placeProText: '',
+      }
+    }
+  },
+  async created() {
+    await this.getTableData()
+  },
+  methods: {
+  // 条件搜索前端看此方法
+    onSubmit() {
+      this.page = 1
+      this.pageSize = 10
+      this.getTableData()
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    deleteRow(row) {
+      this.$confirm('确定要删除吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.deletePlacePro(row)
+      })
+    },
+    async onDelete() {
+      const ids = []
+      if (this.multipleSelection.length === 0) {
+        this.$message({
+          type: 'warning',
+          message: '请选择要删除的数据'
+        })
+        return
+      }
+      this.multipleSelection &&
+        this.multipleSelection.map(item => {
+          ids.push(item.ID)
+        })
+      const res = await deletePlaceProByIds({ ids })
+      if (res.code === 0) {
+        this.$message({
+          type: 'success',
+          message: '删除成功'
+        })
+        if (this.tableData.length === ids.length && this.page > 1) {
+          this.page--
+        }
+        this.deleteVisible = false
+        this.getTableData()
+      }
+    },
+    async updatePlacePro(row) {
+      const res = await findPlacePro({ ID: row.ID })
+      this.type = 'update'
+      if (res.code === 0) {
+        this.formData = res.data.replacePro
+        this.dialogFormVisible = true
+      }
+    },
+    closeDialog() {
+      this.dialogFormVisible = false
+      this.formData = {
+        placeId: 0,
+        placeProText: '',
+      }
+    },
+    async deletePlacePro(row) {
+      const res = await deletePlacePro({ ID: row.ID })
+      if (res.code === 0) {
+        this.$message({
+          type: 'success',
+          message: '删除成功'
+        })
+        if (this.tableData.length === 1 && this.page > 1) {
+          this.page--
+        }
+        this.getTableData()
+      }
+    },
+    async enterDialog() {
+      let res
+      switch (this.type) {
+        case 'create':
+          res = await createPlacePro(this.formData)
+          break
+        case 'update':
+          res = await updatePlacePro(this.formData)
+          break
+        default:
+          res = await createPlacePro(this.formData)
+          break
+      }
+      if (res.code === 0) {
+        this.$message({
+          type: 'success',
+          message: '创建/更改成功'
+        })
+        this.closeDialog()
+        this.getTableData()
+      }
+    },
+    openDialog() {
+      this.type = 'create'
+      this.dialogFormVisible = true
+    }
+  },
+}
+</script>
+
+<style>
+</style>

web/src/view/placePro/placeProForm.vue

@@ -0,0 +1,78 @@
+<template>
+  <div>
+    <el-form :model="formData" label-position="right" label-width="80px">
+      <el-form-item label="站点id:">
+        <el-input v-model.number="formData.placeId" clearable placeholder="请输入" />
+      </el-form-item>
+      <el-form-item label="站点问题:">
+        <el-input v-model="formData.placeProText" clearable placeholder="请输入" />
+      </el-form-item>
+      <el-form-item>
+        <el-button size="mini" type="primary" @click="save">保存</el-button>
+        <el-button size="mini" type="primary" @click="back">返回</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import {
+  createPlacePro,
+  updatePlacePro,
+  findPlacePro
+} from '@/api/placePro' //  此处请自行替换地址
+import infoList from '@/mixins/infoList'
+export default {
+  name: 'PlacePro',
+  mixins: [infoList],
+  data() {
+    return {
+      type: '',
+      formData: {
+        placeId: 0,
+        placeProText: '',
+      }
+    }
+  },
+  async created() {
+    // 建议通过url传参获取目标数据ID 调用 find方法进行查询数据操作 从而决定本页面是create还是update 以下为id作为url参数示例
+    if (this.$route.query.id) {
+      const res = await findPlacePro({ ID: this.$route.query.id })
+      if (res.code === 0) {
+        this.formData = res.data.replacePro
+        this.type = 'update'
+      }
+    } else {
+      this.type = 'create'
+    }
+  },
+  methods: {
+    async save() {
+      let res
+      switch (this.type) {
+        case 'create':
+          res = await createPlacePro(this.formData)
+          break
+        case 'update':
+          res = await updatePlacePro(this.formData)
+          break
+        default:
+          res = await createPlacePro(this.formData)
+          break
+      }
+      if (res.code === 0) {
+        this.$message({
+          type: 'success',
+          message: '创建/更改成功'
+        })
+      }
+    },
+    back() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style>
+</style>