feat(盘点模块): 完善盘点功能并优化UI

lixiangyu

21 小时以前 3a5e80d8f3b890edd46381fa9b6218f4cc7e47cb

feat(盘点模块): 完善盘点功能并优化UI

- 在ToolStocktakingModal.vue中添加提交后自动刷新数据
- 统一多个列表页面的搜索区域样式
- 在CuttingToolList.vue中启用导入导出功能
- 优化ToolStocktakingForm.vue表单，使用字典选择器选择盘点人并移除无用字段
- 在ToolStocktakingList.vue中添加查询条件和表格列优化

 src/views/cms/CuttingInboundList.vue

@@ -1,7 +1,7 @@
<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
   <div class="table-page-search-wrapper">
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :md="6" :sm="8">

 src/views/cms/CuttingInventoryList.vue

@@ -1,7 +1,7 @@
<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
   <div class="table-page-search-wrapper">
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :md="6" :sm="8">

 src/views/cms/CuttingToolList.vue

@@ -52,10 +52,11 @@
    <!-- 操作按钮区域 -->
    <div class="table-operator">
      <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
      <!-- <a-button type="primary" icon="download" @click="handleExportXls('刀具信息')">导出</a-button>
      <!-- 导入、导出功能 -->
      <a-button type="primary" icon="download" @click="handleExportXls('刀具信息')">导出</a-button>
      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
        <a-button type="primary" icon="import">导入</a-button>
      </a-upload> -->
      </a-upload>
    </div>

    <!-- table区域-begin -->

 src/views/cms/ToolStocktakingList.vue

@@ -4,6 +4,51 @@
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
                    <a-col :md="6" :sm="8">
            <a-form-item label="盘点单号">
              <a-input placeholder="请输入盘点单号" v-model="queryParam.orderCode" />
            </a-form-item>
          </a-col>
          <a-col :md="6" :sm="8">
              <a-form-item label="盘点状态">
                <a-input placeholder="请输入盘点状态" v-model="queryParam.orderStatus" />
              </a-form-item>
          </a-col>
          <!-- <a-col :md="6" :sm="8">
              <a-form-item label="盘点人">
                <a-input placeholder="请选择盘点人" v-model="queryParam.operator" />
              </a-form-item>
          </a-col> -->
          <a-col :md="6" :sm="8">
              <a-form-item label="盘点人">
                <j-search-select-tag
                  placeholder="请选择盘点人"
                  v-model="queryParam.operator"
                  dict="sys_user,realname,id,del_flag=0"
                />
              </a-form-item>
          </a-col>
          <a-col
            :md="6"
            :sm="8"
          >
            <span
              style="float: left;overflow: hidden;"
              class="table-page-search-submitButtons"
            >
              <a-button
                type="primary"
                @click="searchQuery"
                icon="search"
              >查询</a-button>
              <a-button
                type="primary"
                @click="searchReset"
                icon="reload"
                style="margin-left: 8px"
              >重置</a-button>
            </span>
          </a-col>
        </a-row>
      </a-form>
    </div>
@@ -121,11 +166,11 @@
              return parseInt(index)+1;
            }
          },
          {
            title:'删除标记',
            align:"center",
            dataIndex: 'delFlag'
          },
          // {
          //   title:'删除标记',
          //   align:"center",
          //   dataIndex: 'delFlag'
          // },
          {
            title:'盘点单号',
            align:"center",
@@ -186,6 +231,11 @@
    methods: {
      initDictConfig(){
      },
      handleAdd(){
      this.$refs.modalForm.add()
      this.$refs.modalForm.title = '新增'
      this.$refs.modalForm.disableSubmit = false      
      },
      getSuperFieldList(){
        let fieldList=[];
        fieldList.push({type:'int',value:'delFlag',text:'删除标记'})

 src/views/cms/modules/ToolStocktakingForm.vue

@@ -3,11 +3,12 @@
    <j-form-container :disabled="formDisabled">
      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
        <a-row>
          <a-col :span="24">
          <!-- 注释的是del_flag默认是0不需要输入 -->
          <!-- <a-col :span="24">
            <a-form-model-item label="删除标记" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="delFlag">
              <a-input-number v-model="model.delFlag" placeholder="请输入删除标记" style="width: 100%" />
            </a-form-model-item>
          </a-col>
          </a-col> -->
          <a-col :span="24">
            <a-form-model-item label="盘点单号" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="orderCode">
              <a-input v-model="model.orderCode" placeholder="请输入盘点单号"  ></a-input>
@@ -20,7 +21,12 @@
          </a-col>
          <a-col :span="24">
            <a-form-model-item label="盘点人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="operator">
              <a-input v-model="model.operator" placeholder="请输入盘点人"  ></a-input>
              <!-- <a-input v-model="model.operator" placeholder="请输入盘点人"  ></a-input> -->
              <j-search-select-tag 
                placeholder="请选择盘点人" 
                v-model="model.operator" 
                dict="sys_user,realname,id,del_flag=0" 
              />
            </a-form-model-item>
          </a-col>
          <a-col :span="24">
@@ -43,10 +49,11 @@

  import { httpAction, getAction } from '@/api/manage'
  import { validateDuplicateValue } from '@/utils/util'

  import JSearchSelectTag from '@/components/dict/JSearchSelectTag'
  export default {
    name: 'ToolStocktakingForm',
    components: {
      JSearchSelectTag,
    },
    props: {
      //表单禁用

 src/views/cms/modules/ToolStocktakingModal.vue

@@ -47,6 +47,7 @@
      },
      handleOk () {
        this.$refs.realForm.submitForm();
        this.loadData()
      },
      submitCallback(){
        this.$emit('ok');