Public/WebPage/Admin/src/views/public/mallsetting.vue

（开头部分） 2KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <div class="app-container">
    <el-form ref="form" :model="mallsetting" label-width="120px">
      <el-form-item label="商铺名">
        <el-input v-model="mallsetting.shopName" style="width:10%" />
      </el-form-item>
      <el-form-item label="一句话描述">
        <el-input v-model="mallsetting.shopDescription" style="width:40%" />
      </el-form-item>
      <el-form-item label="图片" prop="shopIconUrl">
        <img style="width:120px" :src="mallsetting.shopIconUrl">
        <el-upload
          action="#"
          :http-request="onChange"
          accept="image/jpeg"
        >
          <el-button size="small" type="primary">点击上传</el-button>
        </el-upload>
      </el-form-item>
      <el-form-item label="公告">
        <el-input v-model="mallsetting.notice" style="width:100%" />
      </el-form-item>
      <el-form-item label="寄件人">
        <el-input v-model="mallsetting.deliverName" style="width:10%" />
      </el-form-item>
      <el-form-item label="寄件地址">
        <el-input v-model="mallsetting.deliverAddress" style="width:30%" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">保存</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import { GetMallSetting, CreateOrUpdateMallSetting } from '@/api/mallsetting'
import { UploadImage } from '@/api/imageutil'
export default {
  data() {
    return {
      mallsetting: {
        shopName:'',
        shopDescription:'',
        shopIconUrl:'',
        notice:'',
        deliverName: '',
        deliverAddress: ''
      }
    }
  },
  created() {
    GetMallSetting().then(response => {
        this.mallsetting = response.data
      }, msg => { })
  },
  methods: {
    onSubmit() {
      CreateOrUpdateMallSetting(this.mallsetting).then(response => {
        this.$message({
后面还有 28 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。