parent
7ed961ed0b
commit
736d60af3f
@ -1,263 +1,238 @@
|
||||
<template>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack"
|
||||
content="详情"/>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack" content="详情" />
|
||||
<div class="options">
|
||||
<el-button @click="goBack">取消</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" size="default" label-width="100px" label-position="right" >
|
||||
<template v-if="!loading">
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="基础信息" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="商户代码"
|
||||
prop="enterpriseCode" >
|
||||
<p>{{dataForm.enterpriseCode}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="商户名称"
|
||||
prop="enterpriseName" >
|
||||
<p>{{dataForm.enterpriseName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="商户简称"
|
||||
prop="enterpriseShortName" >
|
||||
<p>{{dataForm.enterpriseShortName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="主体类型"
|
||||
prop="principalTypeId" >
|
||||
<p>{{dataForm.principalTypeId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="所在城市"
|
||||
prop="city" >
|
||||
<p>{{dataForm.city}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="行业分类"
|
||||
prop="industryTypeId" >
|
||||
<p>{{dataForm.industryTypeId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="首联系人"
|
||||
prop="firstContactPerson" >
|
||||
<p>{{dataForm.firstContactPerson}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="职位"
|
||||
prop="firstContactPersonPosition" >
|
||||
<p>{{dataForm.firstContactPersonPosition}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="手机号码"
|
||||
prop="firstContactPersonTel" >
|
||||
<p>{{dataForm.firstContactPersonTel}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="详细信息" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="商户logo"
|
||||
prop="enterpriseLogo" >
|
||||
<JnpfUploadImg v-model="dataForm.enterpriseLogo"
|
||||
disabled
|
||||
detailed :fileSize="10" sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0" >
|
||||
</div>
|
||||
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
||||
<el-form ref="formRef" :model="dataForm" size="default" label-width="100px"
|
||||
label-position="right">
|
||||
<template v-if="!loading">
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="基础信息">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="商户代码" prop="enterpriseCode">
|
||||
<p>{{dataForm.enterpriseCode}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="商户名称" prop="enterpriseName">
|
||||
<p>{{dataForm.enterpriseName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="商户简称" prop="enterpriseShortName">
|
||||
<p>{{dataForm.enterpriseShortName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="主体类型" prop="principalTypeId">
|
||||
<p>{{dataForm.principalTypeId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="所在城市" prop="city">
|
||||
<p>{{dataForm.city}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="行业分类" prop="industryTypeId">
|
||||
<p>{{dataForm.industryTypeId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="首联系人" prop="firstContactPerson">
|
||||
<p>{{dataForm.firstContactPerson}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="职位" prop="firstContactPersonPosition">
|
||||
<p>{{dataForm.firstContactPersonPosition}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="手机号码" prop="firstContactPersonTel">
|
||||
<p>{{dataForm.firstContactPersonTel}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="详细信息">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="商户logo" prop="enterpriseLogo">
|
||||
<JnpfUploadImg v-model="dataForm.enterpriseLogo" disabled detailed :fileSize="10"
|
||||
sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0">
|
||||
</JnpfUploadImg>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="详细地址"
|
||||
prop="address" >
|
||||
<p>{{dataForm.address}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="固话"
|
||||
prop="landline" >
|
||||
<p>{{dataForm.landline}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="传真"
|
||||
prop="fax" >
|
||||
<p>{{dataForm.fax}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="公司网址"
|
||||
prop="website" >
|
||||
<p>https://{{dataForm.website}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="商户介绍"
|
||||
prop="description" >
|
||||
<p>{{dataForm.description}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="财务信息" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="发票抬头"
|
||||
prop="invoiceHeader" >
|
||||
<p>{{dataForm.invoiceHeader}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="商户税号"
|
||||
prop="taxId" >
|
||||
<p>{{dataForm.taxId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="开户银行"
|
||||
prop="depositBank" >
|
||||
<p>{{dataForm.depositBank}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="开户银行账号"
|
||||
prop="depositBankAccount" >
|
||||
<p>{{dataForm.depositBankAccount}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="电话号码"
|
||||
prop="financeTel" >
|
||||
<p>{{dataForm.financeTel}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="注册地址"
|
||||
prop="registerAddress" >
|
||||
<p>{{dataForm.registerAddress}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="详细地址" prop="address">
|
||||
<p>{{dataForm.address}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="固话" prop="landline">
|
||||
<p>{{dataForm.landline}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="传真" prop="fax">
|
||||
<p>{{dataForm.fax}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="公司网址" prop="website">
|
||||
<p>https://{{dataForm.website}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="商户介绍" prop="description">
|
||||
<p>{{dataForm.description}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="财务信息">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="发票抬头" prop="invoiceHeader">
|
||||
<p>{{dataForm.invoiceHeader}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="商户税号" prop="taxId">
|
||||
<p>{{dataForm.taxId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="开户银行" prop="depositBank">
|
||||
<p>{{dataForm.depositBank}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="开户银行账号" prop="depositBankAccount">
|
||||
<p>{{dataForm.depositBankAccount}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="电话号码" prop="financeTel">
|
||||
<p>{{dataForm.financeTel}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="注册地址" prop="registerAddress">
|
||||
<p>{{dataForm.registerAddress}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
</transition>
|
||||
</template>
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import request from '@/utils/request'
|
||||
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail},
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail },
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
|
||||
dataForm: {
|
||||
id :'',
|
||||
enterpriseCode : '',
|
||||
enterpriseName : '',
|
||||
enterpriseShortName : '',
|
||||
principalTypeId : "",
|
||||
city : [],
|
||||
industryTypeId : "",
|
||||
firstContactPerson : '',
|
||||
firstContactPersonPosition : '',
|
||||
firstContactPersonTel : '',
|
||||
enterpriseLogo : [],
|
||||
address : '',
|
||||
landline : '',
|
||||
fax : '',
|
||||
website : '',
|
||||
description : '',
|
||||
invoiceHeader : '',
|
||||
taxId : '',
|
||||
depositBank : '',
|
||||
depositBankAccount : '',
|
||||
financeTel : '',
|
||||
registerAddress : '',
|
||||
},
|
||||
principalTypeIdProps:{"label":"fullName","value":"id" },
|
||||
industryTypeIdProps:{"label":"fullName","value":"id" },
|
||||
dataForm: {
|
||||
id: '',
|
||||
enterpriseCode: '',
|
||||
enterpriseName: '',
|
||||
enterpriseShortName: '',
|
||||
principalTypeId: "",
|
||||
city: [],
|
||||
industryTypeId: "",
|
||||
firstContactPerson: '',
|
||||
firstContactPersonPosition: '',
|
||||
firstContactPersonTel: '',
|
||||
enterpriseLogo: [],
|
||||
address: '',
|
||||
landline: '',
|
||||
fax: '',
|
||||
website: '',
|
||||
description: '',
|
||||
invoiceHeader: '',
|
||||
taxId: '',
|
||||
depositBank: '',
|
||||
depositBankAccount: '',
|
||||
financeTel: '',
|
||||
registerAddress: '',
|
||||
},
|
||||
principalTypeIdProps: { "label": "fullName", "value": "id" },
|
||||
industryTypeIdProps: { "label": "fullName", "value": "id" },
|
||||
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll){
|
||||
let _dataAll =dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
},
|
||||
mounted() { },
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll) {
|
||||
let _dataAll = dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if(this.dataForm.id){
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/scm/Enterprise/detail/'+this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if (this.dataForm.id) {
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/scm/Enterprise/detail/' + this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
</script>
|
||||
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,148 +1,140 @@
|
||||
<template>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack"
|
||||
content="详情"/>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack" content="详情" />
|
||||
<div class="options">
|
||||
<el-button @click="goBack">取 消</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" size="small" label-width="100px" label-position="right" >
|
||||
<template v-if="!loading">
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="流水编号"
|
||||
prop="billNumber" >
|
||||
<p>{{dataForm.billNumber}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</div>
|
||||
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
||||
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px"
|
||||
label-position="right">
|
||||
<template v-if="!loading">
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="流水编号" prop="billNumber">
|
||||
<p>{{dataForm.billNumber}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="订单编号"
|
||||
prop="orderNumber" >
|
||||
<p>{{dataForm.orderNumber}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="订单编号" prop="orderNumber">
|
||||
<p>{{dataForm.orderNumber}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="订单类型"
|
||||
prop="orderTypeId" >
|
||||
<p>{{dataForm.orderTypeId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="订单类型" prop="orderTypeId">
|
||||
<p>{{dataForm.orderTypeId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="单据状态"
|
||||
prop="billStatusId" >
|
||||
<p>{{dataForm.billStatusId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="单据状态" prop="billStatusId">
|
||||
<p>{{dataForm.billStatusId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="收入(元)"
|
||||
prop="incomeAmount" >
|
||||
<p>{{dataForm.incomeAmount}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="收入(元)" prop="incomeAmount">
|
||||
<p>{{dataForm.incomeAmount}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="支出(元)"
|
||||
prop="payoutAmount" >
|
||||
<p>{{dataForm.payoutAmount}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="支出(元)" prop="payoutAmount">
|
||||
<p>{{dataForm.payoutAmount}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="余额(元)"
|
||||
prop="accountBalance" >
|
||||
<p>{{dataForm.accountBalance}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="余额(元)" prop="accountBalance">
|
||||
<p>{{dataForm.accountBalance}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="备注"
|
||||
prop="remark" >
|
||||
<p>{{dataForm.remark}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label="备注" prop="remark">
|
||||
<p>{{dataForm.remark}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
</transition>
|
||||
</template>
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import request from '@/utils/request'
|
||||
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail},
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail },
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
|
||||
dataForm: {
|
||||
id :'',
|
||||
billNumber : '',
|
||||
orderNumber : '',
|
||||
orderTypeId : "",
|
||||
billStatusId : "",
|
||||
incomeAmount : '',
|
||||
payoutAmount : '',
|
||||
accountBalance : '',
|
||||
remark : '',
|
||||
},
|
||||
orderTypeIdProps:{"label":"fullName","value":"id" },
|
||||
billStatusIdProps:{"label":"fullName","value":"id" },
|
||||
dataForm: {
|
||||
id: '',
|
||||
billNumber: '',
|
||||
orderNumber: '',
|
||||
orderTypeId: "",
|
||||
billStatusId: "",
|
||||
incomeAmount: '',
|
||||
payoutAmount: '',
|
||||
accountBalance: '',
|
||||
remark: '',
|
||||
},
|
||||
orderTypeIdProps: { "label": "fullName", "value": "id" },
|
||||
billStatusIdProps: { "label": "fullName", "value": "id" },
|
||||
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll){
|
||||
let _dataAll =dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
},
|
||||
mounted() { },
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll) {
|
||||
let _dataAll = dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if(this.dataForm.id){
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/scm/EnterpriseAccountBill/detail/'+this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if (this.dataForm.id) {
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/scm/EnterpriseAccountBill/detail/' + this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
</script>
|
||||
|
@ -1,292 +1,270 @@
|
||||
<template>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack"
|
||||
content="详情"/>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack" content="详情" />
|
||||
<div class="options">
|
||||
<el-button @click="goBack">取消</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" size="default" label-width="100px" label-position="right" >
|
||||
<template v-if="!loading">
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="基础信息" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收站编号"
|
||||
prop="stationCode" >
|
||||
<p>{{dataForm.stationCode}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</div>
|
||||
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
||||
<el-form ref="formRef" :model="dataForm" size="default" label-width="100px"
|
||||
label-position="right">
|
||||
<template v-if="!loading">
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="基础信息">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收站编号" prop="stationCode">
|
||||
<p>{{dataForm.stationCode}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收站名称"
|
||||
prop="stationName" >
|
||||
<p>{{dataForm.stationName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收站名称" prop="stationName">
|
||||
<p>{{dataForm.stationName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收站简称"
|
||||
prop="shortName" >
|
||||
<p>{{dataForm.shortName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收站简称" prop="shortName">
|
||||
<p>{{dataForm.shortName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="经营模式"
|
||||
prop="managementModel" >
|
||||
<p>{{dataForm.managementModel}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="经营模式" prop="managementModel">
|
||||
<p>{{dataForm.managementModel}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="所在城市"
|
||||
prop="city" >
|
||||
<p>{{dataForm.city}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="所在城市" prop="city">
|
||||
<p>{{dataForm.city}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收类目"
|
||||
prop="recycleTypeIds" >
|
||||
<p>{{dataForm.recycleTypeIds}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收类目" prop="recycleTypeIds">
|
||||
<p>{{dataForm.recycleTypeIds}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="首联系人"
|
||||
prop="firstContactPerson" >
|
||||
<p>{{dataForm.firstContactPerson}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="首联系人" prop="firstContactPerson">
|
||||
<p>{{dataForm.firstContactPerson}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="职位"
|
||||
prop="firstContactPersonPosition" >
|
||||
<p>{{dataForm.firstContactPersonPosition}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="职位" prop="firstContactPersonPosition">
|
||||
<p>{{dataForm.firstContactPersonPosition}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="手机号码"
|
||||
prop="firstContactPersonTel" >
|
||||
<p>{{dataForm.firstContactPersonTel}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="手机号码" prop="firstContactPersonTel">
|
||||
<p>{{dataForm.firstContactPersonTel}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收站状态"
|
||||
prop="stationStatus" >
|
||||
<p>{{dataForm.stationStatus}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收站状态" prop="stationStatus">
|
||||
<p>{{dataForm.stationStatus}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="详细信息" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收站照片"
|
||||
prop="stationImg" >
|
||||
<JnpfUploadImg v-model="dataForm.stationImg"
|
||||
disabled
|
||||
detailed :fileSize="10" sizeUnit="MB" :limit="1" pathType="defaultPath" :isAccount="0" >
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="详细信息">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收站照片" prop="stationImg">
|
||||
<JnpfUploadImg v-model="dataForm.stationImg" disabled detailed :fileSize="10"
|
||||
sizeUnit="MB" :limit="1" pathType="defaultPath" :isAccount="0">
|
||||
</JnpfUploadImg>
|
||||
</jnpf-form-tip-item>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="详细地址" prop="address">
|
||||
<p>{{dataForm.address}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="详细地址"
|
||||
prop="address" >
|
||||
<p>{{dataForm.address}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收电话" prop="recycleTel">
|
||||
<p>{{dataForm.recycleTel}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收电话"
|
||||
prop="recycleTel" >
|
||||
<p>{{dataForm.recycleTel}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="16">
|
||||
<jnpf-form-tip-item label="回收站介绍" prop="stationDescription">
|
||||
<p>{{dataForm.stationDescription}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="16" >
|
||||
<jnpf-form-tip-item label="回收站介绍"
|
||||
prop="stationDescription" >
|
||||
<p>{{dataForm.stationDescription}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<div class="JNPF-common-title">
|
||||
<h2>价格配置</h2>
|
||||
</div>
|
||||
<el-table :data="dataForm.tableField135" size='mini'>
|
||||
<el-table-column type="index" width="50" label="序号" align="center" />
|
||||
<el-table-column prop="recycleTypeId" label="回收类目">
|
||||
<template slot-scope="scope">
|
||||
<p>{{scope.row.recycleTypeId}}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="unitPrice" label="单价(kg)">
|
||||
<template slot-scope="scope">
|
||||
<p>{{scope.row.unitPrice}}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<div class="JNPF-common-title">
|
||||
<h2>价格配置</h2>
|
||||
</div>
|
||||
<el-table :data="dataForm.tableField135" size='mini' >
|
||||
<el-table-column type="index" width="50" label="序号" align="center" />
|
||||
<el-table-column prop="recycleTypeId" label="回收类目" >
|
||||
<template slot-scope="scope">
|
||||
<p>{{scope.row.recycleTypeId}}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="unitPrice" label="单价(kg)" >
|
||||
<template slot-scope="scope">
|
||||
<p>{{scope.row.unitPrice}}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="业务配置" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<el-card class="mb-20" shadow ="never" header ="营业时间配置">
|
||||
<el-col :span="12" >
|
||||
<jnpf-form-tip-item label="营业时间"
|
||||
prop="businessDays" >
|
||||
<p>{{ dataForm.businessDays }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="业务配置">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="6" >
|
||||
<jnpf-form-tip-item label="营业时间起"
|
||||
prop="appointmentTimeStart" >
|
||||
<p>{{dataForm.appointmentTimeStart}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="24">
|
||||
<el-card class="mb-20" shadow="never" header="营业时间配置">
|
||||
<el-col :span="12">
|
||||
<jnpf-form-tip-item label="营业时间" prop="businessDays">
|
||||
<p>{{ dataForm.businessDays }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<jnpf-form-tip-item label="营业时间起" prop="appointmentTimeStart">
|
||||
<p>{{dataForm.appointmentTimeStart}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<jnpf-form-tip-item label="营业时间止" prop="appointmentTimeEnd">
|
||||
<p>{{dataForm.appointmentTimeEnd}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="6" >
|
||||
<jnpf-form-tip-item label="营业时间止"
|
||||
prop="appointmentTimeEnd" >
|
||||
<p>{{dataForm.appointmentTimeEnd}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="24">
|
||||
<el-card class="mb-20" shadow="never" header="接单范围配置">
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="接单范围" prop="acceptRange">
|
||||
<p>{{ dataForm.acceptRange }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<el-card class="mb-20" shadow ="never" header ="接单范围配置">
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="接单范围"
|
||||
prop="acceptRange" >
|
||||
<p>{{ dataForm.acceptRange }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<div class="JNPF-common-title">
|
||||
<h2>范围内小区</h2>
|
||||
</div>
|
||||
<el-table :data="dataForm.tableField119" size='mini'>
|
||||
<el-table-column type="index" width="50" label="序号" align="center" />
|
||||
<el-table-column prop="housingEstateId" label="小区id">
|
||||
<template slot-scope="scope">
|
||||
<p>{{scope.row.housingEstateId}}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</el-card>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<div class="JNPF-common-title">
|
||||
<h2>范围内小区</h2>
|
||||
</div>
|
||||
<el-table :data="dataForm.tableField119" size='mini' >
|
||||
<el-table-column type="index" width="50" label="序号" align="center" />
|
||||
<el-table-column prop="housingEstateId" label="小区id" >
|
||||
<template slot-scope="scope">
|
||||
<p>{{scope.row.housingEstateId}}</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
</transition>
|
||||
</template>
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import request from '@/utils/request'
|
||||
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail},
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail },
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
|
||||
dataForm: {
|
||||
id :'',
|
||||
stationCode : '',
|
||||
stationName : '',
|
||||
shortName : '',
|
||||
managementModel : "",
|
||||
city : [],
|
||||
recycleTypeIds : "",
|
||||
firstContactPerson : '',
|
||||
firstContactPersonPosition : '',
|
||||
firstContactPersonTel : '',
|
||||
stationStatus : 1,
|
||||
stationImg : [],
|
||||
address : '',
|
||||
recycleTel : '',
|
||||
stationDescription : '',
|
||||
businessDays : [],
|
||||
appointmentTimeStart : "",
|
||||
appointmentTimeEnd : "",
|
||||
acceptRange : "",
|
||||
recyclestationpriceList:[],
|
||||
recyclestationhousingestateList:[],
|
||||
},
|
||||
managementModelProps:{"label":"fullName","value":"id" },
|
||||
recycleTypeIdsProps:{"label":"fullName","value":"id" },
|
||||
businessDaysOptions:[{"fullName":"周一","id":"1"},{"fullName":"周二","id":"2"},{"fullName":"周三","id":"3"},{"fullName":"周四","id":"4"},{"fullName":"周五","id":"5"},{"fullName":"周六","id":"6"},{"fullName":"周日","id":"7"}],
|
||||
businessDaysProps:{"label":"fullName","value":"id" },
|
||||
acceptRangeOptions:[{"fullName":"无限制","id":"0"},{"fullName":"1KM","id":"1"},{"fullName":"3KM","id":"3"},{"fullName":"5KM","id":"5"}],
|
||||
acceptRangeProps:{"label":"fullName","value":"id" },
|
||||
dataForm: {
|
||||
id: '',
|
||||
stationCode: '',
|
||||
stationName: '',
|
||||
shortName: '',
|
||||
managementModel: "",
|
||||
city: [],
|
||||
recycleTypeIds: "",
|
||||
firstContactPerson: '',
|
||||
firstContactPersonPosition: '',
|
||||
firstContactPersonTel: '',
|
||||
stationStatus: 1,
|
||||
stationImg: [],
|
||||
address: '',
|
||||
recycleTel: '',
|
||||
stationDescription: '',
|
||||
businessDays: [],
|
||||
appointmentTimeStart: "",
|
||||
appointmentTimeEnd: "",
|
||||
acceptRange: "",
|
||||
recyclestationpriceList: [],
|
||||
recyclestationhousingestateList: [],
|
||||
},
|
||||
managementModelProps: { "label": "fullName", "value": "id" },
|
||||
recycleTypeIdsProps: { "label": "fullName", "value": "id" },
|
||||
businessDaysOptions: [{ "fullName": "周一", "id": "1" }, { "fullName": "周二", "id": "2" }, { "fullName": "周三", "id": "3" }, { "fullName": "周四", "id": "4" }, { "fullName": "周五", "id": "5" }, { "fullName": "周六", "id": "6" }, { "fullName": "周日", "id": "7" }],
|
||||
businessDaysProps: { "label": "fullName", "value": "id" },
|
||||
acceptRangeOptions: [{ "fullName": "无限制", "id": "0" }, { "fullName": "1KM", "id": "1" }, { "fullName": "3KM", "id": "3" }, { "fullName": "5KM", "id": "5" }],
|
||||
acceptRangeProps: { "label": "fullName", "value": "id" },
|
||||
|
||||
recycleTypeIdProps:{"label":"fullName","value":"id" },
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
recycleTypeIdProps: { "label": "fullName", "value": "id" },
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll){
|
||||
let _dataAll =dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
},
|
||||
mounted() { },
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll) {
|
||||
let _dataAll = dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if(this.dataForm.id){
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/scm/Enterpriserecyclestation/detail/'+this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if (this.dataForm.id) {
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/scm/Enterpriserecyclestation/detail/' + this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
</script>
|
||||
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,182 +1,168 @@
|
||||
<template>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack"
|
||||
content="详情"/>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack" content="详情" />
|
||||
<div class="options">
|
||||
<el-button @click="goBack">取消</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" size="default" label-width="100px" label-position="right" >
|
||||
<template v-if="!loading">
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="基本信息" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="小区名"
|
||||
prop="name" >
|
||||
<p>{{dataForm.name}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</div>
|
||||
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
||||
<el-form ref="formRef" :model="dataForm" size="default" label-width="100px"
|
||||
label-position="right">
|
||||
<template v-if="!loading">
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="基本信息">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="小区名" prop="name">
|
||||
<p>{{dataForm.name}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="小区详细地址"
|
||||
prop="address" >
|
||||
<p>{{dataForm.address}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="10">
|
||||
<jnpf-form-tip-item label="小区详细地址" prop="address">
|
||||
<p>{{dataForm.address}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="启用禁用"
|
||||
prop="enabledMark" >
|
||||
<p>{{dataForm.enabledMark}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="启用禁用" prop="enabledMark">
|
||||
<p>{{dataForm.enabledMark}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="经度"
|
||||
prop="longitude" >
|
||||
<JnpfNumber v-model="dataForm.longitude"
|
||||
placeholder="请输入" disabled
|
||||
:style='{"width":"100%"}' :step="1" >
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="纬度" prop="latitude">
|
||||
<JnpfNumber v-model="dataForm.latitude" placeholder="请输入" disabled
|
||||
:style='{"width":"100%"}' :step="1">
|
||||
</JnpfNumber>
|
||||
</jnpf-form-tip-item>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="纬度"
|
||||
prop="latitude" >
|
||||
<JnpfNumber v-model="dataForm.latitude"
|
||||
placeholder="请输入" disabled
|
||||
:style='{"width":"100%"}' :step="1" >
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="经度" prop="longitude">
|
||||
<JnpfNumber v-model="dataForm.longitude" placeholder="请输入" disabled
|
||||
:style='{"width":"100%"}' :step="1">
|
||||
</JnpfNumber>
|
||||
</jnpf-form-tip-item>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="定时回收配置" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="定时定点回收"
|
||||
prop="hasSchedule" >
|
||||
<p>{{dataForm.hasSchedule}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="定时回收配置">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="定点回收地址"
|
||||
prop="recycleAddress" >
|
||||
<p>{{dataForm.recycleAddress}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label="定时定点回收" prop="hasSchedule">
|
||||
<p>{{dataForm.hasSchedule}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="定点回收时间起"
|
||||
prop="appointmentTimeStart" >
|
||||
<p>{{dataForm.appointmentTimeStart}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="定点回收地址" prop="recycleAddress">
|
||||
<p>{{dataForm.recycleAddress}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="定点回收时间止"
|
||||
prop="appointmentTimeEnd" >
|
||||
<p>{{dataForm.appointmentTimeEnd}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="定点回收时间起" prop="appointmentTimeStart">
|
||||
<p>{{dataForm.appointmentTimeStart}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="来源"
|
||||
prop="sourceType" >
|
||||
<p>{{ dataForm.sourceType }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="定点回收时间止" prop="appointmentTimeEnd">
|
||||
<p>{{dataForm.appointmentTimeEnd}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="来源" prop="sourceType">
|
||||
<p>{{ dataForm.sourceType }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
</transition>
|
||||
</template>
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import request from '@/utils/request'
|
||||
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail},
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail },
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
|
||||
dataForm: {
|
||||
id :'',
|
||||
name : '',
|
||||
address : '',
|
||||
enabledMark : 1,
|
||||
longitude : '',
|
||||
latitude : '',
|
||||
hasSchedule : 0,
|
||||
recycleAddress : '',
|
||||
appointmentTimeStart : "",
|
||||
appointmentTimeEnd : "",
|
||||
sourceType : "1",
|
||||
},
|
||||
sourceTypeOptions:[{"fullName":"系统导入","id":"1"},{"fullName":"用户自定义","id":"2"}],
|
||||
sourceTypeProps:{"label":"fullName","value":"id" },
|
||||
dataForm: {
|
||||
id: '',
|
||||
name: '',
|
||||
address: '',
|
||||
enabledMark: 1,
|
||||
latitude: '',
|
||||
longitude: '',
|
||||
hasSchedule: 0,
|
||||
recycleAddress: '',
|
||||
appointmentTimeStart: "",
|
||||
appointmentTimeEnd: "",
|
||||
sourceType: "1",
|
||||
},
|
||||
sourceTypeOptions: [{ "fullName": "系统导入", "id": "1" }, { "fullName": "用户自定义", "id": "2" }],
|
||||
sourceTypeProps: { "label": "fullName", "value": "id" },
|
||||
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll){
|
||||
let _dataAll =dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
},
|
||||
mounted() { },
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll) {
|
||||
let _dataAll = dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if(this.dataForm.id){
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/scm/HousingEstate/detail/'+this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if (this.dataForm.id) {
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/scm/HousingEstate/detail/' + this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
</script>
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -1,316 +1,279 @@
|
||||
<template>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack"
|
||||
content="详情"/>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack" content="详情" />
|
||||
<div class="options">
|
||||
<el-button @click="goBack">取 消</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" size="small" label-width="100px" label-position="right" >
|
||||
<template v-if="!loading">
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="订单信息" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="订单编号"
|
||||
prop="orderNumber" >
|
||||
<p>{{dataForm.orderNumber}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</div>
|
||||
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
||||
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px"
|
||||
label-position="right">
|
||||
<template v-if="!loading">
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="订单信息">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="订单编号" prop="orderNumber">
|
||||
<p>{{dataForm.orderNumber}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="订单类型" prop="orderTypeId">
|
||||
<p>{{dataForm.orderTypeId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="订单金额(元)" prop="orderAmount">
|
||||
<p>{{dataForm.orderAmount}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="订单类型"
|
||||
prop="orderTypeId" >
|
||||
<p>{{dataForm.orderTypeId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="散户端状态" prop="orderClientStatusId">
|
||||
<p>{{dataForm.orderClientStatusId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="订单金额(元)"
|
||||
prop="orderAmount" >
|
||||
<p>{{dataForm.orderAmount}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收员端状态" prop="orderStafstatusId">
|
||||
<p>{{dataForm.orderStafstatusId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="散户端状态"
|
||||
prop="orderClientStatusId" >
|
||||
<p>{{dataForm.orderClientStatusId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="接单周期(分)" prop="receivePeriod">
|
||||
<p>{{dataForm.receivePeriod}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收员端状态"
|
||||
prop="orderStafstatusId" >
|
||||
<p>{{dataForm.orderStafstatusId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="散户信息">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="接单周期(分)"
|
||||
prop="receivePeriod" >
|
||||
<p>{{dataForm.receivePeriod}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="散户姓名" prop="clientName">
|
||||
<p>{{dataForm.clientName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="散户信息" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="散户姓名"
|
||||
prop="clientName" >
|
||||
<p>{{dataForm.clientName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="散户手机号" prop="clientMobile">
|
||||
<p>{{dataForm.clientMobile}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="散户手机号"
|
||||
prop="clientMobile" >
|
||||
<p>{{dataForm.clientMobile}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收地址" prop="recycleAddress">
|
||||
<p>{{dataForm.recycleAddress}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收地址"
|
||||
prop="recycleAddress" >
|
||||
<p>{{dataForm.recycleAddress}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="预约时间起" prop="appointmentTimeStart">
|
||||
<p>{{dataForm.appointmentTimeStart}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="预约时间起"
|
||||
prop="appointmentTimeStart" >
|
||||
<p>{{dataForm.appointmentTimeStart}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="预约时间止" prop="appointmentTimeEnd">
|
||||
<p>{{dataForm.appointmentTimeEnd}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="预约时间止"
|
||||
prop="appointmentTimeEnd" >
|
||||
<p>{{dataForm.appointmentTimeEnd}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="收货员信息">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="收货员信息" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收站"
|
||||
prop="recycleStationId" >
|
||||
<p>{{dataForm.recycleStationId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收站" prop="recycleStationId">
|
||||
<p>{{dataForm.recycleStationId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收员"
|
||||
prop="staffsId" >
|
||||
<p>{{ dataForm.staffsId }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收员" prop="staffsId">
|
||||
<p>{{ dataForm.staffsId }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<JnpfDivider contentPosition="center" >
|
||||
其他信息 </JnpfDivider>
|
||||
<el-col :span="24">
|
||||
<JnpfDivider contentPosition="center">
|
||||
其他信息 </JnpfDivider>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="创建用户"
|
||||
prop="creatorUserId" >
|
||||
<p>{{dataForm.creatorUserId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="创建用户" prop="creatorUserId">
|
||||
<p>{{dataForm.creatorUserId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="创建时间"
|
||||
prop="creatorTime" >
|
||||
<p>{{dataForm.creatorTime}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="创建时间" prop="creatorTime">
|
||||
<p>{{dataForm.creatorTime}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="协商时间起"
|
||||
prop="consultTimeStart" >
|
||||
<p>{{dataForm.consultTimeStart}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="协商时间起" prop="consultTimeStart">
|
||||
<p>{{dataForm.consultTimeStart}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="协商时间止"
|
||||
prop="consultTimeEnd" >
|
||||
<p>{{dataForm.consultTimeEnd}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="协商时间止" prop="consultTimeEnd">
|
||||
<p>{{dataForm.consultTimeEnd}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="收货时间"
|
||||
prop="receiveTime" >
|
||||
<p>{{dataForm.receiveTime}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="收货时间" prop="receiveTime">
|
||||
<p>{{dataForm.receiveTime}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="结算时间"
|
||||
prop="settleTime" >
|
||||
<p>{{dataForm.settleTime}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="结算时间" prop="settleTime">
|
||||
<p>{{dataForm.settleTime}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<JnpfDivider contentPosition="center" >
|
||||
用户评论 </JnpfDivider>
|
||||
<el-col :span="24">
|
||||
<JnpfDivider contentPosition="center">
|
||||
用户评论 </JnpfDivider>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="综合评分"
|
||||
prop="starScore" >
|
||||
<JnpfRate v-model="dataForm.starScore"
|
||||
disabled
|
||||
:max="5" >
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="综合评分" prop="starScore">
|
||||
<JnpfRate v-model="dataForm.starScore" disabled :max="5">
|
||||
</JnpfRate>
|
||||
</jnpf-form-tip-item>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="评价详情"
|
||||
prop="comment" >
|
||||
<p>{{dataForm.comment}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="评价详情" prop="comment">
|
||||
<p>{{dataForm.comment}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="评价图片"
|
||||
prop="commentPics" >
|
||||
<JnpfUploadImg v-model="dataForm.commentPics"
|
||||
disabled
|
||||
detailed :fileSize="10" sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0" >
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="评价图片" prop="commentPics">
|
||||
<JnpfUploadImg v-model="dataForm.commentPics" disabled detailed :fileSize="10"
|
||||
sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0">
|
||||
</JnpfUploadImg>
|
||||
</jnpf-form-tip-item>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="响应速度"
|
||||
prop="responseStar" >
|
||||
<JnpfRate v-model="dataForm.responseStar"
|
||||
disabled
|
||||
:max="5" >
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="响应速度" prop="responseStar">
|
||||
<JnpfRate v-model="dataForm.responseStar" disabled :max="5">
|
||||
</JnpfRate>
|
||||
</jnpf-form-tip-item>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="服务态度"
|
||||
prop="attitudeStar" >
|
||||
<JnpfRate v-model="dataForm.attitudeStar"
|
||||
disabled
|
||||
:max="5" >
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="服务态度" prop="attitudeStar">
|
||||
<JnpfRate v-model="dataForm.attitudeStar" disabled :max="5">
|
||||
</JnpfRate>
|
||||
</jnpf-form-tip-item>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="平台价格"
|
||||
prop="priceStar" >
|
||||
<JnpfRate v-model="dataForm.priceStar"
|
||||
disabled
|
||||
:max="5" >
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="平台价格" prop="priceStar">
|
||||
<JnpfRate v-model="dataForm.priceStar" disabled :max="5">
|
||||
</JnpfRate>
|
||||
</jnpf-form-tip-item>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
</transition>
|
||||
</template>
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import request from '@/utils/request'
|
||||
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail},
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail },
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
|
||||
dataForm: {
|
||||
id :'',
|
||||
orderNumber : '',
|
||||
orderTypeId : "521999177572425477",
|
||||
orderAmount : '',
|
||||
orderClientStatusId : "",
|
||||
orderStafstatusId : "",
|
||||
receivePeriod : '',
|
||||
clientId : '',
|
||||
clientName : '',
|
||||
clientMobile : '',
|
||||
recycleAddress : '',
|
||||
appointmentTimeStart : '',
|
||||
appointmentTimeEnd : '',
|
||||
recycleStationId : "",
|
||||
staffsId : "",
|
||||
creatorUserId : '',
|
||||
creatorTime : '',
|
||||
consultTimeStart : '',
|
||||
consultTimeEnd : '',
|
||||
receiveTime : '',
|
||||
settleTime : '',
|
||||
starScore : 0,
|
||||
comment : '',
|
||||
commentPics : [],
|
||||
responseStar : 0,
|
||||
attitudeStar : 0,
|
||||
priceStar : 0,
|
||||
},
|
||||
orderTypeIdProps:{"label":"fullName","value":"id" },
|
||||
orderClientStatusIdProps:{"label":"fullName","value":"id" },
|
||||
orderStafstatusIdProps:{"label":"fullName","value":"id" },
|
||||
recycleStationIdProps:{"label":"station_name","value":"id" },
|
||||
staffsIdOptions:[{"fullName":"选项一","id":"1"},{"fullName":"选项二","id":"2"}],
|
||||
staffsIdProps:{"label":"fullName","value":"id" },
|
||||
dataForm: {
|
||||
id: '',
|
||||
orderNumber: '',
|
||||
orderTypeId: "521999177572425477",
|
||||
orderAmount: '',
|
||||
orderClientStatusId: "",
|
||||
orderStafstatusId: "",
|
||||
receivePeriod: '',
|
||||
clientId: '',
|
||||
clientName: '',
|
||||
clientMobile: '',
|
||||
recycleAddress: '',
|
||||
appointmentTimeStart: '',
|
||||
appointmentTimeEnd: '',
|
||||
recycleStationId: "",
|
||||
staffsId: "",
|
||||
creatorUserId: '',
|
||||
creatorTime: '',
|
||||
consultTimeStart: '',
|
||||
consultTimeEnd: '',
|
||||
receiveTime: '',
|
||||
settleTime: '',
|
||||
starScore: 0,
|
||||
comment: '',
|
||||
commentPics: [],
|
||||
responseStar: 0,
|
||||
attitudeStar: 0,
|
||||
priceStar: 0,
|
||||
},
|
||||
orderTypeIdProps: { "label": "fullName", "value": "id" },
|
||||
orderClientStatusIdProps: { "label": "fullName", "value": "id" },
|
||||
orderStafstatusIdProps: { "label": "fullName", "value": "id" },
|
||||
recycleStationIdProps: { "label": "station_name", "value": "id" },
|
||||
staffsIdOptions: [{ "fullName": "选项一", "id": "1" }, { "fullName": "选项二", "id": "2" }],
|
||||
staffsIdProps: { "label": "fullName", "value": "id" },
|
||||
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll){
|
||||
let _dataAll =dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
},
|
||||
mounted() { },
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll) {
|
||||
let _dataAll = dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if(this.dataForm.id){
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/scm/RecycleOrder/detail/'+this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if (this.dataForm.id) {
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/scm/RecycleOrder/detail/' + this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
</script>
|
||||
|
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,159 +1,149 @@
|
||||
<template>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack"
|
||||
content="详情"/>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div class="JNPF-preview-main">
|
||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||
<div class="JNPF-common-page-header">
|
||||
<el-page-header @back="goBack" content="详情" />
|
||||
<div class="options">
|
||||
<el-button @click="goBack">取 消</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" size="small" label-width="100px" label-position="right" >
|
||||
<template v-if="!loading">
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="回收站信息" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收站"
|
||||
prop="stationId" >
|
||||
<p>{{dataForm.stationId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</div>
|
||||
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
||||
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px"
|
||||
label-position="right">
|
||||
<template v-if="!loading">
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="回收站信息">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收站" prop="stationId">
|
||||
<p>{{dataForm.stationId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle
|
||||
contentPosition="left" :closable= "false" content ="回收员信息" >
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="头像"
|
||||
prop="headIcon" >
|
||||
<JnpfUploadImg v-model="dataForm.headIcon"
|
||||
disabled
|
||||
detailed :fileSize="10" sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0" >
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label-width="0">
|
||||
<JnpfGroupTitle contentPosition="left" :closable="false" content="回收员信息">
|
||||
</JnpfGroupTitle>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="头像" prop="headIcon">
|
||||
<JnpfUploadImg v-model="dataForm.headIcon" disabled detailed :fileSize="10"
|
||||
sizeUnit="MB" :limit="9" pathType="defaultPath" :isAccount="0">
|
||||
</JnpfUploadImg>
|
||||
</jnpf-form-tip-item>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收员姓名"
|
||||
prop="staffsName" >
|
||||
<p>{{dataForm.staffsName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收员姓名" prop="staffsName">
|
||||
<p>{{dataForm.staffsName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="回收员手机"
|
||||
prop="mobilePhone" >
|
||||
<p>{{dataForm.mobilePhone}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="回收员手机" prop="mobilePhone">
|
||||
<p>{{dataForm.mobilePhone}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="性别"
|
||||
prop="gender" >
|
||||
<p>{{ dataForm.gender }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="性别" prop="gender">
|
||||
<p>{{ dataForm.gender }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="生日"
|
||||
prop="birthday" >
|
||||
<p>{{dataForm.birthday}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="生日" prop="birthday">
|
||||
<p>{{dataForm.birthday}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="自动接单"
|
||||
prop="autoEnabled" >
|
||||
<p>{{dataForm.autoEnabled}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
<el-col :span="8">
|
||||
<jnpf-form-tip-item label="自动接单" prop="autoEnabled">
|
||||
<p>{{dataForm.autoEnabled}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
</transition>
|
||||
</template>
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import request from '@/utils/request'
|
||||
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail},
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||
import jnpf from '@/utils/jnpf'
|
||||
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||
export default {
|
||||
components: { Detail },
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
|
||||
dataForm: {
|
||||
id :'',
|
||||
stationId : "",
|
||||
headIcon : [],
|
||||
staffsName : '',
|
||||
mobilePhone : '',
|
||||
gender : "1",
|
||||
birthday : '',
|
||||
autoEnabled : 1,
|
||||
},
|
||||
stationIdProps:{"label":"station_name","value":"id" },
|
||||
genderOptions:[{"fullName":"男","id":"1"},{"fullName":"女","id":"2"}],
|
||||
genderProps:{"label":"fullName","value":"id" },
|
||||
dataForm: {
|
||||
id: '',
|
||||
stationId: "",
|
||||
headIcon: [],
|
||||
staffsName: '',
|
||||
mobilePhone: '',
|
||||
gender: "1",
|
||||
birthday: '',
|
||||
autoEnabled: 1,
|
||||
},
|
||||
stationIdProps: { "label": "station_name", "value": "id" },
|
||||
genderOptions: [{ "fullName": "男", "id": "1" }, { "fullName": "女", "id": "2" }],
|
||||
genderProps: { "label": "fullName", "value": "id" },
|
||||
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll){
|
||||
let _dataAll =dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
},
|
||||
mounted() { },
|
||||
methods: {
|
||||
toDetail(defaultValue, modelId) {
|
||||
if (!defaultValue) return
|
||||
getConfigData(modelId).then(res => {
|
||||
if (!res.data || !res.data.formData) return
|
||||
let formData = JSON.parse(res.data.formData)
|
||||
formData.popupType = 'general'
|
||||
this.detailVisible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||
})
|
||||
})
|
||||
},
|
||||
dataInfo(dataAll) {
|
||||
let _dataAll = dataAll
|
||||
this.dataForm = _dataAll
|
||||
},
|
||||
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if(this.dataForm.id){
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/scm/RecycleStationStaff/detail/'+this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
goBack() {
|
||||
this.$emit('refresh')
|
||||
},
|
||||
init(id) {
|
||||
this.dataForm.id = id || 0;
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
if (this.dataForm.id) {
|
||||
this.loading = true
|
||||
request({
|
||||
url: '/api/scm/RecycleStationStaff/detail/' + this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
})
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
</script>
|
||||
|
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue