From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001 From: k94314517 <8417338+k94314517@user.noreply.gitee.com> Date: 星期三, 16 十月 2024 15:59:38 +0800 Subject: [PATCH] 代码初始化 --- admin/src/views/business/strandedPersonnel.vue | 213 +++++++++++++++++++++++++++++++--------------------- 1 files changed, 126 insertions(+), 87 deletions(-) diff --git a/admin/src/views/business/strandedPersonnel.vue b/admin/src/views/business/strandedPersonnel.vue index 0ea6dd6..6a3512b 100644 --- a/admin/src/views/business/strandedPersonnel.vue +++ b/admin/src/views/business/strandedPersonnel.vue @@ -1,115 +1,154 @@ <template> - <TableLayout :permissions="['business:member:query']"> - <!-- 鎼滅储琛ㄥ崟 --> - <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> - <el-form-item label="濮撳悕" prop="name"> - <el-input v-model="searchForm.name" placeholder="璇疯緭鍏ヨ瀹㈠悕绉�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="鍏徃鍚嶇О" prop="code"> - <el-input v-model="searchForm.code" placeholder="璇疯緭鍏ュ伐鍙�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="鎿嶄綔浜哄憳" prop="code"> - <el-select v-model="searchForm.code" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in options" - :key="item.value" - :label="item.label" - :value="item.value"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鐢ㄦ埛绫诲瀷" prop="companyId"> - <el-select v-model="searchForm.code" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in options" - :key="item.value" - :label="item.label" - :value="item.value"> - </el-option> - </el-select> - </el-form-item> - <section> - <el-button type="primary" @click="search">鎼滅储</el-button> - <el-button @click="reset">閲嶇疆</el-button> - </section> - </el-form> - <!-- 琛ㄦ牸鍜屽垎椤� --> - <template v-slot:table-wrap> - <ul class="toolbar" v-permissions="['business:member:create', 'business:member:delete']"> - <li><el-button type="primary" v-permissions="['business:member:create']">绂诲満</el-button></li> - </ul> - <el-table - v-loading="isWorking.search" - :data="tableData.list" - stripe - @selection-change="handleSelectionChange" - > - <el-table-column type="selection" width="55"></el-table-column> - <el-table-column prop="name" label="濮撳悕" min-width="100px"></el-table-column> - <el-table-column prop="phone" label="鎵嬫満鍙�" min-width="100px"></el-table-column> - <el-table-column prop="company_id" label="鍏徃" min-width="100px"></el-table-column> - <el-table-column label="鐢ㄦ埛绫诲瀷" min-width="100px"> - <template slot-scope="{row}"> - <span v-if="row.type === 0">鍔冲姟璁垮</span> - <span v-if="row.type === 1">鏅�氳瀹�</span> - <span v-if="row.type === 2">鍐呴儴浜哄憳</span> - </template> - </el-table-column> - <el-table-column prop="idcard_id" label="鍏ュ満鏃堕棿" min-width="100px"></el-table-column> - <el-table-column prop="edit_date" label="鎺堟潈鍒版湡鏃堕棿" min-width="100px"></el-table-column> - <el-table-column prop="idcard_id" label="瓒呮椂鏃堕暱" min-width="100px"></el-table-column> - <el-table-column prop="idcard_id" label="鐘舵��" min-width="100px"></el-table-column> - <el-table-column prop="editor" label="鎿嶄綔浜�" min-width="100px"></el-table-column> - <el-table-column - v-if="containPermissions(['business:member:update', 'business:member:delete'])" - label="鎿嶄綔" - min-width="120" - fixed="right" - > - <template slot-scope="{row}"> - <el-button type="text" icon="el-icon-edit" v-permissions="['business:member:update']">绂诲巶</el-button> - </template> - </el-table-column> - </el-table> - <pagination - @size-change="handleSizeChange" - @current-change="handlePageChange" - :pagination="tableData.pagination" - > - </pagination> - </template> - </TableLayout> + <TableLayout :permissions="['business:member:query']"> + <!-- 鎼滅储琛ㄥ崟 --> + <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> + <el-form-item label="濮撳悕" prop="name"> + <el-input v-model="searchForm.name" placeholder="璇疯緭鍏ヨ瀹㈠悕绉�" @keypress.enter.native="search"></el-input> + </el-form-item> + <el-form-item label="缁勭粐鍚嶇О" prop="companyName"> + <el-input v-model="searchForm.companyName" placeholder="璇疯緭鍏ョ粍缁囧悕绉�" @keypress.enter.native="search"></el-input> + </el-form-item> + <el-form-item label="鐢ㄦ埛绫诲瀷" prop="type"> + <el-select v-model="searchForm.type" placeholder="璇烽�夋嫨"> + <el-option label="璁垮" value="1"></el-option> + <el-option label="鍔冲姟" value="0"></el-option> + </el-select> + </el-form-item> + <section> + <el-button type="primary" @click="search">鎼滅储</el-button> + <el-button @click="reset">閲嶇疆</el-button> + </section> + </el-form> + <!-- 琛ㄦ牸鍜屽垎椤� --> + <template v-slot:table-wrap> + <!-- <ul class="toolbar" v-permissions="['business:member:create', 'business:member:delete']">--> + <!-- <li><el-button type="primary" v-permissions="['business:member:create']" @click="thaws">绂诲満</el-button></li>--> + <!-- </ul>--> + <el-table v-loading="isWorking.search" :data="tableData.list" stripe @selection-change="handleSelectionChange"> + <!-- <el-table-column type="selection" width="55"></el-table-column>--> + <el-table-column prop="name" label="濮撳悕" min-width="100px"></el-table-column> + <el-table-column prop="phone" label="鎵嬫満鍙�" min-width="100px"></el-table-column> + <el-table-column prop="companyName" label="缁勭粐" min-width="100px"></el-table-column> + <el-table-column label="鐢ㄦ埛绫诲瀷" min-width="100px"> + <template slot-scope="{ row }"> + <span v-if="row.type === 0">鍔冲姟璁垮</span> + <span v-if="row.type === 1">鏅�氳瀹�</span> + <span v-if="row.type === 2">鍐呴儴浜哄憳</span> + </template> + </el-table-column> + <el-table-column prop="inDate" label="鍦ㄥ洯鏃堕棿" min-width="100px"></el-table-column> + <el-table-column prop="outDate" label="鎺堟潈鍒版湡鏃堕棿" min-width="100px"></el-table-column> + <el-table-column label="瓒呮椂鏃堕暱" min-width="100px"> + <template slot-scope="{ row }"> + <span v-if="row.outStatus === 1">{{ row.timeOut.toString().replace("-", "") }}鍒嗛挓</span> + <span v-else>-</span> + </template> + </el-table-column> + <el-table-column label="鐘舵��" min-width="100px"> + <template slot-scope="{ row }"> + <span v-if="row.outStatus === 0">鏈秴鏃�</span> + <span style="color: red" v-else-if="row.outStatus === 1">宸茶秴鏃�</span> + <span v-else-if="row.outStatus === 2">鍗冲皢瓒呮椂</span> + </template> + </el-table-column> + <el-table-column v-if=" + containPermissions([ + 'business:member:update', + 'business:member:delete', + ]) + " label="鎿嶄綔" min-width="120" fixed="right"> + <template slot-scope="{ row }"> + <el-button type="text" icon="el-icon-edit" v-permissions="['business:member:update']" + @click="departure(row.id)">绂诲巶</el-button> + </template> + </el-table-column> + </el-table> + <pagination @size-change="handleSizeChange" @current-change="handlePageChange" :pagination="tableData.pagination"> + </pagination> + </template> + </TableLayout> </template> <script> import BaseTable from '@/components/base/BaseTable' import TableLayout from '@/layouts/TableLayout' import Pagination from '@/components/common/Pagination' +import { findAllList } from '@/api/system/common' +import { level } from '@/api/business/staging' export default { name: 'strandedPersonnel', extends: BaseTable, components: { TableLayout, Pagination }, - data () { + data() { return { // 鎼滅储 searchForm: { - companyId: '', + companyName: '', name: '', - code: '', status: 2, - type: 1 + type: '1' }, - options: [] + user: [] } }, - created () { + created() { this.config({ module: '浜哄憳淇℃伅琛�', - api: '/business/member', + api: '/business/strandedPersonnel', 'field.id': 'id', 'field.main': 'id' }) this.search() + this.getUser() + }, + methods: { + departure(id) { + this.$confirm('纭畾绂诲巶鍚�, 鏄惁缁х画?', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + }).then(() => { + level(id) + .then(res => { + this.search() + }) + }).catch(() => { + + }) + }, + // thaws () { + // if (this.tableData.selectedRows.length === 0) return this.$message.warning('鑷冲皯閫夋嫨涓�椤瑰唴瀹�') + // const ids = this.tableData.selectedRows.map(item => { + // return { id: item.id } + // }) + // this.thaw(ids) + // }, + // thaw (ids) { + // this.$confirm('纭畾绉婚櫎姝ょ敤鎴峰悧?', '鎻愮ず', { + // confirmButtonText: '纭畾', + // cancelButtonText: '鍙栨秷', + // type: 'warning' + // }).then(() => { + // // updateRemoveStatusById(ids) + // // .then(res => { + // // this.$message.success('鎿嶄綔鎴愬姛') + // // this.search() + // // }) + // }).catch(() => { + // + // }) + // }, + getUser() { + findAllList({}) + .then(res => { + this.user = res.map(item => { + return { + name: item.realname, + id: item.id + } + }) + }) + } } } </script> -- Gitblit v1.9.3