|
|
@@ -1233,6 +1233,414 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-col>
|
|
|
+ <!-- 上月 -->
|
|
|
+ <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="8">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-divider>
|
|
|
+ <span class="title-font">{{ $t(`上月`) }}</span>
|
|
|
+ </el-divider>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="8">
|
|
|
+ <borderTemp>
|
|
|
+ <template #content>
|
|
|
+ <div style="margin-left: 4px; margin-right: 10px">
|
|
|
+ <el-row>
|
|
|
+ <el-col class="title-fonts">{{ $t(`订单目标`) }}</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="5">
|
|
|
+ <span style="font-size: 18px; padding: 0 0 0 5px">
|
|
|
+ {{ tool.formatAmount(listsy.wcamount * 100, 2) + "%" }}
|
|
|
+ </span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19">
|
|
|
+ <div style="float: right">
|
|
|
+ <span style="font-size: 12px; padding: 0 0 0 5px">
|
|
|
+ <span
|
|
|
+ v-if="listsy.unamount < 0"
|
|
|
+ style="color: #e13333"
|
|
|
+ >
|
|
|
+ ¥{{
|
|
|
+ listsy.unamount < -100000000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.unamount,
|
|
|
+ 100000000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("亿")
|
|
|
+ : listsy.unamount < -10000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(listsy.unamount, 10000),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("万")
|
|
|
+ : tool.formatAmount(listsy.unamount, 2)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ <span v-else style="color: #009270">
|
|
|
+ ¥{{
|
|
|
+ listsy.unamount > 100000000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.unamount,
|
|
|
+ 100000000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("亿")
|
|
|
+ : listsy.unamount > 10000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(listsy.unamount, 10000),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("万")
|
|
|
+ : tool.formatAmount(listsy.unamount, 2)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col class="title-fonts">{{ $t(`实际/目标`) }}</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col>
|
|
|
+ <span style="font-size: 12px; padding: 0 0 0 5px">
|
|
|
+ <span>
|
|
|
+ ¥
|
|
|
+ {{
|
|
|
+ listsy.amount > 100000000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(listsy.amount, 100000000),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("亿")
|
|
|
+ : listsy.amount > 10000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(listsy.amount, 10000),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("万")
|
|
|
+ : tool.formatAmount(listsy.amount, 2)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ /¥
|
|
|
+ {{
|
|
|
+ listsy.target_l > 100000000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.target_l,
|
|
|
+ 100000000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("亿")
|
|
|
+ : listsy.target_l > 10000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(listsy.target_l, 10000),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("万")
|
|
|
+ : tool.formatAmount(listsy.target_l, 2)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </borderTemp>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <borderTemp>
|
|
|
+ <template #content>
|
|
|
+ <div style="margin-left: 4px; margin-right: 10px">
|
|
|
+ <el-row>
|
|
|
+ <el-col class="title-fonts">{{ $t(`出货目标`) }}</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="5">
|
|
|
+ <span style="font-size: 18px; padding: 0 0 0 5px">
|
|
|
+ {{
|
|
|
+ tool.formatAmount(listsy.wcoutamount * 100, 2) + "%"
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19">
|
|
|
+ <div style="float: right">
|
|
|
+ <span style="font-size: 12px; padding: 0 0 0 5px">
|
|
|
+ <span
|
|
|
+ v-if="listsy.unoutamount < 0"
|
|
|
+ style="color: #e13333"
|
|
|
+ >
|
|
|
+ ¥{{
|
|
|
+ listsy.unamount < -100000000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.unoutamount,
|
|
|
+ 100000000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("亿")
|
|
|
+ : listsy.unoutamount < -10000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.unoutamount,
|
|
|
+ 10000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("万")
|
|
|
+ : tool.formatAmount(listsy.unoutamount, 2)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ <span v-else style="color: #009270">
|
|
|
+ ¥{{
|
|
|
+ listsy.unamount > 100000000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.unoutamount,
|
|
|
+ 100000000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("亿")
|
|
|
+ : listsy.unoutamount > 10000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.unoutamount,
|
|
|
+ 10000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("万")
|
|
|
+ : tool.formatAmount(listsy.unoutamount, 2)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col class="title-fonts">{{ $t(`实际/目标`) }}</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col>
|
|
|
+ <span style="font-size: 12px; padding: 0 0 0 5px">
|
|
|
+ <span>
|
|
|
+ ¥
|
|
|
+ {{
|
|
|
+ listsy.outamount > 100000000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.outamount,
|
|
|
+ 100000000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("亿")
|
|
|
+ : listsy.outamount > 10000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(listsy.outamount, 10000),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("万")
|
|
|
+ : tool.formatAmount(listsy.outamount, 2)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ /¥
|
|
|
+ {{
|
|
|
+ listsy.target_l > 100000000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.target_l,
|
|
|
+ 100000000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("亿")
|
|
|
+ : listsy.target_l > 10000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(listsy.target_l, 10000),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("万")
|
|
|
+ : tool.formatAmount(listsy.target_l, 2)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ <!-- {{'¥'+tool.formatAmount(listby.amount,2) + '/'+ '¥'+ tool.formatAmount(listby.target_l,2)}}-->
|
|
|
+ </span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </borderTemp>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <borderTemp>
|
|
|
+ <template #content>
|
|
|
+ <div style="margin-left: 4px; margin-right: 10px">
|
|
|
+ <el-row>
|
|
|
+ <el-col class="title-fonts">{{ $t(`开票目标`) }}</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="5">
|
|
|
+ <span style="font-size: 18px; padding: 0 0 0 5px">
|
|
|
+ {{
|
|
|
+ tool.formatAmount(listsy.wcinvoiceamount * 100, 2) +
|
|
|
+ "%"
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="19">
|
|
|
+ <div style="float: right">
|
|
|
+ <span style="font-size: 12px; padding: 0 0 0 5px">
|
|
|
+ <span
|
|
|
+ v-if="listsy.uninvoiceamount < 0"
|
|
|
+ style="color: #e13333"
|
|
|
+ >
|
|
|
+ ¥{{
|
|
|
+ listsy.uninvoiceamount < -100000000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.uninvoiceamount,
|
|
|
+ 100000000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("亿")
|
|
|
+ : listsy.uninvoiceamount < -10000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.uninvoiceamount,
|
|
|
+ 10000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("万")
|
|
|
+ : tool.formatAmount(listsy.uninvoiceamount, 2)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ <span v-else style="color: #009270">
|
|
|
+ ¥{{
|
|
|
+ listsy.uninvoiceamount > 100000000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.uninvoiceamount,
|
|
|
+ 100000000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("亿")
|
|
|
+ : listsy.uninvoiceamount > 10000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.uninvoiceamount,
|
|
|
+ 10000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("万")
|
|
|
+ : tool.formatAmount(listsy.uninvoiceamount, 2)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col class="title-fonts">{{ $t(`实际/目标`) }}</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col>
|
|
|
+ <span style="font-size: 12px; padding: 0 0 0 5px">
|
|
|
+ <span>
|
|
|
+ ¥
|
|
|
+ {{
|
|
|
+ listsy.invoiceamount > 100000000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.invoiceamount,
|
|
|
+ 100000000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("亿")
|
|
|
+ : listsy.invoiceamount > 10000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.invoiceamount,
|
|
|
+ 10000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("万")
|
|
|
+ : tool.formatAmount(listsy.invoiceamount, 2)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ /¥
|
|
|
+ {{
|
|
|
+ listsy.target_l > 100000000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(
|
|
|
+ listsy.target_l,
|
|
|
+ 100000000
|
|
|
+ ),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("亿")
|
|
|
+ : listsy.target_l > 10000
|
|
|
+ ? tool.formatAmount(
|
|
|
+ tool.unitConversion(listsy.target_l, 10000),
|
|
|
+ 2
|
|
|
+ ) +
|
|
|
+ " " +
|
|
|
+ $t("万")
|
|
|
+ : tool.formatAmount(listsy.target_l, 2)
|
|
|
+ }}
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </borderTemp>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -1248,6 +1656,7 @@ export default {
|
|
|
listby: "",
|
|
|
listbj: "",
|
|
|
listbn: "",
|
|
|
+ listsy: "",
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -1259,6 +1668,7 @@ export default {
|
|
|
this.listby = res.data.by;
|
|
|
this.listbj = res.data.bj;
|
|
|
this.listbn = res.data.bn;
|
|
|
+ this.listsy = res.data.sy;
|
|
|
},
|
|
|
},
|
|
|
};
|