index2.vue 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  1. <template>
  2. <div class="app-container">
  3. <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
  4. <el-table-column type="selection" width="55" align="center" />
  5. <el-table-column label="姓名" align="center" prop="name" />
  6. <el-table-column label="工号" align="center" prop="jobNum" />
  7. <el-table-column label="手机号" align="center" prop="phone" />
  8. <el-table-column label="不合格订单数" align="center" prop="num" />
  9. <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
  10. <template slot-scope="scope">
  11. <el-button
  12. size="mini"
  13. type="text"
  14. icon="el-icon-search"
  15. @click="handleUpdate(scope.row)"
  16. v-hasPermi="['gas:user:edit']"
  17. >查看订单</el-button>
  18. </template>
  19. </el-table-column>
  20. </el-table>
  21. <pagination
  22. v-show="total>0"
  23. :total="total"
  24. :page.sync="queryParams.pageNum"
  25. :limit.sync="queryParams.pageSize"
  26. @pagination="getList"
  27. />
  28. <!-- 添加或修改用户对话框 -->
  29. <!-- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>-->
  30. <!-- <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
  31. <!-- <el-form-item label="用户类型" prop="role" >-->
  32. <!-- <el-select v-model="form.role" placeholder="请选择用户类型" @change="foreman(form.role)">-->
  33. <!-- <el-option-->
  34. <!-- v-for="dict in dict.type.user_type"-->
  35. <!-- :key="dict.value"-->
  36. <!-- :label="dict.label"-->
  37. <!-- :value="dict.value"-->
  38. <!-- ></el-option>-->
  39. <!-- </el-select>-->
  40. <!-- </el-form-item>-->
  41. <!-- <el-form-item label="姓名" prop="name">-->
  42. <!-- <el-input v-model="form.name" placeholder="请输入姓名" />-->
  43. <!-- </el-form-item>-->
  44. <!-- <el-form-item label="工号" prop="jobNum">-->
  45. <!-- <el-input v-model="form.jobNum" placeholder="请输入工号" />-->
  46. <!-- </el-form-item>-->
  47. <!-- <el-form-item label="手机号" prop="phone">-->
  48. <!-- <el-input v-model="form.phone" placeholder="请输入手机号" />-->
  49. <!-- </el-form-item>-->
  50. <!-- <el-form-item label="密码" prop="password">-->
  51. <!-- <el-input v-model="form.password" placeholder="请输入密码" />-->
  52. <!-- </el-form-item>-->
  53. <!-- <el-form-item v-if="foremanForm" label="工长" prop="parentId">-->
  54. <!-- <el-select v-model="form.parentId" filterable placeholder="请选择工长">-->
  55. <!-- <el-option v-for="item in foremanList" :key="item.id" :value="item.id" :label="item.name">{{ item.name }}</el-option>-->
  56. <!-- </el-select>-->
  57. <!-- </el-form-item>-->
  58. <!-- </el-form>-->
  59. <!-- <div slot="footer" class="dialog-footer">-->
  60. <!-- <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>-->
  61. <!-- <el-button @click="cancel">取 消</el-button>-->
  62. <!-- </div>-->
  63. <!-- </el-dialog>-->
  64. </div>
  65. </template>
  66. <script>
  67. import { getBlacklist, getUser, delUser, addUser,updateUser } from "@/api/gas/user";
  68. export default {
  69. name: "User",
  70. dicts: ['user_type'],
  71. data() {
  72. return {
  73. // 按钮loading
  74. buttonLoading: false,
  75. // 遮罩层
  76. loading: true,
  77. // 导出遮罩层
  78. exportLoading: false,
  79. // 选中数组
  80. ids: [],
  81. // 非单个禁用
  82. single: true,
  83. // 非多个禁用
  84. multiple: true,
  85. // 显示搜索条件
  86. showSearch: true,
  87. // 总条数
  88. total: 0,
  89. //表单工长下拉
  90. foremanForm:false,
  91. // 用户表格数据
  92. userList: [],
  93. // 弹出层标题
  94. title: "",
  95. // 是否显示弹出层
  96. open: false,
  97. // 查询参数
  98. queryParams: {
  99. pageNum: 1,
  100. pageSize: 10,
  101. parentId: undefined,
  102. },
  103. foremanList:[],
  104. // 表单参数
  105. form: {},
  106. // 表单校验
  107. rules: {
  108. role: [
  109. { required: true, message: "用户类型", trigger: "change" }
  110. ],
  111. name: [
  112. { required: true, message: "姓名不能为空", trigger: "blur" }
  113. ],
  114. jobNum: [
  115. { required: true, message: "工号不能为空", trigger: "blur" }
  116. ],
  117. phone: [
  118. { required: true, message: "手机号不能为空", trigger: "blur" }
  119. ],
  120. }
  121. };
  122. },
  123. created() {
  124. this.getList();
  125. },
  126. methods: {
  127. /** 查询用户列表 */
  128. getList() {
  129. this.loading = true;
  130. getBlacklist(this.queryParams).then(response => {
  131. this.userList = response.rows;
  132. this.total = response.total;
  133. this.loading = false;
  134. });
  135. },
  136. // 取消按钮
  137. cancel() {
  138. this.open = false;
  139. this.reset();
  140. },
  141. // 表单重置
  142. reset() {
  143. this.form = {
  144. id: undefined,
  145. role: undefined,
  146. name: undefined,
  147. jobNum: undefined,
  148. phone: undefined,
  149. parentId: undefined,
  150. delFlag: undefined,
  151. createBy: undefined,
  152. createTime: undefined,
  153. updateBy: undefined,
  154. updateTime: undefined
  155. };
  156. this.resetForm("form");
  157. },
  158. /** 搜索按钮操作 */
  159. handleQuery() {
  160. this.queryParams.pageNum = 1;
  161. this.getList();
  162. },
  163. /** 重置按钮操作 */
  164. resetQuery() {
  165. this.resetForm("queryForm");
  166. this.handleQuery();
  167. },
  168. // 多选框选中数据
  169. handleSelectionChange(selection) {
  170. this.ids = selection.map(item => item.id)
  171. this.single = selection.length!==1
  172. this.multiple = !selection.length
  173. },
  174. /** 新增按钮操作 */
  175. handleAdd() {
  176. this.reset();
  177. this.open = true;
  178. this.title = "添加用户";
  179. },
  180. /** 修改按钮操作 */
  181. handleUpdate(row) {
  182. let query={
  183. id: row.id
  184. }
  185. this.$router.push({
  186. path:'/gas_order/order3',
  187. query
  188. })
  189. },
  190. /** 提交按钮 */
  191. submitForm() {
  192. this.$refs["form"].validate(valid => {
  193. if (valid) {
  194. this.buttonLoading = true;
  195. if (this.form.id != null) {
  196. updateUser(this.form).then(response => {
  197. this.$modal.msgSuccess("修改成功");
  198. this.open = false;
  199. this.getList();
  200. }).finally(() => {
  201. this.buttonLoading = false;
  202. });
  203. } else {
  204. addUser(this.form).then(response => {
  205. this.$modal.msgSuccess("新增成功");
  206. this.open = false;
  207. this.getList();
  208. }).finally(() => {
  209. this.buttonLoading = false;
  210. });
  211. }
  212. }
  213. });
  214. },
  215. /** 删除按钮操作 */
  216. handleDelete(row) {
  217. const ids = row.id || this.ids;
  218. this.$modal.confirm('是否确认删除用户编号为"' + ids + '"的数据项?').then(() => {
  219. this.loading = true;
  220. return delUser(ids);
  221. }).then(() => {
  222. this.loading = false;
  223. this.getList();
  224. this.$modal.msgSuccess("删除成功");
  225. }).finally(() => {
  226. this.loading = false;
  227. });
  228. },
  229. /** 导出按钮操作 */
  230. handleExport() {
  231. this.$download.excel('/gas/user/export', this.queryParams);
  232. }
  233. }
  234. };
  235. </script>