| | |
| | | <el-form-item label="身份证号" prop="idcardNo"> |
| | | <el-input v-model="searchForm.idcardNo" 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 label="访客单位" prop="companyName"> |
| | | <el-input v-model="searchForm.companyName" placeholder="请输入访客单位" @keypress.enter.native="search"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="审批状态" prop="status"> |
| | | <el-select v-model="searchForm.status" placeholder="请选择"> |
| | |
| | | <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 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"> |
| | |
| | | <span v-else>-</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="随访人员" min-width="100px"> |
| | | <el-table-column label="施工人员" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span>{{row.memberNum || '-'}}</span> |
| | | <span v-if="row.type == 0">否</span> |
| | | <span v-if="row.type == 1">是</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="随访车辆" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span>{{row.carNum}}</span> |
| | | <span>{{row.carNos}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="status" fixed="right" label="状态" min-width="100px"> |
| | |
| | | <template slot-scope="{row}"> |
| | | <el-button type="text" @click="departure(row.id)" v-permissions="['business:visits:level']" icon="el-icon-delete" style="color: red" v-if="row.status == 7">离厂</el-button> |
| | | <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="$refs.OperaVisitsDesWindow.open('详情', row.id)" icon="el-icon-view">详情</el-button> |
| | | <!-- <el-button type="text" @click="$refs.OperaVisitsDesWindow.open('详情', row.id)" icon="el-icon-view">详情</el-button> --> |
| | | <el-button type="text" @click="handleDetail(row)" icon="el-icon-view">详情</el-button> |
| | | <!-- <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:visits:delete']">查询审批结果</el-button>--> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | > |
| | | </pagination> |
| | | <!-- 详情 --> |
| | | <OperaVisitsDesWindow ref="OperaVisitsDesWindow" /> |
| | | <!-- <OperaVisitsDesWindow ref="OperaVisitsDesWindow" /> --> |
| | | <TaskDetail v-if="isShowDetail" ref="DetailRef" /> |
| | | <!-- 新建 --> |
| | | <OperaVisitsWindow @close="isShowEdit = false" @success="search" v-if="isShowEdit" ref="operaVisitsWindowRef" /> |
| | | </template> |
| | |
| | | import Pagination from '@/components/common/Pagination' |
| | | import OperaVisitsDesWindow from '@/components/business/OperaVisitsDesWindow' |
| | | import OperaVisitsWindow from '@/components/business/operaVisitsWindow' |
| | | import TaskDetail from '@/views/task/visSubDetail.vue' |
| | | |
| | | export default { |
| | | name: 'Visits', |
| | | extends: BaseTable, |
| | | components: { TableLayout, Pagination, OperaVisitsDesWindow, OperaVisitsWindow }, |
| | | components: { TableLayout, Pagination, TaskDetail, OperaVisitsWindow }, |
| | | data () { |
| | | return { |
| | | isShowEdit: false, |
| | | isShowDetail: false, |
| | | // 搜索 |
| | | searchForm: { |
| | | name: '', |
| | | companyName: '', |
| | | idcardNo: '', |
| | | status: '' |
| | | status: '', |
| | | type: 0 |
| | | } |
| | | } |
| | | }, |
| | |
| | | this.search() |
| | | }, |
| | | methods: { |
| | | handleDetail (row) { |
| | | this.isShowDetail = true |
| | | console.log('row', row); |
| | | this.$nextTick(() => { |
| | | this.$refs.DetailRef.id = row.id |
| | | this.$refs.DetailRef.type = 0 |
| | | this.$refs.DetailRef.getDetail() |
| | | this.$refs.DetailRef.isShowModal = true |
| | | }) |
| | | }, |
| | | handleEdit () { |
| | | this.isShowEdit = true |
| | | this.$nextTick(() => { |