| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px"> |
| | | <el-form-item label="项目名称" prop="name"> |
| | | <el-input |
| | | v-model="queryParams.name" |
| | | placeholder="请输入项目名称" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="公司名称" prop="companyName"> |
| | | <el-input |
| | | v-model="queryParams.companyName" |
| | | placeholder="请输入公司名称" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="项目负责人" prop="createPerson"> |
| | | <el-input |
| | | v-model="queryParams.createPerson" |
| | | placeholder="请输入项目负责人" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
| | |
| | | <!-- 添加或修改【请填写功能名称】对话框 --> |
| | | <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
| | | <el-form-item label="项目名称" prop="name"> |
| | | <el-form-item label="项目名称" prop="name" required> |
| | | <el-input v-model="form.name" placeholder="请输入内容" /> |
| | | </el-form-item> |
| | | <el-form-item label="公司名称" prop="companyName" required> |
| | | <el-input v-model="form.companyName" placeholder="请输入公司名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="项目负责人" prop="createPerson" required> |
| | | <el-input v-model="form.createPerson" placeholder="请输入项目负责人" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | name: null |
| | | name: null, |
| | | companyName: null, |
| | | createPerson: null |
| | | }, |
| | | // 表单参数 |
| | | form: {}, |
| | | // 表单校验 |
| | | rules: { |
| | | name: [ |
| | | { required: true, message: '请输入项目名称', trigger: 'blur' } |
| | | ], |
| | | companyName: [ |
| | | { required: true, message: '请输入公司名称', trigger: 'blur' } |
| | | ], |
| | | createPerson: [ |
| | | { required: true, message: '请输入项目负责人', trigger: 'blur' } |
| | | ] |
| | | } |
| | | } |
| | | }, |
| | |
| | | reset() { |
| | | this.form = { |
| | | id: null, |
| | | name: null |
| | | name: null, |
| | | companyName: null, |
| | | createPerson: null |
| | | } |
| | | this.resetForm("form") |
| | | }, |
| | |
| | | this.form = response.data |
| | | console.log(response) |
| | | this.open = true |
| | | this.title = "修改项目名称" |
| | | this.title = "修改项目内容" |
| | | }) |
| | | }, |
| | | /** 提交按钮 */ |