buhuazhen
6 天以前 b460359cb46342712e2efc2b5a6e6aa84b729c4c
  feat: 大屏调整
已修改5个文件
107 ■■■■■ 文件已修改
src/api/viewIndex.js 8 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/collaborativeApproval/approvalProcess/components/infoFormDia.vue 16 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/collaborativeApproval/approvalProcess/index.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/index.vue 55 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/reportAnalysis/dataDashboard/index.vue 26 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/api/viewIndex.js
@@ -15,6 +15,12 @@
        method: 'get'
    })
}
export const analysisSupplierContractAmounts = () => {
    return request({
        url: '/home/analysisSupplierContractAmounts',
        method: 'get'
    })
}
// 质检分析
export const qualityStatistics = () => {
    return request({
@@ -44,4 +50,4 @@
        url: '/sales/ledger/getAmountHalfYear',
        method: 'get'
    })
}
}
src/views/collaborativeApproval/approvalProcess/components/infoFormDia.vue
@@ -126,6 +126,19 @@
              />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="审核日期:" prop="approveOverTime">
              <el-date-picker
                  v-model="form.approveOverTime"
                  type="date"
                  placeholder="请选择审核日期"
                  value-format="YYYY-MM-DD"
                  format="YYYY-MM-DD"
                  clearable
                  style="width: 100%"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="30">
          <el-col :span="24">
@@ -191,7 +204,8 @@
    checkResult: "",
    tempFileIds: [],
    approverList: [], // 新增字段,存储所有节点的审批人id
    price: null // 报销金额
    price: null, // 报销金额
    approveOverTime: "" // 审核日期(报销管理专用)
  },
  rules: {
    approveTime: [{ required: false, message: "请输入", trigger: "change" },],
src/views/collaborativeApproval/approvalProcess/index.vue
@@ -136,7 +136,7 @@
          width: 200
    },
    {
      label: "结束日期",
      label: props.approveType == 4 ? "审核日期" : "结束日期",
      prop: "approveOverTime",
      width: 120
    },
src/views/index.vue
@@ -19,20 +19,6 @@
                    </div>
                </div>
                <div class="data-cards">
                    <div class="data-card sales">
                        <div class="data-title">销售数据</div>
                        <div class="data-num">
                            <div>
                                <div class="data-desc">本月销售额/元</div>
                                <div class="data-value">{{businessInfo.monthSaleMoney}}</div>
                            </div>
                            <div>
                                <div class="data-desc">未开票金额/元</div>
                                <div class="data-value">{{businessInfo.monthSaleHaveMoney}}</div>
                            </div>
                        </div>
                    </div>
                    <div class="data-card purchase">
                        <div class="data-title">采购数据</div>
                        <div class="data-num">
@@ -43,19 +29,6 @@
                            <div>
                                <div class="data-desc">待付款金额/元</div>
                                <div class="data-value">{{businessInfo.monthPurchaseHaveMoney}}</div>
                            </div>
                        </div>
                    </div>
                    <div class="data-card inventory">
                        <div class="data-title">库存数据</div>
                        <div class="data-num">
                            <div>
                                <div class="data-desc">当前库存总量/件</div>
                                <div class="data-value">{{businessInfo.inventoryNum}}</div>
                            </div>
                            <div>
                                <div class="data-desc">今日入库/件</div>
                                <div class="data-value">{{businessInfo.todayInventoryNum}}</div>
                            </div>
                        </div>
                    </div>
@@ -81,11 +54,11 @@
                </div>
            </div>
        </div>
        <!-- 中部横向两栏 -->
        <div class="dashboard-row">
            <div class="main-panel">
                <div class="section-title">客户合同金额分析</div>
                <div class="section-title">采购金额分析</div>
                <div class="contract-summary">
                    <div class="contract-info">
                        <img src="../assets/images/khtitle.png" alt="" style="width: 42px"/>
@@ -135,7 +108,7 @@
                                 style="height: 260px"></Echarts>
            </div>
        </div>
        <!-- 底部横向两栏 -->
        <div class="dashboard-row">
<!--            <div class="main-panel">-->
@@ -170,7 +143,7 @@
import * as echarts from 'echarts';
import useUserStore from "@/store/modules/user.js";
import {
    analysisCustomerContractAmounts, getAmountHalfYear,
  analysisSupplierContractAmounts, getAmountHalfYear,
    getBusiness,
    homeTodos,
    qualityStatistics,
@@ -367,7 +340,7 @@
}
// 合同金额
const analysisCustomer = () => {
    analysisCustomerContractAmounts().then((res) => {
  analysisSupplierContractAmounts().then((res) => {
        sum.value = res.data.sum
        yny.value = res.data.yny
        chain.value = res.data.chain
@@ -575,23 +548,11 @@
    box-shadow: 0 2px 8px #eee;
    display: flex;
    flex-direction: column;
    width: 32%;
    width: 100%;
    height: 140px;
}
.data-card.sales {
    background-image: url("../assets/images/xioashoushuju.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.data-card.purchase {
    background-image: url("../assets/images/caigou.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.data-card.inventory {
    background-image: url("../assets/images/kucun.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
@@ -789,7 +750,7 @@
}
.quality-card.three {
    background-image: url("../assets/images/chuchang.png");
}
.quality-card span {
    color: #4fc3f7;
@@ -801,4 +762,4 @@
    height: 220px;
    margin-top: 10px;
}
</style>
</style>
src/views/reportAnalysis/dataDashboard/index.vue
@@ -8,17 +8,17 @@
                <path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/>
            </svg>
        </button>
        <div class="dashboard-header">
            <div class="factory-name">{{ userStore.currentFactoryName }}</div>
        </div>
        <div class="dashboard-content">
            <div class="content-main">
                <div class="top-panels">
                    <div class="left-panel">
                        <div class="panel-header">
                            <span class="panel-title">客户信息统计分析</span>
                            <span class="panel-title">采购信息统计分析</span>
                        </div>
                        <div class="panel-item-customers">
                            <div class="panel-title-second">
@@ -55,7 +55,7 @@
                            </div>
                        </div>
                    </div>
                    <div class="center-panel">
                        <div class="stats-cards">
                            <div class="stat-card">
@@ -80,7 +80,7 @@
                                </div>
                            </div>
                        </div>
                        <div class="event-info">
                            <div class="event-header">
                                <img src="@/assets/BI/shijianmingxiicon@2x.png" alt="图标" class="event-icon" />
@@ -104,7 +104,7 @@
                        </div>
                    </div>
                </div>
                <div class="financial-header">
                    <span class="financial-title">财务分析</span>
                </div>
@@ -129,7 +129,7 @@
                    </div>
                </div>
            </div>
            <div class="right-panel">
                <div class="panel-header">
                    <span class="panel-title">应收应付统计</span>
@@ -157,7 +157,7 @@
                        style="height: 260px"
                    />
                </div>
                <div class="panel-header">
                    <span class="panel-title">回款与开票分析</span>
                </div>
@@ -187,7 +187,7 @@
import Echarts from "@/components/Echarts/echarts.vue";
import useUserStore from '@/store/modules/user'
import {
    analysisCustomerContractAmounts, getAmountHalfYear,
  analysisSupplierContractAmounts, getAmountHalfYear,
    homeTodos,
    statisticsReceivablePayable
} from "@/api/viewIndex.js";
@@ -526,7 +526,7 @@
    charts.value = []
}
const analysisCustomer = () => {
    analysisCustomerContractAmounts().then((res) => {
  analysisSupplierContractAmounts().then((res) => {
        sum.value = res.data.sum
        yny.value = res.data.yny
        chain.value = res.data.chain
@@ -538,7 +538,7 @@
}
const accountStatisticsInfo = () => {
    listPageAnalysis().then((res) => {
        xAxis3.value[0].data = res.data.days
        xAxis3.value[0].data = res.data.months
        barSeries11.value[0].data = res.data.totalIncome
        barSeries11.value[1].data = res.data.totalExpense
        barSeries11.value[2].data = res.data.netIncome
@@ -794,7 +794,7 @@
            contractList._pauseTimer = pauseTimer
        }
    })
    window.addEventListener('resize', handleResize)
    analysisCustomer()
    accountStatisticsInfo()
@@ -802,7 +802,7 @@
    todoInfoS()
    statisticsReceivable()
    getAmountHalfYearNum()
    autoSwitchTimer.value = setInterval(() => {
        radio1.value = radio1.value === 3 ? 1 : radio1.value + 1
        statisticsReceivable()