From 4ebdb8bae40029df1d37009439b0118af9852e8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=99=E8=8F=B2?= <1622041228@qq.com>
Date: Mon, 21 Nov 2022 17:24:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=A8=E9=83=A8=E4=BB=BB=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                         |  2 +-
 .env.localhost                               |  2 +-
 src/views/inspection/all-task/index.vue      | 22 +++++-
 src/views/inspection/all-task/tools/table.js | 76 ++++++++++++++++++++
 4 files changed, 99 insertions(+), 3 deletions(-)
 create mode 100644 src/views/inspection/all-task/tools/table.js

diff --git a/.env b/.env
index b6e694e..9d793fb 100644
--- a/.env
+++ b/.env
@@ -5,7 +5,7 @@ VITE_APP_TITLE = '智慧河长'
 VITE_PORT = 3000
 
 
-# VITE_SERVER = "/hhz/admin/api"
+#VITE_SERVER = "/hhz/admin/api"
 VITE_SERVER = ""
 
 VITE_PLATFORM = "tuoheng-hhz-admin"
\ No newline at end of file
diff --git a/.env.localhost b/.env.localhost
index bb90054..5f92ecd 100644
--- a/.env.localhost
+++ b/.env.localhost
@@ -16,4 +16,4 @@ VITE_APP_GLOB_BASE_API_MOCK = '/api-mock'
 VITE_AUTHORITY = 'http://192.168.11.11:8090'
 VITE_CLIENT_ID = 'tuoheng-hhz-admin'
 VITE_CLIENT_SECRET = 'qsPaU8a2YGFsZfIa7HoGSz=='
-VITE_REDIRECT_URI = 'http://192.168.12.8:3000/login'
\ No newline at end of file
+VITE_REDIRECT_URI = 'http://192.168.12.6:3000/login'
\ No newline at end of file
diff --git a/src/views/inspection/all-task/index.vue b/src/views/inspection/all-task/index.vue
index d3a8049..3fd66f0 100644
--- a/src/views/inspection/all-task/index.vue
+++ b/src/views/inspection/all-task/index.vue
@@ -1,14 +1,34 @@
 <template>
   <div>
-    所有任务
+    <n-card>
+      <headSearch :info="search" @search="handleSearch" @reset="handleSearch" />
+      <data-table
+        ref="tableRef"
+        :columns="columns"
+        :request="loadDataTable"
+        :row-key="(row) => row.id"
+        :scroll-x="2200"
+        size="large"
+      >
+        <template #tableTitle>
+          <n-button type="primary" @click="handleModal"> 新建 </n-button>
+        </template>
+      </data-table>
+    </n-card>
   </div>
 </template>
 
 <script>
+import headSearch from '@/components/Search/index.vue'
+import dataTable from '@/components/DataTable/index.vue'
+import { reactive } from '@vue/reactivity'
 export default {
   name: 'AllTask',
+  components: { headSearch, dataTable },
   setup() {
+    const data = reactive({
 
+    })
   }
 }
 
diff --git a/src/views/inspection/all-task/tools/table.js b/src/views/inspection/all-task/tools/table.js
new file mode 100644
index 0000000..3cae04e
--- /dev/null
+++ b/src/views/inspection/all-task/tools/table.js
@@ -0,0 +1,76 @@
+import { h, ref, reactive } from 'vue'
+import TableImage from '@/components/DataTable/tools/Image.vue'
+import TableTags from '@/components/DataTable/tools/Tags.vue'
+import TableAction from '@/components/DataTable/tools/Action.vue'
+import TableSwitch from '@/components/DataTable/tools/Switch.vue'
+/* 注册table */
+const tableRef = ref()
+const searchParams = ref()
+
+function handleSearch(params) {
+  searchParams.value = { ...params }
+  tableRef.value.reFetch({ searchParams })
+}
+/**
+ * @description: 获取数据及操作
+ * @param {*} row 单行数据
+ * @param {*} type 操作类型 create:创建，preview:预览，edit:编辑
+ * @return {*}
+ */
+function getRowData(row, type) {
+  data.rowData = type === 'create' ? { pid: row.id } : row
+  data.modalType = type
+  data.modalShow = true
+}
+
+// 删除方法
+function deleteData(id) {
+  advertisingDelete(id)
+    .then((res) => {
+      if (res.code === 0) {
+        handleSearch()
+      }
+    })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+
+const data = reactive({
+  tableRef,
+  searchParams,
+  rowData: {},
+  modalType: 'create',
+  modalShow: false,
+  columns: [
+    {
+      title: '序号',
+      key: 'key',
+      render: (_, index) => {
+        return `${index + 1}`
+      },
+      align: 'center',
+      width: 50
+    },
+    {
+      title: '广告名称',
+      key: 'title',
+      align: 'center',
+      width: 200
+    },
+    {
+      title: '广告名称',
+      key: 'title',
+      align: 'center',
+      width: 200
+    },
+    {
+      title: '广告名称',
+      key: 'title',
+      align: 'center',
+      width: 200
+    }
+  ]
+})
+
+export default data