|
@@ -33,7 +33,7 @@
|
|
|
</div>
|
|
|
<div class="si-row">
|
|
|
<div class="si-col">报备渠道:{{dtlObj.report_dept}}</div>
|
|
|
- <div class="si-col">成交佣金:{{dtlObj.brokerage || '-'}}元</div>
|
|
|
+ <div class="si-col" @click="openBrokerageImgPopup">成交佣金:{{dtlObj.brokerage || '-'}}元 <span class="img">[图片凭证]</span></div>
|
|
|
<div class="si-col">成交返佣:{{dtlObj.rebate || '-'}}元</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -49,9 +49,9 @@
|
|
|
</div>
|
|
|
<div class="xl-form" style="padding-top: 20px;">
|
|
|
<div class="xl-form-footer">
|
|
|
- <div class="scoped-btn-more" v-if="curRoles !== '6'">
|
|
|
- <!-- <el-button type="small" icon="el-icon-plus" class="xl-form-btn bgc2" @click="openPopup">更新报备进度</el-button>
|
|
|
- <el-button type="small" icon="el-icon-warning" class="xl-form-btn bgc4" @click="openStatePopup">修改状态</el-button> -->
|
|
|
+ <div class="scoped-btn-more">
|
|
|
+ <el-button type="small" icon="el-icon-plus" class="xl-form-btn bgc2" @click="openPopup">更新成交进度</el-button>
|
|
|
+ <!-- <el-button type="small" icon="el-icon-warning" class="xl-form-btn bgc4" @click="openStatePopup">修改状态</el-button> -->
|
|
|
</div>
|
|
|
<el-button class="xl-form-btn t2" @click="close">关闭弹窗</el-button>
|
|
|
</div>
|
|
@@ -63,23 +63,19 @@
|
|
|
:curObj="subObj"
|
|
|
@close="closePopup"
|
|
|
/>
|
|
|
- <state-edit
|
|
|
- :isShow="isStateShow"
|
|
|
- :pObj="dtlObj"
|
|
|
- :curObj="subObj"
|
|
|
- @close="closeStatePopup"
|
|
|
- />
|
|
|
+ <popup-big-img :is-show="bigImgShow" :src="`${bigImgSrc}`" @close="closebigImg" />
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
+import PopupBigImg from '@/components/Common/PopupBigImg'
|
|
|
import RecordEdit from './RecordEdit'
|
|
|
-import StateEdit from './StateEdit'
|
|
|
import baseTable from '_m/baseTable.js'
|
|
|
import { arrToObj } from '@/utils'
|
|
|
+
|
|
|
export default {
|
|
|
components: {
|
|
|
RecordEdit,
|
|
|
- StateEdit,
|
|
|
+ PopupBigImg,
|
|
|
},
|
|
|
mixins: [...mixins, baseTable],
|
|
|
props: {
|
|
@@ -89,10 +85,9 @@ export default {
|
|
|
inject: ['parentData'],
|
|
|
data() {
|
|
|
return {
|
|
|
- apiStr: 'cust.admtradedetail',
|
|
|
+ apiStr: 'cust.admtraderecordlist',
|
|
|
noCreated: true,
|
|
|
searchForm: {},
|
|
|
- aList: [],
|
|
|
subObj: {},
|
|
|
isDtlShow: false,
|
|
|
reportFlow: [],
|
|
@@ -100,27 +95,27 @@ export default {
|
|
|
isStateShow: false,
|
|
|
houseTypeObj: {},
|
|
|
dealTypeObj: {},
|
|
|
- curRoles: ''
|
|
|
+ bigImgShow: {},
|
|
|
+ bigImgSrc: '',
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
- const uObj = JSON.parse(this.$storage('fp_user'))
|
|
|
- this.curRoles = uObj.roles
|
|
|
this.houseTypeObj = arrToObj(this.$dictData.trade_house_type)
|
|
|
this.dealTypeObj = arrToObj(this.$dictData.trade_deal_type)
|
|
|
this.listConfig = {
|
|
|
rows: [
|
|
|
- { label: '客户状态', prop: 'report_state', type: 'tag', tags: arrToObj(this.$dictData.report_state ), tagTypeObj: {'1': 'success', '2': 'warning', '3': 'danger'}},
|
|
|
- { label: '报备进度', prop: 'report_step', type: 'flag', flags: arrToObj(this.$dictData.report_step ) },
|
|
|
- { label: '更新人', prop: 'operator_nickname' },
|
|
|
+ { label: '佣金到款日', prop: 'info1'},
|
|
|
+ { label: '回款比例(%)', prop: 'info2' },
|
|
|
+ { label: '是否开票', prop: 'info3', type: 'tag', tags: arrToObj(this.$dictData.sys_yesno ), tagTypeObj: {'1': 'success', '2': 'warning'} },
|
|
|
+ { label: '上传凭证', prop: 'info4', type: 'img' },
|
|
|
+ { label: '备注', prop: 'remark', fullShow: true, minWidth: 100, align: 'left' },
|
|
|
{ label: '更新时间', prop: 'create_at' },
|
|
|
- { label: '备注', prop: 'describe', fullShow: true, minWidth: 200, align: 'left' },
|
|
|
- // { label: '操作', width: 120, type: 'handle2', operations:
|
|
|
- // [
|
|
|
- // { label: '编辑', func: this.openPopup, btnType: 'primary' },
|
|
|
- // { label: '删除', func: this.delHandle, btnType: 'danger' },
|
|
|
- // ]
|
|
|
- // }
|
|
|
+ { label: '操作', width: 60, type: 'handle2', operations:
|
|
|
+ [
|
|
|
+ // { label: '编辑', func: this.openPopup, btnType: 'primary' },
|
|
|
+ { label: '删除', func: this.delHandle, btnType: 'danger' },
|
|
|
+ ]
|
|
|
+ }
|
|
|
]
|
|
|
}
|
|
|
},
|
|
@@ -145,15 +140,24 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
+ openBrokerageImgPopup () {
|
|
|
+ this.bigImgShow = true
|
|
|
+ },
|
|
|
+ closebigImg () {
|
|
|
+ this.bigImgShow = false
|
|
|
+ },
|
|
|
getData () {
|
|
|
this.$api.cust.admtradedetail({id: this.curObj.id}).then(res => {
|
|
|
this.dtlObj = res || {}
|
|
|
- this.reportFlow = res.report_flow || []
|
|
|
+ this.bigImgSrc = this.dtlObj.brokerage_img || ''
|
|
|
+ })
|
|
|
+ this.$api.cust.admtraderecordlist({trade_id: this.curObj.id}).then(res => {
|
|
|
+ this.reportFlow = res.list || []
|
|
|
})
|
|
|
},
|
|
|
delHandle(row) {
|
|
|
- this.$msg(`您确定要删除该跟进记录吗?`, 'confirm', () => {
|
|
|
- this.$api.user.admcustomerrecorddel({
|
|
|
+ this.$msg(`您确定要删除该成交记录吗?`, 'confirm', () => {
|
|
|
+ this.$api.cust.admtraderecorddel({
|
|
|
id: row.id
|
|
|
}).then(data => {
|
|
|
this.$msgs(`已删除!`)
|
|
@@ -209,6 +213,11 @@ export default {
|
|
|
box-sizing: border-box;
|
|
|
padding: 10px 20px;
|
|
|
border-right: 1px solid #dcdcdc;
|
|
|
+ .img {
|
|
|
+ text-decoration: underline;
|
|
|
+ color: #2d8cf0;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|