制造工厂列表

src/api/system/factory.js

+import request from '@/utils/request'
+
+// 获取制造工厂列表
+export function getList(query) {
+  return request({
+    url: '/control/systemFactory/getList',
+    method: 'get',
+    params: query,
+  })
+}
+// 新增制造工厂
+export function insertFactory(query) {
+  return request({
+    url: '/control/systemFactory/insert',
+    method: 'post',
+    data: query,
+  })
+}

src/views/system/factory/index.vue

+<template>
+  <div style="padding: 30px">
+
+  <el-button type="primary" plain style="float: right;margin: 12px 0" @click="dialogVisible = true">新建</el-button>
+  <el-table :data="tableList" style="width: 100%;" border>
+    <el-table-column  label="序号" align="center">
+      <template #default="scope">
+       {{scope.$index + 1}}
+      </template>
+    </el-table-column>
+    <el-table-column prop="factoryName" label="制造工厂"  align="center"/>
+    <el-table-column prop="remark"  label="备注" align="center">
+      <template #default="scope">
+        <span>{{scope.row.remark || '--'}}</span>
+      </template>
+    </el-table-column>
+    <el-table-column prop="updateTime"  label="更新时间" align="center"/>
+    <el-table-column prop="updateBy"  label="更新人" align="center"/>
+
+    <el-table-column  label="操作" align="center">
+      <template #default="scope">
+        <el-button type="text">编辑</el-button>
+      </template>
+    </el-table-column>
+
+  </el-table>
+
+  <pagination
+    v-show="total>0"
+    :total="total"
+    :page.sync="queryParams.pageNum"
+    :limit.sync="queryParams.pageSize"
+    @pagination="getTableList"
+  />
+
+
+<!--  新增对话框-->
+  <el-dialog
+    style="margin-top: 300px;width: 500px;height: auto"
+    v-model="dialogVisible"
+    fullscreen
+    title="新增"
+    width="500"
+  >
+    <el-form label-position="top" ref="formRef" :model="form" label-width="auto" style="max-width: 600px;">
+      <el-form-item label="制造工厂" prop="factoryName" :rules="[{ required: true, message: '请输入制造工厂', trigger: 'blur' }]">
+        <el-input v-model="form.factoryName" />
+      </el-form-item>
+
+      <el-form-item label="备注">
+        <el-input v-model="form.remark" />
+      </el-form-item>
+
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="cancelDialog">取消</el-button>
+        <el-button  type="primary" @click="submitForm">
+          保存
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+  </div>
+
+</template>
+
+<script setup>
+import {
+ getList, insertFactory
+} from '@/api/system/factory'
+import { ElMessage } from 'element-plus'
+
+const tableList = ref([])
+const total = ref(0)
+const dialogVisible = ref(false)
+const formRef = ref(null); // 创建一个表单的引用
+
+const form = ref({})
+
+const queryParams = ref({
+  pageNum: 1,
+  pageSize: 10
+})
+
+
+// 提交表单的函数
+const submitForm = () => {
+  // 通过 formRef 访问表单的方法
+  formRef.value.validate((valid) => {
+    if (valid) {
+      insertFactory(form.value).then(res=>{
+        if(res.code === 200){
+          ElMessage.success("新增成功")
+          dialogVisible.value = false
+          form.value = {}
+          getTableList()
+        }
+      })
+    } else {
+      return false;
+    }
+  });
+};
+
+function cancelDialog(){
+  dialogVisible.value = false
+  form.value = {}
+}
+
+function getTableList(){
+  getList(queryParams.value).then((response) => {
+    console.log(response)
+    tableList.value = response.rows
+    total.value = response.total
+  })
+}
+getTableList()
+</script>
+
+<style scoped lang="scss">
+
+</style>

vite.config.js

@@ -31,7 +31,7 @@ export default defineConfig(({ mode, command }) => {
       proxy: {
         // https://cn.vitejs.dev/config/#server-proxy
         '/dev-api': {
-          target: 'http://localhost:8080',
+          target: 'http://localhost:8989',
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/dev-api/, '')
         }