| | |
| | | <template> |
| | | <div> |
| | | <el-dialog :title="title" :visible.sync="visible" width="900px" center :before-close="close"> |
| | | <el-dialog :title="title" :visible.sync="visible" top="30px" width="900px" center :before-close="close"> |
| | | <div> |
| | | <el-form ref="ruleForm" :disabled="pageState==='detail'" label-width="100px" :model="formData" class="demo-form-inline" :rules="rules"> |
| | | <el-row> |
| | |
| | | v-if="file.fileType ===1" |
| | | style="width: 100px; height: 100px" |
| | | :src="file.url" |
| | | :preview-src-list="fileBaseList" |
| | | :preview-src-list="getPreviewImages(file.fileId,fileBaseList)" |
| | | :initial-index="index" |
| | | /> |
| | | <video v-else :src="file.url" style="width: 100px; height: 100px" @click="openVideo(file)"> |
| | |
| | | import uploadFile from '@/components/UploadExcel/index' |
| | | import bus from '@/Bus' |
| | | import requestObj from '@/utils/request' |
| | | import _ from 'lodash' |
| | | export default { |
| | | components: { uploadFile }, |
| | | props: { |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | getPreviewImages(index, list) { |
| | | let startIndex = 0 |
| | | const chechList = _.cloneDeep(list) |
| | | chechList.forEach((item, i) => { |
| | | const str = item.substring(item.lastIndexOf('/') + 1) |
| | | console.log('str', str) |
| | | if (Number(str) === Number(index)) { |
| | | startIndex = i |
| | | } |
| | | }) |
| | | |
| | | console.log('index', index) |
| | | console.log('startIndex', startIndex) |
| | | var imgList = [...list] |
| | | if (index === 0) return imgList |
| | | var start = imgList.splice(startIndex) |
| | | var remain = imgList.splice(0, startIndex) |
| | | return start.concat(remain) |
| | | }, |
| | | openVideo(item) { |
| | | console.log('item', item) |
| | | this.dialogImageUrl = item.url |
| | |
| | | <template> |
| | | <div> |
| | | <el-dialog :title="dialogData.title" :visible.sync="visible" width="900px" center :before-close="close"> |
| | | <el-dialog :title="dialogData.title" top="30px" :visible.sync="visible" width="900px" center :before-close="close"> |
| | | <div slot="title" class="titBox"> |
| | | <div>{{ parentFormData.allocationNum }}</div> |
| | | <div>{{ dialogData.title }}</div> |
| | |
| | | v-if="file.fileType ===1" |
| | | style="width: 100px; height: 100px" |
| | | :src="file.url" |
| | | :preview-src-list="fileBaseList" |
| | | :preview-src-list="getPreviewImages(file.id,fileBaseList)" |
| | | :initial-index="index" |
| | | /> |
| | | <video v-else :src="file.url" style="width: 100px; height: 100px" @click="openVideo(file)"> |
| | |
| | | v-if="file.fileType ===1" |
| | | style="width: 100px; height: 100px" |
| | | :src="file.url" |
| | | :preview-src-list="fileChangeList" |
| | | :preview-src-list="getPreviewImages(file.id,fileChangeList)" |
| | | :initial-index="index" |
| | | /> |
| | | <video v-else :src="file.url" style="width: 100px; height: 100px" @click="openVideo(file)"> |
| | |
| | | v-if="file.fileType ===1" |
| | | style="width: 100px; height: 100px" |
| | | :src="file.url" |
| | | :preview-src-list="fileApproveList" |
| | | :preview-src-list="getPreviewImages(file.id,fileApproveList)" |
| | | :initial-index="index" |
| | | /> |
| | | <video v-else :src="file.url" style="width: 100px; height: 100px" @click="openVideo(file)"> |
| | |
| | | v-if="file.fileType ===1" |
| | | style="width: 100px; height: 100px" |
| | | :src="file.url" |
| | | :preview-src-list="fileDelayList" |
| | | :preview-src-list="getPreviewImages(file.id,fileDelayList)" |
| | | :initial-index="index" |
| | | /> |
| | | <video v-else :src="file.url" style="width: 100px; height: 100px" @click="openVideo(file)"> |
| | |
| | | return { |
| | | centerDialogVisible: true, |
| | | workForme: { |
| | | isChange: '', |
| | | isChange: 0, |
| | | changeName: '', |
| | | changeDescribe: '' |
| | | }, |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | getPreviewImages(index, list) { |
| | | let startIndex = 0 |
| | | const chechList = _.cloneDeep(list) |
| | | chechList.forEach((item, i) => { |
| | | const str = item.substring(item.lastIndexOf('/') + 1) |
| | | if (Number(str) === Number(index)) { |
| | | startIndex = i |
| | | } |
| | | }) |
| | | console.log('startIndex', startIndex) |
| | | var imgList = [...list] |
| | | if (index === 0) return imgList |
| | | var start = imgList.splice(startIndex) |
| | | var remain = imgList.splice(0, startIndex) |
| | | return start.concat(remain) |
| | | }, |
| | | openVideo(item) { |
| | | console.log('item', item) |
| | | this.dialogImageUrl = item.url |
| | |
| | | background |
| | | :current-page="pagination.currentPage" |
| | | :page-sizes="pagination.pageSizes" |
| | | :page-size="pagination.PageSize" |
| | | :page-size="pagination.pageSize" |
| | | :total="pagination.totalCount" |
| | | layout="sizes,prev, pager, next, jumper" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | |
| | | // 每页显示的条数 |
| | | handleSizeChange(val) { |
| | | // 改变每页显示的条数 |
| | | this.pagination.PageSize = val |
| | | this.pagination.pageSize = val |
| | | // 注意:在改变每页显示的条数时,要将页码显示到第一页 |
| | | this.pagination.currentPage = 1 |
| | | this.handleSearch() |
| | |
| | | background |
| | | :current-page="pagination.currentPage" |
| | | :page-sizes="pagination.pageSizes" |
| | | :page-size="pagination.PageSize" |
| | | :page-size="pagination.pageSize" |
| | | :total="pagination.totalCount" |
| | | layout="sizes,prev, pager, next, jumper" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange" |
| | | /> |
| | |
| | | // 每页显示的条数 |
| | | handleSizeChange(val) { |
| | | // 改变每页显示的条数 |
| | | this.pagination.PageSize = val |
| | | this.pagination.pageSize = val |
| | | // 注意:在改变每页显示的条数时,要将页码显示到第一页 |
| | | this.pagination.currentPage = 1 |
| | | this.handleSearch() |
| | |
| | | </div> |
| | | <div class="agentSummary"> |
| | | <div class="circle"> |
| | | <span>总交办单</span> |
| | | <span>{{ responeForm.total }}</span> |
| | | <div>总交办单</div> |
| | | <div>{{ responeForm.total }}</div> |
| | | </div> |
| | | <div class="circle"> |
| | | <span>进行中</span> |
| | | <span>{{ responeForm.total }}</span> |
| | | <div>进行中</div> |
| | | <div>{{ responeForm.unComplete }}</div> |
| | | </div> |
| | | <div class="circle"> |
| | | <span>已完成</span> |
| | | <span>{{ responeForm.complete }}</span> |
| | | <div>已完成</div> |
| | | <div>{{ responeForm.complete }}</div> |
| | | </div> |
| | | <div class="circle"> |
| | | <span>逾期</span> |
| | | <span>{{ responeForm.overdue }}</span> |
| | | <div>逾期</div> |
| | | <div>{{ responeForm.overdue }}</div> |
| | | </div> |
| | | </div> |
| | | <div class="overviewAndDetails"> |
| | |
| | | margin-top: 20px; |
| | | |
| | | @for $i from 1 to length($bgcolorlist) + 1 { |
| | | div:nth-child(#{$i}) { |
| | | .circle:nth-child(#{$i}) { |
| | | background-repeat: no-repeat; |
| | | background-size: cover; |
| | | background-position: center center; |
| | |
| | | width: 200px; |
| | | height: 90px; |
| | | align-items: center; |
| | | padding-top: 20px; |
| | | |
| | | span { |
| | | margin: 10px 20px; |
| | | display: block; |
| | | color: rgba(255, 255, 255, 1); |
| | | font-size: 20px; |
| | | font-weight: 700; |
| | | } |
| | | color: rgba(255, 255, 255, 1); |
| | | font-size: 20px; |
| | | font-weight: 700; |
| | | display: flex; |
| | | justify-content: center; |
| | | flex-wrap: wrap; |
| | | flex-direction: column; |
| | | } |
| | | } |
| | | |