03/13 17:09

评论提测

src/api/teacher.js

@@ -301,7 +301,52 @@ const getNeedPost = (data)=>{
 
   })
 }
-// 提交陪练报告
+// 网管课评论列表/api-teacher/courseReview/getPracticeGroup
+const getPracticeGroup = (data)=>{
+  return axios({
+    url: '/api-teacher/courseReview/getPracticeGroup',
+    method: 'get',
+    params: data
+
+  })
+}
+
+// 获取课程头部信息
+const getCourseInfoHead = (data)=>{
+  return axios({
+    url: '/api-teacher/courseReview/getCourseInfoHead',
+    method: 'get',
+    params: data
+
+  })
+}
+
+// 提交评论
+const courseReviewAdd = (data)=>{
+  return axios({
+    url: '/api-teacher/courseReview/add',
+    method: 'post',
+    data: qs.stringify(data)
+
+  })
+}
+// 修改评论
+const updateReviewInfo = (data)=>{
+  return axios({
+    url: '/api-teacher/courseReview/updateReviewInfo',
+    method: 'post',
+    data: qs.stringify(data)
+  })
+}
+
+// 获取评论详情
+const getReviewInfo = (data)=>{
+  return axios({
+    url: '/api-teacher/courseReview/getReviewInfo',
+    method: 'get',
+    params: data
+  })
+}
 export {
   queryMyCreatedList,
   queryWaitList,
@@ -335,5 +380,10 @@ export {
   findTeacherClassGroupInfo,
   getReviewsInfo,
   getNeedPost,
-  addStudyReport1
+  addStudyReport1,
+  getPracticeGroup,
+  getCourseInfoHead,
+  courseReviewAdd,
+  updateReviewInfo,
+  getReviewInfo
 }

src/views/audition/CourseEvaluation.vue

@@ -1,146 +1,278 @@
 <template>
-    <div>
-        <MHeader />
-        
-        <van-cell-group>
-            <van-cell title="课程班名称" value="长笛1班·基础知识课" />
-        </van-cell-group>
-        <van-cell-group>
-            <van-cell title="上课时间" value="2020年9月1日 13:00-14:45" />
-        </van-cell-group>
-        <van-cell-group>
-            <van-cell title="乐器" value="长笛" />
-        </van-cell-group>
-        <van-cell-group>
-            <van-field rows="4" class="textarea" maxlength="255" autosize label="教材内容" type="textarea" placeholder="请输入（1-255字）" />
-        </van-cell-group>
-        <van-cell-group>
-            <van-field label="曲目" input-align="right" placeholder="请输入曲目名" />
-        </van-cell-group>
-        <van-cell-group>
-            <van-cell>
-                <template slot="title">
-                    <div class="title-item">
-                        <span class="text">发音</span>
-                        <van-rate v-model="voice" :size="25" void-color="#eee" void-icon="star" />
-                    </div>
-                    <div class="title-item">
-                        <span class="text">节奏</span>
-                        <van-rate :size="25" void-color="#eee" void-icon="star" />
-                    </div>
-                    <div class="title-item">
-                        <span class="text">乐理</span>
-                        <van-rate :size="25" void-color="#eee" void-icon="star" />
-                    </div>
-                </template>
-            </van-cell>
-        </van-cell-group>
-        <van-cell-group>
-            <van-field rows="4" class="textarea" maxlength="255" autosize label="评价备注" type="textarea" placeholder="请输入（1-255字）" />
-        </van-cell-group>
-        <van-cell-group>
-            <van-field rows="4" class="textarea" maxlength="255" autosize label="布置作业" type="textarea" placeholder="请输入（1-255字）" />
-        </van-cell-group>
-        <van-cell-group>
-            <van-cell title="是否完成双向沟通" value-class="twoConnect">
-                <template slot="default">
-                    <van-radio-group v-model="radio" direction="horizontal">
-                        <van-radio name="1">是</van-radio>
-                        <van-radio name="2">否</van-radio>
-                    </van-radio-group>
-                </template>
-            </van-cell>
-        </van-cell-group>
-        <div class="button-group">
-            <van-button type="primary" round size="large">提交评价</van-button>
-        </div>
+  <div>
+    <MHeader />
+
+    <van-cell-group>
+      <van-cell title="课程班名称" :value="classGroupName" />
+    </van-cell-group>
+    <van-cell-group>
+      <van-cell title="上课时间" :value="classTimer" />
+    </van-cell-group>
+    <van-cell-group>
+      <van-cell title="乐器" :value="subjectNames" />
+    </van-cell-group>
+    <van-cell-group>
+      <van-field
+        rows="4"
+        class="textarea"
+        v-model="teachingMaterial"
+        maxlength="255"
+        autosize
+        label="教材内容"
+        type="textarea"
+        placeholder="请输入（1-255字）"
+      />
+    </van-cell-group>
+    <van-cell-group>
+      <van-field label="曲目" input-align="right" placeholder="请输入曲目名" v-model="song" />
+    </van-cell-group>
+    <van-cell-group>
+      <van-cell>
+        <template slot="title">
+          <div class="title-item">
+            <span class="text">发音</span>
+            <van-rate v-model="pronunciation" :size="25" void-color="#eee" void-icon="star" />
+          </div>
+          <div class="title-item">
+            <span class="text">节奏</span>
+            <van-rate :size="25" void-color="#eee" v-model="tempo" void-icon="star" />
+          </div>
+          <div class="title-item">
+            <span class="text">乐理</span>
+            <van-rate :size="25" v-model="musicTheory" void-color="#eee" void-icon="star" />
+          </div>
+        </template>
+      </van-cell>
+    </van-cell-group>
+    <van-cell-group>
+      <van-field
+        rows="4"
+        class="textarea"
+        maxlength="255"
+        v-model="memo"
+        autosize
+        label="评价备注"
+        type="textarea"
+        placeholder="请输入（1-255字）"
+      />
+    </van-cell-group>
+    <van-cell-group>
+      <van-field
+        rows="4"
+        class="textarea"
+        maxlength="255"
+        v-model="homeWork"
+        autosize
+        label="布置作业"
+        type="textarea"
+        placeholder="请输入（1-255字）"
+      />
+    </van-cell-group>
+    <van-cell-group>
+      <van-cell title="是否完成双向沟通" value-class="twoConnect">
+        <template slot="default">
+          <van-radio-group v-model="hasLiaison" direction="horizontal">
+            <van-radio name="1">是</van-radio>
+            <van-radio name="0">否</van-radio>
+          </van-radio-group>
+        </template>
+      </van-cell>
+    </van-cell-group>
+    <div class="button-group">
+      <van-button type="primary" v-if="!reviewId" round size="large" @click="submitReview">提交评价</van-button>
+      <van-button type="primary" v-if="reviewId" round size="large" @click="submitReview">修改评价</van-button>
     </div>
+  </div>
 </template>
 <script>
-import MHeader from '@/components/MHeader'
+import {
+  getCourseInfoHead,
+  courseReviewAdd,
+  getReviewInfo,
+  updateReviewInfo
+} from "@/api/teacher";
+import { browser } from "@/common/common";
+import MHeader from "@/components/MHeader";
 export default {
-    name: 'teacherList',
-    components: { MHeader },
-    data () {
-        return {
-            radio: 1,
-            voice: 0
+  name: "teacherList",
+  components: { MHeader },
+  data() {
+    return {
+      radio: 1,
+      voice: 0,
+      courseId: null,
+      reviewId: null,
+      classTimer: null,
+      classGroupName: null,
+      teachingMaterial: null, //教材
+      song: null, // 曲目
+      pronunciation: null, // 发音
+      tempo: null, //节奏
+      musicTheory: null, // 乐理
+      memo: null, // 备注
+      homeWork: null, // 作业
+      hasLiaison: null,
+      subjectNames:null,
+    };
+  },
+  created() {
+    this.courseId = this.$route.query.id;
+    this.reviewId = this.$route.query.reviewId;
+    if (!this.courseId) {
+      this.$toast("课程信息错误");
+    }
+  },
+  mounted() {
+    // 获取头部信息
+    if (this.reviewId) {
+      // 获取老评价
+      getReviewInfo({ id: this.reviewId }).then(res => {
+        if (res.data.code == 200) {
+          this.classTimer =
+            res.data.data.teacherClassHeadInfo.classDate +
+            res.data.data.teacherClassHeadInfo.startClassTime +
+            "-" +
+            res.data.data.teacherClassHeadInfo.endClassTime;
+          this.subjectNames = res.data.data.teacherClassHeadInfo.subjectNames;
+          this.classGroupName = res.data.data.teacherClassHeadInfo.classGroupName;
+
+          // 评价内容
+               this.teachingMaterial = res.data.data.courseScheduleReview.teachingMaterial 
+               this.song = res.data.data.courseScheduleReview.song 
+               this.pronunciation = res.data.data.courseScheduleReview.pronunciation 
+               this.tempo = res.data.data.courseScheduleReview.tempo 
+               this.musicTheory = res.data.data.courseScheduleReview.musicTheory 
+               this.memo = res.data.data.courseScheduleReview.memo 
+               this.homeWork = res.data.data.courseScheduleReview.homeWork 
+               this.hasLiaison = res.data.data.courseScheduleReview.hasLiaison.toString() 
+
         }
+      });
+    } else {
+      getCourseInfoHead({ courseId: this.courseId }).then(res => {
+        if (res.data.code == 200) {
+          this.classTimer =
+            res.data.data.classDate +
+            res.data.data.startClassTime +
+            "-" +
+            res.data.data.endClassTime;
+          this.subjectNames = res.data.data.subjectNames;
+          this.classGroupName = res.data.data.classGroupName;
+        }
+      });
+    }
+  },
+  methods: {
+    submitReview() {
+      let obj = {
+        teachingMaterial: this.teachingMaterial, //教材
+        song: this.song, // 曲目
+        pronunciation: this.pronunciation, // 发音
+        tempo: this.tempo, //节奏
+        musicTheory: this.musicTheory, // 乐理
+        memo: this.memo, // 备注
+        homeWork: this.homeWork,
+        hasLiaison: this.hasLiaison,
+        courseScheduleId: this.courseId
+      };
+      if (this.reviewId) {
+        obj.id = this.reviewId;
+        updateReviewInfo(obj).then(res => {
+          this.$toast("修改成功");
+          setTimeout(res => {
+            this.onAppBack();
+          }, 1000);
+        });
+      } else {
+        courseReviewAdd(obj).then(res => {
+          if (res.data.code == 200) {
+            this.$toast("提交成功");
+            setTimeout(res => {
+              this.onAppBack();
+            }, 1000);
+          }
+        });
+      }
     },
-    mounted() {
-        
-    },
-    methods: {
-        
+    onAppBack() {
+      if (browser().android) {
+        DAYA.postMessage(JSON.stringify({ api: "back" }));
+      } else if (browser().iPhone) {
+        window.webkit.messageHandlers.DAYA.postMessage(
+          JSON.stringify({ api: "back" })
+        );
+      }
     }
-}
+  }
+};
 </script>
 <style lang="less" scoped>
 @import url("../../assets/commonLess/variable.less");
 
 /deep/.van-cell-group {
-    margin-top: .15rem;
-    /deep/.van-cell {
-        padding: .14rem .16rem;
-    }
+  margin-top: 0.15rem;
+  /deep/.van-cell {
+    padding: 0.14rem 0.16rem;
+  }
 }
 
 .title-item {
-    display: flex;
-    padding: .05rem 0;
-    .text {
-        margin-right: .15rem;
-        font-size: .17rem;
-        color: #1A1A1A;
-    }
-    /deep/.van-rate {
-        line-height: 0;
-    }
+  display: flex;
+  padding: 0.05rem 0;
+  .text {
+    margin-right: 0.15rem;
+    font-size: 0.17rem;
+    color: #1a1a1a;
+  }
+  /deep/.van-rate {
+    line-height: 0;
+  }
 }
 
 /deep/.van-cell__title {
-    font-size: .17rem;
-    color: #1A1A1A;
-    flex: auto 1;
+  font-size: 0.17rem;
+  color: #1a1a1a;
+  flex: auto 1;
 }
-/deep/.van-field__control, /deep/.van-cell__value {
-    font-size: 0.17rem;
-    color: #666;
-    width: 70%;
-    flex: auto;
+/deep/.van-field__control,
+/deep/.van-cell__value {
+  font-size: 0.17rem;
+  color: #666;
+  width: 70%;
+  flex: auto;
 }
 .textarea {
-    flex-direction: column;
-    /deep/.van-cell__value {
-        margin-top: .1rem;
-        width: 100%;
-    }
+  flex-direction: column;
+  /deep/.van-cell__value {
+    margin-top: 0.1rem;
+    width: 100%;
+  }
 }
 .twoConnect {
-    width: 55%;
+  width: 55%;
 }
 /deep/.van-radio-group {
-    display: flex;
-    justify-content: flex-end;
-    /deep/.van-radio {
-        margin-left: .18rem;
-    }
+  display: flex;
+  justify-content: flex-end;
+  /deep/.van-radio {
+    margin-left: 0.18rem;
+  }
 }
 /deep/.van-radio__icon .van-icon {
-    border-color: @sFontColor;
+  border-color: @sFontColor;
 }
 /deep/.van-radio__icon--checked {
-    .van-icon {
-        border-color: #14928A;
-        background: #14928A;
-    }
+  .van-icon {
+    border-color: #14928a;
+    background: #14928a;
+  }
 }
 .button-group {
-    margin: .3rem .26rem .2rem;
-    .van-button--primary {
-        background: @mColor;
-        border: 1px solid @mColor;
-        font-size: .18rem;
-    }
+  margin: 0.3rem 0.26rem 0.2rem;
+  .van-button--primary {
+    background: @mColor;
+    border: 1px solid @mColor;
+    font-size: 0.18rem;
+  }
 }
 </style>

src/views/audition/ManageEvaluation.vue

@@ -1,282 +1,377 @@
 <template>
-    <div>
-        <MHeader />
-        <div class="searchSection">
-            <div class="searchDate">
-                <div class="date startDate" @click="dateSection.status = true">
-                    开始<span>2020/03/03</span>
-                </div>-
-                <div class="date endDate" @click="dateSection.status = true">
-                    结束<span>2020/03/03</span>
-                </div>
-            </div>
-            <!-- <div class="searchMore">
-                筛选<i class="arrowDown"></i>
-            </div> -->
-
-            <van-dropdown-menu active-color="#14928A">
-                <van-dropdown-item title="筛选" ref="item">
-                    <div class="dropItem">
-                        <p class="dropTitle">评价类型</p>
-                        <div class="radioGroup">
-                            <span class="actived">月报</span>
-                            <span>课次评价</span>
-                        </div>
-                    </div>
-                    <div class="dropItem">
-                        <p class="dropTitle">评价进度</p>
-                        <div class="radioGroup">
-                            <span class="actived">待完成</span>
-                            <span>已完成</span>
-                        </div>
-                    </div>
-                    <div class="dropItem">
-                        <p class="dropTitle">提交作业</p>
-                        <div class="radioGroup">
-                            <span class="actived">是</span>
-                            <span>否</span>
-                        </div>
-                    </div>
-                    <div class="dropItem">
-                        <p class="dropTitle">完成双向沟通</p>
-                        <div class="radioGroup">
-                            <span class="actived">是</span>
-                            <span>否</span>
-                        </div>
-                    </div>
-                    <div class="btnGroup">
-                        <div class="btn btn-reset">重置</div>
-                        <div class="btn btn-sure">确定</div>
-                    </div>
-                    
-                </van-dropdown-item>
-            </van-dropdown-menu>
+  <div>
+    <MHeader />
+    <div class="searchSection">
+      <div class="searchDate">
+        <div class="date startDate" @click="dateSection.status = true">
+          开始
+          <span>{{dateSection.showStartDate}}</span>
+        </div>-
+        <div class="date endDate" @click="dateEndSection.status = true">
+          结束
+          <span>{{dateEndSection.showEndDate}}</span>
         </div>
+      </div>
+      <!-- <div class="searchMore">
+                筛选<i class="arrowDown"></i>
+      </div>-->
 
-        
-
-        <van-cell-group>
-            <van-cell v-for="i in 5" :key="i" class="cellGroup" title="3月25日" title-class="sectionTitle" value-class="sectionValue">
-                <template solt="default">
-                    <p class="content van-ellipsis">长笛·王小明长笛·王小明长笛·王小明长笛·王小明</p>
-                    <van-button type="primary" round size="small">提交评价</van-button>
-                </template>
-            </van-cell>
-        </van-cell-group>
-        <!-- <m-empty class="empty" v-else key="data" /> -->
+      <van-dropdown-menu active-color="#14928A">
+        <van-dropdown-item title="筛选" ref="item" v-model="search.status">
+          <!-- <div class="dropItem">
+            <p class="dropTitle">评价类型</p>
+            <div class="radioGroup">
+              <span class="actived">月报</span>
+              <span>课次评价</span>
+            </div>
+          </div> -->
+          <div class="dropItem">
+            <p class="dropTitle">评价进度</p>
+            <div class="radioGroup">
+              <span :class="search.hasReview==0?'actived':''" @click="search.hasReview=0">待完成</span>
+              <span :class="search.hasReview==1?'actived':''" @click="search.hasReview=1">已完成</span>
+            </div>
+          </div>
+          <div class="dropItem">
+            <p class="dropTitle">提交作业</p>
+            <div class="radioGroup">
+                <span :class="search.hasHandHomework==0?'actived':''" @click="search.hasHandHomework=0">是</span>
+              <span :class="search.hasHandHomework==1?'actived':''" @click="search.hasHandHomework=1">否</span>
+            </div>
+          </div>
+          <div class="dropItem">
+            <p class="dropTitle">完成双向沟通</p>
+            <div class="radioGroup">
+                 <span :class="search.hasLiaison==0?'actived':''" @click="search.hasLiaison=0">是</span>
+              <span :class="search.hasLiaison==1?'actived':''" @click="search.hasLiaison=1">否</span>
+            </div>
+          </div>
+          <div class="btnGroup">
+            <div class="btn btn-reset" @click="resetSerach">重置</div>
+            <div class="btn btn-sure" @click="submitInfo">确定</div>
+          </div>
+        </van-dropdown-item>
+      </van-dropdown-menu>
+    </div>
 
-        <!-- 日期弹窗 -->
-        <van-popup position="bottom" v-model="dateSection.status">
-            <van-datetime-picker
-                v-model="dateSection.currentDate"
-                type="date"
-                :min-date="dateSection.minDate"
-                :max-date="dateSection.maxDate"
-                :formatter="formatter" />
-        </van-popup>
+    <van-cell-group>
+      <van-cell
+        v-for="(item,index) in courseList"
+        :key="index"
+        class="cellGroup"
+        title="3月25日"
+        title-class="sectionTitle"
+        value-class="sectionValue"
+      >
+        <template solt="default">
+          <p class="content van-ellipsis">{{ item.courseName }}</p>
+          <van-button type="primary" round size="small"  v-if="item.reviewId==0" @click="submitReview(item)">提交评价</van-button>
+            <van-button type="primary" round size="small" v-if="item.reviewId>0" @click="submitReview(item)">修改评价</van-button>
+        </template>
+      </van-cell>
+    </van-cell-group>
+    <!-- <m-empty class="empty" v-else key="data" /> -->
 
-        <van-popup position="bottom" v-model="search.status">
+    <!-- 日期开始弹窗 -->
+    <van-popup position="bottom" v-model="dateSection.status">
+      <van-datetime-picker
+        v-model="dateSection.currentDate"
+        type="date"
+        :min-date="dateSection.minDate"
+        :max-date="dateSection.maxDate"
+        :formatter="formatter"
+        @confirm="confirmStartTime()"
+        @cancel='cancelTime()'
+      />
+    </van-popup>
+    <!-- 日期结束弹窗 -->
+    <van-popup position="bottom" v-model="dateEndSection.status">
+      <van-datetime-picker
+        v-model="dateEndSection.currentDate"
+        type="date"
+        :min-date="dateSection.minDate"
+        :max-date="dateSection.maxDate"
+        :formatter="formatter"
+        @confirm="confirmEndTime()"
+          @cancel='cancelTime()'
+      />
+    </van-popup>
 
-        </van-popup>
-    </div>
+    <van-popup position="bottom" v-model="search.status"></van-popup>
+  </div>
 </template>
 <script>
-import MHeader from '@/components/MHeader'
-import MEmpty from '@/components/MEmpty'
+import MHeader from "@/components/MHeader";
+import MEmpty from "@/components/MEmpty";
+import { getPracticeGroup} from '@/api/teacher'
 export default {
-    name: 'teacherList',
-    components: { MHeader, MEmpty },
-    data () {
-        return {
-            dateSection: {
-                status: false,
-                minDate: new Date(2020, 0, 1),
-                maxDate: new Date(2025, 10, 1),
-                currentDate: new Date()
-            },
-            search: {
-                status: false
-            },
-            value: 0,
-            switch1: 1,
-            switch2: 2,
-            option: [
-                { text: '全部商品', value: 0 },
-                { text: '新款商品', value: 1 },
-                { text: '活动商品', value: 2 }
-            ]
+  name: "teacherList",
+  components: { MHeader, MEmpty },
+  data() {
+    return {
+      dateSection: {
+        status: false,
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: null,
+        showStartDate: null
+      },
+      dateEndSection: {
+        status: false,
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: null,
+        showEndDate: null
+      },
+      search: {
+        status: false,
+        hasReview:null,
+        hasHandHomework:null,
+        hasLiaison:null,
+      },
+        courseList:[]
+    };
+  },
+  created(){
+         let params = this.$route.query;
+    if (params.Authorization) {
+      localStorage.setItem("Authorization", decodeURI(params.Authorization));
+      localStorage.setItem("userInfo", decodeURI(params.Authorization));
+    }
+  },
+  mounted() {
+    this.dateSection.currentDate = new Date();
+    this.dateSection.showStartDate = this.timeFormat(
+      this.dateSection.currentDate
+    );
+    this.dateEndSection.currentDate = new Date();
+    this.dateEndSection.showEndDate = this.timeFormat(
+      this.dateEndSection.currentDate
+    );
+    this.getList();
+    // this.getStudent()
+  },
+  methods: {
+    formatter(type, val) {
+      if (type === "year") {
+        return `${val}年`;
+      } else if (type === "month") {
+        return `${val}月`;
+      } else if (type == "day") {
+        return `${val}日`;
+      }
+      return val;
+    },
+    changeStartTime() {},
+
+    confirmStartTime() {
+      this.dateSection.showStartDate = this.timeFormat(
+        this.dateSection.currentDate
+      );
+      this.getList()
+      this.dateSection.status = false;
+    },
+    confirmEndTime() {
+      this.dateEndSection.showEndDate = this.timeFormat(
+        this.dateEndSection.currentDate
+      );
+       this.getList()
+      this.dateEndSection.status = false;
+    },
+    cancelTime(){
+         this.dateEndSection.status = false;
+         this.dateSection.status = false;
+    },
+    timeFormat(time) {
+      // 时间格式化 2019-09-08
+      let year = time.getFullYear();
+      let month = time.getMonth() + 1;
+      let day = time.getDate();
+      return year + "/" + month + "/" + day;
+    },
+    resetSerach(){
+        this.search = {
+              status: false,
+        hasReview:null,
+        hasHandHomework:null,
+        hasLiaison:null,
         }
     },
-    mounted() {
-        // this.getStudent()
+    submitInfo(){
+        // 提交请求
+        this.getList();
+        this.search.status = false;
+        this.$refs.item.toggle();
     },
-    methods: {
-        formatter(type, val) {
-            if (type === 'year') {
-                return `${val}年`
-            } else if (type === 'month') {
-                return `${val}月`
-            } else if(type == 'day') {
-                return `${val}日`
+    getList(){
+        
+        this.search.startTime = this.dateSection.showStartDate.replace(/\//g,'-')+' 00:00:00'
+         this.search.endTime = this.dateEndSection.showEndDate.replace(/\//g,'-')+' 23:59:59',
+         this.search.rows = 100;
+        getPracticeGroup(this.search).then(res=>{
+            if(res.data.code == 200){
+                this.courseList = res.data.data.rows;
             }
-            return val
-        }
+        })
+    },
+    submitReview(item){
+        this.$router.push({path:'/courseEvaluation',query:{id:item.id,reviewId:item.reviewId}})
     }
-}
+  }
+};
 </script>
 <style lang="less" scoped>
 @import url("../../assets/commonLess/variable.less");
 .searchSection {
-    display: flex;
-    justify-content: space-between;
-    background: #fff;
-    margin-bottom: .15rem;
-    padding: 0 0.16rem;
-    align-items: center;
+  display: flex;
+  justify-content: space-between;
+  background: #fff;
+  margin-bottom: 0.15rem;
+  padding: 0 0.16rem;
+  align-items: center;
 
-    .searchDate {
-        display: flex;
+  .searchDate {
+    display: flex;
+    color: #666666;
+    height: auto;
+    .startDate {
+      margin-right: 0.05rem;
+    }
+    .endDate {
+      margin-left: 0.05rem;
+    }
+    .date {
+      padding: 0.02rem 0.06rem;
+      border: 1px solid #e5e5e5;
+      font-size: 0.14rem;
+      color: #999999;
+      span {
+        padding-left: 0.04rem;
+        font-size: 0.15rem;
         color: #666666;
-        height: auto;
-        .startDate {
-            margin-right: .05rem;
-        }
-        .endDate {
-            margin-left: .05rem;
-        }
-        .date {
-            padding: .02rem .06rem;
-            border: 1px solid #E5E5E5;
-            font-size: .14rem;
-            color: #999999;
-            span {
-                padding-left: .04rem;
-                font-size: .15rem;
-                color: #666666;
-            }
-        }
+      }
     }
+  }
+/deep/.van-hairline--top-bottom::after, .van-hairline-unset--top-bottom::after{
+    border-width: 0 0;
+}
+  /deep/.van-dropdown-menu__title {
+    font-size: 0.17rem;
+    color: #1a1a1a;
+  }
 
-    /deep/.van-dropdown-menu__title {
-        font-size: .17rem;
-        color: #1A1A1A;
+  .btnGroup {
+    display: flex;
+    margin-top: 0.15rem;
+    .btn {
+      width: 50%;
+      text-align: center;
+      font-size: 0.17rem;
+      color: #000;
+      padding: 0.12rem 0;
     }
-
-    .btnGroup {
-        display: flex;
-        margin-top: .15rem;
-        .btn {
-            width: 50%;
-            text-align: center;
-            font-size: .17rem;
-            color: #000;
-            padding: .12rem 0;
-        }
-        .btn-reset {
-            background-color: #E1F6F4;
-            color: #14928A;
-        }
-        .btn-sure {
-            background-color: #14928A;
-            color: #fff;
-        }
+    .btn-reset {
+      background-color: #e1f6f4;
+      color: #14928a;
     }
-    .dropItem {
-        padding: .1rem .16rem;
-        .dropTitle {
-            font-size: .17rem;
-            color: #1A1A1A;
-        }
-        .radioGroup {
-            display: flex;
-            justify-content: space-between;
-            padding-top: .1rem;
-            span {
-                color: #000000;
-                background-color: #F4F4F4;
-                width: 48%;
-                padding: .1rem 0;
-                text-align: center;
-                border-radius: 2px;
-                &.actived {
-                    color: #14928A;
-                    background: url('../../assets/images/audition/icon_check.png') no-repeat bottom right #E4F6F5;
-                    background-size: .2rem;
-                }
-            }
+    .btn-sure {
+      background-color: #14928a;
+      color: #fff;
+    }
+  }
+  .dropItem {
+    padding: 0.1rem 0.16rem;
+    .dropTitle {
+      font-size: 0.17rem;
+      color: #1a1a1a;
+    }
+    .radioGroup {
+      display: flex;
+      justify-content: space-between;
+      padding-top: 0.1rem;
+      span {
+        color: #000000;
+        background-color: #f4f4f4;
+        width: 48%;
+        padding: 0.1rem 0;
+        text-align: center;
+        border-radius: 2px;
+        &.actived {
+          color: #14928a;
+          background: url("../../assets/images/audition/icon_check.png")
+            no-repeat bottom right #e4f6f5;
+          background-size: 0.2rem;
         }
+      }
     }
+  }
 }
 .cellGroup {
-    padding: .16rem;
+  padding: 0.16rem;
 }
 .sectionTitle {
-    font-size: .16rem;
-    color: #808080;
-    align-items: center;
-    display: flex;
+  font-size: 0.16rem;
+  color: #808080;
+  align-items: center;
+  display: flex;
 }
 .sectionValue {
-    display: flex;
-    width: 70%;
-    flex: 1 auto;
-    justify-content: space-between;
-    align-items: center;
-    height: auto !important;
-    .content {
-        font-size: .17rem;
-        color: #1A1A1A;
-    }
-    .van-button {
-        font-size: .14rem;
-        background-color: #14928A;
-        padding: 0 .12rem;
-        min-width: .88rem;
-    }
+  display: flex;
+  width: 70%;
+  flex: 1 auto;
+  justify-content: space-between;
+  align-items: center;
+  height: auto !important;
+  .content {
+    font-size: 0.17rem;
+    color: #1a1a1a;
+  }
+  .van-button {
+    font-size: 0.14rem;
+    background-color: #14928a;
+    padding: 0 0.12rem;
+    min-width: 0.88rem;
+  }
 }
 
-
-
-
-
 /deep/.van-cell__title {
-    font-size: .14rem;
-    color: @mFontColor;
-    flex: 1 auto;
+  font-size: 0.14rem;
+  color: @mFontColor;
+  flex: 1 auto;
 }
 .logo {
-    width: .35rem;
-    height: .35rem;
-    margin-right: .12rem;
-    border-radius: 100%;
+  width: 0.35rem;
+  height: 0.35rem;
+  margin-right: 0.12rem;
+  border-radius: 100%;
 }
 .input-cell {
-    padding: .12rem .16rem .2rem;
-    .van-radio {
-        justify-content: flex-end;
-    }
+  padding: 0.12rem 0.16rem 0.2rem;
+  .van-radio {
+    justify-content: flex-end;
+  }
 }
 /deep/.van-cell__value {
-    height: .2rem;
+  height: 0.2rem;
 }
 /deep/.van-radio__icon .van-icon {
-    border-color: @sFontColor;
+  border-color: @sFontColor;
 }
 /deep/.van-radio__icon--checked {
-    .van-icon {
-        border-color: @orangeColor;
-        background: @orangeColor;
-    }
+  .van-icon {
+    border-color: @orangeColor;
+    background: @orangeColor;
+  }
 }
 .van-tag {
-    margin-left: .08rem;
+  margin-left: 0.08rem;
 }
 .button-group {
-    margin: .3rem .26rem .2rem;
-    .van-button--primary {
-        background: @mColor;
-        border: 1px solid @mColor;
-        font-size: .18rem;
-    }
+  margin: 0.3rem 0.26rem 0.2rem;
+  .van-button--primary {
+    background: @mColor;
+    border: 1px solid @mColor;
+    font-size: 0.18rem;
+  }
 }
 </style>