1

src/views/trials/trials-inspection/components/confirm-visit-list.vue

@@ -6,31 +6,18 @@
         <el-form :inline="true" class="base-search-form">
           <!-- 检查日期 -->
           <el-form-item :label="$t('trials:uploadedDicoms:table:studyDate')">
-            <el-date-picker
-              v-model="dateValue"
-              type="datetimerange"
-              range-separator="-" 
+            <el-date-picker v-model="dateValue" type="datetimerange" range-separator="-"
               :start-placeholder="$t('trials:uploadClinicalData:table:beginDate')"
-              :end-placeholder="$t('trials:uploadClinicalData:table:endDate')"
-              :default-time="['00:00:00', '23:59:59']"
-            >
+              :end-placeholder="$t('trials:uploadClinicalData:table:endDate')" :default-time="['00:00:00', '23:59:59']">
             </el-date-picker>
           </el-form-item>
           <el-form-item>
             <!-- 查询 -->
-            <el-button
-              type="primary"
-              icon="el-icon-search"
-              @click="handleSearch"
-            >
+            <el-button type="primary" icon="el-icon-search" @click="handleSearch">
               {{ $t("common:button:search") }}
             </el-button>
             <!-- 重置 -->
-            <el-button
-              type="primary"
-              icon="el-icon-refresh-left"
-              @click="handleReset"
-            >
+            <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
               {{ $t("common:button:reset") }}
             </el-button>
           </el-form-item>
@@ -41,11 +28,8 @@
             {{ $t("trials:seletctedReviews:timeline:confirmation") }}
           </el-button> -->
           <!--确认提交v-if="visitStatus === 'submit'"-->
-          <el-button
-            type="primary"
-            :loading="btnLoading2"
-            @click="confirmSubmit"
-          >
+          <el-button type="primary" :loading="btnLoading2" :disabled="tableSelectData.length <= 0"
+            @click="confirmSubmit">
             {{ $t("trials:inspection:button:confirmAndSubmit") }}
           </el-button>
         </div>
@@ -53,137 +37,53 @@
     </div>
     <!--可加入项目列表-->
     <!--:header-cell-style="{ background: '#f9f9f9' }"-->
-    <el-table
-      ref="confirmVisitList"
-      v-loading="loading"
-      v-adaptive="{ bottomOffset: 60 }"
-      :data="list"
-      stripe
-      height="100"
-      highlight-current-row
-      @select="handleSelect"
-      @selection-change="handleSelectChange"
-      @sort-change="handleSortByColumn"
-      :default-sort="{ prop: 'StudyTime', order: 'ascending' }"
-    >
-      <el-table-column
-        type="selection"
-        align="center"
-        :selectable="
-          (row) => row.SubjectVisitId && Number(row.SubmitState) <= 1
-        "
-        width="45"
-      />
+    <el-table ref="confirmVisitList" v-loading="loading" v-adaptive="{ bottomOffset: 60 }" :data="list" stripe
+      height="100" highlight-current-row @select="handleSelect" @selection-change="handleSelectChange"
+      @sort-change="handleSortByColumn" :default-sort="{ prop: 'StudyTime', order: 'ascending' }">
+      <el-table-column type="selection" align="center" :selectable="(row) => row.SubjectVisitId && Number(row.SubmitState) <= 1
+        " width="45" />
       <el-table-column type="index" width="40" />
       <!--患者编号-->
-      <el-table-column
-        align="center"
-        prop="PatientIdStr"
-        :label="$t('trials:uploadDicomList:table:pId')"
-        show-overflow-tooltip
-        min-width="140"
-        sortable="custom"
-      ></el-table-column>
+      <el-table-column align="center" prop="PatientIdStr" :label="$t('trials:uploadDicomList:table:pId')"
+        show-overflow-tooltip min-width="140" sortable="custom"></el-table-column>
       <!--患者姓名-->
-      <el-table-column
-        align="center"
-        prop="PatientName"
-        :label="$t('trials:uploadDicomList:table:patientName')"
-        show-overflow-tooltip
-        min-width="140"
-        sortable="custom"
-      ></el-table-column>
+      <el-table-column align="center" prop="PatientName" :label="$t('trials:uploadDicomList:table:patientName')"
+        show-overflow-tooltip min-width="140" sortable="custom"></el-table-column>
       <!--检查描述-->
-      <el-table-column
-        align="center"
-        prop="Description"
-        :label="$t('trials:inspection:table:studyDescription')"
-        show-overflow-tooltip
-        min-width="140"
-        sortable="custom"
-      ></el-table-column>
+      <el-table-column align="center" prop="Description" :label="$t('trials:inspection:table:studyDescription')"
+        show-overflow-tooltip min-width="140" sortable="custom"></el-table-column>
       <!--检查类型-->
-      <el-table-column
-        align="center"
-        prop="Modalities"
-        :label="$t('trials:audit:table:modality')"
-        show-overflow-tooltip
-        min-width="140"
-        sortable="custom"
-      ></el-table-column>
+      <el-table-column align="center" prop="Modalities" :label="$t('trials:audit:table:modality')" show-overflow-tooltip
+        min-width="140" sortable="custom"></el-table-column>
       <!--序列数-->
-      <el-table-column
-        align="center"
-        prop="SeriesCount"
-        :label="$t('trials:audit:table:seriesCount')"
-        show-overflow-tooltip
-        min-width="140"
-        sortable="custom"
-      ></el-table-column>
+      <el-table-column align="center" prop="SeriesCount" :label="$t('trials:audit:table:seriesCount')"
+        show-overflow-tooltip min-width="140" sortable="custom"></el-table-column>
       <!--图像数量-->
-      <el-table-column
-        align="center"
-        prop="InstanceCount"
-        :label="$t('trials:audit:table:instanceCount')"
-        show-overflow-tooltip
-        min-width="140"
-        sortable="custom"
-      ></el-table-column>
+      <el-table-column align="center" prop="InstanceCount" :label="$t('trials:audit:table:instanceCount')"
+        show-overflow-tooltip min-width="140" sortable="custom"></el-table-column>
       <!--检查日期-->
-      <el-table-column
-        align="center"
-        prop="StudyTime"
-        :label="$t('trials:audit:table:studyDate')"
-        show-overflow-tooltip
-        min-width="140"
-        sortable="custom"
-      ></el-table-column>
+      <el-table-column align="center" prop="StudyTime" :label="$t('trials:audit:table:studyDate')" show-overflow-tooltip
+        min-width="140" sortable="custom"></el-table-column>
       <!--访视-->
-      <el-table-column
-        align="center"
-        prop="StudyTime"
-        :label="$t('trials:auditRecord:table:visit')"
-        show-overflow-tooltip
-        min-width="140"
-      >
+      <el-table-column align="center" prop="StudyTime" :label="$t('trials:auditRecord:table:visit')"
+        show-overflow-tooltip min-width="140">
         <template slot-scope="scope">
           <!--切换访视-->
-          <visitSelect
-            :modelData.sync="scope.row.SubjectVisitId"
-            :disabled="Number(scope.row.SubmitState) > 1"
-            :loading="addLoading"
-            :studyData="scope.row"
-            :list="visitList"
-            @add="addVisit"
-            @selectChange="selectChange"
-            @putVisit="putVisit"
-          />
+          <visitSelect :modelData.sync="scope.row.SubjectVisitId" :disabled="Number(scope.row.SubmitState) > 1"
+            :loading="addLoading" :studyData="scope.row" :list="visitList" @add="addVisit" @selectChange="selectChange"
+            @putVisit="putVisit" />
         </template>
       </el-table-column>
       <!--操作-->
-      <el-table-column
-        :label="$t('common:action:action')"
-        min-width="100"
-        class-name="actionBox"
-      >
+      <el-table-column :label="$t('common:action:action')" min-width="100" class-name="actionBox">
         <template slot-scope="scope">
           <!-- 详情 -->
-          <el-button
-            circle
-            icon="el-icon-view"
-            :title="$t('trials:trials-list:action:panel')"
-            @click.stop="detail(scope.row)"
-          />
+          <el-button circle icon="el-icon-view" :title="$t('trials:trials-list:action:panel')"
+            @click.stop="detail(scope.row)" />
           <!-- 移除 -->
-          <el-button
-            circle
-            icon="el-icon-delete"
-            :title="$t('common:button:remove')"
-            @click.stop="remove(scope.row)"
-            :disabled="
-              !scope.row.SubjectVisitId || Number(scope.row.SubmitState) > 1
-            "
-          />
+          <el-button circle icon="el-icon-delete" :title="$t('common:button:remove')" @click.stop="remove(scope.row)"
+            :disabled="!scope.row.SubjectVisitId || Number(scope.row.SubmitState) > 1
+              " />
         </template>
       </el-table-column>
     </el-table>
@@ -580,6 +480,7 @@ export default {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
+
   .form {
     width: 100%;
     display: flex;
@@ -587,11 +488,13 @@ export default {
     justify-content: space-between;
   }
 }
+
 .line {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
+
   &::after {
     display: block;
     content: "";
@@ -600,6 +503,7 @@ export default {
     border-top: 1px solid #ddd;
   }
 }
+
 .detail {
   margin-left: 10px;
 }