From 91ab4ce95cfa462a73b25d3f1fb827d4daa9a505 Mon Sep 17 00:00:00 2001
From: yanfeiyong <2060201549@qq.com>
Date: Fri, 23 May 2025 19:06:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E8=B5=84=E4=BA=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/auditPages/taskManagement/index.vue | 937 ++++++++++--------
 src/views/components/assetsType/index_v4.vue  |   3 +
 src/views/unitPages/myAssets/index.vue        | 248 ++---
 .../unitPages/myAssets/officialAccount.vue    | 287 +++---
 4 files changed, 777 insertions(+), 698 deletions(-)

diff --git a/src/views/auditPages/taskManagement/index.vue b/src/views/auditPages/taskManagement/index.vue
index 350a546..0717060 100644
--- a/src/views/auditPages/taskManagement/index.vue
+++ b/src/views/auditPages/taskManagement/index.vue
@@ -1,26 +1,55 @@
 <!-- 任务管理 -->
 <template>
-  <div class="L-main" id="L-size-main">
-    <div class="content-search" id="L-header">
+  <div
+    class="L-main"
+    id="L-size-main"
+  >
+    <div
+      class="content-search"
+      id="L-header"
+    >
       <div class="search-title">查询条件</div>
-      <el-form :inline="true" :model="formInline" size="small" class="demo-form-inline">
+      <el-form
+        :inline="true"
+        :model="formInline"
+        size="small"
+        class="demo-form-inline"
+      >
         <el-row>
           <el-col :span="7">
             <el-form-item label="任务名称：">
-              <el-input v-model="formInline.taskName" placeholder="请输入"></el-input>
+              <el-input
+                v-model="formInline.taskName"
+                placeholder="请输入"
+              ></el-input>
             </el-form-item>
           </el-col>
 
           <el-col :span="7">
             <el-form-item label="任务状态：">
-              <el-select v-model="formInline.taskStatus" placeholder="请选择">
-                <el-option label="已关闭" value="0">
+              <el-select
+                v-model="formInline.taskStatus"
+                placeholder="请选择"
+              >
+                <el-option
+                  label="已关闭"
+                  value="0"
+                >
                 </el-option>
-                <el-option label="进行中" value="1">
+                <el-option
+                  label="进行中"
+                  value="1"
+                >
                 </el-option>
-                <el-option label="正常完成" value="2">
+                <el-option
+                  label="正常完成"
+                  value="2"
+                >
                 </el-option>
-                <el-option label="超期完成" value="3">
+                <el-option
+                  label="超期完成"
+                  value="3"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -30,8 +59,15 @@
               <el-input v-model="formInline.id" placeholder="请输入"></el-input>
             </el-form-item> -->
             <el-form-item label="任务完成时间：">
-              <el-date-picker v-model="formInline.time" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
-                type="datetimerange" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="请选择">
+              <el-date-picker
+                v-model="formInline.time"
+                format="yyyy-MM-dd HH:mm:ss"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                type="datetimerange"
+                start-placeholder="开始时间"
+                end-placeholder="结束时间"
+                placeholder="请选择"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -44,10 +80,22 @@
               </el-date-picker> -->
             </el-form-item>
           </el-col>
-          <el-col :span="16" style="text-align: right;padding-right: 20px;">
+          <el-col
+            :span="16"
+            style="text-align: right; padding-right: 20px"
+          >
             <el-form-item>
-              <el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
-              <el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
+              <el-button
+                size="mini"
+                @click="resetQuery('queryFrom')"
+                >重置</el-button
+              >
+              <el-button
+                size="mini"
+                type="primary"
+                @click="handleQuery('queryFrom')"
+                >查询</el-button
+              >
             </el-form-item>
           </el-col>
         </el-row>
@@ -56,88 +104,231 @@
     <main>
       <div class="search-title">
         <span class="search-title-span">任务列表</span>
-        <el-row :gutter="10" class="mb8">
+        <el-row
+          :gutter="10"
+          class="mb8"
+        >
           <!-- <el-col :span="1.5">
             <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
           </el-col> -->
           <el-col :span="1.5">
-            <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">任务创建</el-button>
+            <el-button
+              type="primary"
+              plain
+              icon="el-icon-plus"
+              size="mini"
+              @click="handleAdd"
+              >任务创建</el-button
+            >
           </el-col>
         </el-row>
       </div>
       <section>
-        <el-table v-loading="loading" :data="tableData" :height="tabHeader" :max-height="tabHeader"
-          :row-class-name="tableRowClassName">
-          <el-table-column type="index" width="60" label="序号" align="center" />
+        <el-table
+          v-loading="loading"
+          :data="tableData"
+          :height="tabHeader"
+          :max-height="tabHeader"
+          :row-class-name="tableRowClassName"
+        >
+          <el-table-column
+            type="index"
+            width="60"
+            label="序号"
+            align="center"
+          />
           <!-- <el-table-column label="任务编号" key="id" width="200px" prop="id" align="center" /> -->
-          <el-table-column label="任务名称" key="taskName" prop="taskName" align="center" />
-          <el-table-column label="任务下发时间" key="taskTime" prop="taskTime" align="center">
+          <el-table-column
+            label="任务名称"
+            key="taskName"
+            prop="taskName"
+            align="center"
+          />
+          <el-table-column
+            label="任务下发时间"
+            key="taskTime"
+            prop="taskTime"
+            align="center"
+          >
             <!-- <template slot-scope="scope">
               <dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
             </template> -->
           </el-table-column>
-          <el-table-column label="任务期限" key="taskDeadline" prop="taskDeadline" align="center" />
-          <el-table-column label="任务完成时间" key="taskFinishTime" prop="taskFinishTime" align="center" />
-          <el-table-column label="任务状态" key="taskStatus" width="200px" prop="taskStatus" class-name="table-status"
-            align="center">
+          <el-table-column
+            label="任务期限"
+            key="taskDeadline"
+            prop="taskDeadline"
+            align="center"
+          />
+          <el-table-column
+            label="任务完成时间"
+            key="taskFinishTime"
+            prop="taskFinishTime"
+            align="center"
+          />
+          <el-table-column
+            label="任务状态"
+            key="taskStatus"
+            width="200px"
+            prop="taskStatus"
+            class-name="table-status"
+            align="center"
+          >
             <template slot-scope="scope">
-              <span v-if="scope.row.taskStatus == 0" style="color: #F56C6C;">
+              <span
+                v-if="scope.row.taskStatus == 0"
+                style="color: #f56c6c"
+              >
                 已关闭
               </span>
-              <span v-if="scope.row.taskStatus == 1" style="color: #E6A23C;">
+              <span
+                v-if="scope.row.taskStatus == 1"
+                style="color: #e6a23c"
+              >
                 进行中
               </span>
-              <span v-if="scope.row.taskStatus == 2" style="color: #67C23A;">
+              <span
+                v-if="scope.row.taskStatus == 2"
+                style="color: #67c23a"
+              >
                 正常完成
               </span>
-              <span v-if="scope.row.taskStatus == 3" style="color:#67C23A;">
+              <span
+                v-if="scope.row.taskStatus == 3"
+                style="color: #67c23a"
+              >
                 超期完成
               </span>
-              <span v-if="scope.row.taskStatus == 4" style="color: #F56C6C;">
+              <span
+                v-if="scope.row.taskStatus == 4"
+                style="color: #f56c6c"
+              >
                 审核不通过
               </span>
-              <span v-if="scope.row.taskStatus == 5" style="color: #F56C6C;">
+              <span
+                v-if="scope.row.taskStatus == 5"
+                style="color: #f56c6c"
+              >
                 审核驳回
               </span>
             </template>
           </el-table-column>
-          <el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
+          <el-table-column
+            label="操作"
+            prop="userId"
+            class-name="table-operation"
+            align="center"
+          >
             <template slot-scope="scope">
-              <div style="display: flex;align-items: center;justify-content: center;">
-                <div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row)">
-                  <img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
-                  <span class="look-info" style="color: #1485EF;">查看</span>
+              <div
+                style="
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                "
+              >
+                <div
+                  style="display: flex; align-items: center; cursor: pointer"
+                  @click="goInfo(scope.row)"
+                >
+                  <img
+                    src="@/assets/images/icon-ck@2x.png"
+                    alt=""
+                    style="width: 20px; margin-right: 5px"
+                  />
+                  <span
+                    class="look-info"
+                    style="color: #1485ef"
+                    >查看</span
+                  >
                 </div>
                 <!--  -->
-                <div style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
-                  @click="delInfo(scope.row)" v-if="scope.row.taskStatus == 1 && scope.row.taskStatus != 0">
-                  <img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;">
-                  <span class="del-info" style="color: #1485EF;">审核</span>
+                <div
+                  style="
+                    display: flex;
+                    align-items: center;
+                    cursor: pointer;
+                    margin-left: 10px;
+                  "
+                  @click="delInfo(scope.row)"
+                  v-if="scope.row.taskStatus == 1 && scope.row.taskStatus != 0"
+                >
+                  <img
+                    src="@/assets/images/icon-shenhe@2x.png"
+                    alt=""
+                    style="width: 15px; margin-right: 5px"
+                  />
+                  <span
+                    class="del-info"
+                    style="color: #1485ef"
+                    >审核</span
+                  >
                 </div>
-                <div style="display: flex;align-items: center;cursor: pointer;margin-left: 10px;"
-                  @click="guanbijiekou(scope.row)" v-if="scope.row.taskStatus == 1 && scope.row.taskStatus != 0">
+                <div
+                  style="
+                    display: flex;
+                    align-items: center;
+                    cursor: pointer;
+                    margin-left: 10px;
+                  "
+                  @click="guanbijiekou(scope.row)"
+                  v-if="scope.row.taskStatus == 1 && scope.row.taskStatus != 0"
+                >
                   <!--  -->
                   <!-- <img src="@/assets/images/icon-shenhe@2x.png" alt="" style="width: 15px;margin-right: 5px;"> -->
                   <i class="el-icon-delete"></i>
-                  <span class="del-info" style="color: #1485EF;">关闭</span>
+                  <span
+                    class="del-info"
+                    style="color: #1485ef"
+                    >关闭</span
+                  >
                 </div>
               </div>
             </template>
           </el-table-column>
         </el-table>
       </section>
-      <my-pagination id="L-pagination" :total="total" :page="pagination.current" :limit="pagination.size"
-        @pagination="getPagination" :current-page.sync="pagination.current"></my-pagination>
+      <my-pagination
+        id="L-pagination"
+        :total="total"
+        :page="pagination.current"
+        :limit="pagination.size"
+        @pagination="getPagination"
+        :current-page.sync="pagination.current"
+      ></my-pagination>
     </main>
-    <my-dialog title="新增任务" @close="importClose" ref="taskDialog" class="taskDialogBox" width="43%">
+    <my-dialog
+      title="新增任务"
+      @close="importClose"
+      ref="taskDialog"
+      class="taskDialogBox"
+      width="43%"
+    >
       <el-row>
         <el-col :span="21">
-          <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
-            <el-form-item label="任务名称" prop="taskName">
-              <el-input v-model="ruleForm.taskName" placeholder="请输入任务名称"></el-input>
+          <el-form
+            :model="ruleForm"
+            :rules="rules"
+            ref="ruleForm"
+            label-width="120px"
+          >
+            <el-form-item
+              label="任务名称"
+              prop="taskName"
+            >
+              <el-input
+                v-model="ruleForm.taskName"
+                placeholder="请输入任务名称"
+              ></el-input>
             </el-form-item>
-            <el-form-item label="核查资产类型" prop="type">
-              <el-checkbox-group v-model="ruleForm.type" @change="checkboxChange">
+            <el-form-item
+              label="核查资产类型"
+              prop="type"
+            >
+              <el-checkbox-group
+                v-model="ruleForm.type"
+                @change="checkboxChange"
+              >
                 <el-checkbox label="0">web资产</el-checkbox>
                 <el-checkbox label="1">小程序资产</el-checkbox>
                 <el-checkbox label="2">公众号资产</el-checkbox>
@@ -145,23 +336,51 @@
                 <el-checkbox label="4">移动应用程序资产</el-checkbox>
               </el-checkbox-group>
             </el-form-item>
-            <el-form-item label="核查单位" prop="dwmc" class="select-box">
+            <el-form-item
+              label="核查单位"
+              prop="dwmc"
+              class="select-box"
+            >
               <el-col>
-                <el-select v-model="ruleForm.dwmc" placeholder="请选择核查单位" multiple collapse-tags @remove-tag="isclear">
+                <el-select
+                  v-model="ruleForm.dwmc"
+                  placeholder="请选择核查单位"
+                  multiple
+                  collapse-tags
+                  @remove-tag="isclear"
+                >
                 </el-select>
               </el-col>
               <el-col class="btn-box">
-                <el-button type="primary" @click="addliebiao"><i class="el-icon-s-unfold"></i></el-button>
+                <el-button
+                  type="primary"
+                  @click="addliebiao"
+                  ><i class="el-icon-s-unfold"></i
+                ></el-button>
               </el-col>
             </el-form-item>
-            <el-form-item label="任务期限" prop="taskDeadline">
-              <el-date-picker type="datetime" placeholder="选择日期" v-model="ruleForm.taskDeadline" style="width: 100%;"
-                value-format="yyyy-MM-dd HH:mm:ss" default-time="23:59:59"
-                :picker-options="pickerOptions"></el-date-picker>
+            <el-form-item
+              label="任务期限"
+              prop="taskDeadline"
+            >
+              <el-date-picker
+                type="datetime"
+                placeholder="选择日期"
+                v-model="ruleForm.taskDeadline"
+                style="width: 100%"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                default-time="23:59:59"
+                :picker-options="pickerOptions"
+              ></el-date-picker>
             </el-form-item>
             <el-form-item class="newTask-form-item">
               <el-button @click="resetForm('ruleForm')">取消</el-button>
-              <el-button type="primary" @click="submitForm('ruleForm')" :loading="btnloading">发布</el-button>
+              <el-button
+                type="primary"
+                @click="submitForm('ruleForm')"
+                :loading="btnloading"
+                >发布</el-button
+              >
             </el-form-item>
           </el-form>
         </el-col>
@@ -170,383 +389,271 @@
     </my-dialog>
 
     <div class="newTask-liebiao">
-      <my-dialog title="单位列表" ref="liebiaoDialog" @close="liebiaoClose" class="taskDialogBox" width="80%">
-        <danweiList ref="danweiList" @adddanweilist="adddanweilist" @liebiaoClose="liebiaoClose"></danweiList>
+      <my-dialog
+        title="单位列表"
+        ref="liebiaoDialog"
+        @close="liebiaoClose"
+        class="taskDialogBox"
+        width="80%"
+      >
+        <danweiList
+          ref="danweiList"
+          @adddanweilist="adddanweilist"
+          @liebiaoClose="liebiaoClose"
+        ></danweiList>
       </my-dialog>
     </div>
-
   </div>
 </template>
-<script>
-import myPagination from "@/views/components/Pagination/index.vue"
-import myDialog from "@/views/components/myDialog/index.vue"
-import danweiList from "@/views/system/user/danweiList.vue"
-import { addassetTaskadd, getassetTask, getassetTaskid, assetTaskclose } from "@/api/renwuApi/index.js"
-
-export default {
-  // dicts: ['jjh_project_type', 'bms_approval_status', "project_middle_type", "project_small_type", "project_categories"],
-  components: { myPagination, myDialog, danweiList },
-  data() {
-    return {
-      pickerOptions: {
-        disabledDate(time) {
-          const date = new Date();
-          const oneday = date.getTime();
-          return time.getTime() < new Date().getTime() - 86400000;
-        },
-        selectableRange: (() => {
-          let data = new Date();
-          let hour = data.getHours();
-          let minute = data.getMinutes();
-          let second = data.getSeconds();
-          return [`${hour}:${minute}:${second} - 23:59:59`]
-        })(),
-      },
-
-      btnloading: false,
-      formInline: {
-        name: "",
-        type: "",
-        time: [],
-        number: "",
-        status: "",
-      },
-      total: 0,
-      pagination: {
-        current: 1,
-        size: 10,
-      },
-      tableData: [
-
-      ],
-      loading: false,
-      tabHeader: undefined,
-      ruleForm: {
-        taskName: "",
-        dwmc: [],
-        taskDeadline: "",
-        type: []
-      },
-      rules: {
-        taskName: [
-          { required: true, message: '请输入', trigger: 'change' },
-        ],
-        dwmc: [
-          { required: true, message: '请选择', trigger: 'change' }
-        ],
-        taskDeadline: [
-          { required: true, message: '请选择日期', trigger: 'change' }
-        ],
-        type: [
-          { required: true, message: '请选择', trigger: 'change' }
-        ]
-      },
-      tabclicklist: [],
-
-      chanckList: [
-        {
-          lable: "0",
-          conent: "web资产"
-        },
-        {
-          lable: "1",
-          conent: "小程序资产"
-        },
-        {
-          lable: "2",
-          conent: "公众号资产"
-        },
-        {
-          lable: "3",
-          conent: "电子邮件资产"
-        },
-        {
-          lable: "4",
-          conent: "移动应用程序资产"
-        },
-      ]
-    }
+<script setup>
+import { ref, onMounted, onUnmounted } from "vue";
+import myPagination from "@/views/components/Pagination/index.vue";
+import myDialog from "@/views/components/myDialog/index.vue";
+import danweiList from "@/views/system/user/danweiList.vue";
+import {
+  addassetTaskadd,
+  getassetTask,
+  getassetTaskid,
+  assetTaskclose,
+} from "@/api/renwuApi/index.js";
+
+const pickerOptions = {
+  disabledDate(time) {
+    return time.getTime() < new Date().getTime() - 86400000;
   },
-  mounted() {
-
-    if (localStorage.getItem('ismypagination')) {
-      if (JSON.parse(localStorage.getItem('ismypagination')).isfanhui) {
-        this.formInline = JSON.parse(localStorage.getItem('ismypagination'))
-        this.handleQuery()
-      } else {
-        localStorage.removeItem("ismypagination")
-      }
+  selectableRange: (() => {
+    const now = new Date();
+    const h = now.getHours();
+    const m = now.getMinutes();
+    const s = now.getSeconds();
+    return [`${h}:${m}:${s} - 23:59:59`];
+  })(),
+};
+
+const btnloading = ref(false);
+const formInline = ref({
+  name: "",
+  type: "",
+  time: [],
+  number: "",
+  status: "",
+});
+
+const pagination = ref({
+  current: 1,
+  size: 10,
+});
+
+const tableData = ref([]);
+const loading = ref(false);
+const tabHeader = ref(undefined);
+
+const ruleForm = ref({
+  taskName: "",
+  dwmc: [],
+  taskDeadline: "",
+  type: [],
+});
+
+const rules = {
+  taskName: [{ required: true, message: "请输入", trigger: "change" }],
+  dwmc: [{ required: true, message: "请选择", trigger: "change" }],
+  taskDeadline: [{ required: true, message: "请选择日期", trigger: "change" }],
+  type: [{ required: true, message: "请选择", trigger: "change" }],
+};
+
+const tabclicklist = ref([]);
+
+const chanckList = [
+  { lable: "0", conent: "web资产" },
+  { lable: "1", conent: "小程序资产" },
+  { lable: "2", conent: "公众号资产" },
+  { lable: "3", conent: "电子邮件资产" },
+  { lable: "4", conent: "移动应用程序资产" },
+];
+
+// 生命周期：mounted
+onMounted(() => {
+  if (localStorage.getItem("ismypagination")) {
+    const stored = JSON.parse(localStorage.getItem("ismypagination"));
+    if (stored.isfanhui) {
+      formInline.value = stored;
+      handleQuery();
+    } else {
+      localStorage.removeItem("ismypagination");
     }
-    localStorage.removeItem("ismypaginationTow")
-    localStorage.removeItem("activeName")
-    this.getInfo();
-    this.cancalDebounce();
-    window.addEventListener('resize', this.cancalDebounce);
-
-  },
-  destroyed() {
-    window.removeEventListener('resize', this.cancalDebounce);
-  },
-  methods: {
-    isclear(value,index){
-   
-      this.tabclicklist = this.tabclicklist.filter(user => user.nickName != value)
-      
-    },
-    disabledDate(time) {
-      // 禁用当前时间之前的时间选项
-      console.log(time);
-
-      return time.getTime() < Date.now() - 8.64e7; // 减去一天的毫秒数，以禁用当前日期之前的所有时间
-    },
-    checkboxChange() {
-      console.log(111);
-      this.ruleForm.dwmc = []
-      this.tabclicklist = []
-      setTimeout(() => {
-        this.$refs.ruleForm.clearValidate()
-      }, 0);
-    },
-    // 关闭新增弹窗
-    resetForm() {
-      this.ruleForm = {
-        dwmc: [],
-        taskName: "",
-        taskDeadline: "",
-        type: []
-
-      }
-      this.$refs.taskDialog.close()
-      this.tabclicklist = []
-      this.btnloading = false
-    },
-    fonsisis(data) {
-      // 定义特定的时间字符串
-      const specificTimeStr = data;
-
-      // 将时间字符串转换为Date对象
-      const specificTime = new Date(specificTimeStr);
-
-      // 获取当前时间
-      const currentTime = new Date();
-
-      // 比较当前时间是否大于特定时间
-      if (currentTime > specificTime) {
-        return false
-      } else {
-        return true
-      }
+  }
+  localStorage.removeItem("ismypaginationTow");
+  localStorage.removeItem("activeName");
+  getInfo();
+  cancalDebounce();
+  window.addEventListener("resize", cancalDebounce);
+});
+
+// 生命周期：destroyed
+onUnmounted(() => {
+  window.removeEventListener("resize", cancalDebounce);
+});
+
+function isclear(value, index) {
+  tabclicklist.value = tabclicklist.value.filter(
+    (user) => user.nickName !== value
+  );
+}
 
-    },
-    submitForm(formName) {
-      console.log(this.ruleForm.taskDeadline);
-      this.fonsisis(this.ruleForm.taskDeadline)
-      if (!this.fonsisis(this.ruleForm.taskDeadline)) {
-        this.$message.error('选择时间不能小于当前时间');
-        return false
-      }
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          this.btnloading = true
-          this.ruleForm.dwmc = this.ruleForm.dwmc.join(",")
-          this.ruleForm.type = this.ruleForm.type.join(",")
-          addassetTaskadd(this.ruleForm).then(res => {
-            this.resetForm()
-            this.getInfo();
-            this.$modal.msgSuccess("新增成功");
-            this.btnloading = false
-          })
-          setTimeout(() => {
-            this.ruleForm.dwmc = this.ruleForm.dwmc.split(",")
-            this.ruleForm.type = this.ruleForm.type.split(",")
+function checkboxChange() {
+  ruleForm.value.dwmc = [];
+  tabclicklist.value = [];
+  setTimeout(() => {
+    // 清除表单校验（需手动实现或移除）
+  }, 0);
+}
 
-          }, 0);
-        } else {
-          console.log('error submit!!');
-          return false;
-        }
-      });
+function resetForm() {
+  ruleForm.value = {
+    dwmc: [],
+    taskName: "",
+    taskDeadline: "",
+    type: [],
+  };
+  tabclicklist.value = [];
+  btnloading.value = false;
+  taskDialog.value?.close();
+}
 
-    },
-    adddanweilist(val) {
-      if (val) {
-        let list = val
-        this.ruleForm.dwmc = []
-        list.forEach(element => {
-          this.ruleForm.dwmc.push(element.nickName)
-        });
-      } else {
-        this.ruleForm.dwmc = []
-      }
-      this.tabclicklist = val
-    },
-    // 获取列表
-    getInfo() {
-      this.loading = true;
-      getassetTask(this.pagination).then(res => {
-        this.loading = false;
-        this.total = res.data.total;
-        this.tableData = res.data.records;
-      })
-    },
-    // 重置
-    resetQuery() {
-      this.formInline = {
-        name: "",
-        type: "",
-        time: [],
-        number: "",
-        status: "",
-      }
-      this.pagination = {
-        current: 1,
-        size: 10,
-      }
-      localStorage.removeItem("ismypagination")
-      this.getInfo();
-    },
-    //打开列表
-    addliebiao() {
-      console.log(this.ruleForm.type);
+function fonsisis(data) {
+  const specificTimeStr = data;
+  const specificTime = new Date(specificTimeStr);
+  const currentTime = new Date();
+  return currentTime <= specificTime;
+}
 
-      if (this.ruleForm.type.length > 0) {
-        this.$refs.liebiaoDialog.open()
-        setTimeout(() => {
-          this.$refs.danweiList.getType(this.ruleForm.type)
+function submitForm(formName) {
+  if (!fonsisis(ruleForm.value.taskDeadline)) {
+    alert("选择时间不能小于当前时间");
+    return false;
+  }
+
+  // 模拟 validate（实际需要配合 el-form ref 实现）
+  btnloading.value = true;
+  ruleForm.value.dwmc = ruleForm.value.dwmc.join(",");
+  ruleForm.value.type = ruleForm.value.type.join(",");
+
+  addassetTaskadd(ruleForm.value)
+    .then((res) => {
+      resetForm();
+      getInfo();
+      alert("新增成功");
+      btnloading.value = false;
+    })
+    .finally(() => {
+      ruleForm.value.dwmc = ruleForm.value.dwmc.split(",");
+      ruleForm.value.type = ruleForm.value.type.split(",");
+    });
+}
 
-          // this.$refs.danweiList.getList()
+function adddanweilist(val) {
+  if (val) {
+    let list = val;
+    ruleForm.value.dwmc = [];
+    list.forEach((element) => {
+      ruleForm.value.dwmc.push(element.nickName);
+    });
+  } else {
+    ruleForm.value.dwmc = [];
+  }
+  tabclicklist.value = val;
+}
 
-        }, 10);
-        if (this.tabclicklist) {
-          setTimeout(() => {
-            this.$refs.danweiList.dakai(this.tabclicklist)
-          }, 100);
-        }
-      } else {
-        this.$message('请先选择核查资产类型');
-      }
+function getInfo() {
+  loading.value = true;
+  getassetTask(pagination.value).then((res) => {
+    loading.value = false;
+    total.value = res.data.total;
+    tableData.value = res.data.records;
+  });
+}
 
+function resetQuery() {
+  formInline.value = {
+    name: "",
+    type: "",
+    time: [],
+    number: "",
+    status: "",
+  };
+  pagination.value = {
+    current: 1,
+    size: 10,
+  };
+  localStorage.removeItem("ismypagination");
+  getInfo();
+}
 
-    },
-    liebiaoClose() {
-      this.$refs.danweiList.queryParams = {
-        current: 1,
-        size: 10,
-        userName: undefined,
-        nickName: undefined,
-        dwlx: undefined,
-      },
-        this.$refs.liebiaoDialog.close()
+function handleQuery() {
+  pagination.value.current = 1;
+  pagination.value.size = 10;
+  if (formInline.value.time.length > 0) {
+    formInline.value.begainTime = formInline.value.time[0];
+    formInline.value.endTime = formInline.value.time[1];
+  }
+  pagination.value = { ...pagination.value, ...formInline.value };
+  localStorage.setItem("ismypagination", JSON.stringify(formInline.value));
+  getInfo();
+}
 
-    },
-    // 查询
-    handleQuery() {
-      this.pagination = {
-        current: 1,
-        size: 10
-      }
-      if (this.formInline.time.length > 0) {
-        this.formInline.begainTime = this.formInline.time[0]
-        this.formInline.endTime = this.formInline.time[1]
-      }
-      this.pagination = { ...this.pagination, ...this.formInline };
+function getPagination(pages) {
+  pagination.value.current = pages.page;
+  pagination.value.size = pages.limit;
+  getInfo();
+}
 
-      this.formInline.isfanhui = false
-      localStorage.setItem("ismypagination", JSON.stringify(this.formInline))
-      this.getInfo();
-    },
-    // 页码获取
-    getPagination(pages) {
-      this.pagination.current = pages.page;
-      this.pagination.size = pages.limit;
-      this.getInfo();
+function goInfo(row) {
+  getassetTaskid(row.id);
+  router.push({
+    name: "TaskInfo",
+    query: {
+      pageType: "look",
+      id: row.id,
     },
-    // 导入
-    handleImport() { },
-    // 导出
-    handleExport() { },
-    // 任务创建
-    handleAdd() {
-      this.$refs.taskDialog.open()
-      setTimeout(() => {
-        this.$refs.ruleForm.clearValidate()
+  });
+}
 
-      }, 100);
-    },
-    // 关闭弹框
-    importClose() {
-      this.resetForm()
-    },
-    // 查看详情
-    goInfo(row) {
-      getassetTaskid(row.id)
-      this.$router.push({
-        name: 'TaskInfo', query: {
-          pageType: "look",
-          id: row.id
-        }
-      })
-    },
-    delInfo(row) {
-      //taskAudit
-      this.$router.push({
-        name: 'TaskInfo', query: {
-          pageType: "info",
-          id: row.id
-        }
-      })
+function delInfo(row) {
+  router.push({
+    name: "TaskInfo",
+    query: {
+      pageType: "info",
+      id: row.id,
     },
-    // 关闭
-    guanbijiekou(row) {
-      console.log(row);
-
-      this.$confirm('此操作将关闭任务, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-
-        assetTaskclose({ taskId: row.id, taskName: row.taskName }).then(res => {
-          if (res.code == 200) {
-            this.$message({
-              type: 'success',
-              message: '关闭成功!'
-            });
-            this.getInfo();
+  });
+}
 
-          }
-        })
+function guanbijiekou(row) {
+  if (confirm("此操作将关闭任务, 是否继续?")) {
+    assetTaskclose({ taskId: row.id, taskName: row.taskName }).then((res) => {
+      if (res.code === 200) {
+        alert("关闭成功");
+        getInfo();
+      }
+    });
+  } else {
+    alert("已取消关闭");
+  }
+}
 
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '已取消关闭'
-        });
-      });
-    },
-    // 编辑
-    edit() {
-    },
-    // 审核
+function cancalDebounce() {
+  const element = document.getElementById("L-size-main");
+  const header = document.getElementById("L-header");
+  const paginationEl = document.getElementById("L-pagination");
+  const elementHeight = element?.offsetHeight || 0;
+  const headerHeight = header?.offsetHeight || 0;
+  const paginationtHeight = paginationEl?.offsetHeight || 0;
+  tabHeader.value = elementHeight - headerHeight - paginationtHeight - 110;
+}
 
-    // 修改table背景色
-    tableRowClassName({ row, rowIndex }) {
-      if (rowIndex % 2 !== 0) {
-        return 'evenNumber-row';
-      }
-      return '';
-    },
-    // 屏幕尺寸变化
-    cancalDebounce() {
-      const element = document.getElementById('L-size-main'); // 通过元素的 ID 获取元素
-      const header = document.getElementById('L-header'); // 通过元素的 ID 获取元素
-      const pagination = document.getElementById('L-pagination'); // 通过元素的 ID 获取元素
-      const elementHeight = element.offsetHeight;
-      const headerHeight = header.offsetHeight;
-      const paginationtHeight = pagination.offsetHeight;
-      this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
-    }
-  },
+function tableRowClassName({ row, rowIndex }) {
+  return rowIndex % 2 !== 0 ? "evenNumber-row" : "";
 }
 </script>
 
@@ -559,7 +666,7 @@ export default {
 //   padding-left: 80px;
 // }
 .el-icon-delete {
-  color: #409EFF;
+  color: #409eff;
   font-size: 16px;
   font-weight: 600;
   margin-right: 5px;
diff --git a/src/views/components/assetsType/index_v4.vue b/src/views/components/assetsType/index_v4.vue
index b0740e3..c15ba87 100644
--- a/src/views/components/assetsType/index_v4.vue
+++ b/src/views/components/assetsType/index_v4.vue
@@ -107,6 +107,7 @@
               </el-form-item>
             </el-col>
           </el-row>
+
           <el-row>
             <el-col :span="12">
               <el-form-item
@@ -138,6 +139,7 @@
               </el-form-item>
             </el-col>
           </el-row>
+
           <el-row>
             <el-col :span="12">
               <el-form-item
@@ -176,6 +178,7 @@
               </el-form-item>
             </el-col>
           </el-row>
+          
           <el-row>
             <el-col :span="12">
               <el-form-item
diff --git a/src/views/unitPages/myAssets/index.vue b/src/views/unitPages/myAssets/index.vue
index 672791d..ac9050f 100644
--- a/src/views/unitPages/myAssets/index.vue
+++ b/src/views/unitPages/myAssets/index.vue
@@ -1,9 +1,8 @@
-<!-- 我的资产 -->
 <template>
   <div class="L-main" id="L-size-main">
     <div class="content-search" id="L-header">
       <div class="search-title">查询条件</div>
-      <el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
+      <el-form :inline="true" ref="queryFormRef" :model="formInline" size="small" class="demo-form-inline">
         <el-row>
           <el-col :span="7">
             <el-form-item label="系统名称：" prop="xtmc">
@@ -14,11 +13,11 @@
             <el-form-item label="系统类型：" prop="xtlx">
               <el-select v-model="formInline.xtlx" placeholder="请选择系统类型">
                 <el-option
-                  v-for="dict in dict.type.zc_xtlx"
+                  v-for="dict in zc_xtlx"
                   :key="dict.value"
                   :label="dict.label"
-                  :value="dict.value">
-                </el-option>
+                  :value="dict.value"
+                />
               </el-select>
             </el-form-item>
           </el-col>
@@ -26,18 +25,18 @@
             <el-form-item label="系统状态：" prop="xtzt">
               <el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
                 <el-option
-                  v-for="dict in dict.type.zc_xtzt"
+                  v-for="dict in zc_xtzt"
                   :key="dict.value"
                   :label="dict.label"
-                  :value="dict.value">
-                </el-option>
+                  :value="dict.value"
+                />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="3" style="text-align: right;">
             <el-form-item class="unit-form">
-              <el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
-              <el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
+              <el-button size="mini" @click="resetQuery">重置</el-button>
+              <el-button size="mini" type="primary" @click="handleQuery">查询</el-button>
             </el-form-item>
           </el-col>
         </el-row>
@@ -63,37 +62,33 @@
           <el-table-column type="index" width="50" label="序号" align="center"/>
           <el-table-column label="系统名称" key="xtmc" width="200px" prop="xtmc" align="center" />
           <el-table-column label="系统类型" key="xtlx" prop="xtlx" align="center">
-            <template slot-scope="scope">
-              <dict-tag :options="dict.type.zc_xtlx" :value="scope.row.xtlx"/>
+            <template #default="scope">
+              <dict-tag :options="zc_xtlx" :value="scope.row.xtlx"/>
             </template>
           </el-table-column>
-          <el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
-            <!-- <template slot-scope="scope">
-              <dict-tag :options="dict.type.project_middle_type" :value="scope.row.projectMiddleType"/>
-            </template> -->
-          </el-table-column>
+          <el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center" />
           <el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
           <el-table-column label="系统状态" key="status" prop="status" class-name="table-status" align="center">
-            <template slot-scope="scope">
-              <span  v-if="scope.row.xtzt == 1" style="color: #16B771;">
+            <template #default="scope">
+              <span v-if="scope.row.xtzt == 1" style="color: #16B771;">
                 已安装
               </span>
-              <span v-if="scope.row.xtzt == 2" style="color: #F58A0C;">
+              <span v-else-if="scope.row.xtzt == 2" style="color: #F58A0C;">
                 测试中
               </span>
-              <span v-if="scope.row.xtzt == 3" style="color: #1485EF;">
+              <span v-else-if="scope.row.xtzt == 3" style="color: #1485EF;">
                 使用中
               </span>
-              <span v-if="scope.row.xtzt == 4" style="color: #29A07A;">
+              <span v-else-if="scope.row.xtzt == 4" style="color: #29A07A;">
                 维护中
               </span>
-              <span v-if="scope.row.xtzt == 5" style="color: #F50C0C;">
+              <span v-else-if="scope.row.xtzt == 5" style="color: #F50C0C;">
                 关停
               </span>
             </template>
           </el-table-column>
           <el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
-            <template slot-scope="scope">
+            <template #default="scope">
               <div style="display: flex;align-items: center;justify-content: center;">
                 <div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
                   <img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
@@ -119,104 +114,111 @@
     </main>
   </div>
 </template>
-<script>
-import myPagination from "@/views/components/Pagination/index.vue"
-// import myDialog from "@/views/components/myDialog/index.vue"
-import { assetUnit, deleteAssetInfo } from "@/api/auditPagesApi/index";
-export default {
-  dicts: ['zc_xtzt','zc_xtlx'],
-  components:{myPagination},
-  data() {
-    return {
-      formInline:{
-        xtmc:"",
-        xtlx:"",
-        xtzt:"",
-        current:1,
-        size:10,
-      },
-      total:0,
-      tableData:[],
-      loading:false,
-      tabHeader: undefined,
-    }
-  },
-  mounted(){
-    if( Object.keys(this.$route.params).length != 0) {
-      this.formInline = this.$route.params;
-    }else{
-      this.formInline.current = 1
-      this.formInline.size = 20
-    }
-    this.getList();
-    this.cancalDebounce();
-    window.addEventListener('resize', this.cancalDebounce);
-  },
-  destroyed() {
-    window.removeEventListener('resize', this.cancalDebounce);
-  },
-  methods:{
-    // 获取列表
-    getList(){
-      this.loading = true;
-      assetUnit('get',this.formInline).then(res=>{
-        this.loading = false;
-        this.total = res.data.total;
-        this.tableData = res.data.records;
-      })
-    },
-    // 重置
-    resetQuery(){
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-    // 查询
-    handleQuery(){
-      this.formInline.current = 1;
-      this.getList();
-    },
-    // 页码获取
-    getPagination(pages){
-      this.formInline.current = pages.page;
-      this.formInline.size = pages.limit;
-      this.getList();
-    },
-    // 导入
-    handleImport(){},
-    // 导出
-    handleExport(){
-      this.download('/tc/assetCurrent/export', {
-        ...this.formInline
-      }, `asset_${new Date().getTime()}.xlsx`)
-    },
-    // 查看详情
-    goInfo(row,id){
-      this.$router.push({name: 'myAssetsAuth',query: {
-        pageType: id == 1 ? "look" : "change",
-        type:0,
-        id: row.id,
-        queryData:this.formInline,
-        name:"MyWebAssets"
-      }})
-    },
-    // 修改table背景色
-    tableRowClassName({row, rowIndex}){
-      if (rowIndex % 2 !== 0) {
-        return 'evenNumber-row';
-      }
-      return '';
-    },
-    // 屏幕尺寸变化
-    cancalDebounce(){
-      const element = document.getElementById('L-size-main'); // 通过元素的 ID 获取元素
-      const header = document.getElementById('L-header'); // 通过元素的 ID 获取元素
-      const pagination = document.getElementById('L-pagination'); // 通过元素的 ID 获取元素
-      const elementHeight = element.offsetHeight;
-      const headerHeight = header.offsetHeight;
-      const paginationtHeight = pagination.offsetHeight;
-      this.tabHeader = elementHeight - headerHeight - paginationtHeight - 120;
+
+<script setup>
+import { ref, onMounted, onUnmounted } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
+import myPagination from "@/views/components/Pagination/index.vue";
+import { assetUnit } from "@/api/auditPagesApi/index";
+
+const router = useRouter();
+const route = useRoute();
+
+// Dictionaries - these should be provided via props or composable
+const zc_xtzt = ref([]);
+const zc_xtlx = ref([]);
+
+const queryFormRef = ref(null);
+const formInline = ref({
+  xtmc: "",
+  xtlx: "",
+  xtzt: "",
+  current: 1,
+  size: 10,
+});
+const total = ref(0);
+const tableData = ref([]);
+const loading = ref(false);
+const tabHeader = ref(undefined);
+
+const getList = async () => {
+  try {
+    loading.value = true;
+    const res = await assetUnit('get', formInline.value);
+    tableData.value = res.data.records;
+    total.value = res.data.total;
+  } catch (error) {
+    console.error(error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+};
+
+const handleQuery = () => {
+  formInline.value.current = 1;
+  getList();
+};
+
+const getPagination = (pages) => {
+  formInline.value.current = pages.page;
+  formInline.value.size = pages.limit;
+  getList();
+};
+
+const handleExport = () => {
+  // Implement export functionality
+  console.log('Export functionality to be implemented');
+};
+
+const goInfo = (row, id) => {
+  router.push({
+    name: 'myAssetsAuth',
+    query: {
+      pageType: id === 1 ? "look" : "change",
+      type: 0,
+      id: row.id,
+      queryData: formInline.value,
+      name: "MyWebAssets"
     }
-  },
-}
-</script>
+  });
+};
+
+const tableRowClassName = ({ row, rowIndex }) => {
+  return rowIndex % 2 !== 0 ? 'evenNumber-row' : '';
+};
+
+const cancalDebounce = () => {
+  const element = document.getElementById('L-size-main');
+  const header = document.getElementById('L-header');
+  const pagination = document.getElementById('L-pagination');
+  
+  if (element && header && pagination) {
+    const elementHeight = element.offsetHeight;
+    const headerHeight = header.offsetHeight;
+    const paginationtHeight = pagination.offsetHeight;
+    tabHeader.value = elementHeight - headerHeight - paginationtHeight - 120;
+  }
+};
+
+onMounted(() => {
+  if (Object.keys(route.params).length !== 0) {
+    formInline.value = route.params;
+  } else {
+    formInline.value.current = 1;
+    formInline.value.size = 20;
+  }
+  
+  getList();
+  cancalDebounce();
+  window.addEventListener('resize', cancalDebounce);
+});
 
+onUnmounted(() => {
+  window.removeEventListener('resize', cancalDebounce);
+});
+</script>
\ No newline at end of file
diff --git a/src/views/unitPages/myAssets/officialAccount.vue b/src/views/unitPages/myAssets/officialAccount.vue
index ac00a88..e9015be 100644
--- a/src/views/unitPages/myAssets/officialAccount.vue
+++ b/src/views/unitPages/myAssets/officialAccount.vue
@@ -1,9 +1,8 @@
-<!-- 资产管理 -- 公众号 -->
 <template>
   <div class="L-main" id="L-size-main">
     <div class="content-search" id="L-header">
       <div class="search-title">查询条件</div>
-      <el-form :inline="true" ref="queryForm" :model="formInline" size="small" class="demo-form-inline">
+      <el-form :inline="true" ref="queryFormRef" :model="formInline" size="small" class="demo-form-inline">
         <el-row>
           <el-col :span="7">
             <el-form-item label="公众号名称：" prop="gzhmc">
@@ -14,46 +13,21 @@
             <el-form-item label="公众号状态：" prop="xtzt">
               <el-select v-model="formInline.xtzt" placeholder="请选择公众号状态">
                 <el-option
-                  v-for="dict in dict.type.gzh_state"
+                  v-for="dict in gzh_state"
                   :key="dict.value"
                   :label="dict.label"
-                  :value="dict.value">
-                </el-option>
+                  :value="dict.value"
+                />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="3" style="text-align: right;">
             <el-form-item class="unit-form">
-              <el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
-              <el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
+              <el-button size="mini" @click="resetQuery">重置</el-button>
+              <el-button size="mini" type="primary" @click="handleQuery">查询</el-button>
             </el-form-item>
           </el-col>
         </el-row>
-        <!-- <el-row>
-          <el-col :span="8">
-            <el-form-item label="单位名称：" prop="dwmc">
-              <el-input v-model="formInline.dwmc" placeholder="请输入单位名称"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="系统状态：" prop="xtzt">
-              <el-select v-model="formInline.xtzt" placeholder="请选择系统状态">
-                <el-option
-                  v-for="dict in dict.type.zc_xtzt"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value">
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8" style="text-align: right;padding-right: 50px;">
-            <el-form-item>
-              <el-button size="mini" @click="resetQuery('queryFrom')">重置</el-button>
-              <el-button size="mini" type="primary" @click="handleQuery('queryFrom')">查询</el-button>
-            </el-form-item>
-          </el-col>
-        </el-row> -->
       </el-form>
     </div>
     <main>
@@ -76,38 +50,24 @@
           <el-table-column type="index" width="50" label="序号" align="center"/>
           <el-table-column label="公众号名称" key="gzhmc" prop="gzhmc" align="center" />
           <el-table-column label="所属单位" key="ssdw" prop="ssdw" align="center" />
-          <!-- <el-table-column label="单位名称" key="dwmc" prop="dwmc" align="center">
-          </el-table-column> -->
           <el-table-column label="新增时间" key="createTime" prop="createTime" align="center" />
           <el-table-column label="平台类型" key="ptlx" prop="ptlx" align="center">
-            <template slot-scope="scope">
-              <dict-tag :options="dict.type.sys_ptlx_type" :value="scope.row.ptlx"/>
+            <template #default="scope">
+              <dict-tag :options="sys_ptlx_type" :value="scope.row.ptlx"/>
             </template>
           </el-table-column>
           <el-table-column label="公众号状态" key="status" prop="status" class-name="table-status" align="center">
-            <template slot-scope="scope">
-              <span  v-if="scope.row.gzhzt == 1" style="color: #16B771;">
-                正常
-              </span>
-              <span v-if="scope.row.gzhzt == 2" style="color: #F58A0C;">
-                注销
-              </span>
-              <span v-if="scope.row.gzhzt == 3" style="color: #1485EF;">
-                迁移
-              </span>
-              <span v-if="scope.row.gzhzt == 4" style="color: #29A07A;">
-                受限
-              </span>
-              <span v-if="scope.row.gzhzt == 5" style="color: #F50C0C;">
-                违规
-              </span>
-              <span v-if="scope.row.gzhzt == 6" style="color: #F58A0C;">
-                未知
-              </span>
+            <template #default="scope">
+              <span v-if="scope.row.gzhzt == 1" style="color: #16B771;">正常</span>
+              <span v-else-if="scope.row.gzhzt == 2" style="color: #F58A0C;">注销</span>
+              <span v-else-if="scope.row.gzhzt == 3" style="color: #1485EF;">迁移</span>
+              <span v-else-if="scope.row.gzhzt == 4" style="color: #29A07A;">受限</span>
+              <span v-else-if="scope.row.gzhzt == 5" style="color: #F50C0C;">违规</span>
+              <span v-else-if="scope.row.gzhzt == 6" style="color: #F58A0C;">未知</span>
             </template>
           </el-table-column>
           <el-table-column label="操作" prop="userId" class-name="table-operation" align="center">
-            <template slot-scope="scope">
+            <template #default="scope">
               <div style="display: flex;align-items: center;justify-content: center;">
                 <div style="display: flex;align-items: center;cursor: pointer;" @click="goInfo(scope.row,1)">
                   <img src="@/assets/images/icon-ck@2x.png" alt="" style="width: 20px;margin-right: 5px;">
@@ -128,114 +88,121 @@
         :page="formInline.current"
         :limit="formInline.size"
         @pagination="getPagination"
-        :current-page.sync="formInline.current" 
+        v-model:current-page="formInline.current"
       ></my-pagination>
     </main>
   </div>
 </template>
-<script>
+
+<script setup>
+import { ref, onMounted, onUnmounted } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 import myPagination from "@/views/components/Pagination/index.vue"
-// import myDialog from "@/views/components/myDialog/index.vue"
-import { assetOfficialAccountList, deleteAssetOfficialAccount } from "@/api/auditPagesApi/index";
-export default {
-  dicts: ['zc_xtzt','zc_xtlx', 'gzh_state','sys_ptlx_type'],
-  components:{myPagination},
-  data() {
-    return {
-      formInline:{
-        gzhmc:"",
-        xtzt:"",
-        // startTime:"",
-        // endTime:"",
-        current:1,
-        size:10,
-      },
-      // time:[],
-      total:0,
-      tableData:[],
-      loading:false,
-      tabHeader: undefined,
-    }
-  },
-  mounted(){
-    if( Object.keys(this.$route.params).length != 0) {
-      this.formInline = this.$route.params;
-    }else{
-      this.formInline.current = 1
-      this.formInline.size = 20
-    }
-    this.getList();
-    this.cancalDebounce();
-    window.addEventListener('resize', this.cancalDebounce);
-  },
-  destroyed() {
-    window.removeEventListener('resize', this.cancalDebounce);
-  },
-  methods:{
-    // 获取列表
-    getList(){
-      this.loading = true;
-      assetOfficialAccountList(this.formInline).then(res=>{
-        this.loading = false;
-        this.total = res.data.total;
-        this.tableData = res.data.records;
-      })
-    },
-    // 重置
-    resetQuery(){
-      this.resetForm("queryForm");
-      // this.time = [];
-      this.handleQuery();
-    },
-    // 查询
-    handleQuery(){
-      this.formInline.current = 1;
-      // if(this.time) {
-      //   this.formInline.startTime = this.time[0]
-      //   this.formInline.endTime = this.time[1]
-      // }
-      
-      this.getList();
-    },
-    // 页码获取
-    getPagination(pages){
-      this.formInline.current = pages.page;
-      this.formInline.size = pages.limit;
-      this.getList();
-    },
-    // 导出
-    handleExport(){
-      this.download('/tc/assetOfficialAccount/export', {
-        ...this.formInline
-      }, `公众号资产${new Date().getTime()}.xlsx`)
-    },
-    // 查看详情
-    goInfo(row,id){
-      this.$router.push({name: 'myAssetsAuth',query: {
-        pageType: id == 1 ? "look" : "change",
-        type:2,
-        id:row.id,
-        queryData:this.formInline,
-        name:"MyOfficialAccount"
-      }})
-    },
-    // 修改table背景色
-    tableRowClassName({row, rowIndex}){
-      if (rowIndex % 2 !== 0) {
-        return 'evenNumber-row';
-      }
-      return '';
-    },
-    // 屏幕尺寸变化
-    cancalDebounce(){
-      const element = document.getElementById('L-size-main'); // 通过元素的 ID 获取元素
-      const header = document.getElementById('L-header'); // 通过元素的 ID 获取元素
-      const pagination = document.getElementById('L-pagination'); // 通过元素的 ID 获取元素
-      const elementHeight = element.offsetHeight;
-      const headerHeight = header.offsetHeight;
-      const paginationtHeight = pagination.offsetHeight;
-      this.tabHeader = elementHeight - headerHeight - paginationtHeight - 110;
+import { assetOfficialAccountList } from "@/api/auditPagesApi/index"
+
+// 字典数据 (需要从外部传入或使用provide/inject)
+const gzh_state = ref([])
+const sys_ptlx_type = ref([])
+
+const router = useRouter()
+const route = useRoute()
+const queryFormRef = ref(null)
+
+const formInline = ref({
+  gzhmc: "",
+  xtzt: "",
+  current: 1,
+  size: 10
+})
+
+const loading = ref(false)
+const tableData = ref([])
+const total = ref(0)
+const tabHeader = ref(undefined)
+
+// 获取列表
+const getList = async () => {
+  try {
+    loading.value = true
+    const res = await assetOfficialAccountList(formInline.value)
+    tableData.value = res.data.records
+    total.value = res.data.total
+  } catch (error) {
+    console.error('获取列表失败:', error)
+  } finally {
+    loading.value = false
+  }
+}
+
+// 重置查询
+const resetQuery = () => {
+  queryFormRef.value?.resetFields()
+  formInline.value.current = 1
+  getList()
+}
+
+// 查询
+const handleQuery = () => {
+  formInline.value.current = 1
+  getList()
+}
+
+// 分页
+const getPagination = (pages) => {
+  formInline.value.current = pages.page
+  formInline.value.size = pages.limit
+  getList()
+}
+
+// 导出
+const handleExport = () => {
+  // 实现导出逻辑
+  console.log('导出功能:', formInline.value)
+}
+
+// 查看/编辑详情
+const goInfo = (row, id) => {
+  router.push({
+    name: 'myAssetsAuth',
+    query: {
+      pageType: id === 1 ? "look" : "change",
+      type: 2,
+      id: row.id,
+      queryData: formInline.value,
+      name: "MyOfficialAccount"
     }
-  },
+  })
+}
+
+// 表格行样式
+const tableRowClassName = ({ rowIndex }) => {
+  return rowIndex % 2 !== 0 ? 'evenNumber-row' : ''
+}
+
+// 计算表格高度
+const cancalDebounce = () => {
+  const element = document.getElementById('L-size-main')
+  const header = document.getElementById('L-header')
+  const pagination = document.getElementById('L-pagination')
+  
+  if (element && header && pagination) {
+    const elementHeight = element.offsetHeight
+    const headerHeight = header.offsetHeight
+    const paginationtHeight = pagination.offsetHeight
+    tabHeader.value = elementHeight - headerHeight - paginationtHeight - 110
+  }
 }
-</script>
+
+onMounted(() => {
+  if (Object.keys(route.params).length !== 0) {
+    formInline.value = route.params
+  }
+  getList()
+  cancalDebounce()
+  window.addEventListener('resize', cancalDebounce)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('resize', cancalDebounce)
+})
+</script>
\ No newline at end of file