peter

src/page-subspecialty/views/modules/optometryManagement/cornea/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="patient-info">
+  <div class="corneaMgt">
     <template>
       <div v-if="!detailViewVisible">
         <div class="patient-info-head">
@@ -54,16 +54,16 @@
             <el-table-column prop="brand" label="品牌" header-align="center" align="center">
               <template slot-scope="scope">
                 <div v-if="scope.row.brandEyeTypeList && scope.row.brandEyeTypeList.length">
-                  <span class="odType">{{ scope.row.brandEyeTypeList[0]. brand }}</span>/
-                  <span class="osType">{{ scope.row.brandEyeTypeList[1].brand }}</span>
+                  <span class="odType">{{ scope.row.brandEyeTypeList[0]. brand }}</span>
+                  <span class="osType">{{ scope.row.brandEyeTypeList[1] ? '/' + scope.row.brandEyeTypeList[1].brand : ''}}</span>
                 </div>
               </template>
             </el-table-column>
             <el-table-column prop="eyeType" label="眼别" header-align="center" align="center">
               <template slot-scope="scope">
                 <div v-if="scope.row.brandEyeTypeList && scope.row.brandEyeTypeList.length">
-                  <span class="odType">{{ scope.row.brandEyeTypeList[0].eyeType }}</span>/
-                  <span class="osType">{{ scope.row.brandEyeTypeList[1].eyeType }}</span>
+                  <span class="odType">{{ scope.row.brandEyeTypeList[0].eyeType }}</span>
+                  <span class="osType">{{ scope.row.brandEyeTypeList[1] ? '/' + scope.row.brandEyeTypeList[1].eyeType : ''}}</span>
                 </div>
               </template>
             </el-table-column>
@@ -241,7 +241,7 @@ export default {
 .osType{
   color: #67C23A;
 }
-.patient-info {
+.corneaMgt {
   width: 100%;
   height: 100%;
   .patient-info-head,
@@ -275,7 +275,7 @@ export default {
 }
 </style>
 <style lang="scss">
-.patient-info {
+.corneaMgt {
   .patient-info-head {
     .el-form {
       display: flex;