From d3de4a93f0b8699ee754d12e28bcb62071643eae Mon Sep 17 00:00:00 2001
From: chenbiao <chenbiao@zte-its.com>
Date: Sat, 29 Jun 2019 15:19:12 +0800
Subject: [PATCH] add 我的评价 前端页面 弹窗

---
 src/views/myevaluate/index.vue | 206 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------------------------
 1 file changed, 145 insertions(+), 61 deletions(-)

diff --git a/src/views/myevaluate/index.vue b/src/views/myevaluate/index.vue
index 980ccec..210beb5 100644
--- a/src/views/myevaluate/index.vue
+++ b/src/views/myevaluate/index.vue
@@ -1,78 +1,162 @@
 <template>
-  <div class="app-container">
-    <el-input v-model="filterText" placeholder="Filter keyword" style="margin-bottom:30px;" />
+  <div>
+    <div class="serch-wrap">
+      <el-row :gutter="20">
+        <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>
+            </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>
+        </el-form>
+      </el-row>
+    </div>
 
-    <el-tree
-      ref="tree2"
-      :data="data2"
-      :props="defaultProps"
-      :filter-node-method="filterNode"
-      class="filter-tree"
-      default-expand-all
-    />
+    <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>
+      </div>
+      <el-table
+        :data="orderData"
+        style="width: 100%;"
+        :show-overflow-tooltip="true">
+        <el-table-column
+          prop="parkName"
+          label="问题类型"
+          :show-overflow-tooltip="true">
+        </el-table-column>
+        <el-table-column
+          prop="license"
+          label="问题内容"
+          :show-overflow-tooltip="true">
+        </el-table-column>
+        <el-table-column
+          prop="inTime"
+          label="提交时间"
+          :show-overflow-tooltip="true">
+        </el-table-column>
+        <el-table-column
+          prop="status"
+          label="状态">
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :page-size="10"
+        :pager-count="11"
+        layout="prev, pager, next"
+        :total="total">
+      </el-pagination>
+    </el-card>
 
+    <el-dialog title="提交问题" :visible.sync="dialogFormVisible">
+      <el-form :model="problemform">
+        <el-form-item label="">
+          <el-radio-group v-model="problemform.resource">
+            <el-radio label="APP问题"></el-radio>
+            <el-radio label="支付问题"></el-radio>
+            <el-radio label="停车场问题"></el-radio>
+            <el-radio label="服务投诉"></el-radio>
+            <el-radio label="改进建议"></el-radio>
+            <el-radio label="其他问题"></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>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogFormVisible = false">提交</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
   export default {
-
     data() {
       return {
-        filterText: '',
-        data2: [{
-          id: 1,
-          label: 'Level one 1',
-          children: [{
-            id: 4,
-            label: 'Level two 1-1',
-            children: [{
-              id: 9,
-              label: 'Level three 1-1-1'
-            }, {
-              id: 10,
-              label: 'Level three 1-1-2'
-            }]
-          }]
-        }, {
-          id: 2,
-          label: 'Level one 2',
-          children: [{
-            id: 5,
-            label: 'Level two 2-1'
-          }, {
-            id: 6,
-            label: 'Level two 2-2'
-          }]
-        }, {
-          id: 3,
-          label: 'Level one 3',
-          children: [{
-            id: 7,
-            label: 'Level two 3-1'
-          }, {
-            id: 8,
-            label: 'Level two 3-2'
-          }]
-        }],
-        defaultProps: {
-          children: 'children',
-          label: 'label'
-        }
-      }
-    },
-    watch: {
-      filterText(val) {
-        this.$refs.tree2.filter(val)
+        form: {
+          name: '',
+          region: '',
+          date1: '',
+          date2: '',
+          delivery: false,
+          type: [],
+          resource: '',
+          desc: ''
+        },
+        problemform: {
+          desc: ''
+        },
+        dialogFormVisible: false,
+        total: 55,
+        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: '未受理'
+          },
+        ]
       }
     },
-
     methods: {
-      filterNode(value, data) {
-        if (!value) return true
-        return data.label.indexOf(value) !== -1
-      }
+      onSubmit() {
+        this.$message('提交!')
+      },
+      problemonSubmit() {
+        this.$message('提交成功!')
+      },
+      onCancel() {
+        this.$message({
+          message: 'cancel!',
+          type: 'warning'
+        })
+      },
     }
   }
 </script>
 
+<style lang="scss">
+  .serch-wrap{
+    background-color: #FFF;
+    padding: 15px;
+  }
+  .card-second-top{
+    margin-top: 15px;
+  }
+  .el-card__header{
+    padding: 10px 20px;
+  }
+</style>
+
--
libgit2 0.21.4