用户信息模块功能的完善

@@ -16,4 +16,10 @@ export function dzqmUpload (data) {
     method: 'post',
     data
   })
+}
+export function dzqmDelete (bsm) {
+  return request({
+    url: SERVER.SERVERAPI + '/rest/system/dzqm/delete?bsm=' + bsm,
+    method: 'delete'
+  })
 }
\ No newline at end of file

@@ -21,11 +21,13 @@
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="24">
-            <el-form-item label="签名路径：">
-              <img :src="ruleForm.dzqmurl" class="signature-image">
-            </el-form-item>
-          </el-col>
+          <el-form-item label="签名路径：">
+            <div class="signature-image">
+              <img :src="ruleForm.dzqmurl" v-if="ruleForm.dzqmurl">
+              <el-empty description="暂无签名" v-else></el-empty>
+              <i class="el-icon-circle-close" @click="handleDel" v-if="ruleForm.dzqmurl"></i>
+            </div>
+          </el-form-item>
         </el-row>
       </el-form>
     </div>
@@ -50,7 +52,7 @@
   </div>
 </template>
 <script>
-  import { dzqmUpload } from '@/api/dzqm'
+  import { dzqmUpload, dzqmDelete } from '@/api/dzqm'
   import { getUserInfo } from '@/api/user'
   export default {
     name: "dzqm",
@@ -97,6 +99,16 @@
             this.ruleForm.dzqmurl = res.message
           }
         })
+      },
+      async handleDel () {
+        let res = await dzqmDelete(this.ruleForm.dzqbsm)
+        if (res.code == 200) {
+          this.$message({
+            message: '删除成功！',
+            type: 'success'
+          })
+          this.ruleForm.dzqmurl = ''
+        }
       }
     }
   };
@@ -104,9 +116,20 @@
 <style scoped lang="scss">
   @import "~@/styles/public.scss";
   .signature-image {
-    width: 100%;
-    max-height: 360px;
-    object-fit: contain;
+    position: relative;
+    min-height: 200px;
+    img {
+      width: 100%;
+      max-height: 350px;
+      object-fit: contain;
+    }
+    .el-icon-circle-close {
+      position: absolute;
+      right: 0;
+      top: 0;
+      cursor: pointer;
+      font-size: 26px;
+    }
   }
 </style>
     
\ No newline at end of file