我的代码记录

柔光的暖阳◎ 2021-11-17 09:42 183阅读 0赞

search搜索 add增加 \{ \{ formTitle \}\}

<v-card-actions>
            <v-spacer></v-spacer>
            <v-btn color="blue darken-1" flat @click="close">取消</v-btn>
            <v-btn color="blue darken-1" flat @click="save">保存</v-btn>
          </v-card-actions>
        </v-card>
      </v-dialog>
      </v-flex>
    </v-layout>
    
    <div class="bg">
        <v-flex class="headerList" md12>员工薪资信息</v-flex>
    <v-flex md12>

\{ \{ [props.item.name][] \}\}  
\{ \{ props.item.department \}\}  
\{ \{ props.item.fat \}\}  
\{ \{ props.item.carbs \}\}  
  
<v-btn  
small  
color=“primary”  
@click=“editItem(props.item)”  
>  
查看详情  
  
<v-btn  
small  
color=“primary”  
@click=“deleteItem(props.item)”  
>  
删除

员工薪资信息

\{ \{department\}\}部门的\{ \{tableName\}\}的员工薪资信息

\{ \{ props.item.composition \}\}  
\{ \{ props.item.class \}\}  
\{ \{ props.item.level \}\}  
\{ \{ props.item.cash \}\}  
\{ \{ props.item.note \}\}  
brightness\_1使用radio\_button\_unchecked不使用  
  
<v-btn  
small  
color=“primary”  
@click=“editItem(props.item)”  
>  
编辑

每月加给

\{ \{ props.item.composition \}\}  
\{ \{ props.item.class \}\}  
\{ \{ props.item.cash \}\}  
brightness\_1使用radio\_button\_unchecked不使用  
<v-btn  
small  
color=“primary”  
@click=“editItem2(props.item)”  
>  
编辑

</v-data-table>
      </v-flex>
      </div>
      </div>

computed: \{  
model()\{  
return this.editedItem.composition  
\},  
modelClass()\{  
return this.editedItem.class  
\},  
modelLevel()\{  
return this.editedItem.level  
\},  
modelMonth()\{  
return this.editedItem2.composition  
\},  
modelMonthClass()\{  
return this.editedItem2.class  
\},  
// modelCash()\{  
// return this.editedItem.cash  
// \},  
// modelNote()\{  
// return this.editedItem.note  
// \},

\},

// watch: \{  
// dialog(val) \{  
// val || this.close();  
// \}  
// \},

created() \{  
this.initialize();  
\},

methods: \{  
initialize() \{  
this.tableName=this. r o u t e . q u e r y . n a m e C o d e t h i s . d e p a r t m e n t = t h i s . route.query.nameCode this.department=this. route.query.nameCodethis.department=this.route.query.departmentCode

this.desserts = [
        {
          composition: "学历",
          class: "博士",
          level: "985、211院校",
          cash: "7500",
          note:"",
          use:"使用"
        },
        {
          composition: "新进员工工作经验",
          class: "相关岗位3-5年工作经验",
          level: "高等",
          cash: "2900",
          note:"",
          use:"使用"
        },
        {
          composition: "新进员工特殊人才补贴",
          class: "三等",
          level: "高等技能",
          cash: "4000",
          note:"",
          use:"使用"
        },
        {
          composition: "新进员工其他加项",
          class: "",
          level: "",
          cash: "300",
          note:"理由",
          use:"使用"
        }
      ],
      this.dessertsencond = [
        {
          composition: "协作等级",
          class: "一级",
          cash: "50",
          use:"使用"
        },
        {
          composition: "项目等级",
          class: "一级",
          cash: "50",
          use:"使用"
        },
        {
          composition: "管理补贴",
          class: "",
          cash: "0",
          use:"使用"
        }
       
      ]
    },
    editItem(item) {
      this.editedItem = Object.assign({}, item);
      this.editedIndex = this.desserts.indexOf(item);
      this.dialog = true;
      this.basicShow=true;
      this.monthShow=false;
      
    },
    editItem2(item) {
      this.editedItem2= Object.assign({}, item);
      this.editedIndex = this.dessertsencond.indexOf(item);
      this.dialog = true;
      this.basicShow=false;
      this.monthShow=true;
      
    },
    closeButton(){
      this.$router.push({ 
       path:"infomation"
      })
    },
    choseUse(){
      let step = "";
      step = this.iconY;
      this.iconY=this.iconN;
      this.iconN = step;
    },
    choseNouse(){
      let step = "";
      step = this.iconN;
      
      this.iconN=this.iconY;
      this.iconY = step;
    }
    ,
    close() {
      this.dialog = false;
      setTimeout(() => {
        this.editedItem = Object.assign({}, this.defaultItem);
        this.editedIndex = -1;
      }, 300);
    },
    
    saveBasic() {
    console.log(this.editedIndex);
     Object.assign(this.desserts[this.editedIndex], this.editedItem);
    this.close();
    },
     saveMonth() {
    console.log(this.editedIndex);
     Object.assign(this.dessertsencond[this.editedIndex], this.editedItem2);
    this.close();
    }

\}  
\};

[props.item.name]: http://props.item.name