first commit

target/classes/views/platform/sys/unit/unitUser.js

@@ -0,0 +1,89 @@
+const UNIT_USER_MANAGE_TEMPLATE = {
+    template: /*language=HTML*/ `
+         <div>
+            <el-card shadow="never" style="border: 1px solid var(--border-color-lighter); margin-top: 10px">
+                    <el-row :gutter="10" type="flex">
+                        <el-input placeholder="请输入内容" size="small" v-model="pageForm.searchKeyword" 
+                            clearable
+                            @keyup.enter.native="doSearch" style="width: 300px">
+                            <el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型" style="width: 80px">
+                                <el-option label="姓名" value="username"></el-option>
+                                <el-option label="工号" value="loginname"></el-option>
+                            </el-select>
+                        </el-input>
+                        <el-button type="primary" class="ml5" size="small" icon="el-icon-search" @click="doSearch"></el-button>
+                    </el-row>
+                </el-card>
+                <el-card shadow="never" style="border: 1px solid var(--border-color-lighter); margin-top: 10px">
+                    <table-tool label="人员列表">
+                        
+                    </table-tool>
+                    <el-table :data="tableData" size="mini">
+                         <el-table-column label="序号" type="index" width="60">
+                            <template v-slot="scope">{{scope.$index + (pageForm.pageNumber - 1) * pageForm.pageSize + 1}}</template>
+                         </el-table-column>
+                         <el-table-column label="姓名" prop="username"></el-table-column>
+                         <el-table-column label="工号" prop="loginname"></el-table-column>
+                         <el-table-column label="性别" prop="sex"></el-table-column>
+                         <el-table-column label="联系方式" prop="mobile"></el-table-column>
+                         <el-table-column label="是否会员" prop="member">
+                             <template v-slot="scope">
+                                 <el-tag v-if="scope.row.member" type="success">是</el-tag>
+                                 <el-tag v-else type="danger">否</el-tag>
+                             </template>
+                         </el-table-column>
+                    </el-table>
+                    <!--#include("/layouts/pagination.html"){}#-->
+                </el-card>
+         </div>
+        `,
+    props: {
+        currentData: {
+            type: Object,
+            required: false
+        }
+    },
+    data() {
+        return {
+            pageForm: {
+                unitName: "",
+                searchName: "username",
+                searchKeyword: "",
+                pageNumber: 1,
+                pageSize: 10,
+                totalCount: 0,
+                pageOrderName: "",
+                pageOrderBy: "",
+                audit: false
+            },
+            tableData: []
+        }
+    },
+    computed: {},
+    methods: {
+        doSearch() {
+            this.pageForm.pageNumber = 1
+            this.pageData()
+        },
+        pageNumberChange(val) {
+            this.pageForm.pageNumber = val
+            this.pageData()
+        },
+        pageSizeChange(val) {
+            this.pageForm.pageSize = val
+            this.pageData()
+        },
+        pageData() {
+            this.pageForm.unitId = this.currentData.id
+            this.$axios.post(loc() + "/userPageData", this.pageForm).then((res) => {
+                if (res.code === 0) {
+                    this.tableData = res.data.list
+                    this.pageForm.totalCount = res.data.totalCount
+                }
+            })
+        }
+    },
+    created() {
+        this.pageData()
+    }
+}