customer-detail.vue 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <template>
  2. <!-- <el-dialog
  3. title="查看"
  4. width="70%"
  5. :close-on-click-modal="false"
  6. :visible.sync="visible"> -->
  7. <div>
  8. <div class="my-title">查看</div>
  9. <div style="margin-left: 20px;margin-right: 20px">
  10. <e-desc title="基本信息" column="3">
  11. <e-desc-item label="公司名称">{{dataForm.customerName}}</e-desc-item>
  12. <e-desc-item label="客户级别">{{dataForm.levelValue}}</e-desc-item>
  13. <e-desc-item label="所在区域">{{dataForm.regionCode}}</e-desc-item>
  14. <e-desc-item label="详细地址">{{dataForm.address}}</e-desc-item>
  15. <e-desc-item label="邮编">{{dataForm.zipCode}}</e-desc-item>
  16. <e-desc-item label="电话">{{dataForm.tel}}</e-desc-item>
  17. <e-desc-item label="传真">{{dataForm.fax}}</e-desc-item>
  18. <e-desc-item label="网址" span="2">
  19. <a type="primary" :href="dataForm.url" target="_blank">{{ dataForm.url }}</a>
  20. </e-desc-item>
  21. <e-desc-item label="公司简介" span="3">{{dataForm.introduction}}</e-desc-item>
  22. </e-desc>
  23. <e-desc title="业务联系人" column="3">
  24. <e-desc-item label="联系人">{{dataForm.contact}}</e-desc-item>
  25. <e-desc-item label="职位">{{dataForm.contactPosition}}</e-desc-item>
  26. <e-desc-item label="手机号码">{{dataForm.contactTel}}</e-desc-item>
  27. <e-desc-item label="邮箱">{{dataForm.contactEmail}}</e-desc-item>
  28. <e-desc-item label="对接业务员">{{dataForm.bizManagerName}}</e-desc-item>
  29. </e-desc>
  30. <e-desc title="财务信息" column="3">
  31. <e-desc-item label="企业税号">{{dataForm.taxNumber}}</e-desc-item>
  32. <e-desc-item label="发票抬头">{{dataForm.invoiceTitle}}</e-desc-item>
  33. <e-desc-item label="开户银行">{{dataForm.bank}}</e-desc-item>
  34. <e-desc-item label="银行账号">{{dataForm.account}}</e-desc-item>
  35. <e-desc-item label="单位地址">{{dataForm.billingAddr}}</e-desc-item>
  36. </e-desc>
  37. </div>
  38. <span slot="footer" class="dialog-footer">
  39. <el-button @click="onChose">返回</el-button>
  40. </span>
  41. </div>
  42. <!-- </el-dialog> -->
  43. </template>
  44. <script>
  45. import EDesc from '../common/e-desc'
  46. import EDescItem from '../common/e-desc-item'
  47. export default {
  48. name: 'customer-detail',
  49. components: {
  50. EDesc, EDescItem
  51. },
  52. data () {
  53. return {
  54. visible: false,
  55. id: 0,
  56. dataForm: {}
  57. }
  58. },
  59. methods: {
  60. onChose () {
  61. this.$emit('onChose')
  62. },
  63. async init (id) {
  64. this.visible = true
  65. this.id = id || 0
  66. this.dataForm = {}
  67. this.getDetails()
  68. },
  69. getDetails () {
  70. this.$http({
  71. url: this.$http.adornUrl(`/biz-service/cusCustomer/info/${this.id}`),
  72. method: 'get',
  73. params: this.$http.adornParams()
  74. }).then(({data}) => {
  75. if (data && data.code === '200') {
  76. this.dataForm = data.data
  77. }
  78. })
  79. }
  80. }
  81. }
  82. </script>
  83. <style scoped>
  84. .my-line{
  85. border-bottom: 1px solid #c0c4cc;
  86. margin-bottom: 10px;
  87. }
  88. .title{
  89. padding: 10px 0 ;
  90. }
  91. </style>