12 changed files with 3625 additions and 1340 deletions
@ -0,0 +1,102 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
export default { |
|||
// 查询分页列表
|
|||
listPage: function(params) { |
|||
return request({ |
|||
url: '/base/v1/basedistributorapply/listPage', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
saveOrUpdate: function(data) { |
|||
return request({ |
|||
url: '/base/v1/basedistributorapply/save', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
recordInfo: function(data) { |
|||
return request({ |
|||
url: '/base/v1/basedistributor/recordInfo', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
}, |
|||
detail: function(data) { |
|||
return request({ |
|||
url: '/base/v1/basedistributorapply/detail/' + data, |
|||
method: 'get' |
|||
}) |
|||
}, |
|||
deleteBySids: function(data) { |
|||
return request({ |
|||
url: '/base/v1/basedistributorapply/deleteBySids', |
|||
method: 'DELETE', |
|||
data: data, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
submit: function(data) { |
|||
return request({ |
|||
url: '/base/v1/basedistributorapply/submit', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
// 流程审批（同意）
|
|||
complete: function(params) { |
|||
return request({ |
|||
url: '/base/v1/basedistributorapply/complete', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
// 流程审批（驳回）
|
|||
reject: function(params) { |
|||
return request({ |
|||
url: '/base/v1/basedistributorapply/reject', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
// 流程审批（终止）
|
|||
breakProcess: function(params) { |
|||
return request({ |
|||
url: '/base/v1/basedistributorapply/breakProcess', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
// 流程审批（撤回）
|
|||
revokeProcess: function(params) { |
|||
return request({ |
|||
url: '/base/v1/basedistributorapply/revokeProcess', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { 'Content-Type': 'application/json' } |
|||
}) |
|||
}, |
|||
// 审批流程（同意）获取下一环节
|
|||
getNextNodesForSubmit: function(data) { |
|||
return request({ |
|||
url: '/base/v1/basedistributorapply/getNextNodesForSubmit', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
}, |
|||
// 审批流程（驳回）获取上一环节
|
|||
getPreviousNodesForReject: function(data) { |
|||
return request({ |
|||
url: '/base/v1/basedistributorapply/getPreviousNodesForReject', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,370 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState ==1"> |
|||
<button-bar view-title="经销商备案申请管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header"> |
|||
<el-form-item label="分公司"> |
|||
<el-input v-model="listQuery.params.company" placeholder="" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="申请部门"> |
|||
<el-input v-model="listQuery.params.dept" placeholder="" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="申请人"> |
|||
<el-input v-model="listQuery.params.applyName" placeholder="" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="销售专员"> |
|||
<el-input v-model="listQuery.params.salesman" placeholder="" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="经销商名称"> |
|||
<el-input v-model="listQuery.params.distributor" placeholder="" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="申请日期"> |
|||
<el-date-picker v-model="listQuery.params.applyStartDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期"> |
|||
</el-date-picker> |
|||
<span style="padding: 0 8px">至</span> |
|||
<el-date-picker v-model="listQuery.params.applyEndDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="有效期至"> |
|||
<el-date-picker v-model="listQuery.params.effectiveStartDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期"> |
|||
</el-date-picker> |
|||
<span style="padding: 0 8px">至</span> |
|||
<el-date-picker v-model="listQuery.params.effectiveEndDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">经销商备案申请列表</div> |
|||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" align="center" width="50"/> |
|||
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center"/> |
|||
<el-table-column label="操作" fixed align="center" width="140px"> |
|||
<template slot-scope="{row}"> |
|||
<el-button size="mini" type="primary" @click="toEdit(row)" :disabled="row.nodeState =='发起申请' ? false : row.nodeState == '待提交' ? false : true">办理</el-button> |
|||
<el-button size="mini" type="primary" @click="toInfo(row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="state" label="流程状态" width="120" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="scope.row.nodeState=='待提交'" type="primary" size="mini">待提交</span> |
|||
<span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="state" label="分公司" width="120" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.company }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="申请部门" width="130" align="center"> <!-- ? --> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.dept }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="申请人" width="100" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.applyName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="申请日期" width="120" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.applyDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="销售专员" width="120" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.salesman }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="经销商名称" width="110" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.distributor }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="有效期至" width="120" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.effectiveDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.remarks }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 新增或编辑 --> |
|||
<dealerrecordAdd v-show="viewState == 2 || viewState ==3" ref="divAdd" @doback="resetState" @reloadlist="getList"/> |
|||
<!-- 详情 --> |
|||
<dealerrecordInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/> |
|||
<!-- 流程审批记录 --> |
|||
<el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center> |
|||
<iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no" :src="this.centerDialogVisible === true ? url :''"></iframe> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/dealer/dealer' |
|||
import { getOrgSidByPath, typeValues } from '@/api/jichuxinxi/dictcommons' |
|||
import { getStorage } from '@/utils/auth' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import dealerrecordAdd from './dealerrecordAdd.vue' |
|||
import dealerrecordInfo from './dealerrecordInfo.vue' |
|||
import ButtonBar from '@/components/ButtonBar/index.vue' |
|||
|
|||
export default { |
|||
name: 'DealerRecord', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
dealerrecordAdd, |
|||
dealerrecordInfo, |
|||
ButtonBar |
|||
}, |
|||
data() { |
|||
return { |
|||
url: '', |
|||
dialogHeight: '80%', |
|||
centerDialogVisible: false, |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
viewState: 1, |
|||
// --按钮菜单------- |
|||
btndisabled: false, |
|||
btnList: [ |
|||
{ |
|||
type: 'danger', |
|||
size: 'small', |
|||
icon: 'del', |
|||
btnKey: 'doDel', |
|||
btnLabel: '删除' |
|||
}, |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
sids: [], |
|||
list: [], |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
params: { |
|||
userSid: '', |
|||
menuUrl: '', |
|||
salesman: '', |
|||
applyStartDate: '', |
|||
applyEndDate: '', |
|||
dept: '', |
|||
distributor: '', |
|||
company: '', |
|||
orgPath: '', |
|||
effectiveStartDate: '', |
|||
effectiveEndDate: '', |
|||
applyName: '' |
|||
}, |
|||
total: 0, |
|||
current: 1, |
|||
size: 10 |
|||
}, |
|||
temp: {}, // 添加和修改 |
|||
sdies: '' |
|||
} |
|||
}, |
|||
mounted() { |
|||
// 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage |
|||
window.addEventListener('message', this.handleMessage) |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
created() { |
|||
// 加载列表 |
|||
this.getList() |
|||
}, |
|||
methods: { |
|||
async handleMessage(event) { |
|||
var code = '' |
|||
if (event.data.params !== null && event.data.params !== undefined) { |
|||
code = event.data.params.code |
|||
} |
|||
if (code === 1) { |
|||
this.centerDialogVisible = false |
|||
} else if (code === 2) { |
|||
this.dialogHeight = event.data.params.data |
|||
this.setIframeHeight(document.getElementById('iframe')) |
|||
} |
|||
}, |
|||
closeIt() { |
|||
this.url = '' |
|||
this.centerDialogVisible = false |
|||
}, |
|||
setIframeHeight(iframe) { |
|||
iframe.height = this.dialogHeight |
|||
}, |
|||
flowRecord(row) { |
|||
this.centerDialogVisible = true |
|||
var params = { |
|||
deployId: row.procDefId, |
|||
procInsId: row.procInstId, |
|||
token: getStorage() |
|||
} |
|||
this.url = 'http://localhost:9530/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params))) |
|||
}, |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
btnHandle(btnKey) { |
|||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|||
switch (btnKey) { |
|||
case 'doDel': |
|||
this.doDel() |
|||
break |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid') |
|||
this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath') |
|||
this.listQuery.params.menuUrl = this.$route.path |
|||
req.listPage(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if (response.success) { |
|||
this.list = response.data.records |
|||
this.listQuery.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.listQuery.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
handleReset() { |
|||
this.listQuery = { |
|||
params: { |
|||
userSid: '', |
|||
menuUrl: '', |
|||
salesman: '', |
|||
applyStartDate: '', |
|||
applyEndDate: '', |
|||
dept: '', |
|||
distributor: '', |
|||
company: '', |
|||
orgPath: '', |
|||
effectiveStartDate: '', |
|||
effectiveEndDate: '', |
|||
applyName: '' |
|||
}, |
|||
total: 0, |
|||
current: 1, |
|||
size: 10 |
|||
} |
|||
this.getList() |
|||
}, |
|||
handleSelectionChange(row) { |
|||
const aa = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
}) |
|||
this.sids = aa |
|||
this.sdies = this.sids.join() |
|||
}, |
|||
toEdit(row) { |
|||
this.viewState = 3 |
|||
this.$refs['divAdd'].showEdit(row) |
|||
}, |
|||
// 打开查看 |
|||
toInfo(row) { |
|||
this.viewState = 4 |
|||
this.$refs['divInfo'].showInfo(row) |
|||
}, |
|||
// 根据本行ID删除数据 |
|||
doDel() { |
|||
if (this.sids.length > 0) { |
|||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?' |
|||
this.$confirm(tip, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: 'Loading', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(0, 0, 0, 0.7)' |
|||
}) |
|||
req.deleteBySids(this.sids).then(resp => { |
|||
if (resp.success) { |
|||
loading.close() |
|||
this.$message({ type: 'success', message: resp.msg, showClose: true }) |
|||
this.getList() |
|||
} else { |
|||
loading.close() |
|||
} |
|||
}).catch(e => { |
|||
loading.close() |
|||
}) |
|||
}).catch(() => { |
|||
}) |
|||
} else { |
|||
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行操作' }) |
|||
} |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,636 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>{{ viewTitle }}</div> |
|||
<div> |
|||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="save()">保存</el-button> |
|||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="temp" class="formaddcopy02" :rules="rules"> |
|||
<div class="title">经销商备案申请</div> |
|||
<el-row style="border-top: 1px solid #DFE6EC"> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">申请部门</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.dept }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">申请人</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.applyName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">申请日期</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.applyDate }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty"><el-checkbox v-model="checked" @change="changeChecked" style="padding-right: 10px">同申请人</el-checkbox>销售部门</div> |
|||
<el-form-item> |
|||
<el-select v-model="temp.salesDept" :disabled="checked" class="addinputInfo" filterable placeholder="" @change="changeOrg"> |
|||
<el-option v-for="item in org_list" :key="item.orgDeptSid" :label="item.orgDeptName" :value="item.orgDeptName"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">销售专员</div> |
|||
<el-form-item> |
|||
<el-select class="addinputInfo" :disabled="checked" v-model="temp.salesman" filterable placeholder="" @change="changeStaff"> |
|||
<el-option v-for="item in staff_list" :key="item.staffSid" :label="item.staffName" :value="item.staffName"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">销售部经理</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.manage }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">有效期至</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.effectiveDate }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">备注</div> |
|||
<el-form-item> |
|||
<el-input class="addinputInfo" style="width: 50%" v-model="temp.remarks" clearable placeholder=""/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">是否同意</div> |
|||
<el-form-item> |
|||
<el-radio-group style="font-size: 1px" class="addinputInfo" v-model="temp.agree"> |
|||
<el-radio label="1">是</el-radio> |
|||
<el-radio label="0">否</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">基本信息</div> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">所属经销商</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.pDistributorName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">是否投放商品展车</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.isDelivery }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">经销商名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.disName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">统一社会信用代码</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.registNum }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">注册地址</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.registDetailAddress }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">实际经营地址</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.managementDetailAddressProvince + temp.managementDetailAddressCity + temp.managementDetailAddressCounty + temp.managementDetailAddress }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">成立日期</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.setUpTime }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">开始合作时间</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.startCoopDate }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">是否担保</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.isGuarantee }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">实际控制人</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.legalName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">身份证号码</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.legalIdCard }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">手机号码</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.legalMobile }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">企业联系人</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.contract }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">手机号码</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.mobile }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">开票信息</div> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">单位名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.disName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">税号</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.registNum }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">地址</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.registDetailAddress }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">联系电话</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.invoPhone }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">开户行</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.invoBank }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">银行账号</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.invoBankNum }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">人员列表</div> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="temp.perList" :index="index" border style="width: 100%"> |
|||
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/> |
|||
<el-table-column label="姓名" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="身份" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.identityValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="手机号码" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.mobile }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.remarks }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="title">附件清单</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">合作协议</div> |
|||
<el-form-item> |
|||
<upload-img ref="uploadImg" class="addinputInfo" v-model="image_list1" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">营业执照</div> |
|||
<el-form-item> |
|||
<upload-img ref="uploadImg" class="addinputInfo" v-model="image_list2" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">道路运输许可证</div> |
|||
<el-form-item> |
|||
<upload-img ref="uploadImg" class="addinputInfo" v-model="image_list3" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">法人身份证</div> |
|||
<el-form-item> |
|||
<upload-img ref="uploadImg" class="addinputInfo" v-model="image_list4" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">其他资料</div> |
|||
<el-form-item> |
|||
<upload-img ref="uploadImg" class="addinputInfo" v-model="image_list5" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/dealer/dealer' |
|||
import { selectMangerByDeptSid, selectOrgList } from '@/api/jichuxinxi/dictcommons' |
|||
import uploadImg from '@/components/uploadFile/uploadImg' |
|||
|
|||
export default { |
|||
name: 'DealerRecordAdd', |
|||
components: { |
|||
uploadImg |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
submitdisabled: false, |
|||
tableKey: 0, |
|||
index: 0, |
|||
listLoading: false, |
|||
checked: false, |
|||
org_list: [], |
|||
staff_list: [], |
|||
image_list1: [], |
|||
image_list2: [], |
|||
image_list3: [], |
|||
image_list4: [], |
|||
image_list5: [], |
|||
temp: { |
|||
userSid: '', |
|||
orgSidPath: '', |
|||
sid: '', |
|||
distributorSid: '', |
|||
disName: '', |
|||
registNum: '', |
|||
setUpTime: '', |
|||
registDetailAddress: '', |
|||
provinceCode: '', |
|||
cityCode: '', |
|||
managementAddressCode: '', |
|||
managementDetailAddressProvince: '', |
|||
managementDetailAddressCity: '', |
|||
managementDetailAddressCounty: '', |
|||
managementDetailAddress: '', |
|||
contract: '', |
|||
mobile: '', |
|||
legalName: '', |
|||
legalIdCard: '', |
|||
legalMobile: '', |
|||
isGuarantee: '', |
|||
isGuaranteeKey: '', |
|||
startCoopDate: '', |
|||
useOrg: '', |
|||
useOrgName: '', |
|||
invoPhone: '', |
|||
invoBank: '', |
|||
invoBankNum: '', |
|||
disLevelKey: '', |
|||
disLevelValue: '', |
|||
perList: [], |
|||
yyzzList: [], |
|||
dlysxkzList: [], |
|||
frsfzList: [], |
|||
qtzlList: [], |
|||
hzxyList: [], |
|||
isDelivery: '', |
|||
isDeliveryKey: '', |
|||
effectiveDate: '', |
|||
agree: '', |
|||
applyName: '', |
|||
salesmanSid: '', |
|||
salesman: '', |
|||
applyDate: '', |
|||
dept: '', |
|||
deptSid: '', |
|||
salesDept: '', |
|||
salesDeptSid: '', |
|||
manage: '', |
|||
manageSid: '', |
|||
remarks: '', |
|||
taskId: '', |
|||
instanceId: '', |
|||
pdisName: '', |
|||
pDistributorSid: '', |
|||
pDistributorName: '' |
|||
}, |
|||
rules: {} |
|||
} |
|||
}, |
|||
methods: { |
|||
showAdd(sid) { |
|||
this.viewTitle = '【新增】经销商备案' |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}) |
|||
selectOrgList({ userSid: window.sessionStorage.getItem('userSid'), orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((resp) => { |
|||
if (resp.success) { |
|||
this.org_list = resp.data |
|||
} |
|||
}) |
|||
req.recordInfo({ sid: sid }).then((res) => { |
|||
if (res.success) { |
|||
this.temp = res.data |
|||
this.temp.applyName = window.sessionStorage.getItem('name') |
|||
this.temp.dept = window.sessionStorage.getItem('defaultOrgPathName').substring(window.sessionStorage.getItem('defaultOrgPathName').lastIndexOf('/') + 1) |
|||
this.temp.deptSid = window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage.getItem('defaultOrgPath').lastIndexOf('/') + 1) |
|||
this.temp.userSid = window.sessionStorage.getItem('userSid') |
|||
this.temp.orgSidPath = window.sessionStorage.getItem('defaultOrgPath') |
|||
} |
|||
}) |
|||
}, |
|||
showEdit(row) { |
|||
this.viewTitle = '【编辑】经销商备案' |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}) |
|||
req.detail(row.sid).then((res) => { |
|||
if (res.success) { |
|||
this.temp = res.data |
|||
selectOrgList({ userSid: window.sessionStorage.getItem('userSid'), orgPath: this.temp.orgSidPath }).then((resp) => { |
|||
if (resp.success) { |
|||
this.org_list = resp.data |
|||
// 加载销售部门和销售专员集合 |
|||
const choosetItem = this.org_list.filter((item) => item.orgDeptName === this.temp.salesDept) |
|||
if (choosetItem.length > 0 && choosetItem !== null) { |
|||
this.staff_list = choosetItem[0].staffinfoVoList |
|||
} |
|||
// 加载附件 |
|||
if (this.temp.hzxyList.length > 0) { |
|||
this.temp.hzxyList.forEach((e) => { |
|||
this.image_list1.push({ |
|||
name: '', |
|||
url: e |
|||
}) |
|||
}) |
|||
} |
|||
if (this.temp.yyzzList.length > 0) { |
|||
this.temp.yyzzList.forEach((e) => { |
|||
this.image_list2.push({ |
|||
name: '', |
|||
url: e |
|||
}) |
|||
}) |
|||
} |
|||
if (this.temp.dlysxkzList.length > 0) { |
|||
this.temp.dlysxkzList.forEach((e) => { |
|||
this.image_list3.push({ |
|||
name: '', |
|||
url: e |
|||
}) |
|||
}) |
|||
} |
|||
if (this.temp.frsfzList.length > 0) { |
|||
this.temp.frsfzList.forEach((e) => { |
|||
this.image_list4.push({ |
|||
name: '', |
|||
url: e |
|||
}) |
|||
}) |
|||
} |
|||
if (this.temp.qtzlList.length > 0) { |
|||
this.temp.qtzlList.forEach((e) => { |
|||
this.image_list5.push({ |
|||
name: '', |
|||
url: e |
|||
}) |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
changeChecked(val) { |
|||
if (val) { |
|||
this.temp.salesDept = this.temp.dept |
|||
this.temp.salesDeptSid = this.temp.deptSid |
|||
this.temp.salesman = this.temp.applyName |
|||
this.temp.salesmanSid = window.sessionStorage.getItem('staffSid') |
|||
selectMangerByDeptSid({ deptSid: this.temp.deptSid }).then((res) => { |
|||
if (res.success) { |
|||
this.temp.manage = res.data.manage |
|||
this.temp.manageSid = res.data.manageSid |
|||
} |
|||
}) |
|||
} else { |
|||
this.temp.salesDept = '' |
|||
this.temp.salesDeptSid = '' |
|||
this.temp.salesman = '' |
|||
this.temp.salesmanSid = '' |
|||
this.temp.manage = '' |
|||
this.temp.manageSid = '' |
|||
} |
|||
}, |
|||
changeOrg(value) { |
|||
const choosetItem = this.org_list.filter((item) => item.orgDeptName === value) |
|||
if (choosetItem.length > 0 && choosetItem !== null) { |
|||
this.temp.salesDeptSid = choosetItem[0].orgDeptSid |
|||
this.staff_list = choosetItem[0].staffinfoVoList |
|||
selectMangerByDeptSid({ deptSid: choosetItem[0].orgDeptSid }).then((res) => { |
|||
if (res.success) { |
|||
this.temp.manage = res.data.manage |
|||
this.temp.manageSid = res.data.manageSid |
|||
} |
|||
}) |
|||
} else { |
|||
// 销售部门置空时需置空部分信息 |
|||
this.temp.salesDeptSid = '' |
|||
// 销售专员 |
|||
this.temp.salesman = '' |
|||
this.temp.salesmanSid = '' |
|||
this.staff_list = [] |
|||
// 销售经理 |
|||
this.temp.manage = '' |
|||
this.temp.manageSid = '' |
|||
} |
|||
}, |
|||
changeStaff(value) { |
|||
const choosetItem = this.staff_list.filter((item) => item.staffName === value) |
|||
if (choosetItem.length > 0 && choosetItem !== null) { |
|||
this.temp.salesmanSid = choosetItem[0].staffSid |
|||
} else { |
|||
this.temp.salesmanSid = '' |
|||
} |
|||
}, |
|||
save() { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.submitdisabled = true |
|||
this.getUrl() |
|||
req.saveOrUpdate(this.temp).then((res) => { |
|||
if (res.success) { |
|||
this.$message({ showClose: true, type: 'success', message: '保存成功' }) |
|||
this.handleReturn('true') |
|||
} else { |
|||
this.submitdisabled = false |
|||
} |
|||
}).catch(() => { |
|||
this.submitdisabled = false |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
submit() { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.getUrl() |
|||
if (this.temp.isDelivery === '是' && this.temp.hzxyList.length === 0) { |
|||
this.$message({ showClose: true, type: 'error', message: '是否投放商品展车为是时,合作协议附件不能为空' }) |
|||
return |
|||
} |
|||
this.submitdisabled = true |
|||
req.submit(this.temp).then((res) => { |
|||
if (res.success) { |
|||
this.$message({ showClose: true, type: 'success', message: '提交成功' }) |
|||
this.handleReturn('true') |
|||
} else { |
|||
this.submitdisabled = false |
|||
} |
|||
}).catch(() => { |
|||
this.submitdisabled = false |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
getUrl() { |
|||
if (this.image_list1.length > 0) { |
|||
const aa = [] |
|||
this.image_list1.forEach((e) => { |
|||
aa.push(e.url) |
|||
}) |
|||
this.temp.hzxyList = aa |
|||
} else { |
|||
this.temp.hzxyList = [] |
|||
} |
|||
if (this.image_list2.length > 0) { |
|||
const bb = [] |
|||
this.image_list2.forEach((e) => { |
|||
bb.push(e.url) |
|||
}) |
|||
this.temp.yyzzList = bb |
|||
} else { |
|||
this.temp.yyzzList = [] |
|||
} |
|||
if (this.image_list3.length > 0) { |
|||
const cc = [] |
|||
this.image_list3.forEach((e) => { |
|||
cc.push(e.url) |
|||
}) |
|||
this.temp.dlysxkzList = cc |
|||
} else { |
|||
this.temp.dlysxkzList = [] |
|||
} |
|||
if (this.image_list4.length > 0) { |
|||
const dd = [] |
|||
this.image_list4.forEach((e) => { |
|||
dd.push(e.url) |
|||
}) |
|||
this.temp.frsfzList = dd |
|||
} else { |
|||
this.temp.frsfzList = [] |
|||
} |
|||
if (this.image_list5.length > 0) { |
|||
const ee = [] |
|||
this.image_list5.forEach((e) => { |
|||
ee.push(e.url) |
|||
}) |
|||
this.temp.qtzlList = ee |
|||
} else { |
|||
this.temp.qtzlList = [] |
|||
} |
|||
}, |
|||
// 返回 |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.temp = { |
|||
userSid: '', |
|||
orgSidPath: '', |
|||
sid: '', |
|||
distributorSid: '', |
|||
disName: '', |
|||
registNum: '', |
|||
setUpTime: '', |
|||
registDetailAddress: '', |
|||
provinceCode: '', |
|||
cityCode: '', |
|||
managementAddressCode: '', |
|||
managementDetailAddressProvince: '', |
|||
managementDetailAddressCity: '', |
|||
managementDetailAddressCounty: '', |
|||
managementDetailAddress: '', |
|||
contract: '', |
|||
mobile: '', |
|||
legalName: '', |
|||
legalIdCard: '', |
|||
legalMobile: '', |
|||
isGuarantee: '', |
|||
isGuaranteeKey: '', |
|||
startCoopDate: '', |
|||
useOrg: '', |
|||
useOrgName: '', |
|||
invoPhone: '', |
|||
invoBank: '', |
|||
invoBankNum: '', |
|||
disLevelKey: '', |
|||
disLevelValue: '', |
|||
perList: [], |
|||
yyzzList: [], |
|||
dlysxkzList: [], |
|||
frsfzList: [], |
|||
qtzlList: [], |
|||
hzxyList: [], |
|||
isDelivery: '', |
|||
isDeliveryKey: '', |
|||
effectiveDate: '', |
|||
agree: '', |
|||
applyName: '', |
|||
salesmanSid: '', |
|||
salesman: '', |
|||
applyDate: '', |
|||
dept: '', |
|||
deptSid: '', |
|||
salesDept: '', |
|||
salesDeptSid: '', |
|||
manage: '', |
|||
manageSid: '', |
|||
remarks: '', |
|||
taskId: '', |
|||
instanceId: '', |
|||
pdisName: '', |
|||
pDistributorSid: '', |
|||
pDistributorName: '' |
|||
} |
|||
this.image_list1 = [] |
|||
this.image_list2 = [] |
|||
this.image_list3 = [] |
|||
this.image_list4 = [] |
|||
this.image_list5 = [] |
|||
this.submitdisabled = false |
|||
this.checked = false |
|||
this.$refs['dataForm'].resetFields() |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.span-sty { |
|||
width: 170px !important; |
|||
} |
|||
.addinputInfo { |
|||
margin-left: 160px !important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,369 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>经销商备案详情</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="temp" class="formaddcopy02" :rules="rules"> |
|||
<div class="title">经销商备案申请</div> |
|||
<el-row style="border-top: 1px solid #DFE6EC"> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">申请部门</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.dept }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">申请人</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.applyName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">申请日期</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.applyDate }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">销售部门</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.salesDept }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">销售专员</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.salesman }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">销售部经理</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.manage }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">有效期至</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.effectiveDate }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">备注</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.remarks }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">是否同意</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.agree == '1' ? '是' : temp.agree == '0' ? '否' : '' }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">基本信息</div> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">所属经销商</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.pDistributorName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">是否投放商品展车</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.isDelivery }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">经销商名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.disName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">统一社会信用代码</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.registNum }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">注册地址</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.registDetailAddress }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">实际经营地址</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.managementDetailAddressProvince + temp.managementDetailAddressCity + temp.managementDetailAddressCounty + temp.managementDetailAddress }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">成立日期</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.setUpTime }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">开始合作时间</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.startCoopDate }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">是否担保</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.isGuarantee }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">实际控制人</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.legalName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">身份证号码</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.legalIdCard }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">手机号码</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.legalMobile }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">企业联系人</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.contract }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">手机号码</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.mobile }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">开票信息</div> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">单位名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.disName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">税号</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.registNum }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">地址</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.registDetailAddress }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">联系电话</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.invoPhone }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">开户行</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.invoBank }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">银行账号</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.invoBankNum }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">人员列表</div> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="temp.perList" :index="index" border style="width: 100%"> |
|||
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/> |
|||
<el-table-column label="姓名" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="身份" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.identityValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="手机号码" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.mobile }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.remarks }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="title">附件清单</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">合作协议</div> |
|||
<el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in temp.hzxyList" :key="index" :src="item" :preview-src-list="temp.hzxyList"/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">营业执照</div> |
|||
<el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in temp.yyzzList" :key="index" :src="item" :preview-src-list="temp.yyzzList"/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">道路运输许可证</div> |
|||
<el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in temp.dlysxkzList" :key="index" :src="item" :preview-src-list="temp.dlysxkzList"/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">法人身份证</div> |
|||
<el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in temp.frsfzList" :key="index" :src="item" :preview-src-list="temp.frsfzList"/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">其他资料</div> |
|||
<el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in temp.qtzlList" :key="index" :src="item" :preview-src-list="temp.qtzlList"/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/dealer/dealer' |
|||
|
|||
export default { |
|||
name: 'GuakaogongsiInfo', |
|||
data() { |
|||
return { |
|||
tableKey: 0, |
|||
index: 0, |
|||
listLoading: false, |
|||
temp: { |
|||
userSid: '', |
|||
orgSidPath: '', |
|||
sid: '', |
|||
distributorSid: '', |
|||
disName: '', |
|||
registNum: '', |
|||
setUpTime: '', |
|||
registDetailAddress: '', |
|||
provinceCode: '', |
|||
cityCode: '', |
|||
managementAddressCode: '', |
|||
managementDetailAddressProvince: '', |
|||
managementDetailAddressCity: '', |
|||
managementDetailAddressCounty: '', |
|||
managementDetailAddress: '', |
|||
contract: '', |
|||
mobile: '', |
|||
legalName: '', |
|||
legalIdCard: '', |
|||
legalMobile: '', |
|||
isGuarantee: '', |
|||
isGuaranteeKey: '', |
|||
startCoopDate: '', |
|||
useOrg: '', |
|||
useOrgName: '', |
|||
invoPhone: '', |
|||
invoBank: '', |
|||
invoBankNum: '', |
|||
disLevelKey: '', |
|||
disLevelValue: '', |
|||
perList: [], |
|||
yyzzList: [], |
|||
dlysxkzList: [], |
|||
frsfzList: [], |
|||
qtzlList: [], |
|||
hzxyList: [], |
|||
isDelivery: '', |
|||
isDeliveryKey: '', |
|||
effectiveDate: '', |
|||
agree: '', |
|||
applyName: '', |
|||
salesmanSid: '', |
|||
salesman: '', |
|||
applyDate: '', |
|||
dept: '', |
|||
deptSid: '', |
|||
salesDept: '', |
|||
salesDeptSid: '', |
|||
manage: '', |
|||
manageSid: '', |
|||
remarks: '', |
|||
taskId: '', |
|||
instanceId: '', |
|||
pdisName: '', |
|||
pDistributorSid: '', |
|||
pDistributorName: '' |
|||
}, // 查看实体 |
|||
rules: {} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 返回 |
|||
handleReturn() { |
|||
this.temp = { |
|||
userSid: '', |
|||
orgSidPath: '', |
|||
sid: '', |
|||
distributorSid: '', |
|||
disName: '', |
|||
registNum: '', |
|||
setUpTime: '', |
|||
registDetailAddress: '', |
|||
provinceCode: '', |
|||
cityCode: '', |
|||
managementAddressCode: '', |
|||
managementDetailAddressProvince: '', |
|||
managementDetailAddressCity: '', |
|||
managementDetailAddressCounty: '', |
|||
managementDetailAddress: '', |
|||
contract: '', |
|||
mobile: '', |
|||
legalName: '', |
|||
legalIdCard: '', |
|||
legalMobile: '', |
|||
isGuarantee: '', |
|||
isGuaranteeKey: '', |
|||
startCoopDate: '', |
|||
useOrg: '', |
|||
useOrgName: '', |
|||
invoPhone: '', |
|||
invoBank: '', |
|||
invoBankNum: '', |
|||
disLevelKey: '', |
|||
disLevelValue: '', |
|||
perList: [], |
|||
yyzzList: [], |
|||
dlysxkzList: [], |
|||
frsfzList: [], |
|||
qtzlList: [], |
|||
hzxyList: [], |
|||
isDelivery: '', |
|||
isDeliveryKey: '', |
|||
effectiveDate: '', |
|||
agree: '', |
|||
applyName: '', |
|||
salesmanSid: '', |
|||
salesman: '', |
|||
applyDate: '', |
|||
dept: '', |
|||
deptSid: '', |
|||
salesDept: '', |
|||
salesDeptSid: '', |
|||
manage: '', |
|||
manageSid: '', |
|||
remarks: '', |
|||
taskId: '', |
|||
instanceId: '', |
|||
pdisName: '', |
|||
pDistributorSid: '', |
|||
pDistributorName: '' |
|||
} |
|||
this.$emit('doback') |
|||
}, |
|||
showInfo(row) { |
|||
req.detail(row.sid).then((response) => { |
|||
if (response.success) { |
|||
this.temp = response.data |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.span-sty { |
|||
width: 130px !important; |
|||
} |
|||
.addinputInfo { |
|||
margin-left: 120px !important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,467 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState ==1"> |
|||
<button-bar view-title="经销商管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="140px" class="tab-header"> |
|||
<el-form-item label="经销商名称"> |
|||
<el-input v-model="listQuery.params.disName" placeholder="请输入经销商名称" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="统一社会信用代码"> |
|||
<el-input v-model="listQuery.params.registNum" placeholder="请输入统一社会信用代码" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="实际控制人姓名"> |
|||
<el-input v-model="listQuery.params.legalName" placeholder="请输入实际控制人姓名" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="级别"> |
|||
<el-select v-model="listQuery.params.disLevelKey" class="filter-item" clearable placeholder="请选择状态"> |
|||
<el-option v-for="item in disLevel_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="是否担保"> |
|||
<el-select v-model="listQuery.params.isGuaranteeKey" class="filter-item" clearable placeholder="请选择是否担保"> |
|||
<el-option v-for="item in options" :key="item.key" :label="item.label" :value="item.key"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="所属经销商"> |
|||
<el-select v-model="listQuery.params.pdistributorSid" class="addinputw" placeholder="请选择所属经销商" clearable> |
|||
<el-option v-for="item in pDistributorSid_list" :key="item.sid" :label="item.disName" :value="item.sid"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="成立日期"> |
|||
<el-date-picker v-model="listQuery.params.setUpStartTime" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期"> |
|||
</el-date-picker> |
|||
<span style="padding: 0 8px">至</span> |
|||
<el-date-picker v-model="listQuery.params.setUpEndTime" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">经销商信息列表</div> |
|||
<div class="rel_css"> |
|||
<span style="font-size: 15px">关联状态：</span> |
|||
<el-select v-model="listQuery.params.relationState" class="filter-item rel_btn" clearable placeholder="请选择关联关系" @change="relationStateChange"> |
|||
<el-option v-for="item in optionsRel" :key="item.key" :label="item.label" :value="item.key"/> |
|||
</el-select> |
|||
</div> |
|||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" align="center" width="50"/> |
|||
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center"/> |
|||
<el-table-column label="操作" fixed align="center" width="140px"> |
|||
<template slot-scope="{row}"> |
|||
<el-button size="mini" type="primary" @click="toInfo(row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="state" label="状态" width="120" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.state }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="所属经销商" width="180" align="center"> <!-- ? --> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.pdistributorName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="经销商名称" width="180" header-align="center" align="left"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.disName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="统一社会信用代码" width="190" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.registNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="注册地址" width="220" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.registDetailAddress }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="联系电话" width="120" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.invoPhone }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="成立日期" width="120" align="center"> <!-- ? --> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.setUpTime }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="是否担保" width="120" align="center"> <!-- ? --> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.isGuarantee }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="是否投放展车" width="120" align="center"> <!-- ? --> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.isDelivery }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="本年销售台数" width="160" align="center"> <!-- ? --> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.curYearSaleNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="累计销售台数" width="160" align="center"> <!-- ? --> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.cumSaleNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 新增或编辑 --> |
|||
<distributormanagementAdd v-show="viewState == 2 || viewState ==3" ref="divAdd" @doback="resetState" @reloadlist="getList"/> |
|||
<!-- 详情 --> |
|||
<distributormanagementInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/> |
|||
<!-- 报备 --> |
|||
<dealerrecordAdd v-show="viewState == 5" ref="divRecord" @doback="resetState" @reloadlist="getList"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { deleteBySids, getOneLevelList, pagerList } from '@/api/jichuxinxi/baseaffiliatcompany' |
|||
import { getOrgSidByPath, typeValues } from '@/api/jichuxinxi/dictcommons' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import ButtonBar from '@/components/ButtonBar/index.vue' |
|||
import distributormanagementAdd from './distributormanagementAdd.vue' |
|||
import distributormanagementInfo from './distributormanagementInfo.vue' |
|||
import dealerrecordAdd from '../dealerrecord/dealerrecordAdd' |
|||
|
|||
export default { |
|||
name: 'DistributorManagement', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
ButtonBar, |
|||
distributormanagementAdd, |
|||
distributormanagementInfo, |
|||
dealerrecordAdd |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
viewState: 1, |
|||
// --按钮菜单------- |
|||
btndisabled: false, |
|||
btnList: [ |
|||
{ |
|||
type: 'primary', |
|||
size: 'small', |
|||
icon: 'plus', |
|||
btnKey: 'toAdd', |
|||
btnLabel: '新增' |
|||
}, |
|||
{ |
|||
type: 'primary', |
|||
size: 'small', |
|||
icon: 'edit', |
|||
btnKey: 'toEdit', |
|||
btnLabel: '编辑' |
|||
}, |
|||
{ |
|||
type: 'danger', |
|||
size: 'small', |
|||
icon: 'del', |
|||
btnKey: 'doDel', |
|||
btnLabel: '删除' |
|||
}, |
|||
{ |
|||
type: 'primary', |
|||
size: 'small', |
|||
icon: '', |
|||
btnKey: 'toReport', |
|||
btnLabel: '报备' |
|||
}, |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
sids: [], |
|||
list: [], |
|||
multipleSelection: [], |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
pDistributorSid_list: [], |
|||
// 是否是担保人 |
|||
options: [ |
|||
{ |
|||
key: 1, |
|||
label: '是' |
|||
}, |
|||
{ |
|||
key: 0, |
|||
label: '否' |
|||
} |
|||
], |
|||
// 是否关联 |
|||
optionsRel: [ |
|||
{ |
|||
key: 1, |
|||
label: '已关联' |
|||
}, |
|||
{ |
|||
key: 0, |
|||
label: '未关联' |
|||
} |
|||
], |
|||
listQuery: { |
|||
params: { |
|||
createOrg: '', |
|||
disName: '', // 经销商名称 |
|||
isGuaranteeKey: '', // 是否担保 0是/1否 |
|||
legalName: '', // 实际控制人姓名 |
|||
registNum: '', // 统一社会信用代码 |
|||
disLevel: '', // 级别 |
|||
pdistributorSid: '', |
|||
setUpEndTime: '', // 成立结束时间 |
|||
setUpStartTime: '', // 成立开始时间 |
|||
userSid: '', |
|||
orgPath: '', |
|||
menuUrl: '' |
|||
}, |
|||
total: 0, |
|||
current: 1, |
|||
size: 10 |
|||
}, |
|||
sdies: '', |
|||
dialogStatus: '', // 对话框状态 |
|||
disLevel_list: [] // 级别 |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
// 加载列表 |
|||
this.getListOrgAll() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
init() { |
|||
this.getType() |
|||
}, |
|||
btnHandle(btnKey) { |
|||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|||
switch (btnKey) { |
|||
case 'toAdd': |
|||
this.toAdd() |
|||
break |
|||
case 'toEdit': |
|||
this.toEdit() |
|||
break |
|||
case 'doDel': |
|||
this.doDel() |
|||
break |
|||
case 'toReport': |
|||
this.toReport() |
|||
break |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
getListOrgAll(state) { |
|||
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
|||
if (res.success) { |
|||
this.listQuery.params.relationState = state |
|||
this.listQuery.params.createOrg = res.data |
|||
this.getList() |
|||
} |
|||
}) |
|||
}, |
|||
// 获取数据字典 |
|||
getType() { |
|||
typeValues({ type: 'disLevel' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.disLevel_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
getLevelList() { |
|||
getOneLevelList({ sid: '' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.pDistributorSid_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
relationStateChange(val) { |
|||
this.getListOrgAll(val) |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid') |
|||
this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath') |
|||
this.listQuery.params.menuUrl = this.$route.path |
|||
pagerList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if (response.success) { |
|||
this.list = response.data.records |
|||
this.listQuery.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.listQuery.total = 0 |
|||
} |
|||
}) |
|||
this.getLevelList() |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getListOrgAll() |
|||
}, |
|||
handleReset() { |
|||
this.listQuery = { |
|||
params: { |
|||
disName: '', // 经销商名称 |
|||
isGuaranteeKey: '', // 是否担保 0是/1否 |
|||
legalName: '', // 实际控制人姓名 |
|||
registNum: '', // 统一社会信用代码 |
|||
disLevel: '', // 级别 |
|||
pdistributorSid: '', |
|||
setUpEndTime: '', // 成立结束时间 |
|||
setUpStartTime: '', // 成立开始时间 |
|||
userSid: '', |
|||
orgPath: '', |
|||
menuUrl: '' |
|||
}, |
|||
total: 0, |
|||
current: 1, |
|||
size: 10 |
|||
} |
|||
this.getListOrgAll() |
|||
}, |
|||
handleSelectionChange(row) { |
|||
const aa = [] |
|||
this.multipleSelection = row |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
}) |
|||
this.sids = aa |
|||
this.sdies = this.sids.join() |
|||
console.log('this.sids000000', this.sdies) |
|||
}, |
|||
// 打开添加 |
|||
toAdd() { |
|||
this.viewState = 2 |
|||
this.$refs['divAdd'].showAdd() |
|||
}, |
|||
// 打开修改 |
|||
toEdit() { |
|||
if (this.sids.length === 1) { |
|||
this.viewState = 3 |
|||
this.$refs['divAdd'].showEdit(this.sids[0]) |
|||
} else { |
|||
this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行操作' }) |
|||
} |
|||
}, |
|||
// 打开查看 |
|||
toInfo(scope) { |
|||
this.viewState = 4 |
|||
this.$refs['divInfo'].showInfo(scope.sid) |
|||
}, |
|||
toReport() { |
|||
if (this.sids.length === 1) { |
|||
if (this.multipleSelection[0].state === '未报备') { |
|||
this.viewState = 5 |
|||
this.$refs['divRecord'].showAdd(this.sids[0]) |
|||
} else { |
|||
this.$message({ showClose: true, type: 'error', message: '请选择状态为未报备的记录进行操作' }) |
|||
} |
|||
} else { |
|||
this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行操作' }) |
|||
} |
|||
}, |
|||
// 根据本行ID删除数据 |
|||
doDel() { |
|||
if (this.sdies.length > 0) { |
|||
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?' |
|||
this.$confirm(tip, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: 'Loading', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(0, 0, 0, 0.7)' |
|||
}) |
|||
deleteBySids({ sids: this.sdies }).then(resp => { |
|||
if (resp.success) { |
|||
loading.close() |
|||
this.$message({ type: 'success', message: resp.msg, showClose: true }) |
|||
this.getListOrgAll() |
|||
} else { |
|||
loading.close() |
|||
} |
|||
}).catch(e => { |
|||
loading.close() |
|||
}) |
|||
}).catch(() => { |
|||
}) |
|||
} else { |
|||
this.$message({ showClose: true, message: '请至少选择一条记录进行操作', type: 'error' }) |
|||
} |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.rel_css { |
|||
position: absolute; |
|||
right: 150px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,609 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>{{ viewTitle }}</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules"> |
|||
<div class="title">基本信息</div> |
|||
<el-row style="border-top: 1px solid #DFE6EC"> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span style="color: red">*</span>所属经销商</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="pDistributorName"> |
|||
<el-select v-model="temp.pDistributorName" style="width: 30%" placeholder="请选择" @change="pDistributorSidChange" clearable filterable> |
|||
<el-option v-for="item in pDistributorSid_list" :key="item.sid" :label="item.disName" :value="item.disName"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span>是否投放商品展车</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item> |
|||
<el-radio-group v-model="temp.isDelivery"> |
|||
<el-radio label="是">是</el-radio> |
|||
<el-radio label="否">否</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span style="color: red">*</span>经销商名称</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="disName"> |
|||
<el-input v-model="temp.disName" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span style="color: red">*</span>统一社会信用代码</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="registNum"> |
|||
<el-input v-model="temp.registNum" maxlength="125" placeholder="请填写统一社会信用代码" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span>注册地址</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<el-input v-model="temp.registDetailAddress" maxlength="125" placeholder="请填写详细地址" style="width:63%" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span>实际经营地址</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item prop=""> |
|||
<el-select v-model="temp.provinceCode" filterable placeholder="请选择省" class="filter-item" style="width: 12%" @change="getSheng02"> |
|||
<el-option v-for="item in inputProvinceList02" :key="item.sid" :label="item.name" :value="item.districtCode"/> |
|||
</el-select> |
|||
<el-select v-model="temp.cityCode" filterable placeholder="请选择市" class="filter-item" style="width: 12%" @change="getShi02"> |
|||
<el-option v-for="item in inputCityList02" :key="item.sid" :label="item.name" :value="item.districtCode"/> |
|||
</el-select> |
|||
<el-select v-model="temp.managementAddressCode" filterable placeholder="请选择县" class="filter-item" style="width: 12%" @change="getQu02"> |
|||
<el-option v-for="item in inputCountyList02" :key="item.sid" :label="item.name" :value="item.districtCode"/> |
|||
</el-select> |
|||
<el-input v-model="temp.managementDetailAddress" maxlength="125" placeholder="请填写详细地址" style="width:63%" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span>成立日期</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item prop="setUpTime"> |
|||
<el-date-picker class="addinputw" v-model="temp.setUpTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" :picker-options="pickerOptions"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span>开始合作日期</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item prop="startCoopDate"> |
|||
<el-date-picker class="addinputw" v-model="temp.startCoopDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span>是否担保</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item prop="isGuarantee"> |
|||
<el-radio-group v-model="temp.isGuarantee"> |
|||
<el-radio label="是">是</el-radio> |
|||
<el-radio label="否">否</el-radio> |
|||
</el-radio-group> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span style="color: red">*</span>实际控制人</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item prop="legalName"> |
|||
<el-input v-model="temp.legalName" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span style="color: red">*</span>身份证号码</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item prop="legalIdCard"> |
|||
<el-input v-model="temp.legalIdCard" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span style="color: red">*</span>手机号码</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item prop="legalMobile"> |
|||
<el-input v-model="temp.legalMobile" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span>企业联系人</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item prop="contract"> |
|||
<el-input v-model="temp.contract" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span>手机号码</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item prop="mobile"> |
|||
<el-input v-model="temp.mobile" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="tleftb"/> |
|||
<el-col :span="4"/> |
|||
</el-row> |
|||
<div class="title titleOne"> |
|||
<div>人员列表</div> |
|||
<el-button type="primary" size="small" icon="el-icon-plus" class="btntopblueline" @click="addRenyuan()">新增 |
|||
</el-button> |
|||
</div> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="temp.perList" :index="index" border style="width: 100%"> |
|||
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/> |
|||
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width"> |
|||
<template slot-scope="scope"> |
|||
<el-button size="mini" type="danger" @click="handleCheck(scope.$index)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="姓名" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.name" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="身份" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-model="scope.row.identityKey" class="addinputw" placeholder="请选择身份" @change="identityChange(scope.row,scope.row.identityKey)" clearable> |
|||
<el-option v-for="item in identity_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="手机号码" align="center"> |
|||
<template slot-scope="scope" prop="mobile"> |
|||
<el-input v-model="scope.row.mobile" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.remarks" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { details, getOneLevelList, SaveList, Update, submit } from '@/api/jichuxinxi/baseaffiliatcompany' |
|||
import { getCity, getCounty, getProvince } from '@/api/portal/areaPicker' // 省市区 |
|||
import { typeValues } from '@/api/jichuxinxi/dictcommons' |
|||
import { getOrgSidByPath, fetchBySid } from '@/api/jichuxinxi/dictcommons' |
|||
|
|||
export default { |
|||
name: 'DistributorManagementAdd', |
|||
data() { |
|||
var checkSubmit = (rule, value, callback) => { |
|||
const Submit = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/ |
|||
if (!value) { |
|||
return callback(new Error('请填写实际控制人联系电话')) |
|||
} else if (!Submit.test(value)) { |
|||
return callback(new Error('请输入正确的手机号')) |
|||
} else { |
|||
callback() |
|||
} |
|||
} |
|||
return { |
|||
pickerOptions: { |
|||
disabledDate(time) { |
|||
return time.getTime() > Date.now() |
|||
} |
|||
}, |
|||
viewTitle: '', |
|||
FormLoading: false, |
|||
tableKey: 0, |
|||
listLoading: false, |
|||
index: 0, |
|||
pDistributorSid_list: [], |
|||
identity_list: [], |
|||
inputProvinceList02: [], |
|||
inputCityList02: [], |
|||
inputCountyList02: [], |
|||
temp: { |
|||
cityCode: '', |
|||
contract: '', |
|||
createOrg: '', |
|||
createOrgName: '', |
|||
disLevelKey: '', |
|||
disLevelValue: '', |
|||
disName: '', |
|||
dlysxkzList: [], |
|||
frsfzList: [], |
|||
isDelivery: '', |
|||
isDeliveryKey: '', |
|||
invoBank: '', |
|||
invoBankNum: '', |
|||
invoPhone: '', |
|||
isGuarantee: '', |
|||
isGuaranteeKey: '', |
|||
legalIdCard: '', |
|||
legalMobile: '', |
|||
legalName: '', |
|||
managementAddressCode: '', |
|||
managementDetailAddress: '', |
|||
managementDetailAddressCity: '', |
|||
managementDetailAddressCounty: '', |
|||
managementDetailAddressProvince: '', |
|||
mobile: '', |
|||
orgSidPath: '', |
|||
pDistributorName: '', |
|||
pDistributorSid: '', |
|||
pdisName: '', |
|||
perList: [], |
|||
provinceCode: '', |
|||
qtzlList: [], |
|||
registDetailAddress: '', |
|||
registNum: '', |
|||
setUpTime: '', |
|||
sid: '', |
|||
startCoopDate: '', |
|||
useOrg: '', |
|||
useOrgName: '', |
|||
userSid: '', |
|||
yyzzList: [] |
|||
}, |
|||
rules: { |
|||
pDistributorName: [{ required: true, message: '请选择所属经销商', trigger: 'change' }], |
|||
disName: [{ required: true, message: '请填写经销商名称', trigger: 'blur' }], |
|||
legalName: [{ required: true, message: '请填写实际控制人姓名', trigger: 'blur' }], |
|||
legalIdCard: [{ required: true, message: '请填写实际控制人身份证号码', trigger: 'blur' }], |
|||
legalMobile: [{ required: true, validator: checkSubmit, trigger: 'blur' }], |
|||
registNum: [{ required: true, message: '请填写统一社会信用代码', trigger: 'blur' }] |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.setaDter() |
|||
this.huoquSheng02() |
|||
}, |
|||
// 实际经营地址 -------------------------------- |
|||
huoquSheng02() { |
|||
getProvince().then((res) => { |
|||
console.log('注册省：', res) |
|||
if (res.success) { |
|||
this.inputProvinceList02 = res.data |
|||
} |
|||
}) |
|||
}, |
|||
getSheng02(value) { |
|||
let bb = '' |
|||
this.inputProvinceList02.forEach((e) => { |
|||
if (e.districtCode === value) { |
|||
bb = { |
|||
name: e.name, |
|||
districtCode: e.districtCode, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
// 这里是把code的值赋给province省字段 |
|||
this.temp.managementDetailAddressProvince = bb.name |
|||
this.huoquShi02(bb.sid) |
|||
}, |
|||
huoquShi02(sid1) { |
|||
var sid = { |
|||
sid: sid1 |
|||
} |
|||
this.inputCityList02 = [] |
|||
this.inputCountyList02 = [] |
|||
getCity(sid).then((res) => { |
|||
if (res.success) { |
|||
this.inputCityList02 = res.data |
|||
console.log('市02', this.inputCityList02) |
|||
} |
|||
}) |
|||
}, |
|||
getShi02(value) { |
|||
let bb = '' |
|||
this.inputCityList02.forEach((e) => { |
|||
if (e.districtCode === value) { |
|||
bb = { |
|||
name: e.name, |
|||
districtCode: e.districtCode, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
this.temp.managementDetailAddressCity = bb.name |
|||
this.huoquXian02(bb.sid) |
|||
}, |
|||
huoquXian02(sid1) { |
|||
var sid = { |
|||
sid: sid1 |
|||
} |
|||
getCounty(sid).then((res) => { |
|||
console.log('333县', res) |
|||
if (res.success) { |
|||
this.inputCountyList02 = res.data |
|||
} |
|||
}) |
|||
}, |
|||
getQu02(value) { |
|||
let bb = '' |
|||
this.inputCountyList02.forEach((e) => { |
|||
if (e.districtCode === value) { |
|||
bb = { |
|||
name: e.name, |
|||
districtCode: e.districtCode, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
this.temp.managementDetailAddressCounty = bb.name |
|||
}, |
|||
setaDter() { |
|||
typeValues({ type: 'identity' }).then((res) => { |
|||
if (res.success) { |
|||
this.identity_list = res.data |
|||
} |
|||
}) |
|||
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
|||
if (res.success) { |
|||
this.temp.createOrg = res.data |
|||
this.temp.useOrg = res.data |
|||
fetchBySid(res.data).then((resp) => { |
|||
if (resp.success) { |
|||
this.temp.createOrgName = resp.data.name |
|||
this.temp.useOrgName = resp.data.name |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
showAdd() { |
|||
this.viewTitle = '【新增】经销商' |
|||
this.init() |
|||
this.temp.orgSidPath = window.sessionStorage.getItem('defaultOrgPath') |
|||
this.temp.userSid = window.sessionStorage.getItem('userSid') |
|||
this.getLevelList('') |
|||
}, |
|||
showEdit(sid) { |
|||
this.init() |
|||
this.viewTitle = '【编辑】经销商' |
|||
details(sid).then((response) => { |
|||
if (response.success) { |
|||
this.temp = response.data |
|||
this.getLevelList(sid) |
|||
if (this.temp.managementAddressCode !== '') { |
|||
getProvince().then((res) => { |
|||
if (res.success) { |
|||
this.inputProvinceList02 = res.data |
|||
let bb = '' |
|||
this.inputProvinceList02.forEach((e) => { |
|||
if (e.districtCode === this.temp.provinceCode) { |
|||
bb = { |
|||
name: e.name, |
|||
districtCode: e.districtCode, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
var sid = { |
|||
sid: bb.sid |
|||
} |
|||
getCity(sid).then((res) => { |
|||
if (res.success) { |
|||
this.inputCityList02 = res.data |
|||
let cc = '' |
|||
this.inputCityList02.forEach((e) => { |
|||
if (e.districtCode === this.temp.cityCode) { |
|||
cc = { |
|||
name: e.name, |
|||
districtCode: e.districtCode, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
var sid02 = { |
|||
sid: cc.sid |
|||
} |
|||
getCounty(sid02).then((res) => { |
|||
if (res.success) { |
|||
this.inputCountyList02 = res.data |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
getLevelList(sid) { |
|||
getOneLevelList({ sid: sid }).then((res) => { |
|||
if (res.success) { |
|||
this.pDistributorSid_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 人员身份 |
|||
identityChange(row, identityKey) { |
|||
const choosetItem = this.identity_list.filter((item) => item.dictKey === identityKey) |
|||
if (choosetItem.length > 0 && choosetItem !== null) { |
|||
row.identityValue = choosetItem[0].dictValue |
|||
} else { |
|||
row.identityValue = '' |
|||
} |
|||
}, |
|||
// 上级经销商 |
|||
pDistributorSidChange(val) { |
|||
const choosetItem = this.pDistributorSid_list.filter((item) => item.disName === val) |
|||
if (choosetItem.length > 0 && choosetItem !== null) { |
|||
this.temp.pDistributorSid = choosetItem[0].sid |
|||
} else { |
|||
this.temp.pDistributorSid = '' |
|||
} |
|||
}, |
|||
// 新增人员 |
|||
addRenyuan() { |
|||
this.temp.perList.push({ |
|||
linkType: '', |
|||
mobile: '', |
|||
name: '', |
|||
remarks: '' |
|||
}) |
|||
}, |
|||
// 删除人员列表一条数据 |
|||
handleCheck(index) { |
|||
this.temp.perList.splice(index, 1) |
|||
}, |
|||
handleCreate() { |
|||
if (this.temp.pDistributorName === '') { |
|||
this.temp.pDistributorName = '无' |
|||
this.temp.pDistributorSid = '0' |
|||
} |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.FormLoading = true |
|||
if (this.temp.isGuarantee === '是') { |
|||
this.temp.isGuaranteeKey = '1' |
|||
} else if (this.temp.isGuarantee === '否') { |
|||
this.temp.isGuaranteeKey = '0' |
|||
} |
|||
if (this.temp.isDelivery === '是') { |
|||
this.temp.isDeliveryKey = '1' |
|||
} else if (this.temp.isDelivery === '否') { |
|||
this.temp.isDeliveryKey = '0' |
|||
} |
|||
if (this.temp.sid === '') { |
|||
SaveList(this.temp).then((response) => { |
|||
this.FormLoading = false |
|||
if (response.success) { |
|||
this.$message({ showClose: true, type: 'success', message: '保存成功' }) |
|||
this.handleReturn('true') |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '添加失败', |
|||
type: 'error', |
|||
duration: 2000 |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
Update(this.temp).then((response) => { |
|||
this.FormLoading = false |
|||
if (response.success) { |
|||
this.$message({ showClose: true, type: 'success', message: '保存成功' }) |
|||
this.handleReturn('true') |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '修改失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
// 返回 |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.temp = { |
|||
cityCode: '', |
|||
contract: '', |
|||
createOrg: '', |
|||
createOrgName: '', |
|||
disLevelKey: '', |
|||
disLevelValue: '', |
|||
disName: '', |
|||
dlysxkzList: [], |
|||
frsfzList: [], |
|||
isDelivery: '', |
|||
isDeliveryKey: '', |
|||
invoBank: '', |
|||
invoBankNum: '', |
|||
invoPhone: '', |
|||
isGuarantee: '', |
|||
isGuaranteeKey: '', |
|||
legalIdCard: '', |
|||
legalMobile: '', |
|||
legalName: '', |
|||
managementAddressCode: '', |
|||
managementDetailAddress: '', |
|||
managementDetailAddressCity: '', |
|||
managementDetailAddressCounty: '', |
|||
managementDetailAddressProvince: '', |
|||
mobile: '', |
|||
orgSidPath: '', |
|||
pDistributorName: '', |
|||
pDistributorSid: '', |
|||
pdisName: '', |
|||
perList: [], |
|||
provinceCode: '', |
|||
qtzlList: [], |
|||
registDetailAddress: '', |
|||
registNum: '', |
|||
setUpTime: '', |
|||
sid: '', |
|||
startCoopDate: '', |
|||
useOrg: '', |
|||
useOrgName: '', |
|||
userSid: '', |
|||
yyzzList: [] |
|||
} |
|||
this.$refs['dataForm'].resetFields() |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.headline { |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
display: flex; |
|||
background-color: #ffffff; |
|||
justify-content: space-between; |
|||
border: 1px solid #DFE6EC; |
|||
align-items: center; |
|||
} |
|||
.titleOne { |
|||
padding: 7px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.addinputw { |
|||
width: 90% !important; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,274 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>经销商详情</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="temp" class="formaddcopy02"> |
|||
<div class="title">基本信息</div> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">所属经销商</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.pDistributorName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">是否投放商品展车</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.isDelivery }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">经销商名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.disName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">统一社会信用代码</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.registNum }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">注册地址</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.registDetailAddress }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">实际经营地址</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.managementDetailAddressProvince + temp.managementDetailAddressCity + temp.managementDetailAddressCounty + temp.managementDetailAddress }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">成立日期</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.setUpTime }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">开始合作时间</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.startCoopDate }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">是否担保</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.isGuarantee }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">实际控制人</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.legalName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">身份证号码</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.legalIdCard }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">手机号码</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.legalMobile }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">企业联系人</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.contract }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">手机号码</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.mobile }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">有效期至</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.effectiveDate }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">开票信息</div> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">单位名称</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.disName }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">税号</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.registNum }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">地址</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.registDetailAddress }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">联系电话</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.invoPhone }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="16"> |
|||
<div class="span-sty">开户行</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.invoBank }}</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<div class="span-sty">银行账号</div> |
|||
<el-form-item><span class="addinputInfo">{{ temp.invoBankNum }}</span></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="title">人员列表</div> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="temp.perList" :index="index" border style="width: 100%"> |
|||
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/> |
|||
<el-table-column label="姓名" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="身份" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.identityValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="手机号码" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.mobile }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.remarks }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<div class="title">附件清单</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">合作协议</div> |
|||
<el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in temp.hzxyList" :key="index" :src="item" :preview-src-list="temp.hzxyList"/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">营业执照</div> |
|||
<el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in temp.yyzzList" :key="index" :src="item" :preview-src-list="temp.yyzzList"/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">道路运输许可证</div> |
|||
<el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in temp.dlysxkzList" :key="index" :src="item" :preview-src-list="temp.dlysxkzList"/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">法人身份证</div> |
|||
<el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in temp.frsfzList" :key="index" :src="item" :preview-src-list="temp.frsfzList"/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<div class="span-sty">其他资料</div> |
|||
<el-form-item><el-image style="width: 150px; height: 150px" class="addinputInfo" v-for="(item, index) in temp.qtzlList" :key="index" :src="item" :preview-src-list="temp.qtzlList"/></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<el-dialog :visible="dialogVisible" append-to-body :before-close="handColse"> |
|||
<img width="100%" :src="dialogImageUrl" alt=""/> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { details } from '@/api/jichuxinxi/baseaffiliatcompany' |
|||
|
|||
export default { |
|||
name: 'GuakaogongsiInfo', |
|||
data() { |
|||
return { |
|||
dialogVisible: false, |
|||
dialogImageUrl: '', |
|||
tableKey: 0, |
|||
businessLicenseKey: 1, |
|||
roadTransportKey: 2, |
|||
corporateIdentityCardKey: 3, |
|||
otherDetailsKey: 4, |
|||
index: 0, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
temp: { |
|||
cityCode: '', |
|||
contract: '', |
|||
createOrg: '', |
|||
createOrgName: '', |
|||
disLevelKey: '', |
|||
disLevelValue: '', |
|||
disName: '', |
|||
dlysxkzList: [], |
|||
frsfzList: [], |
|||
invoBank: '', |
|||
invoBankNum: '', |
|||
invoPhone: '', |
|||
isGuarantee: '', |
|||
legalIdCard: '', |
|||
legalMobile: '', |
|||
legalName: '', |
|||
managementAddressCode: '', |
|||
managementDetailAddress: '', |
|||
managementDetailAddressCity: '', |
|||
managementDetailAddressCounty: '', |
|||
managementDetailAddressProvince: '', |
|||
mobile: '', |
|||
orgSidPath: '', |
|||
pDistributorName: '', |
|||
pDistributorSid: '', |
|||
pdisName: '', |
|||
perList: [], |
|||
provinceCode: '', |
|||
qtzlList: [], |
|||
registDetailAddress: '', |
|||
registNum: '', |
|||
setUpTime: '', |
|||
sid: '', |
|||
startCoopDate: '', |
|||
useOrg: '', |
|||
useOrgName: '', |
|||
userSid: '', |
|||
yyzzList: [] |
|||
}, // 查看实体 |
|||
rules: {} |
|||
} |
|||
}, |
|||
methods: { |
|||
handLook(row) { |
|||
console.log('查看图片', row) |
|||
this.dialogVisible = true |
|||
this.dialogImageUrl = row.filePath |
|||
console.log('查看图片', this.dialogImageUrl) |
|||
}, |
|||
handColse() { |
|||
this.dialogVisible = false |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.temp = {} |
|||
this.$emit('doback') |
|||
}, |
|||
showInfo(sids) { |
|||
details(sids).then((response) => { |
|||
if (response.success) { |
|||
this.temp = response.data |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.span-sty { |
|||
width: 130px !important; |
|||
} |
|||
.addinputInfo { |
|||
margin-left: 120px !important; |
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
Loading…
Reference in new issue