zhangyanpeng
2020-02-11 ee7a140cf101c0e863d699dbe2da10767914f95b
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 {