Vue_New/src/xt_pages/user/evaluationtool/RassAssessment.vue

<template>
    <div class="patient-container">
        <patient-sidebar :id="patientID" defaultActive="5-6"></patient-sidebar>
        <div>
            <div class="patient-app-container advice-container app-container">
                <div class='content_top' style="width: 100%;margin-bottom: 20px;">
                    <div style="font-size: 20px;">RASS评估表</div>
                    <div>
                        <el-button>历史评分</el-button>
                    </div>
                </div>


                <div class='content_top'>
                    <div style="width:29%">
                      <table class="table" border="1" style="width: 100%;">
                        <thead>
                          <tr>
                            <th style="width: 180px; text-align: left;margin-left: 5px;">LOS评分</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr v-for="(item, index) in LOS" :key="index" :style="{'background':(index==0 || index % 2==0) ?'rgb(243, 240, 240)':'white'}">
                            <td style="padding: 5px;">
                              <div class="rightjiange" style="position: relative;">
                                <label style="">
                                  <input type="radio" name="ball" :value="item.value"  @change="handleCheckedCitiesChange"/>
                                  <div style="display: inline-block;">{{ item.title }}</div>&nbsp;
                                  <div :style="{'display': 'inline-block','width':' 320px','position': 'absolute','top':index ==2 ? '-8px':'0px'}">
                                      {{ item.value }}
                                  </div>
                                </label>
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>

                    <div style="width:70%">
                      <table class="table" border="1" style="width: 100%;">
                        <thead>
                          <tr>
                            <th colspan="2">RASS评分</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr class="bg_color" v-for="(item,index) in RASS" :key="index" :style="{'background':(index==0 || index % 2==0) ?'rgb(243, 240, 240)':'white'}">
                              <td class='bing'>
                                <span class="rightjiange" style="position: relative;">
                                  <label><input type="radio" name="ball" :value="item.value" @change="handleCheckedCitiesChange"/>&nbsp;
                                      <span style="display: inline-block;">{{item.title}}</span>
                                      &nbsp;<span :style="{'display': 'inline-block','width':' 430px','position': 'absolute','top':index ==4 ? '-8px':'0px'}">
                                     {{item.value}}
                                      </span>
                                  </label>
                                </span>
                              </td>
                              <td class='bing'>
                                <span class="rightjiange" style="position: relative;">
                                  <label><input type="radio" name="ball" :value="item.value2" @change="handleCheckedCitiesChange"/>&nbsp;
                                      <span style="display: inline-block;">{{item.title2}}</span>
                                      &nbsp;<span style="display: inline-block;position: absolute;top: 0px;width: 430px;">
                                     {{item.value2}}
                                      </span>
                                  </label>
                                </span>
                              </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                </div>
                <div class="content_top" style="margin: 10px 0px;">
                    <div>
                        <div class="bottoms">
                        <span>总分:</span>
                        <el-input v-model="RASS_Totalpoints" style="width: 100px;"></el-input>分
                        </div>

                        <div class="bottoms">
                            <span>评估日期:</span>
                            <el-date-picker
                                v-model="value1"
                                type="date"
                                placeholder="选择日期"
                                :clearable="false"
                                style="width: 150px;">
                            </el-date-picker>
                        </div>

                        <div class="bottoms">
                            <span>评估人:</span>
                            <el-select v-model="value" placeholder="请选择" >
                                <el-option
                                v-for="item in options"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"
                                style="width:150px;">
                                </el-option>
                            </el-select>
                        </div>

                    </div>
                    <div style="margin:5px 10px;">
                            <el-button type="primary">确认</el-button>
                    </div>
                </div>
                <hr style="height:1px;border:none;border-top:1px dashed #DCDFE6;margin-bottom: 10px;"/>
                <div style=" font-size: 18px;margin-bottom: 10px;">
                  <span>疼痛评估</span>
                </div>
                <div>
                    <table class="table" border="1" style="width: 100%;">
                        <thead>
                          <tr>
                            <th style="width: 180px; text-align: left; padding-left: 5px;">疼痛评估工具</th>
                          </tr>
                        </thead>
                        <tr>
                          <td>
                            <div class="jiange">
                              <el-radio-group v-model="radio">
                                <el-radio v-for="(item,index ) in RassGJ" :label="item" :key="index">{{ item }}</el-radio>
                              </el-radio-group>
                            </div>
                          </td>
                        </tr>
                        <tr>
                            <div style="">
                                <div style="vertical-align: middle;" v-if="radio=='NRS'">
                                  <div style="display: flex; height: 160px;align-items: center;">
                                    <span style="width:38px;height:22px;line-height:22px;margin-left:40px;"></span>
                                    <div style="flex: 1;height: 22px;position: relative;border-bottom: 2px solid #333; top: -8px;">
                                        <span :class="NRS_val == 0 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:0" @click="click_NRS(0)">
                                            <span class="ttpg-nrs-score">0</span>
                                        </span>
                                        <span :class="NRS_val == 1 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:10%" @click="click_NRS(1)">
                                            <span class="ttpg-nrs-score">1</span>
                                        </span>
                                        <span :class="NRS_val == 2 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:20%" @click="click_NRS(2)">
                                            <span class="ttpg-nrs-score">2</span>
                                        </span>
                                        <span :class="NRS_val == 3 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:30%" @click="click_NRS(3)">
                                            <span class="ttpg-nrs-score">3</span>
                                        </span>
                                        <span :class="NRS_val == 4 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:40%" @click="click_NRS(4)">
                                            <span class="ttpg-nrs-score">4</span>
                                        </span>
                                        <span :class="NRS_val == 5 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:50%" @click="click_NRS(5)">
                                            <span class="ttpg-nrs-score">5</span>
                                        </span>
                                        <span :class="NRS_val == 6 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:60%" @click="click_NRS(6)">
                                            <span class="ttpg-nrs-score">6</span>
                                        </span>
                                        <span :class="NRS_val == 7 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:70%" @click="click_NRS(7)">
                                            <span class="ttpg-nrs-score">7</span>
                                        </span>
                                        <span :class="NRS_val == 8 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:80%" @click="click_NRS(8)">
                                            <span class="ttpg-nrs-score">8</span>
                                        </span>
                                        <span :class="NRS_val == 9 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:90%" @click="click_NRS(9)">
                                            <span class="ttpg-nrs-score">9</span>
                                        </span>
                                        <span :class="NRS_val == 10 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="right:0 ;" @click="click_NRS(10)">
                                            <span class="ttpg-nrs-score">10</span>
                                        </span>
                                    </div>
                                    <span style="width:38px;height:22px;line-height:22px;margin-right:40px;"></span>
                                  </div>
                                </div>
                                <div style="vertical-align: middle;" v-else-if="radio=='表情法'">
                                  <div style="display: flex;flex-wrap: wrap;padding:20px;">
                                    <!-- <div style="flex:1;text-align: center;">
                                      <div>
                                        <img src="@/assets/evaluate/a.png" alt="">
                                      </div>
                                      <span>
                                          <input type="radio" value="0" class="wxpg-check" id="ttpggj-type-b0" name="ttpggj-bqf">
                                          <label >无疼痛</label>
                                        </span>
                                    </div> -->
                                    <div style="flex:1;text-align: center;" v-for="(item,index) in biaoqing" :key="index">
                                      <div >
                                        <img :src="item.imgs" alt="">
                                      </div>
                                      <span>
                                        <label >
                                        <input type="radio" :value="item.value"  name="ttpggj-bqf" @click="radioclick($event,item.value)">
                                        {{item.text}}</label>
                                      </span>
                                    </div>
                                  </div>

                                </div>
                                <div style="" v-else-if="radio=='视觉模拟法'">
                                  <div style="display: flex; height: 160px;align-items: center;">
                                    <span style="width:38px;height:22px;line-height:22px;margin-left:40px;">无痛</span>
                                    <div style="flex: 1;height: 22px;position: relative;border-bottom: 2px solid #333; top: -8px;">
                                        <span :class="shijue_val == 0 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:0" @click="clickspan(0)">
                                            <span class="ttpg-nrs-score">0</span>
                                        </span>
                                        <span :class="shijue_val==1 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:10%" @click="clickspan(1)">
                                            <span class="ttpg-nrs-score">1</span>
                                        </span>
                                        <span :class="shijue_val==2 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:20%" @click="clickspan(2)">
                                            <span class="ttpg-nrs-score">2</span>
                                        </span>
                                        <span :class="shijue_val==3 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:30%" @click="clickspan(3)">
                                            <span class="ttpg-nrs-score">3</span>
                                        </span>
                                        <span :class="shijue_val==4 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:40%" @click="clickspan(4)">
                                            <span class="ttpg-nrs-score">4</span>
                                        </span>
                                        <span :class="shijue_val==5 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:50%" @click="clickspan(5)">
                                            <span class="ttpg-nrs-score">5</span>
                                        </span>
                                        <span :class="shijue_val==6 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:60%" @click="clickspan(6)">
                                            <span class="ttpg-nrs-score">6</span>
                                        </span>
                                        <span :class="shijue_val==7 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:70%" @click="clickspan(7)">
                                            <span class="ttpg-nrs-score">7</span>
                                        </span>
                                        <span :class="shijue_val==8 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:80%" @click="clickspan(8)">
                                            <span class="ttpg-nrs-score">8</span>
                                        </span>
                                        <span :class="shijue_val==9 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="left:90%" @click="clickspan(9)">
                                            <span class="ttpg-nrs-score">9</span>
                                        </span>
                                        <span :class="shijue_val==10 ? 'tszs-nrs-tag active' : 'tszs-nrs-tag'" style="right:0 ;" @click="clickspan(10)">
                                            <span class="ttpg-nrs-score">10</span>
                                        </span>
                                    </div>
                                    <span style="width:38px;height:22px;line-height:22px;margin-right:40px;margin-left: 3px;">最痛</span>
                                  </div>
                                </div>
                                <div style="vertical-align: middle;" v-else-if="radio=='语言描述法'">
                                    <div style="line-height: 160px;margin: auto;width: 900px;">
                                      <el-radio-group v-model="radio1" @change="yuyanchange">
                                        <el-radio v-for="(item,index ) in yuyan" :label="item.label" :key="index" style="color: black;" >
                                        </el-radio>
                                      </el-radio-group>
                                    </div>
                                </div>
                                <div style="vertical-align: middle;" v-else-if="radio=='行为学评估量表'">
                                  <behavior ref="Behavior" @submit="behav"></behavior>
                                </div>
                                <div style="width: 40%;margin-left: 15%;" v-else-if="radio=='其他'">
                                    <el-input
                                        type="textarea"
                                        :autosize="{minRows: 8, maxRows: 10}"
                                        placeholder="请输入内容"

                                        v-model="textarea1">
                                    </el-input>
                                </div>
                            </div>
                            <div style="margin:0px 0px 10px 10%;">
                                <div class="bottoms">
                                    <span>疼痛评分:</span>
                                    <el-input v-model="Pain_score" style="width: 100px;"></el-input>分
                                </div>
                                <div class="bottoms">
                                    <span>处理后疼痛:</span>
                                    <el-input v-model="input" placeholder="请输入内容" style="width: 100px;"></el-input>分
                                </div>
                                <div class="bottoms">
                                    <span>患者状态:</span>
                                    <el-input v-model="input" placeholder="请输入内容" style="width: 150px;"></el-input>
                                </div>
                            </div>
                        </tr>
                    </table>
                </div>

                <div class="content_top" style="margin: 20px 0px;width: 100%;">
                    <div style="width: 49%; ">
                        <p class="biaotou">疼痛部位</p>
                        <table class="table" border="1" style="width: 100%;">
                            <thead>
                                <tr>
                                    <th style="width: 130px;">项目</th>
                                    <th style="">症状</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="bg_color">
                                    <td class="start">疼痛性质</td>
                                    <td>
                                    <div style="display: flex;flex-wrap: wrap;padding:4px 0 4px 8px;">
                                        <span class="ttbwzz-type-a" v-for="item in xingzhi" :key="item">
                                            <label for="">
                                                <input type="checkbox" name="ball" value="volleyball" />&nbsp;{{ item }}
                                            </label>
                                        </span>
                                        <label for="" style="font-size: 15px;">
                                            <input type="checkbox" name="ball" value="volleyball" />&nbsp;其他：
                                            <el-input v-model="input" placeholder="" style="width: 190px;"></el-input>
                                        </label>
                                    </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="start">疼痛伴随症状</td>
                                    <td>
                                        <div style="display: flex;flex-wrap: wrap;padding:4px 0 4px 8px;">
                                            <span class="ttbwzz-type-a" v-for="item in tengtzz" :key="item">
                                                <label for="">
                                                    <input type="checkbox" name="ball" value="volleyball" />&nbsp;{{ item }}
                                                </label>
                                            </span>
                                            <label for="" style="font-size: 15px;">
                                                <input type="checkbox" name="ball" value="volleyball" />&nbsp;其他：
                                                <el-input v-model="input" placeholder="" style="width: 190px;"></el-input>
                                            </label>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="bg_color">
                                    <td class="start">疼痛对活动影响</td>
                                    <td>
                                    <div style="display: flex;flex-wrap: wrap;padding:4px 0 4px 8px;">
                                        <span class="ttbwzz-type-a" v-for="item in huodongyx" :key="item">
                                            <label for="">
                                                <input type="checkbox" name="ball" value="volleyball" />&nbsp;{{ item }}
                                            </label>
                                        </span>
                                    </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="start">止痛药不良反应</td>
                                    <td>
                                    <div style="display: flex;flex-wrap: wrap;padding:4px 0 4px 8px;">
                                        <span class="ttbwzz-type-a" v-for="item in zhitong" :key="item">
                                            <label for="">
                                                <input type="checkbox" name="ball" value="volleyball" />&nbsp;{{ item }}
                                            </label>
                                        </span>
                                        <label for="" style="font-size: 15px;">
                                            <input type="checkbox" name="ball" value="volleyball" />&nbsp;其他：
                                            <el-input v-model="input" placeholder="" style="width: 190px;"></el-input>
                                        </label>
                                    </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div style="width: 49%;">
                        <p class="biaotou">护理处置</p>
                        <table class="table" border="1" style="width: 100%;">
                            <thead>
                                <tr>
                                    <th>护理处置方式</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="bg_color">
                                    <td>
                                      <div style="display: flex;">
                                        <span style="width:100px;padding-left:16px;margin-top:4px;height:30px;line-height:30px;font-size: 15px;">
                                           处置方式：
                                        </span>
                                        <div style="flex:1;display: flex;flex-wrap: wrap;padding:4px;">
                                          <span class="ttbwzz-type-a" v-for="item in chuzhifs" :key="item">
                                            <label for="">
                                                <input type="checkbox" name="ball" value="volleyball" />&nbsp;{{ item }}
                                            </label>
                                          </span>
                                        </div>
                                      </div>
                                    </td>
                                </tr>
                                <tr>
                                  <td style="padding-left: 16px;">
                                     <span class="rightjiange">
                                        <label for="">
                                          <input type="checkbox" name="ball" value="volleyball" />&nbsp;遵医嘱使用
                                        </label>
                                     </span>
                                  </td>
                                </tr>
                                <tr class="bg_color">
                                  <td style="padding-left: 16px;">
                                    <span class="rightjiange">
                                      <label for="">
                                        <input type="checkbox" name="ball" value="volleyball" />&nbsp;静脉镇痛
                                      </label>
                                    </span>
                                  </td>
                                </tr>
                                <tr>
                                  <td style="padding-left: 16px;">
                                    <span class="rightjiange">
                                      <label for="">
                                        <input type="checkbox" name="ball" value="volleyball" />&nbsp;阿片类药物非自控镇痛给药
                                      </label>
                                    </span>
                                  </td>
                                </tr>
                                <tr class="bg_color">
                                  <td style="padding-left: 16px;">
                                    <span class="rightjiange">
                                      <label for="">
                                        <input type="checkbox" name="ball" value="volleyball" />&nbsp;硬膜外镇痛
                                      </label>
                                    </span>
                                  </td>
                                </tr>
                                <tr>
                                  <td style="padding-left: 16px;">
                                    <span class="rightjiange">
                                      <label for="">
                                        <input type="checkbox" name="ball" value="volleyball" />&nbsp;神经阻滞镇痛
                                      </label>
                                    </span>
                                  </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="content_top" style="margin-bottom: 10px ;">
                    <div>
                        <div class="bottoms">
                            <span>评估日期:</span>
                            <el-date-picker
                                v-model="value1"
                                type="date"
                                placeholder="选择日期"
                                :clearable="false"
                                style="width: 150px;">
                            </el-date-picker>
                        </div>

                        <div class="bottoms">
                            <span>评估人:</span>
                            <el-select v-model="value" placeholder="请选择" >
                                <el-option
                                v-for="item in options"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"
                                style="width:150px;">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div style="margin:5px 10px;">
                        <el-button type="primary">确认</el-button>
                    </div>
                </div>

            </div>
        </div>

    </div>
</template>
<script>
import PatientSidebar from '../components/PatientSidebar.vue'
import behavior from './behavior.vue'
export default {
    components:{
      PatientSidebar,
      behavior
    },
    data(){
        return{
            patientID:0,
            radio:'NRS',
            radio1:'',
            input:'',
            value1:'',
            value:'',
            textarea1:'',
            radio_val:null,
            yuyan_val:null,
            options:[],
            RASS_Totalpoints:'',
            behav_val:null,
            // shijue:'',
            shijue_val:null,
            NRS_val:null,
            // Pain_score:0
            LOS:[{title:'0分', value:'清醒'},{title:'1分', value:'有些昏昏欲睡，但容易唤醒'},
                  {title:'2分', value:'频繁发生昏昏欲睡，容易唤醒，但不能持续处于觉醒状态'},
                  {title:'3分', value:'无意识，无法唤醒'},{title:'S分', value:'正常意识，容易唤醒'}
                ],
            RASS:[{title:'-5分', value:'无法唤醒，对声音或物理刺激均无反应',title2:'0分', value2:'警觉的平静的'},
                  {title:'-4分', value:'深度镇静，对声音刺激无反应，但对物理刺激有运动或睁眼反应',title2:'+1分', value2:'不安的焦虑的：焦虑但无强烈的攻击行为'},
                  {title:'-3分', value:'中度镇静，对声音刺激有活动或睁眼动作（但无目光接触）',title2:'+2分', value2:'焦虑的激动的：经常性的无目的活动，人机对抗'},
                  {title:'-2分', value:'轻度镇静，对于声音刺激可以有简短的目光接触的觉醒，<10s',title2:'+3分', value2:'非常焦虑激动的：牵拉或拔除管道，容易焦虑不安'},
                  {title:'-1分', value:'困倦的昏昏欲睡的，不完全觉醒但能保持觉醒状态，对于声音刺激眼睛可以睁开或有目光接触≥10s',title2:'+4分', value2:'好斗的好战的：过于好斗，有暴力倾向，对医护人员有攻击行为'},
                ],
            RassGJ:['NRS','表情法','视觉模拟法','语言描述法','行为学评估量表','其他'],
            yuyan:[{label:'0无痛',value:0},{label:'1微痛',value:1},{label:'2一般',value:2},{label:'4中度疼痛',value:4},{label:'6中重度疼痛',value:6},{label:'8重度疼痛',value:8},{label:'10无法忍受',value:10}],
            biaoqing:[{imgs:require('@/assets/evaluate/a.png'),text:'无疼痛',value:0},{imgs:require('@/assets/evaluate/b.png'),text:'有一点疼痛',value:2},
                      {imgs:require('@/assets/evaluate/c.png'),text:'轻微疼痛',value:4},{imgs:require('@/assets/evaluate/d.png'),text:'疼痛明显',value:6},
                      {imgs:require('@/assets/evaluate/e.png'),text:'疼痛较严重',value:8},{imgs:require('@/assets/evaluate/f.png'),text:'剧烈疼痛',value:10},
                    ],
            xingzhi:['宫缩痛','持续固定痛','跳痛','刺痛','刀割痛','锐痛',
                     '痉挛痛','绞痛','热灼痛','撕裂痛','钻顶样痛','触痛',
                     '酸痛','闷痛','胀痛','牵拉样痛','游走痛','难以描述'
                    ],
            tengtzz:['无','头晕','恶心、呕吐','疲软乏力','气促、心慌'],
            huodongyx:['不影响','改变体位时疼痛明显','影响睡眠','影响休息','影响活动'],
            zhitong:['恶心','呕吐','便秘','尿潴留','皮肤瘙痒','呼吸抑制'],
            chuzhifs:['通知医生','卧床休息，舒适体位摆放','保持环境安静','冷敷','热敷','理疗','针灸','拒绝治疗','入睡','滴定开始']
        }
    },
    created(){
        console.log('asdfasdfasdfasssdfas',this.radio);
    },
    methods:{
      handleCheckedCitiesChange(e){
        console.log('11111',e.target.value);
        const lent = this.LOS
        const len = this.RASS
        for(let i=0;i<lent.length;i++){
          if(e.target.value == lent[i].value ){
            this.RASS_Totalpoints=lent[i].title.split('分')[0]
          }
        }
        for(let y=0;y<len.length;y++){
          if(e.target.value == len[y].value ){
            console.log('2222',len[y].title.split('分')[0]);
            this.RASS_Totalpoints = len[y].title.split('分')[0]
          }
          if(e.target.value == len[y].value2 ){
            this.RASS_Totalpoints = len[y].title2.split('分')[0]
          }
        }
      },
      radioclick(e,val){
        if(e.target.checked == true){
          this.radio_val =val
        }
      },
      yuyanchange(e){
        console.log('11111',e);
        console.log('22222',this.radio1);
        const yuyan =e.replace(/[^\d]/g, " ");
        if(e == this.radio1){
          this.yuyan_val = yuyan
        }

      },
      behav(data){
        this.behav_val = data
      },
      clickspan(val){
        console.log('00000',this.shijue);
        // this.shijue = val
        this.shijue_val =val
        console.log('00000',val);
         
      },
      click_NRS(val){
        this.NRS_val = val
      }
    },
    computed:{
      Pain_score(){
        // for(let i=0;i<this.RassGJ.length;i++){
          // if()
        // }
        if(this.radio == 'NRS'){
          return this.NRS_val
        }
        else if(this.radio == '表情法'){
          return this.radio_val
        }else if(this.radio == '视觉模拟法' ){
          return this.shijue_val
        }else if(this.radio == '语言描述法' ){
          return this.yuyan_val
        }else if(this.radio == '行为学评估量表'){
          return this.behav_val
          // this.$refs.behavior.getTotalpoints()
        }
        
      }
    }
}
</script>
<style lang="scss" scoped>
    .content_top{
      display: flex;
      justify-content: space-between;
    }
    .table{
        border: 1px solid #DCDFE6;
        border-collapse:collapse;
        border-spacing: 0;
        thead th{
            background: #0077ff9f;
            color: white;
            text-align: center;
            height: 40px;
        }
        tbody td{
           height: 40px;
        }
        .start{
            text-align: center;
        }
        .bing{
            width: 50%;
            padding: 5px;
        }
        .bg_color{
            background: rgb(243, 240, 240);
        }
        .jiange{
            margin-left: 20px;
            color: black;
            line-height: 40px;
        }
        .rightjiange{
          font-size: 15px;
        }
        .ttbwzz-type-a {
            min-width: 80px;
            margin-right: 30px;
            padding: 5px 0px;
            font-size: 15px;
        }
        input{
            -webkit-appearance: checkbox;
        }
    }
    .bottoms{
        display: inline-block;
        margin-left: 10px;
        margin-top: 5px;
    }
    .biaotou{
      font-size: 18px;
      margin-bottom: 10px;
      color: #0077ff9f;

      // background-color: '#409eff';
    }
    .ttpg-nrs-score {
        position: absolute;
        top: -40px;
        height: 40px;
        line-height: 40px;
        width: 20px;
        left: -5px;
        text-align: center;
    }
    .tszs-nrs-tag{
    width: 16px;
    height: 16px;
    border: 2px solid #333;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 13px;
    cursor: pointer;
  }
  .active{
    background: #f8c409;
  }
</style>