projects/mescc/zhp #110
| @@ -7,7 +7,7 @@ | |||||||
|  |  | ||||||
| <template> | <template> | ||||||
|   <div class="copilot-header"> |   <div class="copilot-header"> | ||||||
|     <section class="menu"> |     <section class="menu left"> | ||||||
|       <CopilotButton v-for="i in ['产量', '效率']" :key="i" :label="i" :active="i === active" |       <CopilotButton v-for="i in ['产量', '效率']" :key="i" :label="i" :active="i === active" | ||||||
|         @click="() => $emit('update:active', i)" /> |         @click="() => $emit('update:active', i)" /> | ||||||
|       <div class="type-name"></div> |       <div class="type-name"></div> | ||||||
| @@ -15,7 +15,7 @@ | |||||||
|         @click="() => $emit('update:than', i)" /> |         @click="() => $emit('update:than', i)" /> | ||||||
|     </section> |     </section> | ||||||
|     <div class="page-title">{{ active }}驾驶舱</div> |     <div class="page-title">{{ active }}驾驶舱</div> | ||||||
|     <section class="menu" style="width: 24vw;float: right;"> |     <section class="menu right" style="width: 24vw;float: right;"> | ||||||
|       <CopilotButton v-for="i in ['日', '周', '月', '年']" :key="i" :label="i" :active="i === period" |       <CopilotButton v-for="i in ['日', '周', '月', '年']" :key="i" :label="i" :active="i === period" | ||||||
|         @click="() => $emit('update:period', i)" /> |         @click="() => $emit('update:period', i)" /> | ||||||
|       <div class="btn-group"> |       <div class="btn-group"> | ||||||
| @@ -132,7 +132,13 @@ export default { | |||||||
|   justify-content: space-between; |   justify-content: space-between; | ||||||
| } | } | ||||||
|  |  | ||||||
| .copilot-header > section { | .copilot-header > .left { | ||||||
|  |   width: 26vw; | ||||||
|  |   display: flex; | ||||||
|  |   align-items: center; | ||||||
|  |   gap: 8px; | ||||||
|  | } | ||||||
|  | .copilot-header >.right { | ||||||
|   width: 26vw; |   width: 26vw; | ||||||
|   display: flex; |   display: flex; | ||||||
|   align-items: center; |   align-items: center; | ||||||
| @@ -184,7 +190,7 @@ export default { | |||||||
|       /* top: 10px; */ |       /* top: 10px; */ | ||||||
|     } |     } | ||||||
| .page-title { | .page-title { | ||||||
|   width: 25vw; |   width: 26vw; | ||||||
|   font-size: 54px; |   font-size: 54px; | ||||||
|   line-height: 70px; |   line-height: 70px; | ||||||
|   letter-spacing: 5px; |   letter-spacing: 5px; | ||||||
|   | |||||||
| @@ -1,7 +1,7 @@ | |||||||
| <!-- | <!-- | ||||||
|  * @Author: zhp |  * @Author: zhp | ||||||
|  * @Date: 2024-04-28 13:42:51 |  * @Date: 2024-04-28 13:42:51 | ||||||
|  * @LastEditTime: 2024-05-31 13:26:32 |  * @LastEditTime: 2024-07-31 08:52:25 | ||||||
|  * @LastEditors: zhp |  * @LastEditors: zhp | ||||||
|  * @Description: |  * @Description: | ||||||
| --> | --> | ||||||
| @@ -54,8 +54,8 @@ button { | |||||||
|   background: #006acd40; |   background: #006acd40; | ||||||
|   backdrop-filter: blur(3px); |   backdrop-filter: blur(3px); | ||||||
|   text-align: center; |   text-align: center; | ||||||
|   padding: 12px; |   padding: 16px 24px 16px 24px; | ||||||
|   padding-left: 20px; |   padding-left: 32px; | ||||||
|   color: #fff; |   color: #fff; | ||||||
|   font-size: 18px; |   font-size: 18px; | ||||||
|   letter-spacing: 10px; |   letter-spacing: 10px; | ||||||
|   | |||||||
| @@ -1,13 +1,13 @@ | |||||||
| <!-- | <!-- | ||||||
|  * @Author: zhp |  * @Author: zhp | ||||||
|  * @Date: 2024-04-15 10:49:13 |  * @Date: 2024-04-15 10:49:13 | ||||||
|  * @LastEditTime: 2024-07-25 14:15:21 |  * @LastEditTime: 2024-07-30 10:31:35 | ||||||
|  * @LastEditors: zhp |  * @LastEditors: zhp | ||||||
|  * @Description: |  * @Description: | ||||||
| --> | --> | ||||||
| <template> | <template> | ||||||
|   <div style="display: flex; flex-direction: column; min-height: calc(100vh - 200px - 31px)"> |   <div style="display: flex; flex-direction: column; min-height: calc(100vh - 200px - 31px)"> | ||||||
|     <div class="app-container" style="padding: 16px 24px 0; height: auto; flex-grow: 1;"> |     <div class="app-container" style="padding: 16px 16px 0; height: auto; flex-grow: 1;"> | ||||||
|       <el-form :model="listQuery" :inline="true" ref="dataForm" class="blueTip"> |       <el-form :model="listQuery" :inline="true" ref="dataForm" class="blueTip"> | ||||||
|         <el-form-item label="时间维度" prop="type"> |         <el-form-item label="时间维度" prop="type"> | ||||||
|           <el-select @change="changType" v-model="listQuery.type" size="small" clearable placeholder="请选择"> |           <el-select @change="changType" v-model="listQuery.type" size="small" clearable placeholder="请选择"> | ||||||
|   | |||||||
| @@ -75,7 +75,7 @@ export default { | |||||||
|                     : `<span style="display:inline-block;margin-right:4px;border-radius:2px;width:10px;height:10px;background-color:${params[i].color}"></span>` |                     : `<span style="display:inline-block;margin-right:4px;border-radius:2px;width:10px;height:10px;background-color:${params[i].color}"></span>` | ||||||
|                 }` + |                 }` + | ||||||
|                 `<span style='display:inline-block;width:180px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` + |                 `<span style='display:inline-block;width:180px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` + | ||||||
|                 `<span style='color:rgba(0,0,0,0.48);font-size:14px;'>${ |                 `<span style='color:rgba(0,0,0,0.48);width:150px;display:inline-block;font-size:14px;text-align:right'>${ | ||||||
|                   params[i].name === "%" |                   params[i].name === "%" | ||||||
|                     ? (params[i].value ? params[i].value.toFixed(2) : "0.00") + |                     ? (params[i].value ? params[i].value.toFixed(2) : "0.00") + | ||||||
|                       params[i].name |                       params[i].name | ||||||
|   | |||||||
| @@ -1,7 +1,7 @@ | |||||||
| <!-- | <!-- | ||||||
|  * @Author: zhp |  * @Author: zhp | ||||||
|  * @Date: 2024-06-19 15:28:34 |  * @Date: 2024-06-19 15:28:34 | ||||||
|  * @LastEditTime: 2024-07-26 16:43:54 |  * @LastEditTime: 2024-07-30 10:56:01 | ||||||
|  * @LastEditors: zhp |  * @LastEditors: zhp | ||||||
|  * @Description: |  * @Description: | ||||||
| --> | --> | ||||||
| @@ -61,7 +61,7 @@ export default { | |||||||
|                 : `<span style="display:inline-block;margin-right:4px;border-radius:2px;width:10px;height:10px;background-color:${params[i].color}"></span>` |                 : `<span style="display:inline-block;margin-right:4px;border-radius:2px;width:10px;height:10px;background-color:${params[i].color}"></span>` | ||||||
|               }` + |               }` + | ||||||
|                 `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` + |                 `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` + | ||||||
|               `<span style='color:rgba(0,0,0,0.48);font-size:14px;'>${params[i].seriesName === "综合良率" |               `<span style='color:rgba(0,0,0,0.48);width:100px;display:inline-block;font-size:14px;text-align:right'>${params[i].seriesName === "综合良率" | ||||||
|                   ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%" |                   ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%" | ||||||
|                 : params[i].seriesName === "转化效率" |                 : params[i].seriesName === "转化效率" | ||||||
|                     ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%" |                     ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%" | ||||||
|   | |||||||
| @@ -1,7 +1,7 @@ | |||||||
| <!-- | <!-- | ||||||
|  * @Author: zhp |  * @Author: zhp | ||||||
|  * @Date: 2024-06-20 16:13:36 |  * @Date: 2024-06-20 16:13:36 | ||||||
|  * @LastEditTime: 2024-07-09 16:15:10 |  * @LastEditTime: 2024-07-30 16:04:05 | ||||||
|  * @LastEditors: zhp |  * @LastEditors: zhp | ||||||
|  * @Description: |  * @Description: | ||||||
| --> | --> | ||||||
| @@ -58,7 +58,7 @@ export default { | |||||||
|                 "<br/>" + |                 "<br/>" + | ||||||
|                 `<span style='display:inline-block;margin-right:4px;width:10px;height:10px;background-color:${params[i].color}'></span>` + |                 `<span style='display:inline-block;margin-right:4px;width:10px;height:10px;background-color:${params[i].color}'></span>` + | ||||||
|                 `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` + |                 `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` + | ||||||
|               `<span style='color:rgba(0,0,0,0.48);font-size:14px;'>${params[i].seriesName === "综合良率" |               `<span style='color:rgba(0,0,0,0.48);width:auto;display:inline-block;font-size:14px;text-align:right'>${params[i].seriesName === "综合良率" | ||||||
|                 ? (params[i].data.titleValue ? parseFloat(params[i].data.titleValue.toFixed(2)) : 0.0) + "%" |                 ? (params[i].data.titleValue ? parseFloat(params[i].data.titleValue.toFixed(2)) : 0.0) + "%" | ||||||
|                 : params[i].seriesName === "转化效率" |                 : params[i].seriesName === "转化效率" | ||||||
|                   ? (params[i].data.titleValue ? parseFloat(params[i].data.titleValue.toFixed(2)) : 0.0) + "%" |                   ? (params[i].data.titleValue ? parseFloat(params[i].data.titleValue.toFixed(2)) : 0.0) + "%" | ||||||
|   | |||||||
| @@ -1,7 +1,7 @@ | |||||||
| <!-- | <!-- | ||||||
|  * @Author: zhp |  * @Author: zhp | ||||||
|  * @Date: 2024-06-20 16:13:52 |  * @Date: 2024-06-20 16:13:52 | ||||||
|  * @LastEditTime: 2024-07-11 16:45:08 |  * @LastEditTime: 2024-07-30 10:42:10 | ||||||
|  * @LastEditors: zhp |  * @LastEditors: zhp | ||||||
|  * @Description: |  * @Description: | ||||||
| --> | --> | ||||||
| @@ -57,7 +57,7 @@ export default { | |||||||
|                 "<br/>" + |                 "<br/>" + | ||||||
|                 `<span style='display:inline-block;margin-right:4px;width:10px;height:10px;background-color:${params[i].color}'></span>` + |                 `<span style='display:inline-block;margin-right:4px;width:10px;height:10px;background-color:${params[i].color}'></span>` + | ||||||
|                 `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` + |                 `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` + | ||||||
|               `<span style='color:rgba(0,0,0,0.48);font-size:14px;'>${params[i].seriesName === "综合良率" |               `<span style='color:rgba(0,0,0,0.48);width:150px;display:inline-block;font-size:14px;text-align:right'>${params[i].seriesName === "综合良率" | ||||||
|                   ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%" |                   ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%" | ||||||
|                 : params[i].seriesName === "转化效率" |                 : params[i].seriesName === "转化效率" | ||||||
|                   ? parseFloat(params[i].value.toFixed(2)) + "%" |                   ? parseFloat(params[i].value.toFixed(2)) + "%" | ||||||
|   | |||||||
| @@ -1,7 +1,7 @@ | |||||||
| <!-- | <!-- | ||||||
|  * @Author: zhp |  * @Author: zhp | ||||||
|  * @Date: 2024-07-09 16:06:13 |  * @Date: 2024-07-09 16:06:13 | ||||||
|  * @LastEditTime: 2024-07-26 16:57:33 |  * @LastEditTime: 2024-07-30 10:42:16 | ||||||
|  * @LastEditors: zhp |  * @LastEditors: zhp | ||||||
|  * @Description: |  * @Description: | ||||||
| --> | --> | ||||||
| @@ -68,7 +68,7 @@ export default { | |||||||
|                 : `<span style="display:inline-block;margin-right:4px;border-radius:2px;width:10px;height:10px;background-color:${params[i].color}"></span>` |                 : `<span style="display:inline-block;margin-right:4px;border-radius:2px;width:10px;height:10px;background-color:${params[i].color}"></span>` | ||||||
|               }` + |               }` + | ||||||
|                 `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` + |                 `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[i].seriesName}</span>` + | ||||||
|               `<span style='color:rgba(0,0,0,0.48);font-size:14px;'>${params[i].seriesName === "综合良率" |               `<span style='color:rgba(0,0,0,0.48);width:150px;display:inline-block;font-size:14px;text-align:right'>${params[i].seriesName === "综合良率" | ||||||
|                   ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%" |                   ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%" | ||||||
|                 : params[i].seriesName === "转化效率" |                 : params[i].seriesName === "转化效率" | ||||||
|                     ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%" |                     ? (params[i].value ? params[i].value.toFixed(2) : 0.0) + "%" | ||||||
|   | |||||||
| @@ -1,7 +1,7 @@ | |||||||
| <!-- | <!-- | ||||||
|  * @Author: zhp |  * @Author: zhp | ||||||
|  * @Date: 2024-06-21 09:05:14 |  * @Date: 2024-06-21 09:05:14 | ||||||
|  * @LastEditTime: 2024-07-09 16:15:04 |  * @LastEditTime: 2024-07-30 10:42:20 | ||||||
|  * @LastEditors: zhp |  * @LastEditors: zhp | ||||||
|  * @Description: |  * @Description: | ||||||
| --> | --> | ||||||
| @@ -74,7 +74,7 @@ export default { | |||||||
|               res += |               res += | ||||||
|                 `<span style='display:inline-block;margin-right:4px;width:10px;height:10px;background-color:${params[1].color}'></span>` + |                 `<span style='display:inline-block;margin-right:4px;width:10px;height:10px;background-color:${params[1].color}'></span>` + | ||||||
|               `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[1].axisValueLabel}</span>` + |               `<span style='display:inline-block;width:150px;color:rgba(0,0,0,0.8);font-size:14px;'>${params[1].axisValueLabel}</span>` + | ||||||
|               `<span style='color:rgba(0,0,0,0.48);font-size:14px;'>${params[1].name === "综合良率" |               `<span style='color:rgba(0,0,0,0.48);width:150px;display:inline-block;font-size:14px;text-align:right'>${params[1].name === "综合良率" | ||||||
|                 ? (params[1].value ? parseFloat(params[1].value.toFixed(2)) : 0.0) + "%" |                 ? (params[1].value ? parseFloat(params[1].value.toFixed(2)) : 0.0) + "%" | ||||||
|                 : params[1].name === "转化效率" |                 : params[1].name === "转化效率" | ||||||
|                   ? (params[1].value ? parseFloat(params[1].value.toFixed(2)) : 0.0) + "%" |                   ? (params[1].value ? parseFloat(params[1].value.toFixed(2)) : 0.0) + "%" | ||||||
|   | |||||||
| @@ -770,6 +770,7 @@ export default { | |||||||
|  |  | ||||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||||
|  |  | ||||||
|  |  | ||||||
| .search { | .search { | ||||||
|   // height: calc((100px)); |   // height: calc((100px)); | ||||||
|   background-color: #fff; |   background-color: #fff; | ||||||
| @@ -797,7 +798,7 @@ export default { | |||||||
|   height: calc((100vh - 170px)); |   height: calc((100vh - 170px)); | ||||||
|   background-color: #fff; |   background-color: #fff; | ||||||
|   border-radius: 8px; |   border-radius: 8px; | ||||||
|   padding: 4px 16px 16px 16px; |   padding: 16px 16px 16px 16px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .blueTip::before { | .blueTip::before { | ||||||
|   | |||||||
| @@ -78,8 +78,8 @@ | |||||||
|           生产情况对比 |           生产情况对比 | ||||||
|         </div> |         </div> | ||||||
|       </el-row> |       </el-row> | ||||||
|       <el-row v-if="this.listQuery.type === 2"> |       <el-row v-if="this.listQuery.type === 2" type="flex" justify="space-around"> | ||||||
|         <el-col :span="12"> |         <el-col :span="11"> | ||||||
|           <!-- <div class="blueTip"> |           <!-- <div class="blueTip"> | ||||||
|             生产情况对比 |             生产情况对比 | ||||||
|           </div> --> |           </div> --> | ||||||
| @@ -89,6 +89,9 @@ | |||||||
|         <el-col :span="6"> |         <el-col :span="6"> | ||||||
|           <bm-line-bar-target :type="listQuery.type" :chartHeight="chartHeight" :legendList="legendList" |           <bm-line-bar-target :type="listQuery.type" :chartHeight="chartHeight" :legendList="legendList" | ||||||
|             :chartMsg="chartMsgTarget" :gridLeft="gridLeft" :chartId="'chartTarget'" :chartNum="chartNum" /> |             :chartMsg="chartMsgTarget" :gridLeft="gridLeft" :chartId="'chartTarget'" :chartNum="chartNum" /> | ||||||
|  |         </el-col> | ||||||
|  |         <el-col :span="1"> | ||||||
|  |  | ||||||
|         </el-col> |         </el-col> | ||||||
|         <el-col :span="6"> |         <el-col :span="6"> | ||||||
|           <!-- <div class="blueTip"> |           <!-- <div class="blueTip"> | ||||||
| @@ -985,6 +988,7 @@ export default { | |||||||
| </script> | </script> | ||||||
|  |  | ||||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||||
|  |  | ||||||
| .search { | .search { | ||||||
|   // height: calc((100px)); |   // height: calc((100px)); | ||||||
|   background-color: #fff; |   background-color: #fff; | ||||||
| @@ -1013,7 +1017,7 @@ export default { | |||||||
|   height: calc((100vh - 170px)); |   height: calc((100vh - 170px)); | ||||||
|   background-color: #fff; |   background-color: #fff; | ||||||
|   border-radius: 8px; |   border-radius: 8px; | ||||||
|   padding: 4px 16px 16px 16px; |   padding: 16px 16px 16px 16px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .blueTip::before { | .blueTip::before { | ||||||
|   | |||||||
| @@ -78,8 +78,8 @@ | |||||||
|           生产情况对比 |           生产情况对比 | ||||||
|         </div> |         </div> | ||||||
|       </el-row> |       </el-row> | ||||||
|       <el-row v-if="this.listQuery.type === 2"> |       <el-row v-if="this.listQuery.type === 2" type="flex" justify="space-around"> | ||||||
|         <el-col :span="12"> |         <el-col :span="11"> | ||||||
|           <!-- <div class="blueTip"> |           <!-- <div class="blueTip"> | ||||||
|             生产情况对比 |             生产情况对比 | ||||||
|           </div> --> |           </div> --> | ||||||
| @@ -91,6 +91,9 @@ | |||||||
|             :chartMsg="chartMsgTarget" :gridLeft="gridLeft" ref="dayTargetChart" :chartId=" 'chartTarget'" |             :chartMsg="chartMsgTarget" :gridLeft="gridLeft" ref="dayTargetChart" :chartId=" 'chartTarget'" | ||||||
|             :chartNum="chartNum" /> |             :chartNum="chartNum" /> | ||||||
|         </el-col> |         </el-col> | ||||||
|  |         <el-col :span="1"> | ||||||
|  |           <!-- <div v-show="false">1111111111111</div> --> | ||||||
|  |         </el-col> | ||||||
|         <el-col :span="6"> |         <el-col :span="6"> | ||||||
|           <!-- <div class="blueTip"> |           <!-- <div class="blueTip"> | ||||||
|             {{ title }} |             {{ title }} | ||||||
| @@ -108,9 +111,8 @@ | |||||||
|             :legendList="legendList" :chartMsg="chartMsg" :chartId="'chartDay'" :chartNum="chartNum" /> |             :legendList="legendList" :chartMsg="chartMsg" :chartId="'chartDay'" :chartNum="chartNum" /> | ||||||
|         </el-col> |         </el-col> | ||||||
|         <el-col :span="6"> |         <el-col :span="6"> | ||||||
|           <bm-line-bar-target :type="listQuery.type" :chartHeight="chartHeight" |           <bm-line-bar-target :type="listQuery.type" :chartHeight="chartHeight" :legendList="legendList" | ||||||
|             :legendList="legendList" :chartMsg="chartMsgTarget" :gridLeft="gridLeft" :chartId="'chartDayTarget'" |             :chartMsg="chartMsgTarget" :gridLeft="gridLeft" :chartId="'chartDayTarget'" :chartNum="chartNum" /> | ||||||
|             :chartNum="chartNum" /> |  | ||||||
|         </el-col> |         </el-col> | ||||||
|         <!-- <el-col :span="6"> |         <!-- <el-col :span="6"> | ||||||
|           <div class="blueTip"> |           <div class="blueTip"> | ||||||
| @@ -1393,7 +1395,7 @@ export default { | |||||||
|   height: calc((100vh - 170px)); |   height: calc((100vh - 170px)); | ||||||
|   background-color: #fff; |   background-color: #fff; | ||||||
|   border-radius: 8px; |   border-radius: 8px; | ||||||
|   padding: 4px 16px 16px 16px; |   padding: 16px 16px 16px 16px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .blueTip::before { | .blueTip::before { | ||||||
|   | |||||||
| @@ -846,6 +846,7 @@ export default { | |||||||
|  |  | ||||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||||
|  |  | ||||||
|  |  | ||||||
| .search { | .search { | ||||||
|   // height: calc((100px)); |   // height: calc((100px)); | ||||||
|   background-color: #fff; |   background-color: #fff; | ||||||
| @@ -873,7 +874,7 @@ export default { | |||||||
|   height: calc((100vh - 170px)); |   height: calc((100vh - 170px)); | ||||||
|   background-color: #fff; |   background-color: #fff; | ||||||
|   border-radius: 8px; |   border-radius: 8px; | ||||||
|   padding: 4px 16px 16px 16px; |   padding: 16px 16px 16px 16px; | ||||||
| } | } | ||||||
|  |  | ||||||
| .blueTip::before { | .blueTip::before { | ||||||
|   | |||||||
		Referens i nytt ärende
	
	Block a user