cloudroam
2024-09-09 ea9cfacdfdea2e584fd456d6a871aff8a9cc742e
pages/shop/list.vue
@@ -14,6 +14,7 @@
        hasDelete: false,
        operationAttrs: {
          width: 150,
          fixed: 'right',
        },
        beforeOpen: (data, isNew) => {
          if (!isNew) {
@@ -31,6 +32,17 @@
          },
          { label: '联系方式', prop: 'tel', minWidth: 150 },
          { label: '注册时间', prop: 'createTime', minWidth: 180 },
          {
            label: '启用/禁用',
            formatter: (row) => (
              <el-switch
                value={row.isEnabled}
                onChange={this.onEnabledChange.bind(this, row)}
              ></el-switch>
            ),
            minWidth: 120,
            fixed: 'right',
          },
        ],
        searchForm: [
          {
@@ -50,6 +62,16 @@
                customClass: 'in-bus-form',
              },
              { label: '手机号', id: 'tel', type: 'input' },
              {
                label: '启动/禁用',
                id: 'isEnabled',
                type: 'bus-select-dict',
                el: {
                  code: 'USER_ENABLED_OR_DISABLED',
                  clearable: true,
                  style: 'width:100%',
                },
              },
            ],
          },
        ],
@@ -107,6 +129,24 @@
        row.address || ''
      }`
    },
    onEnabledChange(row, e) {
      const url = 'flower/api/customer/page/isEnable'
      const text = e ? '启用' : '禁用'
      this.$elBusUtil
        .confirm(`确定要${text}这个商户吗?`)
        .then(async () => {
          const { code } = await this.$elBusHttp.request(url, {
            params: {
              id: row.id,
            },
          })
          if (code === 0) {
            this.$message.success(`${text}成功`)
            this.$refs.crud.getList()
          }
        })
        .catch(() => {})
    },
  },
}
</script>