|
|
@ -1,41 +1,14 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<transition name="el-zoom-in-center">
|
|
|
|
<el-dialog :title="!dataForm.id ? '新建' :'编辑'"
|
|
|
|
<div class="JNPF-preview-main">
|
|
|
|
:close-on-click-modal="false" append-to-body
|
|
|
|
<div class="JNPF-common-page-header">
|
|
|
|
:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll
|
|
|
|
<el-page-header @back="goBack"
|
|
|
|
width="600px">
|
|
|
|
:content="!dataForm.id ? '新建':'编辑'"/>
|
|
|
|
<el-row :gutter="15" class="">
|
|
|
|
<div class="options">
|
|
|
|
|
|
|
|
<el-dropdown class="dropdown" placement="bottom">
|
|
|
|
|
|
|
|
<el-button style="width:70px">
|
|
|
|
|
|
|
|
更 多<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
|
|
|
|
<el-dropdown-menu slot="dropdown">
|
|
|
|
|
|
|
|
<template v-if="dataForm.id">
|
|
|
|
|
|
|
|
<el-dropdown-item @click.native="prev" :disabled='prevDis'>
|
|
|
|
|
|
|
|
{{ '上一条' }}
|
|
|
|
|
|
|
|
</el-dropdown-item>
|
|
|
|
|
|
|
|
<el-dropdown-item @click.native="next" :disabled='nextDis'>
|
|
|
|
|
|
|
|
{{ '下一条' }}
|
|
|
|
|
|
|
|
</el-dropdown-item>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<el-dropdown-item type="primary" @click.native="dataFormSubmit(2)"
|
|
|
|
|
|
|
|
:loading="continueBtnLoading" :disabled='btnLoading'>
|
|
|
|
|
|
|
|
{{ !dataForm.id ? '确定并新增' : '确定并继续' }}
|
|
|
|
|
|
|
|
</el-dropdown-item>
|
|
|
|
|
|
|
|
</el-dropdown-menu>
|
|
|
|
|
|
|
|
</el-dropdown>
|
|
|
|
|
|
|
|
<el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading" :disabled='continueBtnLoading'> 保
|
|
|
|
|
|
|
|
存
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
|
|
|
|
<el-button @click="goBack"> 取 消</el-button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
|
|
|
|
|
|
|
<el-form ref="formRef" :model="dataForm" :rules="dataRule" size="small" label-width="100px"
|
|
|
|
<el-form ref="formRef" :model="dataForm" :rules="dataRule" size="small" label-width="100px"
|
|
|
|
label-position="right">
|
|
|
|
label-position="right">
|
|
|
|
<template v-if="!loading">
|
|
|
|
<template v-if="!loading">
|
|
|
|
<!-- 具体表单 -->
|
|
|
|
<!-- 具体表单 -->
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
label="设备编码" prop="deviceCode">
|
|
|
|
label="设备编码" prop="deviceCode">
|
|
|
|
<JnpfInput v-model="dataForm.deviceCode" @change="changeData('deviceCode',-1)"
|
|
|
|
<JnpfInput v-model="dataForm.deviceCode" @change="changeData('deviceCode',-1)"
|
|
|
@ -43,7 +16,7 @@
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
label="设备名称" tipLabel="设备名称" prop="deviceName">
|
|
|
|
label="设备名称" tipLabel="设备名称" prop="deviceName">
|
|
|
|
<JnpfInput v-model="dataForm.deviceName" @change="changeData('deviceName',-1)"
|
|
|
|
<JnpfInput v-model="dataForm.deviceName" @change="changeData('deviceName',-1)"
|
|
|
@ -51,7 +24,7 @@
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
label="所在城市" prop="city">
|
|
|
|
label="所在城市" prop="city">
|
|
|
|
<JnpfAreaSelect v-model="dataForm.city" @change="changeData('city',-1)"
|
|
|
|
<JnpfAreaSelect v-model="dataForm.city" @change="changeData('city',-1)"
|
|
|
@ -59,7 +32,7 @@
|
|
|
|
</JnpfAreaSelect>
|
|
|
|
</JnpfAreaSelect>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
label="地址" prop="address">
|
|
|
|
label="地址" prop="address">
|
|
|
|
<JnpfInput v-model="dataForm.address" @change="changeData('address',-1)"
|
|
|
|
<JnpfInput v-model="dataForm.address" @change="changeData('address',-1)"
|
|
|
@ -67,7 +40,7 @@
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
label="投用状态" prop="useStatus">
|
|
|
|
label="投用状态" prop="useStatus">
|
|
|
|
<JnpfRadio v-model="dataForm.useStatus" @change="changeData('useStatus',-1)"
|
|
|
|
<JnpfRadio v-model="dataForm.useStatus" @change="changeData('useStatus',-1)"
|
|
|
@ -76,7 +49,7 @@
|
|
|
|
</JnpfRadio>
|
|
|
|
</JnpfRadio>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
label="设备状态" prop="status">
|
|
|
|
label="设备状态" prop="status">
|
|
|
|
<JnpfRadio v-model="dataForm.status" @change="changeData('status',-1)"
|
|
|
|
<JnpfRadio v-model="dataForm.status" @change="changeData('status',-1)"
|
|
|
@ -85,7 +58,7 @@
|
|
|
|
</JnpfRadio>
|
|
|
|
</JnpfRadio>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
label="所属商户" prop="beLongCompanyId">
|
|
|
|
label="所属商户" prop="beLongCompanyId">
|
|
|
|
<JnpfOrganizeSelect v-model="dataForm.beLongCompanyId" @change="changeData('beLongCompanyId',-1)"
|
|
|
|
<JnpfOrganizeSelect v-model="dataForm.beLongCompanyId" @change="changeData('beLongCompanyId',-1)"
|
|
|
@ -94,21 +67,21 @@
|
|
|
|
</JnpfOrganizeSelect>
|
|
|
|
</JnpfOrganizeSelect>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
label="分配回收站" tipLabel="分配回收站" prop="beLongStationId">
|
|
|
|
label="分配回收站" tipLabel="分配回收站" prop="beLongStationId">
|
|
|
|
<JnpfCascader v-model="dataForm.beLongStationId" @change="changeData('beLongStationId',-1)"
|
|
|
|
<JnpfCascader v-model="dataForm.beLongStationId" @change="changeData('beLongStationId',-1)"
|
|
|
|
placeholder="请选择" show-all-levels clearable :style='{"width":"100%"}' separator="/"
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' separator="/"
|
|
|
|
:options="beLongStationIdOptions" :props="beLongStationIdProps">
|
|
|
|
:options="beLongStationIdOptions" :props="beLongStationIdProps">
|
|
|
|
</JnpfCascader>
|
|
|
|
</JnpfCascader>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
label="所属清运员" prop="beLongRecyclerPhone">
|
|
|
|
label="所属清运员" prop="beLongRecyclerPhone">
|
|
|
|
<JnpfSelect v-model="dataForm.beLongRecyclerPhone" @change="changeData('beLongRecyclerPhone',-1)"
|
|
|
|
<JnpfSelect v-model="dataForm.beLongRecyclerPhone" @change="changeData('beLongRecyclerPhone',-1)"
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}'
|
|
|
|
placeholder="请选择" clearable :style='{"width":"100%"}' :options="beLongRecyclerPhoneOptions"
|
|
|
|
:options="beLongRecyclerPhoneOptions" :props="beLongRecyclerPhoneProps">
|
|
|
|
:props="beLongRecyclerPhoneProps">
|
|
|
|
</JnpfSelect>
|
|
|
|
</JnpfSelect>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
@ -116,11 +89,11 @@
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
label="设备码二维码" prop="deviceCodeQr">
|
|
|
|
label="设备码二维码" prop="deviceCodeQr">
|
|
|
|
<JnpfUploadImg v-model="dataForm.deviceCodeQr" @change="changeData('deviceCodeQr',-1)"
|
|
|
|
<JnpfUploadImg v-model="dataForm.deviceCodeQr" @change="changeData('deviceCodeQr',-1)"
|
|
|
|
:fileSize="100" sizeUnit="MB" :limit="1" pathType="defaultPath" :isAccount="0">
|
|
|
|
disabled :fileSize="100" sizeUnit="MB" :limit="1" pathType="defaultPath" :isAccount="0">
|
|
|
|
</JnpfUploadImg>
|
|
|
|
</JnpfUploadImg>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
label="设备总重" prop="boxWeight">
|
|
|
|
label="设备总重" prop="boxWeight">
|
|
|
|
<JnpfInput v-model="dataForm.boxWeight" @change="changeData('boxWeight',-1)"
|
|
|
|
<JnpfInput v-model="dataForm.boxWeight" @change="changeData('boxWeight',-1)"
|
|
|
@ -150,8 +123,21 @@
|
|
|
|
<SelectDialog v-if="selectDialogVisible" :config="currTableConf" :formData="dataForm"
|
|
|
|
<SelectDialog v-if="selectDialogVisible" :config="currTableConf" :formData="dataForm"
|
|
|
|
ref="selectDialog" @select="addForSelect" @close="selectDialogVisible=false"/>
|
|
|
|
ref="selectDialog" @select="addForSelect" @close="selectDialogVisible=false"/>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
|
|
|
<div class="upAndDown-button" v-if="dataForm.id">
|
|
|
|
|
|
|
|
<el-button @click="prev" :disabled='prevDis'>
|
|
|
|
|
|
|
|
{{ '上一条' }}
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
|
|
|
|
<el-button @click="next" :disabled='nextDis'>
|
|
|
|
|
|
|
|
{{ '下一条' }}
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</transition>
|
|
|
|
<el-button type="primary" @click="dataFormSubmit(2)" :loading="continueBtnLoading">
|
|
|
|
|
|
|
|
{{ !dataForm.id ? '确定并新增' : '确定并继续' }}</el-button>
|
|
|
|
|
|
|
|
<el-button @click="visible = false"> 取 消</el-button>
|
|
|
|
|
|
|
|
<el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading"> 确 定</el-button>
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
</el-dialog>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -438,9 +424,6 @@ export default {
|
|
|
|
this.changeDataFormData(1, 'beLongRecyclerPhone', 'beLongRecyclerPhone', index, '')
|
|
|
|
this.changeDataFormData(1, 'beLongRecyclerPhone', 'beLongRecyclerPhone', index, '')
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
goBack() {
|
|
|
|
|
|
|
|
this.$emit('refresh')
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
clearData() {
|
|
|
|
clearData() {
|
|
|
|
this.dataForm = JSON.parse(JSON.stringify(this.dataValueAll))
|
|
|
|
this.dataForm = JSON.parse(JSON.stringify(this.dataValueAll))
|
|
|
|
},
|
|
|
|
},
|
|
|
|