From 0f160769f97fdf1ac5234c67fd28729619106763 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AE=B8=E5=AE=8F=E6=9D=B0?= <1943105267@qq.com>
Date: Fri, 21 Feb 2025 15:41:36 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B5=84=E4=BA=A7=E7=AE=A1=E7=90=86->=E5=B0=8F?=
 =?UTF-8?q?=E7=A8=8B=E5=BA=8F=E8=A1=A8=E6=A0=BC=E9=83=A8=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DictTag/index.vue              |  10 +-
 src/views/auditPages/assetsManagement.vue     |  37 +--
 .../auditPages/assetsManagement/program.vue   | 259 ++++++++++++++++++
 3 files changed, 279 insertions(+), 27 deletions(-)
 create mode 100644 src/views/auditPages/assetsManagement/program.vue

diff --git a/src/components/DictTag/index.vue b/src/components/DictTag/index.vue
index 055bfe3..e25c59d 100644
--- a/src/components/DictTag/index.vue
+++ b/src/components/DictTag/index.vue
@@ -106,12 +106,18 @@ export default {
   background: transparent;
 } */
 .greenColor {
-  color: rgb(41, 160, 122);
+  color: #16b771;
 }
 .orangeColor {
-  color: orange;
+  color: #f58a0c;
 }
 .redColor {
   color: red;
 }
+.blueColor {
+  color: #1485ef;
+}
+.cyanColor {
+  color: #29a07a;
+}
 </style>
diff --git a/src/views/auditPages/assetsManagement.vue b/src/views/auditPages/assetsManagement.vue
index c87d8b6..f4938cf 100644
--- a/src/views/auditPages/assetsManagement.vue
+++ b/src/views/auditPages/assetsManagement.vue
@@ -14,30 +14,15 @@
       />
     </template>
     <template v-slot:tablec>
-      <el-button
-        type="info"
-        plain
-        icon="el-icon-upload2"
-        size="mini"
-        @click="handleImport"
+      <el-button type="info" plain icon="el-icon-upload2" size="mini"
         >导入</el-button
       >
 
-      <el-button
-        type="warning"
-        plain
-        icon="el-icon-download"
-        size="mini"
-        @click="handleExport"
+      <el-button type="warning" plain icon="el-icon-download" size="mini"
         >导出</el-button
       >
 
-      <el-button
-        type="primary"
-        plain
-        icon="el-icon-plus"
-        size="mini"
-        @click="handleAdd"
+      <el-button type="primary" plain icon="el-icon-plus" size="mini"
         >新增资产</el-button
       >
     </template>
@@ -68,7 +53,7 @@
         </el-form-item>
         <el-form-item label="新增时间：" prop="time">
           <el-date-picker
-            v-model="formInline.time"
+            v-model="time"
             format="yyyy-MM-dd HH:mm:ss"
             value-format="yyyy-MM-dd HH:mm:ss"
             type="datetimerange"
@@ -197,10 +182,11 @@ export default {
       tableData: [],
       tabHeader: 585,
       total: 0,
+      time: [],
       formInline: {
         xtmc: "",
         xtlx: "",
-        time: [],
+
         startTime: "",
         endTime: "",
         dwmc: "",
@@ -238,6 +224,7 @@ export default {
       this.formInline.deptId = undefined;
       this.$refs.tree.setCurrentKey(null);
       this.handleQuery();
+      this.time = [];
     },
     // 筛选节点
     filterNode(value, data) {
@@ -255,11 +242,11 @@ export default {
     handleQuery() {
       this.formInline.current = 1;
       this.formInline.size = 20;
-      if (this.formInline.time) {
-        this.formInline.startTime = this.formInline.time[0];
-        this.formInline.endTime = this.formInline.time[1];
+      if (this.time.length > 0) {
+        this.formInline.startTime = this.time[0];
+        this.formInline.endTime = this.time[1];
       }
-      // this.formInline.time = [];
+
       this.getList();
     },
     /**
@@ -279,7 +266,7 @@ export default {
 
 <style lang="scss" scoped>
 ::v-deep .el-form-item__content {
-  width: 250px;
+  width: 280px;
   .el-select,
   .el-date-editor {
     width: 100%;
diff --git a/src/views/auditPages/assetsManagement/program.vue b/src/views/auditPages/assetsManagement/program.vue
new file mode 100644
index 0000000..5849781
--- /dev/null
+++ b/src/views/auditPages/assetsManagement/program.vue
@@ -0,0 +1,259 @@
+<template>
+  <main-app :showTree="true">
+    <template v-slot:tree>
+      <el-tree
+        :data="deptOptions"
+        :props="defaultProps"
+        :expand-on-click-node="false"
+        :filter-node-method="filterNode"
+        ref="tree"
+        node-key="id"
+        default-expand-all
+        highlight-current
+        @node-click="handleNodeClick"
+      />
+    </template>
+    <template v-slot:tablec>
+      <el-button type="info" plain icon="el-icon-upload2" size="mini"
+        >导入</el-button
+      >
+
+      <el-button type="warning" plain icon="el-icon-download" size="mini"
+        >导出</el-button
+      >
+
+      <el-button type="primary" plain icon="el-icon-plus" size="mini"
+        >新增资产</el-button
+      >
+    </template>
+    <template v-slot:search>
+      <el-form
+        :model="formInline"
+        ref="queryForm"
+        size="small"
+        :inline="true"
+        label-width="100px"
+      >
+        <el-form-item label="所属单位：" prop="dwmc">
+          <el-input
+            v-model="formInline.dwmc"
+            placeholder="请输入所属单位"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="小程序名称：" prop="xcxmc">
+          <el-input
+            v-model="formInline.xcxmc"
+            placeholder="请输入小程序名称"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="新增时间：" prop="time">
+          <el-date-picker
+            v-model="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-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</el-button
+          >
+          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+            >重置</el-button
+          >
+        </el-form-item>
+      </el-form>
+    </template>
+    <template v-slot:table>
+      <el-table
+        v-loading="loading"
+        :data="tableData"
+        :height="tabHeader"
+        :row-class-name="tableRowClassName"
+        :max-height="tabHeader"
+      >
+        <el-table-column type="index" width="50" label="序号" align="center" />
+        <el-table-column label="小程序名称" prop="xcxmc" align="center">
+        </el-table-column>
+        <el-table-column label="所属单位" prop="ssdw" align="center" />
+
+        <el-table-column
+          label="小程序状态"
+          prop="state"
+          class-name="table-status"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.gzh_state" :value="scope.row.state" />
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          prop="userId"
+          class-name="table-operation"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <el-button type="primary" size="mini" plain icon="el-icon-view"
+              >查看</el-button
+            >
+            <el-button
+              type="warning"
+              size="mini"
+              plain
+              icon="el-icon-edit-outline"
+              >修改</el-button
+            >
+            <el-button type="danger" size="mini" plain icon="el-icon-delete"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        prev-text="上页"
+        next-text="下页"
+        v-show="total > 0"
+        :total="total"
+        :page-sizes="[10, 20, 40, 80, 100]"
+        :page.sync="formInline.current"
+        :limit.sync="formInline.size"
+        @pagination="getList"
+      />
+    </template>
+  </main-app>
+</template>
+
+<script>
+import { getToken } from "@/utils/auth";
+import {
+  miniProgramsList,
+  deleteMiniPrograms,
+  schema,
+} from "@/api/auditPagesApi/index";
+export default {
+  dicts: ["gzh_state"],
+  data() {
+    return {
+      // 部门树选项
+      deptOptions: undefined,
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      formInline: {
+        dwmc: "",
+        xcxmc: "",
+        startTime: "",
+        endTime: "",
+        current: 1,
+        size: 20,
+      },
+      time: [],
+      total: 0,
+      tableData: [],
+      loading: false,
+      tabHeader: 585,
+      // 用户导入参数
+      upload: {
+        // 是否显示弹出层（用户导入）
+        open: false,
+        // 弹出层标题（用户导入）
+        title: "小程序资产导入",
+        // 是否禁用上传
+        isUploading: false,
+        // 是否更新已经存在的用户数据
+        updateSupport: 0,
+        // 设置上传的请求头部
+        headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        // url: process.env.VUE_APP_BASE_API + "/tc/miniPrograms/importData"
+        url: location.origin + "/api/tc/miniPrograms/importData",
+      },
+    };
+  },
+  created() {
+    this.getList();
+    this.getDeptTree();
+  },
+  methods: {
+    // 修改table背景色
+    tableRowClassName({ row, rowIndex }) {
+      if (rowIndex % 2 !== 0) {
+        return "evenNumber-row";
+      }
+      return "";
+    },
+
+    /** 查询部门下拉树结构 */
+    getDeptTree() {
+      schema({ type: 1 }).then((response) => {
+        this.deptOptions = response.data;
+      });
+    },
+
+    /**
+     * 重置
+     */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.formInline.deptId = undefined;
+      this.$refs.tree.setCurrentKey(null);
+      this.time = [];
+      this.handleQuery();
+    },
+    // 筛选节点
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    // 节点单击事件
+    handleNodeClick(data) {
+      this.formInline.deptId = data.id;
+      this.handleQuery();
+    },
+    /**
+     * 搜索
+     */
+    handleQuery() {
+      this.formInline.current = 1;
+
+      if (this.time.length > 0) {
+        this.formInline.startTime = this.time[0];
+        this.formInline.endTime = this.time[1];
+      }
+
+      this.getList();
+    },
+    /**
+     * 获取列表
+     */
+    getList() {
+      this.loading = true;
+      miniProgramsList(this.formInline).then((res) => {
+        this.loading = false;
+        this.total = res.data.total;
+        this.tableData = res.data.records;
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-form-item__content {
+  width: 280px;
+  .el-select,
+  .el-date-editor {
+    width: 100%;
+  }
+}
+</style>