fix:客户信息更新

 <template>
-  <div>
+  <div class="iframe-wrapper">
     <h2>客户端</h2>
+    <el-form size="mini" :model="orderInfo" style="width:200px">
+      <el-form-item label="申请人姓名">
+        <el-input v-model="orderInfo.appUserName"></el-input>
+      </el-form-item>
+      <el-form-item label="申请人手机号">
+        <el-input v-model="orderInfo.appUserPhone"></el-input>
+      </el-form-item>
+      <el-form-item label="订单号">
+        <el-input v-model="orderInfo.orderId"></el-input>
+      </el-form-item>
+      <el-form-item label="业务员工号">
+        <el-input v-model="orderInfo.webUserName"></el-input>
+      </el-form-item>
+    </el-form>
     <p>
       <el-button type="primary" @click="open">呼叫</el-button>
       <el-button type="primary" @click="cancelCall">取消呼叫</el-button>
@@ -13,10 +27,6 @@
       frameborder="2"
       allow="microphone;camera;midi;encrypted-media;fullscreen;"
     ></iframe>
-    <p>callback:{{ message }}</p>
-    <p>这还少恩位置</p>
-    <p>这还少恩位置</p>
-    <p>这还少恩位置</p>
   </div>
 </template>
 
@@ -36,8 +46,12 @@ export default {
         toolbar=1,
         fullscreen=1
         `,
-      message: '',
-      windowRef: ''
+      orderInfo: {
+        appUserName: '123',
+        appUserPhone: '16621043587',
+        orderId: '123213',
+        webUserName: 'lz'
+      }
     }
   },
   beforeMount() {
@@ -54,14 +68,15 @@ export default {
       })
     },
     sendMessage() {
+      const { appUserName, appUserPhone, orderId, webUserName } = this.orderInfo
       this.$refs.srtcIframe.contentWindow.postMessage(
         {
           type: 'startCall',
           data: {
-            appUserName: '123',
-            appUserPhone: '16621043587',
-            orderId: '123213',
-            webUserName: 'lz'
+            appUserName,
+            appUserPhone,
+            orderId,
+            webUserName
           }
         },
         this.baseUrl
@@ -104,6 +119,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.iframe-wrapper {
+  text-align: left;
+  padding: 40px;
+}
 iframe {
   width: 500px;
   height: 600px;

@@ -4,12 +4,8 @@
       <Card class="info">
         <h4 class="mb10">客户信息</h4>
         <div class="item">姓名：{{ custInfoCopy.custName }}</div>
-        <div class="item">
-          性别：{{ custInfoCopy.custGender - 0 === 0 ? '女' : '男' }}
-        </div>
-        <div class="item">
-          证件类型：{{ custInfoCopy.custIdType - 0 === 1 ? '身份证' : '其他' }}
-        </div>
+        <div class="item">性别：{{ sexCom }}</div>
+        <div class="item">证件类型：{{ custIdTypeCom }}</div>
         <div class="item">证件号：{{ custInfoCopy.custIdNo }}</div>
         <div class="item">微信昵称：{{ custInfoCopy.custWxName }}</div>
         <div class="item">
@@ -75,6 +71,22 @@ export default {
   beforeMount() {
     this.handleGetResourceDetail()
   },
+  computed: {
+    sexCom() {
+      if (this.custInfoCopy.custGender === '') {
+        return ''
+      } else {
+        return Number(this.custInfoCopy.custGender) === 0 ? '女' : '男'
+      }
+    },
+    custIdTypeCom() {
+      if (this.custInfoCopy.custIdType === '') {
+        return ''
+      } else {
+        return Number(this.custInfoCopy.custIdType) === 0 ? '身份证' : '其他'
+      }
+    }
+  },
   methods: {
     transCustStatus(status) {
       const numStatus = status - 0