detailedData.vue 4.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <template>
  2. <div class="normal-panel">
  3. <div class=" normal-panel normal-margin">
  4. <el-descriptions title="基本信息" border :column="2" labelClassName="my-label" contentClassName="my-content">
  5. <el-descriptions-item label-class-name="my-label" label="客户名称">{{ basic.enterprisename?basic.enterprisename:"--" }}</el-descriptions-item>
  6. <el-descriptions-item label-class-name="my-label" label="客户编号">{{ basic.sa_customersid?basic.sa_customersid:"--" }}</el-descriptions-item>
  7. <el-descriptions-item label-class-name="my-label" label="企业简称">{{ basic.abbreviation?basic.abbreviation:"--"}}</el-descriptions-item>
  8. <el-descriptions-item label-class-name="my-label" label="客户类型">{{ basic.type?basic.type:"--" }}</el-descriptions-item>
  9. <el-descriptions-item label-class-name="my-label" label="客户级别">{{ basic.customergrade?basic.customergrade:"--" }}</el-descriptions-item>
  10. <el-descriptions-item label-class-name="my-label" label="所属行业">{{ basic.industry?basic.industry:"--" }}</el-descriptions-item>
  11. <el-descriptions-item label-class-name="my-label" label="上级企业">{{ basic.superiorenterprisename?basic.superiorenterprisename:"--" }}</el-descriptions-item>
  12. <el-descriptions-item label-class-name="my-label" label="成交状态">{{ basic.tradingstatus?basic.tradingstatus:"--" }}</el-descriptions-item>
  13. <el-descriptions-item label-class-name="my-label" label="成交次数">{{ basic.contact_signnum === 0?0:basic.contact_signnum }}</el-descriptions-item>
  14. <el-descriptions-item label-class-name="my-label" label="合作状态">{{ basic.status?basic.status:"--" }}</el-descriptions-item>
  15. <el-descriptions-item label-class-name="my-label" label="负责人">{{ basic.createby?basic.createby:"--" }}</el-descriptions-item>
  16. <el-descriptions-item label-class-name="my-label" label="来源">{{ basic.source?basic.source:"--" }}</el-descriptions-item>
  17. <el-descriptions-item label-class-name="my-label" label="所属公海">{{ basic.poolname?basic.poolname:"--" }}</el-descriptions-item>
  18. </el-descriptions>
  19. </div>
  20. <div class="normal-panel">
  21. <el-descriptions title="系统信息" border :column="2" labelClassName="my-label" contentClassName="my-content">
  22. <el-descriptions-item label-class-name="my-label" label="创建人">{{ system.createby?system.createby:"--" }}</el-descriptions-item>
  23. <el-descriptions-item label-class-name="my-label" label="创建时间">{{ system.createdate?system.createdate:"--" }}</el-descriptions-item>
  24. <el-descriptions-item label-class-name="my-label" label="最近跟进人">{{ system.followby?system.followby:"--" }}</el-descriptions-item>
  25. <el-descriptions-item label-class-name="my-label" label="最近跟进时间">{{ system.followdate?system.followdate:"--" }}</el-descriptions-item>
  26. <el-descriptions-item label-class-name="my-label" label="成交状态">{{ system.tradingstatus?system.tradingstatus:"--" }}</el-descriptions-item>
  27. <el-descriptions-item label-class-name="my-label" label="锁定状态" v-if="system.datastatus === 0">未锁定</el-descriptions-item>
  28. <el-descriptions-item label-class-name="my-label" label="锁定状态" v-else-if="system.datastatus === 2">已锁定</el-descriptions-item>
  29. <el-descriptions-item label-class-name="my-label" label="退回/回收原因">{{ system.returnreson?system.returnreson:"--" }}</el-descriptions-item>
  30. <el-descriptions-item label-class-name="my-label" label="最近编辑人">{{ system.changeby?system.changeby:"--" }}</el-descriptions-item>
  31. <el-descriptions-item label-class-name="my-label" label="最近编辑时间">{{ system.changedate?system.changedate:"--" }}</el-descriptions-item>
  32. <el-descriptions-item label-class-name="my-label" label="转手次数">{{ system.changecount?system.changecount:"--" }}</el-descriptions-item>
  33. <el-descriptions-item label-class-name="my-label" label="客户资料完善度">{{ system.percentage?system.percentage:"--" }}</el-descriptions-item>
  34. </el-descriptions>
  35. </div>
  36. </div>
  37. </template>
  38. <script>
  39. export default {
  40. name: "detailedData",
  41. props:["data"],
  42. data(){
  43. return {
  44. basic:[],
  45. system:[],
  46. sa_customersid:""
  47. }
  48. },
  49. mounted() {
  50. this.basicData(this.$route.query.id)
  51. this.systemData(this.$route.query.id)
  52. },
  53. methods:{
  54. /*基本信息*/
  55. async basicData(id){
  56. const res = await this.$api.requested({
  57. "id": 20221012164302,
  58. "content": {
  59. "sa_customersid": id
  60. },
  61. })
  62. this.basic = res.data
  63. },
  64. /*系统信息*/
  65. async systemData(id){
  66. const res = await this.$api.requested({
  67. "id": 20221019091602,
  68. "content": {
  69. "sa_customersid": id
  70. },
  71. })
  72. this.system = res.data
  73. },
  74. }
  75. }
  76. </script>
  77. <style>
  78. </style>
  79. <style scoped>
  80. .my-label {
  81. }
  82. </style>