sdz/cmanager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

flat: 咨询信箱、等70%

Browse Source
This commit is contained in:
Apcallover
2024-04-28 22:18:03 +08:00
parent 3e5eba833a
commit b4b8fc7ed0
11 changed files with 1335 additions and 421 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/api/help/applicationsRecord/applicationsRecord.js
View File

@@ -1,15 +1,48 @@
import request from '@/router/axios';
export const getApplContentList =
(current, size, params) => {
(params) => {
return request({
url: '/api/jobslink-api/desk/applContent/getApplContentList',
url: '/api/jobslink-api/content/questionnaireSurveyInfo/list',
method: 'get',
params: {
...params,
current,
size
}
params
})
}
export const addApplContentList =
(params) => {
return request({
url: '/api/jobslink-api/content/questionnaireSurveyInfo/add',
method: 'post',
data: params
})
}
export const changePublish =
(params) => {
return request({
url: '/api/jobslink-api/content/questionnaireSurveyInfo/publish',
method: 'post',
data: params
})
}
export const deleteQuestionnaireSurveyInfo =
(params) => {
return request({
url: '/api/jobslink-api/content/questionnaireSurveyInfo/delete',
method: 'delete',
params
})
}
export const getQueryQuestionnaireSurveyUserBySurveyId =
(params) => {
return request({
url: '/api/jobslink-api/content/questionnaireSurveyInfo/queryQuestionnaireSurveyUserBySurveyId',
method: 'get',
params
})
}

10
src/api/manage/mailbox.js
View File

@@ -1,14 +1,10 @@
import request from '@/router/axios';
export const getList =
(current, size, params) => {
(params) => {
return request({
url: '/api/jobslink-api//content/consultMailboxInfo/list',
url: '/api/jobslink-api/content/consultMailboxInfo/list',
method: 'get',
params: {
...params,
current,
size,
}
params
})
}

18
src/api/manage/superviseComplaintInfo.js
View File

@@ -1,14 +1,20 @@
import request from '@/router/axios';
export const getList =
(current, size, params) => {
(params) => {
return request({
url: '/api/jobslink-api/content/superviseComplaintInfo/list',
method: 'get',
params: {
...params,
current,
size,
}
params,
})
}
export const getInfo =
(params) => {
return request({
url: '/api/jobslink-api/content/superviseComplaintInfo/queryById',
method: 'get',
params,
})
}

54
src/api/manage/survey.js Normal file
View File

@@ -0,0 +1,54 @@
import request from '@/router/axios';
export const getList =
(params) => {
return request({
url: '/api/jobslink-api/content/employmentSurveyManage/list',
method: 'get',
params,
})
}
export const getInfo =
(params) => {
return request({
url: '/api/jobslink-api/content/employmentSurveyManage/queryById',
method: 'get',
params,
})
}
export const addEmploymentSurveyManage =
(params) => {
return request({
url: '/api/jobslink-api/content/employmentSurveyManage/add',
method: 'post',
data: params,
})
}
export const deleteEmploymentSurveyManage =
(params) => {
return request({
url: '/api/jobslink-api/content/employmentSurveyManage/delete',
method: 'delete',
params,
})
}
export const getQueryEmploymentSurveyUserBySurveyId =
(params) => {
return request({
url: '/api/jobslink-api/content/employmentSurveyManage/queryEmploymentSurveyUserBySurveyId',
method: 'get',
params,
})
}
export const publishEmploymentSurveyManage =
(params) => {
return request({
url: '/api/jobslink-api/content/employmentSurveyManage/publish',
method: 'post',
data: params,
})
}

523
src/views/manage/applicationsRecord/index.vue
View File

@@ -6,6 +6,8 @@
:data="data"
:page.sync="page"
ref="crud"
@row-save="rowSave"
@row-del="rowDel"
@search-change="searchChange"
@current-change="currentChange"
@size-change="sizeChange"
@@ -13,267 +15,294 @@
@search-reset="searchReset"
@on-load="onLoad"
>
<template slot="search" slot-scope="{row,size}">
<div style="width: 500px;">
<el-date-picker
v-model="row.applTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd"
@change="dateChange">
</el-date-picker>
</div>
<!-- <template slot="search" slot-scope="{row,size}">-->
<!-- <div style="width: 500px;">-->
<!-- <el-date-picker-->
<!-- v-model="row.applTime"-->
<!-- type="daterange"-->
<!-- range-separator="至"-->
<!-- start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期"-->
<!-- format="yyyy 年 MM 月 dd 日"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- @change="dateChange">-->
<!-- </el-date-picker>-->
<!-- </div>-->
<!-- </template>-->
<template slot="status" slot-scope="{ row }">
<el-switch
:value="row.status"
:active-value="1"
:inactive-value="0"
active-color="#13ce66"
inactive-color="#ff4949"
@change="changeStatus(row)"
>
</el-switch>
</template>
<template slot="menu" slot-scope="{row}">
<el-button size="small" type="text" @click="look(row)">查看</el-button>
<el-button size="small" type="text" @click="look(row)">
<i class="el-icon-view"></i>
查看回答
</el-button>
</template>
</avue-crud>
<!-- 新增、编辑 -->
<el-drawer :title="drawerTitle" :visible.sync="viewDrawer" size="60%">
<div>
<p>申请信息：</p>
<el-table
:data="lookData"
style="width: 100%;min-height: 120px !important;">
<el-table-column
prop="name"
label="姓名">
</el-table-column>
<el-table-column
prop="telephone"
label="手机号码"
width="180">
</el-table-column>
<el-table-column
prop="type"
label="申请类型">
<template slot-scope="{ row }">
<span v-if="row.type==1">法律咨询</span>
<span v-if="row.type==2">技能提升</span>
</template>
</el-table-column>
<el-table-column
prop="applTime"
label="申请时间">
<template slot-scope="{ row }">
<span>{{dateFormat(new Date(row.applTime), "yyyy/MM/dd")}}</span>
</template>
</el-table-column>
</el-table>
<p>申请内容：</p>
<Tinymce v-if="viewDrawer" v-model="formOption.content" ref="tinymce"></Tinymce>
</div>
</el-drawer>
<Detail :visible.sync="viewDrawer" :rowData="selectPushServiceData"></Detail>
</basic-container>
</template>
<script>
import {dateFormat} from '@/util/date'
import Tinymce from "@/components/Tinymce";
import {getApplContentList} from '@/api/help/applicationsRecord/applicationsRecord'
import {
getAllContentCategoryFirstList,
getAllContentCategorySecondList
} from '@/api/help/classify'
import {dateFormat} from '@/util/date'
import Tinymce from "@/components/Tinymce";
import {
getApplContentList,
addApplContentList,
changePublish,
deleteQuestionnaireSurveyInfo
} from '@/api/help/applicationsRecord/applicationsRecord'
import Detail from './sub/detail.vue'
export default {
name: "index",
components: {
Tinymce
},
mounted() {
this.firstList()
},
data () {
const initPages = {
pageSize: 10,
currentPage: 1,
total: 100,
}
const classStatus = {
0: '未发布',
1: '发布',
2: '关闭'
}
const classIsRead = {
0: '未阅读',
1: '已阅读',
}
const classEnumStatus = Object.keys(classStatus).map((item) => ({
label: classStatus[item], value: Number(item)
}))
const classEnumIsRead = Object.keys(classIsRead).map((item) => ({
label: classIsRead[item], value: Number(item)
}))
export default {
name: "index",
components: {
Tinymce,
Detail
},
mounted() {
},
data() {
return {
applTime: '',
selectPushServiceData: null,
loading: false,
viewDrawer: false,
query: {},
data: [],
page: Object.assign({}, initPages),
}
},
computed: {
option() {
return {
applTime: '',
loading:false,
viewDrawer:false,
drawerTitle: '新增内容',
formOption: {},
query: {},
rules: {
name: [
{ required: true, message: '请输入内容标题', trigger: 'blur' }
],
type: [
{ required: true, message: '请选择分类', trigger: 'blur' }
],
content: [
{ required: true, message: '请输入内容', trigger: 'blur' }
],
},
option: {
height: "auto",
tip: false,
searchShow: true,
searchMenuSpan: 6,
border: true,
index: true,
indexLabel: "序号",
selection: false,
viewBtn: false,
addBtn: false,
editBtn:false,
delBtn: false,
columnBtn: false,
menuWidth: 300,
labelWidth: 151,
dialogClickModal: false,
dialogType: "drawer",
dialogFullscreen: true,
column: [
{
label: "姓名",
prop: "name",
display: false,
search: true
},
{
label: "手机号码",
prop: "telephone",
display: false,
search: true
},
{
label: "申请类型",
prop: "type",
display: false,
search: true,
type: "tree",
dicData: [
{
name: '法律咨询',
type: 1
},
{
name: '技能提升',
type: 2
}
],
props: {
label: "name",
value: "type",
height: "auto",
tip: false,
searchShow: true,
searchMenuSpan: 6,
border: true,
index: true,
indexLabel: "序号",
selection: false,
viewBtn: true,
viewBtnText: "查看问卷",
addBtn: true,
editBtn: false,
delBtn: true,
columnBtn: false,
menuWidth: 300,
labelWidth: 151,
dialogClickModal: false,
dialogType: "drawer",
dialogFullscreen: true,
align: 'center',
column: [
{
label: "机构名称",
prop: "companyName",
addDisplay: false,
span: 24,
},
{
label: "问卷题目",
prop: "surveyTitle",
span: 24,
search: true,
rules: [
{
required: true,
message: "输入问卷题目",
trigger: "change",
},
},
{
label: "申请时间",
prop: "applTime",
display: false,
type:'datetime',
searchSpan:8,
searchRange:true,
format: "yyyy/MM/dd",
}
]
},
data: [],
lookData: [],
page: {
pageSize: 10,
currentPage: 1,
total: 100,
},
}
},
methods: {
dateFormat,
dateChange(val){
if(val){
this.query.applTimeStart = val[0] + "00:00:00";
this.query.applTimeEnd = val[1] + "23:59:59";
}else{
this.query.applTimeStart = '';
this.query.applTimeEnd = '';
}
},
firstList(){
getAllContentCategoryFirstList().then(res => {
this.first = res.data.data
})
},
secondList (id) {
getAllContentCategorySecondList (id).then(res => {
this.formOption.secondId = ''
this.second = res.data.data
})
},
add () {
this.formOption = {}
this.drawerTitle = '新增内容'
this.viewDrawer = true
this.$nextTick(() => {
this.$refs.ruleForm.clearValidate();
})
},
look(row){
this.drawerTitle = '查看'
this.lookData = JSON.parse(JSON.stringify([row]))
this.formOption = JSON.parse(JSON.stringify(row))
this.viewDrawer = true
},
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
console.log(this.formOption);
this.viewDrawer = false
} else {
console.log('error submit!!');
return false;
}
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
this.viewDrawer = false
},
/* 表格方法 */
onLoad(page, params = {}) {
this.loading = true;
getApplContentList(
page.currentPage,
page.pageSize,
Object.assign(this.query, params)
).then((res) => {
this.data = res.data.data.records;
this.page.total = res.data.data.total;
this.loading = false;
});
},
searchReset() {
this.query = {};
this.onLoad(this.page);
},
searchChange(params,done) {
console.log(params);
if (params.applTime) {
var val = JSON.parse(JSON.stringify(params.applTime))
params.applTimeStart = val[0] + " 00:00:00";
params.applTimeEnd = val[1] + " 23:59:59";
delete params.applTime
}
this.query = params;
console.log(this.query);
this.page.currentPage = 1;
this.onLoad(this.page, params);
done();
},
currentChange(val) {
this.page.currentPage = val
},
sizeChange(val) {
this.page.currentPage = 1
this.page.pageSize = val
},
refreshChange () {
this.page.currentPage = 1;
this.onLoad(this.page)
]
},
{
label: "问卷内容",
prop: "surveyContent",
span: 24,
search: false,
rules: [
{
required: true,
message: "输入问卷内容",
trigger: "change",
},
]
},
{
label: "创建人",
prop: "createUser",
addDisplay: false,
},
{
label: "创建时间",
prop: "createTime",
type: 'datetime',
addDisplay: false,
searchSpan: 8,
searchRange: true,
search: false,
format: "yyyy/MM/dd",
},
{
label: '发布状态',
prop: 'status',
type: 'select',
addDisplay: false,
dicData: [
{label: '未发布', value: 0},
{label: '已发布', value: 1},
],
slot: true,
width: 100
},
]
}
}
},
methods: {
dateFormat,
searchReset() {
this.query = {};
this.page.currentPage = 1
this.onLoad();
},
searchChange(params, done) {
console.log(params);
this.query = params;
this.page.currentPage = 1;
this.onLoad();
done();
},
currentChange(val) {
this.page.currentPage = val
this.onLoad()
},
sizeChange(val) {
this.page.currentPage = 1
this.page.pageSize = val
this.onLoad()
},
refreshChange() {
this.page.currentPage = 1;
this.onLoad()
},
look(row) {
this.selectPushServiceData = row
this.viewDrawer = true
},
async changeStatus(row) {
const status = row.status ? 0 : 1
let params = {id: row.id, status}
console.log(params)
let resData = await changePublish(params)
if (resData.data.code === 200) {
this.$message.success('状态修改成功');
this.onLoad()
}
},
rowDel(row) {
const h = this.$createElement;
this.$confirm(
h("div", null, [
h("p", {style: "font-size: 16px"}, "您确定要删除此问卷吗? "),
h("p", {style: "color: red"}, "一旦删除则无法找回"),
]),
{
type: "warning",
showClose: false,
showCancelButton: true,
confirmButtonText: "确定",
cancelButtonText: "取消",
beforeClose: async (action, instance, done) => {
if (action === "confirm") {
let resData = await deleteQuestionnaireSurveyInfo({id: row.id})
if (resData.data.code === 200) {
this.onLoad()
this.$message({
type: "success",
message: "操作成功!",
});
}
done()
} else {
done();
}
},
}
)
},
rowSave(row, done, loading) {
const params = {
surveyTitle: row.surveyTitle,
surveyContent: row.surveyContent,
};
addApplContentList(params).then(
() => {
this.page.currentPage = 1
this.onLoad();
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
window.console.log(error);
loading();
})
},
/* 表格方法 */
onLoad() {
return new Promise(async (resolve, reject) => {
this.loading = true;
let params = {
current: this.page.currentPage,
size: this.page.pageSize,
...this.query,
}
let resData = await getApplContentList(params)
if (resData.data.code === 200) {
const {current, records, total, size} = resData.data.data
this.data = records;
this.page.total = total;
this.loading = false;
}
resolve()
})
},
}
}
</script>
<style scoped>

167
src/views/manage/applicationsRecord/sub/detail.vue Normal file
View File

@@ -0,0 +1,167 @@
<template>
<el-drawer
title="问卷回答列表"
:visible.sync="viewDrawer"
append-to-body
size="100%"
>
<avue-crud
:option="option"
:table-loading="loading"
:data="data"
:page.sync="page"
ref="crud"
@search-change="searchChange"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@search-reset="searchReset"
>
</avue-crud>
</el-drawer>
</template>
<script>
import {
getQueryQuestionnaireSurveyUserBySurveyId,
} from '@/api/help/applicationsRecord/applicationsRecord'
const initPages = {
pageSize: 10,
currentPage: 1,
total: 100,
}
export default {
props: {
visible: Boolean,
rowData: {default: null, type: Function},
},
computed: {
viewDrawer: {
get() {
return this.visible;
},
set(val) {
this.$emit("update:visible", val);
},
},
option() {
return {
size: 'medium',
dateBtn: false,
addBtn: false,
editBtn: false,
delBtn: false,
height: "auto",
reserveSelection: false,
border: true,
columnBtn: false,
refreshBtn: false,
menu: false,
tip: false,
selection: true,
searchMenuSpan: 6,
align: 'center',
column: [
{
label: '应答人',
prop: 'replyName',
search: true,
}, {
label: '回复内容',
prop: 'replyContent',
}, {
label: '用户电话',
prop: 'replyPhone',
search: true,
}, {
label: '手机号',
prop: 'surveyContent',
search: true,
}, {
label: '创建人',
prop: 'createUser',
}, {
label: '创建时间',
prop: 'createTime',
},
]
}
}
},
watch: {
viewDrawer(val) {
val ? this.onPageLoad() : null
}
},
data() {
return {
loading: false,
data: [],
page: Object.assign({}, initPages),
query: {}
}
},
created() {
},
methods: {
onPageLoad() {
if (!this.rowData) return
console.log('row2', this.rowData)
this.onLoad()
},
searchChange(params, done) {
this.query = params;
this.page.currentPage = 1;
this.onLoad();
done();
},
currentChange(val) {
this.page.currentPage = val
this.onLoad()
},
sizeChange(val) {
this.page.currentPage = 1
this.page.pageSize = val
this.onLoad()
},
refreshChange() {
this.page.currentPage = 1;
this.onLoad()
},
searchReset() {
this.query = {};
this.page.currentPage = 1
this.onLoad();
},
onLoad() {
if (!this.rowData) return
return new Promise(async (resolve, reject) => {
let params = {
surveyId: this.rowData.id,
current: this.page.currentPage,
size: this.page.pageSize,
...this.query,
}
this.loading = true
let resData = await getQueryQuestionnaireSurveyUserBySurveyId(params)
if (resData.data.code === 200) {
const {current, records, total, size} = resData.data.data
this.data = records;
this.page.total = total;
this.loading = false;
resolve()
} else {
reject()
}
})
}
}
}
</script>
<style>
</style>

198
src/views/manage/mailbox/index.vue
View File

@@ -13,26 +13,26 @@
@search-reset="searchReset"
@on-load="onLoad"
>
<template slot="menu" slot-scope="{row}">
<el-button size="small" type="text" @click="look(row)">查看</el-button>
</template>
<!-- <template slot="menu" slot-scope="{row}">-->
<!-- <el-button size="small" type="text" @click="seeDetail(row)">查看</el-button>-->
<!-- </template>-->
</avue-crud>
<!-- 新增、编辑 -->
<el-drawer :title="drawerTitle" :visible.sync="viewDrawer" size="60%">
<div>
<el-row :gutter="20">
<el-col :span="12"><span>咨询部门：</span>{{ lookData.consultDeptName }}</el-col>
<el-col :span="12"><span>咨询题目：</span>{{ lookData.consultTopic }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>咨询内容：</span>{{ lookData.consultContent }}</el-col>
<el-col :span="12"><span>联系电话：</span>{{ lookData.consultPhone }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>咨询日期：</span>{{ lookData.consultTime }}</el-col>
</el-row>
</div>
</el-drawer>
<!-- <el-drawer :title="drawerTitle" :visible.sync="viewDrawer" size="60%">-->
<!-- <div>-->
<!-- <el-row :gutter="20">-->
<!-- <el-col :span="12"><span>咨询部门：</span>{{ lookData.consultDeptName }}</el-col>-->
<!-- <el-col :span="12"><span>咨询题目：</span>{{ lookData.consultTopic }}</el-col>-->
<!-- </el-row>-->
<!-- <el-row :gutter="20">-->
<!-- <el-col :span="12"><span>咨询内容：</span>{{ lookData.consultContent }}</el-col>-->
<!-- <el-col :span="12"><span>联系电话：</span>{{ lookData.consultPhone }}</el-col>-->
<!-- </el-row>-->
<!-- <el-row :gutter="20">-->
<!-- <el-col :span="12"><span>咨询日期：</span>{{ lookData.consultTime }}</el-col>-->
<!-- </el-row>-->
<!-- </div>-->
<!-- </el-drawer>-->
</basic-container>
</template>
@@ -40,43 +40,97 @@
import {dateFormat} from '@/util/date'
import Tinymce from "@/components/Tinymce";
import {getList} from '@/api/manage/mailbox'
const classStatus = {
0: '未处理',
1: '已处理',
}
const initPages = {
pageSize: 10,
currentPage: 1,
total: 100,
}
const classEnumStatus = Object.keys(classStatus).map((item) => ({
label: classStatus[item], value: Number(item)
}))
const columnList = [
{
label: "咨询部门",
prop: "consultDeptName",
search: false,
},
// {
// label: "咨询部门",
// prop: "consultDeptName",
// search: true,
// },
{
label: "咨询题目",
prop: "consultTopic",
search: false,
search: true,
},
{
label: "咨询人",
prop: "consultName",
search: true,
}, {
label: "创建人",
prop: "createUser",
hide: true,
}, {
label: "创建部门",
prop: "createDept",
hide: true,
}, {
label: "修改人",
prop: "updateUser",
hide: true,
},
{
label: "咨询内容",
prop: "consultContent",
search: false,
}, {
label: "联系电话",
prop: "consultPhone",
},
{
label: "意见内容",
prop: "opinionContent",
search: false,
},
{
label: "联系电话",
prop: "reply_content",
search: true,
},
{
label: "咨询日期",
prop: "consultTime",
type:'datetime',
searchSpan:8,
searchRange:true,
}
type: 'datetime',
searchSpan: 8,
searchRange: true,
},
{
label: "处置情况",
prop: "disposalSituation",
search: true,
},
{
label: "是否阅读",
prop: "isRead",
search: false,
hide: true,
},
{
label: "是否处理",
prop: "status",
type: "select",
dicData: classEnumStatus,
search: true,
},
]
const rules = {
name: [
{ required: true, message: '请输入内容标题', trigger: 'blur' }
{required: true, message: '请输入内容标题', trigger: 'blur'}
],
type: [
{ required: true, message: '请选择分类', trigger: 'blur' }
{required: true, message: '请选择分类', trigger: 'blur'}
],
content: [
{ required: true, message: '请输入内容', trigger: 'blur' }
{required: true, message: '请输入内容', trigger: 'blur'}
],
}
export default {
@@ -86,16 +140,23 @@ export default {
},
mounted() {
},
data () {
data() {
return {
applTime: '',
loading:false,
viewDrawer:false,
loading: false,
viewDrawer: false,
drawerTitle: '新增内容',
formOption: {},
query: {},
rules: Object.assign({}, rules),
option: {
data: [],
lookData: {},
page: Object.assign({}, initPages),
}
},
computed: {
option() {
return {
height: "auto",
tip: false,
searchShow: true,
@@ -104,25 +165,18 @@ export default {
index: true,
indexLabel: "序号",
selection: false,
viewBtn: false,
viewBtn: true,
addBtn: false,
editBtn:false,
editBtn: false,
delBtn: false,
columnBtn: false,
menuWidth: 300,
labelWidth: 151,
menuWidth: 150,
// labelWidth: 151,
dialogClickModal: false,
dialogType: "drawer",
dialogFullscreen: true,
column: columnList,
},
data: [],
lookData: {},
page: {
pageSize: 10,
currentPage: 1,
total: 100,
},
}
}
},
methods: {
@@ -137,24 +191,11 @@ export default {
this.$refs[formName].resetFields();
this.viewDrawer = false
},
/* 表格方法 */
onLoad(page, params = {}) {
this.loading = true;
getList(
page.currentPage,
page.pageSize,
Object.assign(this.query, params)
).then((res) => {
this.data = res.data.data.records;
this.page.total = res.data.data.total;
this.loading = false;
});
},
searchReset() {
this.query = {};
this.onLoad(this.page);
this.onLoad();
},
searchChange(params,done) {
searchChange(params, done) {
console.log(params);
if (params.applTime) {
var val = JSON.parse(JSON.stringify(params.applTime))
@@ -165,7 +206,7 @@ export default {
this.query = params;
console.log(this.query);
this.page.currentPage = 1;
this.onLoad(this.page, params);
this.onLoad();
done();
},
currentChange(val) {
@@ -175,9 +216,30 @@ export default {
this.page.currentPage = 1
this.page.pageSize = val
},
refreshChange () {
refreshChange() {
this.page.currentPage = 1;
this.onLoad(this.page)
this.onLoad()
},
/* 表格方法 */
onLoad() {
return new Promise(async (resolve, reject) => {
this.loading = true;
let params = {
current: this.page.currentPage,
size: this.page.pageSize,
...this.query,
}
let resData = await getList(params)
if (resData.data.code === 200) {
const {current, records, total, size} = resData.data.data
this.data = records;
this.page.total = total;
this.loading = false;
}
resolve()
})
},
seeDetail() {
}
}
}

202
src/views/manage/superviseComplaintInfo/index.vue
View File

@@ -13,90 +13,107 @@
@search-reset="searchReset"
@on-load="onLoad"
>
<template slot="menu" slot-scope="{row}">
<el-button size="small" type="text" @click="look(row)">查看</el-button>
</template>
</avue-crud>
<!-- 新增、编辑 -->
<el-drawer :title="drawerTitle" :visible.sync="viewDrawer" size="60%">
<div>
<el-row :gutter="20">
<el-col :span="12"><span>投诉标题：</span>{{ lookData.complaintTitle }}</el-col>
<el-col :span="12"><span>投诉对象：</span>{{ lookData.complaintObject }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>投诉类型：</span>{{ classEnum[lookData.complaintType] }}</el-col>
<el-col :span="12"><span>联系方式：</span>{{ lookData.complaintPhone }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>创建时间：</span>{{ lookData.complaintTime }}</el-col>
</el-row>
</div>
</el-drawer>
</basic-container>
</template>
<script>
import {dateFormat} from '@/util/date'
import Tinymce from "@/components/Tinymce";
import {getList} from '@/api/manage/superviseComplaintInfo'
import {getList, getInfo} from '@/api/manage/superviseComplaintInfo'
const initPages = {
pageSize: 10,
currentPage: 1,
total: 100,
}
const classEnum = {
1: '分类1',
2: '分类2',
3: '分类3',
4: '分类4',
"1": '一般投诉',
"2": '较难投诉',
"3": '困难投诉',
"4": '特殊投诉',
}
const classIsDeleted = {
0: '否',
1: '是',
}
const classStatus = {
0: '未发布',
1: '发布',
2: '关闭'
}
const classEnumList = Object.keys(classEnum).map((item) => ({
name: classEnum[item], type: Number(item)
label: classEnum[item], value: item
}))
const classEnumDeleted = Object.keys(classIsDeleted).map((item) => ({
label: classIsDeleted[item], value: Number(item)
}))
const classEnumStatus = Object.keys(classStatus).map((item) => ({
label: classStatus[item], value: Number(item)
}))
const columnList = [
{
label: "投诉标题",
prop: "complaintTitle",
search: false
search: true
},
{
label: "投诉对象",
prop: "complaintObject",
search: false
search: true
},
{
label: "投诉名称",
prop: "complaintName",
search: false
}, {
label: "联系方式",
prop: "complaintPhone",
search: false
search: true
},
{
label: "投诉类型",
prop: "complaintType",
search: false,
type: "tree",
type: "select",
dataType: "number",
dicData: classEnumList,
props: {
label: "name",
value: "type",
},
display: false,
search: true
},
{
label: "是否处理",
prop: "status",
type: "select",
dicData: classEnumStatus,
search: true,
},
{
label: "是否删除",
prop: "isDeleted",
type: "select",
dicData: classEnumDeleted,
search: false,
},
{
label: "是否已读",
prop: "isRead",
type: "select",
dicData: classEnumDeleted,
search: true,
},
{
label: "创建时间",
prop: "complaintTime",
type:'datetime',
searchSpan:8,
searchRange:true,
type: 'datetime',
searchSpan: 8,
searchRange: true,
}
]
const rules = {
name: [
{ required: true, message: '请输入内容标题', trigger: 'blur' }
{required: true, message: '请输入内容标题', trigger: 'blur'}
],
type: [
{ required: true, message: '请选择分类', trigger: 'blur' }
{required: true, message: '请选择分类', trigger: 'blur'}
],
content: [
{ required: true, message: '请输入内容', trigger: 'blur' }
{required: true, message: '请输入内容', trigger: 'blur'}
],
}
export default {
@@ -104,18 +121,27 @@ export default {
components: {
Tinymce
},
mounted() {
created() {
// this.seeDetail({id: '1783485236359442433'})
},
data () {
data() {
return {
applTime: '',
loading:false,
viewDrawer:false,
loading: false,
viewDrawer: false,
drawerTitle: '新增内容',
formOption: {},
query: {},
rules: Object.assign({}, rules),
option: {
data: [],
lookData: {},
classEnum,
page: Object.assign({}, initPages),
}
},
computed: {
option() {
return {
height: "auto",
tip: false,
searchShow: true,
@@ -124,58 +150,31 @@ export default {
index: true,
indexLabel: "序号",
selection: false,
viewBtn: false,
viewBtn: true,
addBtn: false,
editBtn:false,
editBtn: false,
delBtn: false,
columnBtn: false,
menuWidth: 300,
menuWidth: 140,
labelWidth: 151,
dialogClickModal: false,
dialogType: "drawer",
dialogFullscreen: true,
column: columnList,
},
data: [],
lookData: {},
classEnum,
page: {
pageSize: 10,
currentPage: 1,
total: 100,
},
}
}
},
methods: {
dateFormat,
look(row) {
this.drawerTitle = '查看'
this.lookData = JSON.parse(JSON.stringify(row))
this.formOption = JSON.parse(JSON.stringify(row))
this.viewDrawer = true
},
resetForm(formName) {
this.$refs[formName].resetFields();
this.viewDrawer = false
},
/* 表格方法 */
onLoad(page, params = {}) {
this.loading = true;
getList(
page.currentPage,
page.pageSize,
Object.assign(this.query, params)
).then((res) => {
this.data = res.data.data.records;
this.page.total = res.data.data.total;
this.loading = false;
});
},
searchReset() {
this.query = {};
this.onLoad(this.page);
this.onLoad();
},
searchChange(params,done) {
searchChange(params, done) {
console.log(params);
if (params.applTime) {
var val = JSON.parse(JSON.stringify(params.applTime))
@@ -186,7 +185,7 @@ export default {
this.query = params;
console.log(this.query);
this.page.currentPage = 1;
this.onLoad(this.page, params);
this.onLoad();
done();
},
currentChange(val) {
@@ -196,9 +195,42 @@ export default {
this.page.currentPage = 1
this.page.pageSize = val
},
refreshChange () {
refreshChange() {
this.page.currentPage = 1;
this.onLoad(this.page)
this.onLoad()
},
/* 表格方法 */
onLoad() {
return new Promise(async (resolve, reject) => {
this.loading = true;
let params = {
current: this.page.currentPage,
size: this.page.pageSize,
...this.query,
}
let resData = await getList(params)
if (resData.data.code === 200) {
const {current, records, total, size} = resData.data.data
this.data = records;
this.page.total = total;
this.loading = false;
}
resolve()
})
},
seeDetail(row) {
return new Promise(async (resolve, reject) => {
let params = {
id: row.id
}
let resData = await getInfo(params)
if (resData.data.code === 200) {
this.drawerTitle = '查看'
this.lookData = JSON.parse(JSON.stringify(resData.data.data))
this.formOption = JSON.parse(JSON.stringify(resData.data.data))
this.viewDrawer = true
}
})
}
}
}

368
src/views/manage/survey/index.vue Normal file
View File

@@ -0,0 +1,368 @@
<template>
<basic-container>
<avue-crud
:option="option"
:table-loading="loading"
:data="data"
:page.sync="page"
ref="crud"
@row-save="rowSave"
@row-del="rowDel"
@search-change="searchChange"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@search-reset="searchReset"
@on-load="onLoad"
>
<template slot="status" slot-scope="{ row }">
<el-switch
:value="row.status"
:active-value="1"
:inactive-value="0"
active-color="#13ce66"
inactive-color="#ff4949"
@change="changeStatus(row)"
>
</el-switch>
</template>
<template slot="menu" slot-scope="{row}">
<el-button size="small" type="text" @click="look(row)">
<i class="el-icon-view"></i>
查看回答
</el-button>
</template>
</avue-crud>
<Detail
:visible.sync="viewDrawer" :rowData="selectPushServiceData"
></Detail>
</basic-container>
</template>
<script>
import {dateFormat} from '@/util/date'
import Tinymce from "@/components/Tinymce";
import {
getList,
getInfo,
addEmploymentSurveyManage,
deleteEmploymentSurveyManage,
publishEmploymentSurveyManage
} from '@/api/manage/survey'
import Detail from './sub/detail.vue'
const initPages = {
pageSize: 10,
currentPage: 1,
total: 100,
}
const classEnum = {
"1": '一般投诉',
"2": '较难投诉',
"3": '困难投诉',
"4": '特殊投诉',
}
const classIsDeleted = {
0: '否',
1: '是',
}
const classStatus = {
0: '未发布',
1: '已发布',
2: '关闭'
}
const classEnumList = Object.keys(classEnum).map((item) => ({
label: classEnum[item], value: item
}))
const classEnumDeleted = Object.keys(classIsDeleted).map((item) => ({
label: classIsDeleted[item], value: Number(item)
}))
const classEnumStatus = Object.keys(classStatus).map((item) => ({
label: classStatus[item], value: Number(item)
}))
const columnList = [
{
label: "机构名称",
prop: "companyName",
search: true,
addDisplay: false,
},
{
label: "调研题目",
prop: "surveyTitle",
span: 24,
search: true,
rules: [
{
required: true,
message: "输入调研题目",
trigger: "change",
},
]
},
{
label: "调研内容",
prop: "surveyContent",
span: 24,
search: true,
rules: [
{
required: true,
message: "输入调研内容",
trigger: "change",
},
]
},
{
label: "是否删除",
prop: "isDeleted",
type: "select",
addDisplay: false,
dicData: classEnumDeleted,
search: false,
},
{
label: "是否已读",
prop: "isRead",
addDisplay: false,
type: "select",
dicData: classEnumDeleted,
search: true,
},
{
label: "创建人",
prop: "createUser",
addDisplay: false,
hide: true,
},
{
label: "创建部门",
prop: "createDept",
addDisplay: false,
hide: true,
},
{
label: "调研时间",
prop: "surveyTime",
addDisplay: false,
hide: true,
},
{
label: "创建时间",
prop: "createTime",
addDisplay: false,
type: 'datetime',
searchSpan: 8,
searchRange: true,
},
{
label: "是否发布",
prop: "status",
type: "select",
addDisplay: false,
dicData: classEnumStatus,
search: true,
slot: true
},
]
const rules = {
name: [
{required: true, message: '请输入内容标题', trigger: 'blur'}
],
type: [
{required: true, message: '请选择分类', trigger: 'blur'}
],
content: [
{required: true, message: '请输入内容', trigger: 'blur'}
],
}
export default {
name: "index",
components: {
Tinymce,
Detail
},
created() {
},
data() {
return {
applTime: '',
loading: false,
viewDrawer: false,
drawerTitle: '新增内容',
formOption: {},
query: {},
rules: Object.assign({}, rules),
data: [],
lookData: {},
classEnum,
page: Object.assign({}, initPages),
}
},
computed: {
option() {
return {
height: "auto",
tip: false,
searchShow: true,
searchMenuSpan: 6,
border: true,
index: true,
indexLabel: "序号",
selectPushServiceData: null,
selection: false,
viewBtn: true,
addBtn: true,
editBtn: false,
viewBtnText: "查看调研",
delBtn: true,
columnBtn: false,
menuWidth: 300,
labelWidth: 151,
dialogClickModal: false,
dialogType: "drawer",
dialogFullscreen: true,
column: columnList,
}
}
},
methods: {
dateFormat,
look(row) {
this.selectPushServiceData = row
this.viewDrawer = true
},
resetForm(formName) {
this.$refs[formName].resetFields();
this.viewDrawer = false
},
searchReset() {
this.query = {};
this.onLoad();
},
searchChange(params, done) {
console.log(params);
if (params.applTime) {
var val = JSON.parse(JSON.stringify(params.applTime))
params.applTimeStart = val[0] + " 00:00:00";
params.applTimeEnd = val[1] + " 23:59:59";
delete params.applTime
}
this.query = params;
console.log(this.query);
this.page.currentPage = 1;
this.onLoad();
done();
},
async changeStatus(row) {
const status = row.status ? 0 : 1
let params = {id: row.id, status}
console.log(params)
let resData = await publishEmploymentSurveyManage(params)
if (resData.data.code === 200) {
this.$message.success('状态修改成功');
this.onLoad()
}
},
currentChange(val) {
this.page.currentPage = val
},
sizeChange(val) {
this.page.currentPage = 1
this.page.pageSize = val
},
refreshChange() {
this.page.currentPage = 1;
this.onLoad()
},
rowDel(row) {
const h = this.$createElement;
this.$confirm(
h("div", null, [
h("p", {style: "font-size: 16px"}, "您确定要删除此问卷吗? "),
h("p", {style: "color: red"}, "一旦删除则无法找回"),
]),
{
type: "warning",
showClose: false,
showCancelButton: true,
confirmButtonText: "确定",
cancelButtonText: "取消",
beforeClose: async (action, instance, done) => {
if (action === "confirm") {
let resData = await deleteEmploymentSurveyManage({id: row.id})
if (resData.data.code === 200) {
this.onLoad()
this.$message({
type: "success",
message: "操作成功!",
});
}
done()
} else {
done();
}
},
}
)
},
rowSave(row, done, loading) {
const params = {
surveyTitle: row.surveyTitle,
surveyContent: row.surveyContent,
};
addEmploymentSurveyManage(params).then(
() => {
this.page.currentPage = 1
this.onLoad();
this.$message({
type: "success",
message: "操作成功!",
});
done();
},
(error) => {
window.console.log(error);
loading();
})
},
/* 表格方法 */
onLoad() {
return new Promise(async (resolve, reject) => {
this.loading = true;
let params = {
current: this.page.currentPage,
size: this.page.pageSize,
...this.query,
}
let resData = await getList(params)
if (resData.data.code === 200) {
const {current, records, total, size} = resData.data.data
this.data = records;
this.page.total = total;
this.loading = false;
}
resolve()
})
},
seeDetail(row) {
return new Promise(async (resolve, reject) => {
let params = {
id: row.id
}
let resData = await getInfo(params)
if (resData.data.code === 200) {
this.drawerTitle = '查看'
this.lookData = JSON.parse(JSON.stringify(resData.data.data))
this.formOption = JSON.parse(JSON.stringify(resData.data.data))
this.viewDrawer = true
}
})
}
}
}
</script>
<style scoped>
</style>

167
src/views/manage/survey/sub/detail.vue Normal file
View File

@@ -0,0 +1,167 @@
<template>
<el-drawer
title="问卷回答列表"
:visible.sync="viewDrawer"
append-to-body
size="100%"
>
<avue-crud
:option="option"
:table-loading="loading"
:data="data"
:page.sync="page"
ref="crud"
@search-change="searchChange"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@search-reset="searchReset"
>
</avue-crud>
</el-drawer>
</template>
<script>
import {
getQueryEmploymentSurveyUserBySurveyId,
} from '@/api/manage/survey'
const initPages = {
pageSize: 10,
currentPage: 1,
total: 100,
}
export default {
props: {
visible: Boolean,
rowData: {default: null, type: Function},
},
computed: {
viewDrawer: {
get() {
return this.visible;
},
set(val) {
this.$emit("update:visible", val);
},
},
option() {
return {
size: 'medium',
dateBtn: false,
addBtn: false,
editBtn: false,
delBtn: false,
height: "auto",
reserveSelection: false,
border: true,
columnBtn: false,
refreshBtn: false,
menu: false,
tip: false,
selection: true,
searchMenuSpan: 6,
align: 'center',
column: [
{
label: '应答人',
prop: 'replyName',
search: true,
}, {
label: '回复内容',
prop: 'replyContent',
}, {
label: '用户电话',
prop: 'replyPhone',
search: true,
}, {
label: '手机号',
prop: 'surveyContent',
search: true,
}, {
label: '创建人',
prop: 'createUser',
}, {
label: '创建时间',
prop: 'createTime',
},
]
}
}
},
watch: {
viewDrawer(val) {
val ? this.onPageLoad() : null
}
},
data() {
return {
loading: false,
data: [],
page: Object.assign({}, initPages),
query: {}
}
},
created() {
},
methods: {
onPageLoad() {
if (!this.rowData) return
console.log('row2', this.rowData)
this.onLoad()
},
searchChange(params, done) {
this.query = params;
this.page.currentPage = 1;
this.onLoad();
done();
},
currentChange(val) {
this.page.currentPage = val
this.onLoad()
},
sizeChange(val) {
this.page.currentPage = 1
this.page.pageSize = val
this.onLoad()
},
refreshChange() {
this.page.currentPage = 1;
this.onLoad()
},
searchReset() {
this.query = {};
this.page.currentPage = 1
this.onLoad();
},
onLoad() {
if (!this.rowData) return
return new Promise(async (resolve, reject) => {
let params = {
surveyId: this.rowData.id,
current: this.page.currentPage,
size: this.page.pageSize,
...this.query,
}
this.loading = true
let resData = await getQueryEmploymentSurveyUserBySurveyId(params)
if (resData.data.code === 200) {
const {current, records, total, size} = resData.data.data
this.data = records;
this.page.total = total;
this.loading = false;
resolve()
} else {
reject()
}
})
}
}
}
</script>
<style>
</style>

2
vue.config.js
View File

@@ -23,7 +23,7 @@ module.exports = {
port: 1888,
proxy: {
"/api": {
target: 'http://localhost:8000',
target: 'http://10.165.0.173:8000',
ws: true,
changeOrigin: true,
pathRewrite: {