“dzb”
2022-10-17 0d7d6fc9a5c40ccc90190b0f24039ec1362f120f
src/views/operate/disposal/casepool/pool/createUser/vio/index.vue
@@ -45,10 +45,9 @@
                        </el-form-item>
                    </div>
                    <!-- 案由 -->
                    <el-form-item class="optionItem" label="案由:" prop="actionCause">
                        <el-select v-model="vio.actionCause" placeholder="请输入案由">
                                <el-option v-for="item in anYouList" :key="item.id" :label="item.name"
                                    :value="item.id" >
                    <el-form-item class="optionItem anyou" label="案由:" prop="actionCause">
                        <el-select v-model="vio.actionCause" placeholder="请输入案由" filterable @blur="selectBlur">
                            <el-option v-for="item in anYouList" :key="item.id" :label="item.name" :value="item.name" >
                                </el-option>
                            </el-select>
                        <!-- <el-input v-model="vio.actionCause" placeholder="请输入案由"></el-input> -->
@@ -141,7 +140,8 @@
</template>
<script>
import MyMap from '@/components/map'
import { validateName, validatePhone, validateCarNum } from '@/utils/validate'
import { validateName, validatePhone, validateCarNum, validateCardId } from '@/utils/validate'
import {getTypeList} from '@/utils/helper'
export default {
    components: {
        MyMap
@@ -230,7 +230,7 @@
        }
        const checkCardId = (rule, value, callback) => {
            if (value) {
                callback();
                validateCardId(value) ? callback() : callback(new Error('请输入正确的身份证号码'))
            } else {
                callback()
            }
@@ -433,14 +433,8 @@
            return arr
        },
        // 获取案件等级列表
        getEventLevel() {
            this.$axios({
                method: 'get',
                url: 'sccg/violations/query/event_type'
            })
                .then(res => {
                    this.eventLevelList = res.data;
                })
        async getEventLevel() {
            this.eventLevelList = await getTypeList(1,'02');
        },
        // 查询所属案由
        async getAnYouList() {
@@ -491,19 +485,14 @@
            this.$emit('changeDialog', { flag: false })
        },
        // 获取街道信息
        getStreetList() {
            this.$axios({
                method: 'get',
                url: 'sccg/dict/query_Street_type'
            })
                .then(res => {
                    this.streetList = res.data;
                })
        async getStreetList() {
            this.streetList = await getTypeList(1,'10');
        },
        // 街道更改
        handleStreet(id) {
            console.log(id);
            this.vio.communityId = '';
            // this.communityList = getTypeList(1,'11')
            this.$axios({
                method: 'get',
                url: 'sccg/dict/query_social_type?id=' + id
@@ -526,6 +515,13 @@
        handleSmallKindChange(id){
            this.vio.actionCause = '';
            this.setAnYouList(id);
        },
        // 案由输入
        selectBlur(e){
            if(e.target.value){
                this.vio.actionCause = e.target.value;
                console.log(e.target.value);
            }
        } 
    },
    props: ['mytype', 'changeDialog', 'refresh']
@@ -586,53 +582,9 @@
    .map-area {
        flex: 1;
    }
    .not-need {
        color: #4b9bb7;
        .not-need__header {
            line-height: 40px;
        }
        .my-sp-item {
            display: flex;
            .not-item-left,
            .not-item-right {
                display: flex;
                .el-input {
                    flex: 1;
                }
            }
        }
        .not-need-item {
            line-height: 40px;
            margin-bottom: 22px;
            display: flex;
            label {
                width: 100px;
                padding-right: 12px;
                text-align: right;
            }
            .el-input {
                flex: 1;
            }
            .not-need__inner {
                flex: 1;
                line-height: 40px;
                padding: 0 15px;
                border-radius: 4px;
                color: #fff;
                // outline: #409eff solid 1px;
                outline: none;
                background-color: #09152f;
                border: 1px solid #17324c;
            }
    .anyou{
        :deep(.el-select){
            display: block;
        }
    }