提交

src/api/index.js

@@ -240,6 +240,21 @@ export function getPersonalList(ori) {
   });
 }
 
+/**
+ * 删除个人列表
+ */
+export function deletePersonalList(ori) {
+  return ajax({
+    api: '/h5operate/delete',
+    data: ori.data,
+    type: 'ajax',
+    method: 'GET',
+    headers: {
+      Authorization: localStorage.getItem('token'),
+    },
+  });
+}
+
 /**
  * 获取各个平台授权账号
  */
@@ -294,6 +309,6 @@ export function getComponentsList(ori) {
     data: ori.data,
     type: 'ajax',
     base: 'json',
-    method: 'GET'
+    method: 'GET',
   });
 }

src/view/allMedia/H5Editor.vue

@@ -121,7 +121,11 @@
             <template #default="scope">
               <span
                 v-text="
-                  scope.row.title ? scope.row.title : scope.row.attr ? scope.row.attr.label : scope.row.type
+                  scope.row.title
+                    ? scope.row.title
+                    : scope.row.attr
+                    ? scope.row.attr.label
+                    : scope.row.type
                 "
               ></span>
             </template>
@@ -294,8 +298,8 @@ const savePage = () => {
     h5Desc: pageconfig.value.desc,
     hoversList: JSON.stringify(hoversList.value),
   };
-  if (item.operate_id) data.id = item.operate_id;
-  else data.templateId = item.templateId;
+  if (item.operateId) data.operateId = item.operateId;
+  if (item.templateId) data.templateId = item.templateId;
   createTemplateList({
     data,
   }).then(() => {

src/view/allMedia/H5Mall.vue

@@ -13,7 +13,7 @@
     </div>
     <el-button @click="showData" class="createPageList"> 已创建页面 </el-button>
     <el-dialog v-model="show" title="已创建页面">
-      <el-table :data="localList">
+      <el-table :data="localList.list">
         <el-table-column property="title" label="页面名称" />
         <el-table-column label="状态">
           <template #default="scope">
@@ -41,9 +41,20 @@
             <el-button link type="primary" @click="() => editBL(scope)">
               修改
             </el-button>
+            <el-button link type="primary" @click="() => deleteBL(scope)">
+              删除
+            </el-button>
           </template>
         </el-table-column>
       </el-table>
+      <template #footer>
+        <el-pagination
+          @current-change="currentChange"
+          background
+          layout="prev, pager, next"
+          :total="localList.total"
+        />
+      </template>
     </el-dialog>
   </div>
 </template>
@@ -55,7 +66,11 @@ import { useRouter } from 'vue-router';
 import H5 from './components/H5.vue';
 import LONGPAGE from './components/LONGPAGE.vue';
 import POSTER from './components/POSTER.vue';
-import { getTemplateList, getPersonalList } from '../../api/index.js';
+import {
+  getTemplateList,
+  getPersonalList,
+  deletePersonalList,
+} from '../../api/index.js';
 
 const components = {
   H5,
@@ -66,7 +81,11 @@ const router = useRouter();
 // const route = useRoute();
 
 const show = ref(false);
-const localList = ref([]);
+const localList = ref({
+  list: [],
+  size: 20,
+  page: 1,
+});
 const list = ref([]);
 
 const h5Status = ['生成中', '已生成'];
@@ -85,9 +104,26 @@ const toH5Editor = item => {
 };
 
 const showData = () => {
-  getPersonalList({ data: {} }).then(r => {
-    localList.value = r;
-    show.value = true;
+  localList.value.page = 1;
+  show.value = true;
+  personalListFunc();
+};
+
+const currentChange = page => {
+  localList.value.page = page;
+  personalListFunc();
+};
+
+const personalListFunc = () => {
+  getPersonalList({
+    data: {
+      page: localList.value.page,
+      size: localList.value.size,
+    },
+  }).then(r => {
+    localList.value.list = r.records || [];
+    localList.value.total = r.total || 0;
+    localList.value.page += 1;
   });
 };
 
@@ -100,6 +136,17 @@ const editBL = item => {
   });
 };
 
+const deleteBL = item => {
+  deletePersonalList({
+    data: {
+      operateId: item.row.operateId,
+    },
+  }).then(r => {
+    console.log(r);
+    localList.value.list.split(item.index, 1);
+  });
+};
+
 const openurl = url => window.open(url);
 
 const copyurl = url => {