1.库存管理页面表头修改 2.销售出库表单字段添加

gaoluyang

2 天以前 77e29e8e84a8a44c924b304fcb06f81dec594b07

1.库存管理页面表头修改
2.销售出库表单字段添加

 src/views/calculator/index.vue

@@ -8,19 +8,14 @@
            <div class="title">通用设置</div>
            <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="110" label-position="top">
              <el-row>
                <el-col :span="8">
                <el-col :span="12">
                  <el-form-item label="待配煤种数量">
                    <el-input v-model="formInline.num" type="number" clearable @change="updateCoalFields" />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                <el-col :span="12">
                  <el-form-item label="参与配煤总吨数">
                    <el-input v-model="formInline.count" type="number" clearable />
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="每铲重量(吨/铲)">
                    <el-input v-model="formInline.count1" type="number" clearable />
                  </el-form-item>
                </el-col>
              </el-row>
@@ -75,6 +70,11 @@
                      <el-input v-model="item.weight3" type="number" clearable placeholder="可选" />
                    </el-form-item>
                  </el-col>
                  <el-col :span="6">
                    <el-form-item label="每铲重量(吨/铲)">
                      <el-input v-model="formInline.count1" type="number" clearable />
                    </el-form-item>
                  </el-col>
                </el-row>
                <el-divider />
              </div>

 src/views/salesOutbound/components/formDia.vue

@@ -73,6 +73,13 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="利润" prop="userName">
              <el-input v-model="form.userName" placeholder="利润" maxlength="30" type="number" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <template #footer>
        <div class="dialog-footer">

 src/views/salesOutbound/index.vue

@@ -101,8 +101,9 @@
  { prop: "address", label: "煤种", minWidth: 150 },
  { prop: "unit", label: "单位", minWidth: 150 },
  { prop: "bank", label: "库存数量", minWidth: 120 },
  { prop: "bankAccount", label: "单价(含税)", minWidth: 150 },
  { prop: "contacts", label: "总价(含税)", minWidth: 100 },
  { prop: "bankAccount", label: "销售单价(含税)", minWidth: 150 },
  { prop: "contacts", label: "销售总价(含税)", minWidth: 120 },
  { prop: "contacts", label: "利润", minWidth: 90 },
  { prop: "contactAddress", label: "热值", minWidth: 150 },
  { prop: "maintainer", label: "维护人", minWidth: 100 },
  { prop: "maintainDate", label: "维护日期", minWidth: 100 },

 src/views/warehouseManagement/index.vue

@@ -54,29 +54,29 @@
      </el-tabs>
      <!-- 操作按钮区 -->
      <el-space>
        <el-button type="primary" :icon="Plus" >新建</el-button>
        <el-button type="danger" :icon="Delete">删除</el-button>
        <el-button type="info" plain :icon="Download">导出</el-button>
        <el-button type="success" plain :icon="Refresh" v-if="activeTab=== 'officialInventory'" @click="mergeRows">合并</el-button>
      </el-space>
      <div>
        <el-table :data="tableData" border @selection-change="selectionChange">
        <el-table :data="tableData" border @selection-change="selectionChange" style="width: 100%">
          <el-table-column type="selection" width="55" align="center" />
          <el-table-column label="序号" type="index" width="60" align="center" />
          <el-table-column prop="name" label="供货商名称" width="180" sortable/>
          <el-table-column prop="type" label="煤种" sortable/>
          <el-table-column prop="unit" label="单位" width="70"/>
          <el-table-column prop="number" label="库存数量" sortable/>
          <el-table-column prop="number" label="库存数量" sortable min-width="110"/>
          <el-table-column prop="money" label="单价（含税）" sortable width="130"/>
          <el-table-column prop="money1" label="总价（含税）" width="130" />
          <el-table-column prop="money2" label="成本单价" />
          <el-table-column prop="money3" label="利润" />
          <el-table-column prop="money4" label="煤质" sortable/>
          <el-table-column prop="createUser" label="登记人" />
          <el-table-column prop="createTime" label="登记日期" />
          <el-table-column fixed="right" label="操作" min-width="90" align="center">
            <template #default>
              <el-button link type="primary" size="small">编辑</el-button>
          <el-table-column label="煤质" align="center" v-if="activeTab=== 'officialInventory'" width="600">
            <el-table-column v-for="col in columnTitle" :key="col.prop" :prop="col.prop" :label="col.label" align="center" sortable min-width="200"/>
          </el-table-column>
          <el-table-column prop="createUser" label="登记人" width="180"/>
          <el-table-column prop="createTime" label="登记日期" width="180"/>
          <el-table-column fixed="right" label="操作" min-width="90" align="center" v-if="activeTab !== 'officialInventory'">
            <template #default="scope">
              <el-button link type="primary" size="small" @click="reviewDia(scope.row)">审核</el-button>
            </template>
          </el-table-column>
        </el-table>
@@ -90,6 +90,90 @@
        />
      </div>
    </el-card>
    <!-- 审核待入库弹框 -->
    <el-dialog title="审核入库" v-model="reviewVisible" width="1000px">
      <el-form :model="form" :rules="rules" ref="userRef" label-width="180px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="供货商名称" prop="userName">
              <el-input v-model="form.name" placeholder="请输入手机号码" maxlength="30" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="煤种" prop="nickName">
              <el-input v-model="form.type" placeholder="请输入姓名" maxlength="30" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="单位" prop="userName">
              <el-input v-model="form.unit" placeholder="请输入手机号码" maxlength="30" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="库存数量" prop="nickName">
              <el-input v-model="form.num" placeholder="请输入姓名" maxlength="30" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="单价(含税)" prop="userName">
              <el-input v-model="form.priceOne" placeholder="请输入手机号码" maxlength="30" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="总价(含税)" prop="nickName">
              <el-input v-model="form.priceAll" placeholder="请输入姓名" maxlength="30" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="成本单价" prop="userName">
              <el-input v-model="form.price" placeholder="请输入手机号码" maxlength="30" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="煤质" prop="userName">
              <el-input v-model="form.type2" placeholder="请输入手机号码" maxlength="30" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="全水含量百分比 (%)" prop="userName">
              <el-input v-model="form.value1" placeholder="请输入手机号码" maxlength="30" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="固定碳百分比 (%)" prop="nickName">
              <el-input v-model="form.value2" placeholder="请输入姓名" maxlength="30" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="低位发热量（单位：千卡/千克）" prop="userName">
              <el-input v-model="form.value3" placeholder="请输入手机号码" maxlength="30" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="灰分百分比 (%)" prop="nickName">
              <el-input v-model="form.value4" placeholder="请输入姓名" maxlength="30" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button type="primary" @click="submitReviewForm">确 定</el-button>
          <el-button @click="cancelReview">取 消</el-button>
        </div>
      </template>
    </el-dialog>
    <!-- 合并数据弹框 -->
    <el-dialog title="合并库存" v-model="mergeVisible" width="800px">
      <el-form :model="form" :rules="rules" ref="userRef" label-width="100px">
@@ -148,16 +232,18 @@
const total = ref(0);
const pageNum = ref(1);
const pageSize = ref(10);
// 审核弹框
const reviewVisible = ref(false);
// 合并弹框
const mergeVisible = ref(false)
const data = reactive({
  form: {},
  rules: {
    userName: [{ required: true, message: "登录账号不能为空", trigger: "blur" }, { pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }],
    nickName: [{ required: true, message: "用户姓名不能为空", trigger: "blur" }],
    roleIds: [{ required: true, message: "角色不能为空", trigger: "change" }],
    deptId: [{ required: true, message: "部门不能为空", trigger: "change" }],
    password: [{ required: true, message: "用户密码不能为空", trigger: "blur" }, { min: 5, max: 20, message: "用户密码长度必须介于 5 和 20 之间", trigger: "blur" }, { pattern: /^[^<>"'|\\]+$/, message: "不能包含非法字符：< > \" ' \\\ |", trigger: "blur" }],
    // userName: [{ required: true, message: "登录账号不能为空", trigger: "blur" }],
    // nickName: [{ required: true, message: "用户姓名不能为空", trigger: "blur" }],
    // roleIds: [{ required: true, message: "角色不能为空", trigger: "change" }],
    // deptId: [{ required: true, message: "部门不能为空", trigger: "change" }],
    // password: [{ required: true, message: "用户密码不能为空", trigger: "blur" }],
  }
})

@@ -177,6 +263,7 @@
  identifyNumber: "",
  address: "",
})
const columnTitle = ref([])
onMounted(() => {
  handleTabClick({ props: { name: "supplier" } });
});
@@ -208,14 +295,20 @@
}
const getList = () => {
  tableLoading.value = true;
  // 赋值煤质表头展示字段
  columnTitle.value = [
    {prop: 'value1', label: '百分比1'},
    {prop: 'value2', label: '百分比2'},
    {prop: 'value3', label: '百分比3'},
  ]
  setTimeout(() => {
    // 暂时引入测试数据
    tableData.value = [
      { name: "供应商A", type: "动力煤", unit: "吨", number: 120, money: 500, money1: 200, money2: 200, money3: 300, money4: '高位', createUser: 'admin', createTime: '2025-06-01' },
      { name: "供应商A", type: "动力煤", unit: "吨", number: 100, money: 600, money1: 300, money2: 300, money3: 300, money4: '低位', createUser: 'admin', createTime: '2025-06-01' },
      { name: "供应商B", type: "焦煤", unit: "吨", number: 300, money: 789,money1: 400, money2: 400, money3: 400, money4: '高位', createUser: 'admin', createTime: '2025-06-01'  },
      { name: "供应商B", type: "焦煤", unit: "吨", number: 256, money: 800, money1: 420, money2: 420, money3: 420, money4: '低位', createUser: 'admin', createTime: '2025-06-01'  },
      { name: "供应商C", type: "无烟煤", unit: "吨", number: 256, money: 700, money1: 300, money2: 300, money3: 300, money4: '高位', createUser: 'admin', createTime: '2025-06-01'  }
      { name: "供应商A", type: "动力煤", unit: "吨", number: 120, money: 500, money1: 200, money2: 200, money3: 300, money4: '高位', createUser: 'admin', createTime: '2025-06-01', value1: 12, value2: 23, value3: 14 },
      { name: "供应商A", type: "动力煤", unit: "吨", number: 100, money: 600, money1: 300, money2: 300, money3: 300, money4: '低位', createUser: 'admin', createTime: '2025-06-01', value1: 14, value2: 23, value3: 14 },
      { name: "供应商B", type: "焦煤", unit: "吨", number: 300, money: 789,money1: 400, money2: 400, money3: 400, money4: '高位', createUser: 'admin', createTime: '2025-06-01', value1: 12, value2: 13, value3: 23  },
      { name: "供应商B", type: "焦煤", unit: "吨", number: 256, money: 800, money1: 420, money2: 420, money3: 420, money4: '低位', createUser: 'admin', createTime: '2025-06-01', value1: 14, value2: 23, value3: 14  },
      { name: "供应商C", type: "无烟煤", unit: "吨", number: 256, money: 700, money1: 300, money2: 300, money3: 300, money4: '高位', createUser: 'admin', createTime: '2025-06-01', value1: 12, value2: 13, value3: 32  }
    ];
    total.value = tableData.value.length;
    tableLoading.value = false;
@@ -264,6 +357,10 @@
const selectionChange = (rows) => {
  selectedRows.value = rows
}
// 打开审核弹框
const reviewDia = (row) => {
  reviewVisible.value = true
}
// 合并库存数据方法
const mergeRows = () => {
  if (selectedRows.value.length < 2) {
@@ -280,6 +377,14 @@
const cancel = () => {
  mergeVisible.value = false
}
// 提交审核表单
const submitReviewForm = () => {

}
// 关闭审核弹框
const cancelReview = () => {
  reviewVisible.value = false
}
</script>

<style scoped>