fix personal and pic

src/views/system/personalPage/detail/pic.vue

@@ -20,8 +20,8 @@
             </el-dialog>
         </el-form-item>
         </el-col>
-            
-        <el-col :span="4" v-for="(item,index) in picList" :offset="1" :style="{ padding: '10px' }" :key="item.key">
+
+        <el-col :span="4" v-for="(item,index) in picList" :offset="1" :style="{ padding: '0px 0px 10px' }" :key="item.key">
             <div @mouseover="enter(index)" @mouseleave="leave">
                 <el-card :body-style="{ padding: '0px' }" shadow="always" class="father">
                 <el-image  :key="item.value" :src="item.value" :preview-src-list="[item.value]" class="image"></el-image>
@@ -36,13 +36,12 @@
 </template>
 
 <script>
-import { uploadFile,allPersonalImg } from "@/api/system/personalImg";
+import { uploadFile,allPersonalImg,delPersonalImg } from "@/api/system/personalImg";
 
 export default {
   name: "PersonalImg",
   data() {
     return {
-        seen: false,
         dialogImageUrl: '',
         dialogVisible: false,
         picList: [],
@@ -82,8 +81,8 @@ export default {
         formData.append('personalId', pid)
         const uid = item.file.uid
         uploadFile(formData).then(res => {
+            this.emptyUpload()
             this.picList.push({ key: uid, value: res.url })
-            // this.emptyUpload()
         }).catch(() => {
             this.$message.error('上传失败，请重新上传')
             this.emptyUpload()
@@ -134,8 +133,13 @@ export default {
     leave(){ 
         this.num = -1;
     },
-    delImg(id,index){
-        this.picList.splice(index,1);
+    delImg(id,index){ 
+        const personalId = id; 
+        delPersonalImg(personalId).then(res => {
+            if(res.code === 200) {
+                this.picList.splice(index,1);
+            }
+        })
     }
   }
 }

src/views/system/personalPage/index.vue

@@ -163,10 +163,7 @@
             value-format="yyyy-MM-dd"
             placeholder="选择干系人生日">
           </el-date-picker>
-        </el-form-item>
-        <el-form-item label="头像" prop="avatar">
-          <el-input v-model="form.avatar" placeholder="请输入头像" />
-        </el-form-item>
+        </el-form-item> 
         <el-form-item label="模板id" prop="templateId">
           <el-select v-model="form.templateId" placeholder="请选择模板" >
             <el-option v-for="item in templateList" :key="item.id" :label="item.title" :value="item.id"/>
@@ -181,22 +178,15 @@
             >{{dict.dictLabel}}</el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="修改人" prop="modifyBy">
-          <el-input v-model="form.modifyBy" placeholder="请输入修改人" />
-        </el-form-item>
-        <el-form-item label="修改时间" prop="modifyTime">
-          <el-date-picker clearable size="small" style="width: 200px"
-            v-model="form.modifyTime"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="选择修改时间">
-          </el-date-picker>
-        </el-form-item>
         <el-form-item label="备注" prop="remarks">
           <el-input v-model="form.remarks" placeholder="请输入备注" />
         </el-form-item>
+        <el-form-item label="平生描述" prop="content">
+          <editor v-model="form.content" :min-height="192" ref="myEditor"/>
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="viewPage">预 览</el-button>
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
@@ -418,6 +408,11 @@ export default {
         }).then(response => {
           this.download(response.msg);
         }).catch(function() {});
+    },
+    viewPage(){
+      const pid = this.form.id;
+      // this.$router.push({ name:'/template/t1/'+pid}) 
+      window.location.href=process.env.VUE_APP_BASE_API+'/template/t1/'+pid
     }
   }
 };

src/views/template/t1.vue

@@ -0,0 +1,62 @@
+<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>
+      </el-form>
+    </div> 
+</template>
+
+<script>
+import { allPersonalImg } from "@/api/system/personalImg";
+import { listPersonal, getPersonal, delPersonal, addPersonal, updatePersonal, exportPersonal,changeEnable } from "@/api/system/personalPage";
+
+export default {
+  data() {
+    return {
+        pid: 0,
+        item: null,
+        picList: [],
+    }
+  },
+  created() { 
+    this.pid = this.$route.params && this.$route.params.pid;
+    this.personalImg.personalId = this.pid;
+    this.getContent(this.pid);
+    this.getImgs(this.pid);
+  },
+  methods: {
+      getContent(id){
+          getPersonal(id).then(response => { 
+            this.item = response.data;
+
+        });
+      },
+      getImgs(id){
+        allPersonalImg(this.personalImg).then(res => {
+            if(res.code !== 200){
+                this.$message.error('获取照片列表失败')
+                return
+            }
+            var apiUrl = process.env.VUE_APP_BASE_API;
+            var items = res.data;
+            for (const i in items) {
+                var url = apiUrl + items[i].url;
+                this.picList.push({ key: items[i].id, value: url})
+            }
+        })
+      }
+  }
+}
+</script>
+
+<style>
+
+</style>