标签：vue console log pythonflask 交互 jobname newpsnno data jobdesc

vue

<template>
  <div>

    <el-form :inline="true"
             :model="formInline"
             class="demo-form-inline">
      <el-select v-model="formInline.pyaction"
                 placeholder="请选择">
        <el-option v-for="item in mypyaction"
                   :key="item.jobname"
                   :label="item.jobdesc"
                   :value="item.jobname">
        </el-option>
      </el-select>

      <el-form-item label="被合并人psnno">
        <el-input v-model="formInline.oldpsnno"
                  placeholder="被合并人psnno"></el-input>
      </el-form-item>
      <el-form-item label="合并到psnno">
        <el-input v-model="formInline.newpsnno"
                  placeholder="合并到psnno"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary"
                   @click="pysend(formInline)">开始测试</el-button>
      </el-form-item>
    </el-form>

    <ul>
      <li v-for="g in my_value"
          :key="g">{{g}}</li>
    </ul>

  </div>
</template>

<style>
* {
  margin-bottom: 0px;
  margin-top: 0px;
}
.dataxsend {
  background-color: rgb(214, 243, 205);
  font-size: 12px;
}
.dataxget {
  height: 200pt;
  background-color: rgb(224, 217, 240);
}
.dataxbutton {
  margin-left: 100 px;
}
</style>
 

<script>
export default {
  data () {
    return {
      mypyaction: [
        { jobname: 'test', jobdesc: '连接测试' },
        { jobname: 'certno2psnno', jobdesc: '身份证查人' },
        { jobname: 'psnnoquery', jobdesc: 'psnno查人' },
        { jobname: 'hebing', jobdesc: '合并同身份证' },
        { jobname: 'hebingnocheck', jobdesc: '合并不同身份证' },
        { jobname: 'hbrollback', jobdesc: '合并回滚' }],
      formInline: {
        pyaction: '',
        oldpsnno: '',
        newpsnno: ''
      },

      my_value: []
    }
  },
  methods: {
    onSubmit () {
      console.log('submit!')
    }, pysend (data) {
      console.log('pydo called', data.pyaction)
      if (!data.newpsnno || !data.oldpsnno) {
        console.log('无参数')
        this.$message({
          type: 'error',
          message: '无参数'
        })
        return -1
      }
      this.$confirm(
        '此操作将永久操作【' +
        data.oldpsnno +
        '】【' +
        data.newpsnno +
        '】, 是否继续?',
        '提示',
        {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }
      )
        .then(() => {
          if (!data.newpsnno) {
            data.newpsnno = data.oldpsnno
          }

          this.getRequest(
            '/do/' + data.pyaction + '/' + data.oldpsnno + '/' + data.newpsnno
          ).then(resp => {
            if (resp) {
              // console.log(this)
              console.log('pydo succ', resp.data.loginfo)

              this.my_value = resp.data.loginfo
            }
          })
        })
        .catch(err => {
          console.log('pydo err', err)
          this.$message({
            type: 'info',
            message: '已取消删除'
          })
        })
    }

  }
}
</script>

标签：vue,console,log,pythonflask,交互,jobname,newpsnno,data,jobdesc
来源： https://blog.csdn.net/viviliving/article/details/121289843

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。