This commit is contained in:
bb_pan 2025-11-26 15:15:16 +08:00
parent 3b2a5b2218
commit 1ae12a2609
10 changed files with 73 additions and 23 deletions

View File

@ -185,6 +185,14 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="附件" prop="fileList" v-if="Number(form.level) > 4">
<ImageUpload
v-model="form.fileList"
:value="form.fileList"
:limit="5"
@input="handleImageChange"
/>
</el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<template> <template>
@ -207,10 +215,11 @@
import Treeselect from '@riophae/vue-treeselect' import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css' import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import { getMaTypeList, getListByMaType, delMaType, addMaType, updateMaType } from '@/api/ma/base' import { getMaTypeList, getListByMaType, delMaType, addMaType, updateMaType } from '@/api/ma/base'
import ImageUpload from '@/components/ImageUpload'
export default { export default {
name: 'ToolsType', name: 'ToolsType',
components: { Treeselect }, components: { Treeselect, ImageUpload },
dicts: ['dev_unit_type'], dicts: ['dev_unit_type'],
data() { data() {
return { return {
@ -259,7 +268,8 @@ export default {
label: '', label: '',
typeName: '', typeName: '',
manageType: '', // 0 1 manageType: '', // 0 1
unitName: '' unitName: '',
fileList: ''
}, },
chosenTypeId: '', chosenTypeId: '',
leasePrice: '', leasePrice: '',
@ -285,7 +295,8 @@ export default {
rules: { rules: {
typeName: [{ required: true, message: '规格型号不能为空', trigger: 'blur' }], typeName: [{ required: true, message: '规格型号不能为空', trigger: 'blur' }],
manageType: [{ required: true, message: '管理模式不能为空', trigger: 'blur' }], manageType: [{ required: true, message: '管理模式不能为空', trigger: 'blur' }],
unitName: [{ required: true, message: '计量单位不能为空', trigger: 'blur' }] unitName: [{ required: true, message: '计量单位不能为空', trigger: 'blur' }],
fileList: [{ required: true, message: '请上传附件', trigger: 'blur' }],
}, },
companyId: undefined, companyId: undefined,
dialogImageUrl: '', dialogImageUrl: '',
@ -345,6 +356,11 @@ export default {
this.queryParams.typeId = data.typeId this.queryParams.typeId = data.typeId
this.handleQuery() this.handleQuery()
}, },
handleImageChange(val) {
console.log('🚀 ~ val:', val)
console.log('🚀 ~ val:', this.form.fileList)
},
// //
reset() { reset() {
@ -355,7 +371,8 @@ export default {
label: '', label: '',
manageType: '', manageType: '',
unitName: '', unitName: '',
level: '' level: '',
fileList: ''
} }
this.resetForm('form') this.resetForm('form')
}, },

View File

@ -674,7 +674,7 @@ export default {
animationEasingUpdate: 'cubicInOut', // [ default: cubicInOut ] animationEasingUpdate: 'cubicInOut', // [ default: cubicInOut ]
}, },
label: { label: {
show: true, show: false,
color: '#FFF', color: '#FFF',
position: 'top', position: 'top',
fontSize: 18, fontSize: 18,

View File

@ -77,6 +77,10 @@ export default {
const option = { const option = {
tooltip: { tooltip: {
trigger: 'item', trigger: 'item',
backgroundColor: '#0E1835',
textStyle: {
color: '#fff',
},
}, },
series: [ series: [
{ {

View File

@ -7,11 +7,11 @@
</div> </div>
<div class="equip-box"> <div class="equip-box">
<div class="equip-item-1">装备总数</div> <div class="equip-item-1">装备总数</div>
<div class="equip-item-2" @click="openSystemEquip">{{ equipData.total }} <span class="unit"></span></div> <div class="equip-item-2" @click="">{{ equipData.total }} <span class="unit"></span></div>
<div class="equip-item-3">总价值</div> <div class="equip-item-3">总价值</div>
<div class="equip-item-4" @click="openTotalPrice" <div class="equip-item-4" @click="">
>{{ equipData.totalPrice }} <span class="unit">亿元</span></div {{ (equipData.totalPrice / 100000000).toFixed(4) }} <span class="unit">亿元</span>
> </div>
</div> </div>
<div class="item-box"> <div class="item-box">
<el-row :gutter="20"> <el-row :gutter="20">
@ -149,7 +149,7 @@ export default {
const { data } = await getEquipmentClassificationApi() const { data } = await getEquipmentClassificationApi()
console.log('🚀 ~ getEquipList ~ data:', data) console.log('🚀 ~ getEquipList ~ data:', data)
if (!data || data.length === 0) return if (!data || data.length === 0) return
data.forEach(item => { data.forEach((item) => {
if (item.targetType == 'line') { if (item.targetType == 'line') {
this.state1.num = item.num || 0 this.state1.num = item.num || 0
this.state1.price = item.price || 0 this.state1.price = item.price || 0
@ -231,7 +231,7 @@ export default {
padding-top: 8px; padding-top: 8px;
padding-left: 40px; padding-left: 40px;
font-family: DS-TITLE; font-family: DS-TITLE;
background: linear-gradient(180deg, #FFF 19.35%, #5DCBFE 77.42%); background: linear-gradient(180deg, #fff 19.35%, #5dcbfe 77.42%);
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
@ -260,10 +260,6 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
.unit {
font-size: 15px;
color: #ccc;
}
.equip-item-1 { .equip-item-1 {
position: relative; position: relative;
left: 40px; left: 40px;
@ -273,10 +269,14 @@ export default {
position: relative; position: relative;
left: 35px; left: 35px;
top: 30px; top: 30px;
color: #fefbdc;
font-size: 28px; font-size: 28px;
font-weight: 800; font-weight: 800;
cursor: pointer; cursor: pointer;
font-family: 'DIN';
background: linear-gradient(180deg, #fff 25.81%, #fdf277 77.42%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} }
.equip-item-3 { .equip-item-3 {
position: relative; position: relative;
@ -287,10 +287,23 @@ export default {
position: relative; position: relative;
left: 700px; left: 700px;
top: -30px; top: -30px;
color: #fefbdc;
font-size: 28px; font-size: 28px;
font-weight: 800; font-weight: 800;
cursor: pointer; cursor: pointer;
font-family: 'DIN';
background: linear-gradient(180deg, #fff 25.81%, #fdf277 77.42%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.unit {
margin-left : 6px;
font-size: 14px;
font-weight: 300;
background: linear-gradient(180deg, #fff 25.81%, #FFF 77.42%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} }
} }

View File

@ -3,11 +3,11 @@
<div class="title-tip"> <div class="title-tip">
<div class="title-text">工程在用装备情况</div> <div class="title-text">工程在用装备情况</div>
<div class="more more-warp"> <div class="more more-warp">
<div> <!-- <div>
<el-select v-model="proCode" placeholder="" clearable filterable size="mini" @change="getList"> <el-select v-model="proCode" placeholder="" clearable filterable size="mini" @change="getList">
<el-option v-for="item in options" :key="item.proCode" :label="item.proName" :value="item.proCode" /> <el-option v-for="item in options" :key="item.proCode" :label="item.proName" :value="item.proCode" />
</el-select> </el-select>
</div> </div> -->
<div style="margin-left: 50px" @click="">更多 ></div> <div style="margin-left: 50px" @click="">更多 ></div>
</div> </div>
</div> </div>

View File

@ -192,6 +192,11 @@ export default {
.number { .number {
font-size: 22px; font-size: 22px;
font-weight: 800; font-weight: 800;
font-family: 'DIN';
background: linear-gradient(180deg, #fff 25.81%, #fdf277 77.42%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} }
.unit { .unit {
font-size: 12px; font-size: 12px;

View File

@ -44,6 +44,10 @@ export default {
font-family: 'Alibaba-PuHuiTi-Regular'; font-family: 'Alibaba-PuHuiTi-Regular';
src: url('../../../assets/font-family/alibaba/Alibaba-PuHuiTi-Regular.ttf'); src: url('../../../assets/font-family/alibaba/Alibaba-PuHuiTi-Regular.ttf');
} }
@font-face {
font-family: 'DIN';
src: url('../../../assets/font-family/DIN/DIN-Medium.otf');
}
.wrap { .wrap {
width: 100%; width: 100%;
height: 100%; height: 100%;

View File

@ -286,6 +286,7 @@ export default {
font-size: 28px; font-size: 28px;
font-weight: 800; font-weight: 800;
cursor: pointer; cursor: pointer;
font-family: 'DIN';
background: linear-gradient(180deg, #fff 25.81%, #fdf277 77.42%); background: linear-gradient(180deg, #fff 25.81%, #fdf277 77.42%);
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;
@ -303,6 +304,7 @@ export default {
color: #fefbdc; color: #fefbdc;
font-size: 28px; font-size: 28px;
font-weight: 800; font-weight: 800;
font-family: 'DIN';
background: linear-gradient(180deg, #fff 25.81%, #fdf277 77.42%); background: linear-gradient(180deg, #fff 25.81%, #fdf277 77.42%);
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;

View File

@ -208,7 +208,8 @@ export default {
.number { .number {
font-size: 22px; font-size: 22px;
font-weight: 800; font-weight: 800;
background: linear-gradient(180deg, #FFF 25.81%, #FDF277 77.42%); font-family: 'DIN';
background: linear-gradient(180deg, #fff 25.81%, #fdf277 77.42%);
background-clip: text; background-clip: text;
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;

View File

@ -44,6 +44,10 @@ export default {
font-family: 'Alibaba-PuHuiTi-Regular'; font-family: 'Alibaba-PuHuiTi-Regular';
src: url('../../../assets/font-family/alibaba/Alibaba-PuHuiTi-Regular.ttf'); src: url('../../../assets/font-family/alibaba/Alibaba-PuHuiTi-Regular.ttf');
} }
@font-face {
font-family: 'DIN';
src: url('../../../assets/font-family/DIN/DIN-Medium.otf');
}
.wrap { .wrap {
width: 100%; width: 100%;
height: 100%; height: 100%;