This commit is contained in:
parent
3b2a5b2218
commit
1ae12a2609
|
|
@ -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')
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -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,
|
||||||
|
|
|
||||||
|
|
@ -77,6 +77,10 @@ export default {
|
||||||
const option = {
|
const option = {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: 'item',
|
trigger: 'item',
|
||||||
|
backgroundColor: '#0E1835',
|
||||||
|
textStyle: {
|
||||||
|
color: '#fff',
|
||||||
|
},
|
||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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%;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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%;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue