78 lines
4.3 KiB
Plaintext
78 lines
4.3 KiB
Plaintext
<!--pages/home/chemical/chemical.wxml-->
|
|
<view class="main">
|
|
<view class="main-item">
|
|
<view class="title">
|
|
<image class="logo-image" src="../../../images/chemical.png" mode="aspectFit"></image>
|
|
<view style="margin-left: 10px; margin-top: 10px;">
|
|
<view class="title-name">{{chemicalData.name ? chemicalData.name : 'XXX'}}</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}}" sticky>
|
|
<t-tab-panel label="描述" value="0">
|
|
<view class="no-data" wx:if="{{chemicalData.description.length == 0}}">
|
|
<image src="../../../images/no_data.jpg" mode="aspectFit"></image>
|
|
</view>
|
|
<view class="total" wx:for="{{chemicalData.description}}" wx:key="index" wx:for-item="item">{{item}}</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 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" />
|
|
</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 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> |