Mainp.vue

<template>
  <div class="eibs-tab">
    <c-col :span="12">
      <c-col :span="16">
        <el-form-item label="申报号码" prop="bopp.rptno">
          <c-input
            v-model="model.bopp.rptno"
            maxlength="50"
            placeholder="请输入申报号码"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-col>
    <c-col :span="12">
      <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="query">
          查询
        </c-button>
      </c-col>
      <c-col :span="12">
        <c-button size="small" @click="reset" type="primary"> 重置 </c-button>
      </c-col>
    </c-col>
    <c-col :span="24">
      <div class="e-table-wrapper">
        <el-table
          :data="model.dbllst"
          style="width: 100%"
          :highlight-current-row="true"
        >
          <el-table-column
            prop="objtyp"
            label="申报类型"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          <template slot-scope="scope">
							<span> {{getCodelabel(scope.row.objtyp,"boptyplabels") }}
							</span>
          </template>
          </el-table-column>
          <el-table-column
            prop="rptno"
            label="申报号码"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          </el-table-column>
          <el-table-column
            prop="credat"
            label="创建日期"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          </el-table-column>
          <el-table-column
            prop="sndflg"
            label="检核状态"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          <template slot-scope="scope">
							<span> {{getCodelabel(scope.row.sndflg,"bpschklabels") }}
							</span>
          </template>
          </el-table-column>
          <el-table-column
            prop="bassta"
            label="报送状态状态"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          <template slot-scope="scope">
							<span> {{getCodelabel(scope.row.bassta,"bpsstalabels") }}
							</span>
          </template>
          </el-table-column>
          <el-table-column
            prop="dclsta"
            label="申报信息状态"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          <template slot-scope="scope">
							<span> {{getCodelabel(scope.row.dclsta,"bpsstalabels") }}
							</span>
          </template>
          </el-table-column>
          <el-table-column
            prop="vrfsta"
            label="管理信息状态"
            align="left"
            min-width="150"
            :show-overflow-tooltip="true"
            sortable
          >
          <template slot-scope="scope">
							<span> {{getCodelabel(scope.row.vrfsta,"bpsstalabels") }}
							</span>
          </template>
          </el-table-column>
          <el-table-column fixed="right" label="操作" width="200">
            <template slot-scope="scope">
              <c-button
                style="margin-left: 5px"
                type="text"
                @click="onDialogOpen(scope.row.inr)"
                >修改
              </c-button>
            </template>
          </el-table-column>
        </el-table>
                <el-pagination
                        :current-page.sync="pagination.pageNum"
                        :page-size="pagination.pageSize"
                        :page-sizes="[10, 20, 50, 100, 500]"
                        :total="pagination.total"
                        @current-change="handleCurrentChange"
                        @size-change="handleSizeChange"
                        layout="total, sizes, prev, pager, next, jumper">
                </el-pagination>
      </div>
    </c-col>
    <el-dialog v-dialogDrag v-if="dialogOpen" :visible.sync="dialogOpen" title="报送状态信息" :append-to-body="true">
      <c-col :span="8" class="col-left">
                <el-form-item label="检核状态" prop="bopgrp.dbl.sndflg">
                    <c-select dbCode="bpschk" placeholder="请输入检核状态" style="width: 100%"
                              v-model="model.bopgrp.dbl.sndflg">
                    </c-select>
                </el-form-item>
                <el-form-item label="申报信息状态" prop="bopgrp.dbl.dclsta">
                    <c-select dbCode="bpssta" placeholder="请输入申报信息状态" style="width: 100%"
                              v-model="model.bopgrp.dbl.dclsta">
                    </c-select>
                </el-form-item>         
      </c-col>
      <c-col :span="8" class="col-right">
                <el-form-item label="报送状态" prop="bopgrp.dbl.bassta">
                    <c-select dbCode="bpssta" placeholder="请输入报送状态" style="width: 100%"
                              v-model="model.bopgrp.dbl.bassta">
                    </c-select>
                </el-form-item>  
                <el-form-item label="管理信息状态" prop="bopgrp.dbl.vrfsta">
                    <c-select dbCode="bpssta" placeholder="请输入管理信息状态" style="width: 100%"
                              v-model="model.bopgrp.dbl.vrfsta">
                    </c-select>
                </el-form-item>  
      </c-col>
      <div slot="footer">
          <el-button type="primary"  @click="modify">确定</el-button>
          <el-button  @click="closeDialogOpen">返回</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import commonProcess from "~/mixin/commonProcess";
import event from "../event";
import Api from '~/service/Api';


export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess, event],
  data() {
    return {
      dialogOpen: false,
      pagination: {
        pageNum: 1,
        pageSize: 10,
        total: 0,
      },
      dbCodes:{
        bpsstalabels: [],
        bpschklabels: []
      },
    };
  },
  methods: {
    onDialogOpen(inr) {
      this.dialogOpen = true;
      this.init(inr);
    },
    closeDialogOpen() {
      this.dialogOpen = false;
    },
  },
  mounted(){
    this.getdbCode("boptyp", "CN", "boptyplabels");
    this.getdbCode("bpssta", "CN", "bpsstalabels");
    this.getdbCode("bpschk", "CN", "bpschklabels");
  },
  created: function () {},
};
</script>
<style>
</style>