| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"> |
| | | <el-form-item label="" prop="phone wx qq twitter isAlways remark" > |
| | | <el-form-item label="" prop="type incomeName timeLimit happenTime " > |
| | | <el-input |
| | | v-model:phone="queryParams.phone" |
| | | v-model:wx="queryParams.wx" |
| | | v-model:qq="queryParams.qq" |
| | | v-model:twitter="queryParams.twitter" |
| | | v-model:isAlways="queryParams.isAlways" |
| | | v-model:remark="queryParams.remark" |
| | | placeholder="在“百年心愿”中搜索" |
| | | v-model:type="queryParams.type" |
| | | v-model:incomeName="queryParams.incomeName" |
| | | v-model:timeLimit="queryParams.timeLimit" |
| | | v-model:happenTime="queryParams.happenTime" |
| | | |
| | | placeholder="在“财产”中搜索" |
| | | clearable |
| | | style="width: 240px" |
| | | @keyup.enter.native="handleQuery"> |
| | |
| | | |
| | | <template slot-scope="scope" > |
| | | <div @click="handleCheck(scope.row)"> |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceLis.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | v-if="scope.row.url !== ',' " |
| | | > |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceA.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | v-if="scope.row.url === ','" |
| | | ></div> |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceLis.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | v-if="!(scope.row.url === '' || scope.row.url === ',' || scope.row.url === null)" |
| | | > |
| | | <img |
| | | v-else |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceA.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | |
| | | ></div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="备注" prop="remark" sortable width="90" align="center"> |
| | |
| | | <!-- <el-input v-model="formDat.happenTime" placeholder="请输入获得时间" clearable :style="{width: '100%'}" ></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="时间" prop="happenTime"> |
| | | <el-date-picker v-model='formDat.happenTime' type='date' placeholder='选择日期'></el-date-picker> |
| | | <el-input v-model='formDat.happenTime' type='date' placeholder='选择日期'></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="财产类别" prop="type"> |
| | | <el-input v-model="formDat.type" placeholder="请输入财产类别" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="收支名称" prop="incomeName"> |
| | | <el-input v-model="formDat.incomeName" placeholder="请输入收支名称" clearable :style="{width: '100%'}" > |
| | | <el-form-item label="获得方式" prop="incomeName"> |
| | | <el-input v-model="formDat.incomeName" placeholder="请输入获得方式" clearable :style="{width: '100%'}" > |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="金额" prop="price"> |
| | |
| | | class="upload-demo" |
| | | multiple |
| | | |
| | | :on-remove="handleRemove" |
| | | :on-remove="handleRemoveFile" |
| | | :http-request="requestUpload" |
| | | :show-file-list="true" |
| | | > |
| | |
| | | pageSize: 10, |
| | | type:undefined, |
| | | incomeName:undefined, |
| | | beneficiary:undefined, |
| | | // happenTime:undefined, |
| | | timeLimit:undefined, |
| | | happenTime:undefined, |
| | | |
| | | }, |
| | | // searchVal:"", |
| | | |
| | |
| | | }], |
| | | incomeName: [{ |
| | | required: true, |
| | | message: '请输入收支类别', |
| | | message: '请输入获得方式', |
| | | trigger: 'blur' |
| | | }], |
| | | timeLimit: [{ |
| | |
| | | }, |
| | | |
| | | handleRemove(file) { |
| | | alert(323) |
| | | for(let i = 0; i < this.fileList.length; i++) |
| | | { |
| | | if(this.fileList[i].url==file.url) |
| | | this.$delete(this.fileList,i); |
| | | } |
| | | }, |
| | | handleRemoveFile(file) { |
| | | for(let i = 0; i < this.fileListOther.length; i++) |
| | | { |
| | | if(this.fileListOther[i].url==file.url) |
| | | this.$delete(this.fileListOther,i); |
| | | } |
| | | }, |
| | | // 取消按钮 |
| | | cancel() { |
| | |
| | | }); |
| | | } |
| | | }); |
| | | // 清空formDat对象的数据 |
| | | Object.keys(this.formDat).forEach(key => { |
| | | this.formDat[key] = ''; |
| | | }); |
| | | this.handleRemove(this.fileList[0]); |
| | | this.handleRemoveFile(this.fileListOther[0]); |
| | | }, |
| | | requestUpload(params) |
| | | { |
| | |
| | | |
| | | if(Ids.length==0) |
| | | { |
| | | this.download('zIdea/export', { |
| | | this.download('zProperty/export', { |
| | | ...this.queryParams |
| | | }, `zIdea_${new Date().getTime()}.xlsx`) |
| | | }, `zProperty_${new Date().getTime()}.xlsx`) |
| | | }else{ |
| | | this.download('zIdea/export1/'+Ids, { |
| | | }, `zIdea_${new Date().getTime()}.xlsx`) |
| | | this.download('zProperty/export1/'+Ids, { |
| | | }, `zProperty_${new Date().getTime()}.xlsx`) |
| | | } |
| | | }, |
| | | |
| | | /** 导入模板下载按钮操作 */ |
| | | handleExportModel() { |
| | | |
| | | this.download('/zIdea/model', { |
| | | }, `zIdea_model_${new Date().getTime()}.xlsx`) |
| | | this.download('/zProperty/model', { |
| | | }, `zProperty_model_${new Date().getTime()}.xlsx`) |
| | | }, |
| | | |
| | | /** 导入操作*/ |