行为记录链接展示

src/main/java/com/caimei/www/controller/unlimited/HelpPageController.java

@@ -25,6 +25,7 @@ public class HelpPageController extends BaseController {
 	private static final String HELP_PAGE_PATH = "help/help";
 	private static final String HELP_PAGE_NEWS = "help/news";
 	private static final String HELP_PAGE_NEWSDETAILS = "help/details";
+    private static final String HELP_CLUBINFO_DETAIL = "help/clubinfo";
 
     private HelpService helpService;
     @Autowired
@@ -66,6 +67,13 @@ public class HelpPageController extends BaseController {
     public String news() {
         return HELP_PAGE_NEWS;
     }
+    /**
+     * 公告页
+     */
+    @GetMapping("/clubinfo.html")
+    public String clubinfo() {
+        return HELP_CLUBINFO_DETAIL;
+    }
     /**
      * 公告详情页
      */

src/main/resources/static/css/help/clubinfo.css

@@ -0,0 +1,45 @@
+/*PC端**/
+ @media screen and (min-width:768px) {
+  body{background-color: #FFFFFF;}
+  .club-info-logo{width: 100%;height: 104px;box-sizing: border-box;padding: 30px 0;background-color: #FFFFFF;}
+  .club-info-logo .logo{width: 168px;height: 44px;display: block;margin: 0 auto;}
+  .club-info-logo .logo img{width: 168px;height: 44px;display: block;}
+  #informationPage{width: 700px;margin: 0 auto;}
+  .info-header{width: 100%;height: auto;padding: 24px;float:left;box-sizing: border-box;background-color: #FFFFFF;}
+  .info-header p{width: 100%;font-size: 20px;line-height:34px;font-weight: bold;color: #333333;}
+  .info-header p span{font-size: 16px;color: #666666;font-weight: normal;}
+  .info-content{width: 100%;height: auto;float: left;box-sizing: border-box;padding:0 30px;background-color: #FFFFFF;}
+  .info-title{width: 100%;height: 68px;border-bottom: 1px solid #F0F0F0;}
+  .info-title .info-title-left{width: 50%;height: 68px;font-size: 20px;font-weight: bold;color: #333333;float: left;line-height:68px;}
+  .info-title .info-title-left span{display: inline-block;padding: 0 24px;line-height: 36px;background-color: #FFF2D5;font-size: 16px;color: #E4AA43;text-align: center;margin-left: 10px;font-weight: normal;}
+  .info-title .info-title-right{width: 50%;height: 68px;float: right;line-height: 68px;font-size: 16px;color: #999999;text-align: right;}
+  .info-main{width: 100%;height: auto;}
+  .info-main .info-h1{width: 100%;box-sizing: border-box;padding:0 20px;position: relative;line-height: 60px;font-size: 20px;color: #333333;}
+  .info-main .info-h1:before{content: '';width: 6px;height: 20px;background-color: #E15616;position: absolute;left: 0;top: 20px;}
+  .info-main .info-p{width: 100%;box-sizing: border-box;padding:0 20px;position: relative;line-height: 46px;font-size: 16px;color: #999999;}
+  .info-main .info-p span{color: #333333;}
+  .info-main .info-img{width: 180px;height: 180px;}
+  .info-main .info-img img{width: 180px;height: 180px;display: block;margin-left: 20px;border: 1px dashed #E2E2E2;}
+ }
+
+/*移动端**/
+ @media screen and (max-width:768px){
+  .club-info-logo{width: 100%;height: 14.6vw;box-sizing: border-box;padding: 4vw 0;background-color: #FFFFFF;}
+  .club-info-logo .logo{width: 24vw;height: 6.6vw;display: block;margin: 0 auto;}
+  .club-info-logo .logo img{width: 24vw;height: 6.6vw;display: block;}
+  .info-header{width: 100%;height: auto;padding: 3vw;float:left;box-sizing: border-box;border-bottom: 10px solid #F7F7F7;background-color: #FFFFFF;}
+  .info-header p{width: 100%;font-size: 4vw;line-height:6vw;font-weight: bold;color: #333333;}
+  .info-header p span{font-size: 3.4vw;color: #666666;font-weight: normal;}
+  .info-content{width: 100%;height: auto;float: left;box-sizing: border-box;padding: 3vw;background-color: #FFFFFF;}
+  .info-title{width: 100%;height: 9.8vw;border-bottom: 1px solid #F0F0F0;}
+  .info-title .info-title-left{width: 50%;height: 9.8vw;font-size: 4vw;font-weight: bold;color: #333333;float: left;line-height: 9.8vw;}
+  .info-title .info-title-left span{display: inline-block;padding: 0 2vw;line-height: 5.6vw;background-color: #FFF2D5;font-size: 3vw;color: #E4AA43;text-align: center;margin-left: 1vw;font-weight: normal;}
+  .info-title .info-title-right{width: 50%;height: 9.8vw;float: right;line-height: 9.8vw;font-size: 3vw;color: #999999;text-align: right;}
+  .info-main{width: 100%;height: auto;margin-bottom: 3vw;}
+  .info-main .info-h1{width: 100%;box-sizing: border-box;padding:0 2vw;position: relative;line-height: 10vw;font-size: 4vw;color: #333333;}
+  .info-main .info-h1:before{content: '';width: 0.7vw;height: 3.2vw;background-color: #E15616;position: absolute;left: 0;top: 3.2vw;}
+  .info-main .info-p{width: 100%;box-sizing: border-box;padding:0 2vw;position: relative;line-height: 6.8vw;font-size: 3.4vw;color: #999999;}
+  .info-main .info-p span{color: #333333;}
+  .info-main .info-img{width: 26vw;height: 26vw;border: 1px dashed #E2E2E2;}
+  .info-main .info-img img{width: 26vw;height: 26vw;display: block;}
+ }

src/main/resources/static/js/common/serviceapi/user.service.js

@@ -419,4 +419,15 @@ var UserApi = {
                 callback(res);
             });
         },
+        userClubRecordLinkage: function (params, callback) {//查询行为记录链接信息
+            Http.AjaxService({
+                url: '/user/club/recordLinkage',
+                type:'get',
+                data:params,
+                json:false,
+                isHost:true
+            }).then(function (res) {
+                callback(res);
+            });
+        },
 };

src/main/resources/static/js/help/clubinfo.js

@@ -0,0 +1,75 @@
+/**
+ * Created by xw on 2020/7/22.
+ */
+var InformationPage = new Vue({
+    el:"#informationPage",
+    data: {
+        clubId:0,
+        clubInfo:{},
+        saleName:''// 分配销售人名称
+    },
+    filters: {
+        FirstFormat: function(type) {
+            //处理金额
+            let name = ''
+            switch (type) {
+                case 1:
+                    name = '医美'
+                    break
+                case 2:
+                    name = '生美'
+                    break
+                case 3:
+                    name = '项目公司'
+                    break
+                case 4:
+                    name = '个人'
+                    break
+                case 5:
+                    name = '其他'
+                    break
+            }
+            return name
+        },
+        TwoFormat: function(type) {
+            //处理金额
+            let text = ''
+            switch (type) {
+                case 1:
+                    text = '诊所'
+                    break
+                case 2:
+                    text = '门诊'
+                    break
+                case 3:
+                    text = '医院'
+                    break
+            }
+            return text
+        }
+    },
+    methods: {
+        userClubRecordLinkage: function () {
+            var _this = this;
+            UserApi.userClubRecordLinkage({clubId: _this.clubId}, function (response) {
+                if (response.code == 0) {
+                    _this.saleName = response.data.saleName;
+                    _this.clubInfo = response.data.club;
+                } else {
+                    console.log('获取机构信息异常')
+                }
+            })
+        }
+    },
+    created: function () {
+
+    },
+    mounted: function () {
+        var _this = this;
+        _this.clubId = getUrlParam("clubId");
+        _this.userClubRecordLinkage();
+    }
+
+
+});
+

src/main/resources/templates/help/clubinfo.html

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="https://www.thymeleaf.org ">
+<head>
+  <title>采美365网-资料修改</title>
+  <template th:replace="components/head-link"></template>
+  <link th:href="@{/css/help/clubinfo.css(v=${version})}" rel="stylesheet" type="text/css">
+  <template th:replace="components/analysis"></template>
+</head>
+<body>
+<!-- 引用头部 -->
+<div class="club-info-logo">
+  <a href="/" class="logo">
+    <img src="/img/base/logo_m.png" alt="采美 生美/医美采购服务平台"/>
+  </a>
+</div>
+<!-- 修改资料 -->
+<div id="informationPage" v-cloak>
+  <input type="hidden" th:value="${coreServer}" id="coreServer">
+  <div class="info-header clearfix" v-if="clubInfo.describe">
+    <p>描述：<span>{{ clubInfo.describe }}</span></p>
+  </div>
+  <div class="info-content clearfix">
+    <div class="info-title">
+      <div class="info-title-left">
+        <p>机构资料：<span>{{ clubInfo.userIdentity === 2 ? '资质机构' : '普通机构' }}</span></p>
+      </div>
+      <div class="info-title-right">
+        <p v-if="clubInfo.spType === 0">待分配销售</p>
+        <p v-else> 已分配销售：{{  saleName }}</p>
+      </div>
+    </div>
+    <div class="info-main">
+      <div class="info-h1">注册信息</div>
+      <div class="info-p">联系人：<span>{{ clubInfo.linkMan }}</span></div>
+      <div class="info-p">手机号：<span>{{ clubInfo.contractMobile }}</span></div>
+    </div>
+    <div class="info-main">
+      <div class="info-h1">注册信息</div>
+      <div class="info-p">机构名称：<span>{{ clubInfo.name }}</span></div>
+      <div class="info-p">机构简称：<span>{{ clubInfo.shortName }}</span></div>
+      <div class="info-p">邮箱：<span>{{ clubInfo.contractEmail }}</span></div>
+      <div class="info-p">联系地址：<span>{{ clubInfo.provincialAddress }}{{ clubInfo.address }}</span></div>
+      <div class="info-p">营业执照编号：<span>{{ clubInfo.socialCreditCode }}</span></div>
+      <div class="info-p">营业执照:</div>
+      <div class="info-img"><img :src="clubInfo.businessLicense" alt=""></div>
+      <div class="info-p">门头照:</div>
+      <div class="info-img"><img :src="clubInfo.shopPhoto" alt=""></div>
+      <div class="info-p">机构类型：<span>{{ clubInfo.firstClubType | FirstFormat }}</span></div>
+      <div class="info-p">医疗许可证：</div>
+      <div class="info-img"><img :src="clubInfo.medicalPracticeLicense" alt=""></div>
+      <div class="info-p">科室：<span>{{ clubInfo.secondClubType | TwoFormat}}</span></div>
+      <div class="info-p">主营内容：<span>{{ clubInfo.mainProduct }}</span></div>
+    </div>
+    <div class="info-main">
+      <div class="info-h1">其他信息</div>
+      <div class="info-p">固定电话：<span>{{ clubInfo.contractPhone }}</span></div>
+      <div class="info-p">传真：<span>{{ clubInfo.fax }}</span></div>
+      <div class="info-p">公司介绍：<span>{{ clubInfo.profile }}</span></div>
+    </div>
+  </div>
+</div>
+<!-- 引入底部 -->
+<template th:replace="components/foot-link"></template>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/user.service.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/help/clubinfo.js(v=${version})}"></script>
+</body>
+</html>