feat(master): 创建歌曲

杨俊
Commit 7489b2aa ... 7489b2aa25a4a913989c74adfe850f66046f8601 authored 2024-05-28 15:27:02 +0800 by 杨俊
Showing 5 changed files with 80 additions and 13 deletions
index.html
src/layout/components/navbar.vue
src/views/login/index.vue
src/views/operation/broker/components/push-level-table.vue
src/views/operation/broker/components/push-match-table.vue
--- a/index.html
View file @7489b2a
+++ b/index.html
View file @7489b2a
@@ -5,7 +5,7 @@
    <link rel="shortcut icon" type="image/x-icon" href="https://hising-cdn.hikoon.com/file/20231201/nyaagyzd92c1701419974050pv0hv2xlsme.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="referrer" content="no-referrer"/>
-    <title>海星试唱</title>
+    <title>泡泡留声</title>
 </head>
 <body>
 <div id="app"></div>
--- a/src/layout/components/navbar.vue
View file @7489b2a
+++ b/src/layout/components/navbar.vue
View file @7489b2a
@@ -3,7 +3,7 @@
    <div class="left-side">
      <a-space>
        <img alt="logo" src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/dfdba5317c0c20ce20e64fac803d52bc.svg~tplv-49unhts6dw-image.image" />
-        <a-typography-title :heading="5" :style="{ margin: 0, fontSize: '18px' }"> 海星试唱</a-typography-title>
+        <a-typography-title :heading="5" :style="{ margin: 0, fontSize: '18px' }"> 泡泡留声</a-typography-title>
      </a-space>
    </div>
    <ul class="right-side">
--- a/src/views/login/index.vue
View file @7489b2a
+++ b/src/views/login/index.vue
View file @7489b2a
@@ -6,7 +6,7 @@
    <div class="content">
      <div class="content-inner">
        <div class="login-form-wrapper">
-          <div class="login-form-title">海星试唱</div>
+          <div class="login-form-title">泡泡留声</div>
          <div class="login-form-sub-title">运营管理后台</div>
          <a-card :bordered="true" :hoverable="true" :style="{ width: '360px' }">
            <a-tabs v-model:active-key="loginType" :justify-="true" :animation="true">
--- a/src/views/operation/broker/components/push-level-table.vue
View file @7489b2a
+++ b/src/views/operation/broker/components/push-level-table.vue
View file @7489b2a
@@ -12,9 +12,11 @@
  import dayjs, { OpUnitType } from 'dayjs';
  import { promiseToBoolean } from '@/utils';
  import PushLevelChildrenTable from '@/views/operation/broker/components/push-level-children-table.vue';
+  import usePermission from '@/hooks/permission';
  const { get, update, send, rollback, destroy, statusOption } = usePushLevelRecordApi;
  const { loading, setLoading } = useLoading(false);
+  const { checkPermission } = usePermission();
  const tableRef = ref();
  const filter = ref({ title: '', userName: '', sendBetween: [], status: '' });
@@ -151,15 +153,58 @@
    <filter-table-column title="结束时间" data-index="end_at" :width="180" />
    <filter-table-column title="发送时间" data-index="publish_at" :width="200" />
    <enum-table-column title="发送状态" data-index="status" :option="statusOption" :width="120" />
-    <space-table-column title="操作" :width="120">
+    <space-table-column
+      v-if="
+        checkPermission([
+          'operation-broker-level-record-show',
+          'operation-broker-level-record-edit',
+          'operation-broker-level-record-send',
+          'operation-broker-level-record-delete',
+        ])
+      "
+      title="操作"
+      :width="120"
+    >
      <template #default="{ record }: { record: { status: number } }">
-        <a-link class="link-hover" :hoverable="false" @click="onView(record)">查看</a-link>
+        <a-link v-permission="['operation-broker-level-record-show']" class="link-hover" :hoverable="false" @click="onView(record)">
-        <a-link v-if="record.status === 0" class="link-hover" :hoverable="false" @click="onUpdate(record)">编辑</a-link>
+          查看
-        <a-link v-if="[-1, 3].includes(record.status)" class="link-hover" :hoverable="false" @click="onSend(record)">
+        </a-link>
+        <a-link
+          v-if="record.status === 0"
+          v-permission="['operation-broker-level-record-edit']"
+          class="link-hover"
+          :hoverable="false"
+          @click="onUpdate(record)"
+        >
+          编辑
+        </a-link>
+        <a-link
+          v-if="[-1, 3].includes(record.status)"
+          v-permission="['operation-broker-level-record-send']"
+          class="link-hover"
+          :hoverable="false"
+          @click="onSend(record)"
+        >
          {{ record.status === -1 ? '重试' : '发送' }}
        </a-link>
-        <a-link v-if="record.status === 2" class="link-hover" :hoverable="false" @click="onRollback(record)">撤回</a-link>
+        <a-link
-        <a-link v-if="record.status !== 1" class="link-hover" :hoverable="false" @click="onDelete(record)">删除</a-link>
+          v-if="record.status === 2"
+          v-permission="['operation-broker-level-record-send']"
+          class="link-hover"
+          :hoverable="false"
+          @click="onRollback(record)"
+        >
+          撤回
+        </a-link>
+        <a-link
+          v-if="record.status !== 1"
+          v-permission="['operation-broker-level-record-delete']"
+          class="link-hover"
+          :hoverable="false"
+          @click="onDelete(record)"
+        >
+          删除
+        </a-link>
      </template>
    </space-table-column>
  </filter-table>
--- a/src/views/operation/broker/components/push-match-table.vue
View file @7489b2a
+++ b/src/views/operation/broker/components/push-match-table.vue
View file @7489b2a
@@ -10,6 +10,7 @@
  import { Input, TableData, Textarea } from '@arco-design/web-vue';
  import { createFormItemVNode, createFormVNode, createModalVNode } from '@/utils/createVNode';
  import { promiseToBoolean } from '@/utils';
+  import usePermission from '@/hooks/permission';
  const { loading, setLoading } = useLoading(false);
@@ -135,11 +136,32 @@
    <filter-table-column data-index="read_at" title="用户行为" :width="100">
      <template #default="{ record }: { record: { read_at?: string } }">{{ record.read_at ? '已查看' : '未查看' }}</template>
    </filter-table-column>
-    <space-table-column data-index="operation" title="操作" :width="100">
+    <space-table-column
+      v-if="usePermission().checkPermission(['operation-broker-confirm-record-show', 'operation-broker-confirm-record-send'])"
+      data-index="operation"
+      title="操作"
+      :width="100"
+    >
      <template #default="{ record }: { record: { status: number } }">
-        <a-link class="link-hover" :hoverable="false" @click="onView(record)">查看</a-link>
+        <a-link v-permission="['operation-broker-confirm-record-show']" class="link-hover" :hoverable="false" @click="onView(record)">
-        <a-link v-if="record.status === 1" class="link-hover" :hoverable="false" @click="onRollback(record)">撤销</a-link>
+          查看
-        <a-link v-if="[-1, 2].includes(record.status)" class="link-hover" :hoverable="false" @click="onSend(record)">
+        </a-link>
+        <a-link
+          v-if="record.status === 1"
+          v-permission="['operation-broker-confirm-record-send']"
+          class="link-hover"
+          :hoverable="false"
+          @click="onRollback(record)"
+        >
+          撤销
+        </a-link>
+        <a-link
+          v-if="[-1, 2].includes(record.status)"
+          v-permission="['operation-broker-confirm-record-send']"
+          class="link-hover"
+          :hoverable="false"
+          @click="onSend(record)"
+        >
          {{ record.status === -1 ? '重试' : '发送' }}
        </a-link>
      </template>