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

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,74 +1,44 @@
<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"
:rules="rules"
ref="uForm"
>
<u-form-item
label="投诉标题:"
prop="complaintTitle"
labelWidth="90"
borderBottom
>
<u--input v-model="fromData.complaintTitle" border="surround" placeholder="请输入投诉标题" ></u--input>
</u-form-item> </u-form-item>
<u-form-item <u-form-item label="投诉对象:" prop="complaintObject" labelWidth="90" borderBottom>
label="投诉对象:" <u--input v-model="fromData.complaintObject" border="surround" placeholder="请输入投诉对象"></u--input>
prop="complaintObject"
labelWidth="90"
borderBottom
>
<u--input v-model="fromData.complaintObject" border="surround" placeholder="请输入投诉对象" ></u--input>
</u-form-item> </u-form-item>
<u-form-item <u-form-item label="投诉分类:" prop="complaintType" labelWidth="90" borderBottom>
label="投诉分类:" <u-picker @confirm="confirm" :show="showclassEnum" @cancel="showclassEnum = false"
prop="complaintType" :columns="classColumns"></u-picker>
labelWidth="90" <u-button class="picker_flag" @click="showclassEnum = true"
borderBottom :style="[{color: fromData.complaintType ? '' : '#c0c4cc'}, {paddingLeft: `10px`}]">
>
<u-picker @confirm="confirm" :show="showclassEnum" @cancel="showclassEnum = false" :columns="classColumns"></u-picker>
<u-button class="picker_flag" @click="showclassEnum = true" :style="[{color: fromData.complaintType ? '' : '#c0c4cc'}, {paddingLeft: `10px`}]">
{{fromData.complaintType || '请选择分类'}} {{fromData.complaintType || '请选择分类'}}
</u-button> </u-button>
</u-form-item> </u-form-item>
</u-form-item><u-form-item </u-form-item><u-form-item label="投诉内容:" prop="complaintContent" labelWidth="80" borderBottom>
label="投诉内容:" <u--textarea v-model="fromData.consultContent" placeholder="请输入投诉内容"></u--textarea>
prop="complaintContent"
labelWidth="80"
borderBottom
>
<u--textarea v-model="fromData.consultContent" placeholder="请输入投诉内容" ></u--textarea>
</u-form-item> </u-form-item>
<u-form-item <u-form-item label="投诉联系人:" prop="complaintName" labelWidth="90" borderBottom>
label="投诉联系人:" <u--input v-model="fromData.complaintName" border="surround" placeholder="请输入投诉人"></u--input>
prop="complaintName"
labelWidth="90"
borderBottom
>
<u--input v-model="fromData.complaintName" border="surround" placeholder="请输入投诉人" ></u--input>
</u-form-item> </u-form-item>
<u-form-item <u-form-item label="联系电话:" prop="complaintPhone" labelWidth="90" borderBottom>
label="联系电话:" <u--input v-model="fromData.complaintPhone" border="surround" placeholder="请输入11位电话号码"></u--input>
prop="complaintPhone"
labelWidth="90"
borderBottom
>
<u--input v-model="fromData.complaintPhone" border="surround" placeholder="请输入11位电话号码" ></u--input>
</u-form-item> </u-form-item>
</u--form> </u--form>
<view class="btn_add"> <view class="btn_add">
<u-button type="primary" size="large" text="发送信件" @click="addComplaint" ></u-button> <u-button type="primary" size="large" text="发送信件" @click="addComplaint"></u-button>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { dateFormat } from '@/untils/format.js' import {
import { addSuperviseComplaintInfo } from '@/api/content' dateFormat
} from '@/untils/format.js'
import {
addSuperviseComplaintInfo
} from '@/api/content'
const formData = { const formData = {
complaintTitle: '', complaintTitle: '',
complaintObject: '', complaintObject: '',
@@ -76,8 +46,8 @@
complaintName: '', complaintName: '',
complaintPhone: '', complaintPhone: '',
} }
const classColumns= [ const classColumns = [
[ '一般投诉', '较难投诉', '困难投诉', '特殊投诉'] ['一般投诉', '较难投诉', '困难投诉', '特殊投诉']
] ]
const classEnum = { const classEnum = {
'一般投诉': 1, '一般投诉': 1,
@@ -127,30 +97,41 @@
rules: Object.assign({}, rules), rules: Object.assign({}, rules),
classColumns, classColumns,
showclassEnum: false, showclassEnum: false,
isNext: true,
}; };
}, },
onLoad() { onLoad() {},
}, computed: {},
computed: {
},
methods: { methods: {
confirm(item) { confirm(item) {
const {value} = item const {
value
} = item
this.fromData.complaintType = value[0] this.fromData.complaintType = value[0]
this.showclassEnum = false this.showclassEnum = false
}, },
addComplaint() { addComplaint() {
this.$refs.uForm.validate().then(async(res) => { if (this.isNext) {
this.isNext = false
}
this.$refs.uForm.validate().then(async (res) => {
let params = { let params = {
...this.fromData, ...this.fromData,
complaintType: classEnum[this.fromData.complaintType] complaintType: classEnum[this.fromData.complaintType]
} }
console.log(params) uni.showLoading({
title: '请求中'
})
let resData = await addSuperviseComplaintInfo(params) let resData = await addSuperviseComplaintInfo(params)
if(resData.data?.code === 200) { uni.hideLoading()
if (resData.data?.code === 200) {
uni.$u.toast(resData.data.msg) uni.$u.toast(resData.data.msg)
this.$api.sleep(1000).then(() => {
uni.navigateBack(1)
})
} }
}).catch((errors) => { }).catch((errors) => {
this.isNext = true
this.$api.msg('请输入完整信件信息') this.$api.msg('请输入完整信件信息')
}) })
} }
@@ -159,18 +140,20 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.app_cotainer{ .app_cotainer {
padding: 24rpx; padding: 24rpx;
.picker_flag{
.picker_flag {
// border: 0; // border: 0;
// height: auto; // height: auto;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
padding: 0; padding: 0;
} }
.reply_info{
} .reply_info {}
.btn_add{
.btn_add {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
@@ -181,5 +164,5 @@
text-align: center; text-align: center;
line-height: 110rpx; line-height: 110rpx;
} }
} }
</style> </style>

View File

@@ -1,63 +1,36 @@
<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"
:rules="rules"
ref="uForm"
>
<u-form-item
label="咨询部门:"
prop="consultDeptName"
labelWidth="80"
borderBottom
>
<u--input v-model="fromData.consultDeptName" border="surround" placeholder="请输入咨询部门" ></u--input>
</u-form-item> </u-form-item>
<u-form-item <u-form-item label="咨询题目:" prop="consultTopic" labelWidth="80" borderBottom>
label="咨询题目:" <u--input v-model="fromData.consultTopic" border="surround" placeholder="请输入咨询题目"></u--input>
prop="consultTopic" </u-form-item><u-form-item label="咨询内容:" prop="consultContent" labelWidth="80" borderBottom>
labelWidth="80" <u--textarea v-model="fromData.consultContent" placeholder="请输入咨询内容"></u--textarea>
borderBottom
>
<u--input v-model="fromData.consultTopic" border="surround" placeholder="请输入咨询题目" ></u--input>
</u-form-item><u-form-item
label="咨询内容:"
prop="consultContent"
labelWidth="80"
borderBottom
>
<u--textarea v-model="fromData.consultContent" placeholder="请输入咨询内容" ></u--textarea>
</u-form-item> </u-form-item>
<u-form-item <u-form-item label="咨询人姓名:" prop="consultName" labelWidth="80" borderBottom>
label="咨询人姓名:" <u--textarea v-model="fromData.consultName" placeholder="请输入您的姓名"></u--textarea>
prop="consultPhone"
labelWidth="80"
borderBottom
>
<u--textarea v-model="fromData.consultContent" placeholder="请输入您的姓名" ></u--textarea>
</u-form-item> </u-form-item>
<u-form-item <u-form-item label="咨询人电话:" prop="consultPhone" labelWidth="80" borderBottom>
label="咨询人电话:" <u--input v-model="fromData.consultPhone" border="surround" placeholder="请输入11位电话号码"></u--input>
prop="consultPhone"
labelWidth="80"
borderBottom
>
<u--input v-model="fromData.consultPhone" border="surround" placeholder="请输入11位电话号码" ></u--input>
</u-form-item> </u-form-item>
</u--form> </u--form>
<view class="btn_add"> <view class="btn_add">
<u-button type="primary" size="large" text="发送信件" @click="addConsult" ></u-button> <u-button type="primary" size="large" text="发送信件" @click="addConsult"></u-button>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { dateFormat } from '@/untils/format.js' import {
import { addConsultMailboxInfo } from '@/api/content' dateFormat
} from '@/untils/format.js'
import {
addConsultMailboxInfo
} from '@/api/content'
const formData = { const formData = {
consultContent: '', consultContent: '',
consultPhone: '', consultPhone: '',
@@ -65,6 +38,12 @@
consultDeptName: '', consultDeptName: '',
} }
const rules = { const rules = {
'consultName': {
type: 'string',
required: true,
message: '请填写联系人姓名',
trigger: ['blur', 'change']
},
'consultPhone': { 'consultPhone': {
type: 'string', type: 'string',
required: true, required: true,
@@ -96,20 +75,30 @@
return { return {
fromData: Object.assign({}, formData), fromData: Object.assign({}, formData),
rules: Object.assign({}, rules), rules: Object.assign({}, rules),
isNext: true,
}; };
}, },
onLoad() { onLoad() {},
}, computed: {},
computed: {
},
methods: { methods: {
addConsult() { addConsult() {
this.$refs.uForm.validate().then(async(res) => { if (this.isNext) {
this.isNext = false
}
this.$refs.uForm.validate().then(async (res) => {
uni.showLoading({
title: '请求中'
})
let resData = await addConsultMailboxInfo(this.fromData) let resData = await addConsultMailboxInfo(this.fromData)
if(resData.data?.code === 200) { uni.hideLoading()
if (resData.data?.code === 200) {
uni.$u.toast(resData.data.msg) uni.$u.toast(resData.data.msg)
this.$api.sleep(1000).then(() => {
uni.navigateBack(1)
})
} }
}).catch((errors) => { }).catch((errors) => {
this.isNext = true
this.$api.msg('请输入完整信件信息') this.$api.msg('请输入完整信件信息')
}) })
} }
@@ -118,18 +107,20 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.app_cotainer{ .app_cotainer {
padding: 24rpx; padding: 24rpx;
.picker_flag{
.picker_flag {
border: 0; border: 0;
height: auto; height: auto;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
padding: 0; padding: 0;
} }
.reply_info{
} .reply_info {}
.btn_add{
.btn_add {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
@@ -140,5 +131,5 @@
text-align: center; text-align: center;
line-height: 110rpx; line-height: 110rpx;
} }
} }
</style> </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': {