123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243 |
- <template>
- <div class="app-container">
- <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
- <el-table-column type="selection" width="55" align="center" />
- <el-table-column label="姓名" align="center" prop="name" />
- <el-table-column label="工号" align="center" prop="jobNum" />
- <el-table-column label="手机号" align="center" prop="phone" />
- <el-table-column label="不合格订单数" align="center" prop="num" />
- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
- <template slot-scope="scope">
- <el-button
- size="mini"
- type="text"
- icon="el-icon-search"
- @click="handleUpdate(scope.row)"
- v-hasPermi="['gas:user:edit']"
- >查看订单</el-button>
- </template>
- </el-table-column>
- </el-table>
- <pagination
- v-show="total>0"
- :total="total"
- :page.sync="queryParams.pageNum"
- :limit.sync="queryParams.pageSize"
- @pagination="getList"
- />
- <!-- 添加或修改用户对话框 -->
- <!-- <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="role" >-->
- <!-- <el-select v-model="form.role" placeholder="请选择用户类型" @change="foreman(form.role)">-->
- <!-- <el-option-->
- <!-- v-for="dict in dict.type.user_type"-->
- <!-- :key="dict.value"-->
- <!-- :label="dict.label"-->
- <!-- :value="dict.value"-->
- <!-- ></el-option>-->
- <!-- </el-select>-->
- <!-- </el-form-item>-->
- <!-- <el-form-item label="姓名" prop="name">-->
- <!-- <el-input v-model="form.name" placeholder="请输入姓名" />-->
- <!-- </el-form-item>-->
- <!-- <el-form-item label="工号" prop="jobNum">-->
- <!-- <el-input v-model="form.jobNum" placeholder="请输入工号" />-->
- <!-- </el-form-item>-->
- <!-- <el-form-item label="手机号" prop="phone">-->
- <!-- <el-input v-model="form.phone" placeholder="请输入手机号" />-->
- <!-- </el-form-item>-->
- <!-- <el-form-item label="密码" prop="password">-->
- <!-- <el-input v-model="form.password" placeholder="请输入密码" />-->
- <!-- </el-form-item>-->
- <!-- <el-form-item v-if="foremanForm" label="工长" prop="parentId">-->
- <!-- <el-select v-model="form.parentId" filterable placeholder="请选择工长">-->
- <!-- <el-option v-for="item in foremanList" :key="item.id" :value="item.id" :label="item.name">{{ item.name }}</el-option>-->
- <!-- </el-select>-->
- <!-- </el-form-item>-->
- <!-- </el-form>-->
- <!-- <div slot="footer" class="dialog-footer">-->
- <!-- <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>-->
- <!-- <el-button @click="cancel">取 消</el-button>-->
- <!-- </div>-->
- <!-- </el-dialog>-->
- </div>
- </template>
- <script>
- import { getBlacklist, getUser, delUser, addUser,updateUser } from "@/api/gas/user";
- export default {
- name: "User",
- dicts: ['user_type'],
- data() {
- return {
- // 按钮loading
- buttonLoading: false,
- // 遮罩层
- loading: true,
- // 导出遮罩层
- exportLoading: false,
- // 选中数组
- ids: [],
- // 非单个禁用
- single: true,
- // 非多个禁用
- multiple: true,
- // 显示搜索条件
- showSearch: true,
- // 总条数
- total: 0,
- //表单工长下拉
- foremanForm:false,
- // 用户表格数据
- userList: [],
- // 弹出层标题
- title: "",
- // 是否显示弹出层
- open: false,
- // 查询参数
- queryParams: {
- pageNum: 1,
- pageSize: 10,
- parentId: undefined,
- },
- foremanList:[],
- // 表单参数
- form: {},
- // 表单校验
- rules: {
- role: [
- { required: true, message: "用户类型", trigger: "change" }
- ],
- name: [
- { required: true, message: "姓名不能为空", trigger: "blur" }
- ],
- jobNum: [
- { required: true, message: "工号不能为空", trigger: "blur" }
- ],
- phone: [
- { required: true, message: "手机号不能为空", trigger: "blur" }
- ],
- }
- };
- },
- created() {
- this.getList();
- },
- methods: {
- /** 查询用户列表 */
- getList() {
- this.loading = true;
- getBlacklist(this.queryParams).then(response => {
- this.userList = response.rows;
- this.total = response.total;
- this.loading = false;
- });
- },
- // 取消按钮
- cancel() {
- this.open = false;
- this.reset();
- },
- // 表单重置
- reset() {
- this.form = {
- id: undefined,
- role: undefined,
- name: undefined,
- jobNum: undefined,
- phone: undefined,
- parentId: undefined,
- delFlag: undefined,
- createBy: undefined,
- createTime: undefined,
- updateBy: undefined,
- updateTime: undefined
- };
- this.resetForm("form");
- },
- /** 搜索按钮操作 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
- },
- /** 重置按钮操作 */
- resetQuery() {
- this.resetForm("queryForm");
- this.handleQuery();
- },
- // 多选框选中数据
- handleSelectionChange(selection) {
- this.ids = selection.map(item => item.id)
- this.single = selection.length!==1
- this.multiple = !selection.length
- },
- /** 新增按钮操作 */
- handleAdd() {
- this.reset();
- this.open = true;
- this.title = "添加用户";
- },
- /** 修改按钮操作 */
- handleUpdate(row) {
- let query={
- id: row.id
- }
- this.$router.push({
- path:'/gas_order/order3',
- query
- })
- },
- /** 提交按钮 */
- submitForm() {
- this.$refs["form"].validate(valid => {
- if (valid) {
- this.buttonLoading = true;
- if (this.form.id != null) {
- updateUser(this.form).then(response => {
- this.$modal.msgSuccess("修改成功");
- this.open = false;
- this.getList();
- }).finally(() => {
- this.buttonLoading = false;
- });
- } else {
- addUser(this.form).then(response => {
- this.$modal.msgSuccess("新增成功");
- this.open = false;
- this.getList();
- }).finally(() => {
- this.buttonLoading = false;
- });
- }
- }
- });
- },
- /** 删除按钮操作 */
- handleDelete(row) {
- const ids = row.id || this.ids;
- this.$modal.confirm('是否确认删除用户编号为"' + ids + '"的数据项?').then(() => {
- this.loading = true;
- return delUser(ids);
- }).then(() => {
- this.loading = false;
- this.getList();
- this.$modal.msgSuccess("删除成功");
- }).finally(() => {
- this.loading = false;
- });
- },
- /** 导出按钮操作 */
- handleExport() {
- this.$download.excel('/gas/user/export', this.queryParams);
- }
- }
- };
- </script>
|