首页消息

src/views/wel/index.vue

@@ -33,17 +33,31 @@
           <div v-else class="info-item" v-for="(item,key) in collapseData1" :key="key">
             <div class="flex jc-al-c">
               <img style="width:14px;height:14px;" src="/img/welIndex/warning.png" alt="">
-              <span class="mg-l-10" style="font-size:14px;">{{item.title}}</span>
-            </div>
-            <el-dropdown>
-              <span class="el-dropdown-link">
-                <el-link icon="el-icon-more" :underline="false" style="transform:rotate(90deg)"></el-link>
+              <!-- <span class="mg-l-10" style="font-size:14px;">{{item.title}}</span> -->
+              <span class="mg-l-10" style="font-size:14px;">
+                <span class="title-common">来自</span>
+                <span class="title-text">{{item.projectContract}}</span>
+                <span class="title-common">的</span>
+                <span class="title-text">{{item.roleUser}}</span>
+                <span class="title-common">向</span>
+                <span v-if="item.manageUser == '您'" class="title-common">您</span>
+                <span v-else class="title-text">{{item.manageUser}}</span>
+                <span class="title-common">反馈</span>
+                <span class="title-red">{{item.title}}</span>
               </span>
-              <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item @click.native="openPreview(item)">立即处理</el-dropdown-item>
-                <el-dropdown-item @click.native="ignore(key)">忽略</el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
+            </div>
+            <div>
+              <span class="title-time">{{item.time}}</span>
+              <el-dropdown>
+                <span class="el-dropdown-link">
+                  <el-link icon="el-icon-more" :underline="false" style="transform:rotate(90deg)"></el-link>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item @click.native="openPreview(item)">立即处理</el-dropdown-item>
+                  <el-dropdown-item @click.native="ignore(key)">忽略</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </div>
           </div>
           <div v-if="collapseData1.length == 1" class="text-align-c" style="color:#CCD0DE;">
             没有更多数据了~
@@ -59,17 +73,32 @@
           <div v-else class="info-item" v-for="(item,key) in collapseData2" :key="key">
             <div class="flex jc-al-c">
               <img style="width:14px;height:14px;" src="/img/welIndex/warning.png" alt="">
-              <span class="mg-l-10" style="font-size:14px;">{{item.title}}</span>
-            </div>
-            <el-dropdown v-if="item.operation">
-              <span class="el-dropdown-link">
-                <el-link icon="el-icon-more" :underline="false" style="transform:rotate(90deg)"></el-link>
+              <!-- <span class="mg-l-10" style="font-size:14px;">{{item.title}}</span> -->
+              <span class="mg-l-10" style="font-size:14px;">
+                <span class="title-common">来自</span>
+                <span class="title-text">{{item.projectContract}}</span>
+                <span class="title-common">的</span>
+                <span class="title-text">{{item.roleUser}}</span>
+                <span class="title-common">向</span>
+                <span v-if="item.manageUser == '您'" class="title-common">您</span>
+                <span v-else class="title-text">{{item.manageUser}}</span>
+                <span class="title-common">反馈</span>
+                <span class="title-red">{{item.title}}</span>
               </span>
-              <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item @click.native="openPreview(item)">立即处理</el-dropdown-item>
-                <el-dropdown-item @click.native="ignore2(key)">忽略</el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
+            </div>
+            <div>
+              <span class="title-time">{{item.time}}</span>
+              <el-dropdown v-if="item.operation">
+                <span class="el-dropdown-link">
+                  <el-link icon="el-icon-more" :underline="false" style="transform:rotate(90deg)"></el-link>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item @click.native="openPreview(item)">立即处理</el-dropdown-item>
+                  <el-dropdown-item @click.native="ignore2(key)">忽略</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+              <span v-else style="margin-left:14px;"></span>
+            </div>
           </div>
           <div v-if="collapseData2.length == 1" class="text-align-c" style="color:#CCD0DE;">
             没有更多数据了~
@@ -679,4 +708,20 @@ export default {
   color: #50545E;
 }
 
+.title-common{
+  color: #838791;
+}
+.title-text{
+  color: #50545E;
+}
+.title-red{
+  margin-left: 6px;
+  color: #EB4D3D;
+}
+.title-time{
+  margin-right: 30px;
+  color: #838791;
+  font-size: 14px;
+}
+
 </style>