flat: 咨询信箱等 70%

This commit is contained in:
Apcallover
2024-04-28 22:18:42 +08:00
parent fb837f10a9
commit e1580de161
9 changed files with 625 additions and 347 deletions

View File

@@ -1,15 +1,15 @@
import { import {
request request
} from '@/untils/AxiosUtils.js'; } from '@/untils/AxiosUtils.js';
export const addConsultMailboxInfo = (data) => request({ export const addConsultMailboxInfo = (data) => request({
url: 'api/jobslink-api/content/consultMailboxInfo/add', url: 'api/jobslink-api/content/consultMailboxInfo/add',
method: 'post', method: 'post',
data data
}); });
export const addSuperviseComplaintInfo = (data) => request({ export const addSuperviseComplaintInfo = (data) => request({
url: 'api/jobslink-api/content/superviseComplaintInfo/add', url: 'api/jobslink-api/content/superviseComplaintInfo/add',
method: 'post', method: 'post',
data data
}); });

13
api/help.js Normal file
View File

@@ -0,0 +1,13 @@
import {
request
} from '@/untils/AxiosUtils.js';
import {
getStore
} from '@/untils/store.js'
//轮播图
export const getEmploymentSurveyManage = (params) => request({
url: '/api/jobslink-api/content/employmentSurveyManage/list',
method: 'get',
params
});

View File

@@ -0,0 +1,94 @@
<template>
<view class="">
<block v-for="(item, index) in dataSource" :key="item.id">
<view class="search-item" @click="toDetail(item)">
{{item.surveyTitle}}
<view style="flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">{{ item.workname }}
</view>
<image src="../../static/img/eyeopen.svg" style="width: 32rpx;height: 32rpx;margin-right: 10rpx;"
mode="">
</image>
<view class="baddd"></view>
</view>
</block>
</view>
</template>
<script>
import {
getEmploymentSurveyManage
} from '@/api/help.js'
export default {
data() {
return {
dataSource: [],
pageNumber: 1,
}
},
created() {
this.getList("refresh");
},
methods: {
toDetail() {
},
async getList(type = 'add') {
if (type === "refresh") {
this.pageNumber = 1;
}
let params = {
size: 10,
page: this.pageNumber
}
let resData = await getEmploymentSurveyManage(params)
if (resData.data.code === 200) {
const {
current,
records,
total,
size
} = resData.data.data
if (!records.length) {
return this.$api.msg("没有更多");
}
switch (type) {
case "add":
this.dataSource = [...this.dataSource, ...records];
break;
case "refresh":
this.dataSource = records;
break;
}
this.pageNumber += 1;
}
}
}
}
</script>
<style scoped>
.baddd {
background: #f6f6f6;
height: 20rpx;
}
.search-item {
display: flex;
align-items: center;
font-size: 26rpx;
border-bottom: 1rpx solid #ddd;
height: 80rpx;
line-height: 80rpx;
padding: 10rpx 30rpx;
}
.search-item .type {
font-size: 20rpx;
color: #707070;
background-color: #dddddd;
border-radius: 15rpx;
height: 30rpx;
line-height: 30rpx;
padding: 0 20rpx;
}
</style>

189
pageMy/help/mailbox.vue Normal file
View File

@@ -0,0 +1,189 @@
<template>
<view class="">
<view class="content">
<u--form labelPosition="left" :model="formData" :rules="rules" ref="formOne">
<view class="card">
<view class="card_title">认证信息</view>
<u-form-item label="用工单位" labelWidth="100" prop="comname" borderBottom ref="item1">
<u--input v-model="formData.comname" placeholder="请输入用工单位名称"></u--input>
</u-form-item>
<u-form-item label="企业介绍" labelWidth="100" labelPosition="top" prop="companyDesc" borderBottom
ref="item1">
<u--textarea v-model="formData.companyDesc" placeholder="请输入企业介绍" count
maxlength="200"></u--textarea>
</u-form-item>
</view>
<view class="card">
<view class="card_title">联系人信息</view>
<u-form-item label="联系人" labelWidth="100" prop="manager" borderBottom ref="item1">
<u--input v-model="formData.manager" placeholder="请输入联系人"></u--input>
</u-form-item>
<u-form-item label="手机号码" labelWidth="100" prop="telphone" borderBottom ref="item1">
<u--input v-model="formData.telphone" placeholder="请输入手机号码"></u--input>
</u-form-item>
</view>
<view class="card">
<u-button type="primary" text="提交" customStyle="margin-top: 50px" @click="submit"></u-button>
<u-button type="error" text="重置" customStyle="margin-top: 10px" @click="reset"></u-button>
</view>
</u--form>
</view>
</view>
</template>
<script>
import dic from '@/common/dic.js'
import {
mapState
} from 'vuex'
import {
getEmploymentSurveyManage
} from '@/api/help.js'
const rules = {
comname: {
type: 'string',
required: true,
message: '请输入用工单位',
trigger: ['change']
},
companyTid: {
type: 'string',
required: true,
max: 18,
min: 18,
message: '请输入18位统一信用代码',
trigger: ['change']
},
masterName: {
type: 'string',
required: true,
message: '请输入法人姓名',
trigger: ['change']
},
masterIdentity: {
type: 'string',
required: true,
pattern: /^[1-9]\d{5}(19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[Xx\d]$/,
message: '请输入法人身份证号',
trigger: ['change']
},
cityId: {
type: 'string',
required: true,
message: '请选择所在地区',
trigger: ['change']
},
companyAddress: {
type: 'string',
required: true,
message: '请输入详细地址',
trigger: ['change']
},
nature: {
type: 'string',
required: true,
message: '请选择企业性质',
trigger: ['change']
},
tradeId: {
type: 'string',
required: true,
message: '请选择行业',
trigger: ['change']
},
companyDesc: {
type: 'string',
min: 20,
required: true,
message: '请输入企业介绍最少20个字符',
trigger: ['change']
},
manager: {
type: 'string',
required: true,
message: '请输入联系人',
trigger: ['change']
},
telphone: {
type: 'string',
required: true,
pattern: /^1[3-9]{1}[0-9]{9}$/,
message: '请输入手机号码',
trigger: ['change']
},
identityUrl4Id: {
type: 'string',
required: true,
message: '请上传法人身份证(人像)',
trigger: ['change']
},
identityUrl5Id: {
type: 'string',
required: true,
message: '请上传法人身份证(国徽)',
trigger: ['change']
},
authUrlId: {
type: 'string',
required: true,
message: '请上传企业营业执照',
trigger: ['change']
},
}
export default {
data() {
return {
dic,
formData: {},
rules
};
},
onLoad(options) {},
computed: {
...mapState({
authInfo: (state) => state.auth.authInfo,
userInfo: (state) => state.user.userInfo
}),
},
created() {},
methods: {
hideKeyboard() {
uni.hideKeyboard()
},
async submit() {
},
reset() {
const _this = this
uni.showModal({
content: '重置将清空表单,确定重置吗?',
success() {
_this.formData = {}
},
})
}
},
}
</script>
<style lang="scss" scoped>
.content {
padding: 24rpx;
.card {
.card_title {
font-weight: bold;
margin-top: 20rpx;
}
.card_content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
}
}
</style>

View File

@@ -1,185 +1,168 @@
<template> <template>
<view class="app_cotainer"> <view class="app_cotainer">
<u--form <u--form labelPosition="left" :fromData="fromData" :model="fromData" :rules="rules" ref="uForm">
labelPosition="left" <u-form-item label="投诉标题:" prop="complaintTitle" labelWidth="90" borderBottom>
:fromData="fromData" <u--input v-model="fromData.complaintTitle" border="surround" placeholder="请输入投诉标题"></u--input>
:model="fromData" </u-form-item>
:rules="rules" <u-form-item label="投诉对象:" prop="complaintObject" labelWidth="90" borderBottom>
ref="uForm" <u--input v-model="fromData.complaintObject" border="surround" placeholder="请输入投诉对象"></u--input>
> </u-form-item>
<u-form-item
label="投诉标题:" <u-form-item label="投诉分类:" prop="complaintType" labelWidth="90" borderBottom>
prop="complaintTitle" <u-picker @confirm="confirm" :show="showclassEnum" @cancel="showclassEnum = false"
labelWidth="90" :columns="classColumns"></u-picker>
borderBottom <u-button class="picker_flag" @click="showclassEnum = true"
> :style="[{color: fromData.complaintType ? '' : '#c0c4cc'}, {paddingLeft: `10px`}]">
<u--input v-model="fromData.complaintTitle" border="surround" placeholder="请输入投诉标题" ></u--input> {{fromData.complaintType || '请选择分类'}}
</u-form-item> </u-button>
<u-form-item </u-form-item>
label="投诉对象:" </u-form-item><u-form-item label="投诉内容:" prop="complaintContent" labelWidth="80" borderBottom>
prop="complaintObject" <u--textarea v-model="fromData.consultContent" placeholder="请输入投诉内容"></u--textarea>
labelWidth="90" </u-form-item>
borderBottom <u-form-item label="投诉联系人:" prop="complaintName" labelWidth="90" borderBottom>
> <u--input v-model="fromData.complaintName" border="surround" placeholder="请输入投诉人"></u--input>
<u--input v-model="fromData.complaintObject" border="surround" placeholder="请输入投诉对象" ></u--input> </u-form-item>
</u-form-item> <u-form-item label="联系电话:" prop="complaintPhone" labelWidth="90" borderBottom>
<u--input v-model="fromData.complaintPhone" border="surround" placeholder="请输入11位电话号码"></u--input>
<u-form-item </u-form-item>
label="投诉分类:" </u--form>
prop="complaintType" <view class="btn_add">
labelWidth="90" <u-button type="primary" size="large" text="发送信件" @click="addComplaint"></u-button>
borderBottom </view>
> </view>
<u-picker @confirm="confirm" :show="showclassEnum" @cancel="showclassEnum = false" :columns="classColumns"></u-picker> </template>
<u-button class="picker_flag" @click="showclassEnum = true" :style="[{color: fromData.complaintType ? '' : '#c0c4cc'}, {paddingLeft: `10px`}]">
{{fromData.complaintType || '请选择分类'}} <script>
</u-button> import {
</u-form-item> dateFormat
</u-form-item><u-form-item } from '@/untils/format.js'
label="投诉内容:" import {
prop="complaintContent" addSuperviseComplaintInfo
labelWidth="80" } from '@/api/content'
borderBottom const formData = {
> complaintTitle: '',
<u--textarea v-model="fromData.consultContent" placeholder="请输入投诉内容" ></u--textarea> complaintObject: '',
</u-form-item> complaintType: '',
<u-form-item complaintName: '',
label="投诉联系人:" complaintPhone: '',
prop="complaintName" }
labelWidth="90" const classColumns = [
borderBottom ['一般投诉', '较难投诉', '困难投诉', '特殊投诉']
> ]
<u--input v-model="fromData.complaintName" border="surround" placeholder="请输入投诉人" ></u--input> const classEnum = {
</u-form-item> '一般投诉': 1,
<u-form-item '较难投诉': 2,
label="联系电话:" '困难投诉': 3,
prop="complaintPhone" '特殊投诉': 4,
labelWidth="90" }
borderBottom const rules = {
> 'complaintTitle': {
<u--input v-model="fromData.complaintPhone" border="surround" placeholder="请输入11位电话号码" ></u--input> type: 'string',
</u-form-item> required: true,
</u--form> message: '请填写投诉标题',
<view class="btn_add"> trigger: ['blur', 'change']
<u-button type="primary" size="large" text="发送信件" @click="addComplaint" ></u-button> },
</view> 'complaintObject': {
</view> type: 'string',
</template> required: true,
message: '请填写咨询对象',
<script> trigger: ['blur', 'change']
import { dateFormat } from '@/untils/format.js' },
import { addSuperviseComplaintInfo } from '@/api/content' 'complaintType': {
const formData = { type: 'string',
complaintTitle: '', required: true,
complaintObject: '', message: '请填投诉类型',
complaintType: '', trigger: ['blur', 'change']
complaintName: '', },
complaintPhone: '', 'complaintName': {
} type: 'string',
const classColumns= [ required: true,
[ '一般投诉', '较难投诉', '困难投诉', '特殊投诉'] message: '请填写投诉',
] trigger: ['blur', 'change']
const classEnum = { },
'一般投诉': 1, 'complaintPhone': {
'较难投诉': 2, type: 'string',
'困难投诉': 3, required: true,
'特殊投诉': 4, pattern: /^1[3-9]{1}\d{9}/,
} message: '请填写联系方式',
const rules = { trigger: ['blur', 'change']
'complaintTitle': { },
type: 'string',
required: true,
message: '请填写投诉标题', }
trigger: ['blur', 'change'] export default {
}, data() {
'complaintObject': { return {
type: 'string', fromData: Object.assign({}, formData),
required: true, rules: Object.assign({}, rules),
message: '请填写咨询对象', classColumns,
trigger: ['blur', 'change'] showclassEnum: false,
}, isNext: true,
'complaintType': { };
type: 'string', },
required: true, onLoad() {},
message: '请填投诉类型', computed: {},
trigger: ['blur', 'change'] methods: {
}, confirm(item) {
'complaintName': { const {
type: 'string', value
required: true, } = item
message: '请填写投诉人', this.fromData.complaintType = value[0]
trigger: ['blur', 'change'] this.showclassEnum = false
}, },
'complaintPhone': { addComplaint() {
type: 'string', if (this.isNext) {
required: true, this.isNext = false
pattern: /^1[3-9]{1}\d{9}/, }
message: '请填写联系方式', this.$refs.uForm.validate().then(async (res) => {
trigger: ['blur', 'change'] let params = {
}, ...this.fromData,
complaintType: classEnum[this.fromData.complaintType]
}
} uni.showLoading({
export default { title: '请求中'
data() { })
return { let resData = await addSuperviseComplaintInfo(params)
fromData: Object.assign({}, formData), uni.hideLoading()
rules: Object.assign({}, rules), if (resData.data?.code === 200) {
classColumns, uni.$u.toast(resData.data.msg)
showclassEnum: false, this.$api.sleep(1000).then(() => {
}; uni.navigateBack(1)
}, })
onLoad() { }
}, }).catch((errors) => {
computed: { this.isNext = true
}, this.$api.msg('请输入完整信件信息')
methods: { })
confirm(item) { }
const {value} = item }
this.fromData.complaintType = value[0] }
this.showclassEnum = false </script>
},
addComplaint() { <style lang="scss" scoped>
this.$refs.uForm.validate().then(async(res) => { .app_cotainer {
let params = { padding: 24rpx;
...this.fromData,
complaintType: classEnum[this.fromData.complaintType] .picker_flag {
} // border: 0;
console.log(params) // height: auto;
let resData = await addSuperviseComplaintInfo(params) display: flex;
if(resData.data?.code === 200) { justify-content: flex-start;
uni.$u.toast(resData.data.msg) padding: 0;
} }
}).catch((errors) => {
this.$api.msg('请输入完整信件信息') .reply_info {}
})
} .btn_add {
} position: fixed;
} bottom: 0;
</script> left: 0;
right: 0;
<style lang="scss" scoped> height: 110rpx;
.app_cotainer{ background-color: $uni-bg-color-grey;
padding: 24rpx; padding: 24rpx 24rpx calc(10px + env(safe-area-inset-bottom) / 2) 24rpx;
.picker_flag{ text-align: center;
// border: 0; line-height: 110rpx;
// height: auto; }
display: flex; }
justify-content: flex-start; </style>
padding: 0;
}
.reply_info{
}
.btn_add{
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 110rpx;
background-color: $uni-bg-color-grey;
padding: 24rpx 24rpx calc(10px + env(safe-area-inset-bottom) / 2) 24rpx;
text-align: center;
line-height: 110rpx;
}
}
</style>

View File

@@ -1,144 +1,135 @@
<template> <template>
<view class="app_cotainer"> <view class="app_cotainer">
<u--form <u--form labelPosition="left" :fromData="fromData" :model="fromData" :rules="rules" ref="uForm">
labelPosition="left" <u-form-item label="咨询部门:" prop="consultDeptName" labelWidth="80" borderBottom>
:fromData="fromData" <u--input v-model="fromData.consultDeptName" border="surround" placeholder="请输入咨询部门"></u--input>
:model="fromData" </u-form-item>
:rules="rules" <u-form-item label="咨询题目:" prop="consultTopic" labelWidth="80" borderBottom>
ref="uForm" <u--input v-model="fromData.consultTopic" border="surround" placeholder="请输入咨询题目"></u--input>
> </u-form-item><u-form-item label="咨询内容:" prop="consultContent" labelWidth="80" borderBottom>
<u-form-item <u--textarea v-model="fromData.consultContent" placeholder="请输入咨询内容"></u--textarea>
label="咨询部门:" </u-form-item>
prop="consultDeptName" <u-form-item label="咨询人姓名:" prop="consultName" labelWidth="80" borderBottom>
labelWidth="80" <u--textarea v-model="fromData.consultName" placeholder="请输入您的姓名"></u--textarea>
borderBottom </u-form-item>
> <u-form-item label="咨询人电话:" prop="consultPhone" labelWidth="80" borderBottom>
<u--input v-model="fromData.consultDeptName" border="surround" placeholder="请输入咨询部门" ></u--input> <u--input v-model="fromData.consultPhone" border="surround" placeholder="请输入11位电话号码"></u--input>
</u-form-item> </u-form-item>
<u-form-item
label="咨询题目:"
prop="consultTopic" </u--form>
labelWidth="80" <view class="btn_add">
borderBottom <u-button type="primary" size="large" text="发送信件" @click="addConsult"></u-button>
> </view>
<u--input v-model="fromData.consultTopic" border="surround" placeholder="请输入咨询题目" ></u--input> </view>
</u-form-item><u-form-item </template>
label="咨询内容:"
prop="consultContent" <script>
labelWidth="80" import {
borderBottom dateFormat
> } from '@/untils/format.js'
<u--textarea v-model="fromData.consultContent" placeholder="请输入咨询内容" ></u--textarea> import {
</u-form-item> addConsultMailboxInfo
<u-form-item } from '@/api/content'
label="咨询人姓名:" const formData = {
prop="consultPhone" consultContent: '',
labelWidth="80" consultPhone: '',
borderBottom consultTopic: '',
> consultDeptName: '',
<u--textarea v-model="fromData.consultContent" placeholder="请输入您的姓名" ></u--textarea> }
</u-form-item> const rules = {
<u-form-item 'consultName': {
label="咨询人电话:" type: 'string',
prop="consultPhone" required: true,
labelWidth="80" message: '请填写联系人姓名',
borderBottom trigger: ['blur', 'change']
> },
<u--input v-model="fromData.consultPhone" border="surround" placeholder="请输入11位电话号码" ></u--input> 'consultPhone': {
</u-form-item> type: 'string',
required: true,
pattern: /^1[3-9]{1}\d{9}/,
</u--form> message: '请填写联系电话',
<view class="btn_add"> trigger: ['blur', 'change']
<u-button type="primary" size="large" text="发送信件" @click="addConsult" ></u-button> },
</view> 'consultContent': {
</view> type: 'string',
</template> required: true,
message: '请填写咨询内容',
<script> trigger: ['blur', 'change']
import { dateFormat } from '@/untils/format.js' },
import { addConsultMailboxInfo } from '@/api/content' 'consultTopic': {
const formData = { type: 'string',
consultContent: '', required: true,
consultPhone: '', message: '请填写咨询题目',
consultTopic: '', trigger: ['blur', 'change']
consultDeptName: '', },
} 'consultDeptName': {
const rules = { type: 'string',
'consultPhone': { required: true,
type: 'string', message: '请填写咨询部门',
required: true, trigger: ['blur', 'change']
pattern: /^1[3-9]{1}\d{9}/, },
message: '请填写联系电话', }
trigger: ['blur', 'change'] export default {
}, data() {
'consultContent': { return {
type: 'string', fromData: Object.assign({}, formData),
required: true, rules: Object.assign({}, rules),
message: '请填写咨询内容', isNext: true,
trigger: ['blur', 'change'] };
}, },
'consultTopic': { onLoad() {},
type: 'string', computed: {},
required: true, methods: {
message: '请填写咨询题目', addConsult() {
trigger: ['blur', 'change'] if (this.isNext) {
}, this.isNext = false
'consultDeptName': { }
type: 'string', this.$refs.uForm.validate().then(async (res) => {
required: true, uni.showLoading({
message: '请填写咨询部门', title: '请求中'
trigger: ['blur', 'change'] })
}, let resData = await addConsultMailboxInfo(this.fromData)
} uni.hideLoading()
export default { if (resData.data?.code === 200) {
data() { uni.$u.toast(resData.data.msg)
return { this.$api.sleep(1000).then(() => {
fromData: Object.assign({}, formData), uni.navigateBack(1)
rules: Object.assign({}, rules), })
}; }
}, }).catch((errors) => {
onLoad() { this.isNext = true
}, this.$api.msg('请输入完整信件信息')
computed: { })
}, }
methods: { }
addConsult() { }
this.$refs.uForm.validate().then(async(res) => { </script>
let resData = await addConsultMailboxInfo(this.fromData)
if(resData.data?.code === 200) { <style lang="scss" scoped>
uni.$u.toast(resData.data.msg) .app_cotainer {
} padding: 24rpx;
}).catch((errors) => {
this.$api.msg('请输入完整信件信息') .picker_flag {
}) border: 0;
} height: auto;
} display: flex;
} justify-content: flex-start;
</script> padding: 0;
}
<style lang="scss" scoped>
.app_cotainer{ .reply_info {}
padding: 24rpx;
.picker_flag{ .btn_add {
border: 0; position: fixed;
height: auto; bottom: 0;
display: flex; left: 0;
justify-content: flex-start; right: 0;
padding: 0; height: 110rpx;
} background-color: $uni-bg-color-grey;
.reply_info{ padding: 24rpx 24rpx calc(10px + env(safe-area-inset-bottom) / 2) 24rpx;
} text-align: center;
.btn_add{ line-height: 110rpx;
position: fixed; }
bottom: 0; }
left: 0; </style>
right: 0;
height: 110rpx;
background-color: $uni-bg-color-grey;
padding: 24rpx 24rpx calc(10px + env(safe-area-inset-bottom) / 2) 24rpx;
text-align: center;
line-height: 110rpx;
}
}
</style>

View File

@@ -706,6 +706,14 @@
"enablePullDownRefresh": true "enablePullDownRefresh": true
} }
}, },
{
"path": "help/mailbox",
"style": {
"navigationBarTitleText": "咨询信箱列表",
"navigationBarBackgroundColor": "#FFFFFF",
"enablePullDownRefresh": true
}
},
{ {
"path": "help/questions/questionDetail", "path": "help/questions/questionDetail",
"style": { "style": {

View File

@@ -62,7 +62,7 @@
咨询信箱 咨询信箱
<image src="../../static/img/right.svg" mode=""></image> <image src="../../static/img/right.svg" mode=""></image>
</view> </view>
<view class="btnList" @click="go('')"> <view class="btnList" @click="navTo('/pageMy/help/mailbox')">
<image src="../../static/img/phone.svg" mode=""></image> <image src="../../static/img/phone.svg" mode=""></image>
问卷调查 问卷调查
<image src="../../static/img/right.svg" mode=""></image> <image src="../../static/img/right.svg" mode=""></image>

View File

@@ -3,10 +3,10 @@ module.exports = {
port: 1887, port: 1887,
proxy: { proxy: {
'/api': { '/api': {
target: 'http://10.165.0.173:8000', target: 'http://192.168.1.101:8200',
ws: true, ws: true,
pathRewrite: { pathRewrite: {
'^/api': '/' '^/api/jobslink-api': '/'
} }
}, },
'/qq/map': { '/qq/map': {