提交登陆

王富生
1 parent 61f89c44
Showing 4 changed files with 185 additions and 77 deletions
src/api/mysuggest.js
src/router/index.js
src/views/information/index.vue
src/views/myevaluate/index.vue
+import request from '@/utils/request'
+
+
+/**
+ * 分页查询-投诉建议
+ * @param params
+ */
+export function queryFeedbackAndSuggestForPage(params){
+  return request({
+    url: '/personPc/suggest/queryFeedbackAndSuggestForPage',
+    method: 'post',
+    data:params
+  })
+}
+
+
+/**
+ * 问题类型
+ * @param params
+ */
+export function getFeedbackType(params){
+  return request({
+    url: '/personPc/suggest/getFeedbackType',
+    method: 'post',
+    data:params
+  })
+}
+
+
+/**
+ * 问题类型
+ * @param params
+ */
+export function saveFeedbackAndSuggest(params){
+  return request({
+    url: '/personPc/suggest/saveFeedbackAndSuggest',
+    method: 'post',
+    data:params
+  })
+}
+
+
+
+
+
+
@@ -123,11 +123,6 @@ export const constantRoutes = [
         meta: { title: '个人资料' }
       },
       {
-        path: 'settings',
-        component: () => import('@/views/settings/index'),
-        meta: { title: '账户设置' },
-      },
-      {
         path: 'myevaluate',
         component: () => import('@/views/myevaluate/index'),
         meta: { title: '我的评价' }
@@ -3,7 +3,7 @@
     <!--卡片-->
     <el-row :gutter="16" class="">
       <el-col :span="8">
-        <el-card class="box-card">
+        <el-card class="box-card" style="height: 364px">
           <el-form status-icon :rules="rules" ref="fileUploadForm">
             <el-upload
               class="avatar-uploader text-center"
@@ -18,7 +18,7 @@
           </el-form>
           <!--<el-button  class="text-center" size="small" type="primary">点击上传</el-button>-->
           <!--<div slot="tip" class="el-upload__tip"></div>-->
-          <div class="common-color text-center" style="line-height: 30px">{{userPhone}}</div>
+          <div class="common-color text-center" style="line-height: 60px;font-size: 24px">{{userPhone}}</div>
           <div class="font-size12 text-center" style="line-height: 30px">支持JPG格式且小于5MB</div>
           <div class="font-size12 text-center" style="height: 146px"></div>
@@ -5,22 +5,14 @@
         <el-form ref="form" :model="form" label-width="60px" label-position="left">
           <el-col :xs="8" :sm="6" :md="7" :lg="7" :xl="1">
             <el-form-item label="问题类型">
-              <el-select v-model="form.region" placeholder="请选择问题类型">
-                <el-option label="问题类型1" value="1"/>
-                <el-option label="问题类型2" value="2"/>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :xs="8" :sm="6" :md="7" :lg="7" :xl="1">
-            <el-form-item label="状态">
-              <el-select v-model="form.region" placeholder="请选择状态">
-                <el-option label="状态1" value="11"/>
-                <el-option label="状态2" value="22"/>
+              <el-select v-model="form.feedbackId" placeholder="请选择问题类型">
+                <el-option v-for="item in problemTpyeSelectData" :label="item.name" :value="item.code"/>
+
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :xs="16" :sm="6" :md="3" :lg="3" :xl="1">
-            <el-button type="primary" @click="onSubmit">查询</el-button>
+          <el-col :xs="16" :sm="6" :md="3" :lg="3" :xl="1" :offset="12">
+            <el-button type="primary" @click="queryBtn">查询</el-button>
           </el-col>
         </el-form>
       </el-row>
@@ -29,120 +21,195 @@
     <el-card shadow="always" class="card-second-top">
       <div slot="header" class="clearfix" style="line-height: 32px;">
         <span>详细记录</span>
-        <el-button type="primary" size="small"  style="float: right" @click="dialogFormVisible = true">评价</el-button>
+        <el-button type="primary" size="small"  style="float: right" @click="dialogOpen">评价</el-button>
       </div>
       <el-table
         :data="orderData"
         style="width: 100%;"
         :show-overflow-tooltip="true">
         <el-table-column
-          prop="parkName"
+          prop="feedbackCode"
           label="问题类型"
+          :formatter="formatProblemType"
           :show-overflow-tooltip="true">
         </el-table-column>
         <el-table-column
-          prop="license"
+          prop="suggestDesc"
           label="问题内容"
           :show-overflow-tooltip="true">
         </el-table-column>
         <el-table-column
-          prop="inTime"
+          prop="createDate"
           label="提交时间"
+          :formatter="formatCreateDate"
           :show-overflow-tooltip="true">
         </el-table-column>
         <el-table-column
-          prop="status"
-          label="状态">
+          prop="userPhone"
+          :formatter="formatserPhone"
+          label="用户手机号">
         </el-table-column>
       </el-table>
       <el-pagination
-        :page-size="10"
-        :pager-count="11"
+        :page-size="pageSize"
+        :pager-count="currentPage"
         layout="prev, pager, next"
+        @current-change="handleCurrentChange"
         :total="total">
       </el-pagination>
     </el-card>
     <el-dialog title="提交问题" :visible.sync="dialogFormVisible">
-      <el-form :model="problemform">
+      <el-form :model="problemform" :rules="rules" ref="problemform">
         <el-form-item label="">
           <el-radio-group v-model="problemform.resource" size="">
-            <el-radio border label="APP问题"></el-radio>
-            <el-radio border label="支付问题"></el-radio>
-            <el-radio border label="车场问题"></el-radio>
-            <el-radio border label="服务投诉"></el-radio>
-            <el-radio border label="改进建议"></el-radio>
-            <el-radio border label="其他问题"></el-radio>
+            <el-radio border v-for="item in problemTpyeSelectData"  :label="item.code">{{item.name}}</el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="问题内容">
-          <el-input type="textarea" v-model="problemform.desc"></el-input>
+        <el-form-item label="问题内容" style="margin-top: 16px"  prop="desc">
+          <el-input type="textarea" v-model="problemform.desc" style="width:400px"></el-input>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="dialogFormVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogFormVisible = false">提交</el-button>
+        <el-button type="primary" @click="executeDialog('problemform')">提交</el-button>
       </div>
     </el-dialog>
   </div>
 </template>
 <script>
+  import {queryFeedbackAndSuggestForPage,getFeedbackType,saveFeedbackAndSuggest} from '@/api/mysuggest.js';
+  import {timeFormatter} from '@/utils/utils.js'
   export default {
     data() {
       return {
         form: {
-          name: '',
-          region: '',
-          date1: '',
-          date2: '',
-          delivery: false,
-          type: [],
-          resource: '',
-          desc: ''
+          feedbackId:''
         },
+        problemTpyeSelectData:[],
         problemform: {
-          desc: ''
+          resource: '1',
+          desc:''
         },
         dialogFormVisible: false,
-        total: 55,
+        total: 10,
         currentPage: 1,
         pageSize: 10,
-        orderData: [
-          {
-            parkName: 'APP问题',
-            license: '任你停APP闪退',
-            inTime: '2019/03/07',
-            status: '已受理'
-          },
-          {
-            parkName: '支付问题',
-            license: '建议开通银联支付',
-            inTime: '2019/06/02',
-            status: '已受理'
-          },
-          {
-            parkName: '改进建议',
-            license: '建议减免电动车停车费',
-            inTime: '2019/06/02',
-            status: '未受理'
-          },
-        ]
+        orderData: [],
+        rules:{
+          desc:[
+            {required: true, message: '请输入问题内容', trigger: 'blur'},
+            {min: 1, max: 10, message: '长度在 3 到 128 个字符', trigger: 'blur'}
+          ]
+         }
       }
     },
     methods: {
-      onSubmit() {
-        this.$message('提交!')
+      queryBtn() {
+        let that =this;
+        let userInfo = this.$store.state.user.userInfo;
+         let req ={
+           baseRequest:{
+             pageNum:that.currentPage,
+             pageSize:that.pageSize
+           },
+           feedbackCode:this.form.feedbackId,
+           custId:userInfo.custId,
+           sysCode:'1000'
+         };
+        queryFeedbackAndSuggestForPage(req).then(response =>{
+            if(response.code='8888'){
+              that.orderData=response.data.rows;
+              that.total=response.data.total;
+            }
+        });
+      },
+      /**格式化问题类型.*/
+      formatProblemType:function(row, column, cellValue, index){
+           let value="";
+           if(cellValue == null || cellValue == '' ){
+             return value;
+           }else{
+             this.problemTpyeSelectData.forEach(item =>{
+               if(cellValue ==item.code){
+                 value =item.name;
+               }
+             });
+           }
+           return value;
+      },
+      /**格式化时间*/
+      formatCreateDate:function (row, column, cellValue, index) {
+        return timeFormatter(cellValue,7)
       },
-      problemonSubmit() {
-        this.$message('提交成功!')
+      /**问题类型查询*/
+      getFeedbackType:function(){
+        getFeedbackType().then(response =>{
+            if(response.code='8888'){
+              this.problemTpyeSelectData = response.data;
+            }
+        });
       },
-      onCancel() {
-        this.$message({
-          message: 'cancel!',
-          type: 'warning'
-        })
+      /**格式化手机号*/
+      formatserPhone:function (row, column, cellValue, index) {
+         if(cellValue == null || cellValue == undefined || cellValue == ''){
+             return "-"
+         }else{
+           return cellValue.substr(0, 3)+"****"+cellValue.substr(7, 4)
+         }
       },
+      /**页面改变.*/
+      handleCurrentChange:function (value) {
+          this.currentPage=value;
+          this.queryBtn();
+      },
+
+      dialogOpen:function(){
+        let problemform= {
+          resource: '1',
+            desc:''
+        };
+        this.dialogFormVisible=true;
+      },
+      /**提交.*/
+      executeDialog:function(formName){
+        let that =this;
+        let userInfo = this.$store.state.user.userInfo;
+        let feedbackCode=that.problemform.resource;
+        let suggestDesc =that.problemform.desc;
+
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            let req ={
+              custId:userInfo.custId,
+              userPhone:userInfo.userPhone,
+              feedbackCode:feedbackCode,
+              suggestDesc:suggestDesc,
+              sysCode:'1001'
+            }
+            saveFeedbackAndSuggest(req).then(response =>{
+                if(response.code='8888'){
+                  this.dialogFormVisible=false;
+                  this.$message({
+                    type: 'success',
+                    message: '问题提交成功！'
+                  });
+                  that.queryBtn();
+                }else{
+                  this.$message({
+                    type: 'error',
+                    message: '问题提交失败！'
+                  });
+                }
+            });
+          }
+        });
+      }
+    },
+    mounted:function () {
+      this.queryBtn();
+      this.getFeedbackType();
     }
   }
 </script>