<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="https://www.thymeleaf.org ">
<head>
    <title>采美365网--医疗美容生活美容正品采购平台</title>
    <template th:replace="components/head-link"></template>
    <link th:href="@{/css/base/center.css(v=${version})}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/user-center/repair/detail.css(v=${version})}" rel="stylesheet" type="text/css">

</head>
<body>
<!-- 引用头部 -->
<template th:replace="components/header"></template>
<!--维修详情-->
<div id="repairDetailPage">
    <div class="navLayout" v-cloak>
        <div v-if="isPC" class="crumbs">
            <span>我的交易</span>
            <span>&gt;</span>
            <span>我的维修</span>
            <span>&gt;</span>
            <span>维修详情</span>
        </div>
        <div class="wrap clear">
            <!--左侧导航-->
            <template th:replace="user-center/components/tableft"></template>
            <div class="right">
                <div class="container clear">
                    <div class="release-stepbox">
                        <div class="stepSpan " :class="info.status==1 || info.status==2||info.status==3?'active':''">
                            <span>1</span>
                            <p>已提交</p>
                        </div>
                        <div class="stepSpan" :class="info.status==1 || info.status==2 ||info.status==3?'active':''">
                            <span>2</span>
                            <p>已对接</p>
                        </div>
                        <div class="stepSpan" :class="info.status==3?'active':''">
                            <span>3</span>
                            <p>已评价</p>
                        </div>
                    </div>
                </div>
                <div class="mainconten" v-if="info.status!=3">
                    <form>
                        <div class="process">
                            <p class="feedback"><label>是否解决您的问题：</label>
                                    <span @click="Evaluation(1)" :class="currenflag==1?'style':''"><i class="icon mIcon solve"></i>已解决</span>
                                    <span @click="Evaluation(2)" :class="currenflag==2?'style':''"><i class="icon mIcon unsolved"></i>未解决</span></p>
                            <p><label><em>*</em>服务态度：</label><span class="grade"><i class="icon mIcon stance" v-for="i in 5" @click="currenindex(i)" :class="{'changestance':spanIndex.indexOf(i)>-1}"></i></span></p>
                            <p><label><em>*</em>您的评价：</label></p>
                            <div class="val">
                                <textarea placeholder="请输入您的评价..." v-model="params.serviceEvaluate"> </textarea>
                                <span>不超过200字</span>
                            </div>
                        </div>
                        <div class="from-button" @click="submit" v-if="isPC">提交</div>
                    </form>
                </div>
                <div class="sencondCont">
                    <form>
                         <div>
                            <p><em>*</em>维修订单号：<span>{{info.orderNo}}</span></p>
                            <p><em>*</em>仪器名称：<span>{{info.instrumentName}}</span></p>
                            <p><em>*</em>生产厂家：<span>{{info.manufacturer}}</span></p>
                            <p><em>*</em>联系人：<span>{{info.userContact}}</span></p>
                            <p><em>*</em>联系电话：<span>{{info.userMobile}}</span></p>
                            <p><em>*</em>联系地址：<span>{{info.provinceName}}{{info.cityName}}{{info.townName}}{{info.userAddress}}</span></p>
                            <p class="Image">仪器图片：
                              <span v-if="info.instrumentArr!=null"><img v-for="item in  info.instrumentArr"  :src="item"/></span>
                            </p>
                            <p><em>*</em>问题描述：<span>{{info.problemDescription}}</span></p>
                            <p><em>*</em>仪器名称品牌/型号：<span>{{info.instrumentBrand}}</span></p>
                            <p><em>*</em>维修数量：<span>{{info.maintenanceNum}}</span></p>
                            <p v-if="info.status==3"><em>*</em>服务态度：<span class="grade">
                                    <i class="icon mIcon changestance" v-for="i in info.serviceRating"></i>
                                     <i class="icon mIcon stance" v-for="i in 5-info.serviceRating"></i>
                             </span></p>
                            <p v-if="info.status==3"><em>*</em>您的评价：<span>{{info.serviceEvaluate}}</span></p>
                         </div>
                    </form>
                    <div class="from-button" @click="submit" v-if="!isPC &&info.status!=3">提交</div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 引入底部 -->
<template th:replace="components/footer"></template>
<template th:replace="components/foot-link"></template>
<script charset="utf-8" type="text/javascript" th:src="@{/js/center.js(v=${version})}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/repair.service.js(v=${version})}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/user-center/repair/detail.js(v=${version})}"></script>
</body>
</html>
