update

src/views/article/Article.vue

@@ -1,4 +1,4 @@
-<style lang="scss">
+<style lang="scss" scoped>
 .preview {
   .el-form-item {
     margin-bottom: 15px;
@@ -75,11 +75,11 @@ a {
   }
 }
 .syncitem {
-  height: 72px;
-  line-height: 72px;
   display: flex;
   justify-content: space-between;
-  border-bottom: 1px solid #ccc;
+  border-bottom: 1px solid #f4f4f4;
+  background: #ffffff;
+
 }
 .syncitem img {
   margin: 10px;
@@ -88,6 +88,19 @@ a {
   margin-top: 20px;
   text-align: center;
 }
+.el-dialog__body {
+  padding: 10px 12px;
+  background: #ececec;
+  p {
+    height: 45px;
+    overflow: hidden!important;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    padding:10px 10px;
+  }
+}
+
 </style>
 <template>
   <section>
@@ -149,7 +162,7 @@ a {
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55"> </el-table-column>
-        <el-table-column prop="name" label="文章名称"> </el-table-column>
+        <el-table-column prop="name" label="文章名称" width="380px"> </el-table-column>
         <el-table-column prop="img" label="封面图">
           <template slot-scope="scope">
             <img :src="scope.row.img" alt="" width="120" height="80" />
@@ -159,7 +172,7 @@ a {
         <el-table-column prop="journal_name" label="来源"></el-table-column>
         <el-table-column prop="publish_time" label="出版时间"></el-table-column>
         <el-table-column prop="ctime" label="发布时间"></el-table-column>
-        <el-table-column prop="read_num" label="阅读量"></el-table-column>
+        <el-table-column prop="read_num" label="阅读量" width="80"></el-table-column>
         <el-table-column prop="zip" width="150" label="操作">
           <template slot-scope="scope">
             <el-button class="edit" type="text" @click="edit(scope.row)"
@@ -182,7 +195,7 @@ a {
       <el-dialog
         class="fu-dialog"
         title="同步到微信公众号"
-        width="375px"
+        width="414px"
         :close-on-click-modal="false"
         :visible.sync="dialogVisible"
       >
@@ -194,16 +207,17 @@ a {
             <img
               :src="multipleSelection[0].img"
               alt=""
-              width="310px"
-              height="157px"
+              width="390px"
+              height="170px"
             />
             <p
               style="
                 position: absolute;
                 bottom: 20px;
-                left: 20px;
+                left: 10px;
                 font-weight: bold;
                 color: #ffffff;
+                right: 10px;
               "
             >
               {{ multipleSelection[0].name }}
@@ -212,10 +226,10 @@ a {
           <div v-if="multipleSelection.length">
             <div
               class="syncitem"
-              v-for="(item, index) in multipleSelection"
+              v-for="(item, index) in multipleSelection.slice(1, 8)"
               :key="index"
             >
-              <p>{{ item.name.substring(0, 20) }}</p>
+              <p>{{ item.name.substring(0,43) }}</p>
               <img :src="item.img" alt="" width="48px" height="48px" />
             </div>
           </div>
@@ -235,7 +249,7 @@ a {
 <script>
 import Page from "../../components/Page";
 import fuEditor from "../../components/fuEditor";
-export default {
+export default {  
   components: {
     Page,
     fuEditor,
@@ -254,7 +268,7 @@ export default {
       dialogVisible: false,
       journalLogo: "",
       multipleSelection: [],
-      journalSearch:[]
+      journalSearch: [],
     };
   },
   methods: {
@@ -324,9 +338,9 @@ export default {
     getData() {
       var parm = this.form;
       this.loading = true;
-      this.$api.searchJournalList().then((res)=>{
-        this.journalSearch = res.data.data
-      })
+      this.$api.searchJournalList().then((res) => {
+        this.journalSearch = res.data.data;
+      });
       this.$api.getArticleList(parm).then((res) => {
         console.log(res);
         this.list = res.data.data.list;

src/views/journalQun/CASCIDetail.vue

@@ -8,6 +8,8 @@
 .tbl td {
   padding: 5px;
   border: 1px solid #ccc;
+  border-bottom:0px;
+  border-right:0px;
 }
 .title {
   h3 {
@@ -77,6 +79,32 @@
     padding: 20px;
   }
 }
+.preview {
+  .aname{
+    text-align: center;
+    margin-bottom: 20px;
+    color: #333;
+    font-size: 16px;
+  }
+  .ainfo{
+    display: flex;
+    margin-bottom: 10px;
+    p{
+      width: 60%;
+      margin-left: 15px;
+      line-height: 26px;
+    }
+  }
+  b{
+    color: #333;
+  }
+  div{
+    line-height: 26px;
+    margin-bottom: 10px;
+    overflow: auto;
+  }
+
+}
 </style>
 <template>
   <section>
@@ -99,23 +127,23 @@
         >
           <tr>
             <td width="119" align="right">名称：</td>
-            <td>{{ form.name }}</td>
+            <td style="border-right: 1px solid #ccc;">{{ form.name }}</td>
           </tr>
           <tr>
             <td align="right">微信号：</td>
-            <td>{{ form.wxcode }}</td>
+            <td style="border-right: 1px solid #ccc;">{{ form.wxcode }}</td>
           </tr>
           <tr>
             <td align="right">主办单位：</td>
-            <td>{{ form.organizer_name }}</td>
+            <td style="border-right: 1px solid #ccc;">{{ form.organizer_name }}</td>
           </tr>
           <tr>
             <td align="right">所属学科：</td>
-            <td>{{ form.subject_name }}</td>
+            <td style="border-right: 1px solid #ccc;">{{ form.subject_name }}</td>
           </tr>
           <tr>
-            <td align="right">简介：</td>
-            <td>{{ form.desc }}</td>
+            <td align="right" style="border-bottom: 1px solid #ccc;">简介：</td>
+            <td style="border-bottom: 1px solid #ccc;border-right:1px solid #ccc;">{{ form.desc }}</td>
           </tr>
         </table>
         <div style="clear: both; height: 0; content: ''"></div>
@@ -255,7 +283,7 @@
           <el-table-column
             prop="article_name"
             label="名称"
-            width="width">
+            width="380px">
           </el-table-column>
           <el-table-column
             prop="read_num"
@@ -311,7 +339,7 @@
           <el-table-column
             prop="article_name"
             label="名称"
-            width="width">
+            >
           </el-table-column>
           <el-table-column
             prop="read_num"