|
@ -3,10 +3,16 @@ |
|
|
<view class="finance-wrap" v-if="data" @click="openFinance"> |
|
|
<view class="finance-wrap" v-if="data" @click="openFinance"> |
|
|
<!-- 预算和奖金 --> |
|
|
<!-- 预算和奖金 --> |
|
|
<view class="finance-row"> |
|
|
<view class="finance-row"> |
|
|
<view class="finance-item" :style="{ width: `${(data.budget * 100) / (data.budget + data.bonus)}%`, 'background-color': '#93C5FD' }"> |
|
|
<view |
|
|
|
|
|
class="finance-item" |
|
|
|
|
|
:style="{ width: `${(+data.budget * 100) / (+data.budget + +data.bonus)}%`, 'background-color': '#93C5FD' }" |
|
|
|
|
|
> |
|
|
预算{{ data.budget / 100 }} |
|
|
预算{{ data.budget / 100 }} |
|
|
</view> |
|
|
</view> |
|
|
<view class="finance-item" :style="{ width: `${(data.bonus * 100) / (data.budget + data.bonus)}%`, 'background-color': '#12c77e' }"> |
|
|
<view |
|
|
|
|
|
class="finance-item" |
|
|
|
|
|
:style="{ width: `${(+data.bonus * 100) / (+data.budget + +data.bonus)}%`, 'background-color': '#12c77e' }" |
|
|
|
|
|
> |
|
|
奖金{{ data.bonus / 100 }} |
|
|
奖金{{ data.bonus / 100 }} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
@ -14,15 +20,15 @@ |
|
|
<view class="finance-row"> |
|
|
<view class="finance-row"> |
|
|
<view |
|
|
<view |
|
|
class="finance-item" |
|
|
class="finance-item" |
|
|
:style="{ width: `${(data.projectExpend * 100) / (data.projectExpend + data.dailyExpend)}%`, 'background-color': '#FBBF24' }" |
|
|
:style="{ width: `${(+data.projectExpend * 100) / (+data.projectExpend + +data.dailyExpend)}%`, 'background-color': '#FBBF24' }" |
|
|
> |
|
|
> |
|
|
项目采购{{ data.dailyExpend / 100 }} |
|
|
项目采购{{ data.dailyExpend / 100 }} |
|
|
</view> |
|
|
</view> |
|
|
<view |
|
|
<view |
|
|
class="finance-item" |
|
|
class="finance-item" |
|
|
:style="{ width: `${(data.dailyExpend * 100) / (data.projectExpend + data.dailyExpend)}%`, 'background-color': '#a1fd93' }" |
|
|
:style="{ width: `${(+data.dailyExpend * 100) / (+data.projectExpend + +data.dailyExpend)}%`, 'background-color': '#a1fd93' }" |
|
|
> |
|
|
> |
|
|
日常采购{{ data.dailyExpend / 100 }} |
|
|
日常采购{{ +data.dailyExpend / 100 }} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
@ -51,7 +57,9 @@ getFinanceByTaskData(); |
|
|
// 打开详情页 |
|
|
// 打开详情页 |
|
|
function openFinance() { |
|
|
function openFinance() { |
|
|
// DEBUG: 假数据 换成财务条详情页的地址 |
|
|
// DEBUG: 假数据 换成财务条详情页的地址 |
|
|
uni.$ui.openDetail({ url: `http://121.36.3.207/finance/applicant?name=财务&token=${token}&projectId=${projectId}&id=${task.id}&pn=${projectName}&tn=${task.name}` }); |
|
|
uni.$ui.openDetail({ |
|
|
|
|
|
url: `http://121.36.3.207/finance/applicant?name=财务&token=${token}&projectId=${projectId}&id=${task.detailId}&pn=${projectName}&tn=${task.name}`, |
|
|
|
|
|
}); |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|