修改内容管理列表日期展示

src/pages/content-manage/ads/index.vue

@@ -33,6 +33,9 @@
       <!-- 置顶状态 -->
       <template v-slot:top-status="{ row }">
         <el-switch :active-value="1" :inactive-value="0" v-model="row.is_top" @change="handleTop(row)"></el-switch>
+        <el-select v-model="row.weight" placeholder="请选择权重" size="small" clearable :disabled="isDetails">
+          <el-option v-for="item in 10" :label="item" :value="item" :key="item"></el-option>
+        </el-select>
       </template>
 
       <template #footer>
@@ -84,6 +87,7 @@ import TableList from '@/components/TableList'
 import DrawerForm from '../components/DrawerForm.vue'
 import AuditForm from '../components/AuditForm.vue'
 import { getAdList, createAd, updateAd, publishAd, topAd, batchDeleteAd, auditAd } from '@/api/contentManage'
+import { dateFormat } from '@/utils/utils'
 export default {
   components: { TableList, DrawerForm, AuditForm },
   data() {
@@ -152,12 +156,30 @@ export default {
           { prop: 'image_url', label: '图片', slots: 'image' },
           { prop: 'id', label: '广告ID', slots: 'table-id' },
           { prop: 'title', label: '标题' },
-          { prop: 'start_time', label: '开始时间' },
-          { prop: 'end_time', label: '结束时间' },
+          {
+            prop: 'start_time',
+            label: '开始时间',
+            computed({ row }) {
+              return dateFormat(row.start_time) || '-'
+            }
+          },
+          {
+            prop: 'end_time',
+            label: '结束时间',
+            computed({ row }) {
+              return dateFormat(row.end_time) || '-'
+            }
+          },
           { prop: 'project.name', label: '项目' },
           { prop: 'type.name', label: '类型' },
           { prop: 'weight', label: '权重' },
-          { prop: 'sso_user.real_name', label: '创建人' },
+          {
+            prop: 'sso_user.real_name',
+            label: '创建人',
+            computed({ row }) {
+              return row.sso_user.real_name || row.sso_user.nickname
+            }
+          },
           { prop: 'audit_status', label: '审核状态', slots: 'review-status' },
           { prop: 'is_publish', label: '发布状态', slots: 'publish-status' },
           { prop: 'is_top', label: '置顶状态/权重', slots: 'top-status' },

src/pages/content-manage/article/index.vue

@@ -82,6 +82,7 @@ import DrawerForm from '../components/DrawerForm.vue'
 import TableList from '@/components/TableList'
 import AuditForm from '../components/AuditForm.vue'
 import { getArticleList, createArticle, updateArticle, auditArticle, publishArticle, topArticle, recommendArticle, batchDeleteArticle } from '@/api/contentManage'
+import { dateFormat } from '@/utils/utils'
 export default {
   data() {
     return {
@@ -148,8 +149,20 @@ export default {
           { prop: 'image_url', label: '图片', slots: 'image' },
           { prop: 'id', label: '文章ID', slots: 'table-id' },
           { prop: 'title', label: '标题' },
-          { prop: 'start_time', label: '开始时间' },
-          { prop: 'end_time', label: '结束时间' },
+          {
+            prop: 'start_time',
+            label: '开始时间',
+            computed({ row }) {
+              return dateFormat(row.start_time) || '-'
+            }
+          },
+          {
+            prop: 'end_time',
+            label: '结束时间',
+            computed({ row }) {
+              return dateFormat(row.end_time) || '-'
+            }
+          },
           { prop: 'project.name', label: '项目' },
           { prop: 'type.name', label: '类型' },
           { prop: 'weight', label: '权重' },

src/pages/content-manage/image-text/index.vue

@@ -69,6 +69,7 @@ import DrawerForm from '../components/DrawerForm.vue'
 import TableList from '@/components/TableList'
 import AuditForm from '../components/AuditForm.vue'
 import { getImgTextList, createImgText, updateImgText, auditImgText, publishImgText, batchDeleteImgText } from '@/api/contentManage'
+import { dateFormat } from '@/utils/utils'
 export default {
   data() {
     return {
@@ -136,8 +137,20 @@ export default {
           { prop: 'image_url', label: '图片', slots: 'image' },
           { prop: 'id', label: '图文ID', slots: 'table-id' },
           { prop: 'title', label: '标题' },
-          { prop: 'start_time', label: '开始时间' },
-          { prop: 'end_time', label: '结束时间' },
+          {
+            prop: 'start_time',
+            label: '开始时间',
+            computed({ row }) {
+              return dateFormat(row.start_time) || '-'
+            }
+          },
+          {
+            prop: 'end_time',
+            label: '结束时间',
+            computed({ row }) {
+              return dateFormat(row.end_time) || '-'
+            }
+          },
           { prop: 'project.name', label: '项目' },
           { prop: 'type.name', label: '类型' },
           { prop: 'weight', label: '权重' },

src/utils/utils.js

@@ -45,3 +45,34 @@ export function formatToDate(time) {
   }
   return date
 }
+/**
+ * 将时间戳转成年月日时分秒
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string | null}
+ */
+export function dateFormat(time, cFormat) {
+  if (arguments.length === 0 || !time) {
+    return null
+  }
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  const date = formatToDate(time)
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const timeStr = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+    const value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') {
+      return ['日', '一', '二', '三', '四', '五', '六'][value]
+    }
+    return value.toString().padStart(2, '0')
+  })
+  return timeStr
+}