ItemModal.vue 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <template>
  2. <el-dialog
  3. :title="title"
  4. :visible.sync="modal"
  5. width="500px"
  6. :close-on-click-modal="false"
  7. @close="
  8. res => {
  9. $emit('cancel');
  10. }
  11. "
  12. >
  13. <el-form ref="form" :model="form" :rules="rules" label-width="100px">
  14. <el-form-item label="版本名" prop="productName">
  15. <el-input v-model="form.productName"></el-input>
  16. </el-form-item>
  17. <el-form-item label="版本号" prop="versionNumber">
  18. <el-input v-model="form.versionNumber"></el-input>
  19. </el-form-item>
  20. <el-form-item label="下载地址" prop="downloadUrl">
  21. <el-input v-model="form.downloadUrl"></el-input>
  22. </el-form-item>
  23. <el-form-item label="客户端">
  24. <el-radio-group v-model="form.platform" prop="platform">
  25. <el-radio label="Android">Android</el-radio>
  26. <!-- // todo 前端判断更改成大写IOS -->
  27. <el-radio label="iOS">iOS</el-radio>
  28. </el-radio-group>
  29. </el-form-item>
  30. <el-form-item label="强制更新">
  31. <el-radio-group v-model="form.isForceUpgrade" prop="isForceUpgrade">
  32. <el-radio :label="true">开启</el-radio>
  33. <el-radio :label="false">关闭</el-radio>
  34. </el-radio-group>
  35. </el-form-item>
  36. <el-form-item label="状态">
  37. <el-radio-group v-model="form.isShow" prop="isShow">
  38. <el-radio :label="true">运行</el-radio>
  39. <el-radio :label="false">停止</el-radio>
  40. </el-radio-group>
  41. </el-form-item>
  42. <el-form-item label="升级备注">
  43. <el-input v-model="form.upgradeDesc"></el-input>
  44. </el-form-item>
  45. </el-form>
  46. <span slot="footer" class="dialog-footer">
  47. <el-button @click="modal = false">取消</el-button>
  48. <el-button type="primary" @click="handleConfirm">确定</el-button>
  49. </span>
  50. </el-dialog>
  51. </template>
  52. <script>
  53. import { saveItem } from '@/api/app';
  54. export default {
  55. name: 'UpdateAppItemModal',
  56. props: {
  57. id: {
  58. type: String,
  59. default: ''
  60. }
  61. },
  62. data() {
  63. return {
  64. modal: true,
  65. form: {
  66. productName: '',
  67. versionNumber: '',
  68. downloadUrl: '',
  69. isShow: false,
  70. isForceUpgrade: false,
  71. platform: 'Android',
  72. upgradeDesc: null
  73. },
  74. rules: {
  75. productName: [
  76. { required: true, message: '请输入版本名', trigger: 'change' }
  77. ],
  78. versionNumber: [
  79. { required: true, message: '请输入版本号', trigger: 'change' }
  80. ],
  81. downloadUrl: [
  82. { required: true, message: '请输入下载地址', trigger: 'change' }
  83. ]
  84. }
  85. };
  86. },
  87. computed: {
  88. title() {
  89. if (this.id) {
  90. return '编辑App自更新';
  91. } else {
  92. return '新增App自更新';
  93. }
  94. }
  95. },
  96. mounted() {},
  97. methods: {
  98. handleConfirm() {
  99. this.$refs.form.validate(async valid => {
  100. if (valid) {
  101. const params = Object.assign({}, this.form);
  102. params.cover = '';
  103. if (this.id) params.id = this.id;
  104. const { success, msg } = await saveItem(params);
  105. if (success) {
  106. this.$success('保存成功!');
  107. this.modal = false;
  108. this.$g_emit('update_app_reload');
  109. }
  110. }
  111. });
  112. }
  113. }
  114. };
  115. </script>
  116. <style lang="scss" scoped></style>