1

lzhe

2024-06-05 dcf9c9e0410fe1186239e3f8d6f7bdc789c08010

 src/views/configuration/custom/setField.vue

@@ -2,33 +2,83 @@
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-03-26 10:28:33
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-05-13 11:39:54
 * @LastEditTime: 2024-05-29 15:24:20
 * @FilePath: /smart-web/src/views/master/person/main/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<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" :disabled="scope.row.systemFieldLabel == '是'?true: false" 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() {
            this.getTableData();
         },
         addField() {
            this.dialog.save = true;
            this.$nextTick(() => {
               this.$refs.saveDialog.open()
            })
         },
         table_edit(row) {
            this.dialog.save = true;
            this.$nextTick(() => {
               this.$refs.saveDialog.open('edit').setData(row);
            })
         },
         table_del(row) {
            this.$HTTP.delete(`/api/blade-system/custom-template-field/remove`,[row.id]).then(res=> {
               if(res.code == 200) {
                  this.$message.success("操作成功");
                  this.getTableData();
               }
            })
         },
         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 +90,10 @@
   padding:20px;
   background: #fff;
}
.title {
   font-size: 16px;
    font-weight: 700;
    margin: 0px 0px 14px;
    color: #000;
}
</style>