edit.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <template>
  2. <el-card shadow="never" style="border: 0;">
  3. <yun-form :data="row" :columns="columns">
  4. {:token_field()}
  5. </yun-form>
  6. </el-card>
  7. </template>
  8. <script>
  9. import form from "@components/Form.js";
  10. export default {
  11. components: { 'YunForm': form },
  12. data: {
  13. row: Yunqi.data.row,
  14. columns: [
  15. { field: 'id', title: __('ID'), edit: 'hidden' },
  16. { field: 'nickname', title: __('姓名'), edit: 'text', rules: "required", searchList: Yunqi.data.varietyList },
  17. { field: 'username', title: __('账号'), edit: 'text', rules: 'required' },
  18. { field: 'id_card', title: __('身份证号'), edit: 'text', rules: 'required;length(6~30)' },
  19. {field: 'password',title: __('密码'),edit:{
  20. form:'input',
  21. type:'password',
  22. value:'',
  23. rules:'required;length(6~30)',
  24. placeholder:'不填写则不修改'
  25. }},
  26. { field: 'avatar', title: __('头像'), edit: 'image', rules: 'required' },
  27. { field: 'mobile', title: __('手机号'), edit: 'text', rules: 'required;mobile' },
  28. {field: 'role',title: __('角色'),edit:'checkbox',searchList: {1:'录入员', 2:'库管', 3:'记账'}},
  29. { field: 'sex', title: __('性别'), edit: { form: 'radio', value: 1 }, rules: 'required', searchList: { 1: '男', 2: '女' } },
  30. { field: 'type', title: __('类型'), edit: { form: 'radio', value: 2 }, rules: 'required', searchList: { 1: '管理', 2: '普通员工' } },
  31. { field: 'group_name', title: __('组名'), edit: 'text' },
  32. { field: 'status', title: __('状态'), edit: 'switch', searchList: { 'normal': __('正常'), 'hidden': __('隐藏') } },
  33. ]
  34. },
  35. //页面加载完成时执行
  36. onLoad: function (query) {
  37. let columns = this.columns;
  38. for (let i in columns) {
  39. if (query.add_type == '1') {
  40. if (columns[i].field == 'type') {
  41. columns[i].edit.value = 1;
  42. }
  43. } else if (query.add_type == '2') {
  44. if (columns[i].field == 'type') {
  45. columns[i].edit.value = 2;
  46. }
  47. }
  48. }
  49. this.columns = columns
  50. console.log(this.columns)
  51. },
  52. methods: {
  53. }
  54. }
  55. </script>
  56. <style>
  57. </style>