遂昌综合执法平台UI
blame | 历史 | 补丁 | 提交 | 提交对比 | show whitespace
zhanghua
2024-03-31 2abaf1a68cc38303724d7aa74d2d3ed81af6466f 
 src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/book/index.vue


@@ -2,19 +2,35 @@


    <div class="book">


        <div class="book-title">文种书类</div>


        <div class="book-form">


            <el-form ref="bookForm" label-width="120px" :model="book" :rules="bookRules" autoComplete="on">


            <el-form


                ref="bookForm"


                label-width="120px"


                :model="book"


                :rules="bookRules"


                autoComplete="on"


            >


                <div class="book-item">


                    <!-- 文书种类 -->


                    <el-form-item label="文书种类:" prop="writType">


                        <el-select v-model="book.writType" placeholder="请输入文书种类">


                            <el-option v-for="item in kindList" :key="item.id" :label="item.name"


                                :value="item.id">


                        <el-select


                            v-model="book.writType"


                            placeholder="请输入文书种类"


                        >


                            <el-option


                                v-for="item in kindList"


                                :key="item.id"


                                :label="item.name"


                                :value="item.id"


                            >


                            </el-option>


                        </el-select>


                    </el-form-item>


                    <!-- 文书编号 -->


                    <el-form-item label="文书编号:" prop="writCode">


                        <el-input v-model="book.writCode" placeholder="请输入文书编号"></el-input>


                        <el-input


                            v-model="book.writCode"


                            placeholder="请输入文书编号"


                        ></el-input>


                    </el-form-item>


                </div>


                <!-- 违法类型 -->


@@ -23,56 +39,98 @@


                </el-form-item>


                <!-- 文书发放时间 -->


                <el-form-item label="文书发放时间:" prop="sendTime">


                    <el-date-picker v-model="book.sendTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" 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" value-format="yyyy-MM-dd HH:mm:ss" 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>


                <!-- 文书发放内容 -->


                <el-form-item label="文书发放内容:" prop="sendContent">


                    <el-input v-model="book.sendContent" placeholder="请输入文书发放内容"></el-input>


                    <el-input


                        v-model="book.sendContent"


                        placeholder="请输入文书发放内容"


                    ></el-input>


                </el-form-item>


                <!-- 实际整改时间 -->


                <el-form-item label="实际整改时间:" prop="rectifyTime">


                    <el-date-picker v-model="book.rectifyTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" 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>


                <!-- 整改情况 -->


                <el-form-item label="整改情况:" prop="rectifySituation">


                    <el-input v-model="book.rectifySituation" placeholder="请输入整改情况"></el-input>


                    <el-input


                        v-model="book.rectifySituation"


                        placeholder="请输入整改情况"


                    ></el-input>


                </el-form-item>


                <!-- 备注 -->


                <el-form-item label="备注:" prop="remark">


                    <el-input v-model="book.remark" placeholder="请输入备注"></el-input>


                    <el-input


                        v-model="book.remark"


                        placeholder="请输入备注"


                    ></el-input>


                </el-form-item>


                <!-- 文书照片上传 -->


                <el-form-item label="文书照片上传:" prop="writPic">


                    <div class="upImg">


                        <MyUpload  @setPictureUrl="writPic" @delPictureUrl="delWritPic" :picture-list="book.writPic"></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" :picture-list="book.originalPic"></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" :picture-list="book.rectifiedPic"></MyUpload>


                        <div class="tip">{{book.rectifiedPic.length}} / 4</div>


                        <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" :picture-list="book.otherPic"></MyUpload>


                        <MyUpload


                            @setPictureUrl="otherPic"


                            @delPictureUrl="delOtherPic"


                            :picture-list="book.otherPic"


                        ></MyUpload>


                        <div class="tip">{{book.otherPic.length}} / 4</div>


                    </div>


                </el-form-item>


@@ -83,7 +141,7 @@


<script>


import {deepClone, getCodeList} from '@/utils/helper'


import MyUpload from "@/components/myUpload"


import { FILE_ORIGINAL_URL } from "@/utils";


import { FILE_ORIGINAL_PATH } from "@/utils";


export default {


    components: {


        MyUpload


@@ -299,8 +357,7 @@


            const baseUrl = '';


            if (this.book.originalPic.length < 4) {


                


                url = url.replace("http://111.1.140.92:28081/sccg/API/img?fileUrl=","")


                this.book.writPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`)


                this.book.writPic.push(FILE_ORIGINAL_PATH + url)


            }


        },


        //删除图片


@@ -314,8 +371,7 @@


            const baseUrl = '';


            if (this.book.otherPic.length < 4) {


                


                url = url.replace("http://111.1.140.92:28081/sccg/API/img?fileUrl=","")


                this.book.otherPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`)


                this.book.otherPic.push(FILE_ORIGINAL_PATH + url)


            }


        },


        //删除图片


@@ -329,8 +385,7 @@


            const baseUrl = '';


            if (this.book.otherPic.length < 4) {


                


                url = url.replace("http://111.1.140.92:28081/sccg/API/img?fileUrl=","")


                this.book.rectifiedPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`)


                this.book.rectifiedPic.push(FILE_ORIGINAL_PATH + url)


            }


        },


        //删除图片


@@ -343,8 +398,7 @@


            const baseUrl = '';


            if (this.book.otherPic.length < 4) {


                


                url = url.replace("http://111.1.140.92:28081/sccg/API/img?fileUrl=","")


                this.book.originalPic.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${url}`)


                this.book.originalPic.push(FILE_ORIGINAL_PATH + url)


            }


        },


        //删除图片