<!--<template>-->
|
<!-- <div>-->
|
<!-- <div class="body" :style="{height:mainHeight+'px'}">-->
|
<!-- <div style="padding: 10px 5px 0 0">-->
|
<!-- <el-form-->
|
<!-- ref="form"-->
|
<!-- :model="form"-->
|
<!-- label-width="80px"-->
|
<!-- inline-->
|
<!-- style="display: flex;"-->
|
<!-- >-->
|
<!-- <div class="elForm">-->
|
<!-- <el-form-item label="类型编码" style=" display: flex;">-->
|
<!-- <el-input v-model="form.materialtypecode" placeholder="请输入" style="width: 200px" />-->
|
<!-- </el-form-item>-->
|
<!-- <el-form-item label="类型名称" style=" display: flex;">-->
|
<!-- <el-input v-model="form.materialtypename" placeholder="请输入" style="width: 200px" />-->
|
<!-- </el-form-item>-->
|
<!-- <el-form-item label="存货类型" style=" display: flex;">-->
|
<!-- <el-select v-model="form.stocktypecode" filterable :popper-append-to-body="false" style="width: 200px" placeholder="请选择">-->
|
<!-- <el-option-->
|
<!-- v-for="item in stocktypeArr"-->
|
<!-- :key="item.code"-->
|
<!-- :label="item.name"-->
|
<!-- :value="item.code"-->
|
<!-- />-->
|
<!-- </el-select>-->
|
<!-- </el-form-item>-->
|
<!-- </div>-->
|
<!-- <div style="display: flex;align-items: start;margin-top: 5px;z-index: 2">-->
|
<!-- <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>-->
|
<!-- <el-button type="info" icon="el-icon-refresh" @click="reset">重置</el-button>-->
|
<!-- </div>-->
|
<!-- </el-form>-->
|
<!-- </div>-->
|
<!-- <el-divider />-->
|
<!-- <div style="margin-left: 10px;display: flex">-->
|
<!-- <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button>-->
|
<!-- <!– <el-button type="primary" icon="el-icon-upload2" @click="upload">导入</el-button>–>-->
|
<!-- </div>-->
|
<!-- <el-divider />-->
|
<!-- <div class="elTableDiv">-->
|
<!-- <el-table-->
|
<!-- ref="tableDataRef"-->
|
<!-- class="tableFixed"-->
|
<!-- :data="tableData"-->
|
<!-- border-->
|
<!-- stripe-->
|
<!-- :height="tableHeight"-->
|
<!-- :style="{width: 100+'%',height:tableHeight+'px',}"-->
|
<!-- highlight-current-row-->
|
<!-- :header-cell-style="this.$headerCellStyle"-->
|
<!-- :cell-style="this.$cellStyle"-->
|
<!-- @sort-change="sortChange"-->
|
<!-- >-->
|
<!-- <!– <el-table-column–>-->
|
<!-- <!– type="selection"–>-->
|
<!-- <!– width="50"–>-->
|
<!-- <!– />–>-->
|
<!-- <el-table-column-->
|
<!-- prop="RowNum"-->
|
<!-- width="50"-->
|
<!-- label="序号"-->
|
<!-- />-->
|
<!-- <el-table-column-->
|
<!-- prop="code"-->
|
<!-- label="物料类型编码"-->
|
<!-- show-tooltip-when-overflow-->
|
<!-- sortable="custom"-->
|
<!-- />-->
|
<!-- <el-table-column-->
|
<!-- prop="name"-->
|
<!-- show-tooltip-when-overflow-->
|
<!-- label="物料类型名称"-->
|
<!-- sortable="custom"-->
|
<!-- />-->
|
<!-- <el-table-column-->
|
<!-- prop="stockname"-->
|
<!-- label="存货类型"-->
|
<!-- sortable="custom"-->
|
<!-- show-tooltip-when-overflow-->
|
<!-- />-->
|
<!-- <el-table-column-->
|
<!-- prop="lm_user"-->
|
<!-- show-tooltip-when-overflow-->
|
<!-- label="创建人员"-->
|
<!-- sortable="custom"-->
|
<!-- />-->
|
<!-- <el-table-column-->
|
<!-- prop="lm_date"-->
|
<!-- label="创建时间"-->
|
<!-- sortable="custom"-->
|
<!-- show-tooltip-when-overflow-->
|
<!-- />-->
|
<!-- <el-table-column-->
|
<!-- label="操作"-->
|
<!-- >-->
|
<!-- <template slot-scope="{row}">-->
|
<!-- <div class="operationClass">-->
|
<!-- <el-button type="text" @click="edit('edit',row)">编辑</el-button>-->
|
<!-- <el-button type="text" @click="del(row)">删除</el-button>-->
|
<!-- </div>-->
|
<!-- </template>-->
|
<!-- </el-table-column>-->
|
<!-- </el-table>-->
|
<!-- </div>-->
|
<!-- <!–分页–>-->
|
<!-- <pagination-->
|
<!-- :total="total"-->
|
<!-- :page.sync="form.page"-->
|
<!-- :limit.sync="form.rows"-->
|
<!-- align="right"-->
|
<!-- layout="prev, pager, next,sizes"-->
|
<!-- popper-class="select_bottom"-->
|
<!-- @pagination="getMaterialTypeSearch"-->
|
<!-- />-->
|
<!-- </div>-->
|
|
<!-- <el-dialog-->
|
<!-- :title="operation==='add'?'新增':'编辑'"-->
|
<!-- :visible.sync="dialogVisible"-->
|
<!-- width="800px"-->
|
<!-- top="15vh"-->
|
<!-- :close-on-click-modal="false"-->
|
<!-- @closed="handleClose"-->
|
<!-- @close="handleClose"-->
|
<!-- >-->
|
<!-- <el-form ref="dialogForm" inline :rules="dialogFormRules" :model="dialogForm" label-width="80px">-->
|
<!-- <el-form-item label="类型编码" prop="materialtypecode">-->
|
<!-- <el-input v-model="dialogForm.materialtypecode" :disabled="operation!=='add'" style="width: 200px" />-->
|
<!-- </el-form-item>-->
|
<!-- <el-form-item label="类型名称" prop="materialtypename">-->
|
<!-- <el-input v-model="dialogForm.materialtypename" style="width: 200px" />-->
|
<!-- </el-form-item>-->
|
<!-- <el-form-item label="存货类型" prop="stocktypecode">-->
|
<!-- <el-select v-model="dialogForm.stocktypecode" filterable :popper-append-to-body="false" style="width: 200px" placeholder="请选择">-->
|
<!-- <el-option-->
|
<!-- v-for="item in stocktypeArr"-->
|
<!-- :key="item.code"-->
|
<!-- :label="item.name"-->
|
<!-- :value="item.code"-->
|
<!-- />-->
|
<!-- </el-select>-->
|
<!-- </el-form-item>-->
|
<!-- </el-form>-->
|
<!-- <span slot="footer" class="dialog-footer">-->
|
<!-- <div class="footerButton">-->
|
<!-- <el-button @click="dialogVisibleCancel">取 消</el-button>-->
|
<!-- <el-button type="primary" @click="dialogVisibleConfirm">确 定</el-button>-->
|
<!-- </div>-->
|
<!-- </span>-->
|
<!-- </el-dialog>-->
|
<!-- </div>-->
|
<!--</template>-->
|
|
<!--<script>-->
|
<!--import Pagination from '@/components/Pagination'-->
|
<!--import { AddUpdateMaterialType, DeleteMaterialType, MaterialTypeSearch, StockTypeSelect } from '@/api/zzmx'-->
|
|
<!--const SER_HZ = /^[\u4e00-\u9fa5]+$/-->
|
<!--export default {-->
|
<!-- name: 'WLLX',-->
|
<!-- components: {-->
|
<!-- Pagination-->
|
<!-- },-->
|
<!-- data() {-->
|
<!-- const validateName = (rule, value, callback) => {-->
|
<!-- if (!value) {-->
|
<!-- return callback(new Error('请输入编码'))-->
|
<!-- } else {-->
|
<!-- if (SER_HZ.test(value)) {-->
|
<!-- return callback(new Error('编码不能为中文'))-->
|
<!-- } else {-->
|
<!-- callback()-->
|
<!-- }-->
|
<!-- }-->
|
<!-- }-->
|
<!-- return {-->
|
<!-- mainHeight: 0,-->
|
<!-- tableHeight: 0,-->
|
<!-- form: {-->
|
<!-- materialtypecode: '', // 物料类型编码-->
|
<!-- materialtypename: '', // 物料类型名称-->
|
<!-- stocktypecode: '', // 存货类型编码-->
|
<!-- prop: 'lm_date', // 排序字段-->
|
<!-- order: 'desc', // 排序字段-->
|
<!-- page: 1, // 第几页-->
|
<!-- rows: 10 // 每页多少条-->
|
<!-- },-->
|
<!-- total: 10,-->
|
<!-- stocktypeArr: [], // 存货类型数组-->
|
<!-- tableData: [],-->
|
<!-- dialogVisible: false,-->
|
<!-- dialogForm: {-->
|
<!-- 'id': '',-->
|
<!-- 'materialtypecode': '',-->
|
<!-- 'materialtypename': '',-->
|
<!-- 'stocktypecode': '',-->
|
<!-- 'OperType': ''-->
|
<!-- },-->
|
<!-- operation: '',-->
|
<!-- dialogFormRules: {-->
|
<!-- materialtypecode: [-->
|
<!-- { required: true, validator: validateName, trigger: ['blur', 'change'] }-->
|
<!-- ],-->
|
<!-- materialtypename: [-->
|
<!-- { required: true, message: '请输入名称', trigger: ['blur', 'change'] }-->
|
<!-- ],-->
|
<!-- stocktypecode: [-->
|
<!-- { required: true, message: '请选择存货类型', trigger: ['blur', 'change'] }-->
|
<!-- ]-->
|
<!-- }-->
|
|
<!-- }-->
|
<!-- },-->
|
<!-- created() {-->
|
<!-- this.getMaterialTypeSearch()-->
|
<!-- this.getStockTypeSelect()-->
|
<!-- },-->
|
<!-- mounted() {-->
|
<!-- window.addEventListener('resize', this.getHeight)-->
|
<!-- this.getHeight()-->
|
<!-- },-->
|
<!-- methods: {-->
|
<!-- async getMaterialTypeSearch() {-->
|
<!-- const res = await MaterialTypeSearch(this.form)-->
|
<!-- this.tableData = res.data-->
|
<!-- this.total = res.count-->
|
<!-- },-->
|
<!-- async getStockTypeSelect() {-->
|
<!-- const { data: res } = await StockTypeSelect()-->
|
<!-- this.stocktypeArr = res-->
|
<!-- },-->
|
<!-- // 排序改变时-->
|
<!-- sortChange({ column, prop, order }) {-->
|
<!-- if (order === 'descending') {-->
|
<!-- order = 'desc'-->
|
<!-- } else if (order === 'ascending') {-->
|
<!-- order = 'asc'-->
|
<!-- } else {-->
|
<!-- order = 'desc'-->
|
<!-- }-->
|
<!-- this.form.order = order-->
|
<!-- this.form.prop = prop-->
|
<!-- this.getMaterialTypeSearch()-->
|
<!-- },-->
|
<!-- // 查询-->
|
<!-- search() {-->
|
<!-- this.getMaterialTypeSearch()-->
|
<!-- },-->
|
<!-- upload() {-->
|
|
<!-- },-->
|
<!-- // 重置-->
|
<!-- reset() {-->
|
<!-- this.form.materialtypecode = ''-->
|
<!-- this.form.materialtypename = ''-->
|
<!-- this.form.stocktypecode = ''-->
|
<!-- this.getMaterialTypeSearch()-->
|
<!-- },-->
|
<!-- // 新增按钮-->
|
<!-- add(operation) {-->
|
<!-- this.operation = operation-->
|
<!-- this.dialogVisible = true-->
|
<!-- },-->
|
<!-- // 修改按钮-->
|
<!-- edit(operation, row) {-->
|
<!-- this.operation = operation-->
|
<!-- this.dialogVisible = true-->
|
|
<!-- this.$nextTick(() => {-->
|
<!-- this.dialogForm.id = row.id-->
|
<!-- this.dialogForm.materialtypecode = row.code-->
|
<!-- this.dialogForm.materialtypename = row.name-->
|
<!-- this.dialogForm.stocktypecode = row.stockcode-->
|
<!-- })-->
|
<!-- },-->
|
<!-- // 删除按钮-->
|
<!-- async del(row) {-->
|
<!-- this.$confirm('是否确认删除?', '提示', {-->
|
<!-- confirmButtonText: '确定',-->
|
<!-- cancelButtonText: '取消',-->
|
<!-- type: 'warning'-->
|
<!-- }).then(() => {-->
|
<!-- DeleteMaterialType({ materialtypecode: row.code }).then(res => {-->
|
<!-- if (res.code === '200') {-->
|
<!-- this.$message.success('删除成功!')-->
|
<!-- this.getMaterialTypeSearch()-->
|
<!-- }-->
|
<!-- })-->
|
<!-- }).catch(() => {-->
|
<!-- this.$message.info('已取消删除')-->
|
<!-- })-->
|
<!-- },-->
|
<!-- // 对话框关闭事件-->
|
<!-- handleClose() {-->
|
<!-- this.dialogForm.id = ''-->
|
<!-- this.dialogForm.materialtypecode = ''-->
|
<!-- this.dialogForm.materialtypename = ''-->
|
<!-- this.dialogForm.stocktypecode = ''-->
|
<!-- this.$refs.dialogForm.clearValidate()-->
|
<!-- },-->
|
<!-- // 对话框取消-->
|
<!-- dialogVisibleCancel() {-->
|
<!-- this.dialogVisible = false-->
|
<!-- },-->
|
<!-- // 对话框确认-->
|
<!-- dialogVisibleConfirm() {-->
|
<!-- this.$refs.dialogForm.validate(valid => {-->
|
<!-- if (valid) {-->
|
<!-- const data = {-->
|
<!-- 'id': this.dialogForm.id,-->
|
<!-- 'materialtypecode': this.dialogForm.materialtypecode,-->
|
<!-- 'materialtypename': this.dialogForm.materialtypename,-->
|
<!-- 'stocktypecode': this.dialogForm.stocktypecode,-->
|
<!-- 'OperType': this.operation === 'add' ? 'Add' : 'Update'-->
|
<!-- }-->
|
<!-- AddUpdateMaterialType(data).then(res => {-->
|
<!-- if (res.code === '200') {-->
|
<!-- this.$message.success(this.operation === 'add' ? '添加成功！' : '修改成功！')-->
|
<!-- this.dialogVisible = false-->
|
<!-- this.getMaterialTypeSearch()-->
|
<!-- } else {-->
|
<!-- this.$message.error(this.operation === 'add' ? '添加失败！' : '修改失败！')-->
|
<!-- }-->
|
<!-- })-->
|
<!-- }-->
|
<!-- })-->
|
<!-- },-->
|
<!-- // 获取页面高度-->
|
<!-- getHeight() {-->
|
<!-- this.$nextTick(() => {-->
|
<!-- this.mainHeight = window.innerHeight - 250-->
|
<!-- this.tableHeight = this.mainHeight - 100-->
|
<!-- this.$refs.tableDataRef.doLayout()-->
|
<!-- })-->
|
<!-- }-->
|
<!-- }-->
|
<!--}-->
|
<!--</script>-->
|
|
<!--<style lang="scss" scoped>-->
|
<!--$main_color: #42b983;-->
|
<!--::v-deep .el-button--primary {-->
|
<!-- background-color: $main_color !important;-->
|
<!-- height: 30px;-->
|
<!-- display: flex;-->
|
<!-- align-items: center;-->
|
<!-- //border: 1px solid $main_color;-->
|
<!-- border: none;-->
|
<!-- padding: 0 20px;-->
|
<!--}-->
|
<!--::v-deep .el-button--primary:hover {-->
|
<!-- border: none;-->
|
<!--}-->
|
|
<!--::v-deep .el-button--info {-->
|
<!-- height: 30px;-->
|
<!-- display: flex;-->
|
<!-- align-items: center;-->
|
<!-- padding: 0 20px;-->
|
<!--}-->
|
|
<!--::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {-->
|
<!-- background-color: $main_color !important;-->
|
<!--}-->
|
|
<!--::v-deep .el-dialog__footer {-->
|
<!-- display: flex;-->
|
<!-- justify-content: flex-end;-->
|
<!--}-->
|
|
<!--.footerButton {-->
|
<!-- display: flex;-->
|
<!-- justify-content: end;-->
|
<!--}-->
|
|
<!--::v-deep .el-button--default {-->
|
<!-- background-color: #ffffff !important;-->
|
<!-- height: 30px;-->
|
<!-- display: flex;-->
|
<!-- align-items: center;-->
|
<!-- padding: 0 20px;-->
|
<!--}-->
|
|
<!--::v-deep .el-button--default:hover {-->
|
<!-- color: #606266;-->
|
<!--}-->
|
|
<!--::v-deep .el-dialog__body {-->
|
<!-- padding: 20px 100px !important;-->
|
<!--}-->
|
|
<!--::v-deep .el-radio__input.is-checked .el-radio__inner {-->
|
<!-- background-color: $main_color;-->
|
<!-- border-color: $main_color;-->
|
<!--}-->
|
|
<!--::v-deep .el-radio__input.is-checked + .el-radio__label {-->
|
<!-- color: $main_color !important;-->
|
<!--}-->
|
|
<!--::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {-->
|
<!-- border-color: $main_color;-->
|
<!-- background-color: $main_color;-->
|
<!--}-->
|
|
<!--::v-deep .el-input__inner {-->
|
<!-- height: 30px;-->
|
<!-- line-height: 30px;-->
|
<!--}-->
|
|
<!--::v-deep .el-table .caret-wrapper {-->
|
<!-- transform: scale(0.8);-->
|
<!--}-->
|
|
<!--::v-deep .cell {-->
|
<!-- display: flex !important;-->
|
<!-- align-items: center !important;-->
|
<!-- justify-content: space-between !important;-->
|
<!--}-->
|
|
<!--::v-deep .el-button--text {-->
|
<!-- color: $main_color;-->
|
<!-- font-size: 14px;-->
|
<!-- cursor: pointer;-->
|
<!--}-->
|
|
<!--.operationClass {-->
|
<!-- height: 23px;-->
|
<!-- display: flex;-->
|
<!-- justify-content: space-between;-->
|
<!-- align-items: center;-->
|
<!--}-->
|
|
<!--.el-icon-share {-->
|
<!-- color: $main_color;-->
|
<!-- cursor: pointer;-->
|
<!--}-->
|
|
<!--.el-checkbox.is-bordered.is-checked {-->
|
<!-- border-color: $main_color;-->
|
<!--}-->
|
|
<!--::v-deep .el-radio__input.is-checked .el-radio__inner {-->
|
<!-- border-color: $main_color;-->
|
<!-- background: $main_color;-->
|
<!--}-->
|
|
<!--::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner {-->
|
<!-- border-color: $main_color;-->
|
<!-- background: $main_color;-->
|
<!--}-->
|
|
<!--::v-deep .el-checkbox__input.is-checked + .el-checkbox__label {-->
|
<!-- color: $main_color !important;-->
|
<!--}-->
|
|
<!--::v-deep .el-checkbox.is-bordered + .el-checkbox.is-bordered {-->
|
<!-- margin: 10px 30px 0px 0;-->
|
<!--}-->
|
|
<!--::v-deep .el-radio__input.is-checked + .el-radio__label {-->
|
<!-- color: $main_color;-->
|
<!--}-->
|
|
<!--::v-deep .el-radio.is-bordered + .el-radio.is-bordered {-->
|
<!-- margin: 10px 30px 0px 0;-->
|
<!--}-->
|
|
<!--.body ::v-deep .el-divider {-->
|
<!-- border: 1px solid #eee;-->
|
<!-- width: 99%;-->
|
<!-- margin: 10px auto;-->
|
<!--}-->
|
|
<!--.body ::v-deep .el-form-item {-->
|
<!-- margin-bottom: 0;-->
|
<!--}-->
|
|
<!--::v-deep .el-input__inner:focus {-->
|
<!-- border-color: $main_color;-->
|
<!--}-->
|
<!--::v-deep .el-textarea__inner:focus{-->
|
<!-- border-color: $main_color;-->
|
<!--}-->
|
<!--::v-deep .el-select .el-input__inner:focus{-->
|
<!-- border-color: $main_color;-->
|
<!--}-->
|
|
<!--::v-deep .el-select-dropdown__item.selected{-->
|
<!-- color: $main_color;-->
|
<!--}-->
|
<!--.tableFixed{-->
|
<!-- ::v-deep .el-table__fixed-right{-->
|
<!-- height: 100% !important;-->
|
<!-- }-->
|
<!-- ::v-deep .el-table__fixed{-->
|
<!-- height: 100% !important;-->
|
<!-- }-->
|
<!--}-->
|
<!--</style>-->
|
