特易招,招聘小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

118 lines
2.2 KiB

5 months ago
5 months ago
  1. <template>
  2. <!-- 技工问题 -->
  3. <view class="page">
  4. <navbar title="意见反馈" leftClick @leftClick="$utils.navigateBack" />
  5. <view class="page-two">
  6. <view class="headline">反馈内容</view>
  7. <view class="text-field">
  8. <uv-textarea v-model="form.question" placeholder="请简要描述您的问题和意见,以使我们提供更好的帮助" height="400rpx" maxlength="600"
  9. count="true" />
  10. </view>
  11. <view class="relation">
  12. <view>如有疑问请联系客服</view>
  13. <view style="color: #4280FD;"
  14. @click="$refs.customerServicePopup.open()">{{ configList.config_service_phone }}</view>
  15. </view>
  16. <view class="bottom">
  17. <view class="submit" @click="submit">
  18. 提交
  19. </view>
  20. </view>
  21. </view>
  22. <customerServicePopup ref="customerServicePopup"/>
  23. </view>
  24. </template>
  25. <script>
  26. export default {
  27. data() {
  28. return {
  29. form:{
  30. question: "",
  31. }
  32. }
  33. },
  34. onShow() {},
  35. methods: {
  36. submit(){
  37. let data = JSON.parse(JSON.stringify(this.form))
  38. if(this.$utils.verificationAll(this.form, {
  39. question : '请输入你的问题和意见',//问题和意见
  40. })){
  41. return
  42. }
  43. this.$api('addQuestion', data, res => {
  44. if(res.code == 200){
  45. uni.showToast({
  46. title: "反馈成功",
  47. icon:'none'
  48. })
  49. setTimeout(uni.navigateBack, 800, -1)
  50. }
  51. })
  52. }
  53. }
  54. }
  55. </script>
  56. <style scoped lang="less">
  57. .page {
  58. background-color: #fff;
  59. height: 100vh;
  60. .page-two {
  61. width: 90%;
  62. margin-left: 5%;
  63. }
  64. .headline {
  65. padding: 40rpx 0;
  66. font-size: 36rpx;
  67. font-weight: 600;
  68. color: #333;
  69. }
  70. .text-field {
  71. /deep/ .uv-textarea {
  72. background-color: #F6F6F6;
  73. }
  74. }
  75. .relation {
  76. display: flex;
  77. justify-content: center;
  78. margin-top: 40rpx;
  79. padding: 30rpx 0;
  80. font-size: 24rpx;
  81. background-color: #F6F6F6;
  82. border-radius: 8rpx;
  83. }
  84. .bottom {
  85. position: fixed;
  86. width: 90%;
  87. bottom: 40rpx;
  88. display: flex;
  89. justify-content: center;
  90. text-align: center;
  91. .submit {
  92. width: 90%;
  93. color: #fff;
  94. border-radius: 45rpx;
  95. font-size: 28rpx;
  96. background-color: #3796F8;
  97. padding: 25rpx 0;
  98. }
  99. }
  100. }
  101. </style>