Commit 270687c1 authored by zhanglw's avatar zhanglw

咨询详情页

parent 8852c1f5
......@@ -42,21 +42,24 @@
<el-table-column prop="xxx" label="处理日期" align="center" width="100" />
<el-table-column prop="xxx" label="操作" align="right" width="140">
<template slot-scope="scope">
<el-tooltip v-show="scope.row.status==3" content="处理"><el-button round plain type="success" icon="el-icon-finished" @click="toEdit(scope.row)" /></el-tooltip>
<el-tooltip content="查看"><el-button round plain icon="el-icon-view" @click="toEdit(scope.row)" /></el-tooltip>
<el-tooltip v-show="scope.row.status==3" content="处理"><el-button round plain type="success" icon="el-icon-finished" @click="toView(scope.row)" /></el-tooltip>
<el-tooltip content="查看"><el-button round plain icon="el-icon-view" @click="toView(scope.row)" /></el-tooltip>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<el-pagination :total="total" :current-page="page" :page-size="pageSize" style="margin-top: 8px;" layout="total, prev, pager, next, sizes" @size-change="sizeChange" @current-change="pageChange" />
</div>
<view-page ref="viewPage" />
</div>
</template>
<script>
import DateRangePicker from '@/components/DateRangePicker'
import { HttpReq } from '@/api/common'
import viewPage from './view'
export default {
components: { DateRangePicker },
components: { DateRangePicker, viewPage },
dicts: ['consult_status', 'product_type', 'area_province'],
data() {
return {
......@@ -124,8 +127,8 @@ export default {
toAdd() {
},
toEdit(item) {
toView(item) {
this.$refs.viewPage.loadData(item.productId)
},
toSearch() {
this.page = 1
......
<template>
<!-- 表单渲染 -->
<el-dialog append-to-body :close-on-click-modal="false" :before-close="cancelView" :visible="visible" :title="title" width="860px">
<img v-if="stampImgSrc" :src="stampImgSrc" class="stamp-review">
<el-form ref="formViewRef" :model="formData" :status-icon="true" label-width="240px">
<el-form-item label="咨询类型:" class="form-cell" prop="supplierLevel">
<div class="cell-box">
<el-select v-model="formData.supplierLevel" disabled placeholder="无" class="cell-select">
<el-option v-for="item in dict.product_type" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
</el-form-item>
<el-form-item label="区域:" class="form-cell" prop="supplierLevel">
<div class="cell-box">
<el-select v-model="formData.supplierLevel" disabled placeholder="无" class="cell-select">
<el-option v-for="item in dict.area_province" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
</el-form-item>
<el-form-item label="咨询产品名称:" class="form-cell" prop="enterpriseName">
<div class="cell-box">
<el-input v-model="formData.enterpriseName" disabled placeholder="请输入企业名称" class="cell-input" />
</div>
</el-form-item>
<el-form-item label="产品ID:" class="form-cell" prop="enterpriseName">
<div class="cell-box">
<el-input v-model="formData.enterpriseName" disabled placeholder="请输入企业名称" class="cell-input" />
</div>
</el-form-item>
<el-form-item label="咨询内容:" class="form-cell" prop="mainProductsIntroduction">
<div class="cell-box">
<div class="cell-textarea">{{ formData.mainProductsIntroduction }}</div>
</div>
</el-form-item>
<el-form-item label="咨询企业名称:" class="form-cell" prop="enterpriseName">
<div class="cell-box">
<el-input v-model="formData.enterpriseName" disabled placeholder="请输入企业名称" class="cell-input" />
</div>
</el-form-item>
<el-form-item label="咨询人电话:" class="form-cell" prop="enterpriseName">
<div class="cell-box">
<el-input v-model="formData.enterpriseName" disabled placeholder="请输入企业名称" class="cell-input" />
</div>
</el-form-item>
<el-form-item label="电子邮箱:" class="form-cell" prop="enterpriseName">
<div class="cell-box">
<el-input v-model="formData.enterpriseName" disabled placeholder="请输入企业名称" class="cell-input" />
</div>
</el-form-item>
<el-form-item label="联系地址:" class="form-cell" prop="enterpriseName">
<div class="cell-box">
<el-input v-model="formData.enterpriseName" disabled placeholder="请输入企业名称" class="cell-input" />
</div>
</el-form-item>
<el-form-item label="处理状态:" class="form-cell" prop="supplierLevel">
<div class="cell-box">
<el-select v-model="formData.supplierLevel" disabled placeholder="无" class="cell-select">
<el-option v-for="item in dict.info_status" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button @click="cancelView">关闭</el-button>
<el-button v-if="isReview" type="primary" @click="submitForm(true)">处理</el-button>
</div>
</el-dialog>
</template>
<script>
import { HttpReq } from '@/api/common'
export default {
dicts: ['product_type', 'area_province', 'info_status'],
data() {
return {
stampImgSrc: '',
visible: false,
title: '咨询信息详情',
formData: {
annualInspectionDate: '', // 审核日期
businessLicense: '', // 营业执照的照片名称
businessScope: '', // 经营范围
businessScopeIntroduction: '', // 业务范围介绍
businessStatus: '', // 经营状态
enterpriseAddress: '', // 企业地址
enterpriseContactPerson: '', // 企业联系人
enterpriseContactPersonPhone: '', // 企业联系人手机号
enterpriseEmail: '', // 企业邮箱
enterpriseIntroduction: '', // 企业介绍
enterpriseName: '', // 企业名称
enterpriseType: '', // 企业类型
establishmentDate: '', // 成立日期
industry: '', // 所属行业
legalRepresentative: '', // 法定代表人
mainProductsIntroduction: '', // 主营产品介绍
operatingPeriod: '', // 经营期限
registeredAddressArea: '', // 注册地址-区
registeredAddressCity: '', // 注册地址-市
registeredAddressProvince: '', // 注册地址-省
registeredAddressStreet: '', // 注册地址-街道
registeredCapital: '', // 注册资本
registrationAuthority: '', // 登记机关
supplierLevel: '1', // 供应商级别
taxpayerIdentificationNumber: '', // 纳税人识别号
unifiedSocialCreditCode: '', // 统一社会信用代码
reviewComments: '', // 审核意见
sysUserId: null
}
}
},
mounted() {
this.$nextTick(() => {
})
},
methods: {
showView() {
this.visible = true
},
hideView() {
this.$refs.formViewRef.resetFields()
this.visible = false
},
cancelView() {
this.hideView()
this.stampImgSrc = ''
},
submitForm() {
HttpReq.backstageApi.reviewCustomer({
customerId: this.customerId,
reviewComments: this.formReview.reviewComments,
type: 1
}).then((res) => {
this.$notify({
title: res.msg,
type: res.code === 200 ? 'success' : 'error',
duration: 2500
})
if (res.code === 200) {
this.cancelView()
this.$parent.loadData()
}
})
},
loadData(customerId) {
this.showView()
// HttpReq.backstageApi.queryCustomerDetail({ customerId }).then((res) => {
// if (res.code === 200) {
// this.formData = res.data
// this.showView()
// } else {
// this.$message({
// message: res.msg,
// type: 'error'
// })
// }
// })
}
}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.divider {
width: 100%;
border-bottom: 1px dashed rgba(100, 100, 100, 0.4);
}
.stamp-review {
border-style: none;
position: absolute;
right: 15%;
top: 40%;
z-index: 99;
}
.cell-box {
min-width: 120px;
.cell-input {
width: 420px;
}
.cell-select {
width: 220px;
}
.cell-textarea {
min-height: 50px;
color: #777;
font-style: oblique;
font-size: 14px;
text-decoration: underline; //下划线
text-underline-offset: 5px; //下划线和文字间距
text-decoration-color: rgba(100, 100, 100, 0.4);
}
>>>.el-input__inner {
border: 1px solid rgba(100, 100, 100, 0.1);
border-bottom: 1px solid rgba(100, 100, 100, 0.2);
border-radius: 5px;
}
>>>.el-input.is-disabled .el-input__inner {
border-radius: 0;
border: 0;
border-bottom: 1px solid rgba(100, 100, 100, 0.4);
background: white;
color: #777;
font-style: oblique;
font-size: 14px;
cursor: text;
}
>>>.el-input.is-disabled .el-input__icon {
cursor: text;
}
>>>.el-icon-circle-check {
color: #13ce66;
}
>>>.el-icon-arrow-up:before {
content: '';
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment