峰峰执法平台简易案件程序板块 pad端
yang
2022-10-28 105e36dfd740d96c916d0065c37217aa69e2184c
src/views/padSunmaryProcedure/padFrom.vue
@@ -1,15 +1,49 @@
<template>
<el-main style="width: 60vw;margin: 0 auto">
  <el-form ref="form" :model="form" label-width="85px" size="medium">
<el-main style="width: 100%;margin: 0 auto">
  <el-form ref="form" :model="form" label-width="110px" size="medium">
    <el-form-item label="案由">
      <el-input v-model="form.casePoint" placeholder="请填写案由"></el-input>
    </el-form-item>
    <el-form-item label="当事人姓名">
      <el-input v-model="form.litigant" placeholder="请填写当事人姓名" ></el-input>
    <el-row>
      <el-col :span="12">
        <el-form-item label="当事人姓名">
          <el-select v-model="form.litigant" placeholder="请选择当事人"
                      style="width: 100%;" @change="marketChange">
            <el-option
              v-for="item in marketList"
              :key="item.subjectName"
              :label="item.subjectName"
              :value="item">
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="法人">
          <el-input v-model="form.legalPerson" placeholder="请填写法人姓名"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="12">
        <el-form-item label="证件号/信用码">
          <el-input v-model="form.certNo" placeholder="请填写证件号/信用码" ></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="联系电话">
          <el-input v-model="form.phone" placeholder="请填写当事人电话"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
    <el-form-item label="住址">
      <el-input v-model="form.address" placeholder="请填写当事人住址"></el-input>
    </el-form-item>
    <el-form-item label="联系电话">
      <el-input v-model="form.phone" placeholder="请填写当事人电话"></el-input>
    </el-form-item>
    <el-form-item label="办案人员" prop="hanlderIds">
      <el-select v-model="form.hanlderIds" clearable filterable multiple :multiple-limit="2"
                 placeholder="请选择" style="width: 100%;" @change="setPersonname($event)">
@@ -32,7 +66,7 @@
</template>
<script>
import {easycase,marketb} from '../../api/News/pad'
import {easycase,getMarketList,getIdByToken} from '../../api/News/pad'
import {getfindAll} from "../../api/News/useres";
export default {
  name: "padFrom",
@@ -41,10 +75,16 @@
      form:{
        casePoint:'',
        litigant:"",
        legalPerson:"",
        certNo:"",
        phone:"",
        hanlderIds:"",
        address:"",
        hanlderIds:[],
      },
      organPersons:[]
      //办案人员数据
      organPersons:[],
      //当事人数据
      marketList:[],
    }
  },
  created() {
@@ -53,13 +93,51 @@
  methods:{
    init(){
      // this.$nextTick(()=>{
        //查询当事人信息
      getIdByToken().then(res =>{
        console.log(res,'getIdByToken')
        let a = res.data.data;
        this.form.hanlderIds.push(a)
      })
      //查询当事人
      getMarketList().then((res) => {
        this.marketList = res.data.data;
      })
        //查询办案人员信息
        getfindAll().then((res) => {
          this.organPersons = res.data.data;
        })
      // })
    },
    marketb(){},
    marketChange(item){
      this.form.litigant = "";
      this.form.legalPerson = "";
      this.form.litigantCert = "";
      this.form.certNo = "";
      this.form.address = "";
      this.form.phone = "";
      this.form.litigantId = item.id;
      if ("经营者" == item.subjectType || "个体工商户" == item.subjectType) {
        this.form.litigant = item.subjectName;
        this.form.legalPerson = item.legalPerson;
        this.form.litigantCert = "营业执照";
        this.form.certNo = item.idCard;
        this.form.address = item.address;
        this.form.phone = item.phone;
      } else if ("公民" == item.subjectType) {
        this.form.litigant = item.subjectName;
        this.form.litigantCert = "居民身份证";
        this.form.certNo = item.idCard;
        this.form.address = item.address;
        this.form.phone = item.phone;
      } else if ("其他组织" == item.subjectType) {
        this.form.litigant = item.subjectName;
        this.form.legalPerson = item.legalPerson;
        this.form.certNo = item.idCard;
        this.form.address = item.address;
        this.form.phone = item.phone;
      }
    },
    backAll(){
      this.$router.push({
        path: '/pad',
@@ -77,6 +155,7 @@
      }
    },
    onSubmit(){
      console.log(this.form.hanlderIds,'this.form.hanlderIds')
      this.form.hanlderIds=this.form.hanlderIds.toString()
      if (this.form.hanlderIds.length < 1) {
        this.form.hanlders = '';