Yi.Framework/CC.Yi/CC.Yi.Common/T4Vue/T4Component.tt

<#@ template debug="false" hostspecific="true" language="C#" #>
<#@ assembly name="System.Core" #>
<#@ import namespace="System.Linq" #>
<#@ import namespace="System.Text" #>
<#@ import namespace="System.Collections.Generic" #>
<#@ import namespace="System.IO" #>
<#@ output extension=".vue" #>
<#
    string solutionsPath = Host.ResolveAssemblyReference("$(SolutionDir)");//获取解决方案路径
            List<string> ModelData=new List<string>();
            StreamReader sr = new StreamReader(solutionsPath+@"\T4Model\T4Vue.txt");
             string p;
          while((p =sr.ReadLine())!=null)
            {
                 ModelData.Add(p);
            }
            sr.Close();
    string Model= ModelData[0];
    string BModel=Model.Substring(0,1).ToUpper()+Model.Substring(1); 
    string[] Data=ModelData[1].Split(',');
    string[] Name=ModelData[2].Split(',');
    string[] Default=ModelData[3].Split(',');
 #>



/*
<template>
  <v-card>
    <v-data-table
      :headers="headers"
      :items="desserts"
      sort-by="calories"
      class="elevation-1"
      item-key="id"
      show-select
      v-model="selected"
      :search="search"
    >
      <template v-slot:top>
        <!-- 搜索框 -->
        <v-toolbar flat>
          <v-spacer></v-spacer>
          <v-text-field
            v-model="search"
            append-icon="mdi-magnify"
            label="搜索"
            single-line
            hide-details
            class="mx-4"
          ></v-text-field>

          <!-- 添加提示框 -->
          <v-dialog v-model="dialog" max-width="500px">
            <template v-slot:activator="{ on, attrs }">
              <v-btn
                color="primary"
                dark
                class="mb-2 mx-2"
                v-bind="attrs"
                v-on="on"
              >
                添加新项
              </v-btn>
            </template>
            <v-card>
              <v-card-title>
                <span class="headline">{{ formTitle }}</span>
              </v-card-title>

              <v-card-text>
                <v-container>
<!-- 【1】这里设置对应的编辑框名 -->
                  <v-row>

<#
    for(int i=0;i<Data.Length;i++)
    {
#>
                    <v-col cols="12" sm="6" md="4">
                      <v-text-field
                        v-model="editedItem.<#=Data[i]#>"
                        label="<#=Name[i]#>"
                      ></v-text-field>
                    </v-col>
<#
}
 #>


                  
                  </v-row>
                </v-container>
              </v-card-text>

              <v-card-actions>
                <v-spacer></v-spacer>
                <v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
                <v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
              </v-card-actions>
            </v-card>
          </v-dialog>

          <v-btn color="red" dark class="mb-2" @click="deleteItem(null)">
            删除所选
          </v-btn>

          <!-- 删除提示框 -->
          <v-dialog v-model="dialogDelete" max-width="500px">
            <v-card>
              <v-card-title class="headline"
                >你确定要删除此条记录吗？</v-card-title
              >
              <v-card-actions>
                <v-spacer></v-spacer>
                <v-btn color="blue darken-1" text @click="closeDelete"
                  >取消</v-btn
                >
                <v-btn color="blue darken-1" text @click="deleteItemConfirm"
                  >确定</v-btn
                >
                <v-spacer></v-spacer>
              </v-card-actions>
            </v-card>
          </v-dialog>
        </v-toolbar>
      </template>

      <!-- 表格中的删除和修改 -->
      <template v-slot:item.actions="{ item }">
        <v-icon small class="mr-2" @click="editItem(item)"> mdi-pencil </v-icon>
        <v-icon small @click="deleteItem(item)"> mdi-delete </v-icon>
      </template>

      <!-- 初始化 -->
      <template v-slot:no-data>
        <v-btn color="primary" @click="initialize"> 刷新 </v-btn>
      </template>
    </v-data-table>

  </v-card>
</template>
<script>
//【2】这里设置对应的API
import <#=Model#>Api from "@/api/<#=Model#>Api";
export default {
  data: () => ({
    page: 1,
    selected: [],
    search: "",
    dialog: false,
    dialogDelete: false,
//【3】这里设置对应的模型字段
    headers: [
      {
        text: "编号",
        align: "start",
        value: "id",
      },

<#
    for(int i=0;i<Data.Length;i++)
    {
#>
      { text: "<#=Name[i]#>", value: "<#=Data[i]#>", sortable: false },
<#
}
 #>

      { text: "操作", value: "actions", sortable: false },
    ],
    desserts: [],
    editedIndex: -1,
//【4】这里设置对应的模型默认字段
    editedItem: {
<#
    for(int i=0;i<Data.Length;i++)
    {
#>
          <#=Data[i]#>: <#=Default[i]#>,
<#
}
 #>
        },
        defaultItem: {
<#
    for(int i=0;i<Data.Length;i++)
    {
#>
          <#=Data[i]#>: <#=Default[i]#>,
<#
}
 #>
        },  
  }),

  computed: {
    formTitle() {
      return this.editedIndex === -1 ? "添加数据" : "编辑数据";
    },
  },

  watch: {
    dialog(val) {
      val || this.close();
    },
    dialogDelete(val) {
      val || this.closeDelete();
    },
  },

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

  methods: {
    initialize() {
//【5】这里获取全部字段的API
      <#=Model#>Api.get<#=BModel#>s().then((resp) => {
        const response = resp.data;
        this.desserts = response;
      });
    },

    editItem(item) {
      this.editedIndex = this.desserts.indexOf(item);
      this.editedItem = Object.assign({}, item);
      this.dialog = true;
    },

    deleteItem(item) {
      this.editedIndex = this.desserts.indexOf(item);
      this.editedItem = Object.assign({}, item);
      this.dialogDelete = true;
    },

    deleteItemConfirm() {
      var Ids = [];
      if (this.editedIndex > -1) {
        Ids.push(this.editedItem.id);
      } else {
         this.selected.forEach(function (item) {
          Ids.push(item.id);
        });
      }
//【6】这里多条删除的API
      <#=Model#>Api.del<#=BModel#>List(Ids).then(() => this.initialize());
      this.closeDelete();
    },
    
    close() {
      this.dialog = false;
      this.$nextTick(() => {
        this.editedItem = Object.assign({}, this.defaultItem);
        this.editedIndex = -1;
      });
    },

    closeDelete() {
      this.dialogDelete = false;
      this.$nextTick(() => {
        this.editedItem = Object.assign({}, this.defaultItem);
        this.editedIndex = -1;
      });
    },

    save() {
//【7】这里编辑和添加的API
      if (this.editedIndex > -1) {
        <#=Model#>Api.update<#=BModel#>(this.editedItem).then(() => this.initialize());
      } else {
        <#=Model#>Api.add<#=BModel#>(this.editedItem).then(() => this.initialize());
      }
      this.close();
    },
  },
};
</script>
*/