修改问题

yang

2022-10-31 cbec633fda4ecf0f77288f25067a8512915b565a

 src/views/padSunmaryProcedure/padFrom.vue

@@ -1,14 +1,13 @@
<template>
<el-main style="width: 100%;margin: 0 auto">
  <el-form ref="form" :model="form" label-width="110px" size="medium">

    <el-form-item label="案由">
    <el-form ref="form" :rules="dataRules" :model="form" label-width="120px" size="medium">
      <el-form-item label="案由" prop="casePoint">
      <el-input v-model="form.casePoint" placeholder="请填写案由"></el-input>
    </el-form-item>

    <el-row>
      <el-col :span="12">
        <el-form-item label="当事人姓名">
          <el-form-item label="当事人姓名" prop="litigant">
          <el-select v-model="form.litigant" placeholder="请选择当事人"
                      style="width: 100%;" @change="marketChange">
            <el-option
@@ -21,7 +20,7 @@
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="法人">
          <el-form-item label="法人" prop="legalPerson">
          <el-input v-model="form.legalPerson" placeholder="请填写法人姓名"></el-input>
        </el-form-item>
      </el-col>
@@ -29,18 +28,18 @@

    <el-row>
      <el-col :span="12">
        <el-form-item label="证件号/信用码">
          <el-form-item label="证件号/信用码" prop="certNo">
          <el-input v-model="form.certNo" placeholder="请填写证件号/信用码" ></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="联系电话">
          <el-form-item label="联系电话" prop="phone">
          <el-input v-model="form.phone" placeholder="请填写当事人电话"></el-input>
        </el-form-item>
      </el-col>
    </el-row>

    <el-form-item label="住址">
      <el-form-item label="住址" prop="address">
      <el-input v-model="form.address" placeholder="请填写当事人住址"></el-input>
    </el-form-item>

@@ -57,6 +56,36 @@
        </el-option>
      </el-select>
    </el-form-item>
      <el-row>
        <el-col :span="12">
          <el-form-item label="所属城镇" prop="city">
            <el-select v-model="form.city" filterable placeholder="请选择所属城镇" style="width: 100%;">
              <el-option
                v-for="item in areaList"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="所属领域" prop="category">
            <el-select v-model="form.category" placeholder="请选择所属领域" style="width: 100%;">
              <el-option
                v-for="item in categoryList"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-form-item label="经纬度" style="display:none;">
        <el-input v-model="form.latitude" placeholder="请填写经纬度"></el-input>
      </el-form-item>
      <el-form-item label="违法地点" prop="place">
        <el-input v-model="form.place" placeholder="请填写违法地点"></el-input>
      </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="onSubmit">立即创建</el-button>
      <el-button @click="backAll">取消</el-button>
@@ -68,9 +97,18 @@
<script>
import {easycase,getMarketList,getIdByToken} from '../../api/News/pad'
import {getfindAll} from "../../api/News/useres";
import {remote} from "@/api/admin/dict"

export default {
  name: "padFrom",
  data(){
    var validatePerson = (rule, value, callback) => {
      if (value.length != 2) {
        callback(new Error('办案人员必须选择两位'));
      } else {
        callback();
      }
    };
    return{
      form:{
        casePoint:'',
@@ -80,23 +118,72 @@
        phone:"",
        address:"",
        hanlderIds:[],
        place: "",
        category: "",
        city: "",
        latitude:"",
      },
      //办案人员数据
      organPersons:[],
      //当事人数据
      marketList:[],
      //所属领域
      categoryList: [],
      // 违法城镇
      areaList: [],
      // 填写验证
      dataRules: {
        casePoint: [
          {required: true, message: "案件文号不能为空", trigger: "blur"},
        ],
        litigant: [
          {required: true, message: "当事人姓名不能为空", trigger: "blur"},
        ],
        legalPerson: [
          {required: true, message: "法定代表人姓名不能为空", trigger: "blur"},
        ],
        certNo: [
          {required: true, message: "当事人证件号码不能为空", trigger: "blur"},
        ],
        address: [
          {required: true, message: "当事人住址不能为空", trigger: "blur"},
        ],
        phone: [
          {required: true, message: "手机号格式不正确", trigger: "blur"},
          {min: 11, message: "手机号格式不正确", trigger: "blur"},
        ],
        hanlderIds: [
          {required: true, message: "办案人员不能为空", trigger: "blur"},
          {validator: validatePerson, trigger: "blue"}
        ],
        category: [
          {required: true, message: "该案件的所属领域不能为空", trigger: ["blur", "change"]},
        ],
        city: [
          {required: true, message: "所属城镇不能为空", trigger: ["blur", "change"]},
        ],
        place: [
          {required: true, message: "违法地址不能为空", trigger: ["blur", "change"]}
        ]
      },
    }
  },
  created() {
    this.init()
  },
  methods:{
    tiaoZhuan() {
      this.$router.push({
        path: '/padWord'
      })
    },
    init(){
      // this.$nextTick(()=>{
      getIdByToken().then(res =>{
        console.log(res,'getIdByToken')
        let a = res.data.data;
        this.form.hanlderIds.push(a)
        let b = parseInt(a)
        this.form.hanlderIds.push(b)
      })
      //查询当事人
      getMarketList().then((res) => {
@@ -106,7 +193,14 @@
        getfindAll().then((res) => {
          this.organPersons = res.data.data;
        })

      //所属领域
      remote('before_dept').then(res => {
        this.categoryList = res.data.data;
      })
      //所属城市
      remote('area_address').then(res => {
        this.areaList = res.data.data;
      })
      // })
    },
    marketChange(item){