| | |
| | | </el-form> |
| | | </div> |
| | | <!-- 表格 --> |
| | | <el-table v-loading="listLoading" :header-cell-style="getRowClass" :data="tableData" border |
| | | style="width: 100%;"> |
| | | <el-table v-loading="listLoading" :data="tableData" border style="width: 100%;"> |
| | | <el-table-column align="center" prop="name" label="名称" show-overflow-tooltip /> |
| | | <el-table-column align="center" prop="itemOrder" label="排序" width="150px" /> |
| | | <el-table-column align="center" prop="createTime" label="创建时间" width="160px" /> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <el-dialog :visible.sync="form.visible" style="width: 100%;height: 100%"> |
| | | <el-dialog :visible.sync="visible" width="400px"> |
| | | <el-form :model="form" ref="form" label-width="100px" v-loading="formLoading" :rules="rules"> |
| | | <el-form-item label="名称:" prop="name" required> |
| | | <el-input v-model="form.name" /> |
| | | <el-input v-model="form.name" maxlength="10" show-word-limit /> |
| | | </el-form-item> |
| | | <el-form-item label="排序:" prop="itemOrder" required> |
| | | <el-input v-model="form.itemOrder" type="number" /> |
| | | <el-input-number v-model="form.itemOrder" type="number" :min="1" :max="100" /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="submitForm">提交</el-button> |
| | |
| | | form: { |
| | | id: '', |
| | | name: '', |
| | | itemOrder: '', |
| | | visible: false |
| | | itemOrder: '' |
| | | }, |
| | | visible: false, |
| | | rules: { |
| | | name: [ |
| | | { required: true, message: '请输入名称', trigger: 'blur' } |
| | |
| | | methods: { |
| | | // 获取排序 |
| | | getItemOrder() { |
| | | subjectApi.getItemOrder.then(re => { |
| | | subjectApi.getItemOrder().then(re => { |
| | | this.form.itemOrder = re.data |
| | | }) |
| | | }, |
| | |
| | | this.listLoading = false |
| | | }) |
| | | }, |
| | | // 修改表单头部的颜色 |
| | | getRowClass() { |
| | | return "background:#d2d3d6"; |
| | | }, |
| | | edit(row) { |
| | | if (row) { |
| | | subjectApi.select(row.id).then(re => { |
| | | if (re.code === 1) { |
| | | this.form.visible = true; |
| | | this.form = re.data; |
| | | this.visible = true; |
| | | } else { |
| | | this.$message.error(re.message) |
| | | } |
| | | }) |
| | | } else { |
| | | this.form.visible = true; |
| | | this.getItemOrder(); |
| | | this.visible = true; |
| | | } |
| | | }, |
| | | status(row) { |
| | |
| | | if (re.code === 1) { |
| | | _this.$message.success(re.message) |
| | | _this.search() |
| | | _this.formLoading = false |
| | | _this.visible = false |
| | | } else { |
| | | _this.$message.error(re.message) |
| | | this.formLoading = false |
| | | _this.formLoading = false |
| | | _this.visible = false |
| | | } |
| | | }) |
| | | } |