元气智驾官网后台前端页面
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 
 

98 строки
3.4 KiB

  1. <!--
  2. * @Date: 2021-07-08 11:02:40
  3. * @LastEditTime: 2022-07-27 10:48:43
  4. * @Description: 广告位
  5. -->
  6. <template>
  7. <div class="app-container">
  8. <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="resetform">
  9. <el-form-item label="图片" prop="image">
  10. <uploadFile :url.sync="ruleForm.image" type="image" />
  11. </el-form-item>
  12. <el-form-item label="标题" prop="title">
  13. <el-input v-model="ruleForm.title"></el-input>
  14. </el-form-item>
  15. <el-form-item label="描述" prop="remark">
  16. <el-input v-model="ruleForm.remark"></el-input>
  17. </el-form-item>
  18. <el-form-item label="链接" prop="link">
  19. <el-input v-model="ruleForm.link"></el-input>
  20. </el-form-item>
  21. <el-form-item label="链接标题" prop="linkTitle">
  22. <el-input v-model="ruleForm.linkTitle"></el-input>
  23. </el-form-item>
  24. <el-form-item label="是否新开页面打开">
  25. <el-radio-group v-model="ruleForm.newOpen">
  26. <el-radio :label="1">是</el-radio>
  27. <el-radio :label="0">否</el-radio>
  28. </el-radio-group>
  29. </el-form-item>
  30. <el-form-item>
  31. <el-button type="primary" @click="submitForm('ruleForm')">保存</el-button>
  32. </el-form-item>
  33. </el-form>
  34. </div>
  35. </template>
  36. <script>
  37. import { shuzirenremark } from '@/api/aigc'
  38. import { saveGuangGao } from '@/api/homePage'
  39. import uploadFile from '@/components/uploadFile'
  40. export default {
  41. components: {
  42. uploadFile
  43. },
  44. data() {
  45. return {
  46. ruleForm: {
  47. id: '',
  48. image: '',
  49. link: '',
  50. newOpen: '1',
  51. remark: '',
  52. linkTitle: ''
  53. },
  54. rules: {
  55. image: [
  56. { required: true, message: '请上传图片', trigger: 'blur' }
  57. ],
  58. link: [
  59. { required: true, message: '请输入链接', trigger: 'blur' }
  60. ]
  61. }
  62. }
  63. },
  64. created() {
  65. this.getData()
  66. },
  67. methods: {
  68. getData() {
  69. shuzirenremark().then(res => {
  70. this.ruleForm.id = res.id
  71. this.ruleForm.image = res.image
  72. this.ruleForm.link = res.link
  73. this.ruleForm.newOpen = res.newOpen
  74. this.ruleForm.linkTitle = res.linkTitle
  75. this.ruleForm.remark = res.remark
  76. this.ruleForm.title = res.title
  77. })
  78. },
  79. submitForm(formName) {
  80. this.$refs[formName].validate((valid) => {
  81. if (valid) {
  82. saveGuangGao(this.ruleForm).then(res => {
  83. this.$message({
  84. message: '操作成功!',
  85. type: 'success'
  86. })
  87. })
  88. } else {
  89. console.log('error submit!!')
  90. return false
  91. }
  92. })
  93. }
  94. }
  95. }
  96. </script>