feat: 对接辅材列表

src/api/auxiliaryPriceManagement.js

@@ -0,0 +1,49 @@
+import request, { postBlob, getBlob, handleImport } from '@/utils/request'
+
+export function materialNormList(data) {
+  return request({
+    url: `/websit/goods/m/list?moduleId=${data.moduleId}`,
+    method: 'post',
+    data
+  })
+}
+
+export function materialNormListExport(data, name) {
+  return postBlob({
+    url: '/websit/goods/m/list/export',
+    data,
+    name
+  })
+}
+
+export function materialNormAdd(data) {
+  return request({
+    url: '/websit/goods/add',
+    method: 'post',
+    data: data
+  })
+}
+
+export function materialNormEdit(data) {
+  return request({
+    url: '/websit/goods/edit',
+    method: 'post',
+    data: data
+  })
+}
+
+export function materialNormDetail(params) {
+  return request({
+    url: '/websit/goods/detail',
+    method: 'post',
+    params
+  })
+}
+
+export function materialNormBatchUpdateStatus(params) {
+  return request({
+    url: '/websit/goods/batch/update/status',
+    method: 'post',
+    params
+  })
+}

src/views/auxiliaryFittings/auxiliaryDataManagement/auxiliaryPriceManagement/index.vue

@@ -0,0 +1,326 @@
+<template>
+  <template-page ref="pageRef" :get-list="getList" :table-attributes="tableAttributes" :table-events="tableEvents"
+    :options-evens-group="optionsEvensGroup" :moreParameters="moreParameters" :column-parsing="columnParsing"
+    :operation="operation" :exportList="exportList">
+    <el-dialog title="" width="860px" custom-class="diy-dialog" append-to-body :modal="true" :visible.sync="formDialog"
+      :show-close="true" :close-on-click-modal="false" :modal-append-to-body="false" :before-close="formCancel">
+      <zj-form-container ref="formRef" :form-data="formData" :styleSwitch="false">
+        <zj-form-module :title="formDialogTitles[formDialogType]" label-width="120px" :showPackUp="false"
+          :form-data="formData" :form-items="formItems">
+        </zj-form-module>
+      </zj-form-container>
+      <div slot="footer" class="dialog-footer">
+        <el-button size="mini" @click="formCancel">取 消</el-button>
+        <el-button size="mini" @click="formConfirm" type="primary">确 定</el-button>
+      </div>
+    </el-dialog>
+  </template-page>
+</template>
+
+<script>
+import TemplatePage from '@/components/template/template-page-1.vue'
+import import_mixin from '@/components/template/import_mixin.js'
+import { required, mobileRequired, mobile } from '@/components/template/rules_verify.js'
+import { materialNormList, materialNormListExport, materialNormAdd, materialNormEdit, materialNormDetail, materialNormBatchUpdateStatus } from "@/api/auxiliaryPriceManagement";
+import { materialCategoryTree } from "@/api/auxiliaryMaterialClass";
+import { getTypeList } from "@/api/auxiliaryFittings/attachmentProfile";
+export default {
+  components: { TemplatePage },
+  mixins: [import_mixin],
+  data() {
+    return {
+      // 事件组合
+      optionsEvensGroup: [
+        [
+          [
+            {
+              name: '新建',
+              isRole: true,
+              click: this.addData
+            }
+          ],
+        ],
+        [
+          [
+            {
+              name: '批量上架',
+              isRole: true,
+              click: () => {
+                if (this.recordSelected.length) {
+                  this.setRowStatus("ON")
+                } else {
+                  this.$message({
+                    type: 'warning',
+                    message: `请先勾选需要设置的数据！`,
+                  });
+                }
+              }
+            }
+          ],
+          [
+            {
+              name: '批量下架',
+              isRole: true,
+              click: () => {
+                if (this.recordSelected.length) {
+                  this.setRowStatus("OFF")
+                } else {
+                  this.$message({
+                    type: 'warning',
+                    message: `请先勾选需要设置的数据！`,
+                  });
+                }
+              }
+            }
+          ],
+        ],
+      ],
+      // 表格属性
+      tableAttributes: {
+        // 启用勾选列
+        selectColumn: true
+      },
+      // 表格事件
+      tableEvents: {
+        'selection-change': this.selectionChange
+      },
+      // 勾选选中行
+      recordSelected: [],
+      /** 表单变量 */
+      formDialogType: 0,
+      formDialogTitles: ["新增", "编辑"],
+      formDialog: false,
+      formData: {
+        companyWechatName: JSON.parse(localStorage.getItem('greemall_user')).companyName,
+        "convertBitScale": "",
+        "cost": "",
+        "createBy": "",
+        "createTime": "",
+        "goodsBarcodeId": "",
+        "goodsCategoryId": "",
+        "goodsCode": "",
+        "goodsId": "",
+        "goodsImage": "",
+        "goodsName": "",
+        "goodsSalesConvertQty": "",
+        "goodsSalesUnit": "",
+        "goodsSpecification": "",
+        "goodsSpell": "",
+        "goodsStockUnit": "",
+        "goodsType": "",
+        "manageWorkerStock": "",
+        "marketPrice": "",
+        "normAmount": "",
+        "normType": "",
+        "outWebsitAmount": "",
+        "outWorkerAmount": "",
+        "parentCategoryId": "",
+        "remark": "",
+        "selfWebsitAmount": "",
+        "selfWorkerAmount": "",
+        "status": "ON",
+      },
+      partsUnitList: [],
+      materialCategoryTree: []
+    }
+  },
+  computed: {
+    // 更多参数
+    moreParameters() {
+      return []
+    },
+    formItems() {
+      return [{
+        md: 12,
+        isShow: true,
+        name: 'el-input',
+        attributes: { placeholder: '请输入', disabled: true },
+        formItemAttributes: {
+          label: '所属商户',
+          prop: 'companyWechatName',
+          rules: [...required]
+        }
+      }, {
+        md: 12,
+        isShow: true,
+        name: 'el-radio',
+        options: [{ label: "上架", value: "ON" }, { label: "下架", value: "OFF" }],
+        attributes: {},
+        formItemAttributes: {
+          label: '状态',
+          prop: 'status',
+          rules: [...required]
+        },
+      }, {
+        md: 12,
+        isShow: true,
+        name: 'el-cascader',
+        attributes: { style: "width:100%", placeholder: '请输入', options: this.materialCategoryTree, 'show-all-levels': false, props: { value: "categoryId", label: "categoryName", children: "child", emitPath: false }, clearable: true },
+        formItemAttributes: {
+          label: '选择分类',
+          prop: 'goodsCategoryId',
+          rules: [...required]
+        }
+      }, {
+        md: 12,
+        isShow: true,
+        name: 'el-input',
+        attributes: { placeholder: '请输入' },
+        formItemAttributes: {
+          label: '辅材名称',
+          prop: 'goodsName',
+          rules: [...required]
+        }
+      }, {
+        md: 12,
+        isShow: true,
+        name: 'el-select-add',
+        labelKey: 'dictValue',
+        valueKey: 'dictCode',
+        options: this.partsUnitList,
+        attributes: { placeholder: '请选择单位', filterable: true, clearable: true },
+        formItemAttributes: {
+          label: '单位',
+          prop: 'goodsSalesUnit',
+          rules: [...required]
+        }
+      }, {
+        md: 12,
+        isShow: true,
+        name: 'el-input',
+        attributes: { placeholder: '请输入' },
+        formItemAttributes: {
+          label: '商品代码',
+          prop: 'goodsCode',
+          rules: []
+        }
+      }, {
+        md: 12,
+        isShow: true,
+        name: 'el-input',
+        attributes: { placeholder: '请输入' },
+        formItemAttributes: {
+          label: '规格型号',
+          prop: 'goodsSpecification',
+          rules: []
+        }
+      }, {
+        md: 12,
+        isShow: true,
+        name: 'el-input',
+        attributes: { placeholder: '请输入', type: "number" },
+        formItemAttributes: {
+          label: '采购价格',
+          prop: 'cost',
+          rules: []
+        }
+      }, {
+        md: 12,
+        isShow: true,
+        name: 'el-input',
+        attributes: { placeholder: '请输入', type: "number" },
+        formItemAttributes: {
+          label: '销售价格',
+          prop: 'marketPrice',
+          rules: [...required]
+        }
+      }, {
+        md: 12,
+        isShow: true,
+        name: 'slot-component',
+        attributes: { placeholder: '请输入' },
+        formItemAttributes: {
+          label: '',
+          prop: '',
+          'label-width': "0px"
+        },
+        render: (h, { props, onInput }) => {
+          var { value } = props
+          return (
+            <div style="color:red">注：销售价格即网点销售给师傅的辅材价格</div>
+          )
+        }
+      }, {
+        md: 24,
+        isShow: true,
+        name: 'el-input',
+        attributes: { placeholder: '请输入', type: "textarea" },
+        formItemAttributes: {
+          label: '备注',
+          prop: 'remark',
+          rules: []
+        }
+      }]
+    }
+  },
+  methods: {
+    // 列表请求函数
+    getList: materialNormList,
+    // 列表导出函数
+    exportList: materialNormListExport,
+    // 表格列解析渲染数据更改
+    columnParsing(item, defaultData) {
+      return defaultData
+    },
+    // 监听勾选变化
+    selectionChange(data) {
+      this.recordSelected = data
+    },
+    // 表格操作列
+    operation(h, { row, index, column }) {
+      return (
+        <div class='operation-btns'>
+          <el-button type="text" onClick={() => {
+            materialNormDetail({ id: row.goodsId }).then(res => {
+              Object.assign(this.formData, res.data)
+              this.formDialogType = 1
+              this.openForm()
+            })
+          }}>编辑</el-button>
+        </div>
+      )
+    },
+    addData() {
+      this.formDialogType = 0
+      this.openForm()
+    },
+    openForm() {
+      Promise.all([
+        getTypeList({ "pageNum": 1, "pageSize": -1, "params": [{ "param": "a.dict_type", "compare": "=", "value": `PARTS_UNIT` }, { "param": "a.status", "compare": "=", "value": "ON" }] }),
+        materialCategoryTree()
+      ]).then(([res1, res2]) => {
+        this.partsUnitList = res1.data.records
+        this.materialCategoryTree = res2.data
+        this.formDialog = true;
+      })
+    },
+    formCancel() {
+      this.$refs.formRef.$refs.inlineForm.clearValidate()
+      this.$data.formData = this.$options.data().formData
+      this.formDialog = false
+    },
+    formConfirm() {
+      this.$refs.formRef.validate((valid, invalidFields, errLabels) => {
+        if (valid) {
+          ([materialNormAdd, materialNormEdit][this.formDialogType])(this.formData).then(res => {
+            this.$message({ type: 'success', message: `${this.formDialogTitles[this.formDialogType]}成功!` })
+            this.formCancel()
+            this.$refs.pageRef.refreshList()
+          })
+        }
+      })
+    },
+    setRowStatus(type) {
+      materialNormBatchUpdateStatus({
+        ids: this.recordSelected.map(item => item.goodsId).join(','),
+        stateEnum: type
+      }).then(res => {
+        this.$message({ type: 'success', message: `设置成功!` })
+        this.$refs.pageRef.refreshList()
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>