增删改查分页问题

迷南。 2021-08-13 15:53 446阅读 0赞

一、分页：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70]  
total是总页数，page-size是每页多少条数，current-page.sync是总共几页。  
2、![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70 1]  
import \{fetchSignKey\} from ‘@/api/sign’  
pages:\{page:1,limit:10\},  
tableData:\[ \],  
created()\{  
this.handleCurrentChange(1)  
\}  
methods\{  
handleCurrentChange(val) \{  
this.page.page=val,  
fetchSignKey(this.pages).then(=>\{  
this.tableData=res.data.result.records;  
this.totals=res.data.result.total;  
\})  
\}  
\}  
二、添加：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70 3]  
adds:\{id:8,resourceid:’ ‘,signDeptKey:’ '\},  
dialogZbzFormVisible:false,  
methods\{  
handleDialogByInsert（）\{  
清空内容：this.adds=\[ \];  
关闭弹出窗口：dialogZbzFormVisible:true；  
\}，  
点击确定：handleDialogAdd（）\{  
fetchAddKey(this.adds).then(=>\{  
const result = res.data.result;  
if (result == 1) \{  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70 4]  
\})  
.catch(() => \{  
this.$notify(\{  
title: “提示”,  
message: “添加失败”,  
duration: 2500  
\});  
\});  
this.dialogZbzFormVisible = false;  
添加完后刷新页面：this.handleCurrentChange(1);  
\})  
\}  
\}，  
删除：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70 5]

delets\{id：0\}  
methods\{  
handleDialogByDelete(scope) \{  
let self = this;  
this.deletes.id = scope.id;  
this.$confirm(“此操作将永久删除该列, 是否继续?”, “提示”, \{  
confirmButtonText: “确定”,  
cancelButtonText: “取消”,  
type: “warning”  
\})  
.then(() => \{  
fetchDelKey(this.deletes).then(res => \{  
const result = res.data.result;  
if (result == 1) \{

同上：刷新页面：self.handleCurrentChange(1)；
         
          .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
    },

\}，  
编辑/修改：  
clcikEdit(scope) \{  
先查一遍在修改：  
fetchViewInfo(\{‘zbGuid’:scope.zbGuid\}).then(res=>\{  
this.adds = res.data.result;  
\});  
this.dialogZbzFormVisible = true;  
\},  
点确定按钮调用：  
editInfo(this.adds).then(res=>\{  
const result = res.data.success;  
if (result) \{  
this.$notify(\{  
title: “提示”,  
message: “编辑成功”,  
type: “success”,  
duration: 2500  
\})；  
this.handleCurrentChange(1);  
this.dialogZbzFormVisible=false;  
查：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70 6]  
v-model绑定page.search查  
methods\{  
handleCondClick（）\{  
this.handleCurrentChange(1);  
\}  
\}

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70]: /images/20210813/143dda3a46e9478c8327d1050fb058ed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70 1]: /images/20210813/ecf5c71de1404fe88d046fdf6a481a2f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70 2]: /images/20210813/c894e84d818f4eee83c1e75e06fb2223.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70 3]: /images/20210813/67bf4ae9017d44558355e69c8bdb0b3e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70 4]: /images/20210813/61fb22d730de4361b89563b3c114a57e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70 5]: /images/20210813/a406cdfc93f04b66907ff837f98ad846.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1a2lmYW4_size_16_color_FFFFFF_t_70 6]: /images/20210813/fb4270936b724f799e83b6f820119fe9.png