样式调整

2025-03-31 14:42:04 +08:00 · 2025-03-31 14:42:04 +08:00 · 448d626fc0
parent ed9a200ae0
commit 448d626fc0
3 changed files with 52 additions and 110 deletions
--- a/src/views/trials/trials-inspection/components/add-trials-list.vue
+++ b/src/views/trials/trials-inspection/components/add-trials-list.vue
@ -19,7 +19,7 @@
        :model="submitMessage"
        class="demo-form-inline"
        :rules="rules"
-        :label-width="isEN?'200px':'130px'"
+        :label-width="isEN?'170px':'130px'"
      >
        <div>
          <!--项目-->
--- a/src/views/trials/trials-panel/subject/subject-list/components/add-subject.vue
+++ b/src/views/trials/trials-panel/subject/subject-list/components/add-subject.vue
@ -1,89 +1,41 @@
 <template>
-  <el-dialog
-    :visible.sync="visible"
-    :close-on-click-modal="false"
-    :fullscreen="true"
-    custom-class="upload-dialog"
-    :before-close="beforeCloseStudyDig"
-  >
-    <span slot="title"
-      >{{ $t("trials:subject:title:addSubject") }}（{{
-        $t("trials:trials-list:table:researchNumber")
-      }}：{{ researchProgramNo }}）</span
-    >
+  <el-dialog :visible.sync="visible" :close-on-click-modal="false" :fullscreen="true" custom-class="upload-dialog"
+    :before-close="beforeCloseStudyDig">
+    <span slot="title">{{ $t("trials:subject:title:addSubject") }}（{{
+      $t("trials:trials-list:table:researchNumber")
+    }}：{{ researchProgramNo }}）</span>
    <div class="top">
      <p class="line">{{ $t("trials:inspection:subject:checkAddPatient") }}</p>
-      <el-form
-        :inline="true"
-        :model="submitMessage"
-        class="demo-form-inline topForm"
-        :rules="rules"
-        ref="addSubjectForm"
-        label-width="130px"
-      >
+      <el-form :inline="true" :model="submitMessage" class="demo-form-inline topForm" :rules="rules"
+        ref="addSubjectForm" :label-width="isEN ? '170px' : '130px'">
        <div>
          <!--受试者编号-->
-          <el-form-item
-            :label="$t('trials:addSubject:search:subjectId')"
-            prop="SubjectId"
-            class="SubjectId"
-          >
-            <el-select
-              v-model="submitMessage.SubjectId"
-              filterable
-              clearable
-              :disabled="status === 'visit'"
-              style="width: 300px"
-            >
-              <el-option
-                v-for="item in subjectIdList"
-                :key="item.SubejctId"
-                :label="
-                  item.ShortName || item.Sex
-                    ? `${item.SubjectCode}（${item.ShortName}，${
-                        item.Sex ? $fd('Sex', item.Sex) : ''
-                      }）`
-                    : item.SubjectCode
-                "
-                :value="item.SubejctId"
-              >
+          <el-form-item :label="$t('trials:addSubject:search:subjectId')" prop="SubjectId" class="SubjectId">
+            <el-select v-model="submitMessage.SubjectId" filterable clearable :disabled="status === 'visit'"
+              style="width: 300px">
+              <el-option v-for="item in subjectIdList" :key="item.SubejctId" :label="item.ShortName || item.Sex
+                ? `${item.SubjectCode}（${item.ShortName}，${item.Sex ? $fd('Sex', item.Sex) : ''
+                }）`
+                : item.SubjectCode
+                " :value="item.SubejctId">
              </el-option>
            </el-select>
          </el-form-item>
          <!--添加受试者-->
-          <el-button
-            type="primary"
-            v-if="status === 'trial'"
-            @click="addSubject_model.visible = true"
-          >
+          <el-button type="primary" v-if="status === 'trial'" @click="addSubject_model.visible = true">
            {{ $t("trials:selectSubject:button:add") }}
          </el-button>
          <!--患者-->
-          <el-form-item
-            :label="$t('trials:addSubject:search:patient')"
-            label-width="100px"
-          >
-            <el-input
-              :value="selectPatient.map((item) => item.PatientIdStr).join(', ')"
-              disabled
-              :title="selectPatient.map((item) => item.PatientIdStr).join(', ')"
-            />
+          <el-form-item :label="$t('trials:addSubject:search:patient')">
+            <el-input :value="selectPatient.map((item) => item.PatientIdStr).join(', ')" disabled
+              :title="selectPatient.map((item) => item.PatientIdStr).join(', ')" />
          </el-form-item>
-          <el-button
-            type="primary"
-            @click.stop="openPatientList"
-            v-if="status === 'trial'"
-            :disabled="!submitMessage.SubjectId"
-          >
+          <el-button type="primary" @click.stop="openPatientList" v-if="status === 'trial'"
+            :disabled="!submitMessage.SubjectId">
            {{ $t("common:button:check") }}
          </el-button>
          <div class="btnBox">
-            <el-button
-              type="primary"
-              @click="save"
-              :loading="btnLoading"
-              v-if="status === 'trial'"
-            >
+            <el-button type="primary" @click="save" :loading="btnLoading" v-if="status === 'trial'">
              {{ $t("trials:addRP:button:confirmAddPR") }}
            </el-button>
            <!-- <el-button
@ -97,10 +49,7 @@
          </div>
        </div>
        <div>
-          <el-form-item
-            :label="$t('trials:study:tabpane:bindPatient')"
-            :style="{ opacity: bindPatientTip ? 1 : 0 }"
-          >
+          <el-form-item :label="$t('trials:study:tabpane:bindPatient')" :style="{ opacity: bindPatientTip ? 1 : 0 }">
            <span v-if="bindPatientTip">{{
              bindPatientTip.map((item) => item.PatientIdStr).join(", ")
            }}</span>
@ -108,47 +57,24 @@
        </div>
      </el-form>
    </div>
-    <confirmVistList
-      ref="confirmVisit"
-      :Patient="Patient"
-      :submitMessage="submitMessage"
-      :status="status"
-      @close="beforeCloseStudyDig"
-    />
+    <confirmVistList ref="confirmVisit" :Patient="Patient" :submitMessage="submitMessage" :status="status"
+      @close="beforeCloseStudyDig" />
    <base-model v-if="patient_model.visible" :config="patient_model">
      <template slot="dialog-body">
-        <SubjectPatientList
-          @addPatient="addPatient"
-          :visible.sync="patient_model.visible"
-          :submitMessage="submitMessage"
-        />
+        <SubjectPatientList @addPatient="addPatient" :visible.sync="patient_model.visible"
+          :submitMessage="submitMessage" />
      </template>
    </base-model>
    <base-model v-if="addSubject_model.visible" :config="addSubject_model">
      <template slot="dialog-body">
-        <el-form
-          ref="addSubjectForm2"
-          :inline="true"
-          :model="addSubjectForm2"
-          class="demo-form-inline"
-          :rules="addSubjectrules"
-        >
+        <el-form ref="addSubjectForm2" :inline="true" :model="addSubjectForm2" class="demo-form-inline"
+          :rules="addSubjectrules">
          <!--受试者编号-->
-          <el-form-item
-            :label="$t('trials:addSuject:form:subjectCode')"
-            prop="SubjectCode"
-            label-width="150px"
-          >
-            <el-input
-              v-model="addSubjectForm2.SubjectCode"
-              :maxlength="14"
-              clearable
-              @input="
-                addSubjectForm2.SubjectCode =
-                  addSubjectForm2.SubjectCode.replace(/[^0-9a-zA-Z\_\-]/g, '')
-              "
-              @focus="errMessage = null"
-            ></el-input>
+          <el-form-item :label="$t('trials:addSuject:form:subjectCode')" prop="SubjectCode" label-width="150px">
+            <el-input v-model="addSubjectForm2.SubjectCode" :maxlength="14" clearable @input="
+              addSubjectForm2.SubjectCode =
+              addSubjectForm2.SubjectCode.replace(/[^0-9a-zA-Z\_\-]/g, '')
+              " @focus="errMessage = null"></el-input>
            <span class="errTip" v-if="errMessage">{{ errMessage }}</span>
          </el-form-item>
        </el-form>
@ -281,6 +207,9 @@ export default {
      if (PatientList.length <= 0) return false;
      return PatientList;
    },
+    isEN() {
+      return this.$i18n.locale !== 'zh'
+    }
  },
  watch: {
    "addSubject_model.visible": {
@ -451,28 +380,34 @@ export default {
  top: 100%;
  left: 0;
 }
+
 .top {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
+
  .topForm {
    width: 100%;
  }
 }
+
 .btnBox {
  float: right;
 }
+
 .search {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
+
  p {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
+
    &::after {
      display: block;
      content: "";
@ -481,6 +416,7 @@ export default {
      border-top: 1px solid #ddd;
    }
  }
+
  .form {
    width: 100%;
    display: flex;
@ -488,11 +424,13 @@ export default {
    justify-content: space-between;
  }
 }
+
 .line {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
+
  &::after {
    display: block;
    content: "";
@ -501,16 +439,19 @@ export default {
    border-top: 1px solid #ddd;
  }
 }
+
 .selectAndBtn {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
 }
+
 .patientBox {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
+
  p {
    flex: 1;
    padding: 0;
--- a/src/views/trials/trials-panel/trial-summary/trial-information/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-information/index.vue
@ -86,9 +86,10 @@
    <div
      v-if="otherInfo && otherInfo.TrialId && isRight"
      v-hasPermi="['trials:trials-list:activate']"
+      style="margin-top: 40px;"
    >
      <el-descriptions :column="2" border style="width: 1200px">
-        <p slot="title">{{$t('trials:trials-list:activate:title')}}</p>
+        <p slot="title" style="margin: 0;">{{$t('trials:trials-list:activate:title')}}</p>
        <!--单位名称-->
        <el-descriptions-item
          :label="$t('trials:trials-list:activate:organizationName')"