新增通行证废止

guoshilong

2023-01-02 05b50dfb9565a874ea611c3149959cd9f7163623

新增通行证废止

 src/const/applicationCarChange/applicationCarChange.js

@@ -30,7 +30,7 @@
      labelWidth:labelWidth,
      prop: "no",
      type: "select",
      dicUrl: "/api/application/application/getAll?status=10&&userId="+userId,
      dicUrl: "/api/application/application/getAll?status=10&&passStatus=1&&userId="+userId,
      props:{
        label:"no",
        value:"no"

 src/const/applicationDelay/applicationDelay.js

@@ -32,7 +32,7 @@
      prop: "no",
      span:24,
      type: "select",
      dicUrl: "/api/application/application/getAll?status=10&&userId="+userId,
      dicUrl: "/api/application/application/getAll?status=10&&passStatus=1&&userId="+userId,
      props:{
        label:"no",
        value:"no"

 src/const/pass/pass.js

@@ -9,8 +9,10 @@
  viewBtn: false,
  delBtn: false,
  editBtn: false,
  addBtn: false,
  selection: true,
  dialogClickModal: false,
  menuWidth:300,
  column: [
    {
      label: "主键",
@@ -85,11 +87,24 @@
    {
      label: "状态",
      prop: "status",
      type: "input",
      type: "select",
      dicData: [
        {
          label: '生效中',
          value: 1
        },
        {
          label: '已废止',
          value: 2
        }
      ],
      props:{
        label:'label',
        value:'value'
      },
      addDisplay: false,
      editDisplay: false,
      viewDisplay: false,
      hide: true,
    },
    {
      label: "是否已删除",

 src/page/passView/PassView.vue

New file
@@ -0,0 +1,28 @@
<template>
  <div>
    {{no}}
  </div>
</template>

<script>
export default {
  name: "PassView",
  data(){
    return{
      no:"",
    }
  },
  created() {
    this.init()
  },
  methods:{
    init(){
      this.no = this.$route.params.no
    }
  }
}
</script>

<style scoped>

</style>

 src/router/page/index.js

@@ -12,6 +12,16 @@
  }
},
  {
    path: '/passView/:no',
    name:'通行证预览',
    component:()=>import(/* webpackChunkName: "page" */ '@/page/passView/PassView'),
    meta: {
      keepAlive: true,
      isTab: false,
      isAuth: false
    }
  },
  {
    path: '/lock',
    name: '锁屏页',
    component: () =>

 src/views/pass/pass.vue

@@ -30,8 +30,8 @@
      <template slot-scope="{type,size,row,index}" slot="menu">
        <el-button icon="el-icon-view" :size="size" :type="type" @click="viewQr(row)">预 览</el-button>
        <el-button icon="el-icon-edit" :size="size" :type="type">导 出</el-button>
        <el-button icon="el-icon-delete" :size="size" :type="type" >打 印</el-button>
        <el-button icon="el-icon-delete" :size="size" :type="type">废 止</el-button>
        <el-button icon="el-icon-delete" :size="size" :type="type" @click="goToPassView(row)">跳 转</el-button>
        <el-button icon="el-icon-delete" :disabled="row.status == 2" :size="size" :type="type" @click="abolishPass(row)">废 止</el-button>
      </template>
    </avue-crud>

@@ -229,6 +229,32 @@
        })


      },
      //跳转通行证预览页面
      goToPassView(row){
        this.$router.push({path:`/passView/${row.no}`})
      },
      //通行证废止
      abolishPass(row){

        this.$confirm('是否废止该通行证?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          row.status = 2
          update(row).then(() => {
            this.$message({
              type: "success",
              message: "操作成功!"
            });
            this.onLoad(this.page);
          }, error => {
            console.log(error);
          });
        }).catch(() => {

        });
      }
    }
  };