yqyang/tjeq
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'chuan'

Browse Source
This commit is contained in:
Yq 2025-03-05 10:12:23 +08:00
parent 2c97a23655
commit e57390a7d4
16 changed files with 1345 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/api/wzybz/index.js Normal file
View File

@ -0,0 +1,21 @@
import {$get,$post,$getBlob,$postBlob} from '@/utils/requestHook'
export const recordList=(pay1,payload)=>{
return $post(`/zhOneAccountMaterials/recordList?pageNum=`+pay1.pageNum+`&pageSize=`+pay1.pageSize, payload)
}
export const getPrjList=()=>{
return $post(`/zhOneAccountMaterials/getPrjList`)
}
export const importCm=(payload)=>{
return $post(`/zhOneAccountMaterials/importOneAccountMaterialsDesign`,payload)
}
export const deleteitem=(deleteitem)=>{
return $post(`/zhOneAccountMaterials/delete?projectDefinition=`+deleteitem)
}
export const zhOneMaterialAccountList=(pay1,pay)=>{
return $post(`/zhOneAccountMaterials/zhOneMaterialAccountList?pageNum=`+pay1.pageNum+`&pageSize=`+pay1.pageSize,pay)
}

BIN
src/assets/bdscreenImg/bc7000.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 MiB

BIN
src/assets/bdscreenImg/webpoint/hsbyd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
src/assets/bdscreenImg/webpoint/tz.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

2
src/components/BgAcpm/bgleft/index.vue
View File

@ -294,7 +294,7 @@
</template>
<template v-slot:rightTit>
<div @click="goB('hbzy')">
环保咨询
环保监督
</div>
<!-- &nbsp;&nbsp;&nbsp;-->
<!-- <div @click="goB('hbzhzx')">-->

39
src/components/BgBcpm/environmentalB/bgleft/index.vue
View File

@ -167,7 +167,7 @@
</div>
</div>
<div class="gcqdContent flex spaceBetween">
<div class="gcqdItemWrap" v-for="(item,i) in reDataArrstmgq" :key="i">
<div class="gcqdItemWrap" v-for="(item,i) in reDataArrstmgq" :key="i" @click="openDiaologShowImg(item)">
<el-tooltip
popper-class="popperClass"
@ -468,25 +468,25 @@ const getEPPrjistInfo = () => {
reData.value = [...gkd.value, ...skd.value].filter(item => {
return item.text != null
})
reDataArr.value = reData.value.slice(index, index + 3)
reDataArrstmgq.value = stmgq.value.slice(index, index + 3)
reDataArr.value = reData.value
reDataArrstmgq.value = stmgq.value
console.log(reData.value, '总')
setTimer.value = setInterval(() => {
let result = reData.value.slice(index, index + 3);
let result1 = stmgq.value.slice(index, index + 3);
if (result.length < 3) {
result = result.concat(reData.value.slice(0, 3 - result.length));
}
if (result1.length < 3) {
result1 = result1.concat(stmgq.value.slice(0, 3 - result1.length));
}
console.log(result, '定时');
reDataArr.value = result
reDataArrstmgq.value = result1
console.log(reDataArr.value[0])
index = (index + 3) % reData.value.length;
index1 = (index1 + 3) % stmgq.value.length;
}, 3000);
// setTimer.value = setInterval(() => {
// let result = reData.value.slice(index, index + 3);
// let result1 = stmgq.value.slice(index, index + 3);
// if (result.length < 3) {
// result = result.concat(reData.value.slice(0, 3 - result.length));
// }
// if (result1.length < 3) {
// result1 = result1.concat(stmgq.value.slice(0, 3 - result1.length));
// }
// console.log(result, '定时');
// reDataArr.value = result
// reDataArrstmgq.value = result1
// console.log(reDataArr.value[0])
// index = (index + 3) % reData.value.length;
// index1 = (index1 + 3) % stmgq.value.length;
// }, 3000);
})
@ -631,6 +631,7 @@ let setGcList = (value) => {
const prjCodeByHuanBaoWin = ref('')
let showImage=ref(false)
const openDiaologShowImg=(item)=>{
console.log(item)
showImage.value = true
// prjCodeByHuanBaoWin.value = item.code
prjCodeByHuanBaoWin.value = item.text

7
src/components/BgBcpm/environmentalB/bgright/css/index.less
View File

@ -185,9 +185,14 @@
.bgImg{
width: 2028px;
height: 430px;
//background-image: url('@/assets/bdscreenImg/bBg/zbbg.png');
background-image: url('@/assets/bdscreenImg/webpoint/hsbyd.png');
background-size: contain;
position: relative;
font-family: Microsoft YaHei;
font-weight: bold;
font-size: 36px;
color: #FFFFFF;
line-height: 48px;
#myVideo{
position: absolute;
right: 0;

111
src/components/BgBcpm/environmentalB/bgright/index.vue
View File

@ -77,20 +77,25 @@
<BbgCpm style="height:608px;">
<template v-slot:leftTit>
<div style="width: 900px">
环保水保问题统计情况
环水保信息发布
</div>
</template>
<template v-slot:rightTit>
<div>
<span :class="wttjType=='0'?'titleColor1':'titleColor2'" @click="setWttjType('0')">环保</span>
<span :class="wttjType=='0'?'titleColor1':'titleColor2'" @click="setWttjType('0')">通知预警</span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span :class="wttjType=='1'?'titleColor1':'titleColor2'" @click="setWttjType('1')">水保</span>
<span :class="wttjType=='1'?'titleColor1':'titleColor2'" @click="setWttjType('1')">政策查询</span>
&nbsp;&nbsp;&nbsp;&nbsp;
</div>
</template>
<template v-slot:content>
<div class="hsbpfqk" @click="hbsbwttjFun1">
<div class="hsbpfqkContent flex itemsCenter justifyCenter" ref="hsbpfqkdom">
<!-- <div class="hsbpfqkContent flex itemsCenter justifyCenter" ref="hsbpfqkdom">-->
<!-- </div>-->
<div class="tzyj">
<div class="tcItem" v-for="item in 12">
<img src="@/assets/bdscreenImg/webpoint/tz.png" alt="">
</div>
</div>
</div>
</template>
@ -98,39 +103,54 @@
<BbgCpm style="height:608px;">
<template v-slot:leftTit>
<div style="width: 900px">
植被及迹地恢复完成情况
<popover :content="zbjdtip"></popover>
环水保月度完成情况
<!-- <popover :content="zbjdtip"></popover>-->
</div>
</template>
<template v-slot:content>
<div class="zbjjd">
<div class="zbjjdContent flex itemsCenter justifyCenter" @click="hbsbwttjFun2">
<div class="bgImg">
<video id="myVideo" loop autoplay muted>
<source src="../../../../assets/bdscreenImg/bBg/zbbg.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<div class="one absolute tc">
<div class="zbjjdNum">{{zbjjdhfwcqkData.zbjjdhfwcqk_jhhfs}}</div>
<div class="zbjjdDec">计划恢复</div>
</div>
<div class="two absolute tc">
<div class="zbjjdNum">{{zbjjdhfwcqkData.zbjjdhfwcqk_whfs}}</div>
<div class="zbjjdDec">未恢复</div>
</div>
<div class="three absolute tc">
<div class="zbjjdNum">{{zbjjdhfwcqkData.zbjjdhfwcqk_hfdshs}}</div>
<div class="zbjjdDec">恢复待审核</div>
</div>
<div class="four absolute tc">
<div class="zbjjdNum">{{zbjjdhfwcqkData.zbjjdhfwcqk_hfytgs}}</div>
<div class="zbjjdDec">恢复已通过</div>
</div>
<div class="five absolute tc">
<div class="zbjjdNum">{{zbjjdhfwcqkData.zbjjdhfwcqk_hfwtgs}}</div>
<div class="zbjjdDec">恢复未通过</div>
</div>
<div style="position: absolute;left: 300px;top: 40px">六氟化硫</div>
<div style="position: absolute;left: 120px;top: 220px">完成</div>
<div style="position: absolute;left: 120px;top: 340px">100吨</div>
<div style="position: absolute;left: 480px;top: 220px">回收率</div>
<div style="position: absolute;left: 480px;top: 340px">100%</div>
<div style="position: absolute;left: 1100px;top: 40px">危废处置</div>
<div style="position: absolute;left: 1100px;top: 110px">50吨</div>
<div style="position: absolute;left: 1750px;top: 40px">投诉处置</div>
<div style="position: absolute;left: 1750px;top: 110px">10项</div>
<div style="position: absolute;left: 1100px;top: 250px">环境监测</div>
<div style="position: absolute;left: 1100px;top: 320px">10项</div>
<div style="position: absolute;left: 1750px;top: 250px">外部检查</div>
<div style="position: absolute;left: 1750px;top: 320px">10项</div>
</div>
<!-- <div class="bgImg">-->
<!-- <video id="myVideo" loop autoplay muted>-->
<!-- <source src="../../../../assets/bdscreenImg/bBg/zbbg.mp4" type="video/mp4">-->
<!-- Your browser does not support HTML5 video.-->
<!-- </video>-->
<!-- <div class="one absolute tc">-->
<!-- <div class="zbjjdNum">{{zbjjdhfwcqkData.zbjjdhfwcqk_jhhfs}}</div>-->
<!-- <div class="zbjjdDec">计划恢复</div>-->
<!-- </div>-->
<!-- <div class="two absolute tc">-->
<!-- <div class="zbjjdNum">{{zbjjdhfwcqkData.zbjjdhfwcqk_whfs}}</div>-->
<!-- <div class="zbjjdDec">未恢复</div>-->
<!-- </div>-->
<!-- <div class="three absolute tc">-->
<!-- <div class="zbjjdNum">{{zbjjdhfwcqkData.zbjjdhfwcqk_hfdshs}}</div>-->
<!-- <div class="zbjjdDec">恢复待审核</div>-->
<!-- </div>-->
<!-- <div class="four absolute tc">-->
<!-- <div class="zbjjdNum">{{zbjjdhfwcqkData.zbjjdhfwcqk_hfytgs}}</div>-->
<!-- <div class="zbjjdDec">恢复已通过</div>-->
<!-- </div>-->
<!-- <div class="five absolute tc">-->
<!-- <div class="zbjjdNum">{{zbjjdhfwcqkData.zbjjdhfwcqk_hfwtgs}}</div>-->
<!-- <div class="zbjjdDec">恢复未通过</div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</template>
@ -506,8 +526,37 @@ const net=(item)=>{
// }
</style>
<style>
<style lang="less">
.dialogTable .topHeader .option{
width: 1200px ;
}
.tzyj{
width: 2028px ;
height: 430px;
margin-top: 20px;
background-color: #ff461d;
display:flex;
flex-wrap: wrap;
align-content: space-between;
overflow-y: scroll;
scrollbar-width: none;
/* 滚动条整体 */
::-webkit-scrollbar {
display: none;
}
.tcItem{
width: 50%;
height: 87px;
overflow: hidden;
border: 1px skyblue solid;
padding-left: 20px;
display: flex;
justify-content: flex-start;
align-items: center;
img {
width: 64px;
height: 63px;
}
}
}
</style>

10
src/components/BgCcpm/sbd/bgright/index.vue
View File

@ -247,7 +247,7 @@
</div>
</div>
</el-dialog>
<el-dialog style="transform: translate(-600px,150px)" v-model="wzybz" @close="wzybzClose" :showClose="false" :close-on-click-modal="true" :close-on-press-escape="false">
<el-dialog style="transform: translate(-1600px,-100px)" v-model="wzybz" @close="wzybzClose" :showClose="false" :close-on-click-modal="true" :close-on-press-escape="false">
<diyTable :columnProps="wzybzProps"
@close="dialogClose"
:ispagion="false"
@ -275,7 +275,7 @@ const $store = useAppStore();
import { getPicInfo } from '@/api/pageB/environmental/index'
import {prjInfo,oneAccountMaterials} from '../../../../api/pageC/sbd'
//物资一本账
import diyTable from '@/components/common/diytable/index'
import diyTable from '@/components/common/diytable/indexCopy'
let kTitle=ref('物资一本账')
let wzybz=ref(false)
const kgList = ref([])
@ -307,7 +307,7 @@ const wzybzProps = [
{label: "厂家名称", prop: "cjmc", minWidth: "100px"},
{label: "采购误差检验", prop: "cgwcjy", minWidth: "100px"},
{label: "计划采购进度", prop: "jhcgjd", minWidth: "100px"},
{label: "系统采购进度", prop: "xtcgjd", minWidth: "100px"},
{label: "实际采购进度", prop: "xtcgjd", minWidth: "100px"},
{label: "进度预警", prop: "juyj", minWidth: "100px"},
];
const dialogClose= () => {
@ -322,7 +322,7 @@ const getprjInfo=()=>{
prjInfo(appStore.currentJumpInfo.prjCode).then(res=>{
console.log(res,'项目工程列表1')
infoData.value=res.data
showStatus.value = (/南麻|北马|望都/).test(infoData.value.prjName)
showStatus.value = (/武清北马庄220千伏输变电工程|天津北辰南麻瘩220kV输变电工程|宝坻望都220kV输变电工程/).test(infoData.value.prjName)
console.log(showStatus.value,'匹配')
})
}
@ -719,7 +719,7 @@ watch(currentJumpInfo,(a,b)=>{
}
.imageShow{
width: 3900px;
height: 2000px;
height: 1700px;
background-image: url("@/assets/images/tcdt1.png");
background-size: 100%;
position:absolute ;

2
src/components/FileUpload/index.vue
View File

@ -50,7 +50,7 @@ const props = defineProps({
// 大小限制(MB)
fileSize: {
type: Number,
default: 20,
default: 1300,
},
// 文件类型, 例如['png', 'jpg', 'jpeg']
fileType: {

615
src/components/common/diytable/indexCopy.vue Normal file
View File

@ -0,0 +1,615 @@
<template>
<div class="dialogTable">
<div class="topHeader">
<div class="title">
{{props.title}}
</div>
<div class="option">
<slot name="option"></slot>
</div>
<div class="close" @click="dialogClose">X</div>
</div>
<div class="tableArea">
<div class="tableContent">
<slot name="searchInput"></slot>
<el-table :data="props.tableData" :row-class-name="cellClassnameFun"
:span-method="store.useSpan?spanMethod:undefined"
style="width:100%;"
@row-click="rowClick"
:height="props.title=='工程列表'?'90%':'100%'"
:header-cell-class-name="headerCellclassnameFun" class="transparent-table">
<el-table-column type="index" width="160" align="center" label="序号">
<template #default="scope">
<div @click="ppp(scope)">
{{(currentPage*1-1)*10+(scope.$index+1)}}
</div>
</template>
</el-table-column>
<tableColumn v-for="(item,i) in props.columnProps" :key="i" :columnOptions="item">
</tableColumn>
<!-- <el-table-column v-for="item in columnProps" :prop="item.prop" :label="item.label">-->
<!-- </el-table-column>-->
</el-table>
</div>
<div class="pagi" @click="clo" v-show="props.ispagion">
<div class="demo-pagination-block">
<div class="demonstration"></div>
<el-pagination @current-change="currentChange" v-model:current-page="currentPage" v-bind="{...pagionprops,...$attrs,...$attrs.pagionProp}"/>
</div>
</div>
</div>
</div>
</template>
<script setup>
import {defineProps, defineEmits, onMounted,useAttrs,ref,watch,defineExpose} from 'vue';
import tableColumn from "./tableColumn";
import useAppStore from '@/store/modules/app'
const $attrs =useAttrs()
const $store =useAppStore()
const pagionprops=ref({
pageSizes:[100, 200, 300, 400],
size:"size",
nextText:"下一页",
prevText:"上一页",
layout:" prev, pager, next,total, jumper",
total:400
})
const emits = defineEmits(['close','rowClick'])
const rowClick=(rowInfo)=>{
emits('rowClick',rowInfo)
}
let currentPage=ref(1)
let currentChange=(a,b)=>{
// console.log(a,b,'ab')
// currentPage.value=a
// emits('currentChange',a)
}
watch(currentPage,()=>{
console.log(currentPage.value,'监听')
emits('currentChange',currentPage.value)
})
watch(()=>props.dialogShow,()=>{
if(props.dialogShow==false){
currentPage.value=1;
}
})
const ppp=(pay)=>{
console.log(pay)
}
const handleSizeChange=()=>{
console.log(111)
}
const handleCurrentChange=()=>{
console.log(11221)
}
const pp=ref({
pageSizes:"[100, 200, 300, 400]",
size:"size",
nextText:"下一页",
layout:"prev, pager, next,total, jumper",
total:400
})
const clo=()=>{
console.log( {...$attrs,},9999)
console.log( {...$attrs.pagionProp,},9999)
console.log($attrs,'$attrs' )
console.log($attrs.pagionProp,'$attrs.pagion-rop' )
}
onMounted(()=>{
console.log($attrs,'$attrs' )
console.log($attrs.pagionProp,'$attrs.pagionProp' )
console.log($attrs.pagionProp,'prop' )
})
const store = useAppStore();
const dialogClose = ()=>{
emits('close')
}
const props = defineProps({
title:"123",
size:"large",
dialogShow:false,
ispagion:true,
columnProps: {
type: Array,
default:
[
{prop: 'date', label: 'Date'},
{
label: 'Delivery Info', children: [
{prop: 'name', label: 'Name'},
{
prop: 'Address Info', children: [
{prop: 'state', label: 'State'},
{prop: 'city', label: 'City'},
{prop: 'address', label: 'Address'},
{prop: 'zip', label: 'Zip'},
]
},
]
},
{
label: 'Delivery', children: [
{prop: 'name', label: 'Name'},
{
prop: 'Address Info', children: [
{prop: 'state', label: 'State'},
{prop: 'city', label: 'City'},
{prop: 'address', label: 'Address'},
{
prop: 'zip', label: 'Zip', children: [
{prop: 'state', label: 'State'},
{prop: 'city', label: 'City'},
{prop: 'address', label: 'Address'},
{prop: 'zip', label: 'Zip'},
]
},
]
},
]
},
]
},
tableData: {
type: Array,
default: [
{
date: '2016-05-03',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-02',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-04',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-01',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-08',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-06',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-07',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-07',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
]
}
});
const columnProps = ref([
{prop: 'date', label: 'Date'},
{
label: 'Delivery Info', children: [
{prop: 'name', label: 'Name'},
{
prop: 'Address Info', children: [
{prop: 'state', label: 'State'},
{prop: 'city', label: 'City'},
{prop: 'address', label: 'Address'},
{prop: 'zip', label: 'Zip'},
]
},
]
},
{
label: 'Delivery', children: [
{prop: 'name', label: 'Name'},
{
prop: 'Address Info', children: [
{prop: 'state', label: 'State'},
{prop: 'city', label: 'City'},
{prop: 'address', label: 'Address'},
{
prop: 'zip', label: 'Zip', children: [
{prop: 'state', label: 'State'},
{prop: 'city', label: 'City'},
{prop: 'address', label: 'Address'},
{prop: 'zip', label: 'Zip'},
]
},
]
},
]
},
])
const tableData = [
{
date: 'xx',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-03',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-02',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-04',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-01',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-08',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-06',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-07',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
{
date: '2016-05-07',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
},
]
const cellClassnameFun = ({row}) => {
console.log(row,'每一行')
if(row.cameraStatus&&row.cameraStatus=='0'){
console.log('进入')
return 'redClass'
}
return 'cellClassname'
}
const headerCellclassnameFun = () => {
return 'headerCellclassname'
}
//表格合并
const spanMethod=({ row, column, rowIndex, columnIndex })=>{
if(store.useSpan){
if (columnIndex === 1) {
// 统计当前行的 group 分组数
let currentGroup = row.group;
let rowCount = props.tableData.filter(item => item.group === currentGroup).length;
// 如果当前行是分组的第一个元素，则返回该分组的行数，否则返回 { rowspan: 0, colspan: 0 } 来禁用合并
if (rowIndex === 0 || (rowIndex > 0 && props.tableData[rowIndex - 1].group !== currentGroup)) {
return {
rowspan: rowCount,
colspan: 1
};
} else {
return {
rowspan: 0,
colspan: 0
};
}
}
return {
rowspan: 1,
colspan: 1
};
}
}
</script>
<style scoped lang="less">
.tableContent{
/deep/.cellClassname {
font-family: Microsoft YaHei !important;
font-weight: 400 !important;
font-size: 35px !important;
color: #FFFFFF !important;
}
/deep/.redClass{
background-color: red!important;
}
}
.headerCellclassname {
font-family: Microsoft YaHei !important;
font-weight: bold !important;
font-size: 35px !important;
// background-color: transparent!important;
}
.dialogTable{
position: absolute;
z-index:10000;
left: 0%;
top:15%;
width: 7000px;
height: 1500px;
background-size: cover;
background-image: url("../../../assets/bdscreenImg/bc7000.png");
.topHeader{
height: 200px;
width: 100%;
position: relative;
//border: 1px solid firebrick;
.title{
height: 100%;
width: 580px;
position: absolute;
left: 80px;
top:20px;
font-size: 70px;
font-weight: 600;
//white-space: nowrap;
word-break: normal;
color: whitesmoke;
}
.option{
position: absolute;
right: 185px;
top:100px;
// width: 700px;
width: 100%;
height: 110px;
display: flex;
justify-content: flex-end;
}
.close{
position: absolute;
font-size: 50px;
font-weight: 500;
color: white;
right: 100px;
top:130px;
cursor: pointer;
}
}
.tableArea{
height: 1200px;
width: 100%;
padding: 20px 80px;
.pagi{
height: 10%;
position: absolute;
right: 30px;
bottom: 0px;
margin-right: 50px;
.el-pagination{
/deep/ button.btn-prev.is-first{
width: 140px;
height: 70px;
background-image: url("../../../assets/bdscreenImg/bBg/preNext.png");
background-size: 100%;
outline: none;
background-color: transparent!important;
display: flex;
justify-content: center;
align-items: center;
span{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 32px;
color: #FFFFFF;
}
}
/deep/ button.btn-next{
width: 140px;
height: 70px;
background-image: url("../../../assets/bdscreenImg/bBg/preNext.png");
background-size: 100%;
outline: none;
background-color: transparent!important;
display: flex;
justify-content: center;
align-items: center;
span{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 32px;
color: #FFFFFF;
}
}
/deep/ .el-pager{
margin-left: 20px;
margin-right: 20px;
}
}
/deep/ li.is-active.number{
background-image: url("../../../assets/bdscreenImg/bBg/isselect.png");
}
/deep/ .number, /deep/.more{
width: 71px;
height: 71px;
background-color: rgba(111,112,113,.5);
background-image: url("../../../assets/bdscreenImg/bBg/noSelect.png");
background-size: 100% 100%;
margin-left: 8px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 32px;
color: #FFFFFF;
}
/deep/span.el-pagination__total{
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 32px;
color: #FFFFFF;
margin-left: 20px;
}
/deep/span.el-pagination__jump.is-last{
height: 72px;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: 32px;
color: #FFFFFF;
.el-input.el-input--small.el-pagination__editor.is-in-pagination{
height: 38px;
width: 75px;
.el-input__wrapper{
width: 100%;
height: 100%;
font-weight: 400;
font-size: 22px;
color: #FFFFFF;
background-color: transparent;
.el-input__inner{
color: #FFFFFF;
font-size: 28px;
}
}
}
}
}
}
}
.tableContent {
width: 100%;
height: 90%;
position: relative;
/deep/.el-table {
--el-table-border-color: none;
--el-table-tr-bg-color: transparent !important;
--el-table-bg-color: transparent !important;
--el-table-row-hover-bg-color: transparent !important;
tr td {
border: 2px solid rgba(85, 255, 253);
border-right: 2px solid rgba(85, 255, 253) !important;
border-left: none;
border-bottom: none;
font-weight: bold;
font-family: Microsoft YaHei !important;
font-weight: 400 !important;
font-size: 35px !important;
color: #FFFFFF !important;
}
tr th {
border: 2px solid rgba(85, 255, 253);
border-right: 3px solid rgba(85, 255, 253) !important;
border-left: none;
border-bottom: none;
background-color: transparent !important;
color: rgba(85, 255, 253);
font-family: Microsoft YaHei !important;
font-weight: bold !important;
font-size: 45px !important;
}
/deep/ .el-scrollbar__bar.is-vertical {
width: 46px;
opacity: 1;
}
.el-scrollbar__bar.is-horizontal {
height: 46px;
opacity: 1;
}
}
/deep/.el-table {
/deep/.el-table__header-wrapper, /deep/.el-table__fixed-header-wrapper {
/deep/ th {
background-color: transparent;
}
}
}
/deep/ .el-table .cell {
padding: 30px 12px;
line-height: normal;
}
/deep/ .el-table__row:hover {
background-color: rgba(128, 126, 126, .4) !important;
}
/deep/ .el-table .el-table__header-wrapper th, /deep/.el-table .el-table__fixed-header-wrapper th {
background-color: transparent !important;
}
}
</style>

14
src/router/index.js
View File

@ -979,7 +979,19 @@ export const constantRoutes = [
component: () => import('@/views/pages/dataService/threeMap'),
name: 'threeMap',
meta: { title: '三维地图', icon: 'time' }
}
},
{
path: 'wzdr',
component: () => import('@/views/pages/dataService/wzzysjdr'),
name: 'wzdr',
meta: { title: '物资专业数据导入', icon: 'time' }
},
{
path: 'wzdrxq',
component: () => import('@/views/pages/dataService/wzdrxq'),
name: 'wzdrxq',
meta: { title: '物资详情', icon: 'time' }
},
]
},
//环保专业

2
src/utils/request.js
View File

@ -32,7 +32,7 @@ const service = axios.create({
// axios中请求配置有baseURL选项，表示请求URL公共部分
baseURL: import.meta.env.VITE_APP_BASE_API,
// 超时
timeout: 35000
timeout: 120000
})
let whitePage=['uploadPic']
// request拦截器

134
src/views/pages/dataService/wzdrxq.vue Normal file
View File

@ -0,0 +1,134 @@
<template>
<div class="tableWrap">
<div style="padding: 20px;
box-shadow: 0px 0px 8px 1px rgba(180, 190, 199, 0.5);
overflow-x: auto;
border-radius: 6px;background-color: #fff;">
<el-table v-loading="loading" :data="tableData">
<el-table-column label="序号" type="index" width="50" align="center">
<template #default="scope">
<span>{{(pageNo - 1) *pageSize + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column label="工厂" align="center" prop="factory" :show-overflow-tooltip="false"/>
<el-table-column width="300" label="项目定义" align="center" prop="projectDefinition" :show-overflow-tooltip="false"/>
<el-table-column width="400" label="项目定义描述" align="center" prop="projectDefinitionDescription" :show-overflow-tooltip="false"/>
<el-table-column width="300" label="创建人" align="center" prop="creator" :show-overflow-tooltip="false"/>
<el-table-column width="300" label="采购申请编号" align="center" prop="purchaseRequestNumber" :show-overflow-tooltip="false"/>
<el-table-column width="300" label="采购申请行项目号" align="center" prop="purchaseRequestLineItemNumber" :show-overflow-tooltip="false"/>
<el-table-column width="300" label="物料编号" align="center" prop="materialNumber" :show-overflow-tooltip="false"/>
<el-table-column width="400" label="短文本" align="center" prop="shortText" :show-overflow-tooltip="false"/>
<el-table-column width="400" label="物料组" align="center" prop="materialGroup" :show-overflow-tooltip="false"/>
<el-table-column label="数量" align="center" prop="quantity" :show-overflow-tooltip="false"/>
<el-table-column label="基本计量单位" align="center" prop="baseUnitOfMeasure" :show-overflow-tooltip="false"/>
<el-table-column label="删除标识" align="center" prop="eDeleteFlag" :show-overflow-tooltip="false"/>
<el-table-column label="批准标识" align="center" prop="approvalFlag" :show-overflow-tooltip="false"/>
<el-table-column label="采购凭证号" align="center" prop="purchaseDocumentNumber" :show-overflow-tooltip="false"/>
<el-table-column label="采购凭证的项目编号" align="center" prop="purchaseDocumentItemNumber" :show-overflow-tooltip="false"/>
<el-table-column label="凭证日期" align="center" prop="documentDate" :show-overflow-tooltip="false"/>
<el-table-column label="删除标识（备用）" align="center" prop="eDeleteFlag2" :show-overflow-tooltip="false"/>
<el-table-column label="价格（不含税）" align="center" prop="priceExcludingTax" :show-overflow-tooltip="false"/>
<el-table-column label="税率" align="center" prop="taxRate" :show-overflow-tooltip="false"/>
<el-table-column label="含税总价" align="center" prop="totalPriceIncludingTax" :show-overflow-tooltip="false"/>
<el-table-column width="300" label="供应商名称" align="center" prop="supplierName" :show-overflow-tooltip="false"/>
<el-table-column label="联系人" align="center" prop="contactPerson" :show-overflow-tooltip="false"/>
<el-table-column label="联系方式" align="center" prop="contactInformation" :show-overflow-tooltip="false"/>
<el-table-column label="收货时间" align="center" prop="receivingTime" :show-overflow-tooltip="false"/>
<el-table-column label="已收货数量" align="center" prop="receivedQuantity" :show-overflow-tooltip="false"/>
<el-table-column label="交货已完成标识" align="center" prop="deliveryCompletedFlag" :show-overflow-tooltip="false"/>
<el-table-column label="技术变更单号" align="center" prop="technicalChangeOrderNumber" :show-overflow-tooltip="false"/>
<el-table-column label="技术变更累计金额变更比例" align="center" prop="cumulativeAmountChangeRatioTechnical" :show-overflow-tooltip="false"/>
<el-table-column label="商务变更单号" align="center" prop="commercialChangeOrderNumber" :show-overflow-tooltip="false"/>
<el-table-column label="商务变更累计金额变更比例" align="center" prop="cumulativeAmountChangeRatioCommercial" :show-overflow-tooltip="false"/>
<el-table-column label="入账数量" align="center" prop="accountedQuantity" :show-overflow-tooltip="false"/>
<el-table-column label="利库方案" align="center" prop="inventorySolution" :show-overflow-tooltip="false"/>
<el-table-column label="数量（备用）" align="center" prop="quantity2" :show-overflow-tooltip="false"/>
<el-table-column label="批号" align="center" prop="batchNumber" :show-overflow-tooltip="false"/>
<el-table-column label="转换后的批次" align="center" prop="convertedBatchNumber" :show-overflow-tooltip="false"/>
<el-table-column label="不含税总价" align="center" prop="totalPriceExcludingTax" :show-overflow-tooltip="false"/>
<el-table-column width="300" label="对向工程定义" align="center" prop="oppositeProjectDefinition" :show-overflow-tooltip="false"/>
<el-table-column width="400" label="对向工程描述" align="center" prop="oppositeProjectDescription" :show-overflow-tooltip="false"/>
<!-- <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="false"/>-->
<!-- <el-table-column label="更新时间" align="center" prop="updateTime" :show-overflow-tooltip="false"/>-->
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="pageNo"
v-model:limit="pageSize"
@pagination="getCmListFun"
/>
</div>
</div>
</template>
<script setup name="dataService">
// import { zhOneMaterialAccountList } from '@/api/wzybz'
import {defineProps, onMounted, ref} from 'vue';
import {useRoute} from "vue-router";
import {zhOneMaterialAccountList} from "../../../api/wzybz";
const { proxy } = getCurrentInstance();
const props = defineProps({
pageType: String,
moduleName: String,
});
let loading = ref(false)
let tableData = ref([])
let total = ref(0)
let pageNo = ref(1)
let pageSize = ref(10)
let selectName = ref('')
let upLoadname=ref ('')
let isOpenDialog =ref(false)
// 获取列表数据
const route=useRoute()
let getList = () => {
loading.value = true
zhOneMaterialAccountList({
pageSize:pageSize.value,
pageNum:pageNo.value,
},{
projectDefinition: history.state.prjId,
}).then(res=>{
console.log(res)
loading.value = false
tableData.value = res.rows
total.value = res.total
// pageNo.value = res.data.current
})
}
onMounted(()=>{
console.log(history.state)
getList()
})
</script>
<style scoped lang="less">
.tableWrap{
padding: 20px;
}
.queryRef{
display: flex;
align-items: center;
}
.labelItem {
display: flex;
justify-content: center;
align-items: center;
height: 100%; /* 设置高度为父容器的高度 */
}
.el-upload {
display: inline-block;
}
.el-button {
margin-right: 10px;
}
</style>

447
src/views/pages/dataService/wzzysjdr.vue Normal file
View File

File diff suppressed because one or more lines are too long

2
src/views/pages/screenPage.vue
View File

@ -244,7 +244,7 @@
<div class="jsyl noClick" :class="isCurrent=='jsyl'?'isClick':''" @click="setBType('jsyl')">技术引领</div>
<!-- <div class="wzzysc noClick" :class="isCurrent=='wzbase'?'isClick':''" @click="setBType('wzbase')">物资基建侧</div>-->
<!-- <div class="wzzyqkj noClick" :class="isCurrent=='wzAll'?'isClick':''" @click="setBType('wzAll')">物资全口径</div>-->
<div class="wzzyqkj noClick" :class="isCurrent=='hbzy'||isCurrent=='hbzhzx'?'isClick':''" @click="setBType('hbzy')">环保咨询</div>
<div class="wzzyqkj noClick" :class="isCurrent=='hbzy'||isCurrent=='hbzhzx'?'isClick':''" @click="setBType('hbzy')">环保监督</div>
<div class="wzzyqkj noClick" :class="isCurrent=='zjfx'?'isClick':''" @click="setBType('zjfx')">造价分析</div>
<div class="wzzyqkj noClick" :class="isCurrent=='dwjs'?'isClick':''" @click="setBType('dwjs')">队伍建设</div>
</div>