已上报到市批量操作按钮隐藏

fangyuan

2022-12-16 9ff66017debadfc89bc0c1b796684a4d1dbe2bc3

 src/components/scene/index.vue

@@ -3,9 +3,9 @@
        <div class="nav">
            <div class="nav-item" v-for="o in list" :key="o.index" @click="changeActive(o.index)">
                <div class="outer">
                    <div :class="['inner',active === o.index ? 'inner-active' : '']"></div>
                    <div :class="['inner', active === o.index ? 'inner-active' : '']"></div>
                </div>
                <div class="innet-title">{{o.label}}</div>
                <div class="innet-title">{{ o.label }}</div>
            </div>
        </div>
        <div class="scene-item" v-if="active === 1">
@@ -23,8 +23,11 @@
                    <el-input disabled v-model="arrivalSituation.replyExplain"></el-input>
                </el-form-item>
                <el-form-item label="现场情况照片:">
                    <img class="img" :src="arrivalSituation.situationPic" alt="" v-if="arrivalSituation.situationPic">
                    <!-- <el-input disabled v-model=""></el-input> -->
                    <div class="flex">
                        <template v-for="item in arrivalSituation.situationPic">
                            <img class="img" :src="item" alt="" v-if="investigation.pic">
                        </template>
                    </div>
                </el-form-item>
            </el-form>
        </div>
@@ -47,19 +50,23 @@
                <el-form-item label="案由:">
                    <el-input disabled v-model="investigation.caseAction"></el-input>
                </el-form-item>
                <el-form-item label="当事人信息:">
                    <el-input disabled v-model="investigation.type"></el-input>
                </el-form-item>
                <el-form-item label="情况描述:">
                <el-form-item label="处置结果:">
                    <el-input disabled v-model="investigation.description"></el-input>
                </el-form-item>
                <el-form-item label="照片附件:">
                    <img class="img" :src="investigation.pic" alt="" v-if="investigation.pic">
                    <div class="flex">
                        <template v-for="item in investigation.pic">
                            <img class="img" :src="item" alt="" v-if="investigation.pic">
                        </template>
                    </div>
                    <!-- <el-input disabled v-model="investigation.pic"></el-input> -->
                </el-form-item>
                <el-form-item label="类型:">
                    <el-input disabled v-model="mybaseCase.categoryText"></el-input>
                </el-form-item>
                <div class="inves-item">
                    当事人信息
                </div>
                    <el-form-item label="类型:">
                        <el-input type="textarea" :rows="5" disabled v-model="type"></el-input>
                    </el-form-item>
                <div class="inves-item">
                    <el-form-item label="当事人姓名:">
                        <el-input disabled v-model="partyInfo.name"></el-input>
@@ -102,12 +109,11 @@
                    <el-input disabled v-model="partyInfo.registerAddress"></el-input>
                </el-form-item>
            </el-form>
            <el-button>返回</el-button>
        </div>
        <div class="scene-item" v-if="active === 3">
            <el-form ref="writ" label-position="right" label-width="120px" :model="writ">
                <el-form-item label="类型:">
                    <el-input disabled v-model="writ.name"></el-input>
                    <el-input type="textarea" :rows="5" disabled v-model="type"></el-input>
                </el-form-item>
            </el-form>
        </div>
@@ -136,27 +142,30 @@
            arrivalSituation: {},
            investigation: {},
            writ: {},
            partyInfo: {}
            partyInfo: {},
            type: null
        }
    },
    props: ['currentSitVo', 'baseCase'],
    created() {
        const { currentSitVo: { arrivalSituation: mylist, investigation: invesList }, baseCase } = this;
        if (invesList) {
            const { partyInfo } = invesList;
            if (invesList) {
                this.investigation = invesList;
            }
            if (partyInfo) {
                this.partyInfo = partyInfo;
                this.investigation.pic = invesList.pic?.split(",");
                this.partyInfo = invesList.partyInfo;
            }
        }
        if (mylist) {
            this.arrivalSituation = mylist;
            this.arrivalSituation.situationPic = mylist.situationPic.split(",")
        }
        this.mybaseCase = baseCase;
        console.log(baseCase);
        console.log(this.currentSitVo);
        if (baseCase.violationsVO) {
          this.type = baseCase.violationsVO.typeText;
        } else {
          this.type = baseCase.illegalBuilding.categoryText;
        }
    },
    methods: {
        changeActive(idx) {
@@ -207,17 +216,24 @@
    }

    .scene-item {
        padding: 20px 100px;
        padding: 20px 0px;

        ::v-deep .el-input__inner {
            background-color: #09152f;
            border: 1px solid #17324c;
        }
    }
    .img{

    .img {
        width: 60px;
        height:60px;
        height: 60px;
        margin-left: 5px;
    }

    .flex {
        display: flex;
    }

    .inves-item {
        display: flex;
    }