youhua

src/views/monthly/components/createdMonthly.vue

@@ -3,7 +3,7 @@
     <div class="blueStripe" />
     <el-form ref="monthly_form" :model="monthly_form" label-position="left" label-width="80px">
       <el-form-item label="标题">
-        <el-input v-model="monthly_form.name" placeholder="请输入" />
+        <el-input v-model="monthly_form.title" placeholder="请输入" />
       </el-form-item>
       <el-form-item label="缩略图">
         <el-upload action="http://star.xiaojukeji.com/upload/img.node" list-type="picture-card" :limit="1" :multiple="false" :on-success="handlePictureCardPreview" :on-remove="handleRemove">

src/views/monthly/index.vue

@@ -12,7 +12,7 @@
       <el-aside width="215px">
         <div class="monthly-aside-header">
           <el-input v-model="monthly_nav_query" suffix-icon="el-icon-search" size="mini" style="width: 80%; margin-right: 15px;" @blur="monthly_query(monthly_nav_query)" />
-          <i class="el-icon-circle-plus-outline monthly_icon" @click="addMonthly" />
+          <i v-show="monthly_show" class="el-icon-circle-plus-outline monthly_icon" @click="addMonthly" />
         </div>
         <div v-for="item in monthly_nav_list" :key="item.id">
           <div class="monthly-nav-center">
@@ -23,7 +23,10 @@
       </el-aside>
       <el-main class="monthly-main">
         <div class="monthly-main-title">
-          <div>{{ monthly_main_image.title }}</div>
+          <el-tooltip v-if="monthly_main_image.title.length > 12" class="item" effect="dark" :content="monthly_main_image.title" placement="top">
+            <div>{{ monthly_main_image.title | ellipsis }}</div>
+          </el-tooltip>
+          <div v-else>{{ monthly_main_image.title | ellipsis }}</div>
           <div class="monthly-main-date">{{ monthly_main_image.gmtCreate }}</div>
         </div>
         <div class="demo-image__placeholder" style="padding: 20px 0;">
@@ -41,24 +44,42 @@
 import logoUrl from '@/assets/内页logo2@2x.png'
 import addMonthly from './components/createdMonthly.vue'
 import { materialGetMaterialList, materialDeleteMaterial, materialAddMaterial } from '@/api/monthly/index.js'
+import { verifyIsAdmin } from '@/api/configure.js'
 export default {
   components: {
     addMonthly
   },
+  filters: {
+    ellipsis(value) {
+      if (!value) return ''
+      if (value.length > 12) {
+        return value.slice(0, 12) + '...'
+      }
+      return value
+    }
+  },
   data() {
     return {
       logo: logoUrl,
       title: '',
       show: false,
+      monthly_show: false,
       monthly_nav_query: '',
       monthly_main_image: '',
       monthly_nav_list: []
     }
   },
   mounted() {
+    this.verifyIsAdmin()
     this.materialGetMaterialList()
   },
   methods: {
+    async verifyIsAdmin() {
+      const res = await verifyIsAdmin()
+      if (res.code === 200) {
+        this.monthly_show = res.data
+      }
+    },
     async materialGetMaterialList() {
       const num = this.$route.query.id
       const res = await materialGetMaterialList({})