From a512ed551b89dd5ed23e65873e096f634893d506 Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Fri, 20 Sep 2024 15:12:06 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E4=B8=AD=E5=BF=83ae=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/dicomAEList.vue                |  90 +-
 .../personnel-manage/components/site.vue      | 794 +++++++++++-------
 2 files changed, 558 insertions(+), 326 deletions(-)

diff --git a/src/views/trials/trials-panel/setting/personnel-manage/components/dicomAEList.vue b/src/views/trials/trials-panel/setting/personnel-manage/components/dicomAEList.vue
index 10217fd6..3ac69f29 100644
--- a/src/views/trials/trials-panel/setting/personnel-manage/components/dicomAEList.vue
+++ b/src/views/trials/trials-panel/setting/personnel-manage/components/dicomAEList.vue
@@ -8,7 +8,7 @@
         style="float: right"
         v-if="status === 'add'"
       >
-        {{ $t("common:button:add") }}
+        {{ $t('common:button:add') }}
       </el-button>
       <el-table v-loading="loading" :data="list" stripe>
         <!-- AE 名称 -->
@@ -44,6 +44,9 @@
           prop="action"
           :label="$t('trials:sitesList:dicomAEList:table:action')"
           min-width="120"
+          v-if="
+            hasPermi(['trials:trials-panel:setting:personnel-manage:edit-site'])
+          "
         >
           <template slot-scope="scope">
             <el-button
@@ -67,9 +70,9 @@
   </base-model>
 </template>
 <script>
-import BaseModel from "@/components/BaseModel";
-import dicomForm from "./dicomForm.vue";
-import { getTrialSiteDicomAEList, deleteTrialSiteDicomAE } from "@/api/trials";
+import BaseModel from '@/components/BaseModel'
+import dicomForm from './dicomForm.vue'
+import { getTrialSiteDicomAEList, deleteTrialSiteDicomAE } from '@/api/trials'
 const defaultSearchData = () => {
   return {
     TrialSiteId: null,
@@ -77,88 +80,93 @@ const defaultSearchData = () => {
     Ip: null,
     Port: null,
     Description: null,
-  };
-};
+  }
+}
 export default {
-  name: "dicomAE",
+  name: 'dicomAE',
   components: { BaseModel, dicomForm },
   data() {
     return {
       config: {
         visible: false,
         title: null,
-        width: "800px",
+        width: '800px',
         appendToBody: true,
       },
-      status: "add",
+      status: 'add',
       TrialSiteId: null,
       loading: false,
       list: [],
       searchData: defaultSearchData(),
       siteData: {},
-    };
+    }
   },
   methods: {
-    open(row, status = "add") {
-      this.status = status;
-      this.TrialSiteId = row.TrialSiteId;
+    open(row, status = 'add') {
+      this.status = status
+      this.TrialSiteId = row.TrialSiteId
       this.config.title = this.$t(
-        "trials:trials-panel:setting:personnel-manage:dicomAETitle"
-      ).replace("xxx", `${row.TrialSiteCode}、${row.TrialSiteAliasName}`);
-      this.siteData = row;
-      this.config.visible = true;
-      this.getList();
+        'trials:trials-panel:setting:personnel-manage:dicomAETitle'
+      ).replace('xxx', `${row.TrialSiteCode}、${row.TrialSiteAliasName}`)
+      this.siteData = row
+      this.config.visible = true
+      this.getList()
+      console.log(
+        this.hasPermi([
+          'trials:trials-panel:setting:personnel-manage:edit-site',
+        ])
+      )
     },
     // 获取dicomAE列表
     async getList() {
       try {
-        this.searchData.TrialSiteId = this.TrialSiteId;
-        this.loading = true;
-        let res = await getTrialSiteDicomAEList(this.searchData);
-        this.loading = false;
+        this.searchData.TrialSiteId = this.TrialSiteId
+        this.loading = true
+        let res = await getTrialSiteDicomAEList(this.searchData)
+        this.loading = false
         if (res.IsSuccess) {
-          this.list = res.Result;
+          this.list = res.Result
         }
       } catch (err) {
-        console.log(err);
-        this.loading = false;
+        console.log(err)
+        this.loading = false
       }
     },
     // 新增
     openAdd() {
-      this.$refs.dicomForm.open(this.siteData, null, "add");
+      this.$refs.dicomForm.open(this.siteData, null, 'add')
     },
     save() {
-      this.$emit("getList");
+      this.$emit('getList')
     },
     // 修改dicom
     editDicom(row) {
-      this.$refs.dicomForm.open(this.siteData, row, "edit");
-    },  
+      this.$refs.dicomForm.open(this.siteData, row, 'edit')
+    },
     // 删除dicom
     async delDicom(row) {
       try {
         let confirm = await this.$confirm(
-          this.$t("trials:sitesList:dicomAEList:confirm:delMessage"),
+          this.$t('trials:sitesList:dicomAEList:confirm:delMessage'),
           {
-            type: "warning",
+            type: 'warning',
             distinguishCancelAndClose: true,
-            confirmButtonText: this.$t("common:button:confirm"),
-            cancelButtonText: this.$t("common:button:cancel"),
+            confirmButtonText: this.$t('common:button:confirm'),
+            cancelButtonText: this.$t('common:button:cancel'),
           }
-        );
-        if (confirm !== "confirm") return;
-        let res = await deleteTrialSiteDicomAE(row.Id);
+        )
+        if (confirm !== 'confirm') return
+        let res = await deleteTrialSiteDicomAE(row.Id)
         if (res.IsSuccess) {
-          this.getList();
-          this.save();
-          this.$t("common:message:deletedSuccessfully");
+          this.getList()
+          this.save()
+          this.$t('common:message:deletedSuccessfully')
         }
       } catch (err) {
-        console.log(err);
+        console.log(err)
       }
     },
   },
-};
+}
 </script>
 <style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/src/views/trials/trials-panel/setting/personnel-manage/components/site.vue b/src/views/trials/trials-panel/setting/personnel-manage/components/site.vue
index 3919a5ff..34e95bd3 100644
--- a/src/views/trials/trials-panel/setting/personnel-manage/components/site.vue
+++ b/src/views/trials/trials-panel/setting/personnel-manage/components/site.vue
@@ -16,140 +16,265 @@
         </el-form-item> -->
         <!-- 关键词 -->
         <el-form-item :label="$t('trials:sitesList:form:keyWord')">
-          <el-input v-model="listQuery.UserKeyInfo" style="width: 200px" class="mr" clearable
-            :placeholder="$t('trials:sitesList:formPlaceholder:keyWord')" />
+          <el-input
+            v-model="listQuery.UserKeyInfo"
+            style="width: 200px"
+            class="mr"
+            clearable
+            :placeholder="$t('trials:sitesList:formPlaceholder:keyWord')"
+          />
         </el-form-item>
         <!-- 状态 -->
         <el-form-item :label="$t('trials:sitesList:table:status')">
           <el-select v-model="listQuery.IsDeleted" clearable class="mr">
-            <el-option v-for="item of $d.IsSiteDisable" :key="item.label" :label="item.label" :value="item.value" />
+            <el-option
+              v-for="item of $d.IsSiteDisable"
+              :key="item.label"
+              :label="item.label"
+              :value="item.value"
+            />
           </el-select>
         </el-form-item>
         <el-form-item>
           <!-- 查询 -->
           <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-            {{ $t("common:button:search") }}
+            {{ $t('common:button:search') }}
           </el-button>
           <!-- 重置 -->
-          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
-            {{ $t("common:button:reset") }}
+          <el-button
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+          >
+            {{ $t('common:button:reset') }}
           </el-button>
           <!-- 中心调研 -->
-          <el-button v-hasPermi="[
-            'trials:trials-panel:setting:personnel-manage:questionnaire-record',
-          ]" type="primary" icon="el-icon-info" @click="handleResearchList">
-            {{ $t("trials:sitesList:button:siteResearch") }}
+          <el-button
+            v-hasPermi="[
+              'trials:trials-panel:setting:personnel-manage:questionnaire-record',
+            ]"
+            type="primary"
+            icon="el-icon-info"
+            @click="handleResearchList"
+          >
+            {{ $t('trials:sitesList:button:siteResearch') }}
           </el-button>
           <!-- 添加中心 -->
-          <el-button v-hasPermi="[
-            'trials:trials-panel:setting:personnel-manage:add-site',
-          ]" type="primary" icon="el-icon-plus" @click="handleAdd">
-            {{ $t("trials:sitesList:dialogTitle:assignSite") }}
+          <el-button
+            v-hasPermi="[
+              'trials:trials-panel:setting:personnel-manage:add-site',
+            ]"
+            type="primary"
+            icon="el-icon-plus"
+            @click="handleAdd"
+          >
+            {{ $t('trials:sitesList:dialogTitle:assignSite') }}
           </el-button>
-          <el-button type="primary" icon="el-icon-download" :disabled="list.length === 0"
-            @click="handleResearchListExport">
-            {{ $t("common:button:export") }}
+          <el-button
+            type="primary"
+            icon="el-icon-download"
+            :disabled="list.length === 0"
+            @click="handleResearchListExport"
+          >
+            {{ $t('common:button:export') }}
           </el-button>
           <!-- 下载模板 -->
-          <el-button type="primary" icon="el-icon-download" @click="handleDownload">
-            {{ $t("common:button:downloadTpl") }}
+          <el-button
+            type="primary"
+            icon="el-icon-download"
+            @click="handleDownload"
+          >
+            {{ $t('common:button:downloadTpl') }}
           </el-button>
-          <el-button v-hasPermi="[
-            'trials:trials-panel:setting:personnel-manage:add-site',
-          ]" type="primary" icon="el-icon-upload2" @click="handleUpload">
-            {{ $t("common:button:upload") }}
+          <el-button
+            v-hasPermi="[
+              'trials:trials-panel:setting:personnel-manage:add-site',
+            ]"
+            type="primary"
+            icon="el-icon-upload2"
+            @click="handleUpload"
+          >
+            {{ $t('common:button:upload') }}
           </el-button>
         </el-form-item>
       </el-form>
     </div>
-    <el-table v-loading="listLoading" :data="list" stripe @sort-change="handleSortByColumn">
+    <el-table
+      v-loading="listLoading"
+      :data="list"
+      stripe
+      @sort-change="handleSortByColumn"
+    >
       <el-table-column type="index" width="50" />
       <!-- 中心编号 -->
-      <el-table-column prop="TrialSiteCode" :label="$t('trials:sitesList:table:siteId')" show-overflow-tooltip
-        sortable="custom" width="120">
+      <el-table-column
+        prop="TrialSiteCode"
+        :label="$t('trials:sitesList:table:siteId')"
+        show-overflow-tooltip
+        sortable="custom"
+        width="120"
+      >
         <template slot-scope="scope">
           <span v-if="!!scope.row.TrialSiteCode">{{
             scope.row.TrialSiteCode
           }}</span>
-          <i v-else class="el-icon-warning" style="color: #f44336; font-size: 14px" />
+          <i
+            v-else
+            class="el-icon-warning"
+            style="color: #f44336; font-size: 14px"
+          />
         </template>
       </el-table-column>
       <!-- 中心名称 -->
-      <el-table-column prop="TrialSiteName" :label="$t('trials:sitesList:table:siteName')" show-overflow-tooltip
-        sortable="custom" min-width="120" />
+      <el-table-column
+        prop="TrialSiteName"
+        :label="$t('trials:sitesList:table:siteName')"
+        show-overflow-tooltip
+        sortable="custom"
+        min-width="120"
+      />
       <!-- 中心别名 -->
-      <el-table-column prop="TrialSiteAliasName" :label="$t('trials:sitesList:table:siteAliasName')"
-        show-overflow-tooltip sortable="custom" min-width="120" />
+      <el-table-column
+        prop="TrialSiteAliasName"
+        :label="$t('trials:sitesList:table:siteAliasName')"
+        show-overflow-tooltip
+        sortable="custom"
+        min-width="120"
+      />
       <!-- 参与者 -->
-      <el-table-column prop="UserNameList" :label="$t('trials:sitesList:table:staff')" show-overflow-tooltip
-        min-width="100">
+      <el-table-column
+        prop="UserNameList"
+        :label="$t('trials:sitesList:table:staff')"
+        show-overflow-tooltip
+        min-width="100"
+      >
         <template slot-scope="scope">
-          <el-button v-if="scope.row.UserCount > 0" size="small" type="text" @click="getCrcList(scope.row)">
+          <el-button
+            v-if="scope.row.UserCount > 0"
+            size="small"
+            type="text"
+            @click="getCrcList(scope.row)"
+          >
             {{
               scope.row.UserNameList.length > 0
-                ? scope.row.UserNameList.join(", ")
-                : ""
+                ? scope.row.UserNameList.join(', ')
+                : ''
             }}
           </el-button>
         </template>
       </el-table-column>
       <!-- Subjects -->
-      <el-table-column prop="SubjectCount" min-width="100" :label="$t('trials:site:table:subjects')"
-        show-overflow-tooltip sortable="custom" />
+      <el-table-column
+        prop="SubjectCount"
+        min-width="100"
+        :label="$t('trials:site:table:subjects')"
+        show-overflow-tooltip
+        sortable="custom"
+      />
       <!-- Visits -->
-      <el-table-column prop="VisitCount" min-width="100" :label="$t('trials:site:table:visits')" show-overflow-tooltip
-        sortable="custom" />
+      <el-table-column
+        prop="VisitCount"
+        min-width="100"
+        :label="$t('trials:site:table:visits')"
+        show-overflow-tooltip
+        sortable="custom"
+      />
       <!-- 状态 -->
-      <el-table-column prop="IsDeleted" :label="$t('trials:sitesList:table:status')" show-overflow-tooltip sortable
-        min-width="100">
+      <el-table-column
+        prop="IsDeleted"
+        :label="$t('trials:sitesList:table:status')"
+        show-overflow-tooltip
+        sortable
+        min-width="100"
+      >
         <template slot-scope="scope">
           <el-tag v-if="scope.row.IsDeleted" type="danger">{{
-            $fd("IsSiteDisable", scope.row.IsDeleted)
+            $fd('IsSiteDisable', scope.row.IsDeleted)
           }}</el-tag>
           <el-tag v-else>{{
-            $fd("IsSiteDisable", scope.row.IsDeleted)
+            $fd('IsSiteDisable', scope.row.IsDeleted)
           }}</el-tag>
         </template>
       </el-table-column>
       <!-- DICOM AE -->
-      <el-table-column prop="CallingAEList" :label="$t('trials:sitesList:table:AE')" show-overflow-tooltip sortable
-        min-width="100">
+      <el-table-column
+        prop="CallingAEList"
+        :label="$t('trials:sitesList:table:AE')"
+        show-overflow-tooltip
+        sortable
+        min-width="100"
+      >
         <template slot-scope="scope">
-          <el-button v-if="scope.row.CallingAEList.length > 0" size="small" type="text"
-            @click="handleConfig(scope.row, 'view')">
+          <el-button
+            v-if="scope.row.CallingAEList.length > 0"
+            size="small"
+            type="text"
+            @click="handleConfig(scope.row, 'view')"
+          >
             {{
               scope.row.CallingAEList.length > 0
-                ? scope.row.CallingAEList.join(", ")
-                : ""
+                ? scope.row.CallingAEList.join(', ')
+                : ''
             }}
           </el-button>
         </template>
       </el-table-column>
       <!-- 授权时间 -->
-      <el-table-column prop="EnabledTime" :label="$t('trials:sitesList:table:timeAdded')" show-overflow-tooltip sortable
-        min-width="150" />
-      <el-table-column v-if="
-        hasPermi([
-          'trials:trials-panel:setting:personnel-manage:edit-site',
-          'trials:trials-panel:setting:personnel-manage:remove-site',
-        ])
-      " :label="$t('common:action:action')" min-width="120">
+      <el-table-column
+        prop="EnabledTime"
+        :label="$t('trials:sitesList:table:timeAdded')"
+        show-overflow-tooltip
+        sortable
+        min-width="150"
+      />
+      <el-table-column
+        v-if="
+          hasPermi([
+            'trials:trials-panel:setting:personnel-manage:edit-site',
+            'trials:trials-panel:setting:personnel-manage:remove-site',
+          ])
+        "
+        :label="$t('common:action:action')"
+        min-width="120"
+      >
         <template slot-scope="scope">
-          <el-button circle :title="$t('trials:sitesList:action:assign')" icon="el-icon-user"
-            :disabled="scope.row.IsDeleted" @click="getCrcList(scope.row)" />
+          <el-button
+            circle
+            :title="$t('trials:sitesList:action:assign')"
+            icon="el-icon-user"
+            :disabled="scope.row.IsDeleted"
+            @click="getCrcList(scope.row)"
+          />
 
           <!-- Edit -->
-          <el-button v-hasPermi="[
-            'trials:trials-panel:setting:personnel-manage:edit-site',
-          ]" circle :title="$t('common:button:edit')" icon="el-icon-edit-outline" @click="handleEdit(scope.row)" />
-          <el-button circle :title="$t('common:button:config')" icon="el-icon-setting"
-            @click="handleConfig(scope.row, 'add')" />
+          <el-button
+            v-hasPermi="[
+              'trials:trials-panel:setting:personnel-manage:edit-site',
+            ]"
+            circle
+            :title="$t('common:button:edit')"
+            icon="el-icon-edit-outline"
+            @click="handleEdit(scope.row)"
+          />
+          <el-button
+            circle
+            :title="$t('common:button:config')"
+            icon="el-icon-setting"
+            v-hasPermi="[
+              'trials:trials-panel:setting:personnel-manage:edit-site',
+            ]"
+            @click="handleConfig(scope.row, 'add')"
+          />
         </template>
       </el-table-column>
     </el-table>
     <div class="pagination" style="text-align: right">
-      <pagination :total="total" :page.sync="listQuery.PageIndex" :limit.sync="listQuery.PageSize"
-        @pagination="getList" />
+      <pagination
+        :total="total"
+        :page.sync="listQuery.PageIndex"
+        :limit.sync="listQuery.PageSize"
+        @pagination="getList"
+      />
     </div>
 
     <!-- 给site分配crc -->
@@ -162,9 +287,17 @@
     <!-- 修改site信息 -->
     <base-model v-if="edit_model.visible" :config="edit_model">
       <template slot="dialog-body">
-        <el-form ref="editForm" :model="form" label-width="100px" :rules="rules">
+        <el-form
+          ref="editForm"
+          :model="form"
+          label-width="100px"
+          :rules="rules"
+        >
           <!-- 中心编号 -->
-          <el-form-item :label="$t('trials:sitesList:table:siteId')" prop="TrialSiteCode">
+          <el-form-item
+            :label="$t('trials:sitesList:table:siteId')"
+            prop="TrialSiteCode"
+          >
             <el-input v-model="form.TrialSiteCode" />
           </el-form-item>
           <!-- 中心名称 -->
@@ -184,21 +317,38 @@
             ></el-autocomplete>
           </el-form-item>
           <!-- 中心别称 -->
-          <el-form-item :label="$t('trials:sitesList:table:siteAliasName')" prop="TrialSiteAliasName">
+          <el-form-item
+            :label="$t('trials:sitesList:table:siteAliasName')"
+            prop="TrialSiteAliasName"
+          >
             <el-input v-model="form.TrialSiteAliasName" />
           </el-form-item>
           <!-- 状态 -->
           <el-form-item :label="$t('trials:sitesList:table:status')">
-            <el-switch v-model="form.IsDeleted" :active-value="false" :inactive-value="true" />
+            <el-switch
+              v-model="form.IsDeleted"
+              :active-value="false"
+              :inactive-value="true"
+            />
           </el-form-item>
         </el-form>
       </template>
       <template slot="dialog-footer">
-        <el-button type="primary" size="small" :disabled="saveBtnLoading" @click="edit_model.visible = false">
-          {{ $t("common:button:cancel") }}
+        <el-button
+          type="primary"
+          size="small"
+          :disabled="saveBtnLoading"
+          @click="edit_model.visible = false"
+        >
+          {{ $t('common:button:cancel') }}
         </el-button>
-        <el-button type="primary" size="small" :loading="saveBtnLoading" @click="handleUpdateSiteID">
-          {{ $t("common:button:save") }}
+        <el-button
+          type="primary"
+          size="small"
+          :loading="saveBtnLoading"
+          @click="handleUpdateSiteID"
+        >
+          {{ $t('common:button:save') }}
         </el-button>
       </template>
     </base-model>
@@ -206,17 +356,32 @@
     <!-- 修改参与者人员状态 -->
     <base-model v-if="status_model.visible" :config="status_model">
       <template slot="dialog-body">
-        <span>{{ $t("trials:internalStaff:table:status") }}:</span>
+        <span>{{ $t('trials:internalStaff:table:status') }}:</span>
         <el-radio-group v-model="staffStatus">
-          <el-radio v-for="item of $d.IsUserExitTrial" :key="item.label" :label="item.value">{{ item.label }}</el-radio>
+          <el-radio
+            v-for="item of $d.IsUserExitTrial"
+            :key="item.label"
+            :label="item.value"
+            >{{ item.label }}</el-radio
+          >
         </el-radio-group>
       </template>
       <template slot="dialog-footer">
-        <el-button :disabled="btnLoading" size="small" type="primary" @click="status_model.visible = false">
-          {{ $t("common:button:cancel") }}
+        <el-button
+          :disabled="btnLoading"
+          size="small"
+          type="primary"
+          @click="status_model.visible = false"
+        >
+          {{ $t('common:button:cancel') }}
         </el-button>
-        <el-button size="small" type="primary" :loading="btnLoading" @click="saveStatus">
-          {{ $t("common:button:save") }}
+        <el-button
+          size="small"
+          type="primary"
+          :loading="btnLoading"
+          @click="saveStatus"
+        >
+          {{ $t('common:button:save') }}
         </el-button>
       </template>
     </base-model>
@@ -225,54 +390,112 @@
     <base-model v-if="siteOfcrc_model.visible" :config="siteOfcrc_model">
       <template slot="dialog-body">
         <div style="text-align: right">
-          <el-button v-hasPermi="[
-            'trials:trials-panel:setting:personnel-manage:assign-staff',
-          ]" type="primary" icon="el-icon-plus" size="small" @click="crc_model.visible = true">
-            {{ $t("common:button:add") }}
+          <el-button
+            v-hasPermi="[
+              'trials:trials-panel:setting:personnel-manage:assign-staff',
+            ]"
+            type="primary"
+            icon="el-icon-plus"
+            size="small"
+            @click="crc_model.visible = true"
+          >
+            {{ $t('common:button:add') }}
           </el-button>
         </div>
-        <el-table v-loading="userListLoading" :data="userList" height="400" size="small">
+        <el-table
+          v-loading="userListLoading"
+          :data="userList"
+          height="400"
+          size="small"
+        >
           <!-- 姓名 -->
-          <el-table-column prop="UserRealName" :label="$t('trials:internalStaff:table:name')" min-width="100"
-            show-overflow-tooltip />
+          <el-table-column
+            prop="UserRealName"
+            :label="$t('trials:internalStaff:table:name')"
+            min-width="100"
+            show-overflow-tooltip
+          />
           <!-- 用户名 -->
-          <el-table-column prop="UserName" :label="$t('trials:internalStaff:table:uid')" min-width="100"
-            show-overflow-tooltip />
+          <el-table-column
+            prop="UserName"
+            :label="$t('trials:internalStaff:table:uid')"
+            min-width="100"
+            show-overflow-tooltip
+          />
           <!-- 用户类型 -->
-          <el-table-column prop="UserType" :label="$t('trials:internalStaff:table:userType')" min-width="100"
-            show-overflow-tooltip />
+          <el-table-column
+            prop="UserType"
+            :label="$t('trials:internalStaff:table:userType')"
+            min-width="100"
+            show-overflow-tooltip
+          />
           <!-- 电话 -->
-          <el-table-column prop="Phone" :label="$t('trials:internalStaff:table:phone')" show-overflow-tooltip
-            min-width="100" />
+          <el-table-column
+            prop="Phone"
+            :label="$t('trials:internalStaff:table:phone')"
+            show-overflow-tooltip
+            min-width="100"
+          />
           <!-- 邮箱 -->
-          <el-table-column prop="EMail" :label="$t('trials:internalStaff:table:email')" show-overflow-tooltip
-            min-width="100" />
+          <el-table-column
+            prop="EMail"
+            :label="$t('trials:internalStaff:table:email')"
+            show-overflow-tooltip
+            min-width="100"
+          />
           <!-- 单位 -->
-          <el-table-column prop="OrganizationName" :label="$t('trials:internalStaff:table:organization')" min-width="100" />
+          <el-table-column
+            prop="OrganizationName"
+            :label="$t('trials:internalStaff:table:organization')"
+            min-width="100"
+          />
           <!-- 状态 -->
-          <el-table-column prop="IsDeleted" :label="$t('trials:internalStaff:table:status')" show-overflow-tooltip
-            min-width="100">
+          <el-table-column
+            prop="IsDeleted"
+            :label="$t('trials:internalStaff:table:status')"
+            show-overflow-tooltip
+            min-width="100"
+          >
             <template slot-scope="scope">
               <el-tag v-if="scope.row.IsDeleted" type="danger">{{
-                $fd("IsUserExitTrial", scope.row.IsDeleted)
+                $fd('IsUserExitTrial', scope.row.IsDeleted)
               }}</el-tag>
               <el-tag v-else>{{
-                $fd("IsUserExitTrial", scope.row.IsDeleted)
+                $fd('IsUserExitTrial', scope.row.IsDeleted)
               }}</el-tag>
             </template>
           </el-table-column>
-          <el-table-column prop="CreateTime" :label="$t('trials:internalStaff:table:authorizationTime')"
-            show-overflow-tooltip sortable="custom" min-width="210" />
-          <el-table-column prop="DeletedTime" :label="$t('trials:internalStaff:table:disableTime')"
-            show-overflow-tooltip sortable min-width="210" />
-          <el-table-column v-hasPermi="[
-            'trials:trials-panel:setting:personnel-manage:assign-staff',
-          ]" :label="$t('common:action:action')" width="100">
+          <el-table-column
+            prop="CreateTime"
+            :label="$t('trials:internalStaff:table:authorizationTime')"
+            show-overflow-tooltip
+            sortable="custom"
+            min-width="210"
+          />
+          <el-table-column
+            prop="DeletedTime"
+            :label="$t('trials:internalStaff:table:disableTime')"
+            show-overflow-tooltip
+            sortable
+            min-width="210"
+          />
+          <el-table-column
+            v-hasPermi="[
+              'trials:trials-panel:setting:personnel-manage:assign-staff',
+            ]"
+            :label="$t('common:action:action')"
+            width="100"
+          >
             <template slot-scope="scope">
-              <el-button v-hasPermi="[
-                'trials:trials-panel:setting:personnel-manage:assign-staff',
-              ]" circle :title="$t('trials:internalStaff:action:status')" icon="el-icon-edit-outline"
-                @click="handleStatus(scope.row)" />
+              <el-button
+                v-hasPermi="[
+                  'trials:trials-panel:setting:personnel-manage:assign-staff',
+                ]"
+                circle
+                :title="$t('trials:internalStaff:action:status')"
+                icon="el-icon-edit-outline"
+                @click="handleStatus(scope.row)"
+              />
             </template>
           </el-table-column>
         </el-table>
@@ -281,7 +504,10 @@
     <!-- 导入 -->
     <base-model v-if="upload_model.visible" :config="upload_model">
       <template slot="dialog-body">
-        <UploadExcel @closeDialog="upload_model.visible = false" @getList="getList" />
+        <UploadExcel
+          @closeDialog="upload_model.visible = false"
+          @getList="getList"
+        />
       </template>
     </base-model>
     <!--dicom AE-->
@@ -298,29 +524,29 @@ import {
   trialSiteUserListExport,
   addTrialSites,
   getTrialSiteSelectList,
-} from "@/api/trials";
-import { DownloadCommonDoc } from "@/api/dictionary";
-import Pagination from "@/components/Pagination";
-import CRCForm from "./crcForm";
-import BaseModel from "@/components/BaseModel";
-import UploadExcel from "./uploadExcel";
-import moment from "moment";
-import dicomAEList from "./dicomAEList.vue";
+} from '@/api/trials'
+import { DownloadCommonDoc } from '@/api/dictionary'
+import Pagination from '@/components/Pagination'
+import CRCForm from './crcForm'
+import BaseModel from '@/components/BaseModel'
+import UploadExcel from './uploadExcel'
+import moment from 'moment'
+import dicomAEList from './dicomAEList.vue'
 const getListQueryDefault = () => {
   return {
-    UserKeyInfo: "",
-    TrialSiteCode: "",
-    TrialSiteAliasName: "",
+    UserKeyInfo: '',
+    TrialSiteCode: '',
+    TrialSiteAliasName: '',
     TrialSiteName: null,
     IsDeleted: null,
-    SortField: "TrialSiteCode",
+    SortField: 'TrialSiteCode',
     Asc: true,
     PageIndex: 1,
     PageSize: 20,
-  };
-};
+  }
+}
 export default {
-  name: "Participant",
+  name: 'Participant',
   components: { Pagination, CRCForm, BaseModel, UploadExcel, dicomAEList },
   data() {
     return {
@@ -328,42 +554,42 @@ export default {
       listQuery: getListQueryDefault(),
       listLoading: false,
       total: 0,
-      currentSiteId: "",
+      currentSiteId: '',
       site_model: {
         visible: false,
-        title: this.$t("trials:sitesList:dialogTitle:assignSite"),
-        width: "60%",
+        title: this.$t('trials:sitesList:dialogTitle:assignSite'),
+        width: '60%',
       },
       crc_model: {
         visible: false,
-        title: this.$t("trials:sitesList:dialogTitle:assignStaff").replace(
-          "xxx",
+        title: this.$t('trials:sitesList:dialogTitle:assignStaff').replace(
+          'xxx',
           this.$route.query.trialCode
         ),
-        width: "60%",
+        width: '60%',
       },
       edit_model: {
         visible: false,
-        title: this.$t("trials:sitesList:dialogTitle:editSite"),
-        width: "600px",
-        model_type: "add",
+        title: this.$t('trials:sitesList:dialogTitle:editSite'),
+        width: '600px',
+        model_type: 'add',
       },
       status_model: {
         visible: false,
-        title: this.$t("trials:sitesList:dialogTitle:editStaffStauts"),
-        width: "500px",
+        title: this.$t('trials:sitesList:dialogTitle:editStaffStauts'),
+        width: '500px',
       },
-      siteOfcrc_model: { visible: false, title: "", width: "70%" },
+      siteOfcrc_model: { visible: false, title: '', width: '70%' },
       form: {
-        TrialSiteCode: "",
-        TrialSiteName: "",
-        TrialSiteAliasName: "",
+        TrialSiteCode: '',
+        TrialSiteName: '',
+        TrialSiteAliasName: '',
         IsDeleted: true,
       },
       upload_model: {
         visible: false,
-        title: this.$t("common:button:upload"),
-        width: "500px",
+        title: this.$t('common:button:upload'),
+        width: '500px',
       },
       saveBtnLoading: false,
       staffStatus: null,
@@ -376,72 +602,72 @@ export default {
         TrialSiteCode: [
           {
             required: true,
-            message: this.$t("common:ruleMessage:specify"),
-            trigger: "blur",
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
           },
           {
             max: 100,
-            message: `${this.$t("common:ruleMessage:maxLength")} 100`,
-            trigger: "blur",
+            message: `${this.$t('common:ruleMessage:maxLength')} 100`,
+            trigger: 'blur',
           },
         ],
         TrialSiteName: [
           {
             required: true,
-            message: this.$t("common:ruleMessage:specify"),
-            trigger: ["blur", "change"],
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: ['blur', 'change'],
           },
           {
             max: 500,
-            message: `${this.$t("common:ruleMessage:maxLength")} 500`,
-            trigger: "blur",
+            message: `${this.$t('common:ruleMessage:maxLength')} 500`,
+            trigger: 'blur',
           },
         ],
         TrialSiteAliasName: [
           {
             required: true,
-            message: this.$t("common:ruleMessage:specify"),
-            trigger: "blur",
+            message: this.$t('common:ruleMessage:specify'),
+            trigger: 'blur',
           },
           {
             max: 500,
-            message: `${this.$t("common:ruleMessage:maxLength")} 500`,
-            trigger: "blur",
+            message: `${this.$t('common:ruleMessage:maxLength')} 500`,
+            trigger: 'blur',
           },
         ],
       },
-      trialId: "",
+      trialId: '',
       TrialSiteSelectList: [],
-    };
+    }
   },
   mounted() {
-    this.trialId = this.$route.query.trialId;
-    this.getList();
-    this.getTrialSiteSelectList();
+    this.trialId = this.$route.query.trialId
+    this.getList()
+    this.getTrialSiteSelectList()
   },
   methods: {
     // 打开DICOMAE配置列表
     handleConfig(row, status) {
-      this.$refs.dicomAEList.open(row, status);
+      this.$refs.dicomAEList.open(row, status)
     },
     handleSelect(item) {
-      this.form.TrialSiteName = item.SiteName;
+      this.form.TrialSiteName = item.SiteName
       this.form.TrialSiteAliasName = item.AliasName
         ? item.AliasName
-        : item.SiteName;
-      this.form.SiteId = item.SiteId;
+        : item.SiteName
+      this.form.SiteId = item.SiteId
     },
     handleChange(v) {
       if (v) return
       this.form.TrialSiteAliasName = ''
     },
     querySearch(queryString, cb) {
-      var TrialSiteSelectList = this.TrialSiteSelectList;
+      var TrialSiteSelectList = this.TrialSiteSelectList
       var results = queryString
         ? TrialSiteSelectList.filter(this.createFilter(queryString))
-        : TrialSiteSelectList;
+        : TrialSiteSelectList
       // 调用 callback 返回建议列表的数据
-      cb(results);
+      cb(results)
     },
     createFilter(queryString) {
       return (TrialSiteSelectList) => {
@@ -452,13 +678,13 @@ export default {
           TrialSiteSelectList.AliasName.toLowerCase().indexOf(
             queryString.toLowerCase()
           ) >= 0
-        );
-      };
+        )
+      }
     },
     // 获取site可选列表
     async getTrialSiteSelectList() {
       try {
-        let res = await getTrialSiteSelectList();
+        let res = await getTrialSiteSelectList()
         if (res.IsSuccess) {
           this.TrialSiteSelectList = res.Result.map((item) => {
             let v = ''
@@ -470,67 +696,65 @@ export default {
             return {
               value: `${item.SiteName} ${v}`,
               ...item,
-            };
-          });
+            }
+          })
         }
       } catch (err) {
-        console.log(err);
+        console.log(err)
       }
     },
     // 获取site列表
     getList() {
-      this.listLoading = true;
-      this.listQuery.TrialId = this.trialId;
+      this.listLoading = true
+      this.listQuery.TrialId = this.trialId
       getSiteCRCSimpleList(this.listQuery)
         .then((res) => {
-          this.listLoading = false;
-          this.list = res.Result.CurrentPageData;
-          this.total = res.Result.TotalCount;
+          this.listLoading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
         })
         .catch(() => {
-          this.listLoading = false;
-        });
+          this.listLoading = false
+        })
     },
     // 打开添加site弹窗
     handleAdd() {
-      this.edit_model.title = this.$t(
-        "trials:sitesList:dialogTitle:assignSite"
-      );
-      this.edit_model.model_type = "add";
+      this.edit_model.title = this.$t('trials:sitesList:dialogTitle:assignSite')
+      this.edit_model.model_type = 'add'
       Object.keys(this.form).forEach((key) => {
-        this.form[key] = "";
-        if (key === "IsDeleted") {
-          this.form[key] = true;
+        this.form[key] = ''
+        if (key === 'IsDeleted') {
+          this.form[key] = true
         }
-      });
-      this.edit_model.visible = true;
+      })
+      this.edit_model.visible = true
     },
     // 给site分配CRC
     handleAssignCRC(row) {
       if (!row.TrialSiteCode) {
-        this.$alert(this.$t("trials:sitesList:message:setSiteId"));
-        return;
+        this.$alert(this.$t('trials:sitesList:message:setSiteId'))
+        return
       }
-      this.currentSiteId = row.TrialSiteId;
-      var title = this.$t("trials:sitesList:dialogTitle:assignStaff");
-      console.log(title);
-      this.crc_model.title = title.replace("xxx", this.$route.query.trialCode);
-      this.crc_model.visible = true;
+      this.currentSiteId = row.TrialSiteId
+      var title = this.$t('trials:sitesList:dialogTitle:assignStaff')
+      console.log(title)
+      this.crc_model.title = title.replace('xxx', this.$route.query.trialCode)
+      this.crc_model.visible = true
     },
     // 编辑site信息
     handleEdit(row) {
       if (Object.keys(row).length) {
-        this.form = { ...row };
+        this.form = { ...row }
       }
-      this.edit_model.title = this.$t("trials:sitesList:dialogTitle:editSite");
-      this.edit_model.model_type = "edit";
-      this.edit_model.visible = true;
+      this.edit_model.title = this.$t('trials:sitesList:dialogTitle:editSite')
+      this.edit_model.model_type = 'edit'
+      this.edit_model.visible = true
     },
     // 更新site信息
     handleUpdateSiteID() {
-      this.$refs["editForm"].validate((valid) => {
-        if (!valid) return;
-        this.saveBtnLoading = true;
+      this.$refs['editForm'].validate((valid) => {
+        if (!valid) return
+        this.saveBtnLoading = true
         const param = {
           trialId: this.trialId,
           id: this.form.Id,
@@ -539,46 +763,46 @@ export default {
           trialSiteCode: this.form.TrialSiteCode,
           trialSiteAliasName: this.form.TrialSiteAliasName,
           isDeleted: this.form.IsDeleted,
-        };
-        if (this.edit_model.model_type === "add") {
+        }
+        if (this.edit_model.model_type === 'add') {
           addTrialSites([param])
             .then((res) => {
-              this.saveBtnLoading = false;
+              this.saveBtnLoading = false
               if (res.IsSuccess) {
-                this.edit_model.visible = false;
+                this.edit_model.visible = false
                 this.$message.success(
-                  this.$t("common:message:savedSuccessfully")
-                );
-                this.getList();
-                this.getTrialSiteSelectList();
+                  this.$t('common:message:savedSuccessfully')
+                )
+                this.getList()
+                this.getTrialSiteSelectList()
               }
             })
             .catch(() => {
-              this.saveBtnLoading = false;
-            });
+              this.saveBtnLoading = false
+            })
         } else {
           editTrialSite(param)
             .then((res) => {
-              this.saveBtnLoading = false;
+              this.saveBtnLoading = false
               if (res.IsSuccess) {
-                this.edit_model.visible = false;
+                this.edit_model.visible = false
                 this.$message.success(
-                  this.$t("common:message:savedSuccessfully")
-                );
-                this.getList();
-                this.getTrialSiteSelectList();
+                  this.$t('common:message:savedSuccessfully')
+                )
+                this.getList()
+                this.getTrialSiteSelectList()
               }
             })
             .catch(() => {
-              this.saveBtnLoading = false;
-            });
+              this.saveBtnLoading = false
+            })
         }
-      });
+      })
     },
     // 移除site
     handleDelete(row) {
-      this.$confirm(this.$t("trials:sitesList:message:removeSite"), {
-        type: "warning",
+      this.$confirm(this.$t('trials:sitesList:message:removeSite'), {
+        type: 'warning',
         distinguishCancelAndClose: true,
       }).then(() => {
         deleteTrialSite(row.Id, this.trialId).then((res) => {
@@ -586,129 +810,129 @@ export default {
             this.list.splice(
               this.list.findIndex((item) => item.Id === row.Id),
               1
-            );
+            )
             this.$message.success(
-              this.$t("trials:sitesList:message:removedSuccessfully")
-            );
+              this.$t('trials:sitesList:message:removedSuccessfully')
+            )
           }
-        });
-      });
+        })
+      })
     },
     handleStatus(row) {
-      const { IsDeleted } = { ...row };
-      this.currentRow = { ...row };
-      this.staffStatus = IsDeleted;
-      this.status_model.visible = true;
+      const { IsDeleted } = { ...row }
+      this.currentRow = { ...row }
+      this.staffStatus = IsDeleted
+      this.status_model.visible = true
     },
     // 修改某个site下的CRC状态
     saveStatus() {
-      this.btnLoading = true;
+      this.btnLoading = true
       deleteSiteCRC(this.currentRow.Id, this.trialId, this.staffStatus)
         .then((res) => {
-          this.btnLoading = false;
+          this.btnLoading = false
           if (res.IsSuccess) {
-            this.status_model.visible = false;
-            this.getTrialSiteCRCList();
-            this.getList();
-            this.$message.success(this.$t("common:message:savedSuccessfully"));
+            this.status_model.visible = false
+            this.getTrialSiteCRCList()
+            this.getList()
+            this.$message.success(this.$t('common:message:savedSuccessfully'))
           }
         })
         .catch(() => {
-          this.btnLoading = false;
-        });
+          this.btnLoading = false
+        })
     },
     // 获取某个site下的crc列表
     getCrcList(row) {
-      this.currentRow = { ...row };
-      this.currentSiteId = row.TrialSiteId;
-      var title = this.$t("trials:sitesList:dialogTitle:staff");
-      this.siteOfcrc_model.title = title.replace("xxx", row.TrialSiteCode);
-      this.siteOfcrc_model.visible = true;
-      this.getTrialSiteCRCList();
+      this.currentRow = { ...row }
+      this.currentSiteId = row.TrialSiteId
+      var title = this.$t('trials:sitesList:dialogTitle:staff')
+      this.siteOfcrc_model.title = title.replace('xxx', row.TrialSiteCode)
+      this.siteOfcrc_model.visible = true
+      this.getTrialSiteCRCList()
     },
     getTrialSiteCRCList() {
-      this.userListLoading = true;
+      this.userListLoading = true
       getTrialSiteCRCList(this.trialId, this.currentRow.TrialSiteId)
         .then((res) => {
-          this.userListLoading = false;
-          this.userList = res.Result;
+          this.userListLoading = false
+          this.userList = res.Result
         })
         .catch(() => {
-          this.userListLoading = false;
-        });
+          this.userListLoading = false
+        })
     },
     // 导出
     handleResearchListExport() {
-      this.listQuery.TrialId = this.trialId;
-      this.listLoading = true;
+      this.listQuery.TrialId = this.trialId
+      this.listLoading = true
       // eslint-disable-next-line no-unused-vars
       const { SortField, Asc, PageIndex, PageSize, ...param } = {
         ...this.listQuery,
-      };
+      }
       trialSiteUserListExport({ ...param })
         .then((data) => {
-          this.listLoading = false;
+          this.listLoading = false
         })
         .catch(() => {
-          this.listLoading = false;
-        });
+          this.listLoading = false
+        })
     },
     handleResearchList() {
       this.$router.push({
         path: `/trials/trials-panel/attachments/site-research?trialId=${this.$route.query.trialId}&trialCode=${this.$route.query.trialCode}&researchProgramNo=${this.$route.query.researchProgramNo}`,
-      });
+      })
     },
     handleUpload() {
-      this.upload_model.visible = true;
+      this.upload_model.visible = true
     },
     handleDownload() {
-      this.loading = true;
-      DownloadCommonDoc("TrialSiteSurveyImportUser_Template")
+      this.loading = true
+      DownloadCommonDoc('TrialSiteSurveyImportUser_Template')
         .then((data) => {
-          this.loading = false;
+          this.loading = false
         })
         .catch(() => {
-          this.loading = false;
-        });
+          this.loading = false
+        })
     },
     // site列表排序
     handleSortByColumn(column) {
-      if (column.order === "ascending") {
-        this.listQuery.Asc = true;
+      if (column.order === 'ascending') {
+        this.listQuery.Asc = true
       } else {
-        this.listQuery.Asc = false;
+        this.listQuery.Asc = false
       }
-      this.listQuery.SortField = column.prop;
-      this.listQuery.PageIndex = 1;
-      this.getList();
+      this.listQuery.SortField = column.prop
+      this.listQuery.PageIndex = 1
+      this.getList()
     },
     // 查询
     handleSearch() {
-      this.listQuery.PageIndex = 1;
-      this.getList();
+      this.listQuery.PageIndex = 1
+      this.getList()
     },
     // 重置
     handleReset() {
-      this.listQuery = getListQueryDefault();
-      this.getList();
+      this.listQuery = getListQueryDefault()
+      this.getList()
     },
     // 关闭添加分配crc模态框
     closeDialog(isReresh) {
-      this.crc_model.visible = false;
+      this.crc_model.visible = false
       if (isReresh) {
-        this.listQuery = getListQueryDefault();
-        this.getList();
-        this.getTrialSiteCRCList();
+        this.listQuery = getListQueryDefault()
+        this.getList()
+        this.getTrialSiteCRCList()
       }
     },
     // 关闭添加site模态框
     closeSiteDialog() {
-      this.site_model.visible = false;
-      this.listQuery = getListQueryDefault();
-      this.getList();
+      this.site_model.visible = false
+      this.listQuery = getListQueryDefault()
+      this.getList()
     },
   },
-};
+}
 </script>
 <style lang="scss">
 .assign-site {

From d86eee6825853f7bb24862790efed3eadcc99df7 Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Fri, 20 Sep 2024 15:16:08 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E9=A1=B5=E9=9D=A2=E8=A1=A8=E6=A0=BC=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/email-recompose/index.vue | 158 +++++++++++++++++++---------
 1 file changed, 109 insertions(+), 49 deletions(-)

diff --git a/src/views/email-recompose/index.vue b/src/views/email-recompose/index.vue
index 4e123227..1e5e06a8 100644
--- a/src/views/email-recompose/index.vue
+++ b/src/views/email-recompose/index.vue
@@ -1,11 +1,29 @@
 <template>
-  <div style="display: flex;justify-content: center">
-    <div style="width: 600px;text-align: center;border: 1px solid #e6e6e6;margin-top:40px;padding:10px;">
-      <div class="trial-myinfo-head" style="font-size: 30px;line-height: 120px;">
+  <div style="display: flex; justify-content: center">
+    <div
+      style="
+        width: 600px;
+        text-align: center;
+        border: 1px solid #e6e6e6;
+        margin-top: 40px;
+        padding: 10px;
+      "
+    >
+      <div
+        class="trial-myinfo-head"
+        style="font-size: 30px; line-height: 120px"
+      >
         <!-- 首次登录修改密码 -->
         {{ $t('recompose:title:init') }}
       </div>
-      <el-form ref="passwordForm" v-loading="loading" label-position="right" :model="password" :rules="passwordFormRules" label-width="200px">
+      <el-form
+        ref="passwordForm"
+        v-loading="loading"
+        label-position="right"
+        :model="password"
+        :rules="passwordFormRules"
+        :label-width="$i18n.locale == 'zh' ? '100px' : '200px'"
+      >
         <!-- 邮箱 -->
         <el-form-item :label="$t('recompose:form:email')" prop="Email">
           <el-input v-model="password.Email" disabled />
@@ -19,70 +37,106 @@
           <el-input v-model="password.NewUserName" />
         </el-form-item>
         <!-- 新密码 -->
-        <el-form-item :label="$t('recompose:form:newPassword')" prop="NewPassWord">
-          <el-input v-model="password.NewPassWord" type="password" show-password auto-complete="new-password" />
+        <el-form-item
+          :label="$t('recompose:form:newPassword')"
+          prop="NewPassWord"
+        >
+          <el-input
+            v-model="password.NewPassWord"
+            type="password"
+            show-password
+            auto-complete="new-password"
+          />
         </el-form-item>
         <!-- 确认密码 -->
-        <el-form-item :label="$t('recompose:form:confirmPassword')" prop="ConfirmPassWord">
-          <el-input v-model="password.ConfirmPassWord" type="password" show-password auto-complete="new-password" />
+        <el-form-item
+          :label="$t('recompose:form:confirmPassword')"
+          prop="ConfirmPassWord"
+        >
+          <el-input
+            v-model="password.ConfirmPassWord"
+            type="password"
+            show-password
+            auto-complete="new-password"
+          />
         </el-form-item>
-        <el-form-item style="text-align:right">
+        <el-form-item style="text-align: right">
           <!-- 取消 -->
-          <el-button
-            size="small"
-            @click="cancel"
-          >
+          <el-button size="small" @click="cancel">
             {{ $t('recompose:button:cancel') }}
           </el-button>
           <!-- 保存 -->
-          <el-button
-            type="primary"
-            size="small"
-            @click="save"
-          >
+          <el-button type="primary" size="small" @click="save">
             {{ $t('recompose:button:save') }}
           </el-button>
         </el-form-item>
       </el-form>
-
     </div>
   </div>
 </template>
 <script>
 import { initSetUserNameAndPwd } from '@/api/admin.js'
 import md5 from 'js-md5'
-import {mapGetters, mapMutations} from "vuex";
+import { mapGetters, mapMutations } from 'vuex'
 export default {
   data() {
     return {
       password: {
         NewUserName: null,
-        UserId: null
+        UserId: null,
       },
       passwordFormRules: {
-        NewUserName: [{ required: true, validator: (rule, value, callback) => {!value ? callback(new Error(this.$t('trials:researchForm:formRule:specify'))) : callback()}, trigger: 'blur' }],
+        NewUserName: [
+          {
+            required: true,
+            validator: (rule, value, callback) => {
+              !value
+                ? callback(
+                    new Error(this.$t('trials:researchForm:formRule:specify'))
+                  )
+                : callback()
+            },
+            trigger: 'blur',
+          },
+        ],
         NewPassWord: [
-          { required: true, validator: (rule, value, callback) => {!value ? callback(new Error(this.$t('trials:researchForm:formRule:specify'))) : callback()}, trigger: 'blur' },
+          {
+            required: true,
+            validator: (rule, value, callback) => {
+              !value
+                ? callback(
+                    new Error(this.$t('trials:researchForm:formRule:specify'))
+                  )
+                : callback()
+            },
+            trigger: 'blur',
+          },
           {
             required: true,
             trigger: 'blur',
-            validator: this.$validatePassword
+            validator: this.$validatePassword,
           },
         ],
         ConfirmPassWord: [
-          { required: true, validator: (rule, value, callback) => {!value ? callback(new Error(this.$t('trials:researchForm:formRule:specify'))) : callback()}, trigger: 'blur' }
-        ]
+          {
+            required: true,
+            validator: (rule, value, callback) => {
+              !value
+                ? callback(
+                    new Error(this.$t('trials:researchForm:formRule:specify'))
+                  )
+                : callback()
+            },
+            trigger: 'blur',
+          },
+        ],
       },
       userId: null,
-      loading: false
+      loading: false,
     }
   },
   computed: {
-    ...mapGetters([
-      'asyncRoutes',
-      'routes',
-      'language'
-    ])
+    ...mapGetters(['asyncRoutes', 'routes', 'language']),
   },
   mounted() {
     this.password.UserId = this.$route.query.UserId
@@ -112,7 +166,7 @@ export default {
       this.$updateDictionary()
     },
     save() {
-      this.$refs.passwordForm.validate(valid => {
+      this.$refs.passwordForm.validate((valid) => {
         if (valid) {
           if (this.password.NewPassWord !== this.password.ConfirmPassWord) {
             // 两次密码输入不一致
@@ -123,26 +177,32 @@ export default {
             NewUserName: this.password.NewUserName,
             UserId: this.password.UserId,
             NewPwd: md5(this.password.NewPassWord),
-            access_token: this.password.access_token
+            access_token: this.password.access_token,
           }
           this.loading = true
-          initSetUserNameAndPwd(param).then(res => {
-            this.loading = false
-            if (res.IsSuccess) {
-              // 修改成功,请重新登录账号
-              this.$message.success(this.$t('recompose:message:updatedSuccessfully'))
-              setTimeout(() => {
-                this.logout()
-              }, 500)
-            }
-          }).catch(() => { this.loading = false })
+          initSetUserNameAndPwd(param)
+            .then((res) => {
+              this.loading = false
+              if (res.IsSuccess) {
+                // 修改成功,请重新登录账号
+                this.$message.success(
+                  this.$t('recompose:message:updatedSuccessfully')
+                )
+                setTimeout(() => {
+                  this.logout()
+                }, 500)
+              }
+            })
+            .catch(() => {
+              this.loading = false
+            })
         }
       })
     },
     cancel() {
       this.$refs['passwordForm'].resetFields()
-    }
-  }
+    },
+  },
 }
 </script>
 <style>
@@ -165,13 +225,13 @@ export default {
 <style scoped>
 input:-webkit-autofill {
   -webkit-text-fill-color: #ededed !important;
-  box-shadow: 0 0 0px 1000px transparent  inset !important;
-  background-color:transparent;
+  box-shadow: 0 0 0px 1000px transparent inset !important;
+  background-color: transparent;
   background-image: none;
   transition: background-color 50000s ease-in-out 0s;
 }
 input {
-  background-color:transparent;
+  background-color: transparent;
   caret-color: #fff;
 }
 </style>

From 5bf4c3cf5db4c0ac15766cf44df5d6befa62dda8 Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Fri, 20 Sep 2024 15:41:03 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E6=8F=90=E7=A4=BA=E8=AF=AD=E9=81=AE?=
 =?UTF-8?q?=E6=8C=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/email-recompose/index.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/views/email-recompose/index.vue b/src/views/email-recompose/index.vue
index 1e5e06a8..af212d93 100644
--- a/src/views/email-recompose/index.vue
+++ b/src/views/email-recompose/index.vue
@@ -234,4 +234,7 @@ input {
   background-color: transparent;
   caret-color: #fff;
 }
+.el-form-item {
+  margin-bottom: 30px;
+}
 </style>