中心调研二维码和链接的时间有效性

src/api/trials.js

@@ -4483,3 +4483,35 @@ export function getDoctorUserTrialReadingStat(data) {
     data,
   })
 }
+// 设置项目链接过期时间
+export function setTrialLinkExpirationTime(data) {
+  return request({
+    url: `/TrialConfig/setTrialLinkExpirationTime`,
+    method: 'post',
+    data,
+  })
+}
+// 获取项目链接过期时间
+export function getTrialLinkExpirationTime(data) {
+  return request({
+    url: `/TrialConfig/getTrialLinkExpirationTime`,
+    method: 'post',
+    data,
+  })
+}
+// 获取项目链接时间是否过期
+export function getLinkLinkExpirationTime(data) {
+  return request({
+    url: `/TrialConfig/getLinkLinkExpirationTime`,
+    method: 'post',
+    data,
+  })
+}
+// 获取项目链接code是否有效
+export function getLinkVerificationCodeIsEffective(data) {
+  return request({
+    url: `/TrialConfig/getLinkVerificationCodeIsEffective`,
+    method: 'post',
+    data,
+  })
+}

src/views/research/login.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="question-login-wrapper">
-    <div class="box-wrapper">
+    <div v-if="verify"></div>
+    <div class="box-wrapper" v-else>
       <h2 style="text-align:center;">
         <!-- 中心调研表 -->
         {{ $t('trials:researchForm:title:question') }}
@@ -91,7 +92,10 @@ import { getUserMenuTree, getUserPermissions } from '@/api/user'
 import store from '@/store'
 import TopLang from './topLang'
 import { mapGetters, mapMutations } from 'vuex'
-
+import {
+  getLinkLinkExpirationTime,
+  getLinkVerificationCodeIsEffective
+} from '@/api/trials'
 export default {
   components: { TopLang },
   data() {
@@ -146,6 +150,7 @@ export default {
     }
     return {
       trialId: '',
+      verify: true,
       form: {
         Sponsor: null, // 申办方
         ResearchProgramNo: null, // 方案号
@@ -202,9 +207,49 @@ export default {
     ])
   },
   mounted() {
-    this.$i18n.locale = this.$route.query.lang
+    let lang = this.$route.query.lang
-    this.setLanguage(this.$route.query.lang)
+    if (!lang) {
+      const language = navigator.language
+      lang = 'zh'
+      if (language === 'en-US') {
+        lang = 'en'
+      }
+    }
+    this.$i18n.locale = lang
+    this.setLanguage(lang)
     this.$updateDictionary()
+    this.getLinkTimeIsExpired()
+  },
+  methods: {
+    ...mapMutations({ setLanguage: 'lang/setLanguage' }),
+    async getLinkTimeIsExpired() {
+      try {
+        let data = {
+          TrialId: this.$route.query.trialId,
+        }
+        let res = await getLinkLinkExpirationTime(data)
+        if (res.IsSuccess) {
+          if (res.Result.IsIsExpired) return this.$confirm(this.$t("trials:researchForm:confirm:linkIsExpired"), '', {
+            type: 'warning'
+          })
+          this.customPrompt()
+        }
+      } catch (err) {
+        console.log(err)
+      }
+    },
+    async getLinkVerificationCodeIsEffective(value) {
+      try {
+        let data = {
+          TrialId: this.$route.query.trialId,
+          LinkVerificationCode: value
+        }
+        let res = await getLinkVerificationCodeIsEffective(data)
+        if (res.IsSuccess) {
+          if (!res.Result.IsEffective) {
+            return false
+          }
+          this.verify = false
           if (this.$route.query.trialId) {
             this.trialId = this.$route.query.trialId
             this.initPage()
@@ -224,9 +269,50 @@ export default {
               this.isNeedUpload = false
             }
           }
+        }
+        return true
+      } catch (err) {
+        return false
+        console.log(err)
+      }
+    },
+    async customPrompt(name) {
+      try {
+        const that = this
+        // 请输入标记名称
+        let message = this.$t('trials:researchForm:message:LinkVerificationCode')
+        const { value } = await this.$prompt(message, '', {
+          showClose: false,
+          cancelButtonText: this.$t('common:button:cancel'),
+          confirmButtonText: this.$t('trials:researchForm:button:saveLinkCode'),
+          showCancelButton: false,
+          closeOnClickModal: false,
+          closeOnPressEscape: false,
+          inputValue: name,
+          beforeClose: async (action, instance, done) => {
+            if (action === 'confirm') {
+              const value = instance.inputValue
+              if (!value) {
+                that.$message.error(this.$t('trials:researchForm:error:noValue'))
+              } else {
+                let flag = await this.getLinkVerificationCodeIsEffective(value)
+                if (!flag) {
+                  that.$message.error(this.$t('trials:researchForm:confirm:isEffective'))
+                } else {
+                  done()
+                }
+              }
+            } else {
+              done()
+            }
+          }
+        })
+        this.getLinkVerificationCodeIsEffective(value)
+      } catch (err) {
+        console.log(err)
+        return null
+      }
     },
-  methods: {
-    ...mapMutations({ setLanguage: 'lang/setLanguage' }),
     // 初始化页面
     async initPage() {
       this.loading = true

src/views/trials/trials-panel/attachments/site-research/index.vue

@@ -184,44 +184,75 @@
     </el-dialog>
     <!-- 调查表链接 -->
     <base-model :config="share_model">
-      <template slot="dialog-body">
+      <template slot="dialog-body" v-loading="shareLoading">
         <el-button size="small" type="primary" style="margin-bottom: 10px;" @click.stop="openImageManual">{{
           $t('trials:researchRecord:label:edit')
         }}</el-button>
         <div style="width: 100%; display: flex">
-          <div class="shareLink">
+          <div class="date">
-            <!-- <div>
+            <el-form :model="shareForm" :rules="rules" ref="shareForm" label-width="100px">
-              <i style="color: #428bca" class="el-icon-success" />
+              <el-form-item :label="$t('trials:researchRecord:label:ExpirationDays')" prop="ExpirationDays">
-              <span>{{
+                <el-radio-group v-model="shareForm.ExpirationDays" @input="shareForm.OtherExpirationDays = null">
-                $t('trials:researchRecord:message:createLinkSuccessfully')
+                  <el-radio :label="1">{{ $t('trials:researchRecord:label:day1') }}</el-radio>
-              }}</span>
+                  <el-radio :label="7">{{ $t('trials:researchRecord:label:day7') }}</el-radio>
-            </div> -->
+                  <el-radio :label="15">{{ $t('trials:researchRecord:label:day15') }}</el-radio>
-            <div style="margin: 10px 0">
+                  <el-radio :label="`default`">{{ $t('trials:researchRecord:label:default') }}
-              <!-- 链接： -->
+                    <el-input placeholder="" type="number" @input="handleInput" v-model="shareForm.OtherExpirationDays"
-              {{ $t('trials:researchRecord:label:link') }}
+                      clearable size="mini" style="width: 60px;" class="dayInput" />
-              <el-input ref="shareLink" v-model="shareLink" readonly type="textarea" autosize />
+                    <span style="margin-left: 10px;">{{ $t('trials:researchRecord:label:day') }}</span>
+                  </el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item :label="$t('trials:researchRecord:label:LinkVerificationCode')" prop="LinkVerificationCode">
+                <el-radio-group v-model="shareForm.LinkVerificationCode"
+                  @input="shareForm.OtherLinkVerificationCode = null">
+                  <el-radio label="researchProgramNo">{{ $t('trials:researchRecord:label:researchProgramNo')
+                  }}</el-radio>
+                  <el-radio label="default">{{ $t('trials:researchRecord:label:default') }}
+                    <el-input placeholder="" type="number" v-model="shareForm.OtherLinkVerificationCode" clearable
+                      size="mini" style="width: 100px;" />
+                  </el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-form>
+            <el-button type="primary" round @click="setLink" style="float: right;">
+              {{ $t('trials:researchRecord:button:setLink') }}
+            </el-button>
           </div>
-            <div>
+          <div class="share">
-              <!-- 复制链接 -->
+            <div class="shareLink">
-              <el-button type="primary" round @click="copyLink" class="shareLinkBtn">
+              <h3>{{ $t('trials:researchRecord:label:link') }}</h3>
+              <el-input ref="shareLink" v-model="shareLink" readonly type="textarea" autosize />
+              <div class="dateBox">
+                <span>{{ $t('trials:researchRecord:label:ValidityPeriod') }}</span>
+                <span>{{ validityPeriod }}</span>
+                <span style="color: red;" v-if="isExpired">({{ $t('trials:researchRecord:label:Expired') }})</span>
+              </div>
+              <el-button type="primary" round @click="copyLink" class="shareLinkBtn"
+                :disabled="!validityPeriod || isExpired">
                 {{ $t('trials:researchRecord:button:copyLink') }}
               </el-button>
             </div>
-          </div>
             <div class="shareCode">
-            <div class="qrCode">
+              <h3>{{ $t('trials:researchRecord:label:shareCode') }}</h3>
+              <div style="display: flex;align-items: center;justify-content: space-between;">
+                <div class="qrCodeBox">
                   <div id="qrcode" ref="qrcode"></div>
                 </div>
                 <div class="codeBtnBox">
-              <el-button @click="handleCopyImg" type="primary" round>{{
+                  <el-button @click="handleCopyImg" type="primary" round :disabled="!validityPeriod || isExpired">{{
                     $t('trials:researchRecord:button:copyCode')
                   }}</el-button>
-              <el-button @click="savePic" round>{{
+                  <el-button @click="savePic" round :disabled="!validityPeriod || isExpired">{{
                     $t('trials:researchRecord:button:savePic')
                   }}</el-button>
                 </div>
               </div>
+
             </div>
+          </div>
+        </div>
+
       </template>
     </base-model>
   </BaseContainer>
@@ -231,6 +262,9 @@ import {
   getTrialSiteSurveyList,
   getTrialSiteSelect,
   abandonSiteSurvey,
+  setTrialLinkExpirationTime,
+  getTrialLinkExpirationTime,
+  getLinkLinkExpirationTime,
 } from '@/api/trials'
 import { changeURLStatic } from '@/utils/history.js'
 import BaseContainer from '@/components/BaseContainer'
@@ -272,14 +306,50 @@ export default {
       share_model: {
         visible: false,
         title: this.$t('trials:researchRecord:title:shark'),
-        width: '800px',
+        width: '1000px',
       },
       shareLink: '',
       researchState: this.$d.ResearchRecord,
       qrcode: null,
+      validityPeriod: null,
+      isExpired: false,
+      shareLoading: false,
+      shareForm: {
+        ExpirationDays: null,
+        OtherExpirationDays: null,
+        LinkVerificationCode: null,
+        OtherLinkVerificationCode: null,
+      },
+      rules: {
+        ExpirationDays: [
+          { required: true, message: this.$t("common:ruleMessage:select"), trigger: 'blur' },
+          {
+            validator: (rule, value, callback) => {
+              if (value === 'default' && !this.shareForm.OtherExpirationDays) {
+                callback(new Error(this.$t("common:ruleMessage:specify")));
+              } else {
+                callback()
+              }
 
+            }, trigger: 'blur'
+          }
+        ],
+        LinkVerificationCode: [
+          { required: true, message: this.$t("common:ruleMessage:select"), trigger: 'blur' },
+          {
+            validator: (rule, value, callback) => {
+              if (value === 'default' && !this.shareForm.OtherLinkVerificationCode) {
+                callback(new Error(this.$t("common:ruleMessage:specify")));
+              } else {
+                callback()
+              }
+
+            }, trigger: 'blur'
+          }
+        ],
+      },
       ImageManualVisible: false,
-      trialSiteSurveyId: null
+      trialSiteSurveyId: null,
     }
   },
   mounted() {
@@ -287,6 +357,77 @@ export default {
     this.getSite()
   },
   methods: {
+    async getLinkTimeIsExpired() {
+      try {
+        let data = {
+          TrialId: this.$route.query.trialId,
+        }
+        this.shareLoading = true
+        let res = await getLinkLinkExpirationTime(data)
+        this.shareLoading = false
+        if (res.IsSuccess) {
+          this.isExpired = res.Result.IsIsExpired
+        }
+      } catch (err) {
+        this.shareLoading = false
+        console.log(err)
+      }
+    },
+    async getLinkTime() {
+      try {
+        let data = {
+          TrialId: this.$route.query.trialId,
+        }
+        this.shareLoading = true
+        let res = await getTrialLinkExpirationTime(data)
+        this.shareLoading = false
+        if (res.IsSuccess) {
+          this.validityPeriod = res.Result.LinkExpirationTime
+          if (!this.validityPeriod) return false
+          this.getLinkTimeIsExpired()
+          this.shareLink = `${location.protocol}//${location.host}/researchLogin?trialId=${this.$route.query.trialId}`
+          this.$nextTick(() => {
+            this.creatQrCode()
+          })
+        }
+      } catch (err) {
+        this.shareLoading = false
+        console.log(err)
+      }
+    },
+    async setLink() {
+      try {
+        let validate = await this.$refs.shareForm.validate()
+        if (!validate) return false
+        let data = {
+          TrialId: this.$route.query.trialId,
+          ExpirationDays: this.shareForm.ExpirationDays,
+          LinkVerificationCode: this.shareForm.LinkVerificationCode
+        }
+        if (this.shareForm.LinkVerificationCode === 'researchProgramNo') {
+          data.LinkVerificationCode = null
+        }
+        if (this.shareForm.LinkVerificationCode === 'default') {
+          data.LinkVerificationCode = this.shareForm.OtherLinkVerificationCode
+        }
+        if (this.shareForm.ExpirationDays === 'default') {
+          data.ExpirationDays = this.shareForm.OtherExpirationDays
+        }
+        this.shareLoading = true
+        let res = await setTrialLinkExpirationTime(data)
+        this.shareLoading = false
+        if (res.IsSuccess) {
+          this.getLinkTime()
+        }
+      } catch (err) {
+        this.shareLoading = false
+        console.log(err)
+      }
+    },
+    handleInput(val) {
+      // 过滤掉非数字字符，并取整为正整数
+      this.shareForm.OtherExpirationDays = val.replace(/[^\d]/g, '').replace(/^0+/, '')
+    },
     openImageManual() {
       // if (!this.trialSiteSurveyId) return false
       this.ImageManualVisible = true
@@ -344,7 +485,7 @@ export default {
       // 中心调研表链接
       this.$copyText(
         `${this.$t('trials:researchRecord:message:researchFormLink')}: ${this.shareLink
-        }`
+        }\n${this.$t('trials:researchRecord:label:ValidityPeriod')}:${this.validityPeriod}`
       )
         .then((res) => {
           // 复制成功
@@ -415,13 +556,18 @@ export default {
     },
     // 展示调查表链接
     showResearchLink() {
-      const trialId = this.trialId
+      this.shareForm = {
-      this.shareLink = `${location.protocol}//${location.host}/researchLogin?trialId=${trialId}&lang=${this.$i18n.locale}`
+        ExpirationDays: null,
+        OtherExpirationDays: null,
+        LinkVerificationCode: null,
+        OtherLinkVerificationCode: null,
+      }
+      this.validityPeriod = null
+      this.isExpired = false
       this.share_model.visible = true
+      this.getLinkTime()
+      // &lang=${this.$i18n.locale}
       // this.trialSiteSurveyId = this.list[0].Id
-      this.$nextTick(() => {
-        this.creatQrCode()
-      })
     },
     // 重置
     handleReset() {
@@ -462,26 +608,35 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.shareLink {
+.date,
-  padding-right: 20px;
+.share {
-  width: 50%;
+  width: 55%;
-  position: relative;
+  height: 100%;
+}
+
+.dayInput {
+  ::v-deep .el-input__inner {
+    padding-left: 5px;
+  }
+}
+
+
+.date {
+  padding-right: 10px;
+}
+
+.share {
+  width: 45%;
+  padding-left: 5%;
+  border-left: 1px solid #000;
+  box-sizing: border-box;
+}
 
 .shareLinkBtn {
-    position: absolute;
+  float: right;
-    bottom: 0px;
-    left: 0px;
-  }
 }
 
-.shareCode {
+.qrCodeBox {
-  width: 50%;
-  border-left: 1px solid #eee;
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-
-  .qrCode {
   width: 220px;
   height: 220px;
   display: flex;
@@ -492,11 +647,15 @@ export default {
   justify-content: center;
 }
 
+.dateBox {
+  margin: 10px;
+}
+
 .codeBtnBox {
-    margin-top: 20px;
+
-    width: 100%;
+  ::v-deep .el-button {
-    display: flex;
+    display: block;
-    justify-content: space-around;
+    margin: 10px auto;
   }
 }
 </style>