zhanghua
2023-09-11 f96e393e62b4c7496f7ace44b6aa5abb69ae58df
src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue
@@ -23,12 +23,12 @@
                </el-form-item>
                <!-- 文书发放时间 -->
                <el-form-item label="文书发放时间:" prop="sendTime">
                    <el-date-picker v-model="book.sendTime" type="datetime" placeholder="请选择年月日">
                    <el-date-picker v-model="book.sendTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择年月日">
                    </el-date-picker>
                </el-form-item>
                <!-- 文书限定时间 -->
                <el-form-item label="文书限定时间" prop="limitTime">
                    <el-date-picker v-model="book.limitTime" type="datetime" placeholder="请选择年月日">
                    <el-date-picker v-model="book.limitTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择年月日">
                    </el-date-picker>
                </el-form-item>
                <!-- 文书发放内容 -->
@@ -37,7 +37,7 @@
                </el-form-item>
                <!-- 实际整改时间 -->
                <el-form-item label="实际整改时间:" prop="rectifyTime">
                    <el-date-picker v-model="book.rectifyTime" type="datetime" placeholder="请选择年月日">
                    <el-date-picker v-model="book.rectifyTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择年月日">
                    </el-date-picker>
                </el-form-item>
                <!-- 整改情况 -->
@@ -51,28 +51,28 @@
                <!-- 文书照片上传 -->
                <el-form-item label="文书照片上传:" prop="writPic">
                    <div class="upImg">
                        <MyUpload  @setPictureUrl="writPic" @delPictureUrl="delWritPic"></MyUpload>
                        <MyUpload  @setPictureUrl="writPic" @delPictureUrl="delWritPic" :picture-list="book.writPic"></MyUpload>
                        <div class="tip">{{book.writPic.length}} / 4</div>
                    </div>
                </el-form-item>
                <!-- 整改前照片 -->
                <el-form-item label="整改前照片:" prop="originalPic">
                     <div class="upImg">
                        <MyUpload  @setPictureUrl="originalPic" @delPictureUrl="delOriginalPic"></MyUpload>
                        <MyUpload  @setPictureUrl="originalPic" @delPictureUrl="delOriginalPic" :picture-list="book.originalPic"></MyUpload>
                        <div class="tip">{{book.originalPic.length}} / 4</div>
                    </div>
                </el-form-item>
                <!-- 整改后照片 -->
                <el-form-item label="整改后照片:" prop="rectifiedPic">
                    <div class="upImg">
                        <MyUpload  @setPictureUrl="rectifiedPic" @delPictureUrl="delRectifiedPic"></MyUpload>
                        <MyUpload  @setPictureUrl="rectifiedPic" @delPictureUrl="delRectifiedPic" :picture-list="book.rectifiedPic"></MyUpload>
                        <div class="tip">{{book.rectifiedPic.length}} / 4</div>
                    </div>
                </el-form-item>
                <!-- 其他照片 -->
                <el-form-item label="其他:" prop="otherPic">
                    <div class="upImg">
                        <MyUpload  @setPictureUrl="otherPic" @delPictureUrl="delOtherPic"></MyUpload>
                        <MyUpload  @setPictureUrl="otherPic" @delPictureUrl="delOtherPic" :picture-list="book.otherPic"></MyUpload>
                        <div class="tip">{{book.otherPic.length}} / 4</div>
                    </div>
                </el-form-item>
@@ -81,7 +81,7 @@
    </div>
</template>
<script>
import {getCodeList} from '@/utils/helper'
import {deepClone, getCodeList} from '@/utils/helper'
import MyUpload from "@/components/myUpload"
export default {
    components: {
@@ -249,45 +249,38 @@
        }
    },
    created() {
        const {getBookType} = this
        getBookType();
        const {mycode}=this;
        this.getEventInfo(mycode);
      this.getBookType();
      this.basecase = this.illegalType;
      if (this.writ) {
        this.book = deepClone(this.writ);
        this.book.originalPic = this.writ.originalPic.split(',');
        this.book.writPic = this.writ.writPic.split(',');
        this.book.otherPic = this.writ.otherPic.split(',');
        this.book.rectifiedPic = this.writ.rectifiedPic.split(',');
      }
    },
    props: ['caseId', 'closeDialog','mycode'],
    props: ['caseId', 'closeDialog','mycode', 'writ', 'illegalType'],
    methods: {
        // 获取案件信息
        async getEventInfo(mycode) {
            await this.$axios({
                method: 'get',
                url: `sccg/base_case/baseCaseDetail/${mycode}`
            })
                .then(res => {
                    this.basecase = res.data.baseCase.illegalBuilding.categoryText;
                    this.book.illegalType=res.data.baseCase.illegalBuilding.categoryId;
                })
        },
        handleSuccess1(res, file, filelist) {
            const baseUrl = 'http://140.143.152.226:8410/';
            const baseUrl = '';
            if (this.book.writPic.length < 4) {
                this.book.writPic.push(baseUrl + res.data.url1)
            }
        },
        handleSuccess2(res, file, filelist) {
            const baseUrl = 'http://140.143.152.226:8410/';
            const baseUrl = '';
            if (this.book.originalPic.length < 4) {
                this.book.originalPic.push(baseUrl + res.data.url1)
            }
        },
        handleSuccess3(res, file, filelist) {
            const baseUrl = 'http://140.143.152.226:8410/';
            const baseUrl = '';
            if (this.book.rectifiedPic.length < 4) {
                this.book.rectifiedPic.push(baseUrl + res.data.url1)
            }
        },
        handleSuccess4(res, file, filelist) {
            const baseUrl = 'http://140.143.152.226:8410/';
            const baseUrl = '';
            if (this.book.otherPic.length < 4) {
                this.book.otherPic.push(baseUrl + res.data.url1)
            }
@@ -302,52 +295,52 @@
       
            // 设置上传成功之后的图片地址
            writPic({ url }) {
            const baseUrl = 'http://140.143.152.226:8410/';
            const baseUrl = '';
            if (this.book.originalPic.length < 4) {
                this.book.writPic.push(baseUrl + url)
            }
        },
        //删除图片
        delWritPic({url}){
            const baseUrl = 'http://140.143.152.226:8410/';
            const baseUrl = '';
            this.book.writPic.splice(this.book.writPic.indexOf(baseUrl + url),1);
        },
 // 设置上传成功之后的图片地址
        otherPic({ url }) {
            const baseUrl = 'http://140.143.152.226:8410/';
            const baseUrl = '';
            if (this.book.otherPic.length < 4) {
                this.book.otherPic.push(baseUrl + url)
            }
        },
        //删除图片
        delOtherPic({url}){
            const baseUrl = 'http://140.143.152.226:8410/';
            const baseUrl = '';
            this.book.otherPic.splice(this.book.otherPic.indexOf(baseUrl + url),1);
        },
         
         // 设置上传成功之后的图片地址
         rectifiedPic({ url }) {
            const baseUrl = 'http://140.143.152.226:8410/';
            const baseUrl = '';
            if (this.book.otherPic.length < 4) {
                this.book.rectifiedPic.push(baseUrl + url)
            }
        },
        //删除图片
        delRectifiedPic({url}){
            const baseUrl = 'http://140.143.152.226:8410/';
            const baseUrl = '';
            this.book.rectifiedPic.splice(this.book.rectifiedPic.indexOf(baseUrl + url),1);
        },
         // 设置上传成功之后的图片地址
         originalPic({ url }) {
            const baseUrl = 'http://140.143.152.226:8410/';
            const baseUrl = '';
            if (this.book.otherPic.length < 4) {
                this.book.originalPic.push(baseUrl + url)
            }
        },
        //删除图片
        delOriginalPic({url}){
            const baseUrl = 'http://140.143.152.226:8410/';
            const baseUrl = '';
            this.book.originalPic.splice(this.book.originalPic.indexOf(baseUrl + url),1);
        },
@@ -447,16 +440,16 @@
    }
}
::v-deep .el-textarea__inner {
    background-color: #09152f;
    border: 1px solid #17324c;
}
// ::v-deep .el-textarea__inner {
//     // background-color: #09152f;
//     border: 1px solid #17324c;
// }
::v-deep .el-input__count {
    background-color: #09152f;
}
// ::v-deep .el-input__count {
//     // background-color: #09152f;
// }
::v-deep .el-form-item__label {
    color: #4b9bb7;
}
// ::v-deep .el-form-item__label {
//     color: #4b9bb7;
// }
</style>