xxx

dcc

2024-05-07 abcf89c0931fc453f4fd8e1d4d48b8b469d0f3c7

 src/views/allsetting/bannersetting.vue

@@ -133,31 +133,31 @@
import pick from 'lodash.pick'
export default {
  name: 'Basecurrency',
  data() {
  data () {
    return {
      columns: [
        {
          title: '图片',
          dataIndex: 'bannerUrl',
          align: 'center',
          scopedSlots: { customRender: 'bannerUrl' },
          scopedSlots: { customRender: 'bannerUrl' }
        },
        {
          title: '排序',
          dataIndex: 'isOrder',
          align: 'center',
          align: 'center'
        },
        {
          title: 'PC是否显示',
          dataIndex: 'isPc',
          align: 'center',
          scopedSlots: { customRender: 'isPc' },
          scopedSlots: { customRender: 'isPc' }
        },
        {
          title: '移动端是否显示',
          dataIndex: 'isM',
          align: 'center',
          scopedSlots: { customRender: 'isM' },
          scopedSlots: { customRender: 'isM' }
        },
        {
          title: '添加时间',
@@ -166,7 +166,7 @@
          width: 180,
          customRender: (text, row, index) => {
            return text ? moment(text).format('YYYY-MM-DD HH:mm:ss') : ''
          },
          }
        },
        {
          title: '操作',
@@ -174,8 +174,8 @@
          align: 'center',
          fixed: 'right',
          width: 200,
          scopedSlots: { customRender: 'action' },
        },
          scopedSlots: { customRender: 'action' }
        }
      ],
      // 表头
      pagination: {
@@ -185,12 +185,12 @@
        pageSizeOptions: ['10', '20', '50', '100'], // 每页中显示的数据
        onShowSizeChange: (current, pageSize) => this.onSizeChange(current, pageSize), // 改变每页数量时更新显示
        onChange: (page, pageSize) => this.onPageChange(page, pageSize), // 点击页码事件
        showTotal: (total) => `共有 ${total} 条数据`, // 分页中显示总的数据
        showTotal: (total) => `共有 ${total} 条数据` // 分页中显示总的数据
      },
      loading: false,
      queryParam: {
        pageNum: 1,
        pageSize: 10,
        pageSize: 10
      },
      datalist: [],

@@ -199,30 +199,30 @@
      addUserform: this.$form.createForm(this),
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 },
        sm: { span: 5 }
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 18 },
        sm: { span: 18 }
      },
      fields: ['bannerUrl', 'isOrder', 'isPc', 'isM', 'banDesc', 'banTitle', 'targetUrl'],
      currentDetails: '',
      bannerUrl: '',
      imgloading: false,
      imgloading: false
    }
  },
  created() {
  created () {
    this.getlist()
  },
  methods: {
    deletebaseCurrency(val) {
    deletebaseCurrency (val) {
      var that = this
      this.$confirm({
        title: '提示',
        content: '确认删除轮播图？此操作不可恢复',
        onOk() {
        onOk () {
          var data = {
            id: val,
            id: val
          }
          bannersdelete(data).then((res) => {
            if (res.status == 0) {
@@ -233,12 +233,12 @@
            }
          })
        },
        onCancel() {
        onCancel () {
          console.log('Cancel')
        },
        }
      })
    },
    customRequest(data) {
    customRequest (data) {
      this.imgloading = true
      var formData = new FormData()
      formData.append('upload_file', data.file)
@@ -246,7 +246,7 @@
        if (res.status == 0) {
          this.bannerUrl = res.data.url
          this.addUserform.setFieldsValue({
            bannerUrl: res.data.url,
            bannerUrl: res.data.url
          })
        } else {
          this.$message.error({ content: '上传失败请检查图片类型!' })
@@ -254,20 +254,20 @@
        this.imgloading = false
      })
    },
    geteditbaseCurrency(val) {
    geteditbaseCurrency (val) {
      this.currentDetails = val
      this.bannerUrl = val.bannerUrl
      this.addUserdialog = true
      this.fields.forEach((v) => this.addUserform.getFieldDecorator(v))
      this.addUserform.setFieldsValue(pick(val, this.fields))
    },
    CanceladdUserdialog() {
    CanceladdUserdialog () {
      this.addUserdialog = false
      const form = this.$refs.addUserform.form
      form.resetFields()
      this.bannerUrl = ''
    },
    OkaddUserdialog() {
    OkaddUserdialog () {
      const form = this.$refs.addUserform.form
      form.validateFields((errors, values) => {
        if (!errors) {
@@ -304,7 +304,7 @@
        }
      })
    },
    getlist() {
    getlist () {
      this.loading = true
      bannerslist(this.queryParam).then((res) => {
        this.datalist = res.data.list
@@ -312,16 +312,16 @@
        this.loading = false
      })
    },
    onPageChange(page, pageSize) {
    onPageChange (page, pageSize) {
      this.queryParam.pageNum = page
      this.getlist()
    },
    onSizeChange(current, pageSize) {
    onSizeChange (current, pageSize) {
      this.queryParam.pageNum = current
      this.queryParam.pageSize = pageSize
      this.getlist()
    },
  },
    }
  }
}
</script>
<style scoped lang="less">