zhytech-ui-mobile 1.0.0 → 1.0.2

package/src/pages/dynamicFormExaminationDemo.vue

@@ -0,0 +1,567 @@
+<!--
+ * FilePath     : \src\pages\dynamicFormexaminationDemo.vue
+ * Author       : 苏军志
+ * Date         : 2025-08-23 16:34
+ * LastEditors  : 苏军志
+ * LastEditTime : 2025-09-05 17:45
+ * Description  : 动态表单-试卷模式测试画面
+ * CodeIterationRecord:
+-->
+<template>
+  <wd-config-provider :theme-vars="themeVars" class="y-aline-start h-full">
+    <view class="text-right sons-class-wd-button:m-10px! bg-#FAEBD7">
+      <wd-button type="primary" size="small" @click="formRef?.showAnswerSheet()">答题卡</wd-button>
+      <wd-button type="primary" size="small" @click="console.log(formRef.getDatas())">交卷</wd-button>
+    </view>
+    <view class="flex-auto overflow-hidden">
+      <zhy-form-renderer
+        ref="formRef"
+        :formData="formData"
+        onePageItemFlag
+        showOnePageNavButton
+        realTimeDisplayAnswerMode
+        everyItemDisplayAnalysisSwitch
+      />
+    </view>
+  </wd-config-provider>
+</template>
+<script setup lang="ts">
+const formRef = ref<any>();
+const themeVars = ref(uni.getStorageSync("themeVars"));
+onShow(() => {
+  themeVars.value = uni.getStorageSync("themeVars");
+  uni.setNavigationBarColor({
+    frontColor: "#ffffff",
+    backgroundColor: themeVars.value.colorTheme
+  });
+});
+const formData = ref({
+  props: {
+    formID: "7ee1b184b8994d888ea65f0d1d245f9b",
+    formName: "手术二部基础题库练习（2025-09-04 09:23）",
+    formType: "2",
+    layoutMode: "vertical",
+    size: "small",
+    column: 12,
+    labelWidth: 90,
+    labelPosition: "top"
+  },
+  components: [
+    {
+      type: "groupLayout",
+      id: "62",
+      itemID: "62",
+      itemSourceType: "SettingDictionary",
+      props: {
+        width: 12,
+        showLabel: true,
+        fontSize: 14,
+        isBold: true,
+        showFlag: true,
+        label: "一、多选题",
+        labelNewLine: true,
+        showBorder: true,
+        borderStyle: "solid",
+        borderColor: "#cccccc",
+        borderWidth: 1,
+        paddingLeft: 10
+      },
+      isLayout: true,
+      children: [
+        {
+          type: "checkbox",
+          id: "751",
+          itemID: "751",
+          itemSourceType: "ExaminationQuestion",
+          props: {
+            width: 12,
+            showLabel: true,
+            fontSize: 14,
+            isBold: false,
+            showFlag: true,
+            label: "1、有机磷中毒的抢救措施是",
+            labelNewLine: true,
+            description: "正确答案：迅速清除毒物、口服中毒者应洗胃、应用解磷定、阿托品、预防肺部感染",
+            newLine: true,
+            correctOptions: [
+              "32431d748bce48dba125e0d85ade5da8",
+              "176265897d944db08ebe60cfa09c8011",
+              "ae62443a01714f5e9745d25d33a82891",
+              "4703581a4def4485ae7f8bf0daefb17c"
+            ],
+            options: [
+              {
+                value: "32431d748bce48dba125e0d85ade5da8",
+                label: "A、迅速清除毒物",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "176265897d944db08ebe60cfa09c8011",
+                label: "B、口服中毒者应洗胃",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "ae62443a01714f5e9745d25d33a82891",
+                label: "C、应用解磷定、阿托品",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "4703581a4def4485ae7f8bf0daefb17c",
+                label: "D、预防肺部感染",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "0dcef8618e114b9a86984a6a764f58de",
+                label: "E、注射抗生素",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              }
+            ],
+            examinationStatus: 1
+          },
+          isLayout: false,
+          children: null,
+          fixedItemID: null,
+          sort: 0
+        },
+        {
+          type: "checkbox",
+          id: "752",
+          itemID: "752",
+          itemSourceType: "ExaminationQuestion",
+          props: {
+            width: 12,
+            showLabel: true,
+            fontSize: 14,
+            isBold: false,
+            showFlag: true,
+            label: "2、手术体位不当所引起生理并发症有",
+            labelNewLine: true,
+            description: "正确答案：肺通气不足、血压下降、上呼吸道阻塞、肢体动脉搏动消失、头面部充血水肿",
+            newLine: true,
+            correctOptions: [
+              "37fd70771260424d8e8a5244487737d4",
+              "74aacb3f4f0b4061ae491a7964fd8e64",
+              "f61ba4641b2e4d59acd4fa2691574741",
+              "79cb7a05bcdc437b9a7582eebf47f069",
+              "671aabf644c940018035051f504ea368"
+            ],
+            options: [
+              {
+                value: "37fd70771260424d8e8a5244487737d4",
+                label: "A、肺通气不足",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "74aacb3f4f0b4061ae491a7964fd8e64",
+                label: "B、血压下降",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "f61ba4641b2e4d59acd4fa2691574741",
+                label: "C、上呼吸道阻塞",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "79cb7a05bcdc437b9a7582eebf47f069",
+                label: "D、肢体动脉搏动消失",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "671aabf644c940018035051f504ea368",
+                label: "E、头面部充血水肿",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              }
+            ],
+            examinationStatus: 1
+          },
+          isLayout: false,
+          children: null,
+          fixedItemID: null,
+          sort: 0
+        }
+      ],
+      fixedItemID: null,
+      sort: 0
+    },
+    {
+      type: "groupLayout",
+      id: "63",
+      itemID: "63",
+      itemSourceType: "SettingDictionary",
+      props: {
+        width: 12,
+        showLabel: true,
+        fontSize: 14,
+        isBold: true,
+        showFlag: true,
+        label: "二、单选题",
+        labelNewLine: true,
+        showBorder: true,
+        borderStyle: "solid",
+        borderColor: "#cccccc",
+        borderWidth: 1,
+        paddingLeft: 10
+      },
+      isLayout: true,
+      children: [
+        {
+          type: "radio",
+          id: "744",
+          itemID: "744",
+          itemSourceType: "ExaminationQuestion",
+          props: {
+            width: 12,
+            showLabel: true,
+            fontSize: 14,
+            isBold: false,
+            showFlag: true,
+            label: "1、心肌梗塞的牵涉痛可发生在",
+            labelNewLine: true,
+            description: "正确答案：左肩区",
+            newLine: true,
+            correctOptions: ["6b0f4ca3083349189c9d0a821c03f5e6"],
+            options: [
+              {
+                value: "6b0f4ca3083349189c9d0a821c03f5e6",
+                label: "A、左肩区",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "8cf338debd6c41258b259ebba8835cbf",
+                label: "B、右肩区  ? ",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "8f6e6cc282ec49fa85c26f26585f8f86",
+                label: "C、上腹部  ?",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "f8a9b09ad2834c9faf22e0e23bd3cfcb",
+                label: "D、颈前部",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              }
+            ],
+            examinationStatus: 1
+          },
+          isLayout: false,
+          children: null,
+          fixedItemID: null,
+          sort: 0
+        },
+        {
+          type: "radio",
+          id: "745",
+          itemID: "745",
+          itemSourceType: "ExaminationQuestion",
+          props: {
+            width: 12,
+            showLabel: true,
+            fontSize: 14,
+            isBold: false,
+            showFlag: true,
+            label: "2、病人取被迫卧位是为了",
+            labelNewLine: true,
+            description: "正确答案：减轻痛苦",
+            newLine: true,
+            correctOptions: ["7147d541828b42ee96d9b0abffdf2651"],
+            options: [
+              {
+                value: "acc23c4c670a4dfdb0eea2c9b667ee28",
+                label: "A、保证安全",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "7147d541828b42ee96d9b0abffdf2651",
+                label: "B、减轻痛苦",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "5d139fdc18b340d7b9700f25543bbdc1",
+                label: "C、配合治疗",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "a271b4128a334cc4b0b488f6935b8e35",
+                label: "D、预防并发症",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              }
+            ],
+            examinationStatus: 1
+          },
+          isLayout: false,
+          children: null,
+          fixedItemID: null,
+          sort: 0
+        },
+        {
+          type: "radio",
+          id: "746",
+          itemID: "746",
+          itemSourceType: "ExaminationQuestion",
+          props: {
+            width: 12,
+            showLabel: true,
+            fontSize: 14,
+            isBold: false,
+            showFlag: true,
+            label: "3、在各种卧位中，下列错误的是",
+            labelNewLine: true,
+            description: "正确答案：中凹卧位时，应抬高病人头胸部约 30° 角，抬高下肢约 20° 角",
+            newLine: true,
+            correctOptions: ["74590761b0484a0fab72eef8ec2234a6"],
+            options: [
+              {
+                value: "74590761b0484a0fab72eef8ec2234a6",
+                label: "A、中凹卧位时，应抬高病人头胸部约 30° 角，抬高下肢约 20° 角",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "43cb155107b54bec869f9e2d217f4905",
+                label: "B、半卧位时，应抬高床头支架成 30 ～ 50° 角",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "acf8add81c4e41a291b441a0e7c96667",
+                label: "C、头低足高位，床尾应垫高 15 ～ 30cm",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "7e8e07bc310944c7af28832b4faac118",
+                label: "D、保留灌肠取侧卧位时，病人臀部应垫高 10cm",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              }
+            ],
+            examinationStatus: 1
+          },
+          isLayout: false,
+          children: null,
+          fixedItemID: null,
+          sort: 0
+        },
+        {
+          type: "radio",
+          id: "747",
+          itemID: "747",
+          itemSourceType: "ExaminationQuestion",
+          props: {
+            width: 12,
+            showLabel: true,
+            fontSize: 14,
+            isBold: false,
+            showFlag: true,
+            label: "4、腰穿抽脑脊液后，去枕仰卧头偏一侧的主要目的是",
+            labelNewLine: true,
+            description: "正确答案：预防脑压降低",
+            newLine: true,
+            correctOptions: ["ecaa24ef7b3e47adb1810124f4afee33"],
+            options: [
+              {
+                value: "ecaa24ef7b3e47adb1810124f4afee33",
+                label: "A、预防脑压降低",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "0f77f962f3c34bbc87ffd4c1917a8822",
+                label: "B、减低减轻脑缺氧",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "0c0a88f12e9144ba8fb7cc94b53b3870",
+                label: "C、增加脑血液循环",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "6008b5b780fa49e095c912d409758af9",
+                label: "D、预防脑缺血",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              }
+            ],
+            examinationStatus: 1
+          },
+          isLayout: false,
+          children: null,
+          fixedItemID: null,
+          sort: 0
+        },
+        {
+          type: "radio",
+          id: "748",
+          itemID: "748",
+          itemSourceType: "ExaminationQuestion",
+          props: {
+            width: 12,
+            showLabel: true,
+            fontSize: 14,
+            isBold: false,
+            showFlag: true,
+            label: "5、急性腹膜炎术后取半坐位的主要目的是",
+            labelNewLine: true,
+            description: "正确答案：利于腹腔引流，使感染局限化",
+            newLine: true,
+            correctOptions: ["3f6c129775104c2eb153c3e5a8332c0f"],
+            options: [
+              {
+                value: "047afadfa19d4d44a0d727655c0fdadc",
+                label: "A、利于呼吸运动",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "493953f530844c42829d4fb173632969",
+                label: "B、减轻腹部伤口缝合处的紧张力",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "08e12ec780054cb4a6b5037606ab5275",
+                label: "C、减轻疼痛",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "3f6c129775104c2eb153c3e5a8332c0f",
+                label: "D、利于腹腔引流，使感染局限化",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              }
+            ],
+            examinationStatus: 1
+          },
+          isLayout: false,
+          children: null,
+          fixedItemID: null,
+          sort: 0
+        },
+        {
+          type: "radio",
+          id: "749",
+          itemID: "749",
+          itemSourceType: "ExaminationQuestion",
+          props: {
+            width: 12,
+            showLabel: true,
+            fontSize: 14,
+            isBold: false,
+            showFlag: true,
+            label: "6、中毒较深病人洗胃时应采取",
+            labelNewLine: true,
+            description: "正确答案：左侧卧位",
+            newLine: true,
+            correctOptions: ["6052c0ffa9784b3c968a6136c876da21"],
+            options: [
+              {
+                value: "6052c0ffa9784b3c968a6136c876da21",
+                label: "A、左侧卧位",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "c22c7be000f04cf88e3b216562e8f41b",
+                label: "B、右侧卧位",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "4ee1127b91d8405aa83587df6e53bda3",
+                label: "C、患侧卧位",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "215cf78d16a04d1caadc36963b4585ad",
+                label: "D、半卧位",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              }
+            ],
+            examinationStatus: 1
+          },
+          isLayout: false,
+          children: null,
+          fixedItemID: null,
+          sort: 0
+        },
+        {
+          type: "radio",
+          id: "750",
+          itemID: "750",
+          itemSourceType: "ExaminationQuestion",
+          props: {
+            width: 12,
+            showLabel: true,
+            fontSize: 14,
+            isBold: false,
+            showFlag: true,
+            label: "7、肌肉的等长练习的主要作用",
+            labelNewLine: true,
+            description: "正确答案：不伴有明显的关节运动",
+            newLine: true,
+            correctOptions: ["0b4fce72e89247d18315b9a7fe31ad9a"],
+            options: [
+              {
+                value: "3c5a498c74174f30b64f04085a330edd",
+                label: "A、可改变肌肉长度",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "0b4fce72e89247d18315b9a7fe31ad9a",
+                label: "B、不伴有明显的关节运动",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "211ae62206664c32a6fc2fe3bb45c615",
+                label: "C、可锻炼肌肉收缩对抗一定的负荷",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              },
+              {
+                value: "c1fb684a719e433d86f8b1291472c421",
+                label: "D、作关节的活动锻炼",
+                itemSourceType: "ExaminationQuestionDetail",
+                inputEnable: false
+              }
+            ],
+            examinationStatus: 1
+          },
+          isLayout: false,
+          children: null,
+          fixedItemID: null,
+          sort: 0
+        }
+      ],
+      fixedItemID: null,
+      sort: 0
+    }
+  ],
+  datas: {}
+});
+</script>

package/src/pages.json

@@ -0,0 +1,58 @@
+{
+  "pages": [
+    {
+      "path": "pages/dynamicFormDemo",
+      "style": {
+        "navigationBarTitleText": "问卷示例"
+      }
+    },
+    {
+      "path": "pages/dynamicFormExaminationDemo",
+      "style": {
+        "navigationBarTitleText": "试卷示例"
+      }
+    }
+  ],
+  "globalStyle": {
+    // 横屏配置，全局屏幕旋转设置(仅 APP/微信/QQ小程序)，支持
+    "pageOrientation": "portrait",
+    "navigationBarTextStyle": "white",
+    "navigationBarTitleText": "动态表单组件示例",
+    "navigationBarBackgroundColor": "#4d80f0"
+  },
+  "tabBar": {
+    "iconfontSrc": "static/iconfont/iconfont.ttf",
+    "color": "#000000",
+    "selectedColor": "#ffffff",
+    "backgroundColor": "#4d80f0",
+    "list": [
+      {
+        "pagePath": "pages/dynamicFormDemo",
+        "text": "问卷模式",
+        "iconfont": {
+          "text": "\ue635",
+          "selectedText": "\ue635",
+          "fontSize": "18px",
+          "color": "#000000",
+          "selectedColor": "#ffffff"
+        }
+      },
+      {
+        "pagePath": "pages/dynamicFormExaminationDemo",
+        "text": "试卷模式",
+        "iconfont": {
+          "text": "\ue643",
+          "selectedText": "\ue643",
+          "fontSize": "18px",
+          "color": "#000000",
+          "selectedColor": "#ffffff"
+        }
+      }
+    ]
+  },
+  "easycom": {
+    "custom": {
+      "^wd-(.*)": "wot-design-uni/components/wd-$1/wd-$1.vue"
+    }
+  }
+}

package/src/shime-uni.d.ts

@@ -0,0 +1,6 @@
+export {}
+
+declare module "vue" {
+  type Hooks = App.AppInstance & Page.PageInstance;
+  interface ComponentCustomOptions extends Hooks {}
+}

package/src/uni.scss

@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color: #333; // 基本色
+$uni-text-color-inverse: #fff; // 反色
+$uni-text-color-grey: #999; // 辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable: #c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color: #fff;
+$uni-bg-color-grey: #f8f8f8;
+$uni-bg-color-hover: #f1f1f1; // 点击状态颜色
+$uni-bg-color-mask: rgba(0, 0, 0, 0.4); // 遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color: #c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm: 12px;
+$uni-font-size-base: 14px;
+$uni-font-size-lg: 16;
+
+/* 图片尺寸 */
+$uni-img-size-sm: 20px;
+$uni-img-size-base: 26px;
+$uni-img-size-lg: 40px;
+
+/* Border Radius */
+$uni-border-radius-sm: 2px;
+$uni-border-radius-base: 3px;
+$uni-border-radius-lg: 6px;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 5px;
+$uni-spacing-row-base: 10px;
+$uni-spacing-row-lg: 15px;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 4px;
+$uni-spacing-col-base: 8px;
+$uni-spacing-col-lg: 12px;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2c405a; // 文章标题颜色
+$uni-font-size-title: 20px;
+$uni-color-subtitle: #555; // 二级标题颜色
+$uni-font-size-subtitle: 18px;
+$uni-color-paragraph: #3f536e; // 文章段落颜色
+$uni-font-size-paragraph: 15px;