大件运输联网系统前端代码
guoshilong
2022-12-16 1e376296b2d8abbcdd051b1e75d860353c8bb19d
src/views/application/application.vue
@@ -30,7 +30,9 @@
      </template>
      <template slot-scope="{type,size,row,index}" slot="menu">
        <el-button icon="el-icon-edit" :size="size" :type="type"  @click="$refs.crud.rowEdit(row,index)">编 辑</el-button>
        <el-button icon="el-icon-tickets" :size="size" :type="type" @click="polishApplication">完善信息</el-button>
        <el-button icon="el-icon-tickets" :size="size" :type="type" @click="polishApplication(row.id)">补正</el-button>
        <el-button v-if="permit" icon="el-icon-tickets" :size="size" :type="type">受 理</el-button>
        <el-button v-if="permit" icon="el-icon-tickets" :size="size" :type="type" @click="rejectApplication(row)">不予受理</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">撤 销</el-button>-->
@@ -38,8 +40,8 @@
      <!--按钮自定义-End-->
      <!--cell自定义-Begin-->
      <template slot-scope="{row}" slot="id">
        <a href="#javascript" style="color: #337ab7" @click="$refs.crud.rowView(row)">{{row.id}}</a>
      <template slot-scope="{row}" slot="no">
        <a href="#javascript" style="color: #337ab7" @click="$refs.crud.rowView(row)">{{row.no}}</a>
      </template>
      <template slot-scope="{row}" slot="enterpriseName">
        <a href="#javascript" style="color: #337ab7" @click="getEnterpriseDetail(row.userId)">{{row.enterpriseName}}</a>
@@ -47,7 +49,8 @@
      <!--cell自定义-End-->
    </avue-crud>
    <!--不予受理的表单-->
    <reject v-if="rejectVisible" ref="reject" @refreshLoad="refreshLoad"></reject>
  </basic-container>
</template>
@@ -57,8 +60,10 @@
  import option from "@/const/application/application";
  import enterpriseOption from "@/const/enterprise/enterprise"
  import {mapGetters} from "vuex";
  import Reject from "@/views/application/reject";
  export default {
    components: {Reject},
    data() {
      return {
        form: {},
@@ -73,6 +78,7 @@
        selectionList: [],
        option: option,
        data: [],
        rejectVisible:false
      };
    },
    computed: {
@@ -91,6 +97,9 @@
          ids.push(ele.id);
        });
        return ids.join(",");
      },
      permit(){
        return this.userInfo.role_name == 'admin' || this.userInfo.role_name == 'administrator' ? true:false
      }
    },
    methods: {
@@ -198,6 +207,9 @@
      },
      onLoad(page, params = {}) {
        this.loading = true;
        if (this.userInfo.role_name != 'admin' && this.userInfo.role_name !="administrator"){
          params.userId = this.userInfo.user_id
        }
        getPage(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
          const data = res.data.data;
          this.page.total = data.total;
@@ -242,9 +254,9 @@
        this.form.goodsEntity.id = goodsId
      },
      //完善信息
      polishApplication(){
      polishApplication(id){
        let that = this
        getDetail(this.form.id).then(res => {
        getDetail(id).then(res => {
          let data = res.data.data
          this.form = data
          this.init()
@@ -278,6 +290,13 @@
          })
        });
      },
      //不予受理
      rejectApplication(row){
        this.rejectVisible = true
        this.$nextTick(()=>{
          this.$refs.reject.init(row)
        })
      },
      //获取企业信息
      getEnterpriseDetail(userId){
        getDetailByUserId(userId).then(res=>{
@@ -290,13 +309,19 @@
              width: '70%',
              data:enterpriseDetail,
              option: enterpriseOption,
              callback:(res)=>{
              callback:()=>{
                enterpriseOption.detail = false
              }
            })
          }
        })
      },
      //刷新页面
      refreshLoad(){
        this.onLoad(this.page, this.query);
      }
    }
  };
</script>