insert.vue 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <template>
  2. <view class="padding-20">
  3. <uni-forms label-position="top">
  4. <uni-forms-item label="工作组名称">
  5. <uni-easyinput v-model="row.teamName" placeholder="请输入工作组名称"></uni-easyinput>
  6. </uni-forms-item>
  7. <uni-forms-item label="启/停">
  8. <uni-data-checkbox v-model="row.opened" :localdata="openedFormData"></uni-data-checkbox>
  9. </uni-forms-item>
  10. <uni-forms-item label="备注">
  11. <uni-easyinput v-model="row.description" type="textarea" placeholder="请输入备注"></uni-easyinput>
  12. </uni-forms-item>
  13. </uni-forms>
  14. <view class="tools">
  15. <button type="primary" @tap="submit">提交</button>
  16. </view>
  17. </view>
  18. </template>
  19. <script>
  20. import extend from '../../utils/extend';
  21. import request from '../../utils/request.js';
  22. import api from '../../utils/api';
  23. export default {
  24. data() {
  25. return {
  26. row: {
  27. workingTeamId: 0,
  28. teamName: '',
  29. opened: false,
  30. description: ''
  31. },
  32. openedFormData: [{
  33. text: '启用',
  34. value: true
  35. }, {
  36. text: '停用',
  37. value: false
  38. }]
  39. };
  40. },
  41. onLoad() {
  42. },
  43. methods: {
  44. async submit() {
  45. if (extend.isEmptyString(this.row.teamName)) {
  46. return uni.showToast({
  47. icon: 'error',
  48. title: '请输入工作组名称!'
  49. });
  50. }
  51. let res = await request.sendToken({
  52. url: api.WorkingTeam.Save.url,
  53. method: api.WorkingTeam.Save.method,
  54. data: this.row
  55. });
  56. if (res.success) {
  57. await uni.showToast({
  58. icon: 'success',
  59. title: '提交成功!'
  60. });
  61. uni.navigateBack();
  62. } else {
  63. uni.showModal({
  64. title: '错误',
  65. content: res.message
  66. });
  67. }
  68. }
  69. }
  70. }
  71. </script>
  72. <style lang="scss">
  73. </style>