1

admin

2026-01-11 407e6c2b810139a9a9ff441449ea4dda5afff04c

1

 src/views/allsetting/bannersetting.vue

@@ -62,35 +62,31 @@
                        v-decorator="['isOrder', { rules: [{ required: true, message: '排序值越大显示越靠前', }] }]" />
                </a-form-item>
                <a-form-item label="标题" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input placeholder="请输入标题"
                        v-decorator="['banTitle', { }]" />
                    <a-input placeholder="请输入标题" v-decorator="['banTitle', {}]" />
                </a-form-item>
                <a-form-item label="描述" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input placeholder="请输入描述"
                        v-decorator="['banDesc', { }]" />
                    <a-input placeholder="请输入描述" v-decorator="['banDesc', {}]" />
                </a-form-item>
                <a-form-item label="链接" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-input placeholder="请输入链接"
                        v-decorator="['targetUrl', {}]" />
                    <a-input placeholder="请输入链接" v-decorator="['targetUrl', {}]" />
                </a-form-item>
                <a-form-item label="PC端是否显示" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-select placeholder="请选择显示状态"
                        v-decorator="['isPc', { }]">
                    <a-select placeholder="请选择显示状态" v-decorator="['isPc', {}]">
                        <a-select-option :value="0">显示</a-select-option>
                        <a-select-option :value="1">隐藏</a-select-option>
                    </a-select>
                </a-form-item>
                <a-form-item label="移动端是否显示" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-select placeholder="请选择显示状态"
                        v-decorator="['isM', {}]">
                    <a-select placeholder="请选择显示状态" v-decorator="['isM', {}]">
                        <a-select-option :value="0">显示</a-select-option>
                        <a-select-option :value="1">隐藏</a-select-option>
                    </a-select>
                </a-form-item>
                <a-form-item label="轮播图图片" :labelCol="labelCol" :wrapperCol="wrapperCol">
                    <a-upload name="avatar" list-type="picture-card" style="width: 200px;" accept=".jpg,.jpeg,.png" class="avatar-uploader"
                        v-decorator="['bannerUrl', { valuePropName: 'file',rules: [{ required: true, message: '请上传轮播图图片', }] }]" :showUploadList="false"
                        :customRequest="customRequest">
                    <a-upload name="avatar" list-type="picture-card" style="width: 200px;" accept=".jpg,.jpeg,.png"
                        class="avatar-uploader"
                        v-decorator="['bannerUrl', { valuePropName: 'file', rules: [{ required: true, message: '请上传轮播图图片', }] }]"
                        :showUploadList="false" :customRequest="customRequest">
                        <img v-if="bannerUrl" :src="bannerUrl" alt="avatar" style="width: 100%;" />
                        <div v-else>
                            <a-icon :type="imgloading ? 'loading' : 'plus'" />
@@ -218,9 +214,9 @@
            formData.append('upload_file', data.file)
            adminupload(formData).then(res => {
                if (res.status == 0) {
                    this.bannerUrl = res.data.url
                    this.bannerUrl = res.data.url || res.data
                    this.addUserform.setFieldsValue(({
                        bannerUrl: res.data.url
                        bannerUrl: res.data.url || res.data
                    }))
                } else {
                    this.$message.error({ content: '上传失败请检查图片类型!' });
@@ -306,7 +302,8 @@
.reds {
    color: #f5222d;
}
/deep/ .ant-upload.ant-upload-select-picture-card{

/deep/ .ant-upload.ant-upload-select-picture-card {
    width: 200px !important;
}
</style>