<!--意见调查表单信息-->
<style>
  .resultbill-Dialog .drawerTop {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    background-color: #f0f5fb;
    padding: 5px 10px;
    align-items: center;
  }

  .resultbill-Dialog .classFirst {
    color: #000000;
    font-weight: bold;
  }

  .resultbill-Dialog .className {
    margin-left: 10px;
  }

  .resultinfoContent {
    margin: 10px;
    padding-bottom: 80px;
  }

  .resultinfoContent .role_Line {
    width: 3px;
    height: 11px;
    margin-right: 10px;
    background-color: #3fc4ff;
    display: inline-block;
  }

  .resultinfoContent .backinfo_Item {
    color: #000000;
    font-weight: bold;
  }

  .resultinfoContent .backInfo_One {
    margin: 20px 0;
  }

  .resultinfoContent .backOtherInfo {
    color: #111111;
  }

  .resultinfoContent .backInfo_Title {
    display: inline-block;
    text-align: left;
    color: #999999;
  }

  .resultinfoContent .topBaseInfo {
    overflow: auto;
  }

  .topBaseInfo::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #f5f5f5;
  }

  /*!*定义滚动条轨道 内阴影+圆角*!*/
  .topBaseInfo::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
  }

  /*!*定义滑块 内阴影+圆角*!*/
  .topBaseInfo::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: -webkit-gradient(linear,
        0 0,
        0 100%,
        color-stop(0.5, rgba(255, 255, 255, 0.2)),
        color-stop(0.5, transparent),
        to(transparent));
    background-color: #0ae;
  }
</style>
<template>
  <q-dialog v-model="persistent" maximized full-height seamless position="right" @hide="closeResultForm">
    <q-card style="margin-top: 61px; width: 850px" class="no-border-radius resultbill-Dialog">
      <div class="drawerTop">
        <div style="display: flex; align-items: center">
          <div class="className">
            <div class="classFirst">意见调查结果</div>
          </div>
        </div>
      </div>
      <div class="resultinfoContent">
        <div>
          <div class="topBaseInfo">
            <div class="backinfo_Item">
              <span class="role_Line"></span>基本信息
            </div>
            <div class="row backInfo_One">
              <div class="col-6">
                <span class="backOtherInfo"><img :src="saveObj.obj.Photo" alt=""
                    style="width: 50px;height: 50px;margin-right: 10px"> {{saveObj.obj.Name}}</span>
              </div>
              <div class="col-6">
              </div>
            </div>
            <div class="row backInfo_One">
              <div class="col-6">
                <span class="backInfo_Title">创建时间：</span>
                <span class="backOtherInfo">{{saveObj.obj.CreateDateStr}}</span>
              </div>
              <div class="col-6">
              </div>
            </div>
            <template v-if="saveObj.baseList&&saveObj.baseList.length>0">
              <div class="topBaseInfo">
                <div class="backinfo_Item">
                  <span class="role_Line"></span>用户信息
                </div>
              </div>
              <template v-for="(item,index) in saveObj.baseList">
                <div class="row backInfo_One" :key="index">
                  <div class="col-4">
                    <span class="backInfo_Title">{{index+1}}、{{item.Title}}</span>
                  </div>
                  <div class="col-8">
                    <template v-if="item.SurveyType==4">
                      <span>{{item.TextContent}}</span>
                    </template>
                    <!-- 单选 -->
                    <template v-else-if="item.SurveyType==2|| item.SurveyType==3"
                      v-for="(subItem,subIndex) in item.SurveyOptionsList">
                      <q-checkbox v-model="subItem.IsCheck==1" disabled :key="subIndex" :label="subItem.OptionsName">
                      </q-checkbox>
                    </template>
                    <template v-else-if="item.SurveyType==1">
                      <el-rate v-model="item.ScoreNum" disabled show-score text-color="#ff9900"
                        score-template="{value}分">
                      </el-rate>
                    </template>
                  </div>
                </div>
              </template>
            </template>
            <template v-if="saveObj.surverList&&saveObj.surverList.length>0">
              <div class="topBaseInfo">
                <div class="backinfo_Item">
                  <span class="role_Line"></span>问卷调查表信息
                </div>
              </div>
              <template v-for="(item,index) in saveObj.surverList">
                <div class="row backInfo_One" :key="index+20000">
                  <div class="col-12">
                    <span>{{index+1}}、{{item.Title}}</span>
                  </div>
                </div>
                <div class="row backInfo_One" :key="index+30000">
                  <div class="col-12 backOtherInfo">
                    <template v-if="item.SurveyType==4">
                      <span>{{item.TextContent}}</span>
                    </template>
                    <!-- 单选 -->
                    <template v-else-if="item.SurveyType==2|| item.SurveyType==3"
                      v-for="(subItem,subIndex) in item.SurveyOptionsList">
                      <q-checkbox v-model="subItem.IsCheck==1" disabled :key="subIndex" :label="subItem.OptionsName">
                      </q-checkbox>
                    </template>
                    <template v-else-if="item.SurveyType==1">
                      <el-rate v-model="item.ScoreNum" disabled show-score text-color="#ff9900"
                        score-template="{value}分">
                      </el-rate>
                    </template>
                  </div>
                </div>
              </template>
            </template>

            <template v-if="saveObj.courseArrangementList&&saveObj.courseArrangementList.length>0">
              <div class="topBaseInfo">
                <div class="backinfo_Item">
                  <span class="role_Line"></span>课程安排与设计
                </div>
              </div>
              <template v-for="(item,index) in saveObj.courseArrangementList">
                <div class="row backInfo_One" :key="index+40000">
                  <div class="col-12">
                    <span>{{index+1}}、{{item.Title}}</span>
                  </div>
                </div>
                <div class="row backInfo_One" :key="index+50000">
                  <div class="col-12 backOtherInfo">
                    <template v-if="item.SurveyType==4">
                      <span>{{item.TextContent}}</span>
                    </template>
                    <!-- 单选 -->
                    <template v-else-if="item.SurveyType==2|| item.SurveyType==3"
                      v-for="(subItem,subIndex) in item.SurveyOptionsList">
                      <q-checkbox v-model="subItem.IsCheck==1" disabled :key="subIndex" :label="subItem.OptionsName">
                      </q-checkbox>
                    </template>
                    <template v-else-if="item.SurveyType==1">
                      <el-rate v-model="item.ScoreNum" disabled show-score text-color="#ff9900"
                        score-template="{value}分">
                      </el-rate>
                    </template>
                  </div>
                </div>
              </template>
            </template>

            <template v-if="saveObj.teachersSituationList&&saveObj.teachersSituationList.length>0">
              <div class="topBaseInfo">
                <div class="backinfo_Item">
                  <span class="role_Line"></span>教师授课情形
                </div>
              </div>
              <template v-for="(item,index) in saveObj.teachersSituationList">
                <div class="row backInfo_One" :key="index+60000">
                  <div class="col-12">
                    <span>{{index+1}}、{{item.Title}}</span>
                  </div>
                </div>
                <div class="row backInfo_One" :key="index+70000">
                  <div class="col-12 backOtherInfo">
                    <template v-if="item.SurveyType==4">
                      <span>{{item.TextContent}}</span>
                    </template>
                    <!-- 单选 -->
                    <template v-else-if="item.SurveyType==2|| item.SurveyType==3"
                      v-for="(subItem,subIndex) in item.SurveyOptionsList">
                      <q-checkbox v-model="subItem.IsCheck==1" disabled :key="subIndex" :label="subItem.OptionsName">
                      </q-checkbox>
                    </template>
                    <template v-else-if="item.SurveyType==1">
                      <el-rate v-model="item.ScoreNum" disabled show-score text-color="#ff9900"
                        score-template="{value}分">
                      </el-rate>
                    </template>
                  </div>
                </div>
              </template>
            </template>
            <template v-if="saveObj.teachingAssistantList&&saveObj.teachingAssistantList.length>0">
              <div class="topBaseInfo">
                <div class="backinfo_Item">
                  <span class="role_Line"></span>助教老师
                </div>
              </div>
              <template v-for="(item,index) in saveObj.teachingAssistantList">
                <div class="row backInfo_One" :key="index+190000">
                  <div class="col-12">
                    <span>{{index+1}}、{{item.Title}}</span>
                  </div>
                </div>
                <div class="row backInfo_One" :key="index+90000">
                  <div class="col-12 backOtherInfo">
                    <template v-if="item.SurveyType==4">
                      <span>{{item.TextContent}}</span>
                    </template>
                    <!-- 单选 -->
                    <template v-else-if="item.SurveyType==2|| item.SurveyType==3"
                      v-for="(subItem,subIndex) in item.SurveyOptionsList">
                      <q-checkbox v-model="subItem.IsCheck==1" disabled :key="subIndex" :label="subItem.OptionsName">
                      </q-checkbox>
                    </template>
                    <template v-else-if="item.SurveyType==1">
                      <el-rate v-model="item.ScoreNum" disabled show-score text-color="#ff9900"
                        score-template="{value}分">
                      </el-rate>
                    </template>
                  </div>
                </div>
              </template>
            </template>

            <template v-if="saveObj.learningEnvironmentList&&saveObj.learningEnvironmentList.length>0">
              <div class="topBaseInfo">
                <div class="backinfo_Item">
                  <span class="role_Line"></span>学习环境
                </div>
              </div>
              <template v-for="(item,index) in saveObj.learningEnvironmentList">
                <div class="row backInfo_One" :key="index+100000">
                  <div class="col-12">
                    <span>{{index+1}}、{{item.Title}}</span>
                  </div>
                </div>
                <div class="row backInfo_One" :key="index+110000">
                  <div class="col-12 backOtherInfo">
                    <template v-if="item.SurveyType==4">
                      <span>{{item.TextContent}}</span>
                    </template>
                    <!-- 单选 -->
                    <template v-else-if="item.SurveyType==2|| item.SurveyType==3"
                      v-for="(subItem,subIndex) in item.SurveyOptionsList">
                      <q-checkbox v-model="subItem.IsCheck==1" disabled :key="subIndex" :label="subItem.OptionsName">
                      </q-checkbox>
                    </template>
                    <template v-else-if="item.SurveyType==1">
                      <el-rate v-model="item.ScoreNum" disabled show-score text-color="#ff9900"
                        score-template="{value}分">
                      </el-rate>
                    </template>
                  </div>
                </div>
              </template>
            </template>

            <template v-if="saveObj.opinionandsuggestionList&&saveObj.opinionandsuggestionList.length>0">
              <div class="topBaseInfo">
                <div class="backinfo_Item">
                  <span class="role_Line"></span>意见及建议
                </div>
              </div>
              <template v-for="(item,index) in saveObj.opinionandsuggestionList">
                <div class="row backInfo_One" :key="index+120000">
                  <div class="col-12">
                    <span>{{index+1}}、{{item.Title}}</span>
                  </div>
                </div>
                <div class="row backInfo_One" :key="index+130000">
                  <div class="col-12 backOtherInfo">
                    <template v-if="item.SurveyType==4">
                      <span>{{item.TextContent}}</span>
                    </template>
                    <!-- 单选 -->
                    <template v-else-if="item.SurveyType==2|| item.SurveyType==3"
                      v-for="(subItem,subIndex) in item.SurveyOptionsList">
                      <q-checkbox v-model="subItem.IsCheck==1" disabled :key="subIndex" :label="subItem.OptionsName">
                      </q-checkbox>
                    </template>
                    <template v-else-if="item.SurveyType==1">
                      <el-rate v-model="item.ScoreNum" disabled show-score text-color="#ff9900"
                        score-template="{value}分">
                      </el-rate>
                    </template>
                  </div>
                </div>
              </template>
            </template>
          </div>
          <q-btn class="q-mr-md" label="关闭" @click="closeResultForm" />
        </div>
      </div>
    </q-card>
    <div class="dialog-out-close" @click="closeResultForm"
      style="height: 40px !important; border-top-left-radius: 4px !important;  border-bottom-left-radius: 4px !important;">
      <q-icon name="iconfont icon-jujue1" size="26px" />
    </div>
  </q-dialog>
</template>

<script>
  export default {
    props: {
      saveObj: {
        type: Object,
        default: null,
      },
    },
    data() {
      return {
        persistent: true,
      };
    },
    created() {

    },
    mounted() {

    },
    methods: {
      //关闭弹窗
      closeResultForm() {
        this.persistent = false;
        this.$emit("close");
      },
    },
  };
</script>