作业看板更新

src/HDrpManagement/dataanalysis/index.vue

@@ -119,6 +119,7 @@ export default {
       const res = await this.$api.requested(this.depmentParam)
       this.deplist = this.createMenu(res.data.dep)
       this.personnelList = res.data.hr
+      this.range = JSON.parse(window.sessionStorage.getItem('active_account')).name
       this.$refs.assignment.queryList()
       this.$refs.sales.queryList()
       this.$refs.performance.queryList()

src/HDrpManagement/dataanalysis/modules/performanceData.vue

@@ -14,108 +14,122 @@
           <el-col :span="8">
             <borderTemp>
               <template #content>
-                <el-row>
-                  <el-col class="title-fonts">订单目标</el-col>
-                </el-row>
-                <el-row :gutter="20">
-                  <el-col :span="12">
+                <div style="margin-left: 4px;margin-right: 10px">
+                  <el-row>
+                    <el-col class="title-fonts">订单目标</el-col>
+                  </el-row>
+                  <el-row :gutter="20" >
+                    <el-col :span="12">
                     <span style="font-size: 18px;padding: 0 0 0 5px">
                       {{tool.formatAmount(listby.wcamount * 100,2) + '%'}}
                     </span>
-                  </el-col>
-                  <el-col :span="12">
-                    <span style="font-size: 12px;padding: 0 0 0 5px">
-                      <span v-if="listby.unamount < 0" style="color: #E13333">
-                        ¥{{tool.formatAmount(listby.unamount,2)}}
-                      </span>
-                      <span v-else style="color: #009270">
-                        ¥{{tool.formatAmount(listby.unamount,2)}}
-                      </span>
-                    </span>
-                  </el-col>
-                </el-row>
-                <el-row>
-                  <el-col class="title-fonts" >实际/目标</el-col>
-                </el-row>
-                <el-row>
-                  <el-col>
+                    </el-col>
+                    <el-col :span="12">
+                      <div style="float: right">
+                        <span style="font-size: 12px;padding: 0 0 0 5px">
+                          <span v-if="listby.unamount < 0" style="color: #E13333">
+                            ¥{{tool.formatAmount(listby.unamount,2)}}
+                          </span>
+                          <span v-else style="color: #009270">
+                            ¥{{tool.formatAmount(listby.unamount,2)}}
+                          </span>
+                        </span>
+                      </div>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col class="title-fonts" >实际/目标</el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col>
                     <span style="font-size: 12px;padding: 0 0 0 5px">
                       {{'¥'+tool.formatAmount(listby.amount,2) + '/'+ '¥'+ tool.formatAmount(listby.target_l,2)}}
                     </span>
-                  </el-col>
-                </el-row>
+                    </el-col>
+                  </el-row>
+                </div>
+
               </template>
             </borderTemp>
           </el-col>
           <el-col :span="8">
             <borderTemp>
               <template #content>
-                <el-row>
-                  <el-col class="title-fonts">出货目标</el-col>
-                </el-row>
-                <el-row :gutter="20">
-                  <el-col :span="12">
+                <div style="margin-left: 4px;margin-right: 10px">
+                  <el-row>
+                    <el-col class="title-fonts">出货目标</el-col>
+                  </el-row>
+                  <el-row :gutter="20">
+                    <el-col :span="12">
                     <span style="font-size: 18px;padding: 0 0 0 5px">
                       {{tool.formatAmount(listby.wcoutamount * 100,2) + '%'}}
                     </span>
-                  </el-col>
-                  <el-col :span="12">
-                    <span style="font-size: 12px;padding: 0 0 0 5px">
-                      <span v-if="listby.unoutamount < 0" style="color: #E13333">
-                        ¥{{tool.formatAmount(listby.unoutamount,2)}}
-                      </span>
-                      <span v-else style="color: #009270">
-                        ¥{{tool.formatAmount(listby.unoutamount,2)}}
-                      </span>
-                    </span>
-                  </el-col>
-                </el-row>
-                <el-row>
-                  <el-col class="title-fonts" >实际/目标</el-col>
-                </el-row>
-                <el-row>
-                  <el-col>
+                    </el-col>
+                    <el-col :span="12">
+                      <div style="float: right">
+                        <span style="font-size: 12px;padding: 0 0 0 5px">
+                          <span v-if="listby.unoutamount < 0" style="color: #E13333">
+                            ¥{{tool.formatAmount(listby.unoutamount,2)}}
+                          </span>
+                          <span v-else style="color: #009270">
+                            ¥{{tool.formatAmount(listby.unoutamount,2)}}
+                          </span>
+                        </span>
+                      </div>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col class="title-fonts" >实际/目标</el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col>
                     <span style="font-size: 12px;padding: 0 0 0 5px">
                       {{'¥'+tool.formatAmount(listby.amount,2) + '/'+ '¥'+ tool.formatAmount(listby.target_l,2)}}
                     </span>
-                  </el-col>
-                </el-row>
+                    </el-col>
+                  </el-row>
+                </div>
+
               </template>
             </borderTemp>
           </el-col>
           <el-col :span="8">
             <borderTemp>
               <template #content>
-                <el-row>
-                  <el-col class="title-fonts">开票目标</el-col>
-                </el-row>
-                <el-row :gutter="20">
-                  <el-col :span="12">
+                <div style="margin-left: 4px;margin-right: 10px">
+                  <el-row>
+                    <el-col class="title-fonts">开票目标</el-col>
+                  </el-row>
+                  <el-row :gutter="20">
+                    <el-col :span="12">
                     <span style="font-size: 18px;padding: 0 0 0 5px">
                       {{tool.formatAmount(listby.wcinvoiceamount * 100,2) + '%'}}
                     </span>
-                  </el-col>
-                  <el-col :span="12">
-                    <span style="font-size: 12px;padding: 0 0 0 5px">
-                      <span v-if="listby.uninvoiceamount < 0" style="color: #E13333">
-                        ¥{{tool.formatAmount(listby.uninvoiceamount,2)}}
-                      </span>
-                      <span v-else style="color: #009270">
-                        ¥{{tool.formatAmount(listby.uninvoiceamount,2)}}
-                      </span>
-                    </span>
-                  </el-col>
-                </el-row>
-                <el-row>
-                  <el-col class="title-fonts" >实际/目标</el-col>
-                </el-row>
-                <el-row>
-                  <el-col>
+                    </el-col>
+                    <el-col :span="12">
+                      <div style="float: right">
+                        <span style="font-size: 12px;padding: 0 0 0 5px">
+                          <span v-if="listby.uninvoiceamount < 0" style="color: #E13333">
+                            ¥{{tool.formatAmount(listby.uninvoiceamount,2)}}
+                          </span>
+                          <span v-else style="color: #009270">
+                            ¥{{tool.formatAmount(listby.uninvoiceamount,2)}}
+                          </span>
+                        </span>
+                      </div>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col class="title-fonts" >实际/目标</el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col>
                     <span style="font-size: 12px;padding: 0 0 0 5px">
                       {{'¥'+tool.formatAmount(listby.amount,2) + '/'+ '¥'+ tool.formatAmount(listby.target_l,2)}}
                     </span>
-                  </el-col>
-                </el-row>
+                    </el-col>
+                  </el-row>
+                </div>
               </template>
             </borderTemp>
           </el-col>
@@ -134,108 +148,124 @@
           <el-col :span="8">
             <borderTemp>
               <template #content>
-                <el-row>
-                  <el-col class="title-fonts">订单目标</el-col>
-                </el-row>
-                <el-row :gutter="20">
-                  <el-col :span="12">
+                <div style="margin-left: 4px;margin-right: 10px">
+                  <el-row>
+                    <el-col class="title-fonts">订单目标</el-col>
+                  </el-row>
+                  <el-row :gutter="20">
+                    <el-col :span="12">
                     <span style="font-size: 18px;padding: 0 0 0 5px">
                       {{tool.formatAmount(listbj.wcamount * 100,2) + '%'}}
                     </span>
-                  </el-col>
-                  <el-col :span="12">
-                    <span style="font-size: 12px;padding: 0 0 0 5px">
-                      <span v-if="listby.unamount < 0" style="color: #E13333">
-                        ¥{{tool.formatAmount(listby.unamount,2)}}
-                      </span>
-                      <span v-else style="color: #009270">
-                        ¥{{tool.formatAmount(listby.unamount,2)}}
-                      </span>
-                    </span>
-                  </el-col>
-                </el-row>
-                <el-row>
-                  <el-col class="title-fonts" >实际/目标</el-col>
-                </el-row>
-                <el-row>
-                  <el-col>
+                    </el-col>
+                    <el-col :span="12">
+                      <div style="float: right">
+                         <span style="font-size: 12px;padding: 0 0 0 5px">
+                          <span v-if="listby.unamount < 0" style="color: #E13333">
+                            ¥{{tool.formatAmount(listby.unamount,2)}}
+                          </span>
+                          <span v-else style="color: #009270">
+                            ¥{{tool.formatAmount(listby.unamount,2)}}
+                          </span>
+                        </span>
+                      </div>
+
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col class="title-fonts" >实际/目标</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)}}
                     </span>
-                  </el-col>
-                </el-row>
+                    </el-col>
+                  </el-row>
+                </div>
+
               </template>
             </borderTemp>
           </el-col>
           <el-col :span="8">
             <borderTemp>
               <template #content>
-                <el-row>
-                  <el-col class="title-fonts">出货目标</el-col>
-                </el-row>
-                <el-row :gutter="20">
-                  <el-col :span="12">
+                <div style="margin-left: 4px;margin-right: 10px">
+                  <el-row>
+                    <el-col class="title-fonts">出货目标</el-col>
+                  </el-row>
+                  <el-row :gutter="20">
+                    <el-col :span="12">
                     <span style="font-size: 18px;padding: 0 0 0 5px">
                       {{tool.formatAmount(listbj.wcoutamount * 100,2) + '%'}}
                     </span>
-                  </el-col>
-                  <el-col :span="12">
-                    <span style="font-size: 12px;padding: 0 0 0 5px">
-                       <span v-if="listby.unoutamount < 0" style="color: #E13333">
-                        ¥{{tool.formatAmount(listby.unoutamount,2)}}
-                      </span>
-                      <span v-else style="color: #009270">
-                        ¥{{tool.formatAmount(listby.unoutamount,2)}}
-                      </span>
-                    </span>
-                  </el-col>
-                </el-row>
-                <el-row>
-                  <el-col class="title-fonts" >实际/目标</el-col>
-                </el-row>
-                <el-row>
-                  <el-col>
+                    </el-col>
+                    <el-col :span="12">
+                      <div style="float: right">
+                         <span style="font-size: 12px;padding: 0 0 0 5px">
+                           <span v-if="listby.unoutamount < 0" style="color: #E13333">
+                            ¥{{tool.formatAmount(listby.unoutamount,2)}}
+                          </span>
+                          <span v-else style="color: #009270">
+                            ¥{{tool.formatAmount(listby.unoutamount,2)}}
+                          </span>
+                        </span>
+                      </div>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col class="title-fonts" >实际/目标</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)}}
                     </span>
-                  </el-col>
-                </el-row>
+                    </el-col>
+                  </el-row>
+                </div>
+
               </template>
             </borderTemp>
           </el-col>
           <el-col :span="8">
             <borderTemp>
               <template #content>
-                <el-row>
-                  <el-col class="title-fonts">开票目标</el-col>
-                </el-row>
-                <el-row :gutter="20">
-                  <el-col :span="12">
+                <div style="margin-left: 4px;margin-right: 10px">
+                  <el-row>
+                    <el-col class="title-fonts">开票目标</el-col>
+                  </el-row>
+                  <el-row :gutter="20">
+                    <el-col :span="12">
                     <span style="font-size: 18px;padding: 0 0 0 5px">
                       {{tool.formatAmount(listbj.wcinvoiceamount * 100,2) + '%'}}
                     </span>
-                  </el-col>
-                  <el-col :span="12">
-                    <span style="font-size: 12px;padding: 0 0 0 5px">
-                       <span v-if="listby.uninvoiceamount < 0" style="color: #E13333">
-                        ¥{{tool.formatAmount(listby.uninvoiceamount,2)}}
-                      </span>
-                      <span v-else style="color: #009270">
-                        ¥{{tool.formatAmount(listby.uninvoiceamount,2)}}
-                      </span>
-                    </span>
-                  </el-col>
-                </el-row>
-                <el-row>
-                  <el-col class="title-fonts" >实际/目标</el-col>
-                </el-row>
-                <el-row>
-                  <el-col>
+                    </el-col>
+                    <el-col :span="12">
+                      <div style="float: right">
+                        <span style="font-size: 12px;padding: 0 0 0 5px">
+                           <span v-if="listby.uninvoiceamount < 0" style="color: #E13333">
+                            ¥{{tool.formatAmount(listby.uninvoiceamount,2)}}
+                          </span>
+                          <span v-else style="color: #009270">
+                            ¥{{tool.formatAmount(listby.uninvoiceamount,2)}}
+                          </span>
+                        </span>
+                      </div>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col class="title-fonts" >实际/目标</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)}}
                     </span>
-                  </el-col>
-                </el-row>
+                    </el-col>
+                  </el-row>
+                </div>
+
               </template>
             </borderTemp>
           </el-col>
@@ -254,108 +284,124 @@
           <el-col :span="8">
             <borderTemp>
               <template #content>
-                <el-row>
-                  <el-col class="title-fonts">订单目标</el-col>
-                </el-row>
-                <el-row :gutter="20">
-                  <el-col :span="12">
+                <div style="margin-left: 4px;margin-right: 10px">
+                  <el-row>
+                    <el-col class="title-fonts">订单目标</el-col>
+                  </el-row>
+                  <el-row :gutter="20">
+                    <el-col :span="12">
                     <span style="font-size: 18px;padding: 0 0 0 5px">
                       {{tool.formatAmount(listbn.wcamount * 100,2) + '%'}}
                     </span>
-                  </el-col>
-                  <el-col :span="12">
-                    <span style="font-size: 12px;padding: 0 0 0 5px">
-                      <span v-if="listby.unamount < 0" style="color: #E13333">
-                        ¥{{tool.formatAmount(listby.unamount,2)}}
-                      </span>
-                      <span v-else style="color: #009270">
-                        ¥{{tool.formatAmount(listby.unamount,2)}}
-                      </span>
-                    </span>
-                  </el-col>
-                </el-row>
-                <el-row>
-                  <el-col class="title-fonts" >实际/目标</el-col>
-                </el-row>
-                <el-row>
-                  <el-col>
+                    </el-col>
+                    <el-col :span="12">
+                      <div style="float: right">
+                         <span style="font-size: 12px;padding: 0 0 0 5px">
+                          <span v-if="listby.unamount < 0" style="color: #E13333">
+                            ¥{{tool.formatAmount(listby.unamount,2)}}
+                          </span>
+                          <span v-else style="color: #009270">
+                            ¥{{tool.formatAmount(listby.unamount,2)}}
+                          </span>
+                        </span>
+                      </div>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col class="title-fonts" >实际/目标</el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col>
                     <span style="font-size: 12px;padding: 0 0 0 5px">
                       {{tool.formatAmount(listbn.amount,2) + '/'+ tool.formatAmount(listbn.target_l,2)}}
                     </span>
-                  </el-col>
-                </el-row>
+                    </el-col>
+                  </el-row>
+                </div>
               </template>
             </borderTemp>
           </el-col>
           <el-col :span="8">
             <borderTemp>
               <template #content>
-                <el-row>
-                  <el-col class="title-fonts">出货目标</el-col>
-                </el-row>
-                <el-row :gutter="20">
-                  <el-col :span="12">
+                <div style="margin-left: 4px;margin-right: 10px">
+                  <el-row>
+                    <el-col class="title-fonts">出货目标</el-col>
+                  </el-row>
+                  <el-row :gutter="20">
+                    <el-col :span="12">
                     <span style="font-size: 18px;padding: 0 0 0 5px">
                       {{tool.formatAmount(listbn.wcoutamount * 100,2) + '%'}}
                     </span>
-                  </el-col>
-                  <el-col :span="12">
-                    <span style="font-size: 12px;padding: 0 0 0 5px">
-                      <span v-if="listby.unoutamount < 0" style="color: #E13333">
-                        ¥{{tool.formatAmount(listby.unoutamount,2)}}
-                      </span>
-                      <span v-else style="color: #009270">
-                        ¥{{tool.formatAmount(listby.unoutamount,2)}}
-                      </span>
-                    </span>
-                  </el-col>
-                </el-row>
-                <el-row>
-                  <el-col class="title-fonts" >实际/目标</el-col>
-                </el-row>
-                <el-row>
-                  <el-col>
+                    </el-col>
+                    <el-col :span="12">
+                      <div style="float: right">
+                        <span style="font-size: 12px;padding: 0 0 0 5px">
+                          <span v-if="listby.unoutamount < 0" style="color: #E13333">
+                            ¥{{tool.formatAmount(listby.unoutamount,2)}}
+                          </span>
+                          <span v-else style="color: #009270">
+                            ¥{{tool.formatAmount(listby.unoutamount,2)}}
+                          </span>
+                       </span>
+                      </div>
+
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col class="title-fonts" >实际/目标</el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col>
                     <span style="font-size: 12px;padding: 0 0 0 5px">
                       {{tool.formatAmount(listbn.amount,2) + '/'+ tool.formatAmount(listbn.target_l,2)}}
                     </span>
-                  </el-col>
-                </el-row>
+                    </el-col>
+                  </el-row>
+                </div>
+
               </template>
             </borderTemp>
           </el-col>
           <el-col :span="8">
             <borderTemp>
               <template #content>
-                <el-row>
-                  <el-col class="title-fonts">开票目标</el-col>
-                </el-row>
-                <el-row :gutter="20">
-                  <el-col :span="12">
+                <div style="margin-left: 4px;margin-right: 10px">
+                  <el-row>
+                    <el-col class="title-fonts">开票目标</el-col>
+                  </el-row>
+                  <el-row :gutter="20">
+                    <el-col :span="12">
                     <span style="font-size: 18px;padding: 0 0 0 5px">
                       {{tool.formatAmount(listbn.wcinvoiceamount * 100,2) + '%'}}
                     </span>
-                  </el-col>
-                  <el-col :span="12">
-                    <span style="font-size: 12px;padding: 0 0 0 5px">
-                       <span v-if="listby.uninvoiceamount < 0" style="color: #E13333">
-                        ¥{{tool.formatAmount(listby.uninvoiceamount,2)}}
-                      </span>
-                      <span v-else style="color: #009270">
-                        ¥{{tool.formatAmount(listby.uninvoiceamount,2)}}
-                      </span>
-                    </span>
-                  </el-col>
-                </el-row>
-                <el-row>
-                  <el-col class="title-fonts" >实际/目标</el-col>
-                </el-row>
-                <el-row>
-                  <el-col>
+                    </el-col>
+                    <el-col :span="12">
+                      <div style="float: right">
+                        <span style="font-size: 12px;padding: 0 0 0 5px">
+                         <span v-if="listby.uninvoiceamount < 0" style="color: #E13333">
+                          ¥{{tool.formatAmount(listby.uninvoiceamount,2)}}
+                          </span>
+                          <span v-else style="color: #009270">
+                            ¥{{tool.formatAmount(listby.uninvoiceamount,2)}}
+                          </span>
+                         </span>
+                      </div>
+
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col class="title-fonts" >实际/目标</el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col>
                     <span style="font-size: 12px;padding: 0 0 0 5px">
                       {{tool.formatAmount(listbn.amount,2) + '/'+ tool.formatAmount(listbn.target_l,2)}}
                     </span>
-                  </el-col>
-                </el-row>
+                    </el-col>
+                  </el-row>
+                </div>
+
               </template>
             </borderTemp>
           </el-col>