92 lines
5.4 KiB
Plaintext
92 lines
5.4 KiB
Plaintext
<!--pages/home/chemical/chemical.wxml-->
|
||
<view class="main">
|
||
<view class="main-item">
|
||
<view class="title">
|
||
<image class="logo-image" src="https://webplus-cn-hangzhou-s-603871eef968dd14ced82ed5.oss-cn-hangzhou.aliyuncs.com/hextech/static/chemical.png" mode="aspectFit"></image>
|
||
<view style="margin-left: 10px; margin-top: 10px;">
|
||
<view class="title-name">
|
||
{{chemicalData.name ? chemicalData.name : 'XXX'}}
|
||
<!-- <t-tag wx:if="{{ghsLevel != ''}}" style="margin-left: 10px;" theme="success">{{ghsLevel}}</t-tag> -->
|
||
<tox-tag style="margin-left: 10px;" size="small" ghsLevel="{{chemicalData.GHSLevel}}" />
|
||
</view>
|
||
<view class="title-enname">{{chemicalData.enName ? chemicalData.enName : 'xxx'}}</view>
|
||
</view>
|
||
</view>
|
||
<view style="margin: 20px;">
|
||
<view style="margin-bottom: 5px;">cas: {{chemicalData.cas ? chemicalData.cas : '-'}}</view>
|
||
<view style="margin-bottom: 5px;">分子式: {{chemicalData.formula ? chemicalData.formula : '-'}}</view>
|
||
<view>其它名称: </view>
|
||
<view style="margin-left: 10px;">{{chemicalData.otherName}}</view>
|
||
</view>
|
||
<view style="display: flex; margin-left: 20px; margin-right: 20px;">
|
||
<t-tag wx:for="{{chemicalData.functions}}" wx:key="index" wx:for-item="item" variant="light-outline" theme="primary">{{item}}</t-tag>
|
||
</view>
|
||
</view>
|
||
<view style="width: 100%; height: 100%;">
|
||
<t-tabs defaultValue="{{0}}" space-evenly="{{false}}" sticky>
|
||
<t-tab-panel label="描述" value="0">
|
||
<view class="no-data" wx:if="{{chemicalData.description.length == 0}}">
|
||
<image src="https://webplus-cn-hangzhou-s-603871eef968dd14ced82ed5.oss-cn-hangzhou.aliyuncs.com/hextech/static/no_data.jpg" mode="aspectFit"></image>
|
||
</view>
|
||
<view class="total">{{chemicalData.description}}</view>
|
||
</t-tab-panel>
|
||
<t-tab-panel label="危险信息" value="1">
|
||
<view class="total">
|
||
<text class="title">GHS(全球化学品统一分类和标签制度)</text>
|
||
<t-grid class="block" column="{{3}}">
|
||
<t-grid-item wx:for="{{chemicalData.GHS.icon}}" wx:key="index" wx:for-item="item" text="{{item.extra}}" image="{{item.url}}" />
|
||
</t-grid>
|
||
<view wx:if="{{chemicalData.GHS.signal}}" style="margin-bottom: 15px;">标识: {{chemicalData.GHS.signal}}</view>
|
||
<view>防范说明:</view>
|
||
<view style="margin: 10px;" wx:for="{{chemicalData.GHS.GHSHazardStatements}}" wx:key="index" wx:for-item="item">{{item}}</view>
|
||
</view>
|
||
</t-tab-panel>
|
||
<t-tab-panel wx:if="{{chemicalData.toxicity.length}}" label="急性毒性" value="2">
|
||
<view wx:if="{{chemicalData.toxicity.length}}" class="total" style="margin-top: 10px;">
|
||
<view style="width: 100%; display: flex; flex-direction: row-reverse;">
|
||
<t-icon color="#0052d9" data-name="help-circle-filled" name="help-circle-filled" size="48rpx" bindtap="onOpenToxInfo" />
|
||
</view>
|
||
<view class="toxicity-item" wx:for="{{chemicalData.toxicity}}" wx:key="index" wx:for-item="item">
|
||
<view class="toxicity-top">
|
||
<text>{{item.organism}}</text>
|
||
<text>{{item.route}}</text>
|
||
<text>{{item.dose}}</text>
|
||
<text style="color: #0052d9;">{{item.testtype}}</text>
|
||
</view>
|
||
<view class="toxicity-bottom" wx:if="{{item.effect}}">影响: {{item.effect}}</view>
|
||
<view class="toxicity-bottom" wx:if="{{item.reference}}">数据源: {{item.reference}}</view>
|
||
</view>
|
||
</view>
|
||
<no-data wx:else></no-data>
|
||
</t-tab-panel>
|
||
<t-tab-panel wx:if="{{chemicalData.disease.length}}" label="相关疾病" value="3">
|
||
<view wx:if="{{chemicalData.disease.length}}" class="total" style="margin-top: 10px;">
|
||
<view style="width: 100%; display: flex; flex-direction: row-reverse;">
|
||
<t-icon color="#0052d9" data-name="help-circle-filled" name="help-circle-filled" size="48rpx" />
|
||
</view>
|
||
<view class="disease-item" wx:for="{{chemicalData.disease}}" wx:key="index" wx:for-item="item">
|
||
<view class="disease-top">
|
||
<view class="disease-name">{{item.diseasename}}</view>
|
||
<t-tag variant="light" theme="{{item.directevidence == 'therapeutic' ? 'success' : 'warning'}}">{{item.directevidence == 'therapeutic' ? '有疗效' : '标记/机制'}}</t-tag>
|
||
</view>
|
||
<view class="disease-key">相关论文:</view>
|
||
<view class="disease-value">
|
||
<view style="margin-left: 10px;" wx:for="{{item.dois}}" wx:key="index" wx:for-item="dois">{{dois.pmids}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<no-data wx:else></no-data>
|
||
</t-tab-panel>
|
||
</t-tabs>
|
||
</view>
|
||
</view>
|
||
|
||
<t-dialog visible="{{showToxInfo}}" title="急性毒性" close-btn="true" cancel-btn="关闭" bind:cancel="onCloseToxInfo">
|
||
<scroll-view slot="content" scroll-y class="long-content">
|
||
<view class="content-container">
|
||
<view class="toxinfo-text">LD50值指的是一次全部给予造成试验动物50%（一半）死亡的化学品数量；</view>
|
||
<view class="toxinfo-text">LC50值（50%致死浓度）指的是化学品在空气中或水中造成一组试验动物50%（一半）死亡的浓度；</view>
|
||
<view class="toxinfo-text">LDLo值指的是产生毒性效应的最低剂量；</view>
|
||
</view>
|
||
</scroll-view>
|
||
</t-dialog> |