suochencheng
/
FangYuan


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
							<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <jsp:include page="head.jsp"/>
    <title>领先共享汽车</title>
    <style>.avatar-uploader .el-upload {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

    .avatar-uploader .el-upload:hover {
        border-color: #20a0ff;
    }

    .avatar-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 178px;
        height: 178px;
        line-height: 178px;
        text-align: center;
    }

    .avatar {
        width: 178px;
        height: 178px;
        display: block;
    }
    </style>
</head>
<body>
<jsp:include page="contentBefore.jsp"/>
<template>
            <el-form ref="form" :model="row_info" label-width="80px">
                
         <el-form-item
                label="用户">
             <el-select v-model="row_info.userId" clearable filterable   placeholder="请选择用户">
			    <el-option
			      v-for="item in userInfos"
			      :key="item.id"
			      :label="item.nickName"
			      :value="item.id">
			    </el-option>
			  </el-select>
  
        </el-form-item>
        
         <el-form-item
                label="场地">
             <el-select v-model="row_info.stationId" clearable filterable   placeholder="请选择场地">
			    <el-option
			      v-for="item in stationInfos"
			      :key="item.id"
			      :label="item.title"
			      :value="item.id">
			    </el-option>
			  </el-select>
  
        </el-form-item>
        
         <el-form-item
                label="快速评价">
             <el-select v-model="row_info.quickId" clearable filterable   placeholder="请选择快速评价">
			    <el-option
			      v-for="item in quickComments"
			      :key="item.id"
			      :label="item.comment"
			      :value="item.id">
			    </el-option>
			  </el-select>
  
        </el-form-item>
        
                
                <el-form-item label="订单id">
                    <el-input v-model="row_info.orderId"></el-input>
                </el-form-item>
                
                
                 <el-form-item label="评价内容">
                    <el-input v-model="row_info.content"></el-input>
                </el-form-item>
                
                 <el-form-item label="星级">
                    <el-input v-model="row_info.starLevel"></el-input>
                </el-form-item>
                
                
                <el-form-item>
                    <el-button type="primary" @click="onSubmit">{{edit?'保存':'立即创建'}}</el-button>
                    <el-button>取消</el-button>
                </el-form-item>
            </el-form>
</template>
<jsp:include page="contentAfter.jsp"/>
</body>
<script>
    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }
    new Vue({
        el: '#app',
        created: function () {
        	
        	   $.get({
                   url: '../userInfo/all'
               }).then(function (res) {
                   this.userInfos = res.data;

               }.bind(this));
        	   
        	   $.get({
                   url: '../stationInfo/all'
               }).then(function (res) {
                   this.stationInfos = res.data;

               }.bind(this));
        	   
        	   $.get({
                   url: '../quickComment/all'
               }).then(function (res) {
                   this.quickComments = res.data;

               }.bind(this));
        	   
        	   
            var id = getQueryString('id');
            if (id) {
                $.get({
                    url: '../stationComment/getStationComment',
                    data: {
                        id: id
                    }
                }).then(function (res) {
                    if (res.success) {
                        this.edit = true;
                        this.row_info = res.data;
                    }
                }.bind(this));
            }
        },
        data: function () {
            return {
                menu: '7-2',
                user: {
                    id: '',
                    username: 'admin',
                    avatar: ''
                },
                loading: false,
                edit: false,
                tab: 1,
                row_info : {},
                userInfos : [],
                stationInfos : [],
                quickComments : [],
            };
        },
        methods: {
            logout: function () {
                this.$confirm('确定要注销吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'info'
                }).then(function () {
                    localStorage.removeItem('user');
                    this.$router.push({path: '/login'});
                }.bind(this)).catch(function (e) {

                });
            },
            onSubmit: function () {
                if (!this.row_info.stationId) {
                    this.$message.warning('请填选择场地');
                }  else {
                    var data = JSON.parse(JSON.stringify(this.row_info));
                    $.post({
                        url: this.edit ? '../stationComment/update' : '../stationComment/save',
                        data: data
                    }).then(function (res) {
                        if (res.success) {
                            if (!this.edit) {
                                this.row_info.id = res.data;
                            }
                            this.edit = true;
                            this.$message.success(this.edit ? '保存成功' : '创建成功');
                        } else {
                            this.$message.error(this.edit ? '保存失败' : '创建失败');
                        }
                    }.bind(this))
                }
            },
            }
    })
</script>


</html>