工位文件

gaoshp

2024-05-26 82a5da6bbeeadf1c5f448158dae7d1838efc9d2e

 src/views/configuration/custom/setField.vue

@@ -8,27 +8,69 @@
-->
<template>
   <div class="aposcope-main">
       123
       <div class="title">{{$route.query.type == 1?"计划":"产品"}}字段</div>
      <el-button type="primary" @click="addField" style="margin: 4px 0px 10px;">添加自定义字段</el-button>
      <div class="field-table">
         <el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef">
            <el-table-column prop="fieldName" label="字段名"></el-table-column>
            <el-table-column prop="fieldDescription" label="提示文字"></el-table-column>
            <el-table-column prop="fieldTypeLabel" label="字段类型"></el-table-column>
            <el-table-column prop="systemFieldLabel" label="基础字段"></el-table-column>
            <el-table-column fixed="right" label="操作">
               <template #default="scope">
                  <el-button type="text" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
                  <el-button text type="primary" size="small" @click="table_del(scope.row, scope.$index)">删除</el-button>
               </template>
            </el-table-column>
         </el-table>
      </div>
   </div>
   <save-dialog v-if="dialog.save" ref="saveDialog" @success="addFieldSuccess" @closed="dialog.save=false"></save-dialog>
</template>
<script>
   import saveDialog from './addField'
   export default {
      name: "custom",
      data(){
         return {
				
            tableData: [],
            dialog: {
               save: false
            }
         }
      },
      created(){
         
      },
      mounted(){
         //this.getMenuList();
         this.getTableData();
      },
      components: {

         saveDialog
       },
      methods: {
         addFieldSuccess() {

         },
         addField() {
            this.dialog.save = true
            this.$nextTick(() => {
               this.$refs.saveDialog.open()
            })
         },
         table_edit() {

         },
         table_del() {

         },
         getTableData() {
            this.$HTTP.get(`/api/blade-system/custom-template-field/list?businessType=${this.$route.query.type}`).then(res=> {
               if(res.code == 200) {
                  this.tableData = res.data;
               }
            })
         }
      }
   }
</script>
@@ -40,4 +82,10 @@
   padding:20px;
   background: #fff;
}
.title {
   font-size: 16px;
    font-weight: 700;
    margin: 0px 0px 14px;
    color: #000;
}
</style>