'人员推荐码下载'

src/components/settings/permissions/PersonnelInformationEditing.vue

@@ -193,9 +193,12 @@
       </el-form-item>
       <el-form-item prop="referralCode" label="推荐码">
         <el-image
-          style="width: 100px; height: 50px"
-          :src="userInfo.referralCode"
-          fit="contain"></el-image>
+          style="width: 50px; height: 50px;cursor: pointer;"
+          :src="referralCodeUrl"
+          fit="contain"
+          @load="handleReferralCodeLoad"
+          @error="handleReferralCodeError"
+          @click="downloadReferralCode(referralCodeUrl)"></el-image>
       </el-form-item>
       <el-form-item prop="image" label="签名">
         <el-image
@@ -260,8 +263,27 @@ const wardVisit = [
 
 const formRef = ref(null);
 
+const referralCodeIsLoaded = ref(false);
+
 const imageUrl = ref(env.RESOURCE_BASE_URL + "/doctorSignatureImage/" + props.userInfo.code + ".png");
 
+// const referralCodeUrl = ref("http://130.150.161.72:8080" + props.userInfo.referralCode);
+const referralCodeUrl = ref(env.RESOURCE_BASE_URL + props.userInfo.referralCode);
+
+const handleReferralCodeLoad = () =>{
+  referralCodeIsLoaded.value = true;
+}
+
+const handleReferralCodeError = () =>{
+  referralCodeIsLoaded.value = false;
+}
+
+const downloadReferralCode = (url) =>{
+  if (referralCodeIsLoaded) {
+    window.open(url)
+  }
+}
+
 const idVerification = async (rule, value, callback) => {
   if (value) {
     const check = await idVerificationApi(value);