[1078] 增加电话回拨

web/src/views/jtDevice/dialog/telephoneCallback.vue

@@ -0,0 +1,87 @@
+<template>
+  <div id="configInfo">
+    <el-dialog
+      v-el-drag-dialog
+      title="电话回拨"
+      width="=80%"
+      top="2rem"
+      :close-on-click-modal="false"
+      :visible.sync="showDialog"
+      :destroy-on-close="true"
+      @close="close()"
+    >
+      <div>
+        <el-form >
+          <el-form-item label="标志">
+            <el-radio-group v-model="form.sign">
+              <el-radio :label="0">普通通话</el-radio>
+              <el-radio :label="1">监听</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="回拨电话号码">
+            <el-input type="input" v-model="form.destPhoneNumber" ></el-input>
+          </el-form-item>
+          <el-form-item style="text-align: right">
+            <el-button type="primary" @click="onSubmit">回拨</el-button>
+            <el-button @click="close" >取消</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+
+import elDragDialog from '@/directive/el-drag-dialog'
+
+export default {
+  name: 'ConfigInfo',
+  directives: { elDragDialog },
+  props: {},
+  data() {
+    return {
+      showDialog: false,
+      form: {
+        phoneNumber: null,
+        sign: 0, // 标志: 0:普通通话,1:监听
+        destPhoneNumber: null // 回拨电话号码
+      }
+    }
+  },
+  computed: {},
+  created() {},
+  methods: {
+    openDialog: function(data) {
+
+      this.showDialog = true
+      this.form = {
+        phoneNumber: null,
+          sign: {
+          type: 3, // 1紧急,2服务,3通知
+            terminalDisplay: true, // 1终端显示器显示
+            tts: true, // 从选区创建新的临时文件
+            adScreen: true, // 广告屏显示
+            source: false // false: 中心导航信息 true CAN故障码信息
+        },
+        textType: 1, // 文本类型,1 = 通知 ，2 = 服务
+          content: '' // 消息内容，最长为1024字节
+      }
+      this.form.phoneNumber = data.phoneNumber
+    },
+    close: function() {
+      this.showDialog = false
+    },
+    onSubmit: function() {
+      this.$store.dispatch('jtDevice/telephoneCallback', this.form)
+        .then(data => {
+          this.$message.success({
+            showClose: true,
+            message: '发送成功'
+          })
+          this.close()
+        })
+    }
+  }
+}
+</script>

web/src/views/jtDevice/dialog/textMsg.vue

@@ -110,7 +110,7 @@ export default {
             showClose: true,
             message: '发送成功'
           })
-          // this.close()
+          this.close()
         })
     }
   }

web/src/views/jtDevice/list.vue

@@ -149,6 +149,7 @@
     <attribute ref="attribute" />
     <position ref="position" />
     <textMsg ref="textMsg" />
+    <telephoneCallback ref="telephoneCallback" />
   </div>
 </template>
 
@@ -158,11 +159,12 @@ import configInfo from '../dialog/configInfo.vue'
 import attribute from './dialog/attribute.vue'
 import position from './dialog/position.vue'
 import textMsg from './dialog/textMsg.vue'
+import telephoneCallback from './dialog/telephoneCallback.vue'
 
 export default {
   name: 'App',
   components: {
-    deviceEdit, configInfo, attribute, position, textMsg
+    deviceEdit, configInfo, attribute, position, textMsg, telephoneCallback
   },
   data() {
     return {
@@ -271,6 +273,8 @@ export default {
          this.queryPosition(itemData)
       } else if (command === 'textMsg') {
          this.sendTextMsg(itemData)
+      } else if (command === 'telephoneCallback') {
+         this.telephoneCallback(itemData)
       } else {
         this.$message.info('尚不支持')
       }
@@ -297,6 +301,9 @@ export default {
     sendTextMsg: function(itemData) {
       this.$refs.textMsg.openDialog(itemData)
     },
+    telephoneCallback: function(itemData) {
+      this.$refs.telephoneCallback.openDialog(itemData)
+    },
     linkDetection: function(itemData) {
       this.$store.dispatch('jtDevice/linkDetection', itemData.phoneNumber)
         .then((data) => {