diff --git a/src/components/Demonstration/Demonstration.vue b/src/components/Demonstration/Demonstration.vue
new file mode 100644
index 0000000..d38e78a
--- /dev/null
+++ b/src/components/Demonstration/Demonstration.vue
@@ -0,0 +1,71 @@
+<template>
+  <div
+    class="demonstration-box w-full flex flex-nowrap"
+    style="padding: 0 16px"
+    :style="{ backgroundColor: detailValueType === 1 ? '#40a9ff' : '#6ea4d1' }"
+    :class="patientInfo && patientInfo.isInfo ? 'justify-between' : 'justify-center'"
+  >
+    <template v-if="patientInfo && patientInfo.isInfo">
+      <div class="flex">
+        <div style="margin-right: 16px">
+          {{ patientInfo.name ? patientInfo.name : '无名氏' }}
+        </div>
+        <div style="margin-right: 16px">
+          <span v-if="patientInfo && (patientInfo.gender || patientInfo.gender === 0)">
+            {{ patientInfo.gender === 0 ? '女' : '男' }}
+          </span>
+          <span v-else>-</span>
+        </div>
+        <div>
+          {{ patientInfo.age ? patientInfo.age + '岁' : '-' }}
+        </div>
+      </div>
+    </template>
+    <div>
+      <span v-if="detailValueType === 1"> 当前为演示模式 </span>
+    </div>
+  </div>
+</template>
+<script>
+import { mapState, mapMutations } from 'vuex';
+export default {
+  name: 'Demonstration',
+  data() {
+    return {};
+  },
+  computed: mapState('carbasics', ['patientInfo', 'firstAidId', 'detailValueType']),
+  async created() {
+    await this.getData();
+  },
+  methods: {
+    ...mapMutations('carbasics', ['setPatientInfo']),
+    // 获取病例信息
+    async getData() {
+      try {
+        const param = { firstAidId: this.firstAidId };
+        const data = await this.$u.api.getPatient(param);
+        const info = {
+          name: data.name,
+          gender: data.gender,
+          age: data.age,
+          isInfo: true,
+        };
+        this.setPatientInfo(info);
+      } catch (error) {
+        console.log('error: ', error);
+      }
+    },
+  },
+};
+</script>
+<style scoped>
+.demonstration-box {
+  height: 28px;
+  line-height: 28px;
+  text-align: center;
+  position: fixed;
+  color: #fff;
+  top: 0;
+  z-index: 99;
+}
+</style>
diff --git a/src/components/Service/Service.vue b/src/components/Service/Service.vue
index b2a78ee..ecc9456 100644
--- a/src/components/Service/Service.vue
+++ b/src/components/Service/Service.vue
@@ -9,7 +9,7 @@
       <!-- 客服 -->
       <img style="height: 28px; width: 28px" src="./icon/tel-we.png" alt="" />
     </button>
-    <view class="edition">v3.0.0</view>
+    <view class="edition">v3.1.0</view>
   </div>
 </template>
 <script>
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 02344d0..d705279 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -124,8 +124,33 @@ export default {
     },
     // 查看文章详情
     jumpDetail(item) {
-      if (item.articleUrl) {
-        uni.navigateTo({ url: `/pages/detail-webview/detail-webview?jumpUrl=${item.articleUrl}` });
+      // if (item.articleUrl) {
+      //   uni.navigateTo({ url: `/pages/detail-webview/detail-webview?jumpUrl=${item.articleUrl}` });
+      // }
+      const data = item;
+      if (data.articleUrl) {
+        const jumpType = data.jumpType;
+        if (jumpType === 1) {
+          uni.navigateTo({ url: `/pages/detail-webview/detail-webview?jumpUrl=${data.articleUrl}` });
+        } else if (jumpType === 2) {
+          uni.downloadFile({
+            url: data.articleUrl,
+            success: function (res) {
+              var filePath = res.tempFilePath;
+              uni.openDocument({
+                filePath: filePath,
+                showMenu: true,
+              });
+            },
+          });
+        } else if (jumpType === 3) {
+          uni.previewImage({
+            urls: [data.articleUrl],
+            longPressActions: {
+              itemList: ['发送给朋友', '保存图片', '收藏'],
+            },
+          });
+        }
       }
     },
     async getNotice() {
diff --git a/src/pages/info/info.vue b/src/pages/info/info.vue
index 4b85496..e904940 100644
--- a/src/pages/info/info.vue
+++ b/src/pages/info/info.vue
@@ -1,5 +1,6 @@
 <template>
-  <div class="info">
+  <div class="info" style="padding-top: 28px">
+    <Demonstration />
     <div bordered class="list-box bg-white mb-2" v-for="(item, index) in list" :key="index">
       <template v-for="(listItem, listIndex) in item">
         <div class="list-item" :key="listIndex" v-if="getRadioValue(listItem.Fcode) === listItem.isShow">
@@ -59,9 +60,10 @@
 
 <script>
 import { mapState } from 'vuex';
+import Demonstration from 'components/Demonstration/Demonstration';
 
 export default {
-  components: {},
+  components: { Demonstration },
   data: () => ({
     timeSelectparams: {
       // 时间选择器可以选择那个时间
diff --git a/src/pages/inner/inner.vue b/src/pages/inner/inner.vue
index a646820..651a73c 100644
--- a/src/pages/inner/inner.vue
+++ b/src/pages/inner/inner.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="inner">
-    <!-- :style="{ paddingTop: detailValueType === 1 ? '28px' : '' }" -->
+  <div class="inner" :style="{ paddingTop: detailValueType === 1 ? '28px' : '' }">
+    <Demonstration />
     <div class="w-full" v-for="(item, index) in testList" :key="index">
       <template v-if="item.testType === 1">
         <Test
@@ -58,9 +58,10 @@
 import { mapState } from 'vuex';
 import Mixin from './mixin';
 import cloneDeep from 'lodash/cloneDeep';
+import Demonstration from 'components/Demonstration/Demonstration';
 
 export default {
-  components: {},
+  components: { Demonstration },
   mixins: [Mixin],
   data: () => ({
     testList: [],
diff --git a/src/pages/outside/outside.vue b/src/pages/outside/outside.vue
index 6f97064..a8b47bb 100644
--- a/src/pages/outside/outside.vue
+++ b/src/pages/outside/outside.vue
@@ -1,5 +1,6 @@
 <template>
-  <div class="w-full flex flex-col flex-wrap" style="padding-bottom: 20px">
+  <div class="w-full flex flex-col flex-wrap" style="padding-bottom: 20px; padding-top: 28px">
+    <Demonstration />
     <div class="w-full" v-for="(item, index) in testList" :key="index">
       <template v-if="item.testType === 1">
         <Test
@@ -58,10 +59,12 @@
 import { mapState } from 'vuex';
 import Mixin from './mixin';
 import cloneDeep from 'lodash/cloneDeep';
+import Demonstration from 'components/Demonstration/Demonstration';
 
 export default {
   name: 'outside',
   mixins: [Mixin],
+  components: { Demonstration },
   data() {
     return {
       type: 'RYPG', // RYPG(入院评估),ZYJC(主要检查),SSXG(手术相关),CYJL(出院记录),TSCX(特殊出血)
diff --git a/src/pages/patient/patient.vue b/src/pages/patient/patient.vue
index f015660..1f08162 100644
--- a/src/pages/patient/patient.vue
+++ b/src/pages/patient/patient.vue
@@ -1,5 +1,6 @@
 <template>
-  <div class="establish bg-gray-100">
+  <div class="establish bg-gray-100" style="padding-top: 28px">
+    <Demonstration />
     <div bordered class="list-box bg-white" v-for="(item, index) in list" :key="index">
       <div
         class="list-item"
@@ -74,9 +75,10 @@
 
 <script>
 import { mapState, mapGetters, mapMutations } from 'vuex';
+import Demonstration from 'components/Demonstration/Demonstration';
 
 export default {
-  components: {},
+  components: { Demonstration },
   data: () => ({
     action: '',
     codeValue: {
@@ -134,7 +136,7 @@ export default {
   }),
   computed: {
     ...mapGetters('project', ['projectId']),
-    ...mapState('carbasics', ['globalData', 'firstAidId']),
+    ...mapState('carbasics', ['globalData', 'firstAidId', 'detailValueType']),
   },
 
   onLoad(options) {
diff --git a/src/store/carbasics/mutations.js b/src/store/carbasics/mutations.js
index eb268dc..349142c 100644
--- a/src/store/carbasics/mutations.js
+++ b/src/store/carbasics/mutations.js
@@ -53,6 +53,14 @@ const mutations = {
   setBasicData(state, data) {
     state.basicData = data;
   },
+  /**
+   * 存储当前查看的患者信息
+   * @param { object } state
+   * @param { object } data
+   */
+  setPatientInfo(state, data) {
+    state.patientInfo = { ...data };
+  },
 };
 
 export default mutations;
diff --git a/src/store/carbasics/state.js b/src/store/carbasics/state.js
index 0206bfb..1f6375c 100644
--- a/src/store/carbasics/state.js
+++ b/src/store/carbasics/state.js
@@ -6,6 +6,7 @@ const state = {
   InputCode: 'RYPG', // 当前试题录入的类型
   isRefresh: 0, // 是否刷新当前试题界面 监听数值,每次改变一次刷新一次
   basicData: null, // ocr识别到的试题及答案的数据
+  patientInfo: {},
 };
 
 export default state;