|
|
@@ -0,0 +1,543 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <layout>
|
|
|
+ <layout-header>
|
|
|
+ <div class="">
|
|
|
+ <!-- 按钮部分-->
|
|
|
+ <el-form ref="elSearchFormRef" class="demo-form-inline" :rules="searchRule" @keyup.enter="onSubmit">
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="Download" @click="exportToExcel" style="margin: 5px;float: right;">导出到Excel(汇总)</el-button>
|
|
|
+ <!-- <el-button type="primary" icon="Download" @click="exportToExcel2" style="margin: 5px;float: right;">月度明细</el-button> -->
|
|
|
+ <el-button type="primary" icon="Download" @click="exportToExcel3" style="margin: 5px;float: right;">导出到Excel(明细)</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ </layout-header>
|
|
|
+ <layout>
|
|
|
+ <!-- 左侧树形结构 -->
|
|
|
+ <layout-sider :resize-directions="['right']" :width="190" style="margin-right: 10px;">
|
|
|
+ <div class="JKWTree-tree" style="height: 200px">
|
|
|
+ <h3>日期</h3>
|
|
|
+ <el-tree :data="treeData" class="treecolor" @node-click="handleNodeClick"></el-tree>
|
|
|
+ </div>
|
|
|
+ </layout-sider>
|
|
|
+
|
|
|
+ <!-- 右侧内容区域 -->
|
|
|
+ <layout-content >
|
|
|
+ <el-main>
|
|
|
+
|
|
|
+ <!-- 工单表格列表 -->
|
|
|
+ <div class="gva-table-box" >
|
|
|
+ <el-table ref="multipleTable"
|
|
|
+ id="tab"
|
|
|
+ style="width: 100%;height: 28vh"
|
|
|
+ :row-style="{ height: '20px' }"
|
|
|
+ :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
|
|
|
+ :header-cell-style="{ padding: '0px' }"
|
|
|
+ border
|
|
|
+ show-summary
|
|
|
+ tooltip-effect="dark"
|
|
|
+ :data="tabledate2" row-key="ID"
|
|
|
+ @row-click="tableRowClick"
|
|
|
+ highlight-current-row="true"
|
|
|
+ :cell-class-name="tableDataCellClass"
|
|
|
+ @row-dblclick="updateCompanyFunc"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ :show-overflow-tooltip="true">
|
|
|
+ <el-table-column align="left" label="设备编号" prop="设备编号" width="110" />
|
|
|
+ <el-table-column align="left" sortable label="设备名称" prop="设备名称" width="280" />
|
|
|
+ <el-table-column align="left" sortable label="产量" prop="产量" width="110" />
|
|
|
+ <el-table-column align="left" sortable label="设备运行工时" prop="设备运行工时" width="150" />
|
|
|
+ <el-table-column align="left" sortable label="保养工时" prop="保养工时" width="120" />
|
|
|
+ <el-table-column align="left" sortable label="打样总工时" prop="打样总工时" width="120" />
|
|
|
+ <el-table-column align="left" sortable label="打样补产工时" prop="打样补产工时" width="150" />
|
|
|
+ <el-table-column align="left" sortable label="装版总工时" prop="装版总工时" width="130" />
|
|
|
+ <el-table-column align="left" sortable label="装版补产工时" prop="装版补产工时" width="140"/>
|
|
|
+ <el-table-column align="left" sortable label="异常停机工时" prop="异常停机工时" width="140" />
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <!-- 月度设备运行统计->机台生产工单数据详情列表 -->
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
+ <el-table ref="multipleTable"
|
|
|
+ id="tab2"
|
|
|
+ :row-style="{ height: '20px' }"
|
|
|
+ show-summary
|
|
|
+ :cell-style="{ padding: '0px' }" :header-row-style="{ height: '20px' }"
|
|
|
+ :header-cell-style="{ padding: '0px' }"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ highlight-current-row="true"
|
|
|
+ @selection-change="selectionChange($event, '印件资料')"
|
|
|
+ style="width: 100%;height: 36vh" border tooltip-effect="dark" :data="jqtabledata" row-key="ID">
|
|
|
+ <el-table-column type="selection" width="30" />
|
|
|
+ <el-table-column align="left" sortable label="设备编号" prop="设备编号" width="110"/>
|
|
|
+ <el-table-column align="left" sortable label="设备名称" prop="设备名称" width="340"/>
|
|
|
+ <el-table-column align="left" sortable label="日期" prop="日期" width="110"/>
|
|
|
+ <el-table-column align="left" sortable label="工单编号" prop="工单编号" width="110"/>
|
|
|
+ <el-table-column align="left" sortable label="印件名称" prop="印件名称" width="340"/>
|
|
|
+ <el-table-column align="left" sortable label="工序名称" prop="工序名称" width="110"/>
|
|
|
+ <el-table-column align="left" sortable label="产量" prop="产量" width="110"/>
|
|
|
+ <el-table-column align="left" sortable label="计件系数" prop="工价系数" width="110"/>
|
|
|
+ <el-table-column align="left" sortable label="补产标准" prop="补产标准" width="110"/>
|
|
|
+ <el-table-column align="left" sortable label="设备运行工时" prop="设备运行工时" width="140"/>
|
|
|
+ <el-table-column align="left" sortable label="保养工时" prop="保养工时" width="110"/>
|
|
|
+ <el-table-column align="left" sortable label="打样总工时" prop="打样总工时" width="140"/>
|
|
|
+ <el-table-column align="left" sortable label="打样补产工时" prop="打样补产工时" width="140"/>
|
|
|
+ <el-table-column align="left" sortable label="装版总工时" prop="装板总工时" width="140"/>
|
|
|
+ <el-table-column align="left" sortable label="装版补产工时" prop="装板补产工时" width="160"/>
|
|
|
+ <el-table-column align="left" sortable label="异常停机工时" prop="异常停机工时" width="160"/>
|
|
|
+ <el-table-column align="left" sortable label="墨色数" prop="墨色数" width="160"/>
|
|
|
+ </el-table>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </el-main>
|
|
|
+ </layout-content>
|
|
|
+ </layout>
|
|
|
+ </layout>
|
|
|
+
|
|
|
+ <PrintPage ref="printPageRef" />
|
|
|
+
|
|
|
+ <AddGongYi ref="addGongYiRef" />
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+//点击按钮显示下方表格
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ currentTable: '', // 当前展示的表格
|
|
|
+ activeName: 'first',
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ showTable(tableName) {
|
|
|
+ this.currentTable = tableName;
|
|
|
+ },
|
|
|
+ showTableChange() {
|
|
|
+ // 处理表格选中事件
|
|
|
+ },
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<script setup>
|
|
|
+// 全量引入格式化工具 请按需保留
|
|
|
+import $script from 'scriptjs'
|
|
|
+import $ from 'jquery';
|
|
|
+import * as XLSX from 'xlsx'
|
|
|
+import FileSaver from 'file-saver'
|
|
|
+import LuckyExcel from 'luckyexcel';
|
|
|
+import { Layout, LayoutSider, LayoutContent } from '@arco-design/web-vue';
|
|
|
+import { ElMessage, ElMessageBox } from 'element-plus'
|
|
|
+import { ref, reactive, computed, nextTick, watch } from 'vue'
|
|
|
+// import InfiniteLoading from 'vue-infinite-loading';
|
|
|
+import { Loading } from '@element-plus/icons-vue';
|
|
|
+import {OutputSstatisticsMenu,MachineOperation,MachineOperationProductDetail} from "@/api/DecisionSupport/decision.js"
|
|
|
+import { useUserStore } from '@/pinia/modules/user'
|
|
|
+defineOptions({name: 'Company'})
|
|
|
+
|
|
|
+const userStore = useUserStore()
|
|
|
+const _username = ref('')
|
|
|
+_username.value = userStore.userInfo.userName + '/' + userStore.userInfo.nickName
|
|
|
+
|
|
|
+// =========== 左侧树侧形结构 ===========
|
|
|
+const treeData = ref([]);
|
|
|
+
|
|
|
+//工单资料菜单列表
|
|
|
+const DataListdata = async () => {
|
|
|
+ try {
|
|
|
+
|
|
|
+ const response = await OutputSstatisticsMenu();
|
|
|
+ const dataList = response.data;
|
|
|
+ dataList.forEach((item) => {
|
|
|
+ let obj = {};
|
|
|
+ obj.label = item.date;
|
|
|
+ obj.children = [];
|
|
|
+ item.sbbh.forEach((child, index) => {
|
|
|
+ obj.children.push({
|
|
|
+ label: child,
|
|
|
+ parentDate: item.date // 添加上级日期并避免重复
|
|
|
+ });
|
|
|
+ });
|
|
|
+ console.log(obj);
|
|
|
+ treeData.value.push(obj);
|
|
|
+
|
|
|
+});
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+// const DataListdata = async () => {
|
|
|
+// try {
|
|
|
+// const data = await DataList();
|
|
|
+// for (let key in data.data) {
|
|
|
+// // 忽略 "productingAll" 和 "progressAll"
|
|
|
+// if (key !== "productingAll" && key !== "progressAll") {
|
|
|
+// let temp = data.data[key];
|
|
|
+// let object = {};
|
|
|
+// object.id = temp[0];
|
|
|
+// object.label = data.data[key];
|
|
|
+// object.children = [];
|
|
|
+// treeData.data.push(object);
|
|
|
+// }
|
|
|
+// }
|
|
|
+// } catch (error) {
|
|
|
+// console.error(error);
|
|
|
+// }
|
|
|
+// };
|
|
|
+DataListdata();
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+//点击左侧树形获取编号
|
|
|
+const tableData = reactive([])
|
|
|
+const _Gd_khdh = ref(null)
|
|
|
+const params = ref({})
|
|
|
+const params2 = ref({})
|
|
|
+//左侧
|
|
|
+const tabledate2 = ref([])
|
|
|
+//右侧
|
|
|
+const jqtabledata = ref()
|
|
|
+const exportTableRef = ref(null);
|
|
|
+const handleNodeClick = async (node) => {
|
|
|
+ // 取消所有节点的颜色
|
|
|
+ const allNodes = document.querySelectorAll('.treecolor .el-tree-node');
|
|
|
+ allNodes.forEach(node => {
|
|
|
+ node.querySelector('.el-tree-node__label').style.color = '';
|
|
|
+ });
|
|
|
+ // 获取点击的节点
|
|
|
+ const clickedNodeId = node['$treeNodeId'];
|
|
|
+ const clickedNode = document.querySelector(`.treecolor .el-tree-node[data-key="${clickedNodeId}"]`);
|
|
|
+ if (clickedNode) {
|
|
|
+ // 给当前点击的节点改变颜色
|
|
|
+ clickedNode.querySelector('.el-tree-node__label').style.color = 'red';
|
|
|
+ }
|
|
|
+ console.log(node)
|
|
|
+ tabledate2.value=[]
|
|
|
+ if(node.children !==undefined ){
|
|
|
+ jqtabledata.value = []
|
|
|
+ tabledate2.value = []
|
|
|
+ params.value.mouth= node.label
|
|
|
+ params2.value.mouth= node.label
|
|
|
+ MachineList(params.value)
|
|
|
+ const Machineoutput = await MachineOperationProductDetail ({mouth:params2.value.mouth})
|
|
|
+ jqtabledata.value = Machineoutput.data
|
|
|
+ }
|
|
|
+ if (node.children === undefined){
|
|
|
+ params.value.mouth = node.parentDate
|
|
|
+ params.value.sist = node.label
|
|
|
+ //清空表格数据
|
|
|
+ jqtabledata.value = []
|
|
|
+ tabledate2.value = []
|
|
|
+ MachineList(params.value)
|
|
|
+ }
|
|
|
+ // console.log();
|
|
|
+ // _WorkList_page();
|
|
|
+};
|
|
|
+ const MachineList = async(params)=>{
|
|
|
+ try {
|
|
|
+ console.log(params)
|
|
|
+ console.log(12312312321)
|
|
|
+ const MachineListData = await MachineOperation(params);
|
|
|
+ let data = MachineListData.data
|
|
|
+ for (var key in data){
|
|
|
+ if (data.hasOwnProperty(key) && key !== 'total') {
|
|
|
+ // 将每个设备对象添加到新数组中
|
|
|
+ tabledate2.value.push(data[key]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+console.log(tabledate2.value);
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+//导出按钮(汇总)
|
|
|
+const exportToExcel = async () => {
|
|
|
+ try {
|
|
|
+ // 获取数据
|
|
|
+ const response = await MachineOperation({ mouth: params.value.mouth });
|
|
|
+ const originalData = response.data;
|
|
|
+
|
|
|
+ // 转换并过滤数据
|
|
|
+ const processedData = Object.values(originalData).map(item => {
|
|
|
+ // 创建新对象,排除"印刷方式"字段
|
|
|
+ const { 印刷方式, ...rest } = item;
|
|
|
+ return rest;
|
|
|
+ });
|
|
|
+
|
|
|
+ // 创建工作表
|
|
|
+ const worksheet = XLSX.utils.json_to_sheet(processedData);
|
|
|
+ //从某列开始转化成数字
|
|
|
+ //设置从C列开始为数字格式
|
|
|
+ const range = XLSX.utils.decode_range(worksheet['!ref']);
|
|
|
+ for (let col = 2; col <= range.e.c; col++) { // 从C列(索引2)开始
|
|
|
+ for (let row = range.s.r + 1; row <= range.e.r; row++) { // 跳过表头行
|
|
|
+ const cellAddress = XLSX.utils.encode_cell({ r: row, c: col });
|
|
|
+ if (worksheet[cellAddress]) {
|
|
|
+ // 尝试转换为数字
|
|
|
+ const cellValue = worksheet[cellAddress].v;
|
|
|
+ const numValue = Number(cellValue);
|
|
|
+
|
|
|
+ if (!isNaN(numValue)) {
|
|
|
+ worksheet[cellAddress].t = 'n'; // 数字类型
|
|
|
+ worksheet[cellAddress].v = numValue; // 更新值
|
|
|
+ worksheet[cellAddress].z = '0.0'; // 数字格式
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 创建并导出工作簿
|
|
|
+ const workbook = XLSX.utils.book_new();
|
|
|
+ XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
|
|
|
+ XLSX.writeFile(workbook, '设备数据.xlsx');
|
|
|
+
|
|
|
+ } catch (error) {
|
|
|
+ console.error('导出失败:', error);
|
|
|
+ ElMessage.error('导出数据失败,请重试');
|
|
|
+ }
|
|
|
+};
|
|
|
+// //月度明细
|
|
|
+// const exportToExcel2 = () => {
|
|
|
+// if (jqtabledata.value){
|
|
|
+// const el = document.getElementById('tab2');
|
|
|
+// console.log(el);
|
|
|
+// // 文件名
|
|
|
+// const filename = '月度明细.xlsx';
|
|
|
+// const wb = XLSX.utils.table_to_book(el, { raw: true });
|
|
|
+// const wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' });
|
|
|
+// try {
|
|
|
+// FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), filename);
|
|
|
+// } catch (e) {
|
|
|
+// console.log(e);
|
|
|
+// }
|
|
|
+// return wbout;
|
|
|
+// }
|
|
|
+// }
|
|
|
+//导出到EXCEL(明细)
|
|
|
+const exportToExcel3 = async () => {
|
|
|
+ try {
|
|
|
+ // 获取数据
|
|
|
+ const el = document.getElementById('tab2');
|
|
|
+ const filename = '导出到EXCEL(明细).xlsx';
|
|
|
+
|
|
|
+ // 使用table_to_sheet获取工作表对象
|
|
|
+ const ws = XLSX.utils.table_to_sheet(el, { raw: true });
|
|
|
+ // 从某字段开始转化成数字格式
|
|
|
+ // 确定"产量"列的位置)
|
|
|
+ const headerRow = XLSX.utils.sheet_to_json(ws, { header: 1 })[0];
|
|
|
+ const startColIndex = headerRow.indexOf('产量');
|
|
|
+
|
|
|
+ if (startColIndex >= 0) {
|
|
|
+ const range = XLSX.utils.decode_range(ws['!ref']);
|
|
|
+
|
|
|
+ for (let col = startColIndex; col <= range.e.c; col++) {
|
|
|
+ for (let row = range.s.r + 1; row <= range.e.r; row++) {
|
|
|
+ const cellAddress = XLSX.utils.encode_cell({ r: row, c: col });
|
|
|
+
|
|
|
+ if (ws[cellAddress]) {
|
|
|
+ // 尝试转换为数字
|
|
|
+ const cellValue = ws[cellAddress].v;
|
|
|
+ const numValue = Number(cellValue);
|
|
|
+
|
|
|
+ if (!isNaN(numValue)) {
|
|
|
+ ws[cellAddress].t = 'n'; // 设置为数字类型
|
|
|
+ ws[cellAddress].v = numValue; // 更新值
|
|
|
+ ws[cellAddress].z = '0.0'; // 设置数字格式
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 创建并导出工作簿
|
|
|
+ const wb = XLSX.utils.book_new();
|
|
|
+ XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
|
|
|
+ XLSX.writeFile(wb, filename);
|
|
|
+
|
|
|
+ } catch (error) {
|
|
|
+ console.error('导出失败:', error);
|
|
|
+ ElMessage.error('导出数据失败,请重试');
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+//查询
|
|
|
+const searchInfo = ref('')
|
|
|
+//查询按钮
|
|
|
+const onSubmit = () => {
|
|
|
+ _cha_WorkList();
|
|
|
+};
|
|
|
+const handleSearch = () => {
|
|
|
+ console.log(1231)
|
|
|
+ _cha_WorkList();
|
|
|
+};
|
|
|
+
|
|
|
+const _cha_WorkList = async (node) => {
|
|
|
+ if(searchInfo.value === ''){
|
|
|
+ ElMessage({type: 'warning',message: '请输入搜索的信息'})
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ const search = searchInfo.value;
|
|
|
+ var regex = /^[a-zA-Z0-9]+$/;
|
|
|
+ try {
|
|
|
+ if (regex.test(search)) {
|
|
|
+ // 符合条件,执行搜索操作
|
|
|
+ console.log('搜索内容为纯数字加字母');
|
|
|
+ const WorkListdata = await WorkList({search:search,limit:100,page:1});//接口调用函数
|
|
|
+ if(WorkListdata.data.total === 0){
|
|
|
+ ElMessage({type: 'warning',message: '未搜索具体查询条件'})
|
|
|
+ }
|
|
|
+ tableData.splice(0,tableData.length,...WorkListdata.data.data);//表格数据
|
|
|
+ total.value = WorkListdata.data.total;//共多少条
|
|
|
+ } else {
|
|
|
+ // 不符合条件,给出提示
|
|
|
+ console.log('搜索内容包含非字母和数字的字符');
|
|
|
+ const WorkListdata = await WorkList({Gd_khdh:'',search:search,limit:100,page:1});//接口调用函数
|
|
|
+ if(WorkListdata.data.total === 0){
|
|
|
+ ElMessage({type: 'warning',message: '未搜索具体查询条件'})
|
|
|
+ }
|
|
|
+ tableData.splice(0,tableData.length,...WorkListdata.data.data);//表格数据
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.error(error);
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+// 分页
|
|
|
+const page = ref(1)
|
|
|
+const pageSize = ref(50)
|
|
|
+const handleCurrentChange = (val) => {
|
|
|
+ page.value = val;
|
|
|
+ _WorkList_page();
|
|
|
+};
|
|
|
+
|
|
|
+// 修改页面容量 点击多少条/页
|
|
|
+const handleSizeChange = (val) => {
|
|
|
+ // page.value = 10;
|
|
|
+ pageSize.value = val;
|
|
|
+ _WorkList_page();
|
|
|
+};
|
|
|
+
|
|
|
+//点击行
|
|
|
+const tableRowClick = async (row) => {
|
|
|
+ jqtabledata.value=null
|
|
|
+ params2.value.machine= row.设备编号
|
|
|
+ params2.value.mouth = params.value.mouth
|
|
|
+ const Machineoutput = await MachineOperationProductDetail (params2.value)
|
|
|
+ jqtabledata.value = Machineoutput.data
|
|
|
+ console.log(jqtabledata.value);
|
|
|
+ let tmp = yjtableData.value.map(item => item.印件号)
|
|
|
+ tmp = tmp.sort((a,b)=>b-a)
|
|
|
+ yjzuidahaoma.value = Number(tmp[0]) + 1
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+// 行为控制标记(弹窗内部需要增还是改)
|
|
|
+const type = ref('')
|
|
|
+
|
|
|
+
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+/* 在样式表中使用媒体查询 */
|
|
|
+@media (max-width: 768px) {
|
|
|
+ /* 在小屏幕下的样式设置 */
|
|
|
+ .dialog-footer {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+}
|
|
|
+/*工序产量核查*/
|
|
|
+:deep(.gxclhc—color-column-red div) {
|
|
|
+ color: red !important;
|
|
|
+}
|
|
|
+:deep(.lan-plan-usage-lows div) {
|
|
|
+ color: blue !important;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+:deep(.lan-plan-usage-lowshui div) {
|
|
|
+ color: #8c939d !important;
|
|
|
+}
|
|
|
+
|
|
|
+/*背景颜色*/
|
|
|
+/*印件背景颜色变黄*/
|
|
|
+:deep(.el-table__body .warning-row) {
|
|
|
+ background: #FFFF80 !important;
|
|
|
+}
|
|
|
+/*修正工单核算参数背景*/
|
|
|
+:deep(.el-table__body .background-plan-usage-low div div div) {
|
|
|
+ background: #80FA80 !important;
|
|
|
+}
|
|
|
+/* 选中某行时的背景色 */
|
|
|
+:deep(.el-table__body tr.current-row) > td {
|
|
|
+ background: #ff80ff !important;
|
|
|
+}
|
|
|
+/*文字颜色*/
|
|
|
+/*bom计划用量文字变色【表格中单独文字变色】*/
|
|
|
+:deep(.plan-usage-low div) {
|
|
|
+ color: red !important;
|
|
|
+}
|
|
|
+/*根据工艺状态文字变色*/
|
|
|
+:deep(.status-plan-usage-low div) {
|
|
|
+ color: blue !important;
|
|
|
+}
|
|
|
+:deep(.statusy-plan-usage-low div) {
|
|
|
+ color: #8c939d !important;
|
|
|
+}
|
|
|
+/* 在样式表中添加以下样式 */
|
|
|
+.el-input__textarea {
|
|
|
+ resize: none; /* 禁止调整大小 */
|
|
|
+}
|
|
|
+.JKWTree-container {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.JKWTree-tree {
|
|
|
+ /*width: 300px;*/
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 10px;
|
|
|
+ margin-right: 20px;
|
|
|
+}
|
|
|
+.JKWTree-tree h3 {
|
|
|
+ font-size: 15px;
|
|
|
+ font-weight: 700;
|
|
|
+ margin: 10px 0;
|
|
|
+}
|
|
|
+.JKWTree-content {
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+/*关闭拖拽功能*/
|
|
|
+.el-textarea textarea {
|
|
|
+ resize: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+</style>
|
|
|
+<style scoped>
|
|
|
+:deep(.el-table td .cell) {
|
|
|
+ line-height: 20px !important;
|
|
|
+}
|
|
|
+:deep(.el-tabs__header){
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+.search{
|
|
|
+ margin-left: 0px !important;
|
|
|
+ margin-right: 10px !important;
|
|
|
+}
|
|
|
+.bt{
|
|
|
+ margin-left: 2px !important;
|
|
|
+ padding: 3px !important;
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+.el-tabs__header{
|
|
|
+ margin: 0px !important;
|
|
|
+}
|
|
|
+.gva-table-box{
|
|
|
+ padding: 0px !important;
|
|
|
+}
|
|
|
+.el-pagination{
|
|
|
+ margin-top: 0px !important;
|
|
|
+}
|
|
|
+.mab{
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+</style>
|