From ee7a140cf101c0e863d699dbe2da10767914f95b Mon Sep 17 00:00:00 2001 From: zhangyanpeng <bob.zhang@highdatas.com> Date: 星期二, 11 二月 2020 15:28:01 +0800 Subject: [PATCH] 判断时间大小 --- src/components/popup/portion/substepReadOnly.vue | 99 +++++++++++++++++++++++++++---------------------- 1 files changed, 55 insertions(+), 44 deletions(-) diff --git a/src/components/popup/portion/substepReadOnly.vue b/src/components/popup/portion/substepReadOnly.vue index 1c65e80..d9bb894 100644 --- a/src/components/popup/portion/substepReadOnly.vue +++ b/src/components/popup/portion/substepReadOnly.vue @@ -1,6 +1,9 @@ <template> - <div class="class_substep"> - <div style="width: 79%; height: 100%; overflow: auto; padding-top: 0px; box-sizing: border-box;"> + <div class="class_substep" > + <div style="width: 79%;text-align: center; margin: 0 10px;"> + <h2 style="margin: 10px;">椤圭洰鎬婚噾棰�:<span style="font-weight: bold;">{{money}}</span></h2> + </div> + <div style="width: 79%; height: 88%; overflow: auto; padding-top: 0px; box-sizing: border-box;"> <transition name="el-zoom-in-top"> <div v-show="showData['title']" class="transition-box" style="text-align: center; margin: 0 10px;"> <h3 style="margin: 10px;">绔嬮鏈嶅姟</h3> @@ -43,14 +46,14 @@ </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader style="width: 100%;" size="mini" - v-model="form_['title'].userId" + v-model="form_['title'].userIds" :options="options_users" :props="{ expandTrigger: 'hover' }" placeholder="璇烽�夋嫨璐熻矗浜�" @@ -101,13 +104,13 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader size="mini" style="width: 100%;" - v-model="form_['scheme'].userId" + v-model="form_['scheme'].userIds" :options="options_users" :props="{ expandTrigger: 'hover' }" placeholder="璇烽�夋嫨璐熻矗浜�" @@ -158,7 +161,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -166,7 +169,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['search'].userId" + v-model="form_['search'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -215,7 +218,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -223,7 +226,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['select'].userId" + v-model="form_['select'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -272,7 +275,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -280,7 +283,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['get'].userId" + v-model="form_['get'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -329,7 +332,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -337,7 +340,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['find'].userId" + v-model="form_['find'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -386,7 +389,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -394,7 +397,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['properties'].userId" + v-model="form_['properties'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -443,7 +446,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -451,7 +454,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['risk'].userId" + v-model="form_['risk'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -500,7 +503,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -508,7 +511,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['target'].userId" + v-model="form_['target'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -557,7 +560,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -565,7 +568,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['propertiesArrangement'].userId" + v-model="form_['propertiesArrangement'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -614,7 +617,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -622,7 +625,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['riskChart'].userId" + v-model="form_['riskChart'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -671,7 +674,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -679,7 +682,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['meta'].userId" + v-model="form_['meta'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -728,7 +731,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -736,7 +739,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['grade'].userId" + v-model="form_['grade'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -785,7 +788,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -793,7 +796,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['tsa'].userId" + v-model="form_['tsa'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -842,7 +845,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -850,7 +853,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['compose'].userId" + v-model="form_['compose'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -899,7 +902,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -907,7 +910,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['translate'].userId" + v-model="form_['translate'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -956,7 +959,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -964,7 +967,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['evaluation'].userId" + v-model="form_['evaluation'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -1013,7 +1016,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -1021,7 +1024,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['recommend'].userId" + v-model="form_['recommend'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -1070,7 +1073,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -1078,7 +1081,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['format'].userId" + v-model="form_['format'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -1127,7 +1130,7 @@ </el-form-item> </el-col> <el-col :span="11" class="z_grid-content3"> - <el-form-item label="璐熻矗浜�" prop="userId" + <el-form-item label="璐熻矗浜�" prop="userIds" :rules="{required: true, message: '璇烽�夋嫨璐熻矗浜�', trigger: ['change', 'blur']}" > <el-cascader @@ -1135,7 +1138,7 @@ :options="options_users" :props="{ expandTrigger: 'hover' }" size="mini" - v-model="form_['Contribute'].userId" + v-model="form_['Contribute'].userIds" placeholder="璇烽�夋嫨璐熻矗浜�" > </el-cascader> @@ -1190,7 +1193,9 @@ data() { return { showData: {}, + money:0, hideData: { + 'title': false, 'scheme': false, 'search': false, @@ -1441,7 +1446,6 @@ let url = "/api/sysRoleMapping/detail"; this.$axios.get(url) .then(data_ => { - console.log(data_); let list = data_.data.data; let parId = ""; let obj = {}; @@ -1472,13 +1476,19 @@ me.options_users = result; }).catch(error =>{ - console.log(error); }) }, getDetailed() { this.showData = this.showData_; this.form_= this.form_objs; + this.money = 0; + for (let itm_k in this.showData_) { + + let form_obj = {}; + form_obj = this.form_objs[itm_k]; + this.money += form_obj.budget; + } }, //鍗曚竴浜嬩欢 @@ -1500,6 +1510,7 @@ <style> .class_substep { height: 100%; + overflow: hidden; } .class_substep .el-divider--horizontal { -- Gitblit v1.8.0