yos_web/src/HDrpManagement/dataanalysis/modules/performanceData.vue

<template>
  <div>
    <el-row :gutter="20">
      <!--  本月    -->
      <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
        <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(listby.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="listby.unamount < 0"
                            style="color: #e13333"
                          >
                            ¥{{
                              listby.unamount < -100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listby.unamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listby.unamount < -10000
                                ? tool.formatAmount(
                                    tool.unitConversion(listby.unamount, 10000),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listby.unamount, 2)
                            }}
                          </span>
                          <span v-else style="color: #009270">
                            ¥{{
                              listby.unamount > 100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listby.unamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listby.unamount > 10000
                                ? tool.formatAmount(
                                    tool.unitConversion(listby.unamount, 10000),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listby.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>
                          ¥
                          {{
                            listby.amount > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(listby.amount, 100000000),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listby.amount > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listby.amount, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listby.amount, 2)
                          }}
                        </span>
                        <span>
                          /¥
                          {{
                            listby.target_l > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listby.target_l,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listby.target_l > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listby.target_l, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listby.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(listby.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="listby.unoutamount < 0"
                            style="color: #e13333"
                          >
                            ¥{{
                              listby.unamount < -100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listby.unoutamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listby.unoutamount < -10000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listby.unoutamount,
                                      10000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listby.unoutamount, 2)
                            }}
                          </span>
                          <span v-else style="color: #009270">
                            ¥{{
                              listby.unamount > 100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listby.unoutamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listby.unoutamount > 10000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listby.unoutamount,
                                      10000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listby.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>
                          ¥
                          {{
                            listby.outamount > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listby.outamount,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listby.outamount > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listby.outamount, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listby.outamount, 2)
                          }}
                        </span>
                        <span>
                          /¥
                          {{
                            listby.target_l > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listby.target_l,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listby.target_l > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listby.target_l, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listby.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(listby.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="listby.uninvoiceamount < 0"
                            style="color: #e13333"
                          >
                            ¥{{
                              listby.uninvoiceamount < -100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listby.uninvoiceamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listby.uninvoiceamount < -10000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listby.uninvoiceamount,
                                      10000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listby.uninvoiceamount, 2)
                            }}
                          </span>
                          <span v-else style="color: #009270">
                            ¥{{
                              listby.uninvoiceamount > 100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listby.uninvoiceamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listby.uninvoiceamount > 10000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listby.uninvoiceamount,
                                      10000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listby.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>
                          ¥
                          {{
                            listby.invoiceamount > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listby.invoiceamount,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listby.invoiceamount > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listby.invoiceamount,
                                    10000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listby.invoiceamount, 2)
                          }}
                        </span>
                        <span>
                          /¥
                          {{
                            listby.target_l > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listby.target_l,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listby.target_l > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listby.target_l, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listby.target_l, 2)
                          }}
                        </span>
                      </span>
                    </el-col>
                  </el-row>
                </div>
              </template>
            </borderTemp>
          </el-col>
        </el-row>
      </el-col>
      <!--  本季    -->
      <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
        <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(listbj.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="listbj.unamount < 0"
                            style="color: #e13333"
                          >
                            ¥{{
                              listbj.unamount < -100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbj.unamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listbj.unamount < -10000
                                ? tool.formatAmount(
                                    tool.unitConversion(listbj.unamount, 10000),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listbj.unamount, 2)
                            }}
                          </span>
                          <span v-else style="color: #009270">
                            ¥{{
                              listbj.unamount > 100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbj.unamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listbj.unamount > 10000
                                ? tool.formatAmount(
                                    tool.unitConversion(listbj.unamount, 10000),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listbj.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>
                          ¥
                          {{
                            listbj.amount > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(listbj.amount, 100000000),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listbj.amount > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listbj.amount, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listbj.amount, 2)
                          }}
                        </span>
                        <span>
                          /¥
                          {{
                            listbj.target_l > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listbj.target_l,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listbj.target_l > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listbj.target_l, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listbj.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(listbj.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="listbj.unoutamount < 0"
                            style="color: #e13333"
                          >
                            <!--                            ¥{{tool.formatAmount(listbj.unoutamount,2)}}-->
                            ¥{{
                              listbj.unamount < -100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbj.unoutamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listbj.unoutamount < -10000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbj.unoutamount,
                                      10000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listbj.unoutamount, 2)
                            }}
                          </span>
                          <span v-else style="color: #009270">
                            <!--                            ¥{{tool.formatAmount(listbj.unoutamount,2)}}-->
                            ¥{{
                              listbj.unamount > 100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbj.unoutamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listbj.unoutamount > 10000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbj.unoutamount,
                                      10000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listbj.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">
                        <!--                      {{tool.formatAmount(listbj.amount,2) + '/'+ tool.formatAmount(listbj.target_l,2)}}-->
                        <!--                       {{'¥'+listbj.amount>10000 ?tool.formatAmount( tool.unitConversion(listbj.amount,10000),2) +this.$t('万'):listbj.amount>100000000?tool.formatAmount( tool.unitConversion(listbj.amount,100000000),2)+ '亿':tool.formatAmount(listbj.amount,2)
                    +'/'+ '¥'+listbj.target_l>10000 ?tool.formatAmount( tool.unitConversion(listbj.target_l,10000),2) + '亿':tool.formatAmount(listbj.target_l,2) +this.$t('万')}}-->
                        <span>
                          ¥
                          {{
                            listbj.outamount > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listbj.outamount,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listbj.outamount > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listbj.outamount, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listbj.outamount, 2)
                          }}
                        </span>
                        <span>
                          /¥
                          {{
                            listbj.target_l > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listbj.target_l,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listbj.target_l > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listbj.target_l, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listbj.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(listbj.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="listbj.uninvoiceamount < 0"
                            style="color: #e13333"
                          >
                            <!--                            ¥{{tool.formatAmount(listbj.uninvoiceamount,2)}}-->
                            ¥{{
                              listbj.uninvoiceamount < -100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbj.uninvoiceamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listbj.uninvoiceamount < -10000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbj.uninvoiceamount,
                                      10000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listbj.uninvoiceamount, 2)
                            }}
                          </span>
                          <span v-else style="color: #009270">
                            <!--                            ¥{{tool.formatAmount(listbj.uninvoiceamount,2)}}-->
                            ¥{{
                              listbj.uninvoiceamount > 100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbj.uninvoiceamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listbj.uninvoiceamount > 10000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbj.uninvoiceamount,
                                      10000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listbj.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">
                        <!--                      {{tool.formatAmount(listbj.amount,2) + '/'+ tool.formatAmount(listbj.target_l,2)}}-->
                        <!--                       {{'¥'+listbj.amount>10000 ?tool.formatAmount( tool.unitConversion(listbj.amount,10000),2) +this.$t('万'):listbj.amount>100000000?tool.formatAmount( tool.unitConversion(listbj.amount,100000000),2)+ '亿':tool.formatAmount(listbj.amount,2)
                    +'/'+ '¥'+listbj.target_l>10000 ?tool.formatAmount( tool.unitConversion(listbj.target_l,10000),2) + '亿':tool.formatAmount(listbj.target_l,2) +this.$t('万')}}-->
                        <span>
                          ¥
                          {{
                            listbj.invoiceamount > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listbj.invoiceamount,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listbj.invoiceamount > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listbj.invoiceamount,
                                    10000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listbj.invoiceamount, 2)
                          }}
                        </span>
                        <span>
                          /¥
                          {{
                            listbj.target_l > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listbj.target_l,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listbj.target_l > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listbj.target_l, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listbj.target_l, 2)
                          }}
                        </span>
                      </span>
                    </el-col>
                  </el-row>
                </div>
              </template>
            </borderTemp>
          </el-col>
        </el-row>
      </el-col>
      <!--  上月    -->
      <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
        <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-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
        <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(listbn.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="listbn.unamount < 0"
                            style="color: #e13333"
                          >
                            ¥{{
                              listbn.unamount < -100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbn.unamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listbn.unamount < -10000
                                ? tool.formatAmount(
                                    tool.unitConversion(listbn.unamount, 10000),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listbn.unamount, 2)
                            }}
                          </span>
                          <span v-else style="color: #009270">
                            ¥{{
                              listbn.unamount > 100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbn.unamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listbn.unamount > 10000
                                ? tool.formatAmount(
                                    tool.unitConversion(listbn.unamount, 10000),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listbn.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>
                          ¥
                          {{
                            listbn.amount > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(listbn.amount, 100000000),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listbn.amount > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listbn.amount, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listbn.amount, 2)
                          }}
                        </span>
                        <span>
                          /¥
                          {{
                            listbn.target_l > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listbn.target_l,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listbn.target_l > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listbn.target_l, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listbn.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(listbn.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="listbn.unoutamount < 0"
                            style="color: #e13333"
                          >
                            ¥{{
                              listbn.unamount < -100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbn.unoutamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listbn.unoutamount < -10000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbn.unoutamount,
                                      10000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listbn.unoutamount, 2)
                            }}
                          </span>
                          <span v-else style="color: #009270">
                            ¥{{
                              listbn.unamount > 100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbn.unoutamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listbn.unoutamount > 10000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbn.unoutamount,
                                      10000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listbn.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>
                          ¥
                          {{
                            listbn.outamount > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listbn.outamount,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listbn.outamount > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listbn.outamount, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listbn.outamount, 2)
                          }}
                        </span>
                        <span>
                          /¥
                          {{
                            listbn.target_l > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listbn.target_l,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listbn.target_l > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listbn.target_l, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listbn.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(listbn.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="listbn.uninvoiceamount < 0"
                            style="color: #e13333"
                          >
                            ¥{{
                              listbn.uninvoiceamount < -100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbn.uninvoiceamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listbn.uninvoiceamount < -10000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbn.uninvoiceamount,
                                      10000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listbn.uninvoiceamount, 2)
                            }}
                          </span>
                          <span v-else style="color: #009270">
                            ¥{{
                              listbn.uninvoiceamount > 100000000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbn.uninvoiceamount,
                                      100000000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("亿")
                                : listbn.uninvoiceamount > 10000
                                ? tool.formatAmount(
                                    tool.unitConversion(
                                      listbn.uninvoiceamount,
                                      10000
                                    ),
                                    2
                                  ) +
                                  " " +
                                  $t("万")
                                : tool.formatAmount(listbn.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>
                          ¥
                          {{
                            listbn.invoiceamount > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listbn.invoiceamount,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listbn.invoiceamount > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listbn.invoiceamount,
                                    10000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listbn.invoiceamount, 2)
                          }}
                        </span>
                        <span>
                          /¥
                          {{
                            listbn.target_l > 100000000
                              ? tool.formatAmount(
                                  tool.unitConversion(
                                    listbn.target_l,
                                    100000000
                                  ),
                                  2
                                ) +
                                " " +
                                $t("亿")
                              : listbn.target_l > 10000
                              ? tool.formatAmount(
                                  tool.unitConversion(listbn.target_l, 10000),
                                  2
                                ) +
                                " " +
                                $t("万")
                              : tool.formatAmount(listbn.target_l, 2)
                          }}
                        </span>
                      </span>
                    </el-col>
                  </el-row>
                </div>
              </template>
            </borderTemp>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import borderTemp from "../components/border";
export default {
  name: "performanceData",
  props: ["param", "isDep", "dataid", "isPerson"],
  components: { borderTemp },
  data() {
    return {
      listby: "",
      listbj: "",
      listbn: "",
      listsy: "",
    };
  },
  methods: {
    async queryList() {
      /*this.isDep ? this.param.content.type = 1: this.isPerson ? this.param.content.type = 0 : this.param.content.type = ''*/
      this.param.content.dataType = 3;
      /*  this.param.content.dataid = this.dataid*/
      const res = await this.$api.requested(this.param);
      this.listby = res.data.by;
      this.listbj = res.data.bj;
      this.listbn = res.data.bn;
      this.listsy = res.data.sy;
    },
  },
};
</script>

<style scoped>
.title-fonts {
  font-size: 12px;
  color: #888;
  padding: 5px 0 0 5px;
}
</style>