imeik-bizui 0.2.2 → 0.2.4

package/dist/bizui/src/FieldAgreementUpload/index.vue

@@ -0,0 +1,25 @@
+<template>
+  <div class="page-view">
+    <el-button type="text" class="file-button">下载协议模版</el-button>
+    <ImFieldFileUpload v-model="myValue" :attrs="attrs"></ImFieldFileUpload>
+  </div>
+</template>
+
+<script>
+export default {
+  name: '',
+  data() {
+    return {
+      myValue: [],
+      attrs: {}
+    }
+  },
+  mounted() {},
+  methods: {}
+}
+</script>
+<style lang="scss" scoped>
+.file-button {
+  margin-bottom: 10px;
+}
+</style>

package/dist/bizui/src/FieldApplyTypeView/data.js

@@ -0,0 +1,676 @@
+/**
+ * 正式用起来，需要在不同类型的表单页面传进来不同的数据
+ * 不同申请类型对应的value值不同。
+ * 1: 小样产品临床应用
+ * 2: 产品临床应用方案研究
+ * 3: 临床科研合作研究
+ * 4: 上市后大样本临床研究
+ */
+const typeItems = {
+  1: [
+    {
+      type: 'FieldEmpty',
+      span: 18,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'yusuankemu',
+      label: '预算科目',
+      attrs: {
+        disabled: true
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'chukuleixing',
+      label: 'ERP出库类型',
+      attrs: {
+        disabled: true
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'yanjiubianhao',
+      label: '上市后临床研究项目编号',
+      attrs: {
+        disabled: true
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 6,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImSlot',
+      prop: 'doctor',
+      span: 24,
+      label: '医生姓名和职务',
+      rules: [{ required: true, message: '请选择医生' }],
+      slots: {
+        slot: 'selectDoctor'
+      }
+    },
+    {
+      type: 'FieldDateSelect',
+      prop: 'zhusheshijian',
+      label: '计划产品注射日期',
+      rules: [{ required: true, message: '请选择计划产品注射日期' }],
+      attrs: {
+        placeholder: '选择日期',
+        style: {
+          width: '100%'
+        }
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 18,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'motexinxi',
+      label: '模特信息及注射部位',
+      rules: [{ required: true, message: '请输入模特信息及注射部位' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        placeholder: '需包含模特数量，来源（院内/院外），角色'
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 18,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'FieldDatePicker',
+      prop: 'kaishishijian',
+      span: 12,
+      attrs: {
+        labelArray: ['承诺目标开始时间', '承诺目标结束时间']
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 12,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'goals',
+      label: '承诺目标',
+      rules: [{ required: true, message: '请输入承诺目标' }],
+      attrs: {
+        type: 'textarea',
+        rows: 4,
+        placeholder: '注明：在上述时间断内可完成多少提货'
+      }
+    }
+  ],
+  2: [
+    {
+      type: 'FieldEmpty',
+      span: 18,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'yusuankemu',
+      label: '预算科目',
+      attrs: {
+        disabled: true
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'chukuleixing',
+      label: 'ERP出库类型',
+      attrs: {
+        disabled: true
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'yanjiubianhao',
+      label: '上市后临床研究项目编号',
+      attrs: {
+        disabled: true
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 6,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'xaungmumingcheng',
+      rules: [{ required: true, message: '请输入项目名称' }],
+      label: '项目名称',
+      attrs: {
+        placeholder: '即方案名称：例如濡白天使软型号产品验证方'
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 18,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImRadio',
+      prop: 'yanjiu',
+      label: '研究方案是否通过公司领导层审核',
+      rules: [{ required: true, message: '请选择研究方案是否通过公司领导层审核' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        options: [
+          {
+            label: '是',
+            value: '是'
+          },
+          {
+            label: '否',
+            value: '否'
+          },
+          {
+            label: '不适用',
+            value: '不适用'
+          }
+        ]
+      }
+    },
+    {
+      type: 'ImRadio',
+      prop: 'qianshu',
+      label: '是否签署合作协议或技术服务合同',
+      rules: [{ required: true, message: '请选择是否签署合作协议或技术服务合同' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        options: [
+          {
+            label: '是',
+            value: '是'
+          },
+          {
+            label: '否',
+            value: '否'
+          },
+          {
+            label: '不适用',
+            value: '不适用'
+          }
+        ]
+      }
+    },
+    {
+      type: 'ImRadio',
+      prop: 'jigou',
+      label: '是否需要机构伦理委员会审批及审批结果',
+      rules: [{ required: true, message: '请选择是否需要机构伦理委员会审批及审批结果' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        options: [
+          {
+            label: '是',
+            value: '是'
+          },
+          {
+            label: '否',
+            value: '否'
+          },
+          {
+            label: '不适用',
+            value: '不适用'
+          }
+        ]
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 6,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'zhouqi',
+      label: '研究周期与预期成果',
+      rules: [{ required: true, message: '请输入研究周期与预期成果' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        type: 'textarea',
+        rows: 4,
+        placeholder: '举例：收集受试者灯**例，术前术后照片等'
+      }
+    }
+  ],
+  3: [
+    {
+      type: 'FieldEmpty',
+      span: 18,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'yusuankemu',
+      label: '预算科目',
+      attrs: {
+        disabled: true
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'chukuleixing',
+      label: 'ERP出库类型',
+      attrs: {
+        disabled: true
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'yanjiubianhao',
+      label: '上市后临床研究项目编号',
+      attrs: {
+        disabled: true
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 6,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'xaungmumingcheng',
+      rules: [{ required: true, message: '请输入项目名称' }],
+      label: '项目名称',
+      attrs: {
+        placeholder: '即方案名称：例如濡白天使软型号产品验证方案【本方案必须石总审批后的】'
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 18,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImRadio',
+      prop: 'yanjiu',
+      label: '研究方案是否通过公司领导层审核',
+      rules: [{ required: true, message: '请选择研究方案是否通过公司领导层审核' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        options: [
+          {
+            label: '是',
+            value: '是'
+          },
+          {
+            label: '否',
+            value: '否'
+          },
+          {
+            label: '不适用',
+            value: '不适用'
+          }
+        ]
+      }
+    },
+    {
+      type: 'ImRadio',
+      prop: 'qianshu',
+      label: '是否签署合作协议或技术服务合同',
+      rules: [{ required: true, message: '请选择是否签署合作协议或技术服务合同' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        options: [
+          {
+            label: '是',
+            value: '是'
+          },
+          {
+            label: '否',
+            value: '否'
+          },
+          {
+            label: '不适用',
+            value: '不适用'
+          }
+        ]
+      }
+    },
+    {
+      type: 'ImRadio',
+      prop: 'jigou',
+      label: '是否需要机构伦理委员会审批及审批结果',
+      rules: [{ required: true, message: '请选择是否需要机构伦理委员会审批及审批结果' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        options: [
+          {
+            label: '是',
+            value: '是'
+          },
+          {
+            label: '否',
+            value: '否'
+          },
+          {
+            label: '不适用',
+            value: '不适用'
+          }
+        ]
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 6,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'zhouqi',
+      label: '研究周期与预期成果',
+      rules: [{ required: true, message: '请输入研究周期与预期成果' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        type: 'textarea',
+        rows: 4,
+        placeholder: '举例：收集受试者灯**例，术前术后照片等'
+      }
+    }
+  ],
+  4: [
+    {
+      type: 'FieldEmpty',
+      span: 18,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'yusuankemu',
+      label: '预算科目',
+      attrs: {
+        disabled: true
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'chukuleixing',
+      label: 'ERP出库类型',
+      attrs: {
+        disabled: true
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'yanjiubianhao',
+      label: '上市后临床研究项目编号',
+      attrs: {
+        disabled: true
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 6,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'xaungmumingcheng',
+      rules: [{ required: true, message: '请输入项目名称' }],
+      label: '项目名称',
+      attrs: {
+        placeholder: '即方案名称：例如濡白天使软型号产品验证方案【本方案必须石总审批后的】'
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 18,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImRadio',
+      prop: 'yanjiu',
+      label: '研究方案是否通过公司领导层审核',
+      rules: [{ required: true, message: '请选择研究方案是否通过公司领导层审核' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        options: [
+          {
+            label: '是',
+            value: '是'
+          },
+          {
+            label: '否',
+            value: '否'
+          },
+          {
+            label: '不适用',
+            value: '不适用'
+          }
+        ]
+      }
+    },
+    {
+      type: 'ImRadio',
+      prop: 'qianshu',
+      label: '是否签署合作协议或技术服务合同',
+      rules: [{ required: true, message: '请选择是否签署合作协议或技术服务合同' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        options: [
+          {
+            label: '是',
+            value: '是'
+          },
+          {
+            label: '否',
+            value: '否'
+          },
+          {
+            label: '不适用',
+            value: '不适用'
+          }
+        ]
+      }
+    },
+    {
+      type: 'ImRadio',
+      prop: 'jigou',
+      label: '是否需要机构伦理委员会审批及审批结果',
+      rules: [{ required: true, message: '请选择是否需要机构伦理委员会审批及审批结果' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        options: [
+          {
+            label: '是',
+            value: '是'
+          },
+          {
+            label: '否',
+            value: '否'
+          },
+          {
+            label: '不适用',
+            value: '不适用'
+          }
+        ]
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 6,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'fuzeren',
+      label: '爱美客研究负责人',
+      attrs: {
+        style: {
+          width: '100%'
+        }
+      }
+    },
+    {
+      type: 'FieldEmpty',
+      span: 18,
+      label: '',
+      attrs: {
+        style: {
+          height: '66px'
+        }
+      }
+    },
+    {
+      type: 'ImInput',
+      prop: 'zhouqi',
+      label: '研究周期与预期成果',
+      rules: [{ required: true, message: '请输入研究周期与预期成果' }],
+      attrs: {
+        style: {
+          width: '100%'
+        },
+        type: 'textarea',
+        rows: 4,
+        placeholder: '举例：收集受试者灯**例，术前术后照片等'
+      }
+    }
+  ]
+}
+export const getTypeItems = (type, isView = true) => {
+  if (!typeItems[type]) {
+    console.warn(`申请类型不能为空: ${type}`)
+    return []
+  }
+
+  try {
+    return typeItems[type].map((item) => {
+      const newItem = { ...item }
+      newItem.attrs = {
+        ...newItem.attrs,
+        isView
+      }
+
+      if (item.rules && isView) {
+        item.rules.forEach((rule) => (rule.required ? (rule.required = false) : null))
+      }
+
+      return newItem
+    })
+  } catch (e) {
+    console.error('获取申请类型子项错误:', e)
+    return []
+  }
+}