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