..

src/main/resources/views/platform/zhgh/dayofficework/rest/query/index.html

@@ -5,14 +5,47 @@ layout("/layouts/platform.html"){
 <div id="app" v-cloak>
     <el-card shadow="never">
         <search @search="doSearch">
-            <search-item label="年度：">
+            <search-item label="年度">
                 <el-date-picker placeholder="选择年度" type="year" style="width: 100%" v-model="pageForm.year" value-format="yyyy"></el-date-picker>
             </search-item>
-            <search-item label="名称：">
-                <el-input placeholder="请输入名称查询" clearable v-model="pageForm.searchKeyword"></el-input>
+            <search-item label="活动">
+                <el-select v-model="pageForm.activityId" placeholder="请选择活动">
+                    <el-option v-for="item in actOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
+                </el-select>
+            </search-item>
+            <search-item label="所属工会">
+                <el-select v-model="pageForm.unionId" placeholder="请选择所属工会" filterable clearable style="width: 100%">
+                    <el-option v-for="item in unionOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
+                </el-select>
+            </search-item>
+            <search-item label="所属单位：">
+                <el-select v-model="pageForm.unitId" placeholder="请选择所属单位" filterable clearable style="width: 100%">
+                    <el-option v-for="item in unitOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
+                </el-select>
             </search-item>
         </search>
     </el-card>
+
+    <el-card shadow="never">
+        <table-tool>
+            <el-button size="mini" type="primary" icon="el-icon-download" @click="exportExcel">导出</el-button>
+        </table-tool>
+        <el-table :data="tableData">
+            <el-table-column type="index" width="50px" label="序号" :index="indexMethod"></el-table-column>
+            <el-table-column prop="loginName" label="工号" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="userName" label="姓名" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="unitName" label="单位" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="unionName" label="分工会" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="batch" label="批次" show-overflow-tooltip></el-table-column>
+            <el-table-column prop="remark" label="备注" show-overflow-tooltip></el-table-column>
+            <el-table-column label="操作" width="100px" fixed="right">
+                <template slot-scope="{row}">
+                    <el-button size="mini" type="danger" @click="onDelete(row.id)">删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <!--#include("/layouts/pagination.html"){}#-->
+    </el-card>
 </div>
 
 <script>
@@ -23,17 +56,53 @@ layout("/layouts/platform.html"){
             return {
                 pageForm: {
                     year: new Date().getFullYear().toString(),
-                    searchKeyword: ""
-                }
+                    searchKeyword: "",
+                    activityId: null
+                },
+                actOptions: [],
+                activityId: null,
+                unionOptions: [],
+                unitOptions: []
             }
         },
         methods: {
             doSearch() {
                 this.pageData()
+            },
+            listAct() {
+                this.$axios.post("/platform/rest/common/listAct").then((res) => {
+                    if (res.code === 0) {
+                        this.actOptions = res.data
+                        if (this.actOptions.length > 0) {
+                            this.$set(this.pageForm, "activityId", this.actOptions[0].id)
+                            this.pageData()
+                        }
+                    }
+                })
+            },
+            onDelete(id) {
+                this.$confirm("您确定要删除吗?", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    type: "warning"
+                })
+                    .then(async () => {
+                        const { code, msg } = await this.$axios.post("/platform/rest/query/delete", { id: id })
+                        if (code === 0) {
+                            this.$message.success(msg)
+                            this.doSearch()
+                        }
+                    })
+                    .catch(() => {})
+            },
+            exportExcel() {
+                this.$downLoad("/platform/rest/query/exportExcel", this.pageForm)
             }
         },
         created() {
-            this.pageData()
+            this.$businessTool.listUnit().then((res) => (this.unitOptions = res))
+            this.$businessTool.listUnion().then((res) => (this.unionOptions = res))
+            this.listAct()
         }
     })
 </script>