| | |
| | | <ZTTable |
| | | ref="yearTable" |
| | | :column="columnData" |
| | | :height="'calc(100vh - 47em)'" |
| | | :height="'50vh'" |
| | | :highlightCurrentRow="true" |
| | | :table-data="tableData" |
| | | :table-loading="tableLoading" |
| | |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="计划开展时间" prop="plannedTime"> |
| | | <el-input v-model="form.plannedTime" size="small" clearable></el-input> |
| | | <!-- <el-input v-model="form.plannedTime" size="small" clearable></el-input> --> |
| | | <el-date-picker v-model="form.plannedTime" class="date_box" format="yyyy-MM-dd" placeholder="选择日期" |
| | | size="small" type="date" value-format="yyyy-MM-dd"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | <p><span class="required-span">* </span>检测日期:</p> |
| | | </td> |
| | | <td> |
| | | <el-input v-if="currentStep === 0" v-model="form.testDate" |
| | | placeholder="请输入内容" |
| | | size="small"> |
| | | </el-input> |
| | | <el-date-picker v-if="currentStep === 0" v-model="form.testDate" class="date_box" format="yyyy-MM-dd" placeholder="选择日期" |
| | | size="small" type="date" value-format="yyyy-MM-dd"> |
| | | </el-date-picker> |
| | | <span v-else class="td-info"> {{ form.testDate }}</span> |
| | | </td> |
| | | </tr> |
| | |
| | | <template> |
| | | <div> |
| | | <div v-if="isImage"> |
| | | <img :src="fileUrl" alt="Image Preview" /> |
| | | <img :src="imgUrl" alt="Image Preview" /> |
| | | </div> |
| | | <div v-if="isPdf"> |
| | | <object :data="fileUrl" type="application/pdf" width="100%" height="750px"> |
| | |
| | | transformData: (workbookData) => {return workbookData}, //将获取到的excel数据进行处理之后且渲染到页面之前,可通过transformData对即将渲染的数据及样式进行修改,此时每个单元格的text值就是即将渲染到页面上的内容 |
| | | }, |
| | | csvList:[],//csv文件数据 |
| | | imgUrl:'' |
| | | } |
| | | }, |
| | | computed: { |
| | | isImage() { |
| | | return /\.(jpg|jpeg|png|gif)$/i.test(this.fileUrl); |
| | | let state = /\.(jpg|jpeg|png|gif)$/i.test(this.fileUrl) |
| | | this.imgUrl = this.fileUrl |
| | | if(state){ |
| | | this.imgUrl = this.fileUrl.replaceAll('word', 'img') |
| | | } |
| | | return state; |
| | | }, |
| | | isPdf() { |
| | | return /\.pdf$/i.test(this.fileUrl); |
| | |
| | | minWidth: '150px' |
| | | }, { |
| | | dataType: 'action', |
| | | width: '180', |
| | | width: '220', |
| | | label: '操作', |
| | | fixed: 'right', |
| | | operation: [ |
| | |
| | | </div> |
| | | <div class="search-background"> |
| | | <span class="search-group"> |
| | | <span style="width: 120px">年份:</span> |
| | | <el-input v-model="searchForm.distributionYear" clearable size="small"></el-input> |
| | | <span style="width: 80px">年份:</span> |
| | | <!-- <el-input v-model="searchForm.distributionYear" clearable size="small"></el-input> --> |
| | | <el-date-picker v-model="searchForm.distributionYear" format="yyyy" placeholder="选择日期" size="small" type="year" value-format="yyyy"> |
| | | </el-date-picker> |
| | | </span> |
| | | <span class="search-group"> |
| | | <el-button size="medium" @click="resetSearchForm">重 置</el-button> |