index.vue 60 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915
  1. <template>
  2. <z-paging class="" ref="paging" bgColor="#f7f7f7" paging-class="paging-btm-shadow" safe-area-inset-bottom scroll-with-animation>
  3. <template #top>
  4. <ut-navbar :title="did ? '编辑种源入库' : '新增种源入库'" :fixed="false" border></ut-navbar>
  5. </template>
  6. <up-form class="p-rtv" labelPosition="top" :model="form" :rules="rules" labelWidth="auto" ref="upFormRef">
  7. <!-- 种源信息(复制自 info-edit 字段与顺序) -->
  8. <!-- 非溯源入库编辑 -->
  9. <template v-if="form.instoreType == '2'">
  10. <view class="pd-24">
  11. <view class="startline-title">种源信息</view>
  12. </view>
  13. <view class="pd-24 bg-#fff">
  14. <!-- 基本信息 -->
  15. <view class="h-1" id="seedTypepppp"></view>
  16. <ut-action-sheet :tabs="pt_seed_type" mode="custom" title="种源类型" v-model="form.seedType">
  17. <up-form-item borderBottom label="种源类型" required prop="seedType">
  18. <view v-if="form.seedType" class="f-s-30 c-333 f-w-5 flex1">{{ selectDictLabel(pt_seed_type, form.seedType) }}</view>
  19. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择种源类型</view>
  20. <template #right>
  21. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  22. </template>
  23. </up-form-item>
  24. </ut-action-sheet>
  25. <view class="h-1" id="varietyIdpppp"></view>
  26. <up-form-item borderBottom label="物种基原" required prop="varietyId">
  27. <view class="flex1">
  28. <up-button v-if="!form.varietyId" @click="selectVarietyId" type="primary" plain>
  29. <image class="w-36 h-36 mr-10" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/common/select_push_icon.png" mode="widthFix" />
  30. <span>请选择物种基原</span>
  31. </up-button>
  32. <view v-else class="bg-#FBFDFB card-info-block pd-24 p-rtv">
  33. <view class="mb-16">
  34. <span class="f-s-34 c-#333 f-w-5 mr-16">{{ form?.varietyInfo?.varietyName }}</span>
  35. <span class="f-s-24 c-#666">{{ form?.varietyInfo?.latinName }}</span>
  36. </view>
  37. <view class="mb-16">
  38. <span class="f-s-28 c-#333 f-w-5 mr-16">{{ form?.varietyInfo?.genusName }}</span>
  39. <span class="f-s-24 c-#666">{{ form?.varietyInfo?.genusLatinName }}</span>
  40. </view>
  41. <view v-if="form?.varietyInfo?.medicineName" class="f-s-24 c-#666">产出:{{ form?.varietyInfo?.medicineName }}</view>
  42. <view
  43. class="close-icon pd-16"
  44. @click="
  45. form.varietyId = '';
  46. form.varietyInfo = null;
  47. "
  48. >
  49. <up-icon color="#F81242" name="close" size="32rpx"></up-icon>
  50. </view>
  51. </view>
  52. </view>
  53. </up-form-item>
  54. <up-form-item borderBottom label="具体品种/品系名称" prop="seedName">
  55. <up-input v-model="form.seedName" placeholder="请输入具体品种/品系名称" border="none" clearable></up-input>
  56. </up-form-item>
  57. <view class="h-1" id="seedSourcepppp"></view>
  58. <ut-action-sheet :tabs="pt_seed_source_tag" mode="custom" title="种源来源" v-model="form.seedSource">
  59. <up-form-item borderBottom label="种源来源" required prop="seedSource">
  60. <view v-if="form.seedSource" class="f-s-30 c-333 f-w-5 flex1">{{ selectDictLabel(pt_seed_source, form.seedSource) }}</view>
  61. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择种源来源</view>
  62. <template #right>
  63. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  64. </template>
  65. </up-form-item>
  66. </ut-action-sheet>
  67. <view class="h-1" id="motherFatherFlagpppp"></view>
  68. <ut-action-sheet :tabs="pt_mother_father_flag" mode="custom" title="父母本情况" v-model="form.instoreBizInfo.motherFatherFlag">
  69. <template v-if="['A3', 'A4'].includes(form.seedType as string) || ['3'].includes(form.seedSource as string)">
  70. <up-form-item borderBottom label="父母本情况" prop="motherFatherFlag" required>
  71. <view v-if="form.instoreBizInfo.motherFatherFlag" class="f-s-30 c-333 f-w-5 flex1">{{ selectDictLabel(pt_mother_father_flag, form.instoreBizInfo.motherFatherFlag) }}</view>
  72. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择父母本情况</view>
  73. <template #right>
  74. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  75. </template>
  76. </up-form-item>
  77. </template>
  78. <template v-else>
  79. <up-form-item borderBottom label="父母本情况">
  80. <view v-if="form.instoreBizInfo.motherFatherFlag" class="f-s-30 c-333 f-w-5 flex1">{{ selectDictLabel(pt_mother_father_flag, form.instoreBizInfo.motherFatherFlag) }}</view>
  81. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择父母本情况</view>
  82. <template #right>
  83. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  84. </template>
  85. </up-form-item>
  86. </template>
  87. </ut-action-sheet>
  88. <template>
  89. <!-- 父本品种 -->
  90. <up-form-item v-if="form?.instoreBizInfo?.motherFatherFlag == '2'" borderBottom label="父本品种" prop="fatherVarietyId">
  91. <view class="flex1">
  92. <up-button v-if="!form.instoreBizInfo.fatherVarietyId" @click="selectFatherVarietyId" type="primary" plain>
  93. <image class="w-36 h-36 mr-10" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/common/select_push_icon.png" mode="widthFix" />
  94. <span>请选择父本品种</span>
  95. </up-button>
  96. <view v-else class="bg-#FBFDFB card-info-block pd-24 p-rtv">
  97. <view class="mb-16">
  98. <span class="f-s-34 c-#333 f-w-5 mr-16">{{ form?.instoreBizInfo?.fatherVarietyInfo?.varietyName }}</span>
  99. <span class="f-s-24 c-#666">{{ form?.instoreBizInfo?.fatherVarietyInfo?.latinName }}</span>
  100. </view>
  101. <view class="mb-16">
  102. <span class="f-s-28 c-#333 f-w-5 mr-16">{{ form?.instoreBizInfo?.fatherVarietyInfo?.genusName }}</span>
  103. <span class="f-s-24 c-#666">{{ form?.instoreBizInfo?.fatherVarietyInfo?.genusLatinName }}</span>
  104. </view>
  105. <view v-if="form?.varietyInfo?.medicineName" class="f-s-24 c-#666">产出:{{ form?.instoreBizInfo?.fatherVarietyInfo?.medicineName }}</view>
  106. <view
  107. class="close-icon pd-16"
  108. @click="
  109. form.instoreBizInfo.fatherVarietyId = '';
  110. form.instoreBizInfo.fatherVarietyInfo = null;
  111. "
  112. >
  113. <up-icon color="#F81242" name="close" size="32rpx"></up-icon>
  114. </view>
  115. </view>
  116. </view>
  117. </up-form-item>
  118. <!-- 母本品种 -->
  119. <up-form-item borderBottom label="母本品种" prop="motherVarietyId">
  120. <view class="flex1">
  121. <up-button v-if="!form.instoreBizInfo.motherVarietyId" @click="selectMotherVarietyId" type="primary" plain>
  122. <image class="w-36 h-36 mr-10" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/common/select_push_icon.png" mode="widthFix" />
  123. <span>请选择母本品种</span>
  124. </up-button>
  125. <view v-else class="bg-#FBFDFB card-info-block pd-24 p-rtv mt-16">
  126. <view class="mb-16">
  127. <span class="f-s-34 c-#333 f-w-5 mr-16">{{ form?.instoreBizInfo?.motherVarietyInfo?.varietyName }}</span>
  128. <span class="f-s-24 c-#666">{{ form?.instoreBizInfo?.motherVarietyInfo?.latinName }}</span>
  129. </view>
  130. <view class="mb-16">
  131. <span class="f-s-28 c-#333 f-w-5 mr-16">{{ form?.instoreBizInfo?.motherVarietyInfo?.genusName }}</span>
  132. <span class="f-s-24 c-#666">{{ form?.instoreBizInfo?.motherVarietyInfo?.genusLatinName }}</span>
  133. </view>
  134. <view v-if="form?.varietyInfo?.medicineName" class="f-s-24 c-#666">产出:{{ form?.instoreBizInfo?.motherVarietyInfo?.medicineName }}</view>
  135. <view
  136. class="close-icon pd-16"
  137. @click="
  138. form.instoreBizInfo.motherVarietyId = '';
  139. form.instoreBizInfo.motherVarietyInfo = null;
  140. "
  141. >
  142. <up-icon color="#F81242" name="close" size="32rpx"></up-icon>
  143. </view>
  144. </view>
  145. </view>
  146. </up-form-item>
  147. </template>
  148. <view class="h-1" id="genCountpppp"></view>
  149. <view class="h-1" id="genUnitpppp"></view>
  150. <template v-if="['A3', 'A4'].includes(form.seedType as string)">
  151. <up-form-item :label="`${genCountMap[form.seedType as 'A3' | 'A4']}`" required class="form-item-bottom-padding-0">
  152. <view class="d-flex flex1">
  153. <view class="flex1 ov-hd">
  154. <up-form-item prop="genCount" border-bottom class="form-item-top-padding-0">
  155. <up-input v-model="form.instoreBizInfo.genCount" :placeholder="`请输入${genCountMap[form.seedType as 'A3' | 'A4']}`" border="none" clearable></up-input>
  156. </up-form-item>
  157. </view>
  158. <view class="pd-5"></view>
  159. <view class="min-w-200">
  160. <ut-action-sheet v-model="form.instoreBizInfo.genUnit" :tabs="pt_gen_unit" mode="custom" title="选择单位">
  161. <up-form-item prop="genUnit" border-bottom class="form-item-top-padding-0">
  162. <view class="flex1" style="line-height: 24px">
  163. <view v-if="form.instoreBizInfo.genUnit" class="f-s-30 c-333 f-w-5 text-center">{{ selectDictLabel(pt_gen_unit, form.instoreBizInfo.genUnit) }}</view>
  164. <view v-else class="f-s-30 c-ccc f-w-4 text-center">单位</view>
  165. </view>
  166. <template #right>
  167. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  168. </template>
  169. </up-form-item>
  170. </ut-action-sheet>
  171. </view>
  172. </view>
  173. </up-form-item>
  174. </template>
  175. <template v-else>
  176. <up-form-item label="繁衍世代" class="form-item-bottom-padding-0">
  177. <view class="d-flex flex1">
  178. <view class="flex1 ov-hd">
  179. <up-form-item border-bottom class="form-item-top-padding-0">
  180. <up-input v-model="form.instoreBizInfo.genCount" placeholder="请输入繁衍世代" border="none" clearable></up-input>
  181. </up-form-item>
  182. </view>
  183. <view class="pd-5"></view>
  184. <view class="min-w-200">
  185. <ut-action-sheet v-model="form.instoreBizInfo.genUnit" :tabs="pt_gen_unit" mode="custom" title="选择单位">
  186. <up-form-item border-bottom class="form-item-top-padding-0">
  187. <view class="flex1" style="line-height: 24px">
  188. <view v-if="form.instoreBizInfo.genUnit" class="f-s-30 c-333 f-w-5 text-center">{{ selectDictLabel(pt_gen_unit, form.instoreBizInfo.genUnit) }}</view>
  189. <view v-else class="f-s-30 c-ccc f-w-4 text-center">单位</view>
  190. </view>
  191. <template #right>
  192. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  193. </template>
  194. </up-form-item>
  195. </ut-action-sheet>
  196. </view>
  197. </view>
  198. </up-form-item>
  199. </template>
  200. <view class="h-1" id="entrustIdpppp"></view>
  201. <up-form-item borderBottom label="受托单位" prop="entrustId" required>
  202. <view class="flex1">
  203. <ContactUnitInput v-model="form.entrustId" v-model:info="form.entrustInfo" :params="{ cpyType: '2' }" title="选择受托单位" placeholder="请选择受托单位信息"></ContactUnitInput>
  204. </view>
  205. </up-form-item>
  206. <!-- 入库数量与单位 -->
  207. <view class="h-1" id="capacitypppp"></view>
  208. <view class="h-1" id="unitpppp"></view>
  209. <up-form-item label="入库量" prop="capacity" required class="form-item-bottom-padding-0">
  210. <view class="f-s-30 c-999 f-w-5 flex1">{{ form?.capacity }}{{ form?.unit }}</view>
  211. </up-form-item>
  212. <!-- 检验报告与供应商信息 -->
  213. <up-form-item borderBottom label="检验报告" prop="examinReport">
  214. <ut-upload v-model="form.examinReport" :max-count="50" valueType="array" accept="image,file"></ut-upload>
  215. </up-form-item>
  216. <template v-if="['2', '3'].includes(form.seedSource as string)">
  217. <up-form-item borderBottom label="供应商" prop="supplierId" required>
  218. <view class="flex1">
  219. <ContactUnitInput v-model="form.supplierId" v-model:info="form.supplierInfo" :params="{ cpyType: '4' }" title="选择供应商" placeholder="请选择供应商信息"></ContactUnitInput>
  220. </view>
  221. </up-form-item>
  222. <up-form-item borderBottom label="供应商是否是生产商" prop="supplierProducerFlag">
  223. <up-radio-group v-model="form.supplierProducerFlag" >
  224. <up-radio :customStyle="{ marginRight: '60rpx' }" v-for="(item, index) in yes_no" :key="index" :label="item.label" :name="item.value"></up-radio>
  225. </up-radio-group>
  226. </up-form-item>
  227. <up-form-item borderBottom label="生产商" prop="producer">
  228. <up-input v-model="form.producer" placeholder="请输入生产商名称" border="none" clearable></up-input>
  229. </up-form-item>
  230. </template>
  231. <!-- 菌种编码信息 -->
  232. <up-form-item required v-if="['A4', 'A8'].includes(form.seedType as string)" :label="`${selectDictLabel(pt_seed_type, form.seedType as string)}编号`" class="form-item-bottom-padding-0">
  233. <view class="d-flex flex1">
  234. <view class="flex1">
  235. <ut-action-sheet v-model="form.fungusCodeType" :tabs="pt_fungus_code_type" mode="custom" title="选择单位">
  236. <up-form-item prop="fungusCodeType" border-bottom class="form-item-top-padding-0">
  237. <view class="flex1" style="line-height: 24px">
  238. <view v-if="form.fungusCodeType" class="f-s-30 c-333 f-w-5">{{ selectDictLabel(pt_fungus_code_type, form.fungusCodeType) }}</view>
  239. <view v-else class="f-s-30 c-ccc f-w-4">选择编号类型</view>
  240. </view>
  241. <template #right>
  242. <up-icon class="pr-20" size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  243. </template>
  244. </up-form-item>
  245. </ut-action-sheet>
  246. </view>
  247. <view class="pd-5"></view>
  248. <view class="flex1">
  249. <up-form-item prop="fungusCode" border-bottom class="form-item-top-padding-0">
  250. <up-input v-model="form.fungusCode" placeholder="输入数字小数点" border="none" clearable></up-input>
  251. </up-form-item>
  252. </view>
  253. </view>
  254. </up-form-item>
  255. <!-- 个体标识:此处仅占位,后续可改为多选列表 -->
  256. <view class="h-1" id="idFlagpppp"></view>
  257. <up-form-item borderBottom label="是否有个体标识" prop="idFlag" required>
  258. <up-radio-group v-model="form.instoreBizInfo.idFlag">
  259. <up-radio :customStyle="{ marginRight: '60rpx' }" v-for="(item, index) in yes_no" :key="index" :label="item.label" :name="item.value"></up-radio>
  260. </up-radio-group>
  261. </up-form-item>
  262. <!-- 个体标识:此处仅占位,后续可改为多选列表 -->
  263. <view class="h-1" id="animalspppp"></view>
  264. <template v-if="+form?.instoreBizInfo?.idFlag">
  265. <up-form-item borderBottom label="个体标识号" prop="animals" required>
  266. <AnimalsInput v-model="form.instoreBizInfo.animals"></AnimalsInput>
  267. </up-form-item>
  268. </template>
  269. <!-- 保藏方法 -->
  270. <up-form-item borderBottom label="保藏方法" prop="storageMethod">
  271. <up-input v-model="form.instoreBizInfo.storageMethod" placeholder="请输入保藏方法" border="none" clearable></up-input>
  272. </up-form-item>
  273. <!-- 媒体与附件 -->
  274. <up-form-item borderBottom label="种源图片" prop="imgs">
  275. <ut-upload v-model="form.imgs" :max-count="9" valueType="string"></ut-upload>
  276. </up-form-item>
  277. <up-form-item borderBottom label="种源视频" prop="vedios">
  278. <ut-upload v-model="form.vedios" :max-count="3" accept="video" valueType="string"></ut-upload>
  279. </up-form-item>
  280. <!-- 种源产地 -->
  281. <PickerAreaInput v-model="form.adcode" v-model:full-name="form.adcodeName" title="选择种源产地">
  282. <up-form-item borderBottom label="种源产地" prop="adcode">
  283. <view v-if="form.adcode" class="f-s-30 c-333 f-w-5 flex1">{{ form.adcodeName }}</view>
  284. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择种源产地</view>
  285. <template #right>
  286. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  287. </template>
  288. </up-form-item>
  289. </PickerAreaInput>
  290. <ut-action-sheet :tabs="pt_breeding_materials" mode="custom" title="繁殖材料" multiple v-model="form.generationMaterial">
  291. <up-form-item borderBottom label="繁殖材料" prop="generationMaterial">
  292. <view v-if="form.generationMaterial" class="f-s-30 c-333 f-w-5 flex1">{{ selectDictLabels(pt_breeding_materials, form.generationMaterial, ',') }}</view>
  293. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择繁殖材料</view>
  294. <template #right>
  295. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  296. </template>
  297. </up-form-item>
  298. </ut-action-sheet>
  299. <PickerAreaInput v-model="form.generationAdcode" v-model:full-name="form.generationAdcodeName" :maxLevel="4" title="选择繁殖地点/采集地点">
  300. <up-form-item borderBottom label="繁殖地点/采集地点" prop="generationAdcode">
  301. <view v-if="form.generationAdcode" class="f-s-30 c-333 f-w-5 flex1">{{ form.generationAdcodeName }}</view>
  302. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择繁殖地点/采集地点</view>
  303. <template #right>
  304. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  305. </template>
  306. </up-form-item>
  307. </PickerAreaInput>
  308. <!-- 资质证明附件(暂按上传控件处理,可后续细化) -->
  309. <up-form-item borderBottom label="物种鉴定证书" prop="spCert">
  310. <ut-upload v-model="form.spCert" :max-count="9" valueType="array" accept="file"></ut-upload>
  311. </up-form-item>
  312. <!-- 检疫信息 -->
  313. <up-form-item borderBottom label="种源检疫证号" prop="seedCheckSn">
  314. <up-input v-model="form.seedCheckSn" placeholder="请输入种源检疫证号" border="none" clearable></up-input>
  315. </up-form-item>
  316. <up-form-item borderBottom label="种源检疫证书" prop="seedCheckCert">
  317. <ut-upload v-model="form.seedCheckCert" :max-count="9" valueType="array" accept="file"></ut-upload>
  318. </up-form-item>
  319. </view>
  320. <view class="pd-24">
  321. <view class="startline-title">入库信息</view>
  322. </view>
  323. <view class="pd-24 bg-#fff">
  324. <!-- 种源级别 -->
  325. <up-form-item borderBottom label="种源级别" prop="seedLevel">
  326. <up-input v-model="form.seedLevel" placeholder="请输入种源级别" border="none" clearable></up-input>
  327. </up-form-item>
  328. <!-- 入库类型 -->
  329. <up-form-item borderBottom label="入库类型" required prop="instoreType">
  330. <view v-if="form.instoreType" class="f-s-30 c-999 f-w-5 flex1">{{ selectDictLabel(pt_seed_instore_type, form.instoreType) }}</view>
  331. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择入库类型</view>
  332. </up-form-item>
  333. <!-- 入库日期 -->
  334. <view class="h-1" id="instoreDatepppp"></view>
  335. <ut-datetime-picker v-model="form.instoreBizInfo.instoreDate" :maxDate="new Date()" mode="date">
  336. <up-form-item borderBottom label="入库日期" required prop="instoreDate">
  337. <up-input v-model="form.instoreBizInfo.instoreDate" readonly placeholder="请选择入库日期" border="none" clearable></up-input>
  338. <template #right>
  339. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  340. </template>
  341. </up-form-item>
  342. </ut-datetime-picker>
  343. <!-- 入库批号 -->
  344. <up-form-item borderBottom label="入库批号" required prop="batchCode">
  345. <view class="f-s-30 c-999 f-w-5 flex1">{{ form.batchCode }}</view>
  346. </up-form-item>
  347. <!-- 库房类型 -->
  348. <up-form-item borderBottom label="库房类型" prop="storageType" required>
  349. <view v-if="form.storageType" class="f-s-30 c-999 f-w-5 flex1">{{ selectDictLabel(pt_warehouse_type, form.storageType) }}</view>
  350. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择库房类型</view>
  351. </up-form-item>
  352. <!-- 存放库房(具体库房/货架信息稍后补充为选择器) -->
  353. <up-form-item borderBottom label="存放库房" prop="warehouses">
  354. <select-warehouse-input v-model="form.warehouses" title="添加种源存放库房" :params="{ type: '2' }"></select-warehouse-input>
  355. </up-form-item>
  356. <!-- 入库人 -->
  357. <up-form-item borderBottom label="入库人" required prop="instoreMg">
  358. <up-input v-model="form.instoreBizInfo.instoreMg" placeholder="请输入入库人" border="none" clearable></up-input>
  359. </up-form-item>
  360. <!-- 入库备注 -->
  361. <up-form-item borderBottom label="入库备注" prop="remark">
  362. <up-textarea v-model="form.instoreBizInfo.remark" placeholder="请输入入库备注" autoHeight></up-textarea>
  363. </up-form-item>
  364. </view>
  365. </template>
  366. <template v-if="form.instoreType == '3'">
  367. <view class="pd-24">
  368. <view class="startline-title">种源信息</view>
  369. </view>
  370. <view class="pd-24 bg-#fff">
  371. <!-- 基本信息 -->
  372. <view class="h-1" id="seedTypepppp"></view>
  373. <up-form-item borderBottom label="种源类型" required prop="seedType">
  374. <view v-if="form.seedType" class="f-s-30 c-999 f-w-5 flex1">{{ selectDictLabel(pt_seed_type, form.seedType) }}</view>
  375. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择种源类型</view>
  376. </up-form-item>
  377. <view class="h-1" id="varietyIdpppp"></view>
  378. <up-form-item borderBottom label="物种基原" required prop="varietyId">
  379. <view class="flex1">
  380. <up-button v-if="!form.varietyId" @click="selectVarietyId" type="primary" plain>
  381. <image class="w-36 h-36 mr-10" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/common/select_push_icon.png" mode="widthFix" />
  382. <span>请选择物种基原</span>
  383. </up-button>
  384. <view v-else class="bg-#FBFDFB card-info-block pd-24 p-rtv">
  385. <view class="mb-16">
  386. <span class="f-s-34 c-#333 f-w-5 mr-16">{{ form?.varietyInfo?.varietyName }}</span>
  387. <span class="f-s-24 c-#666">{{ form?.varietyInfo?.latinName }}</span>
  388. </view>
  389. <view class="mb-16">
  390. <span class="f-s-28 c-#333 f-w-5 mr-16">{{ form?.varietyInfo?.genusName }}</span>
  391. <span class="f-s-24 c-#666">{{ form?.varietyInfo?.genusLatinName }}</span>
  392. </view>
  393. <view v-if="form?.varietyInfo?.medicineName" class="f-s-24 c-#666">产出:{{ form?.varietyInfo?.medicineName }}</view>
  394. </view>
  395. </view>
  396. </up-form-item>
  397. <up-form-item borderBottom label="具体品种/品系名称" prop="seedName">
  398. <up-input v-model="form.seedName" placeholder="请输入具体品种/品系名称" border="none" clearable></up-input>
  399. </up-form-item>
  400. <view class="h-1" id="seedSourcepppp"></view>
  401. <up-form-item borderBottom label="种源来源" required prop="seedSource">
  402. <view v-if="form.seedSource" class="f-s-30 c-999 f-w-5 flex1">{{ selectDictLabel(pt_seed_source, form.seedSource) }}</view>
  403. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择种源来源</view>
  404. </up-form-item>
  405. <!-- 入库数量与单位 -->
  406. <view class="h-1" id="capacitypppp"></view>
  407. <view class="h-1" id="unitpppp"></view>
  408. <up-form-item label="入库量" prop="capacity" required class="form-item-bottom-padding-0">
  409. <view class="f-s-30 c-999 f-w-5 flex1">{{ form?.capacity }}{{ form?.unit }}</view>
  410. </up-form-item>
  411. <!-- 检验报告与供应商信息 -->
  412. <up-form-item borderBottom label="检验报告" prop="examinReport">
  413. <ut-upload v-model="form.examinReport" :max-count="50" valueType="array" accept="image,file"></ut-upload>
  414. </up-form-item>
  415. <!-- 菌种编码信息 -->
  416. <up-form-item required v-if="['A4', 'A8'].includes(form.seedType as string)" :label="`${selectDictLabel(pt_seed_type, form.seedType as string)}编号`" class="form-item-bottom-padding-0">
  417. <view class="f-s-30 c-999 f-w-5 flex1"> {{ selectDictLabel(pt_fungus_code_type, form?.fungusCodeType) }}/{{ form?.fungusCode }} </view>
  418. </up-form-item>
  419. <!-- 个体标识:此处仅占位,后续可改为多选列表 -->
  420. <view class="h-1" id="idFlagpppp"></view>
  421. <up-form-item borderBottom label="是否有个体标识" prop="idFlag" required>
  422. <up-radio-group v-model="form.instoreBizInfo.idFlag">
  423. <up-radio :customStyle="{ marginRight: '60rpx' }" v-for="(item, index) in yes_no" :key="index" :label="item.label" :name="item.value"></up-radio>
  424. </up-radio-group>
  425. </up-form-item>
  426. <!-- 个体标识:此处仅占位,后续可改为多选列表 -->
  427. <view class="h-1" id="animalspppp"></view>
  428. <template v-if="+form?.instoreBizInfo?.idFlag">
  429. <up-form-item borderBottom label="个体标识号" prop="animals" required>
  430. <AnimalsInput v-model="form.instoreBizInfo.animals"></AnimalsInput>
  431. </up-form-item>
  432. </template>
  433. <!-- 保藏方法 -->
  434. <up-form-item borderBottom label="保藏方法" prop="storageMethod">
  435. <up-input v-model="form.instoreBizInfo.storageMethod" placeholder="请输入保藏方法" border="none" clearable></up-input>
  436. </up-form-item>
  437. <!-- 媒体与附件 -->
  438. <up-form-item borderBottom label="种源图片" prop="imgs">
  439. <ut-upload v-model="form.imgs" :max-count="9" valueType="string"></ut-upload>
  440. </up-form-item>
  441. <up-form-item borderBottom label="种源视频" prop="vedios">
  442. <ut-upload v-model="form.vedios" :max-count="3" accept="video" valueType="string"></ut-upload>
  443. </up-form-item>
  444. <!-- 种源产地 -->
  445. <up-form-item borderBottom label="种源产地">
  446. <view v-if="form.adcode" class="f-s-30 c-333 f-w-5 flex1">{{ form.adcodeName }}</view>
  447. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择种源产地</view>
  448. </up-form-item>
  449. <ut-action-sheet :tabs="pt_breeding_materials" mode="custom" title="繁殖材料" multiple v-model="form.generationMaterial">
  450. <up-form-item borderBottom label="繁殖材料" prop="generationMaterial">
  451. <view v-if="form.generationMaterial" class="f-s-30 c-333 f-w-5 flex1">{{ selectDictLabels(pt_breeding_materials, form.generationMaterial, ',') }}</view>
  452. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择繁殖材料</view>
  453. <template #right>
  454. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  455. </template>
  456. </up-form-item>
  457. </ut-action-sheet>
  458. <PickerAreaInput v-model="form.generationAdcode" v-model:full-name="form.generationAdcodeName" :maxLevel="4" title="选择繁殖地点/采集地点">
  459. <up-form-item borderBottom label="繁殖地点/采集地点" prop="generationAdcode">
  460. <view v-if="form.generationAdcode" class="f-s-30 c-333 f-w-5 flex1">{{ form.generationAdcodeName }}</view>
  461. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择繁殖地点/采集地点</view>
  462. <template #right>
  463. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  464. </template>
  465. </up-form-item>
  466. </PickerAreaInput>
  467. <!-- 资质证明附件(暂按上传控件处理,可后续细化) -->
  468. <up-form-item borderBottom label="物种鉴定证书" prop="spCert">
  469. <ut-upload v-model="form.spCert" :max-count="9" valueType="array" accept="file"></ut-upload>
  470. </up-form-item>
  471. <!-- 检疫信息 -->
  472. <up-form-item borderBottom label="种源检疫证号" prop="seedCheckSn">
  473. <up-input v-model="form.seedCheckSn" placeholder="请输入种源检疫证号" border="none" clearable></up-input>
  474. </up-form-item>
  475. <up-form-item borderBottom label="种源检疫证书" prop="seedCheckCert">
  476. <ut-upload v-model="form.seedCheckCert" :max-count="9" valueType="array" accept="file"></ut-upload>
  477. </up-form-item>
  478. </view>
  479. <view class="pd-24">
  480. <view class="startline-title">入库信息</view>
  481. </view>
  482. <view class="pd-24 bg-#fff">
  483. <!-- 种源级别 -->
  484. <up-form-item borderBottom label="种源级别" prop="seedLevel">
  485. <up-input v-model="form.seedLevel" placeholder="请输入种源级别" border="none" clearable></up-input>
  486. </up-form-item>
  487. <!-- 入库类型 -->
  488. <up-form-item borderBottom label="入库类型" required prop="instoreType">
  489. <view v-if="form.instoreType" class="f-s-30 c-999 f-w-5 flex1">{{ selectDictLabel(pt_seed_instore_type, form.instoreType) }}</view>
  490. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择入库类型</view>
  491. </up-form-item>
  492. <!-- 入库日期 -->
  493. <view class="h-1" id="instoreDatepppp"></view>
  494. <ut-datetime-picker v-model="form.instoreBizInfo.instoreDate" :maxDate="new Date()" mode="date">
  495. <up-form-item borderBottom label="入库日期" required prop="instoreDate">
  496. <up-input v-model="form.instoreBizInfo.instoreDate" readonly placeholder="请选择入库日期" border="none" clearable></up-input>
  497. <template #right>
  498. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  499. </template>
  500. </up-form-item>
  501. </ut-datetime-picker>
  502. <!-- 入库批号 -->
  503. <up-form-item borderBottom label="入库批号" required prop="batchCode">
  504. <view class="f-s-30 c-999 f-w-5 flex1">{{ form.batchCode }}</view>
  505. </up-form-item>
  506. <!-- 库房类型 -->
  507. <up-form-item borderBottom label="库房类型" prop="storageType" required>
  508. <view v-if="form.storageType" class="f-s-30 c-999 f-w-5 flex1">{{ selectDictLabel(pt_warehouse_type, form.storageType) }}</view>
  509. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择库房类型</view>
  510. </up-form-item>
  511. <!-- 存放库房(具体库房/货架信息稍后补充为选择器) -->
  512. <up-form-item borderBottom label="存放库房" prop="warehouses">
  513. <select-warehouse-input v-model="form.warehouses" title="添加种源存放库房" :params="{ type: '2' }"></select-warehouse-input>
  514. </up-form-item>
  515. <!-- 入库人 -->
  516. <up-form-item borderBottom label="入库人" required prop="instoreMg">
  517. <up-input v-model="form.instoreBizInfo.instoreMg" placeholder="请输入入库人" border="none" clearable></up-input>
  518. </up-form-item>
  519. <!-- 入库备注 -->
  520. <up-form-item borderBottom label="入库备注" prop="remark">
  521. <up-textarea v-model="form.instoreBizInfo.remark" placeholder="请输入入库备注" autoHeight></up-textarea>
  522. </up-form-item>
  523. </view>
  524. </template>
  525. <template v-if="form.instoreType == '4'">
  526. <view class="pd-24">
  527. <view class="startline-title">种源信息</view>
  528. </view>
  529. <view class="pd-24 bg-#fff">
  530. <!-- 基本信息 -->
  531. <view class="h-1" id="seedTypepppp"></view>
  532. <up-form-item borderBottom label="种源类型" required prop="seedType">
  533. <view v-if="form.seedType" class="f-s-30 c-999 f-w-5 flex1">{{ selectDictLabel(pt_seed_type, form.seedType) }}</view>
  534. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择种源类型</view>
  535. </up-form-item>
  536. <view class="h-1" id="varietyIdpppp"></view>
  537. <up-form-item borderBottom label="物种基原" required prop="varietyId">
  538. <view class="flex1">
  539. <up-button v-if="!form.varietyId" @click="selectVarietyId" type="primary" plain>
  540. <image class="w-36 h-36 mr-10" src="https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/common/select_push_icon.png" mode="widthFix" />
  541. <span>请选择物种基原</span>
  542. </up-button>
  543. <view v-else class="bg-#FBFDFB card-info-block pd-24 p-rtv">
  544. <view class="mb-16">
  545. <span class="f-s-34 c-#333 f-w-5 mr-16">{{ form?.varietyInfo?.varietyName }}</span>
  546. <span class="f-s-24 c-#666">{{ form?.varietyInfo?.latinName }}</span>
  547. </view>
  548. <view class="mb-16">
  549. <span class="f-s-28 c-#333 f-w-5 mr-16">{{ form?.varietyInfo?.genusName }}</span>
  550. <span class="f-s-24 c-#666">{{ form?.varietyInfo?.genusLatinName }}</span>
  551. </view>
  552. <view v-if="form?.varietyInfo?.medicineName" class="f-s-24 c-#666">产出:{{ form?.varietyInfo?.medicineName }}</view>
  553. </view>
  554. </view>
  555. </up-form-item>
  556. <up-form-item borderBottom label="具体品种/品系名称" prop="seedName">
  557. <up-input v-model="form.seedName" placeholder="请输入具体品种/品系名称" border="none" clearable></up-input>
  558. </up-form-item>
  559. <view class="h-1" id="seedSourcepppp"></view>
  560. <up-form-item borderBottom label="种源来源" required prop="seedSource">
  561. <view v-if="form.seedSource" class="f-s-30 c-999 f-w-5 flex1">{{ selectDictLabel(pt_seed_source, form.seedSource) }}</view>
  562. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择种源来源</view>
  563. </up-form-item>
  564. <!-- 检验报告与供应商信息 -->
  565. <up-form-item borderBottom label="检验报告" prop="examinReport">
  566. <ut-upload v-model="form.examinReport" :max-count="50" valueType="array" accept="image,file"></ut-upload>
  567. </up-form-item>
  568. <!-- 菌种编码信息 -->
  569. <up-form-item required v-if="['A4', 'A8'].includes(form.seedType as string)" :label="`${selectDictLabel(pt_seed_type, form.seedType as string)}编号`" class="form-item-bottom-padding-0">
  570. <view class="f-s-30 c-999 f-w-5 flex1"> {{ selectDictLabel(pt_fungus_code_type, form?.fungusCodeType) }}/{{ form?.fungusCode }} </view>
  571. </up-form-item>
  572. <!-- 个体标识:此处仅占位,后续可改为多选列表 -->
  573. <view class="h-1" id="idFlagpppp"></view>
  574. <up-form-item borderBottom label="是否有个体标识" prop="idFlag" required>
  575. <up-radio-group v-model="form.instoreBizInfo.idFlag">
  576. <up-radio :customStyle="{ marginRight: '60rpx' }" v-for="(item, index) in yes_no" :key="index" :label="item.label" :name="item.value"></up-radio>
  577. </up-radio-group>
  578. </up-form-item>
  579. <!-- 个体标识:此处仅占位,后续可改为多选列表 -->
  580. <view class="h-1" id="animalspppp"></view>
  581. <template v-if="+form?.instoreBizInfo?.idFlag">
  582. <up-form-item borderBottom label="个体标识号" prop="animals" required>
  583. <AnimalsInput v-model="form.instoreBizInfo.animals"></AnimalsInput>
  584. </up-form-item>
  585. </template>
  586. <!-- 保藏方法 -->
  587. <up-form-item borderBottom label="保藏方法" prop="storageMethod">
  588. <up-input v-model="form.instoreBizInfo.storageMethod" placeholder="请输入保藏方法" border="none" clearable></up-input>
  589. </up-form-item>
  590. <!-- 媒体与附件 -->
  591. <up-form-item borderBottom label="种源图片" prop="imgs">
  592. <ut-upload v-model="form.imgs" :max-count="9" valueType="string"></ut-upload>
  593. </up-form-item>
  594. <up-form-item borderBottom label="种源视频" prop="vedios">
  595. <ut-upload v-model="form.vedios" :max-count="3" accept="video" valueType="string"></ut-upload>
  596. </up-form-item>
  597. <!-- 种源产地 -->
  598. <up-form-item borderBottom label="种源产地">
  599. <view v-if="form.adcode" class="f-s-30 c-333 f-w-5 flex1">{{ form.adcodeName }}</view>
  600. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择种源产地</view>
  601. </up-form-item>
  602. <ut-action-sheet :tabs="pt_breeding_materials" mode="custom" title="繁殖材料" multiple v-model="form.generationMaterial">
  603. <up-form-item borderBottom label="繁殖材料" prop="generationMaterial">
  604. <view v-if="form.generationMaterial" class="f-s-30 c-333 f-w-5 flex1">{{ selectDictLabels(pt_breeding_materials, form.generationMaterial, ',') }}</view>
  605. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择繁殖材料</view>
  606. <template #right>
  607. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  608. </template>
  609. </up-form-item>
  610. </ut-action-sheet>
  611. <PickerAreaInput v-model="form.generationAdcode" v-model:full-name="form.generationAdcodeName" :maxLevel="4" title="选择繁殖地点/采集地点">
  612. <up-form-item borderBottom label="繁殖地点/采集地点" prop="generationAdcode">
  613. <view v-if="form.generationAdcode" class="f-s-30 c-333 f-w-5 flex1">{{ form.generationAdcodeName }}</view>
  614. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择繁殖地点/采集地点</view>
  615. <template #right>
  616. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  617. </template>
  618. </up-form-item>
  619. </PickerAreaInput>
  620. <!-- 资质证明附件(暂按上传控件处理,可后续细化) -->
  621. <up-form-item borderBottom label="物种鉴定证书" prop="spCert">
  622. <ut-upload v-model="form.spCert" :max-count="9" valueType="array" accept="file"></ut-upload>
  623. </up-form-item>
  624. <!-- 检疫信息 -->
  625. <up-form-item borderBottom label="种源检疫证号" prop="seedCheckSn">
  626. <up-input v-model="form.seedCheckSn" placeholder="请输入种源检疫证号" border="none" clearable></up-input>
  627. </up-form-item>
  628. <up-form-item borderBottom label="种源检疫证书" prop="seedCheckCert">
  629. <ut-upload v-model="form.seedCheckCert" :max-count="9" valueType="array" accept="file"></ut-upload>
  630. </up-form-item>
  631. </view>
  632. <view class="pd-24">
  633. <view class="startline-title">入库信息</view>
  634. </view>
  635. <view class="pd-24 bg-#fff">
  636. <!-- 种源级别 -->
  637. <up-form-item borderBottom label="种源级别" prop="seedLevel">
  638. <up-input v-model="form.seedLevel" placeholder="请输入种源级别" border="none" clearable></up-input>
  639. </up-form-item>
  640. <!-- 入库类型 -->
  641. <up-form-item borderBottom label="入库类型" required prop="instoreType">
  642. <view v-if="form.instoreType" class="f-s-30 c-999 f-w-5 flex1">{{ selectDictLabel(pt_seed_instore_type, form.instoreType) }}</view>
  643. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择入库类型</view>
  644. </up-form-item>
  645. <!-- 入库日期 -->
  646. <view class="h-1" id="instoreDatepppp"></view>
  647. <ut-datetime-picker v-model="form.instoreBizInfo.instoreDate" :maxDate="new Date()" mode="date">
  648. <up-form-item borderBottom label="入库日期" required prop="instoreDate">
  649. <up-input v-model="form.instoreBizInfo.instoreDate" readonly placeholder="请选择入库日期" border="none" clearable></up-input>
  650. <template #right>
  651. <up-icon size="22rpx" color="#37A954" name="arrow-down-fill"></up-icon>
  652. </template>
  653. </up-form-item>
  654. </ut-datetime-picker>
  655. <!-- 入库数量与单位 -->
  656. <view class="h-1" id="capacitypppp"></view>
  657. <view class="h-1" id="unitpppp"></view>
  658. <up-form-item label="入库量" prop="capacity" required class="form-item-bottom-padding-0">
  659. <view class="f-s-30 c-999 f-w-5 flex1">{{ form?.capacity }}{{ form?.unit }}</view>
  660. </up-form-item>
  661. <!-- 入库批号 -->
  662. <up-form-item borderBottom label="入库批号" required prop="batchCode">
  663. <view class="f-s-30 c-999 f-w-5 flex1">{{ form.batchCode }}</view>
  664. </up-form-item>
  665. <!-- 库房类型 -->
  666. <up-form-item borderBottom label="库房类型" prop="storageType" required>
  667. <view v-if="form.storageType" class="f-s-30 c-999 f-w-5 flex1">{{ selectDictLabel(pt_warehouse_type, form.storageType) }}</view>
  668. <view v-else class="f-s-30 c-ccc f-w-4 flex1">请选择库房类型</view>
  669. </up-form-item>
  670. <!-- 存放库房(具体库房/货架信息稍后补充为选择器) -->
  671. <up-form-item borderBottom label="存放库房" prop="warehouses">
  672. <select-warehouse-input v-model="form.warehouses" title="添加种源存放库房" :params="{ type: '2' }"></select-warehouse-input>
  673. </up-form-item>
  674. <!-- 入库人 -->
  675. <up-form-item borderBottom label="入库人" required prop="instoreMg">
  676. <up-input v-model="form.instoreBizInfo.instoreMg" placeholder="请输入入库人" border="none" clearable></up-input>
  677. </up-form-item>
  678. <!-- 入库备注 -->
  679. <up-form-item borderBottom label="入库备注" prop="remark">
  680. <up-textarea v-model="form.instoreBizInfo.remark" placeholder="请输入入库备注" autoHeight></up-textarea>
  681. </up-form-item>
  682. </view>
  683. </template>
  684. </up-form>
  685. <template #bottom>
  686. <view class="pd-20 d-flex">
  687. <up-button @click="submitForm" type="primary">保存</up-button>
  688. </view>
  689. </template>
  690. </z-paging>
  691. </template>
  692. <script setup lang="ts">
  693. import { useClientRequest } from '@/utils/request';
  694. import { formItemBtnStyle } from '@/assets/styles/uview-plus';
  695. import { seedInfoListType } from '../models/type';
  696. import AnimalsInput from '../models/animals-input.vue';
  697. import ContactUnitInput from '@/models/contact-unit-input/contact-unit-input.vue';
  698. import PickerAreaInput from '@/models/picker-area-input/picker-area-input.vue';
  699. import SelectWarehouseInput from '@/models/select-warehouse-input/select-warehouse-input.vue';
  700. const { proxy } = getCurrentInstance() as ComponentInternalInstance;
  701. const { pt_seed_instore_type, pt_warehouse_type, pt_seed_type, pt_seed_source, pt_materail_unit, pt_mother_father_flag, pt_op_method, pt_seed_unit, pt_fungus_code_type, pt_breeding_materials, yes_no, pt_cus_type, pt_cpy_type, pt_gen_unit, pt_seed_source_tag } = toRefs<any>(proxy?.useDict('pt_seed_instore_type', 'pt_warehouse_type', 'pt_seed_type', 'pt_seed_source', 'pt_materail_unit', 'pt_mother_father_flag', 'pt_op_method', 'pt_seed_unit', 'pt_fungus_code_type', 'pt_breeding_materials', 'yes_no', 'pt_cus_type', 'pt_cpy_type', 'pt_gen_unit', 'pt_seed_source_tag'));
  702. const paging = ref<any>(null);
  703. const upFormRef = ref<any>(null);
  704. // 单条种源信息 + 入库信息的合并表单
  705. const form = ref<seedInfoListType | any>({
  706. imgs: undefined,
  707. vedios: undefined,
  708. spCert: [],
  709. newSpCert: [],
  710. importCert: [],
  711. seedCheckCert: [],
  712. unit: '',
  713. adcode: '',
  714. instoreBizInfo: {
  715. motherFatherFlag: '',
  716. idFlag: '0',
  717. genUnit: '',
  718. instoreDate: '',
  719. instoreMg: '',
  720. remark: '',
  721. animals: [],
  722. },
  723. generationMaterial: '',
  724. instoreType: '2',
  725. storageType: '2',
  726. });
  727. const rules = reactive({
  728. // 种源信息校验(来自 info-edit)
  729. seedType: [{ required: true, message: '请选择种源类型' }],
  730. varietyId: [{ required: true, message: '请选择物种基原' }],
  731. seedSource: [{ required: true, message: '请选择种源来源' }],
  732. 'instoreBizInfo.motherFatherFlag': [{ required: true, message: '请选择父母本情况' }],
  733. 'instoreBizInfo.genCount': [
  734. {
  735. asyncValidator: (rule: any, value: any) => {
  736. if (['A3', 'A4'].includes(form.value.seedType as string)) {
  737. if (!value) {
  738. return Promise.reject('请输入' + genCountMap[form.value.seedType as 'A3' | 'A4']);
  739. }
  740. }
  741. return Promise.resolve();
  742. },
  743. },
  744. ],
  745. 'instoreBizInfo.genUnit': [
  746. {
  747. asyncValidator: (rule: any, value: any) => {
  748. if (['A3', 'A4'].includes(form.value.seedType as string)) {
  749. if (!value) {
  750. return Promise.reject('请选择单位');
  751. }
  752. }
  753. return Promise.resolve();
  754. },
  755. },
  756. ],
  757. entrustId: [{ required: true, message: '请选择受托单位' }],
  758. capacity: [{ required: true, message: '请输入入库量' }],
  759. unit: [{ required: true, message: '请选择单位' }],
  760. supplierId: [{ required: true, message: '请选择供应商' }],
  761. fungusCodeType: [{ required: true, message: '请选择编号类型' }],
  762. fungusCode: [{ required: true, message: '请输入编号' }],
  763. 'instoreBizInfo.idFlag': [{ required: true, message: '请选择是否有个体标识' }],
  764. 'instoreBizInfo.animals': [{ type: 'array', required: true, message: '请输入个体标识号' }],
  765. // 入库信息校验(来自 add)
  766. instoreType: [{ required: true, message: '请选择入库类型' }],
  767. 'instoreBizInfo.instoreDate': [{ required: true, message: '请选择入库日期' }],
  768. batchCode: [{ required: true, message: '请输入入库批号' }],
  769. 'instoreBizInfo.instoreMg': [{ required: true, message: '请输入入库人' }],
  770. });
  771. // 繁衍世代对象
  772. const genCountMap = reactive({
  773. A4: '累计扩繁代数',
  774. A3: '继代培养次数',
  775. });
  776. // 提交:当前页面改为单条种源信息,直接提交合并后的对象
  777. const submitForm = async () => {
  778. uni.$u.debounce(
  779. async () => {
  780. try {
  781. await upFormRef.value?.validate();
  782. } catch (error: any) {
  783. const firstErrorField = error && error[0].field + 'pppp';
  784. paging.value?.scrollIntoViewById(firstErrorField, 30, true);
  785. return;
  786. }
  787. uni.showLoading({
  788. title: '提交中...',
  789. });
  790. try {
  791. // 这里使用单条入库接口,后端若仍要求 batch,可根据需要包装成数组
  792. const res = await useClientRequest.post('/plt-api/app/storageSeed/edit', form.value);
  793. if (!res || res.code !== 200) return;
  794. uni.hideLoading();
  795. uni.showToast({
  796. title: '提交成功',
  797. icon: 'success',
  798. });
  799. uni.$emit('seed-source-detail-refresh');
  800. uni.$emit('refreshStorageRoomList');
  801. setTimeout(() => {
  802. uni.navigateBack({
  803. delta: 1,
  804. });
  805. }, 1500);
  806. } catch (error) {
  807. uni.hideLoading();
  808. }
  809. },
  810. 500,
  811. true,
  812. );
  813. };
  814. // 选择物种、父母本逻辑保持与 info-edit 一致
  815. const selectVarietyId = () => {
  816. uni.$once('updateBiologicalname', function (data) {
  817. form.value.varietyId = data.msg.id;
  818. form.value.varietyInfo = data.msg;
  819. });
  820. uni.$u.route({
  821. type: 'navigateTo',
  822. url: '/tools/por-torganism/index',
  823. params: {
  824. title: '选择物种基原',
  825. },
  826. });
  827. };
  828. const selectFatherVarietyId = () => {
  829. uni.$once('updateBiologicalname', function (data) {
  830. form.value.instoreBizInfo.fatherVarietyId = data.msg.id;
  831. form.value.instoreBizInfo.fatherVarietyInfo = data.msg;
  832. });
  833. uni.$u.route({
  834. type: 'navigateTo',
  835. url: '/tools/por-torganism/index',
  836. params: {
  837. title: '选择父本品种',
  838. },
  839. });
  840. };
  841. const selectMotherVarietyId = () => {
  842. uni.$once('updateBiologicalname', function (data) {
  843. form.value.instoreBizInfo.motherVarietyId = data.msg.id;
  844. form.value.instoreBizInfo.motherVarietyInfo = data.msg;
  845. });
  846. uni.$u.route({
  847. type: 'navigateTo',
  848. url: '/tools/por-torganism/index',
  849. params: {
  850. title: '选择母本品种',
  851. },
  852. });
  853. };
  854. const did = ref('');
  855. // 获取详情(仓库信息)
  856. const getDetailById = async (id: string) => {
  857. if (!id) return;
  858. const res = await useClientRequest.get(`/plt-api/app/storageSeed/getById/${id}`);
  859. if (res && res.code === 200) {
  860. form.value = {
  861. ...form.value,
  862. ...res.data,
  863. instoreBizInfo: {
  864. ...form.value.instoreBizInfo,
  865. ...res.data.instoreBizInfo,
  866. animals: res.data.instoreBizInfo?.animals || [],
  867. },
  868. };
  869. }
  870. };
  871. const changeSupplierProducerFlag = () => {
  872. if (form.value.supplierProducerFlag === '1') {
  873. form.value.producer = form.value.supplierInfo?.cusName || '';
  874. } else {
  875. form.value.producer = '';
  876. }
  877. };
  878. // 页面入参解析并加载
  879. onLoad((options: any) => {
  880. did.value = options?.id || '';
  881. getDetailById(did.value);
  882. });
  883. </script>
  884. <style lang="scss" scoped>
  885. .card-info-block {
  886. border: 1rpx solid #afddbb;
  887. border-radius: 10rpx;
  888. }
  889. .tag-span {
  890. padding: 4rpx 12rpx;
  891. font-size: 20rpx;
  892. border-radius: 18rpx;
  893. }
  894. .close-icon {
  895. position: absolute;
  896. top: 0;
  897. right: 0;
  898. z-index: 10;
  899. }
  900. </style>