From 4e9e7ee05efb824d08cccafd97071415708d8cad Mon Sep 17 00:00:00 2001 From: MrShi <1878285526@qq.com> Date: 星期四, 23 十月 2025 10:08:17 +0800 Subject: [PATCH] 页面 --- admin/src/views/business/visits.vue | 70 +++++++++++++++++++++++++---------- 1 files changed, 50 insertions(+), 20 deletions(-) diff --git a/admin/src/views/business/visits.vue b/admin/src/views/business/visits.vue index 2bf9f22..32ad7a6 100644 --- a/admin/src/views/business/visits.vue +++ b/admin/src/views/business/visits.vue @@ -12,6 +12,22 @@ <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="date"> + <el-date-picker + v-model="searchForm.queryStarttime" + type="datetime" + clearable + value-format="yyyy-MM-dd HH:mm:ss" + class="w200" + placeholder="寮�濮嬫椂闂�" /> + <el-date-picker + v-model="searchForm.queryEndtime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + class="w200" + clearable + placeholder="缁撴潫鏃堕棿" /> + </el-form-item> <el-form-item label="瀹℃壒鐘舵��" prop="status"> <el-select v-model="searchForm.status" placeholder="璇烽�夋嫨"> <el-option label="寰呮彁浜ゅ鎵�" value="0"></el-option> @@ -21,7 +37,7 @@ <el-option label="鍙栨秷" value="4"></el-option> <el-option label="涓嬪彂鎴愬姛" value="5"></el-option> <el-option label="涓嬪彂澶辫触" value="6"></el-option> - <el-option label="鎷滆涓�" value="7"></el-option> + <el-option label="宸茬櫥璁�" value="7"></el-option> <el-option label="宸茬绂�" value="8"></el-option> <el-option label="宸插け鏁�" value="9"></el-option> </el-select> @@ -50,19 +66,10 @@ <el-table-column prop="companyName" label="璁垮鍗曚綅" min-width="100px"></el-table-column> <el-table-column prop="receptMemberName" label="琚浜�" min-width="100px"></el-table-column> <el-table-column prop="reason" label="鎷滆浜嬬敱" min-width="100px"></el-table-column> - <el-table-column label="棰勭害鏃堕棿" min-width="170px"> + <el-table-column label="鎷滆鏃堕棿" min-width="170px"> <template slot-scope="{row}"> <span>璧凤細{{ row.starttime }}</span><br /> <span>姝細{{ row.endtime }}</span> - </template> - </el-table-column> - <el-table-column label="绛惧埌鏃堕棿" min-width="170px"> - <template slot-scope="{row}"> - <div v-if="row.inDate && row.outDate"> - <span>璧凤細{{ row.inDate }}</span><br /> - <span>姝細{{ row.outDate }}</span> - </div> - <span v-else>-</span> </template> </el-table-column> <el-table-column label="鏂藉伐浜哄憳" min-width="100px"> @@ -85,19 +92,28 @@ <span v-if="row.status === 4" style="color: gray">鍙栨秷</span> <span v-if="row.status === 5" style="color: green">涓嬪彂鎴愬姛</span> <span v-if="row.status === 6" style="color: gray">涓嬪彂澶辫触</span> - <span v-if="row.status === 7" style="color: green">鎷滆涓�</span> + <span v-if="row.status === 7" style="color: green">宸茬櫥璁�</span> <span v-if="row.status === 8" style="color: red">宸茬绂�</span> <span v-if="row.status === 9" style="color: gray">宸插け鏁�</span> </template> </el-table-column> + <el-table-column label="鍦ㄥ洯鐘舵��" min-width="100px"> + <template slot-scope="{row}"> + <div v-if="row.status == 7"> + <span v-if="row.retentionNum && row.retentionNum >0 ">鏄�</span> + <span v-if="!row.retentionNum || row.retentionNum ==0 " >鍚�</span> + </div> + <div v-else >-</div> + </template> + </el-table-column> <el-table-column prop="remark" label="涓嬪彂澶囨敞" min-width="100px"></el-table-column> - <el-table-column v-if="containPermissions(['business:visits:update', 'business:visits:delete'])" label="鎿嶄綔" + <el-table-column prop="createDate" label="鍒涘缓鏃堕棿" min-width="170px"></el-table-column> + <el-table-column label="鎿嶄綔" min-width="200" fixed="right"> <template slot-scope="{row}"> - <!-- <el-button type="text" @click="cancel(row.id)" v-permissions="['business:visits:cancel']" - icon="el-icon-delete" style="color: red" v-if="row.status == 5">鍙栨秷棰勭害</el-button>--> - <el-button type="text" @click="resend(row.id)" v-permissions="['business:visits:update']" icon="el-icon-edit" v-if="row.status == 6">閲嶆柊涓嬪彂</el-button> <el-button type="text" @click="handleDetail(row)" icon="el-icon-view">璇︽儏</el-button> + <el-button type="text" @click="resend(row.id)" v-permissions="['business:visits:update']" icon="el-icon-edit" v-if="row.status == 6">閲嶆柊涓嬪彂</el-button> + <el-button type="text" @click="cancel(row.id)" v-permissions="['business:visits:cancel']" v-if="(row.status == 0 || row.status == 1 || row.status == 2|| row.status == 5)" icon="el-icon-delete" style="color: red" >鍙栨秷棰勭害</el-button> <el-button type="text" @click="departure(row.id)" icon="el-icon-delete" style="color: red" v-if="row.status == 7">绂诲満</el-button> <el-button type="text" icon="el-icon-delete" @click="deleteById(row)" style="color: red" v-permissions="['business:visits:delete']">鍒犻櫎</el-button> </template> @@ -121,6 +137,7 @@ import OperaVisitsDesWindow from '@/components/business/OperaVisitsDesWindow' import OperaVisitsWindow from '@/components/business/operaVisitsWindow' import TaskDetail from '@/views/task/visSubDetail.vue' +import {mapState} from "vuex"; export default { name: 'Visits', @@ -136,11 +153,17 @@ companyName: '', idcardNo: '', status: '', - type: 0 + type: 0, + queryStarttime: '', + queryEndtime: '', + date: [] } } }, - created() { + computed: { + ...mapState(['userInfo']) + }, + created () { this.config({ module: '璁垮鐢宠淇℃伅琛�', api: '/business/visits', @@ -155,6 +178,13 @@ }) }, methods: { + // 鎼滅储妗嗛噸缃� + reset () { + this.$refs.searchForm.resetFields() + this.searchForm.queryStarttime = '' + this.searchForm.queryEndtime = '' + this.search() + }, handleDetail(row) { this.isShowDetail = true console.log('row', row) @@ -187,13 +217,13 @@ }) }, - cancel(id) { + cancel( id) { this.$confirm('纭畾鍙栨秷棰勭害鍚�, 鏄惁缁х画?', '鎻愮ず', { confirmButtonText: '纭畾', cancelButtonText: '鍙栨秷', type: 'warning' }).then(() => { - this.api.visitCancel(id) + this.api.visitsCancel(id) .then(res => { this.page = 1 this.search() -- Gitblit v1.9.3