|
|
@@ -0,0 +1,182 @@
|
|
|
+<template>
|
|
|
+ <div class="user-management-container">
|
|
|
+ <vab-query-form>
|
|
|
+ <!-- <vab-query-form-left-panel :span="5">
|
|
|
+ <el-button v-permissions="['system:report:add']" icon="el-icon-plus" type="primary" @click="handleEdit($event)">
|
|
|
+ 添加
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ v-permissions="['system:report:delete']"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ type="danger"
|
|
|
+ @click="handleDelete($event)">
|
|
|
+ 删除
|
|
|
+ </el-button>
|
|
|
+ </vab-query-form-left-panel> -->
|
|
|
+ <vab-query-form-top-panel>
|
|
|
+ <el-form :inline="true" :model="queryForm" @submit.native.prevent>
|
|
|
+ <el-form-item label="单位名称" prop="unitName">
|
|
|
+ <el-input v-model.trim="queryForm.unitName" clearable placeholder="请输入单位名称" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="职位" prop="objPosition">
|
|
|
+ <el-input v-model.trim="queryForm.objPosition" clearable placeholder="请输入职位" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="称呼" prop="objName">
|
|
|
+ <el-input v-model.trim="queryForm.objName" clearable placeholder="请输入称呼" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="电话" prop="objPhone">
|
|
|
+ <el-input v-model.trim="queryForm.objPhone" clearable placeholder="请输入电话" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="跟进状态" prop="reportType">
|
|
|
+ <el-select v-model="queryForm.qstStatus" clearable placeholder="跟进状态">
|
|
|
+ <el-option label="待跟进" value="10" />
|
|
|
+ <el-option label="已跟进" value="20" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </vab-query-form-top-panel>
|
|
|
+ </vab-query-form>
|
|
|
+
|
|
|
+ <el-table v-loading="listLoading" border :data="list" :height="height" @selection-change="setSelectRows">
|
|
|
+ <el-table-column align="center" show-overflow-tooltip type="selection" />
|
|
|
+
|
|
|
+ <el-table-column align="center" label="单位名称" prop="unitName" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="职位" prop="objPosition" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="称呼" prop="objName" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="电话" prop="objPhone" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="咨询事项" prop="csnMatters" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="跟进状态" prop="reportType">
|
|
|
+ <template #default="{ row }">
|
|
|
+ {{ row.qstStatus === '10' ? '待跟进' : '已跟进' }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" label="跟进情况" prop="followUp" show-overflow-tooltip />
|
|
|
+
|
|
|
+ <el-table-column align="center" label="创建时间" prop="createdTime">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ parseTime(scope.row.createdTime, '{y}-{m}-{d} {h}:{i}') }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" label="操作" show-overflow-tooltip width="125">
|
|
|
+ <template #default="{ row }">
|
|
|
+ <el-button v-permissions="['system:report:edit']" type="text" @click="handleEdit(row)">跟进</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <template #empty>
|
|
|
+ <el-image class="vab-data-empty" :src="require('@/assets/empty_images/data_empty.png')" />
|
|
|
+ </template>
|
|
|
+ </el-table>
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ :current-page="queryForm.pageNum"
|
|
|
+ :layout="layout"
|
|
|
+ :page-size="queryForm.pageSize"
|
|
|
+ :total="total"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ @size-change="handleSizeChange" />
|
|
|
+ <edit ref="edit" @fetch-data="fetchData" />
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import questionnaireApi from '@/api/plat/questionnaire'
|
|
|
+ import Edit from './components/ReportEdit'
|
|
|
+
|
|
|
+ export default {
|
|
|
+ name: 'Post',
|
|
|
+ components: { Edit },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ list: [],
|
|
|
+ listLoading: true,
|
|
|
+ layout: 'total, sizes, prev, pager, next, jumper',
|
|
|
+ total: 0,
|
|
|
+ selectRows: '',
|
|
|
+ queryForm: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ unitName: undefined,
|
|
|
+ objPosition: undefined,
|
|
|
+ objName: undefined,
|
|
|
+ objPhone: undefined,
|
|
|
+ qstStatus: undefined,
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ height() {
|
|
|
+ return this.$baseTableHeight(1)
|
|
|
+ },
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.fetchData()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ setSelectRows(val) {
|
|
|
+ this.selectRows = val
|
|
|
+ },
|
|
|
+ handleApplication(row) {
|
|
|
+ if (row.id) {
|
|
|
+ this.$refs['reportlist'].showEdit(row)
|
|
|
+ } else {
|
|
|
+ this.$refs['reportlist'].showEdit()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleEdit(row) {
|
|
|
+ if (row.id) {
|
|
|
+ this.$refs['edit'].showEdit(row)
|
|
|
+ } else {
|
|
|
+ this.$refs['edit'].showEdit()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleDelete(row) {
|
|
|
+ if (row.id) {
|
|
|
+ this.$baseConfirm('你确定要删除当前项吗', null, async () => {
|
|
|
+ const { msg } = await questionnaireApi.doDelete({ ids: [row.id] })
|
|
|
+ this.$baseMessage(msg, 'success', 'vab-hey-message-success')
|
|
|
+ await this.fetchData()
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ if (this.selectRows.length > 0) {
|
|
|
+ let ids = []
|
|
|
+ for (let item of this.selectRows) {
|
|
|
+ ids.push(item.id)
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$baseConfirm('你确定要删除选中项吗', null, async () => {
|
|
|
+ const { msg } = await questionnaireApi.doDelete({ ids })
|
|
|
+ this.$baseMessage(msg, 'success', 'vab-hey-message-success')
|
|
|
+ await this.fetchData()
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.$baseMessage('未选中任何行', 'error', 'vab-hey-message-error')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.queryForm.pageSize = val
|
|
|
+ this.fetchData()
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.queryForm.pageNum = val
|
|
|
+ this.fetchData()
|
|
|
+ },
|
|
|
+ queryData() {
|
|
|
+ this.queryForm.pageNum = 1
|
|
|
+ this.fetchData()
|
|
|
+ },
|
|
|
+ async fetchData() {
|
|
|
+ this.listLoading = true
|
|
|
+ const {
|
|
|
+ data: { list, total },
|
|
|
+ } = await questionnaireApi.getQuestionnaireList(this.queryForm)
|
|
|
+ this.list = list
|
|
|
+ this.total = total
|
|
|
+ this.listLoading = false
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }
|
|
|
+</script>
|