物质领用前端页面

licp

2024-06-04 df049e333e04591d389db329b9af38d70c47f954

物质领用前端页面

 src/components/view/a6-standard-material-requisition.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,150 @@
<style scoped>
  .title {
    height: 60px;
    line-height: 60px;
  }

  .search {
    background-color: #fff;
    height: 80px;
    display: flex;
    align-items: center;
  }
  .search_thing {
    display: flex;
    align-items: center;
    height: 50px;
  }
  .search_label {
    width: 120px;
    font-size: 14px;
    text-align: right;
  }

  .search_input {
    width: calc(100% - 120px);
  }
  .table {
    margin-top: 10px;
    background-color: #fff;
    width: calc(100% - 40px);
    height: calc(100% - 60px - 80px - 10px - 40px);
    padding: 20px;
  }

</style>
<template>
  <div class="below-standard-main">
    <div style="width: 100%;height: 100%;">
      <div>
        <el-row class="title">
          <el-col :span="12" style="padding-left: 20px;">标准物质领用</el-col>
          <el-col :span="12" style="text-align: right;">
                        <el-button size="medium" type="primary" @click="$refs['ValueTable'].openAddDia('新增接口')" v-if="addPower">新 å¢ž</el-button>
            <el-button size="medium" @click="$refs['ValueTable'].openDownDia()">导 å‡º</el-button>
                    </el-col>
        </el-row>
      </div>
      <div class="search">
        <div class="search_thing">
          <div class="search_label">名称：</div>
          <div class="search_input">
              <el-input size="small" placeholder="请输入" clearable v-model="componentData.entity.model"
                        @keyup.enter.native="refreshTable()"></el-input></div>
        </div>
        <div class="search_thing">
          <div class="search_label">管理编码：</div>
          <div class="search_input">
            <el-input size="small" placeholder="请输入" clearable v-model="componentData.entity.sample"
              @keyup.enter.native="refreshTable()"></el-input>
          </div>
        </div>
        <div class="search_thing">
          <div class="search_label">状态：</div>
          <div class="search_input">
            <el-select size="small" v-model="componentData.entity.state" style="width: 100%;" @change="refreshTable()">
                            <el-option v-for="(a, i) in stateList" :key="i" :label="a.label" :value="a.value"></el-option>
                        </el-select>
          </div>
        </div>
        <div class="search_thing" style="padding-left: 30px;">
          <el-button size="small" @click="refresh()">重 ç½®</el-button>
          <el-button size="small" type="primary" @click="refreshTable()">查 è¯¢</el-button>
        </div>
      </div>
      <div class="table">
          <ValueTable ref="ValueTable" :url="$api.unPass.pageInsUnPass" :componentData="componentData"
          :key="upIndex" />
      </div>
    </div>
  </div>
</template>

<script>
  import ValueTable from '../tool/value-table.vue'
  import Word from '../tool/word.vue'
  import file from '../../util/file';
  import {
    convertToHtml
  } from 'mammoth';
export default {
  components: {
    ValueTable,
    Word,
  },
  data() {
    return {
        componentData: {
          entity: {
            sample: null,
            model: null,
            orderBy: {
              field: 'id',
              order: 'asc'
            }
          },
          isIndex: true,
          showSelect: false,
          select: false,
          do: [
          {
                            id: '',
                            font: '归还',
                            type: 'text',
                            method: 'handleBack',
                            // disabFun: (row, index) => {
                            //     return row.userId == null || row.insState == 3 || row.insState == 5
                            // }
                        },
          ],
          tagField: [],
          selectField: [],
          requiredAdd: ['model','sample',],
          requiredUp: []
        },
        entityCopy: {},
        upIndex: 0,
        stateList: [],
        addPower:true,
      }
  },
  mounted() {
    this.entityCopy = this.HaveJson(this.componentData.entity)
    this.getPower()
  },
  methods :{
    refreshTable() {
        this.$refs['ValueTable'].selectList()
      },
    refresh() {
        this.componentData.entity = this.HaveJson(this.entityCopy)
        this.upIndex++
      },
    // æƒé™åˆ†é…
    getPower(radio) {
      let power = JSON.parse(sessionStorage.getItem('power'))
    },
    handleBack(row){}
  }
}
</script>

 static/js/menu.js

@@ -512,7 +512,7 @@
        }, {
            v: "标准物质领用",
            i: "font icon-erjidaohang",
            u: "",
            u: "a6-standard-material-requisition",
            g: "6.5 è®¡é‡æº¯æºæ€§",
            p: ""
        }, {