| | |
| | | <!-- 文书种类 --> |
| | | <el-form-item label="文书种类:" prop="writType"> |
| | | <el-select v-model="book.writType" placeholder="请输入文书种类"> |
| | | <el-option v-for="item in kindList" :key="item.value" :label="item.label" |
| | | :value="item.value"> |
| | | <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> |
| | | </div> |
| | | <!-- 违法类型 --> |
| | | <el-form-item label="违法类型:" prop="illegalType" placeholder="请输入违法类型"> |
| | | <el-input v-model="book.illegalType" placeholder="请输入违法类型"></el-input> |
| | | <el-form-item label="违法类型:" prop="illegalType" > |
| | | <el-input v-model="basecase" ></el-input> |
| | | </el-form-item> |
| | | <!-- 文书发放时间 --> |
| | | <el-form-item label="文书发放时间:" prop="sendTime"> |
| | |
| | | <!-- 文书照片上传 --> |
| | | <el-form-item label="文书照片上传:" prop="writPic"> |
| | | <div class="upImg"> |
| | | <div class="img-list" v-if="book.writPic.length!==0"> |
| | | <!-- <div class="img-list" v-if="book.writPic.length!==0"> |
| | | <div class="img" v-for="(item,index) in book.writPic" :key="index"> |
| | | <img :src="item" alt=""> |
| | | <i class="el-icon-close myicon" @click="handleRemove(index,1)"></i> |
| | |
| | | </div> |
| | | <div class="upload" v-if="book.writPic.length<4"> |
| | | <el-upload :file-list="fileList" class="upload-demo" |
| | | action="http://42.193.1.25:8082/sccg/file/medias" multiple :show-file-list="false" |
| | | action="/sccg/file/medias" multiple :show-file-list="false" |
| | | :limit="4" :on-success="handleSuccess1" :headers="getToken()"> |
| | | <i class="el-icon-plus"></i> |
| | | </el-upload> |
| | | </div> |
| | | </div> --> |
| | | <MyUpload @setPictureUrl="writPic" @delPictureUrl="delWritPic"></MyUpload> |
| | | <div class="tip">{{book.writPic.length}} / 4</div> |
| | | </div> |
| | | </el-form-item> |
| | | <!-- 整改前照片 --> |
| | | <el-form-item label="整改前照片:" prop="originalPic"> |
| | | <div class="upImg"> |
| | | <div class="img-list" v-if="book.originalPic.length!==0"> |
| | | <div class="upImg"> |
| | | <!-- <div class="img-list" v-if="book.originalPic.length!==0"> |
| | | <div class="img" v-for="(item,index) in book.originalPic" :key="index"> |
| | | <img :src="item" alt=""> |
| | | <i class="el-icon-close myicon" @click="handleRemove(index,2)"></i> |
| | |
| | | </div> |
| | | <div class="upload" v-if="book.originalPic.length<4"> |
| | | <el-upload :file-list="fileList" class="upload-demo" |
| | | action="http://42.193.1.25:8082/sccg/file/medias" multiple :show-file-list="false" |
| | | action="/sccg/file/medias" multiple :show-file-list="false" |
| | | :limit="4" :on-success="handleSuccess2" :headers="getToken()"> |
| | | <i class="el-icon-plus"></i> |
| | | </el-upload> |
| | | </div> |
| | | </div> --> |
| | | <MyUpload @setPictureUrl="originalPic" @delPictureUrl="delOriginalPic"></MyUpload> |
| | | <div class="tip">{{book.originalPic.length}} / 4</div> |
| | | </div> |
| | | </el-form-item> |
| | | <!-- 整改后照片 --> |
| | | <el-form-item label="整改后照片:" prop="rectifiedPic"> |
| | | <div class="upImg"> |
| | | <div class="img-list" v-if="book.rectifiedPic.length!==0"> |
| | | <!-- <div class="img-list" v-if="book.rectifiedPic.length!==0"> |
| | | <div class="img" v-for="(item,index) in book.rectifiedPic" :key="index"> |
| | | <img :src="item" alt=""> |
| | | <i class="el-icon-close myicon" @click="handleRemove(index,3)"></i> |
| | | </div> |
| | | </div> |
| | | <div class="upload" v-if="book.rectifiedPic.length<4"> |
| | | </div> --> |
| | | <!-- <div class="upload" v-if="book.rectifiedPic.length<4"> |
| | | <el-upload :file-list="fileList" class="upload-demo" |
| | | action="http://42.193.1.25:8082/sccg/file/medias" multiple :show-file-list="false" |
| | | action="/sccg/file/medias" multiple :show-file-list="false" |
| | | :limit="4" :on-success="handleSuccess3" :headers="getToken()"> |
| | | <i class="el-icon-plus"></i> |
| | | </el-upload> |
| | | </div> |
| | | </div> --> |
| | | <MyUpload @setPictureUrl="rectifiedPic" @delPictureUrl="delRectifiedPic"></MyUpload> |
| | | <div class="tip">{{book.rectifiedPic.length}} / 4</div> |
| | | </div> |
| | | </el-form-item> |
| | | <!-- 其他照片 --> |
| | | <el-form-item label="其他:" prop="otherPic"> |
| | | <div class="upImg"> |
| | | <div class="img-list" v-if="book.otherPic.length!==0"> |
| | | <div class="img" v-for="(item,index) in book.otherPic" :key="index"> |
| | | <!-- <div class="img-list" v-if="book.otherPic.length!==0"> --> |
| | | <!-- <div class="img" v-for="(item,index) in book.otherPic" :key="index"> |
| | | <img :src="item" alt=""> |
| | | <i class="el-icon-close myicon" @click="handleRemove(index,4)"></i> |
| | | </div> |
| | | </div> |
| | | <div class="upload" v-if="book.otherPic.length<4"> |
| | | <el-upload :file-list="fileList" class="upload-demo" |
| | | action="http://42.193.1.25:8082/sccg/file/medias" multiple :show-file-list="false" |
| | | action="/sccg/file/medias" multiple :show-file-list="false" |
| | | :limit="4" :on-success="handleSuccess4" :headers="getToken()"> |
| | | <i class="el-icon-plus"></i> |
| | | </el-upload> |
| | | </div> |
| | | </div> --> |
| | | <MyUpload @setPictureUrl="otherPic" @delPictureUrl="delOtherPic"></MyUpload> |
| | | <div class="tip">{{book.otherPic.length}} / 4</div> |
| | | </div> |
| | | </el-form-item> |
| | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import {getCodeList} from '@/utils/helper' |
| | | import MyUpload from "@/components/myUpload" |
| | | export default { |
| | | components: { |
| | | MyUpload |
| | | }, |
| | | data() { |
| | | const checkKind = (rule, value, callback) => { |
| | | if (value) { |
| | |
| | | trigger: 'blur', validator: checkId |
| | | } |
| | | ], |
| | | illegalType: [ |
| | | { |
| | | trigger: 'blur', validator: checkVio |
| | | } |
| | | ], |
| | | // illegalType: [ |
| | | // { |
| | | // trigger: 'blur', validator: checkVio |
| | | // } |
| | | // ], |
| | | sendTime: [ |
| | | { |
| | | trigger: 'blur', validator: checkGiveTime |
| | |
| | | label: '书籍2', |
| | | value: 2, |
| | | }, |
| | | ] |
| | | ], |
| | | basecase:"" |
| | | } |
| | | }, |
| | | created() { |
| | | console.log(this.book.writPic) |
| | | const {getBookType} = this |
| | | getBookType(); |
| | | const {mycode}=this; |
| | | console.log(121,mycode) |
| | | this.getEventInfo(mycode) |
| | | }, |
| | | props: ['caseId', 'closeDialog'], |
| | | props: ['caseId', 'closeDialog','mycode'], |
| | | 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/'; |
| | | console.log(res); |
| | | // this.$set(this.book, 'writPic', baseUrl + res.data.url1); |
| | | // console.log(this.book.writPic); |
| | | 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/'; |
| | | console.log(res); |
| | | 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/'; |
| | | console.log(res); |
| | | 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/'; |
| | | console.log(res); |
| | | if (this.book.otherPic.length < 4) { |
| | | this.book.otherPic.push(baseUrl + res.data.url1) |
| | | } |
| | |
| | | return { Authorization: tokenHead + token } |
| | | } |
| | | }, |
| | | // 删除图片 |
| | | handleRemove(index, flag) { |
| | | if (flag === 1) { |
| | | this.book.writPic.splice(index, 1); |
| | | } else if (flag === 2) { |
| | | this.book.originalPic.splice(index, 1); |
| | | } else if (flag === 3) { |
| | | this.book.rectifiedPic.splice(index, 1); |
| | | } else { |
| | | this.book.otherPic.splice(index, 1); |
| | | |
| | | // 设置上传成功之后的图片地址 |
| | | writPic({ url }) { |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | if (this.book.originalPic.length < 4) { |
| | | this.book.writPic.push(baseUrl + url) |
| | | } |
| | | console.log(url); |
| | | }, |
| | | //删除图片 |
| | | delWritPic({url}){ |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | console.log(url); |
| | | this.book.writPic.splice(this.book.writPic.indexOf(baseUrl + url),1); |
| | | }, |
| | | |
| | | // 设置上传成功之后的图片地址 |
| | | otherPic({ url }) { |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | if (this.book.otherPic.length < 4) { |
| | | this.book.otherPic.push(baseUrl + url) |
| | | } |
| | | console.log(url); |
| | | }, |
| | | //删除图片 |
| | | delOtherPic({url}){ |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | this.book.otherPic.splice(this.book.otherPic.indexOf(baseUrl + url),1); |
| | | }, |
| | | |
| | | // 设置上传成功之后的图片地址 |
| | | rectifiedPic({ url }) { |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | if (this.book.otherPic.length < 4) { |
| | | this.book.rectifiedPic.push(baseUrl + url) |
| | | } |
| | | console.log(url); |
| | | }, |
| | | //删除图片 |
| | | delRectifiedPic({url}){ |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | this.book.rectifiedPic.splice(this.book.rectifiedPic.indexOf(baseUrl + url),1); |
| | | }, |
| | | // 设置上传成功之后的图片地址 |
| | | originalPic({ url }) { |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | if (this.book.otherPic.length < 4) { |
| | | this.book.originalPic.push(baseUrl + url) |
| | | } |
| | | console.log(url); |
| | | }, |
| | | //删除图片 |
| | | delOriginalPic({url}){ |
| | | const baseUrl = 'http://140.143.152.226:8410/'; |
| | | this.book.originalPic.splice(this.book.originalPic.indexOf(baseUrl + url),1); |
| | | }, |
| | | |
| | | // 获取文书种类 |
| | | async getBookType(){ |
| | | let arr |
| | | arr = await getCodeList('15'); |
| | | this.kindList = arr; |
| | | } |
| | | }, |
| | | watch: { |
| | |
| | | .img { |
| | | height: 60px; |
| | | position: relative; |
| | | margin-right: 10px; |
| | | } |
| | | |
| | | .myicon { |