修改

src/views/system/station/index.vue

@@ -483,11 +483,18 @@
     <!-- 邀请二维码 -->
     <el-dialog title="小程序二维码" :visible.sync="nurseStationFriendsshow" width="500px" append-to-body>
       <div>
-        <img
+        <el-form :inline="true" ref="form" :model="nurseStationFriendslist" label-width="130px">
-          style="width:400px;margin-left:25px"
+          <el-form-item label="护理站名称" prop="nurseStationName">
-          :src="nurseStationFriendsimg"
+            <div class="text">{{nurseStationFriendslist.nurseStationName}}</div>
-          alt
+          </el-form-item>
-        />
+          <el-form-item label="护理站区域" prop="nurseStationName">
+            <div class="text texts">{{nurseStationFriendslist.areaName}}</div>
+          </el-form-item>
+          <el-form-item label="护理站地址" prop="nurseStationName">
+            <div class="text texts">{{nurseStationFriendslist.address}}</div>
+          </el-form-item>
+        </el-form>
+        <img style="width:400px;margin-left:25px" :src="nurseStationFriendslist.img" alt />
       </div>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="nurseStationFriendsshow=false">确 定</el-button>
@@ -743,7 +750,9 @@ export default {
         ]
       },
       checkedDataList: [], // 选择的护理机构分类
-      nurseStationFriendsimg: undefined,
+      nurseStationFriendslist: {
+        img: undefined
+      },
       nurseStationFriendsshow: false
     };
   },
@@ -754,8 +763,10 @@ export default {
   },
   methods: {
     GenerateQRcode(row) {
+      this.nurseStationFriendslist = row;
       nurseStationFriends(row.id).then(res => {
-        this.nurseStationFriendsimg = process.env.VUE_APP_BASE_API + res.msg;
+        this.nurseStationFriendslist.img =
+          process.env.VUE_APP_BASE_API + res.msg;
         this.nurseStationFriendsshow = true;
       });
     },
@@ -1170,3 +1181,26 @@ export default {
   }
 };
 </script>
+<style>
+.text {
+  width: 250px;
+  height: 40px;
+  line-height: 40px;
+  padding-left: 15px;
+  font-size: 14px;
+  border-radius: 4px;
+  padding: 0 15px;
+  color: black;
+}
+.texts {
+  line-height: 20px;
+  text-overflow: -o-ellipsis-lastline;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+  text-align: justify;
+}
+</style>