暂存

VUECODE/smart-property-manage/src/views/social/announcement/index.vue

@@ -37,10 +37,7 @@
       <el-table-column prop="sort" label="权重" align="center"/>
       <el-table-column prop="status" label="状态" align="center">
         <template slot-scope="scope">
-          <span v-if="scope.row.status==0">{{ '已作废' }}</span>
-          <span v-if="scope.row.status==1">{{ '已发布' }}</span>
-          <span v-if="scope.row.status==2">{{ '草稿' }}</span>
-          <span v-if="scope.row.createDate < scope.row.updateDate">{{ '已修改' }}</span>
+          <span>{{ getStatus(scope.row) }}</span>
         </template>
       </el-table-column>
       <el-table-column prop="createDate" label="发布时间" align="center"><template slot-scope="scope">{{ formatDate(scope.row.createDate) }}</template></el-table-column>
@@ -112,6 +109,29 @@ export default {
       value = value < 10 ? '0' + value : value
       return value
     },
+    getStatus(row) { // 获取状态
+      let statusName = ''
+
+      // 判断状态
+      switch (row.status) {
+        case '0':
+          statusName = '已作废'
+          break
+        case '1':
+          statusName = '已发布'
+          break
+        case '2':
+          statusName = '草稿'
+          break
+      }
+
+      // 如果修改时间和创建时间不一致, 就显示已修改
+      if (row.status === '1' && (row.updateDate > row.createDate)) {
+        statusName = '已修改'
+      }
+
+      return statusName
+    },
     dataQuery() { // 查询数据
       this.listLoading = true
       this.$store.dispatch('ListAnnouncement', this.listQuery).then((res) => {