jiangyinzhi
822 lines
35 KiB
Vue
822 lines
35 KiB
Vue
<template>
|
|
<div class="multipleAir">
|
|
<div class="list-upload" v-if="$store.getters.imageRecognition">
|
|
<btnUploader type="filePic" :value="filePic"
|
|
@afterRead="afterRead1"
|
|
@delImg="delImg1"
|
|
@onUpload="onUpload1" />
|
|
</div>
|
|
<div class="focusItem">
|
|
<div class="inputStyle">
|
|
<van-cell-group>
|
|
<van-field @blur="checkEquipDieout('8', 'model', 'dieoutNum', 'form', 'refrigeNum')" v-model="form.model" required :rules="[{ required: true },{pattern:/^.{2,20}$/, message:'2≤型号长度≤20'}]" maxlength="20" label="型号" label-width="120" input-align="right" placeholder="请输入型号"/>
|
|
<van-field v-model="form.refrigeNum" v-input.numNo0 label="空调数量" type="number" required :rules="[{ required: true}]" input-align="right" placeholder="请输入" />
|
|
<van-field v-model="edgl" v-input.floatNo0 label="总额定功率(kW)" type="number" required :rules="[{ required: true }]" input-align="right" placeholder="请输入" />
|
|
<div class="tips" v-if="ratio">{{validateData[0]}}≤额定制冷量/额定功率≤{{validateData[1]}}</div>
|
|
<van-field v-model="hyl" v-input.float label="耗用量(t或m3)" type="number" label-width="100" input-align="right" placeholder="请输入" />
|
|
<van-field v-model="form.coolCapacity" v-input.floatNo0 label="总额定制冷量(kW)" type="number" required :rules="[{ required: true}]" label-width="120" input-align="right" placeholder="请输入" />
|
|
<van-field v-model="form.useYear" label="设备最早投入使用年份" label-width="150" is-link input-align="right" placeholder="请输入" readonly @click="handelClickYear('useYear', 'SET_CON_YEAR')" />
|
|
<!-- 是否进行过设备改造 -->
|
|
<Whether required :rules="[{ required: true, message:'请选择设备改造' }]" :value="formColumns.conEquipModiyName" @onConfirmTrueFalse="onConfirmTrueFalse" feildName="conEquipModiy" special="1" />
|
|
<!-- 改造方式 -->
|
|
<ModifyMode
|
|
v-show="form.conEquipModiy == 1"
|
|
:columns="formColumns"
|
|
:list="conList"
|
|
:form="form"
|
|
:type="null"
|
|
type1="con"
|
|
:required="form.conEquipModiy == 1"
|
|
:list1="resultList"
|
|
:list2="spliceList"
|
|
@onConfirmCheckbox="onConfirmCheckbox"
|
|
/>
|
|
<van-field v-show="conYear1" v-model="form.conIntellectModifyYear" label="增加主机智能化集中控制系统年份" required :rules="[{ required: conYear1, message:'请选择年份' }]" label-width="220" input-align="right" is-link placeholder="请选择" readonly @click="handelClickYear('conIntellectModifyYear', 'SET_CON_YEAR')" />
|
|
<van-field v-show="conYear2" v-model="form.conModifyYear" label="更换高能效设备年份" required :rules="[{ required: conYear2, message:'请选择年份' }]" label-width="140" input-align="right" is-link placeholder="请选择" readonly @click="handelClickYear('conModifyYear', 'SET_CON_YEAR')" />
|
|
<van-field v-model="form.loadFactor" v-input.float label="负载系数" type="number" input-align="right" placeholder="请输入" />
|
|
<van-field v-model="form.runHours" v-input.maxDayHour label="每日运行时间（小时）" type="number" label-width="220" input-align="right" placeholder="请输入" />
|
|
<van-field v-model="form.runDays" v-input.maxYearDay label="年平均运行时间（天）" type="number" label-width="220" input-align="right" placeholder="请输入" />
|
|
<van-field v-model="form.coldPerArea" v-input.float label="单位面积冷量（kW/平方米）" type="number" label-width="220" input-align="right" placeholder="请输入" />
|
|
<van-field label="设备生产日期" v-model="form.produceDate" required :rules="[{ required: true }]" placeholder="请选择设备生产日期" label-width="140" input-align="right" is-link readonly @click="datePicker = true" />
|
|
<van-field @blur="changeData('8', 'model', 'dieoutNum', 'form', 'refrigeNum')" v-model="form.useExpl" v-input.num label="在用台数(台)" type="number" required :rules="[{ required: true }]" input-align="right" placeholder="请输入"/>
|
|
<van-field @blur="changeData('8', 'model', 'dieoutNum', 'form', 'refrigeNum')" v-model="form.backupExpl" v-input.num label="备用台数(台)" type="number" required :rules="[{ required: true }]" input-align="right" placeholder="请输入"/>
|
|
<van-field label="设备能效等级" v-model="form.equipEfficiencyName" placeholder="请选择设备能效等级" input-align="right" is-link readonly @click="handelClickOptionShow('equipEfficiency')" />
|
|
<van-field v-input.num v-model="form.cumulativeRunHours" type="number" label="累计运行小时数" placeholder="请输入" label-width="200" input-align="right"/>
|
|
<van-field readonly v-input.num v-model="form.dieoutNum" type="number" label="淘汰设备数量" placeholder="请输入" label-width="200" input-align="right"/>
|
|
<van-field v-input.float v-model="form.saveElectricity" type="number" label="预期年节电量（千瓦时）" placeholder="请输入" label-width="220" input-align="right"/>
|
|
<van-field v-input.float v-model="form.carbonEmissionFactor" type="number" label="区域碳排放因子" placeholder="请输入" label-width="200" input-align="right"/>
|
|
<van-field v-input.float v-model="form.carbonReduction" type="number" label="预期减碳量（TCO₂）" placeholder="请输入" label-width="200" input-align="right"/>
|
|
<van-field v-input.float v-model="form.multiAirConditionerCop" type="number" label="多联式空调机组平均COP" placeholder="请输入" label-width="200" input-align="right"/>
|
|
<van-field v-model="form.totalConcatenatedCold" v-input.float label="总额定制冷功率(kW)" type="number" input-align="right" placeholder="请输入" label-width="200" />
|
|
</van-cell-group>
|
|
<div v-if="form.refrigeNum">
|
|
<van-cell class="img-box box1" style="padding:10px 15px;" title="设备外观" :required="$store.getters.cityType"/>
|
|
<Uploader type="exteriorImage" :value="exteriorImage" style="padding: 0 10px;"
|
|
@afterRead="afterRead"
|
|
@delImg="delImg"
|
|
@onUpload="onUpload" />
|
|
<div class="tips tipImage" v-if="$store.getters.cityType&&form.exteriorImage.length<1">请上传设备外观照片</div>
|
|
<!-- <div class="picStyle borderBot" :class="{cityType: $store.getters.cityType}">
|
|
<div class="title">设备外观</div>
|
|
<div class="pic">
|
|
<Uploader
|
|
type="exteriorImage"
|
|
:value="exteriorImage"
|
|
@afterRead="afterRead"
|
|
@delImg="delImg"
|
|
@onUpload="onUpload"
|
|
/>
|
|
</div>
|
|
</div> -->
|
|
<div class="picStyle borderBot">
|
|
<van-cell class="img-box box1" style="padding:10px 15px;" title="设备铭牌" :required="$store.getters.cityType"/>
|
|
<div class="pic">
|
|
<Uploader
|
|
type="tagImage"
|
|
:value="tagImage"
|
|
@afterRead="afterRead"
|
|
@delImg="delImg"
|
|
@onUpload="onUpload"
|
|
/>
|
|
</div>
|
|
<div class="tips tipImage" v-if="$store.getters.cityType&&form.tagImage.length<1">请上传设备铭牌</div>
|
|
</div>
|
|
<div class="picStyle">
|
|
<van-cell class="img-box box1" style="padding:10px 15px;" title="设备能效标识" :required="$store.getters.cityType"/>
|
|
<div class="pic">
|
|
<Uploader
|
|
type="markImage"
|
|
:value="markImage"
|
|
@afterRead="afterRead"
|
|
@delImg="delImg"
|
|
@onUpload="onUpload"
|
|
/>
|
|
</div>
|
|
<div class="tips tipImage" v-if="$store.getters.cityType&&form.markImage.length<1">请上传设备能效标识</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div :class="form.refrigeNum ? 'search-main' : ''" v-for="item in searchList" :key="item.type">
|
|
<div class="focusItem" v-if="form.refrigeNum">
|
|
<div class="title" v-if="item.type == '1'">
|
|
<div class="line" /> 运营类节能诊断问询
|
|
</div>
|
|
<div class="title" v-if="item.type == '2'">
|
|
<div class="line" /> 设备类节能诊断问询
|
|
</div>
|
|
<div class="wt" v-for="(ele, i) in item.child" :key="ele.enquireId">
|
|
<div class="wtItem">
|
|
<p>{{ ++i }}.{{ ele.enquireTitle }}</p>
|
|
<Radio :item="ele" :index="i" @handelClickOk="handelClickOk(ele ,i)" @handelClickNo="handelClickNo(ele, item.child)" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="bottom"><van-button type="primary" block>保存</van-button></div> -->
|
|
<VanPickerNew :show="show" :columns="list" :loading="loading" @onConfirm="onConfirm" @onCancel="onCancel" />
|
|
<Year :show="yearShow" :num="1" @onConfirmYear="onConfirmYear" @onCancelYear="onCancelYear" />
|
|
<VanPickerNew :show="showOption" :columns="columnsList" :loading="loading" @onConfirm="onConfirmOption" @onCancel="showOption=false" />
|
|
|
|
<!-- 年份选择 -->
|
|
<van-popup v-model="datePicker" position="bottom">
|
|
<van-datetime-picker v-model="currentDate" type="date" :min-date="minDate" :max-date="maxDate" @confirm="onConfirmDate" @cancel="datePicker = false" />
|
|
</van-popup>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import VanPickerNew from '@/components/vanPickerNew'
|
|
import ModifyMode from '../common-vue/modifyMode.vue'
|
|
import Whether from '../common-vue/whether.vue'
|
|
import Year from '../common-vue/year.vue'
|
|
import mixin from '@/mixins/mixin'
|
|
import {dieoutMixin, modelValidatorMixin} from '@/mixins/dieoutMixin'
|
|
import Uploader from '../common-vue/uploader.vue'
|
|
import Radio from '../common-vue/radio.vue'
|
|
import { dataMode } from '../common'
|
|
import { downloadUrl } from '@/settings'
|
|
import { pureDigital } from '../pattern'
|
|
import btnUploader from "../common-vue/btnUploader.vue";
|
|
|
|
export default {
|
|
components: {
|
|
Year,
|
|
ModifyMode,
|
|
Whether,
|
|
Uploader,
|
|
Radio,
|
|
VanPickerNew,
|
|
btnUploader
|
|
},
|
|
mixins: [mixin, dieoutMixin, modelValidatorMixin],
|
|
|
|
data() {
|
|
return {
|
|
filePic: [],
|
|
edgl: "", //额定功率
|
|
hyl: "", //耗用量
|
|
typeId: this.$route.query.typeId,
|
|
show: false,
|
|
formColumns: {
|
|
conEquipModiyName: '', //改造方式名称
|
|
modifyModeName: '',
|
|
},
|
|
eqid: '',
|
|
form: {
|
|
model: '',
|
|
modifyMode: '', //改造方式
|
|
conEquipModiy: '', //是否进行过设备改造
|
|
ratedPower: "",
|
|
refrigeNum: '', //空调数量
|
|
coolCapacity: '', //总额定制冷量
|
|
totalConcatenatedCold: '',
|
|
useYear: '', //设备最早投入使用年份
|
|
refrigeType: 8,
|
|
conIntellectModifyYear: '', //增加主机智能化集中控制系统年份
|
|
conModifyYear: '', //更换高能效设备年份
|
|
exteriorImage: '',
|
|
tagImage: '',
|
|
markImage: '',
|
|
loadFactor: '',
|
|
runHours:'',
|
|
runDays: '',
|
|
coldPerArea: '',
|
|
useExpl: '',
|
|
backupExpl: '',
|
|
equipEfficiency: '',
|
|
cumulativeRunHours: '',
|
|
produceDate:'',
|
|
dieoutNum: '',
|
|
saveElectricity: '',
|
|
carbonEmissionFactor:'',
|
|
carbonReduction:'',
|
|
multiAirConditionerCop:'',
|
|
|
|
},
|
|
|
|
/**
|
|
* 复选框
|
|
*/
|
|
resultList: [],
|
|
spliceList: [],
|
|
conList: [{
|
|
code: 1,
|
|
name: '智能化集中控制',
|
|
checked: false,
|
|
field: 'conIntellectModifyYear',
|
|
},
|
|
{
|
|
code: 2,
|
|
name: '更换高能效设备',
|
|
field: 'conModifyYear',
|
|
checked: false,
|
|
},
|
|
],
|
|
/**
|
|
* 询问
|
|
*/
|
|
useSearch: {
|
|
conEnquireDevIds: '', //设备类
|
|
conEnquireIds: '', //运营类
|
|
},
|
|
searchList: [],
|
|
conEnquireDevIdsList: [], //设备类
|
|
conEnquireIdsList: [], //运营类
|
|
//定时器
|
|
edSet: null,
|
|
conYear1: false,
|
|
conYear2: false,
|
|
/**
|
|
* 图片
|
|
*/
|
|
exteriorImage: [],
|
|
tagImage: [],
|
|
markImage: [],
|
|
required: false,
|
|
tidCid: null,
|
|
validateData: [],
|
|
|
|
}
|
|
},
|
|
computed: {
|
|
pureDigital() {
|
|
return pureDigital
|
|
},
|
|
showForm() {
|
|
if(this.tidCid.taskId) {
|
|
return false
|
|
}
|
|
return true
|
|
},
|
|
//如果选择为否，携带属性需要删除
|
|
notData() {
|
|
return {
|
|
conEquipModiy: {
|
|
formColumnsField: ['modifyModeName'],
|
|
formField: ['modifyMode','conIntellectModifyYear','conModifyYear'],
|
|
isShow: ['conYear1','conYear2'],
|
|
setStore: 'SET_CON_YEAR',
|
|
list: this.conList
|
|
}
|
|
}
|
|
|
|
},
|
|
// 额定制冷量/额定功率
|
|
ratio () {
|
|
if(this.form.coolCapacity && this.edgl && this.edgl != 0){
|
|
let ratioData = this.form.coolCapacity/this.edgl
|
|
let data = this.validateData[0] <= ratioData && ratioData <= this.validateData[1]
|
|
return !data
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
this.tidCid = JSON.parse(sessionStorage.getItem('tidCid'))
|
|
if(this.$store.getters.validate){
|
|
this.validateData = ['1.35', '10.50']
|
|
}else{
|
|
this.validateData = ['2.70', '7.0']
|
|
}
|
|
},
|
|
mounted() {
|
|
this.$store.commit('pageData/GET_MUL', this.typeId)
|
|
this.editData()
|
|
},
|
|
beforeDestroy() {
|
|
clearTimeout(this.edSet)
|
|
this.setVuexData()
|
|
for (const key in this.form) {
|
|
this.form[key] = ''
|
|
}
|
|
this.hyl = ''
|
|
this.edgl = ''
|
|
},
|
|
methods: {
|
|
//修改覆写数据
|
|
editData() {
|
|
this.edSet = setTimeout(async () => {
|
|
//前页面存起来的数据
|
|
const data = this.$store.getters.editData
|
|
//问询问题
|
|
const searchInfo = this.$store.getters.searchInfo
|
|
if (searchInfo) {
|
|
const res = dataMode(searchInfo['sbktdls'])
|
|
this.searchList = res
|
|
//运营类
|
|
if(data.info.conEnquireIds == '') {
|
|
const list1 = res.find((ele)=> ele.type == 1)
|
|
const dataList1 = list1.child.map((item)=> item.enquireId)
|
|
this.useSearch.conEnquireIds = dataList1.join(',')
|
|
this.conEnquireIdsList = dataList1
|
|
}
|
|
//设备类
|
|
if(data.info.conEnquireDevIds == '') {
|
|
const list1 = res.find((ele)=> ele.type == 2)
|
|
const dataList1 = list1.child.map((item)=> item.enquireId)
|
|
this.useSearch.conEnquireDevIds = dataList1.join(',')
|
|
this.conEnquireDevIdsList = dataList1
|
|
}
|
|
this.$store.commit('search/SET_CON', this.useSearch)
|
|
}
|
|
if (data.pageKey) {
|
|
this.resultList = []
|
|
this.spliceList = []
|
|
this.eqid = data.info.equipId
|
|
const kt = data.info.nxzdRefrigeSystemDTO.find(
|
|
(v) => v.refrigeType == 8
|
|
)
|
|
if (kt) {
|
|
for (const key in kt) {
|
|
for (const keys in this.form) {
|
|
if (key == keys) {
|
|
this.form[keys] = kt[key]
|
|
}
|
|
}
|
|
}
|
|
if(kt.ratedPower) {
|
|
this.edgl = kt.ratedPower.split(",")[0];
|
|
this.hyl = kt.ratedPower.split(",")[1];
|
|
}
|
|
console.log(this.edgl, this.hyl);
|
|
if (this.form.exteriorImage) {
|
|
const list = this.form.exteriorImage.split(',')
|
|
this.exteriorImage = list.map((ele) => {
|
|
return {
|
|
url: `${downloadUrl}${ele}`,
|
|
}
|
|
})
|
|
console.log(this.exteriorImage,'123')
|
|
}
|
|
if (this.form.tagImage) {
|
|
const list = this.form.tagImage.split(',')
|
|
this.tagImage = list.map((ele) => {
|
|
return {
|
|
url: `${downloadUrl}${ele}`,
|
|
}
|
|
})
|
|
console.log(this.tagImage)
|
|
}
|
|
if (this.form.markImage) {
|
|
const list = this.form.markImage.split(',')
|
|
this.markImage = list.map((ele) => {
|
|
return {
|
|
url: `${downloadUrl}${ele}`,
|
|
}
|
|
})
|
|
console.log(this.markImage)
|
|
}
|
|
} else {
|
|
this.form.refrigeNum = ''
|
|
this.form.coolCapacity = ''
|
|
}
|
|
// this.form.refrigeNum = data.info.refrigeNum;
|
|
// this.form.coolCapacity = data.info.coolCapacity;
|
|
// this.form.useYear = data.info.useYear;
|
|
this.form.conIntellectModifyYear = data.info.conIntellectModifyYear
|
|
this.form.conModifyYear = data.info.conModifyYear
|
|
|
|
this.form.conEquipModiy = data.info.conEquipModiy
|
|
this.formColumns.conEquipModiyName = data.info.conEquipModiy == 1 ? '是' : '否'
|
|
console.log(this.form.equipEfficiency, 'data.equipEfficiency');
|
|
let Efficiency = this.form.equipEfficiency&&this.equipEfficiencyOption.find(item => item.value == this.form.equipEfficiency)
|
|
this.form.equipEfficiencyName = Efficiency&&Efficiency.text
|
|
if (data.info.conIntellectModifyYear) {
|
|
this.form.conIntellectModifyYear = data.info.conIntellectModifyYear
|
|
this.resultList.push({
|
|
code: 1,
|
|
name: '智能化集中控制',
|
|
checked: true,
|
|
field: 'conIntellectModifyYear',
|
|
})
|
|
}
|
|
if (data.info.conModifyYear) {
|
|
this.form.conModifyYear = data.info.conModifyYear
|
|
this.resultList.push({
|
|
code: 2,
|
|
name: '更换高能效设备',
|
|
field: 'conModifyYear',
|
|
checked: true,
|
|
})
|
|
}
|
|
|
|
if (!data.info.conIntellectModifyYear) {
|
|
this.form.conIntellectModifyYear = data.info.conIntellectModifyYear
|
|
this.spliceList.push({
|
|
code: 1,
|
|
name: '智能化集中控制',
|
|
checked: false,
|
|
field: 'conIntellectModifyYear',
|
|
})
|
|
}
|
|
if (!data.info.conModifyYear) {
|
|
this.form.conModifyYear = data.info.conModifyYear
|
|
this.spliceList.push({
|
|
code: 2,
|
|
name: '更换高能效设备',
|
|
field: 'conModifyYear',
|
|
checked: false,
|
|
})
|
|
}
|
|
|
|
// this.conList = this.resultList;
|
|
|
|
this.conList.forEach((v) => {
|
|
v.checked = false
|
|
this.resultList.forEach((ev) => {
|
|
if (v.code == ev.code) {
|
|
v.checked = true
|
|
}
|
|
})
|
|
})
|
|
const name = this.resultList.map((ele) => ele.name)
|
|
const id = this.resultList.map((ele) => ele.code)
|
|
const checkboxInfo = {
|
|
name,
|
|
id,
|
|
result: this.resultList,
|
|
}
|
|
|
|
this.onConfirmCheckbox(checkboxInfo)
|
|
|
|
/**
|
|
* 询问回显
|
|
*/
|
|
//设备类
|
|
if (data.info.conEnquireDevIds && this.searchList.length > 0) {
|
|
const devList = data.info.conEnquireDevIds.split(',')
|
|
this.useSearch.conEnquireDevIds = data.info.conEnquireDevIds
|
|
this.conEnquireDevIdsList = devList
|
|
this.searchList[1].child.forEach((ele) => {
|
|
ele.color = false
|
|
devList.forEach((item) => {
|
|
if (item == ele.enquireId) {
|
|
ele.color = true
|
|
}
|
|
})
|
|
})
|
|
}
|
|
//运营类
|
|
|
|
if (data.info.conEnquireIds && this.searchList.length > 0) {
|
|
const devList = data.info.conEnquireIds.split(',')
|
|
this.useSearch.conEnquireIds = data.info.conEnquireIds
|
|
this.conEnquireIdsList = devList
|
|
this.searchList[0].child.forEach((ele) => {
|
|
ele.color = false
|
|
devList.forEach((v) => {
|
|
if (v == ele.enquireId) {
|
|
ele.color = true
|
|
}
|
|
})
|
|
})
|
|
}
|
|
this.$store.commit('search/SET_CON', this.useSearch)
|
|
return
|
|
}
|
|
}, 200)
|
|
},
|
|
setVuexData() {
|
|
this.$store.commit('pageData/CURRENT_CON_DATA', this.$data)
|
|
},// 上传图片调用原生的方法 获取到绝对路径调用getImageFileFromUrl
|
|
onUpload1 (data) {
|
|
console.log(data);
|
|
this.form.coolCapacity = data.coolCapacity
|
|
this.edgl = parseFloat(data.ratedPower)
|
|
},
|
|
delImg1() {
|
|
this.filePic = []
|
|
const list = this.delIsObj(this.filePic)
|
|
this.filePic = list.join(',')
|
|
},
|
|
// 图片处理
|
|
afterRead1(data) {
|
|
this.form.coolCapacity = data.coolCapacity
|
|
this.edgl = parseFloat(data.ratedPower)
|
|
console.log(this.form);
|
|
// this.filePic.push(data.attach_id);
|
|
},
|
|
//安卓会调用的方法
|
|
onUpload(data, type) {
|
|
console.log('安卓进');
|
|
this.ifType(data, type, 1)
|
|
},
|
|
//浏览器 ios 会走这个方法
|
|
afterRead(data, type) {
|
|
console.log('浏览器ios');
|
|
|
|
this.ifType(data, type, 2)
|
|
},
|
|
//判断type
|
|
ifType(data, type, num) {
|
|
if(num == 1) {
|
|
if (type == 'exteriorImage') {
|
|
// this.exteriorImage.push(data.attach_id)
|
|
// const list = this.ifObj(this.exteriorImage)
|
|
this.form.exteriorImage = this.exteriorImage = data
|
|
// this.form.exteriorImage.pop()
|
|
}
|
|
if (type == 'tagImage') {
|
|
// this.tagImage.push(data.attach_id)
|
|
// const list = this.tagImage.join(',')
|
|
this.form.tagImage = this.tagImage = data
|
|
// this.form.tagImage.pop()
|
|
}
|
|
if (type == 'markImage') {
|
|
// this.markImage.push(data.attach_id)
|
|
// const list = this.ifObj(this.markImage)
|
|
this.form.markImage = this.markImage = data
|
|
// this.form.markImage.pop()
|
|
}
|
|
} else {
|
|
if (type == 'exteriorImage') {
|
|
this.exteriorImage.push(data.attach_id)
|
|
// const list = this.ifObj(this.exteriorImage)
|
|
this.form.exteriorImage = this.exteriorImage
|
|
}
|
|
if (type == 'tagImage') {
|
|
this.tagImage.push(data.attach_id)
|
|
// const list = this.tagImage.join(',')
|
|
this.form.tagImage = this.tagImage
|
|
}
|
|
if (type == 'markImage') {
|
|
this.markImage.push(data.attach_id)
|
|
// const list = this.ifObj(this.markImage)
|
|
this.form.markImage = this.markImage
|
|
}
|
|
}
|
|
},
|
|
//判断是否为对象格式
|
|
ifObj(imgList) {
|
|
imgList.forEach((v) => {
|
|
if(v instanceof Object && v.url.split('download/').length > 1) {
|
|
v.url = v.url.split('download/')[1]
|
|
}
|
|
})
|
|
const list = imgList.map((ele)=>{
|
|
if(ele instanceof Object) {
|
|
return ele.url
|
|
}
|
|
return ele
|
|
})
|
|
return list
|
|
},
|
|
|
|
delImg(data, info, type) {
|
|
this[type] = []
|
|
if (type == 'exteriorImage') {
|
|
const list = this.delIsObj(this.exteriorImage)
|
|
this.form.exteriorImage = list.join(',')
|
|
}
|
|
if (type == 'tagImage') {
|
|
const list = this.delIsObj(this.tagImage)
|
|
this.form.tagImage = list.join(',')
|
|
}
|
|
if (type == 'markImage') {
|
|
const list = this.delIsObj(this.markImage)
|
|
this.form.markImage = list.join(',')
|
|
}
|
|
},
|
|
|
|
//判断删除的list中是否为对象格式
|
|
delIsObj(delList) {
|
|
const list = delList.map((ele) => {
|
|
if(ele instanceof Object) {
|
|
return ele.url
|
|
}
|
|
return ele
|
|
})
|
|
return list
|
|
},
|
|
|
|
//询问选择为是
|
|
handelClickOk(ele, i) {
|
|
if(this.showForm) {
|
|
return
|
|
}
|
|
if (ele.enquireType == '2' && !ele.color) {
|
|
// const index = this.conEnquireDevIdsList.findIndex((v) => {
|
|
// return v == 0
|
|
// })
|
|
this.conEnquireDevIdsList.splice(i-1, 1, ele.enquireId)
|
|
ele.color = true
|
|
}
|
|
if (ele.enquireType == '1' && !ele.color) {
|
|
// const index = this.conEnquireIdsList.findIndex((v) => {
|
|
// return v == 0
|
|
// })
|
|
this.conEnquireIdsList.splice(i-1, 1, ele.enquireId)
|
|
ele.color = true
|
|
}
|
|
this.useSearch.conEnquireDevIds = this.conEnquireDevIdsList.join(',')
|
|
this.useSearch.conEnquireIds = this.conEnquireIdsList.join(',')
|
|
this.$store.commit('search/SET_CON', this.useSearch)
|
|
},
|
|
//询问选择为否
|
|
handelClickNo(ele, list) {
|
|
if(this.showForm) {
|
|
return
|
|
}
|
|
if (ele.enquireType == '2' && ele.color) {
|
|
const index = this.conEnquireDevIdsList.findIndex((v) => v == ele.enquireId )
|
|
if(index == -1) {
|
|
this.conEnquireDevIdsList = list.map((item)=> {
|
|
if(ele.enquireId == item.enquireId) {
|
|
return item.noId
|
|
}
|
|
return item.enquireId
|
|
})
|
|
|
|
this.useSearch.conEnquireDevIds = this.conEnquireDevIdsList.join(',')
|
|
const elseItem = this.searchList.find((ele)=> ele.type == '1')
|
|
this.useSearch.conEnquireIds = elseItem.child.map((ele)=> {
|
|
if(ele.color) {
|
|
return ele.enquireId
|
|
} else {
|
|
return ele.noId
|
|
}
|
|
}).join(',')
|
|
|
|
ele.color = false
|
|
} else {
|
|
this.conEnquireDevIdsList.splice(index, 1, ele.noId)
|
|
this.useSearch.conEnquireDevIds = this.conEnquireDevIdsList.join(',')
|
|
const elseItem = this.searchList.find((ele)=> ele.type == '1')
|
|
this.useSearch.conEnquireIds = elseItem.child.map((ele)=> {
|
|
if(ele.color) {
|
|
return ele.enquireId
|
|
} else {
|
|
return ele.noId
|
|
}
|
|
}).join(',')
|
|
|
|
ele.color = false
|
|
}
|
|
|
|
}
|
|
if (ele.enquireType == '1' && ele.color) {
|
|
const index = this.conEnquireIdsList.findIndex((v) => v == ele.enquireId )
|
|
if(index == -1) {
|
|
this.conEnquireIdsList = list.map((item)=> {
|
|
if(ele.enquireId == item.enquireId) {
|
|
return item.noId
|
|
}
|
|
return item.enquireId
|
|
})
|
|
|
|
this.useSearch.conEnquireIds = this.conEnquireIdsList.join(',')
|
|
const elseItem = this.searchList.find((ele)=> ele.type == '2')
|
|
this.useSearch.conEnquireDevIds = elseItem.child.map((ele)=> {
|
|
if(ele.color) {
|
|
return ele.enquireId
|
|
} else {
|
|
return ele.noId
|
|
}
|
|
}).join(',')
|
|
|
|
ele.color = false
|
|
} else {
|
|
this.conEnquireIdsList.splice(index, 1, ele.noId)
|
|
this.useSearch.conEnquireIds = this.conEnquireIdsList.join(',')
|
|
const elseItem = this.searchList.find((ele)=> ele.type == '2')
|
|
this.useSearch.conEnquireDevIds = elseItem.child.map((ele)=> {
|
|
if(ele.color) {
|
|
return ele.enquireId
|
|
} else {
|
|
return ele.noId
|
|
}
|
|
}).join(',')
|
|
|
|
ele.color = false
|
|
}
|
|
|
|
}
|
|
this.$store.commit('search/SET_CON', this.useSearch)
|
|
|
|
},
|
|
//点击改造方式确认
|
|
onConfirmCheckbox(data) {
|
|
this.conYear1 = false
|
|
this.conYear2 = false
|
|
this.conList.forEach((v)=> {
|
|
if(!v.checked && v.code == 1) {
|
|
// this.conYear1 = false
|
|
this.form.conIntellectModifyYear = ''
|
|
}
|
|
if(!v.checked && v.code == 2) {
|
|
// this.conYear2 = false
|
|
this.form.conModifyYear = ''
|
|
}
|
|
})
|
|
this.$store.commit('search/SET_CON_YEAR', this.form)
|
|
data.id.forEach((v) => {
|
|
if (v == 1) {
|
|
this.conYear1 = true
|
|
}
|
|
if (v == 2) {
|
|
this.conYear2 = true
|
|
}
|
|
})
|
|
this.formColumns.modifyModeName = data.name.join(',')
|
|
this.form.modifyMode = data.id.join(',')
|
|
},
|
|
handleClickInput() {
|
|
this.$router.push({ path: '/facilityManage/list' })
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
@import '../common-vue/common.less';
|
|
.multipleAir {
|
|
// padding: 0 20px;
|
|
box-sizing: border-box;
|
|
.bottom {
|
|
margin-top: 20px;
|
|
border-radius: 10px;
|
|
overflow: auto;
|
|
}
|
|
.inputStyle {
|
|
border-radius: 8px;
|
|
overflow: auto;
|
|
background: #fff;
|
|
}
|
|
.picStyle {
|
|
padding: 10px 10px;
|
|
.title {
|
|
margin-bottom: 10px;
|
|
color: #000;
|
|
span {
|
|
color: red;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.focusItem {
|
|
padding: 0 20px;
|
|
border-radius: 8px;
|
|
overflow: auto;
|
|
.addTitleLeft {
|
|
flex: 0 0 220px;
|
|
}
|
|
}
|
|
|
|
.borderBot {
|
|
position: relative;
|
|
&::after {
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
content: ' ';
|
|
pointer-events: none;
|
|
right: 0.426667rem;
|
|
bottom: 0;
|
|
left: 0.426667rem;
|
|
border-bottom: 0.026667rem solid #ebedf0;
|
|
-webkit-transform: scaleY(0.5);
|
|
transform: scaleY(0.5);
|
|
}
|
|
}
|
|
|
|
.valueColor {
|
|
color: #000;
|
|
}
|
|
|
|
.remould {
|
|
flex: 0 0 80px;
|
|
}
|
|
|
|
.text-ellipsis {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
-o-text-overflow: ellipsis;
|
|
}
|
|
/deep/ .van-field__error-message {
|
|
text-align: right;
|
|
}
|
|
.tips {
|
|
padding: 0 16px;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
color: #ee0a24;
|
|
font-size: 12px;
|
|
}
|
|
.tipImage{
|
|
justify-content: flex-start
|
|
}
|
|
.list-upload{
|
|
/deep/.van-button {
|
|
background: #34baae;
|
|
border-radius: 0.266667rem;
|
|
}
|
|
/deep/.van-uploader{
|
|
width: 100%;
|
|
.van-uploader__input-wrapper{
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
</style> |