笔记——输入框循环使用
2024-04-15 09:36:57
<a-modaltitle="可售面积损失":width="1350"centered@cancel="handleCancel":visible="thisSaleVisible":confirm-loading="confirmLoading":maskClosable="false":footer="null"><a-spin :spinning="confirmLoading"><div class="modalstyle"><a-form-model class="content" ref="ruleForm" :model="form" :rules="rules"><a-divider style="margin-top: 5px" orientation="left"><span id="lable0">阳台</span></a-divider><div style="font-size:12px"><p class="lablep">凹阳台/入户花园（开敞）</p><a-row class="form-row" :gutter="16"><a-input v-model="form.FPRJID" style="display:none" /><a-input v-model="form.FPBID" style="display:none" /><a-col :lg="3" :md="12" :sm="24"><a-form-model-item label="工规证阶段(计建规则):"><a-selectv-model="form.fregulations_build0"@change="handleChange"placeholder="工规证阶段(计建规则):":getPopupContainer="triggerNode => {return triggerNode.parentNode}"><a-select-option value="不计">不计</a-select-option><a-select-option value="半计">半计</a-select-option><a-select-option value="全计">全计</a-select-option></a-select></a-form-model-item></a-col><a-col :xl="{ span: 3, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label="工规证阶段(计容规则):"><a-selectv-model="form.fregulations0"@change="handleChange"placeholder="工规证阶段(计容规则):":getPopupContainer="triggerNode => {return triggerNode.parentNode}"><a-select-option value="不计">不计</a-select-option><a-select-option value="半计">半计</a-select-option><a-select-option value="全计">全计</a-select-option></a-select></a-form-model-item></a-col><a-col :xl="{ span: 3, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label="测绘阶段(可售规则):"><a-selectv-model="form.fsurvey_draw0"@change="handleChange"placeholder="测绘阶段(可售规则):":getPopupContainer="triggerNode => {return triggerNode.parentNode}"><a-select-option value="不计">不计</a-select-option><a-select-option value="半计">半计</a-select-option><a-select-option value="全计">全计</a-select-option></a-select></a-form-model-item></a-col><a-col :xl="{ span: 3, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label="计容面积(㎡)"><a-input type="number" v-model="form.fconstruction_area0" :value="0" placeholder="计容面积(㎡)" /></a-form-model-item></a-col><a-col :xl="{ span: 3, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 12 }" :sm="24"><a-form-model-item label="可售面积(㎡)"><a-input type="number" v-model="form.fsaleable_area0" :value="0" placeholder="可售面积(㎡)" /></a-form-model-item></a-col><a-col :xl="{ span: 3, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label="差异(㎡)"><a-input type="number" v-model="form.fdifference0" placeholder="差异(㎡)" readOnly /></a-form-model-item></a-col><a-col :xl="{ span: 6, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label="备注"><a-input v-model="form.fremark0" placeholder="备注" /></a-form-model-item></a-col></a-row></div><div v-for="(k, index) in 39" :key="index" style="font-size:12px"><a-divider v-if="k == 5" style="margin-top: 5px;margin-bottom:5px" orientation="left"><span id="lable5">结构突出外轮廓</span></a-divider><a-divider v-if="k == 8" style="margin-top: 5px;margin-bottom:5px" orientation="left"><span id="lable8">标准层</span></a-divider><a-divider v-if="k == 13" style="margin-top: 5px;margin-bottom:5px" orientation="left"><span id="lable13">屋面层</span></a-divider><a-divider v-if="k == 19" style="margin-top: 5px;margin-bottom:5px" orientation="left"><span id="lable19">首层</span></a-divider><a-divider v-if="k == 30" style="margin-top: 5px;margin-bottom:5px" orientation="left"><span id="lable30">超高层避难层</span></a-divider><a-divider v-if="k == 33" style="margin-top: 5px;margin-bottom:5px" orientation="left"><span id="lable33">封闭空间</span></a-divider><a-divider v-if="k == 35" style="margin-top: 5px;margin-bottom:5px" orientation="left"><span id="lable35">电房</span></a-divider><a-divider v-if="k == 38" style="margin-top: 5px;margin-bottom:5px" orientation="left"><span id="lable38">地下</span></a-divider><a-divider v-if="k == 39" style="margin-top: 5px;margin-bottom:5px" orientation="left"><span id="lable39">其他</span></a-divider><p class="lablep" v-if="k == 1">凹阳台/入户花园（封闭）</p><p class="lablep" v-if="k == 2">凸阳台/结构外阳台</p><p class="lablep" v-if="k == 3">进深超出2.4米</p><p class="lablep" v-if="k == 4">阳台面积框线</p><p class="lablep" v-if="k == 5">突出外墙</p><p class="lablep" v-if="k == 6">位于阳台侧</p><p class="lablep" v-if="k == 7">位于飘窗侧</p><p class="lablep" v-if="k == 8">飘窗</p><p class="lablep" v-if="k == 9">遮阳板</p><p class="lablep" v-if="k == 10">设备平台</p><p class="lablep" v-if="k == 11">阳台与阳台共墙</p><p class="lablep" v-if="k == 12">阳台、飘窗共墙</p><p class="lablep" v-if="k == 13">机房</p><p class="lablep" v-if="k == 14">楼梯间</p><p class="lablep" v-if="k == 15">有顶板的走道空间</p><p class="lablep" v-if="k == 16">连接机房的室外楼梯</p><p class="lablep" v-if="k == 17">排烟井/电井(高度＞2.1米)</p><p class="lablep" v-if="k == 18">屋顶面积占比超过1/8的部分</p><p class="lablep" v-if="k == 19">架空层</p><p class="lablep" v-if="k == 20">架空层计容空间</p><p class="lablep" v-if="k == 21">架空层风井(高度＞2.1米)</p><p class="lablep" v-if="k == 22">架空层水管包井</p><p class="lablep" v-if="k == 23">装饰柱</p><p class="lablep" v-if="k == 24">无柱雨蓬</p><p class="lablep" v-if="k == 25">抄表间</p><p class="lablep" v-if="k == 26">架空层内机动车/非机动车坡道</p><p class="lablep" v-if="k == 27">地下室出架空层的开敞楼梯</p><p class="lablep" v-if="k == 28">架空层、核心筒共墙</p><p class="lablep" v-if="k == 29">架空层分摊楼栋外半墙</p><p class="lablep" v-if="k == 30">避难间</p><p class="lablep" v-if="k == 31">设备房</p><p class="lablep" v-if="k == 32">核心筒（梯廊）</p><p class="lablep" v-if="k == 33">变形缝</p><p class="lablep" v-if="k == 34">设备双墙</p><p class="lablep" v-if="k == 35">专变电房</p><p class="lablep" v-if="k == 36">公变电房</p><p class="lablep" v-if="k == 37">地下电房</p><p class="lablep" v-if="k == 38">地下室电梯厅</p><p class="lablep" v-if="k == 39">其他新增</p><a-row class="form-row" :gutter="16"><a-col :lg="3" :md="12" :sm="24"><a-form-model-item label=""><a-selectv-model="form[`fregulations_build${k}`]"@change="handleChange"placeholder="工规证阶段(计建规则):":getPopupContainer="triggerNode => {return triggerNode.parentNode}"><a-select-option value="不计">不计</a-select-option><a-select-option value="半计">半计</a-select-option><a-select-option value="全计">全计</a-select-option></a-select></a-form-model-item></a-col><a-col :xl="{ span: 3, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label=""><a-selectv-model="form[`fregulations${k}`]"@change="handleChange"placeholder="工规证阶段(计容规则):":getPopupContainer="triggerNode => {return triggerNode.parentNode}"><a-select-option value="不计">不计</a-select-option><a-select-option value="半计">半计</a-select-option><a-select-option value="全计">全计</a-select-option></a-select></a-form-model-item></a-col><a-col :xl="{ span: 3, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label=""><a-selectv-model="form[`fsurvey_draw${k}`]"@change="handleChange"placeholder="测绘阶段(可售规则):":getPopupContainer="triggerNode => {return triggerNode.parentNode}"><a-select-option value="不计">不计</a-select-option><a-select-option value="半计">半计</a-select-option><a-select-option value="全计">全计</a-select-option></a-select></a-form-model-item></a-col><a-col :xl="{ span: 3, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label=""><a-inputv-model="form[`fconstruction_area${k}`]"type="number":value="0"placeholder="计容面积(㎡)"/></a-form-model-item></a-col><a-col :xl="{ span: 3, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 12 }" :sm="24"><a-form-model-item label=""><a-input v-model="form[`fsaleable_area${k}`]" type="number" :value="0" placeholder="可售面积(㎡)" /></a-form-model-item></a-col><a-col :xl="{ span: 3, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label=""><a-input v-model="form[`fdifference${k}`]" type="number" placeholder="差异(㎡)" readOnly /></a-form-model-item></a-col><a-col :xl="{ span: 6, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label=""><a-input v-model="form[`fremark${k}`]" placeholder="备注" /></a-form-model-item></a-col></a-row></div><div><a-divider style="margin-top: 5px;margin-bottom:5px" orientation="left">汇总</a-divider><a-row class="form-row" :gutter="16"><a-col :lg="5" :md="12" :sm="24"><a-form-model-item label="汇总计容面积(㎡)"><a-input v-model="form.sumfconstructioN_AREA" placeholder="计容面积(㎡)" readOnly /></a-form-model-item></a-col><a-col :xl="{ span: 5, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 12 }" :sm="24"><a-form-model-item label="汇总可售面积(㎡)"><a-input v-model="form.sumfsaleablE_AREA" placeholder="可售面积(㎡)" readOnly /></a-form-model-item></a-col><a-col :xl="{ span: 5, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label="汇总差异(㎡)"><a-input v-model="form.sumfdifference" placeholder="差异(㎡)" readOnly /></a-form-model-item></a-col><a-col :xl="{ span: 4, offset: 0.5 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label="汇总货值损失"><a-input v-model="form.sumfundeR_VALUE" placeholder="货值损失" readOnly /></a-form-model-item></a-col><a-col :xl="{ span: 5, offset: 0.3 }" :lg="{ span: 6 }" :md="{ span: 24 }" :sm="24"><a-form-model-item label="运决会均价" prop="sumfaveragE_PRICE"><a-input v-model="form.sumfaveragE_PRICE" placeholder="运决会均价" /></a-form-model-item></a-col></a-row></div></a-form-model></div></a-spin><div><a-form-model-item :wrapper-col="{ span: 14, offset: 11 }"><a-button v-show="isEditAble" :loading="confirmLoading" type="primary" @click="handleOk">保存</a-button><a-button style="margin-left: 10px;" @click="thisSaleVisible = !thisSaleVisible">关闭</a-button></a-form-model-item></div></a-modal>
//初始化数据this.salesarea = res.result.salesarea //明细this.sumsalesarea = res.result.sumsalesarea //汇总if (this.salesarea.length > 0) {this.obj = {}//汇总信息this.obj.sumfaveragE_PRICE = this.sumsalesarea.sumfaveragE_PRICEthis.obj.sumfundeR_VALUE = this.sumsalesarea.sumfundeR_VALUEthis.obj.sumfdifference = this.sumsalesarea.sumfdifferencethis.obj.sumfsaleablE_AREA = this.sumsalesarea.sumfsaleablE_AREAthis.obj.sumfconstructioN_AREA = this.sumsalesarea.sumfconstructioN_AREAthis.salesarea.forEach((item, index) => {const initialObj = {}initialObj[`fregulations_build${index}`] = item.fregulationS_BUILDinitialObj[`fregulations${index}`] = item.fregulationsinitialObj[`fsurvey_draw${index}`] = item.fsurveY_DRAWinitialObj[`fconstruction_area${index}`] = item.fconstructioN_AREAinitialObj[`fsaleable_area${index}`] = item.fsaleablE_AREAinitialObj[`fdifference${index}`] = item.fdifferenceinitialObj[`fremark${index}`] = item.fremarkthis.obj = { ...this.obj, ...initialObj }})this.form = this.obj//提交数据
this.$refs.ruleForm.validate(valid => {//验证必填if (valid) {this.confirmLoading = truethis.form.FPRJID = this.PROFPRJIDthis.form.FPBID = this.PROFPBIDconst val = this.formconst lable0 = document.getElementById('lable0').innerHTMLconst lable5 = document.getElementById('lable5').innerHTMLconst lable8 = document.getElementById('lable8').innerHTMLconst lable13 = document.getElementById('lable13').innerHTMLconst lable19 = document.getElementById('lable19').innerHTMLconst lable30 = document.getElementById('lable30').innerHTMLconst lable33 = document.getElementById('lable33').innerHTMLconst lable35 = document.getElementById('lable35').innerHTMLconst lable38 = document.getElementById('lable38').innerHTMLconst lable39 = document.getElementById('lable39').innerHTMLconst FITEM = document.getElementsByTagName('p')const saledata = []const FTYPE = []const SubmitList = []//明细表信息for (let i = 0; i < 40; i++) {if (i < 5) {FTYPE.push(lable0)//组装数据objpushfunc(val, FTYPE, i, FITEM, saledata)} else if (5 <= i && i < 8) {FTYPE.push(lable5)objpushfunc(val, FTYPE, i, FITEM, saledata)} else if (8 <= i && i < 13) {FTYPE.push(lable8)objpushfunc(val, FTYPE, i, FITEM, saledata)} else if (13 <= i && i < 19) {FTYPE.push(lable13)objpushfunc(val, FTYPE, i, FITEM, saledata)} else if (19 <= i && i < 30) {FTYPE.push(lable19)objpushfunc(val, FTYPE, i, FITEM, saledata)} else if (30 <= i && i < 33) {FTYPE.push(lable30)objpushfunc(val, FTYPE, i, FITEM, saledata)} else if (33 <= i && i < 35) {FTYPE.push(lable33)objpushfunc(val, FTYPE, i, FITEM, saledata)} else if (35 <= i && i < 38) {FTYPE.push(lable35)objpushfunc(val, FTYPE, i, FITEM, saledata)} else if (38 <= i && i < 39) {FTYPE.push(lable38)objpushfunc(val, FTYPE, i, FITEM, saledata)} else if (39 <= i) {FTYPE.push(lable39)objpushfunc(val, FTYPE, i, FITEM, saledata)}}//把数据组装成数据库存的形式function objpushfunc(val, FTYPE, i, FITEM, saledata) {const obj = {FPRJID: val.FPRJID,FPBID: val.FPBID,FTYPE: FTYPE[i],FITEM: FITEM[i + 1].innerHTML,FREGULATIONS_BUILD: val[`fregulations_build${i}`],FREGULATIONS: val[`fregulations${i}`],FSURVEY_DRAW: val[`fsurvey_draw${i}`],FCONSTRUCTION_AREA: val[`fconstruction_area${i}`] == undefined ? 0 : val[`fconstruction_area${i}`], //计容面积FSALEABLE_AREA: val[`fsaleable_area${i}`] == undefined ? 0 : val[`fsaleable_area${i}`], //可售面积FDIFFERENCE: val[`fdifference${i}`], // 差异=可售-计容FREMARK: val[`fremark${i}`]}saledata.push(obj)}//汇总的信息const sumobj = {FPBID: val.FPBID,sumfconstructioN_AREA: val.sumfconstructioN_AREA,sumfsaleablE_AREA: val.sumfsaleablE_AREA,sumfdifference: val.sumfdifference,sumfundeR_VALUE: val.sumfundeR_VALUE,sumfaveragE_PRICE: val.sumfaveragE_PRICE}SubmitList.push({ Salesarea: saledata, Sumsalesarea: sumobj })const token = storage.get(ACCESS_TOKEN) //不用ant框架的封装提交方法,后台想要获取到用户信息需要把token手动放进请求头里this.$axios({method: 'post',url: '/api/ProductInfo/PostSaleAreaManage',headers: {'Content-Type': 'application/json','Access-Token': token},data: JSON.stringify(SubmitList)}).then(res => {const msg = returnCode(res) //判断是否成功if (msg.includes('成功')) {this.$message.success('保存成功')this.confirmLoading = false //关闭loadingthis.thisSaleVisible = false //关闭窗口} else {this.$message.error(msg)this.confirmLoading = false //关闭loadingthis.thisSaleVisible = false}}).catch(error => this.$message.error(error)).finally(() => {})} else {this.$message.warning('运决会均价为必填')console.log('error submit!!')return false}})
笔记——输入框循环使用相关推荐
- Python学习笔记——for循环和range函数
Python学习笔记--for循环和range函数 Python的for循环 for 目标 in 表达式 :循环体 案例一 >>> example = 'abcdef' >&g ...
- oracle:oracle学习笔记(四)循环、光标、异常、瀑布模型
oracle学习笔记:循环.光标.异常 文章目录 打印Hello World 定义基本变量 引用型变量(单行)` my_name emp.ename%type ` 记录型变量(多行) `emp_rec ...
- 咸鱼Maya笔记—Maya 循环边
咸鱼Maya笔记-Maya 循环边 循环边 插入循环边 循环边是由其共享顶点按顺序连接的多边形边的路径.通过循环边选择,可以在多边形网格中选择多条边,而不必逐个选择每条边. 各种条件将用于循环边选择. ...
- 吴恩达深度学习笔记(109)-循环神经网络模型（RNN介绍）
https://www.toutiao.com/a6652926357133066755/ 2019-02-06 20:15:53 循环神经网络模型(Recurrent Neural Network ...
- do while循环语句_Python 自学笔记 - while 循环语句
想了解Python已经有许久,但迟迟唯有动作,感谢那个吃蝙蝠的人,能让我在家足够多的时间,做一些自己一直想做而一直没时间做的事情,Python 就是其一吧. 记下一些笔记,供以后自己复习. Pytho ...
- C++学习笔记4[循环语句]
C++学习目录链接: C++学习笔记目录链接(持续更新中) 文章目录 一.while循环 二.do...while循环 三.do...while循环与while循环区别 四.for循环 五.循环控制 ...
- 【简明笔记】循环条件的优化
[javascript] view plaincopy /* * 优化循环 */ //优化前 for(var i=0; i < items.length; i++){ //判断条件:(1)i&l ...
- TikZ学习笔记(二)循环
写在前面 上节(TikZ学习笔记(一) 基本图形_zorchp-CSDN博客)我们说到TikZ\text{Ti}k\text{Z}TikZ的简单图形绘制方法, 这次我们来学习一下有关图形中循环语句(f ...
- Python初学笔记2-【循环语句】
主要是菜鸟教程Python基础教程随学笔记,本章节是讲解Python的循环语句部分.https://www.runoob.com/python/python-loops.html 一.While循环语 ...
最新文章
- PyTorch在NLP任务中使用预训练词向量
- 【绝对干货】北京三年java开发多少工资
- 1.6 this关键字详解（3种用法）
- 完全二叉树的JAVA实现（以及非递归遍历方法）
- Android RotateAnimation详解
- 信号量sem_wait()的使用
- php 异步处理类,php异步处理类
- 1218 图片对齐模式
- 第二章：React 面向组件编程
- 常用计算机检索技术的例子,专业检索常用方法及应用实例
- sklearn学习4.数据处理与特征工程
- 台大陈蕴侬、李宏毅“应用深度学习”课程(国语)
- OpenCV : 图像数字化
- 漫画：六九式是一道简单有趣的算法题（开车...）
- Python 图片转pdf
- 计算机作业封面,西南交通大学离线作业封面-2016
- 怎么把pdf转换成excel转换器免费版
- 【JavaScript】小数点精度问题，小数点后两位toFixed()，把四舍六入五凑偶，修改成四舍五入
- FTP服务器架设－－架设篇
- redis安装及部署模式