fix template t1

src/permission.js

@@ -7,7 +7,7 @@ import { getToken } from '@/utils/auth'
 
 NProgress.configure({ showSpinner: false })
 
-const whiteList = ['/login', '/auth-redirect', '/bind', '/register']
+const whiteList = ['/login', '/auth-redirect', '/bind', '/register', '/template']
 
 router.beforeEach((to, from, next) => {
   NProgress.start()
@@ -48,6 +48,9 @@ router.beforeEach((to, from, next) => {
       }
     }
   } else {
+    debugger
+    var ck = whiteList.indexOf(to.path);
+    console.log('whiteList: '+ ck)
     // 没有token
     if (whiteList.indexOf(to.path) !== -1) {
       // 在免登录白名单，直接进入

src/router/index.js

@@ -38,6 +38,11 @@ export const constantRoutes = [
     ]
   },
   {
+    path: '/template/t1/:id(\\d+)',
+    component: (resolve) => require(['@/views/template/t1'], resolve),
+    hidden: true
+  },
+  {
     path: '/login',
     component: (resolve) => require(['@/views/login'], resolve),
     hidden: true

src/views/system/templatePage/index.vue

@@ -228,7 +228,6 @@ export default {
     };
   },
   created() {
-    debugger
     this.getList();
     this.getDicts("sys_normal_disable").then((response) => {
       this.enableOptions = response.data;
@@ -239,7 +238,6 @@ export default {
     getList() {
       this.loading = true;
       listTemplate(this.queryParams).then(response => {
-        debugger
         this.pageList = response.rows;
         this.total = response.total;
         this.loading = false;

src/views/template/t1.vue

@@ -1,16 +1,44 @@
 <template>
     <div>
-        <div>{{item.getStakeholder}}</div>
-        <div>{{item.getStakeholderBirthday}}</div>
-        <div>{{item.getContent}}</div>
 
       <el-form> 
-        <el-col :span="4" v-for="item in picList" :offset="1" :style="{ padding: '0px 0px 10px' }" :key="item.key">
-            <el-card :body-style="{ padding: '0px' }" shadow="always">
-                <el-image  :key="item.value" :src="item.value" :preview-src-list="[item.value]" class="image"></el-image>
-             </el-card>
+          <el-col :style="{ padding: '0px 0px 10px' }" style="display:flex;justify-content:center;">
+            <el-card :body-style="{ padding: '10px' }" shadow="always" style="width: 90%;">
+              <div slot="header" class="clearfix">
+                <span>干系人信息</span>
+              </div>
+              <img :src="personal.avatar">
+              <div>{{personal.stakeholder}}</div>
+              <div>{{personal.stakeholderBirthday}}</div>
+            </el-card>
         </el-col>
       </el-form>
+
+      <el-form> 
+          <el-col :style="{ padding: '0px 0px 10px' }" style="display:flex;justify-content:center;">
+            <el-card :body-style="{ padding: '10px' }" shadow="always" style="width: 90%;">
+              <div slot="header" class="clearfix">
+                <span>平生描述</span>
+              </div>
+              <div v-html="personal.content"></div>
+            </el-card>
+        </el-col>
+      </el-form>
+
+      <div  style="width: 100%;display:flex;justify-content:center;">
+      <el-card :body-style="{ padding: '0px' }" shadow="always" style="width: 90%;">
+        <div slot="header" class="clearfix">
+          <span>干系人照片</span>
+        </div>
+        <el-form> 
+          <el-col :span="5" v-for="item in picList" :offset="1" :style="{ padding: '0px 0px 10px',display:'flex',justifyContent:'center' }" :key="item.key">
+              <el-card :body-style="{ padding: '0px' }" shadow="always">
+                  <el-image  :key="item.value" :src="item.value" :preview-src-list="[item.value]" class="image"></el-image>
+              </el-card>
+          </el-col>
+        </el-form>
+      </el-card>
+      </div>
     </div> 
 </template>
 
@@ -22,21 +50,24 @@ export default {
   data() {
     return {
         pid: 0,
-        item: null,
+        personal: {},
+        personalImg: {
+          personalId: null,
+        },
         picList: [],
     }
   },
-  created() { 
-    this.pid = this.$route.params && this.$route.params.pid;
+  created() {
+    this.pid = this.$route.params && this.$route.params.id;
     this.personalImg.personalId = this.pid;
     this.getContent(this.pid);
     this.getImgs(this.pid);
   },
   methods: {
       getContent(id){
-          getPersonal(id).then(response => { 
-            this.item = response.data;
-
+          getPersonal(id).then(response => {
+            this.personal = response.data;
+            console.log(this.personal)
         });
       },
       getImgs(id){
@@ -58,5 +89,12 @@ export default {
 </script>
 
 <style>
-
+.clearfix:before,
+  .clearfix:after {
+    display: table;
+    content: "";
+  }
+  .clearfix:after {
+    clear: both
+  }
 </style>