| | |
| | | <template> |
| | | <div class="main_app"> |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" /> |
| | | <div class="query_btns" style="margin: 16px 0 0" |
| | | v-permissions="['business:visits:create', 'business:visits:exportExcel']"> |
| | | <el-button type="primary" @click="handleEdit()" icon="el-icon-plus" |
| | | v-permissions="['business:visits:create']">新建</el-button> |
| | | <el-button type="primary" :loading="exLoading" @click="exportExcel" |
| | | v-permissions="['business:visits:exportExcel']">导出</el-button> |
| | | <QueryForm |
| | | v-model="filters" |
| | | :query-form-config="queryFormConfig" |
| | | @handleQuery="getList(1)" |
| | | @clear="clear" |
| | | /> |
| | | <div class="query_btns" style="margin: 16px 0 0" v-permissions="['business:visits:create', 'business:visits:exportExcel']"> |
| | | <el-button type="primary" @click="handleEdit()" icon="el-icon-plus" v-permissions="['business:visits:create']">新建</el-button> |
| | | <el-button type="primary" :loading="exLoading" @click="exportExcel" v-permissions="['business:visits:exportExcel']">导出</el-button> |
| | | </div> |
| | | <el-table v-loading="loading" :data="dataList" stripe row-key="id" default-expand-all> |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="dataList" |
| | | stripe |
| | | row-key="id" |
| | | default-expand-all |
| | | > |
| | | <el-table-column type="selection" width="55" align="center"></el-table-column> |
| | | <el-table-column prop="carNos" label="入园车辆" min-width="100px"></el-table-column> |
| | | <el-table-column prop="companyName" label="公司名称" min-width="100px"></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="receptMemberName" label="被访人" min-width="100px"></el-table-column> |
| | | <el-table-column |
| | | prop="carNos" |
| | | label="入园车辆" |
| | | min-width="100px" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="companyName" |
| | | label="公司名称" |
| | | min-width="100px" |
| | | ></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="receptMemberName" |
| | | label="被访人" |
| | | min-width="100px" |
| | | ></el-table-column> |
| | | <el-table-column label="拜访时间" min-width="160px"> |
| | | <template slot-scope="{ row }"> |
| | | <span>起:{{ row.starttime }}</span><br /> |
| | | <span>起:{{ row.starttime }}</span |
| | | ><br /> |
| | | <span>止:{{ row.endtime }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="reason" label="拜访事由" min-width="100"></el-table-column> |
| | | <el-table-column prop="status" fixed="right" label="状态" align="center" min-width="100"> |
| | | <el-table-column |
| | | prop="reason" |
| | | label="拜访事由" |
| | | min-width="100" |
| | | ></el-table-column> |
| | | <el-table-column |
| | | prop="status" |
| | | fixed="right" |
| | | label="状态" |
| | | align="center" |
| | | min-width="100" |
| | | > |
| | | <template slot-scope="{ row }"> |
| | | <span style="color: rgba(245, 154, 35, 0.996)" v-if="row.status === 0">待提交审批</span> |
| | | <span v-if="row.status === 1" style="color: rgba(245, 154, 35, 0.996)">处理中</span> |
| | | <span v-if="row.status === 2" style="color: rgba(245, 154, 35, 0.996)">已同意</span> |
| | | <span style="color: rgba(245, 154, 35, 0.996)" v-if="row.status === 0" |
| | | >待提交审批</span |
| | | > |
| | | <span v-if="row.status === 1" style="color: rgba(245, 154, 35, 0.996)" |
| | | >处理中</span |
| | | > |
| | | <span v-if="row.status === 2" style="color: rgba(245, 154, 35, 0.996)" |
| | | >已同意</span |
| | | > |
| | | <span style="color: gray" v-if="row.status === 3">已拒绝</span> |
| | | <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 === 9" style="color: gray">已失效</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" width="100" fixed="right"> |
| | | <el-table-column label="操作" align="center" width="180" fixed="right"> |
| | | <template slot-scope="{ row }"> |
| | | <el-button type="text" @click="handleDetail(row)" v-permissions="['business:company:update']">查看详情</el-button> |
| | | <el-button |
| | | type="text" |
| | | @click="handleDetail(row)" |
| | | v-permissions="['business:company:update']">查看详情</el-button> |
| | | <el-button type="text" icon="el-icon-delete" @click="deleteById(row)" style="color: red" v-permissions="['business:visits:delete']">删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> |
| | | <pagination |
| | | @size-change="handleSizeChange" |
| | | @current-change="getList" |
| | | :pagination="pagination" |
| | | /> |
| | | <ReportDetail v-if="isShowReport" ref="VisReportDetailRef" /> |
| | | <OperaVisitsReportWindow @close="isShowEdit = false" @success="getList" v-if="isShowEdit" |
| | | ref="operaVisitsWindowRef" /> |
| | | <OperaVisitsReportWindow @close="isShowEdit = false" @success="getList" v-if="isShowEdit" ref="operaVisitsWindowRef" /> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | // import ReportDetail from './page-components/ReportDetail.vue' |
| | | import ReportDetail from '@/views/task/visReportDetail.vue' |
| | | import OperaVisitsReportWindow from '@/components/business/operaVisitsReportWindow.vue' |
| | | import { fetchList, exportExcel } from '@/api/business/visits' |
| | | import { fetchList, exportExcel, deleteById } from '@/api/business/visits' |
| | | export default { |
| | | components: { |
| | | ReportDetail, |
| | |
| | | Pagination, |
| | | OperaVisitsReportWindow |
| | | }, |
| | | data() { |
| | | data () { |
| | | return { |
| | | isShowEdit: false, |
| | | exLoading: false, |
| | |
| | | total: 0 |
| | | } |
| | | }, |
| | | created() { |
| | | created () { |
| | | this.getList() |
| | | }, |
| | | methods: { |
| | | exportExcel() { |
| | | exportExcel () { |
| | | this.$dialog.exportConfirm('确认导出吗?') |
| | | .then(() => { |
| | | this.exLoading = true |
| | |
| | | }) |
| | | }) |
| | | }, |
| | | handleEdit() { |
| | | handleEdit () { |
| | | this.isShowEdit = true |
| | | this.$nextTick(() => { |
| | | this.$refs.operaVisitsWindowRef.isShowModal = true |
| | | }) |
| | | }, |
| | | handleDetail(row) { |
| | | deleteById (row) { |
| | | this.$confirm('确定删除该记录吗, 是否继续?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | deleteById(row.id) |
| | | .then(res => { |
| | | this.$message.success('操作成功') |
| | | this.page = 1 |
| | | this.getList() |
| | | }) |
| | | }).catch(() => { |
| | | }) |
| | | }, |
| | | handleDetail (row) { |
| | | this.isShowReport = true |
| | | this.$nextTick(() => { |
| | | this.$nextTick(() => { |
| | |
| | | }) |
| | | }) |
| | | }, |
| | | getList(page) { |
| | | getList (page) { |
| | | const { pagination, filters } = this |
| | | pagination.page = page || pagination.page |
| | | this.loading = true |
| | | fetchList({ |
| | | model: { ...filters }, |
| | | ...pagination |
| | | }).then(res => { |
| | | this.loading = false |
| | | this.dataList = res.records || [] |
| | | this.pagination.total = res.total |
| | | }, () => { |
| | | this.loading = false |
| | | }) |
| | | }, |
| | | clear() { |
| | | clear () { |
| | | this.filters = { |
| | | type: 2 |
| | | } |
| | | this.getList(1) |
| | | this.getList(0) |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | handleSizeChange (capacity) { |
| | | this.pagination.capacity = capacity |
| | | this.getList() |
| | | } |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped></style> |
| | | <style lang="scss" scoped> |
| | | </style> |