修改

src/components/col-cropper/index.tsx

@@ -61,6 +61,10 @@ export default defineComponent({
       type: Function,
       default: (data: string) => ({})
     },
+    onRemove: {
+      type: Function,
+      default: (data: string) => ({})
+    },
     domSize: {
       type: Object,
       default: {
@@ -80,6 +84,7 @@ export default defineComponent({
       // 删除图片
       this.$emit('update:modelValue', '')
     },
+
     //从本地选择文件
     async handleChange(info: any) {
       if (this.isStopRun) {
@@ -119,11 +124,8 @@ export default defineComponent({
       return isLtSize
     },
     error() {
-      this.remove()
-      this.loading = false
-    },
-    remove() {
       this.onDelete()
+      this.loading = false
     },
     //获取服务器返回的地址
     handleCropperSuccess(data: any) {
@@ -138,7 +140,7 @@ export default defineComponent({
     // 取消上传
     handleCropperClose() {
       this.loading = false
-      this.remove()
+      this.onDelete()
     },
     getBase64(img, callback) {
       const reader = new FileReader()
@@ -179,9 +181,8 @@ export default defineComponent({
                   <i
                     class={styles.iconDelete}
                     onClick={(e: any) => {
-                      console.log('11111')
                       e.stopPropagation()
-                      this.onDelete()
+                      this.onRemove()
                     }}
                   ></i>
                 )}

src/views/user-info/music-operation/index.module.less

@@ -158,6 +158,7 @@
 
     span {
       font-size: 14px;
+      padding-left: 4px;
     }
   }
 }

src/views/user-info/music-operation/index.tsx

@@ -68,7 +68,7 @@ export default defineComponent({
         composer: '',
         remark: '',
         tags: [] as any[],
-        paymentType: 'CHARGE',
+        paymentType: 'FREE',
         musicPrice: '',
         backgroundMp3s: [] as BackgroundMp3[]
       },
@@ -544,11 +544,14 @@ export default defineComponent({
             ]}
           >
             <ColCropper
-              v-model:modelValue={this.form.musicCover}
+              modelValue={this.form.musicCover}
               bucket={'cloud-coach'}
               cropUploadSuccess={(data: any) => {
                 this.form.musicCover = data
               }}
+              onRemove={() => {
+                this.form.musicCover = ''
+              }}
               delete
               domSize={{ height: '150px' }}
               options={{

vite.config.ts

@@ -15,7 +15,7 @@ function resolve(dir: string) {
 // https://vitejs.dev/config/
 // https://github.com/vitejs/vite/issues/1930 .env
 // const proxyUrl = 'https://www.colexiu.com/';
-const proxyUrl = 'https://dev.colexiu.com/'
+const proxyUrl = 'https://test.colexiu.com/'
 export default defineConfig({
   base: './',
   plugins: [