feat:订单成本修改

src/apis/service/dataCorrection/costCorrection/index.js

@@ -0,0 +1,17 @@
+import http from "@/apis/axios";
+const api = "admin/";
+
+export default {
+  changeinfo: (data, params) => http(api + "origininfo", data, "post", params),
+  changestatus: (data, params) => http(api + "dachangestatus", data, "post", params),
+
+
+  list: (data, params) => http(api + "originlist", data, "post", params),
+  create: (data, params) => http(api + "originadd", data, "post", params),
+  // 获取全部账户列表
+  accountall: (data, params) => http(api + 'userCompanyBasicList', data, 'post', params),
+
+  cgdgetchangesupplierlist: (data, params) => http(api + "dachangelist", data, "post", params),
+  detail: (data, params) => http(api + "cgdinfo", data, "post", params),
+  saleDetail: (data, params) => http(api + "saleinfo", data, "post", params),
+}

src/views/dataCorrection/costCorrection/columns.js

@@ -0,0 +1,49 @@
+const columns = [
+  {
+    prop: "orderCode",
+    label: "销售单编号",
+    minWidth: "155"
+  },
+  {
+    prop: 'supplierName',
+    label: '业务公司',
+    width: '200px',
+    _slot_:'supplierName'
+  },
+  {
+    prop: "origin_price",
+    label: "原成本总额",
+    minWidth: "185"
+  },
+  {
+    prop: "change_fee",
+    label: "修改额",
+    minWidth: "185"
+  },
+  {
+    prop: "change_price",
+    label: "修改后成本总额",
+    minWidth: "185"
+  },
+  {
+    prop: "apply_name",
+    minWidth: "150px",
+    label: "修改人",
+  },
+  {
+    prop: "addtime",
+    minWidth: "150px",
+    label: "创建时间",
+  },
+  {
+    label: '操作',
+    width: '60px',
+    fixed: "right",
+    _slot_: 'operation'
+  }
+]
+
+
+export {
+  columns,
+}

src/views/dataCorrection/costCorrection/components/_columns.js

@@ -0,0 +1,312 @@
+const columns =  [
+  { type: 'selection', fixed: 'left', _noset_: true },
+  {
+    prop: 'orderCode',
+    label: '订单编号',
+    width: '155px'
+  },
+
+  // {
+  //   prop: "good_code",
+  //   label: "商品编码",
+  //   width:"128"
+  // },
+  {
+    prop: 'good_name',
+    label: '商品名称',
+    _slot_: 'good_name',
+    width: '150'
+  },
+  {
+    prop: 'good_class',
+    label: '商品分类',
+    width: '120'
+  },
+  {
+    prop: 'good_num',
+    label: '商品数量',
+    width: '110'
+  },
+  {
+    prop: 'sale_price',
+    label: '销售单价',
+    width: '110'
+  },
+  {
+    prop: 'total_price',
+    label: '总价',
+    width: '110'
+  },
+  {
+    prop: 'status',
+    label: '订单状态',
+    _slot_: 'status',
+    width: '120px'
+  },
+  {
+    prop: 'use_type',
+    label: '平台类型',
+    _slot_: 'use_type',
+    width: '80'
+  },
+
+  // {
+  //   prop: 'cgd_status',
+  //   label: '采购单状态',
+  //   _slot_: 'cgd_status',
+  //   width: '120px'
+  // },
+  {
+    prop: 'order_source',
+    label: '订单来源',
+    _slot_: 'order_source',
+    width: '100px'
+  },
+  {
+    prop: 'order_type',
+    label: '商品类型',
+    _slot_: 'order_type',
+    width: '100px'
+  },
+  // {
+  //   prop: 'useage',
+  //   label: '订单用途',
+  //   width: '100px'
+  // },
+
+  {
+    prop: 'customer_code',
+    label: '客户公司编码',
+    width: '155px'
+  },
+  {
+    prop: 'customerName',
+    label: '企业客户名称',
+    width: '125px'
+  },
+  {
+    prop: 'supplierName',
+    label: '销售方公司',
+    width: '125px'
+  },
+  // {
+  //   prop: "company_name",
+  //   label: "订单创建人部门",
+  //   minWidth: "100px",
+  // },
+
+  {
+    prop: 'apply_name',
+    label: '订单创建人',
+    width: '85px'
+  },
+  {
+    prop: 'cgder',
+    label: '供应商负责人',
+    width: '95'
+  },
+  {
+    prop: 'good_creater',
+    label: '商品创建人',
+    width: '85px'
+  },
+  {
+    prop: 'addtime',
+    label: '创建时间',
+    width: '145px'
+  },
+]
+
+
+const ShowDataTableColumns=[
+  {
+    prop: 'orderCode',
+    label: '订单编号',
+    span: 6
+  },
+  {
+    prop: 'status',
+    label: '订单状态',
+    _slot_: 'status',
+    span: 6
+  },
+  {
+    prop: 'order_source',
+    label: '订单来源',
+    _slot_: 'order_source',
+    span: 6
+  },
+  {
+    prop: 'order_type',
+    label: '商品类型',
+    _slot_: 'order_type',
+    span: 6
+  },
+
+  {
+    prop: 'supplierName',
+    label: '销售方公司',
+    _slot_: 'supplierName',
+    span: 12
+  },
+  {
+    prop: 'companyName',
+    label: '购买方公司',
+    _slot_: 'companyName',
+    span: 12
+  },
+
+  {
+    prop: 'platform_name',
+    label: '所属平台',
+    span: 12
+  },
+  {
+    prop: 'apply_name',
+    label: '创建人',
+    span: 6
+  },
+  {
+    prop: 'addtime',
+    label: '创建时间',
+    span: 6
+  },
+  {
+    prop: 'is_active',
+    label: '活动类型',
+    _slot_: 'is_active',
+    span: 12
+  },
+  {
+    prop: 'arrive_time',
+    label: '要求到货时间',
+    span: 6
+  },
+  {
+    prop: 'paytime',
+    label: '承诺付款时间',
+    span: 6
+  },
+
+  {
+    prop: 'good_num',
+    label: '购买数量',
+    span: 4
+  },
+  {
+    prop: 'send_num',
+    label: '已发数量',
+    span: 4
+  },
+  {
+    prop: 'wsend_num',
+    label: '未发数量',
+    span: 4
+  },
+  {
+    prop: 'th_num',
+    label: '退货数量',
+    span: 4
+  },
+
+  {
+    prop: 'sale_price',
+    label: '售价',
+    append: '元',
+    span: 4
+  },
+  {
+    prop: 'total_price',
+    label: '总金额',
+    append: '元',
+    span: 4
+  },
+  {
+    prop: 'returnCode',
+    label: '售后来源单号',
+    span: 6
+  },
+  {
+    prop: 'proof_id',
+    label: '比价凭证',
+    _slot_: 'proof_id',
+    span: 6
+  },
+
+  {
+    prop: 'post_fee',
+    label: '物流费用',
+    append: '元',
+    span: 6
+  },
+  {
+    prop: 'send_type',
+    label: '下单方式',
+    _slot_: 'send_type',
+    span: 6
+  },
+
+  {
+    prop: 'useage',
+    label: '订单用途',
+    span: 24
+  },
+
+  {
+    prop: 'remark',
+    label: '备注',
+    span: 24
+  },
+
+  {
+    prop: 'platform_order',
+    label: '平台订单号',
+    span: 24
+  },
+  {
+    prop: 'workNo',
+    label: '其他单号',
+    span: 24
+  }
+]
+const statusOptions = [
+  { value: "0", label: "待发货" },
+  { value: "1", label: "待发货完成" },
+  { value: "2", label: "发货已完成" },
+  { value: "3", label: "订单已取消" },
+];
+
+const mianColumns=[
+  {
+    prop: "orderCode",
+    label: "销售单编号",
+    span:  6
+  },
+  {
+    prop: "addtime",
+    label: "创建时间",
+    span: 6
+  },
+  {
+    prop: "apply_name",
+    label: "修改人",
+    span: 4
+  },
+  {
+    prop:'origin_price',
+    label: "原总成本",
+    span: 8 ,
+  },
+  {
+    label:"修改额",
+    prop: "change_fee",
+    span: 12
+  },
+  {
+    label: "修改后总成本",
+    prop: 'change_price',
+    span: 12
+  }
+]
+
+export { columns, statusOptions, ShowDataTableColumns, mianColumns }

src/views/dataCorrection/costCorrection/components/addEdit.vue

@@ -0,0 +1,504 @@
+<template>
+  <el-dialog
+    title="销售单详情"
+    v-loading="loading"
+    :center="true"
+    align="left"
+    top="2vh"
+    width="1080px"
+    :close-on-click-modal="false"
+    :visible.sync="showModelThis"
+    element-loading-text="拼命加载中"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(0, 0, 0, 0.8)"
+    @close="showModelThis = false"
+  >
+    <el-card style="margin-top: -20px">
+      <ex-table
+        v-loading="loading"
+        :table="table"
+        :data="tableData"
+        :columns="columns"
+        :page="pageInfo"
+        :size="size"
+        @page-curr-change="handlePageChange"
+        @page-size-change="handleSizeChange"
+        @selection-change="list => selected = list"
+        @screen-reset="
+          pageInfo.curr = 1;
+          parmValue.page = 1;
+          searchList();
+        "
+        @screen-submit="
+          pageInfo.curr = 1;
+          parmValue.page = 1;
+          searchList();
+        "
+      >
+        <template #table-header="{  }">
+          <div style="width: 100%">
+            <el-row style="padding: 0 0 0 80px">
+              <el-col :span="6" style="width: 293px; padding: 0 0 0 0px">
+                <period-date-picker
+                  :type="1"
+                  :width="'135px'"
+                  :size="searchSize"
+                  :start="parmValue.start"
+                  :end="parmValue.end"
+                  @timeReturned="handleTime"
+                />
+              </el-col>
+              <el-col :span="4" style="width: 148px; padding: 0 0 0 8px">
+                <el-select
+                  :size="searchSize"
+                  v-model="parmValue.status"
+                  filterable
+                  clearable
+                  placeholder="订单状态"
+                  style="width: 100%"
+                  @change="
+                    pageInfo.curr = 1;
+                    parmValue.page = 1;
+                    searchList();
+                  "
+                >
+                  <el-option
+                    v-for="item in statusOptions"
+                    :key="'status' + item.id"
+                    :label="item.label"
+                    :value="item.id"
+                  />
+                </el-select>
+              </el-col>
+              <el-col :span="4" style="width: 150px; padding: 0 0 0 9px">
+                <el-switch
+                  v-model="parmValue.use_type"
+                  :active-value="usetypeOtions[1].value"
+                  :inactive-value="usetypeOtions[0].value"
+                  :active-text="usetypeOtions[1].label"
+                  :inactive-text="usetypeOtions[0].label"
+                  @change="
+                    pageInfo.curr = 1;
+                    parmValue.page = 1;
+                    searchList();
+                  "
+                />
+              </el-col>
+
+              <el-col :span="3" style="width: 66px; float: right">
+                <el-button
+                  :size="searchSize"
+                  type="primary"
+                  style="float: right; margin-left: 5px"
+                  @click="searchList"
+                >刷新</el-button>
+              </el-col>
+            </el-row>
+            <el-row style="padding: 10px 0 0 0">
+              <el-col :span="6" style="width: 371px">
+                <search-customer
+                  :value="customerCode"
+                  :size="searchSize"
+                  :names="parmValue.supplierName"
+                  :is-detail="true"
+                  :placeholder="'企业客户'"
+                  @searchChange="customerChange"
+                />
+              </el-col>
+              <el-col :span="4" style="width: 150px; padding: 0 0 0 9px">
+                <el-select
+                  :size="searchSize"
+                  v-model="parmValue.order_source"
+                  filterable
+                  clearable
+                  placeholder="订单来源"
+                  style="width: 100%"
+                  @change="
+                    pageInfo.curr = 1;
+                    parmValue.page = 1;
+                    searchList();
+                  "
+                >
+                  <el-option
+                    v-for="item in xs_order_source_options"
+                    :key="'orderstatus' + item.id"
+                    :label="item.label"
+                    :value="item.id"
+                  />
+                </el-select>
+              </el-col>
+              <el-col :span="4" style="width: 150px; padding: 0 0 0 9px">
+                <el-select
+                  :size="searchSize"
+                  v-model="parmValue.order_type"
+                  filterable
+                  clearable
+                  placeholder="商品类型"
+                  style="width: 100%"
+                  @change="
+                    pageInfo.curr = 1;
+                    parmValue.page = 1;
+                    searchList();
+                  "
+                >
+                  <el-option
+                    v-for="item in xs_order_type_options"
+                    :key="'orderstatus' + item.id"
+                    :label="item.label"
+                    :value="item.id"
+                  />
+                </el-select>
+              </el-col>
+
+              <el-col :span="4" style="width: 66px; float: right">
+                <el-button type="warning" class="fr" :size="searchSize" @click="restSearch">重置</el-button>
+              </el-col>
+              <!-- 暂时注释，下版需要导出 -->
+              <el-col :span="4" style="width: 66px; float: right">
+                <el-button
+                  type="primary"
+                  style="margin-left: 30px"
+                  @click="submit(selection)"
+                  :size="searchSize"
+                  class="fr"
+                >提交</el-button>
+              </el-col>
+            </el-row>
+
+            <el-row style="padding: 10px 0 0 0">
+              <el-col :span="6" style="width: 426px">
+                <el-input
+                  clearable
+                  placeholder="关键字"
+                  v-model="input"
+                  maxlength="40"
+                  :size="searchSize"
+                  @blur="searchList"
+                  class="input-with-select"
+                >
+                  <el-select
+                    v-model="select"
+                    style="width: 100px"
+                    slot="prepend"
+                    placeholder="关键字类型"
+                    @change="searchList"
+                  >
+                    <el-option label="订单编号" value="orderCode"></el-option>
+                    <el-option label="商品名称" value="good_name"></el-option>
+                    <el-option label="创建人" value="apply_name"></el-option>
+                    <el-option label="创建人部门" value="company_name"></el-option>
+                  </el-select>
+                  <el-button
+                    slot="append"
+                    icon="el-icon-search"
+                    @click="
+                      pageInfo.curr = 1;
+                      parmValue.page = 1;
+                      searchList();
+                    "
+                  ></el-button>
+                </el-input>
+              </el-col>
+            </el-row>
+          </div>
+        </template>
+        <template #good_name="{ scope }">
+          <span>{{ scope.row.good_name }}</span>
+          <span v-for="(si, i) in scope.row.speclist" :key="si.spec_id + i">
+            <span v-if="i !== 0">-</span>
+            <span v-else>_</span>
+            <span>{{ si.spec_name }}[{{ si.spec_value || si.spec_value_name }}]</span>
+          </span>
+        </template>
+
+        <template #use_type="{ scope }">
+          <el-tag size="mini">
+            {{
+            (usetypeOtions.find(({ value }) => value === scope.row.use_type) || {})
+            .label || "---"
+            }}
+          </el-tag>
+        </template>
+
+        <template #cgd_status="{ scope }">
+          <el-tag size="mini">
+            <template v-if="String(scope.row.order_type) === '1'">--</template>
+            <template v-else>
+              {{
+              (
+              purchaseStatusOptions.find(
+              ({ value }) => value === scope.row.cgd_status
+              ) || {}
+              ).label || "---"
+              }}
+            </template>
+          </el-tag>
+        </template>
+
+        <template #status="{ scope }">
+          <el-tag
+            :size="tablebtnSize"
+            :type="scope.row.status == '0' ? 'warning' : ''"
+            v-text="
+              (statusOptions.find((item) => item.id == scope.row.status) || {}).label ||
+              '--'
+            "
+          ></el-tag>
+        </template>
+        <template #order_type="{ scope }">
+          <el-tag
+            :size="tablebtnSize"
+            v-text="
+              (
+                xs_order_type_options.find((item) => item.id == scope.row.order_type) ||
+                {}
+              ).label || '--'
+            "
+          ></el-tag>
+        </template>
+        <template #order_source="{ scope }">
+          <el-tag
+            :size="tablebtnSize"
+            v-text="
+              (
+                xs_order_source_options.find(
+                  (item) => item.id == scope.row.order_source
+                ) || {}
+              ).label || '--'
+            "
+          ></el-tag>
+        </template>
+      </ex-table>
+    </el-card>
+  </el-dialog>
+</template>
+
+<script>
+import asyncRequest from "@/apis/service/dataCorrection/cgMessage";
+import mixinPage from "@/mixins/elPaginationHandle";
+import { mapGetters } from "vuex";
+import resToken from "@/mixins/resToken";
+
+import { columns } from "./_columns";
+import {
+  cg_order_type_options,
+  xs_order_type_options,
+  xs_order_source_options,
+  usetypeOtions
+} from "@/assets/js/statusList";
+
+export default {
+  mixins: [mixinPage, resToken],
+  props: ["showModel"],
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"])
+  },
+  watch: {
+    showModel: function(val) {
+      this.showModelThis = val;
+      if (val) {
+        this.restSearch();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    }
+  },
+  data() {
+    return {
+      usetypeOtions,
+      showModelThis: this.showModel,
+      select: "1",
+      input: "",
+      timeOBJ: {
+        start: "", //起始时间
+        end: "" // 结束时间
+      },
+      options: ["创建时间", "最晚入库时间"],
+      sselect: "创建时间",
+      xs_order_source_options,
+      xs_order_type_options,
+      // 状态
+      statusOptions: [
+        { id: "0", label: "待发货" },
+        { id: "1", label: "待发货完成" },
+        { id: "2", label: "发货已完成" },
+        { id: "3", label: "订单已取消" }
+      ],
+      /* 采购单状态 **/
+      purchaseStatusOptions: [
+        { value: "0", label: "待与供应商确认" },
+        { value: "1", label: "待入库" },
+        { value: "2", label: "部分入库" },
+        { value: "3", label: "入库完成" },
+        { value: "4", label: "已取消订单" }
+      ],
+      cg_order_type_options,
+      selected: [],
+
+      loading: false,
+      showModel: false,
+      parmValue: {
+        use_type: "",
+        order_source: "",
+        order_type: "", //订单来源
+        orderCode: "", //销售订单code
+        apply_name: "", // 申请人
+        good_name: "", // 产品名称
+        good_code: "", // 产品属性编号
+        status: "", //状态
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        supplierNo: "", //供应商编号
+        customer_code: "", //客户编号
+        start: "", //新建起始时间
+        end: "", // 新建结束时间
+        company_name: "", //创建人部门
+        use_type: "1"
+      },
+      tableData: [],
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"]
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0
+      },
+      // 表格 - 列参数
+      columns: columns
+    };
+  },
+
+  methods: {
+    //提交
+    async submit() {
+      if (this.selected.length === 0) {
+        this.$message.warning("至少选择一条销售单！");
+        return;
+      }
+
+      if (this.selected.length != 1) {
+        this.$message.warning("只能选中一条数据！");
+        return;
+      }
+
+      const { id } = this.selected[0];
+      this.showModelThis = false;
+      // 刷新
+      this.$emit("refresh", id || "");
+    },
+
+    restSearch() {
+      this.select = "orderCode";
+      this.input = "";
+      this.customerCode = [];
+      this.parmValue = {
+        order_type: "",
+        orderCode: "", //销售订单code
+        apply_name: "", // 申请人
+        good_name: "", // 产品名称
+        good_code: "", // 产品属性编号
+        status: "", //状态
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        supplierNo: "", //供应商编号
+        customer_code: "", //客户编号
+        start: "", //新建起始时间
+        end: "", // 新建结束时间
+        company_name: "", //部门
+        use_type: "1"
+      };
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0
+      };
+      this.searchList();
+    },
+    async handleClick(e) {
+      this.sselect = e;
+      this.parmValue.start = e === "创建时间" ? this.timeOBJ.start : "";
+      this.parmValue.end = e === "创建时间" ? this.timeOBJ.end : "";
+      this.parmValue.last_start = e !== "创建时间" ? this.timeOBJ.start : "";
+      this.parmValue.last_end = e !== "创建时间" ? this.timeOBJ.end : "";
+      if (
+        !(
+          (this.timeOBJ.start !== "" && this.timeOBJ.end === "") ||
+          (this.timeOBJ.start === "" && this.timeOBJ.end !== "")
+        )
+      ) {
+        this.parmValue.page = 1;
+        this.pageInfo.curr = 1;
+        await this.searchList();
+      }
+    },
+
+    async searchList() {
+      if (
+        (this.parmValue.start !== "" && this.parmValue.end === "") ||
+        (this.parmValue.start === "" && this.parmValue.end !== "")
+      ) {
+        this.$message.warning("时间区间不完整！");
+        return;
+      }
+      this.loading = true;
+      this.parmValue.orderCode = this.select === "orderCode" ? this.input : "";
+      this.parmValue.good_name = this.select === "good_name" ? this.input : "";
+      this.parmValue.apply_name =
+        this.select === "apply_name" ? this.input : "";
+      this.parmValue.company_name =
+        this.select === "company_name" ? this.input : "";
+
+      const res = await asyncRequest.saleList({
+        ...this.parmValue,
+        needRela: true
+      });
+
+      if (res && res.code === 0 && res.data) {
+        this.tableData = res.data.list;
+        this.tableData.forEach(v => {
+          v.good_class = "";
+          if (v.can && v.can.length > 0) {
+            v.can.forEach((x, i) => {
+              v.good_class += i === 0 ? x.name : "_" + x.name;
+            });
+          }
+        });
+        this.pageInfo.total = Number(res.data.count);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    },
+    // 时间
+    async handleTime(e) {
+      if (e.startTime !== "") {
+        this.timeOBJ.start = e.startTime;
+      } else {
+        this.timeOBJ.start = "";
+      }
+      if (e.endTime !== "") {
+        this.timeOBJ.end = e.endTime;
+      } else {
+        this.timeOBJ.end = "";
+      }
+      await this.handleClick(this.sselect);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>

src/views/dataCorrection/costCorrection/components/correctionForm.vue

@@ -0,0 +1,383 @@
+<template>
+  <component v-model="activeNames" :is="mapComponent[mode].container" label-width="80px" size="mini" :model="ruleForm"
+    :rules="rules" ref="ruleForm" v-loading="loading">
+    <el-row>
+      <el-collapse-item v-if="mode === 'update'" title="业务详情" name="0">
+        <show-data-table v-if="detail" style="margin: 0; padding: 0" :sitem="detail" :columns="mianColumns">
+
+        </show-data-table>
+      </el-collapse-item>
+
+      <el-row :span="24">
+        <component name="1" :is="mapComponent[mode].item" v-bind="createLabelField('销售订单')" prop="orderCode">
+          <el-select style="width:100%" placeholder="选择订单" filterable remote @focus="centerDialogVisible = true"
+            v-if="!sitem" />
+
+          <el-collapse-transition>
+            <div style="display:flex" v-if="sitem">
+              <div>
+                <show-data-table :newTime="newTime" :sitem="sitem" :columns="ShowDataTableColumns" border>
+                  <template slot="status">
+                    <el-tag :size="'mini'" v-text="(statusOptions.find((item) => item.value == sitem.status) || {})
+                        .label || '--'
+                      "></el-tag>
+                  </template>
+                  <template slot="order_type">
+                    <el-tag :size="'mini'" v-text="(
+                        xs_order_type_options.find(
+                          (item) => item.id == sitem.order_type
+                        ) || {}
+                      ).label || '--'
+                      "></el-tag>
+                  </template>
+                  <template slot="order_source">
+                    <el-tag :size="'mini'" v-text="(
+                        xs_order_source_options.find(
+                          (item) => item.id == sitem.order_source
+                        ) || {}
+                      ).label || '--'
+                      "></el-tag>
+                  </template>
+
+                  <template slot="supplierName">
+                    <span>{{ sitem.supplierName }}</span>
+                    <el-popover placement="top" width="300" trigger="hover">
+                      <ul>
+                        <li>
+                          <span>销售方公司编号：</span>
+                          <span>{{ sitem.supplierNo }}</span>
+                        </li>
+                      </ul>
+                      <i class="el-icon-warning-outline fr" slot="reference"></i>
+                    </el-popover>
+                  </template>
+
+                  <template slot="companyName">
+                    <span>{{ sitem.companyName }}</span>
+                    <el-popover placement="top" width="300" trigger="hover">
+                      <ul>
+                        <li>
+                          <span>购买方公司编号：</span>
+                          <span>{{ sitem.customer_code }}</span>
+                        </li>
+                      </ul>
+                      <i class="el-icon-warning-outline fr" slot="reference"></i>
+                    </el-popover>
+                  </template>
+                  <template slot="is_active">
+                    <span>{{ sitem.is_activity + "" === "1" ? "参与活动" : "不参与活动" }}</span>
+                    <span v-if="sitem.is_activity + '' === '0'">
+                      /{{
+                        (
+                          goodtype_options.find(
+                            (item) => item.value == sitem.good_type
+                          ) || {}
+                        ).label || "--"
+                      }}
+                    </span>
+                  </template>
+                  <template slot="proof_id">
+                    <el-popover placement="top" width="300" trigger="hover" v-if="sitem.proof_type === '1'">
+                      <video width="275" controls class="fl">
+                        <source :src="sitem.proof_url" type="video/mp4" />
+                        <source :src="sitem.proof_url" type="video/avi" />您的浏览器不支持Video标签。
+                      </video>
+                      <i class="el-icon-video-camera-solid hover" style="font-size: 18px" slot="reference"></i>
+                    </el-popover>
+
+                    <img v-else-if="sitem.proof_type + '' === '2'" style="width: 28px; height: 28px"
+                      :src="sitem.proof_url" class="avatar fl hover" v-viewer />
+
+                    <a v-else-if="sitem.proof_type + '' === '3'" :href="sitem.proof_url" download="比价凭证">点击下载</a>
+                    <span v-else>暂无凭证</span>
+                  </template>
+                  <template slot="send_type">
+                    <el-tag :size="'mini'">
+                      {{
+                        sitem.send_type + "" === "1"
+                        ? "有地址下单"
+                        : sitem.send_type + "" === "2"
+                          ? "无地址下单"
+                          : "--"
+                      }}
+                    </el-tag>
+                  </template>
+                </show-data-table>
+              </div>
+
+              <el-tooltip content="重新选择订单" placement="top" v-if="mode !== 'update'">
+                <i class="el-icon-circle-close" size="mini" type="text"
+                  style="font-size:18px;cursor:pointer;margin-left:10px" @click="resetOrder" />
+              </el-tooltip>
+            </div>
+          </el-collapse-transition>
+        </component>
+
+        <el-collapse-transition>
+          <component name="2" v-if="sitem" :is="mapComponent[mode].item" v-bind="createLabelField('商品信息')" :style="`
+               margin-top:10px;
+               margin-right:${mode === 'create' ? '30px' : '0px'}
+               `
+            ">
+            <show-goods-data-table :newTime="newTime" v-if="newTime !== ''" :type="sitem.order_type"
+              :skucode="sitem.skuCode" :spucode="sitem.good_code" :iscgd="false" border />
+          </component>
+        </el-collapse-transition>
+      </el-row>
+
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="修正金额" prop="change_fee">
+            <el-input-number style="width:230px" placeholder="修正金额" v-model="ruleForm.change_fee" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-col :span="24" v-if="mode !== 'update'">
+        <el-button size="mini" class="fr" type="primary" @click="submit">保存</el-button>
+      </el-col>
+
+      <el-row v-else>
+        <el-collapse-item title="待审核" name="4" v-if="detail && Number(detail.status) === 1 && powers.includes('043')">
+          <div style="width:600px">
+            <wait-approval @confirm="onUpdateStatus" />
+          </div>
+        </el-collapse-item>
+      </el-row>
+    </el-row>
+
+    <add-edit @refresh="refresh" :showModel="centerDialogVisible" @cancel="centerDialogVisible = false" />
+  </component>
+</template>
+
+<script>
+import addEdit from "./addEdit.vue";
+import { statusOptions, ShowDataTableColumns, mianColumns } from "./_columns";
+import asyncRequest from "@/apis/service/dataCorrection/costCorrection";
+import WaitApproval from "./waitApproval.vue";
+import resToken from "../../../../mixins/resToken";
+
+import {
+  xs_order_source_options,
+  cg_order_type_options,
+  xs_order_type_options
+} from "@/assets/js/statusList";
+
+export default {
+  mixins: [resToken],
+  components: { addEdit, WaitApproval },
+  computed: {
+    mode() {
+      return this.$route.query.mode || "create";
+    },
+    id() {
+      return this.$route.query.id || "";
+    },
+    powers() {
+      const { btnList } = this.$store.getters;
+      const tran = btnList.find(i => i.menu_route == "costCorrectionDetail") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    }
+  },
+  data() {
+
+    return {
+      activeNames: ["1", "2", "3", "4"],
+      mianColumns,
+      detail: null,
+      mapComponent: {
+        create: {
+          container: "ElForm",
+          item: "ElFormItem",
+          labelProp: "label"
+        },
+        update: {
+          container: "ElCollapse",
+          item: "ElCollapseItem",
+          labelProp: "title"
+        }
+      },
+      loading: false,
+      newTime: "",
+      statusOptions,
+      xs_order_source_options,
+      xs_order_type_options,
+      ShowDataTableColumns,
+      cg_order_type_options,
+      centerDialogVisible: false,
+      activeOptions: [],
+      wsm_supplier: "",
+      wsm_supplierNo: "",
+      wsm_name: "",
+      wsm_code: "",
+      supplierNo: "",
+      supplier_name: "",
+      order_type: "",
+      activeNames: ["0", "1", "2", "3", "4", "5", "10"],
+      sitem: null,
+      select: "1",
+      input: "",
+      ruleForm: {
+        orderCode: "",
+        change_fee: ""
+      },
+      goodtype_options: [
+        {
+          value: "1",
+          label: "常规商品"
+        },
+        {
+          value: "2",
+          label: "赠品"
+        },
+        {
+          value: "3",
+          label: "样品"
+        }
+      ],
+      approvalStatusOptions: [
+        { value: "1", label: "待审核" },
+        { value: "2", label: "审核通过" },
+        { value: "3", label: "审核驳回" }
+      ],
+      rules: {
+        change_fee: [
+          {
+            required: true,
+            trigger: "change",
+            validator: (_, value, callback) => {
+              if (value === undefined || value === "") {
+                callback(new Error("修正金额不能为空!"));
+              }else if (Number(value) === 0){
+                callback(new Error("修正金额不能为0!"));
+              }else{
+                callback();
+              }
+            }
+          }
+        ],
+        orderCode: [
+          {
+            required: true,
+            trigger: "change",
+            message: "请选择销售订单"
+          }
+        ]
+      }
+    };
+  },
+  mounted() {
+    this.getAllActive();
+    if (this.mode === "update") {
+      this.initData();
+    }
+  },
+  methods: {
+    async onUpdateStatus(payload) {
+      this.loading = true;
+      const res = await asyncRequest.changestatus({
+        id: this.id,
+        ...payload
+      });
+      this.loading = false;
+
+      if (res && res.code === 0 && res.data) {
+        this.initData();
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      }
+    },
+    async initData() {
+      //请求详情...
+      const res = await asyncRequest.changeinfo({
+        id: this.id
+      });
+
+      if (res && res.code === 0 && res.data) {
+        this.detail = res.data;
+        const { id } = this.detail;
+        this.refresh(id);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      }
+    },
+
+    createLabelField(value) {
+      return {
+        [this.mapComponent[this.mode].labelProp]: value
+      };
+    },
+    async submit() {
+      try {
+        await this.$refs.ruleForm.validate();
+        this.loading = true;
+        const res = await asyncRequest.create(this.ruleForm);
+
+        if (res && res.code === 0 && res.data) {
+          this.$router.push("/dataCorrection/costCorrection");
+        } else if (res && res.code >= 100 && res.code <= 104) {
+          await this.logout();
+        } else {
+          this.$message.warning(res.message);
+        }
+      } catch (e) {
+        console.log(e);
+      } finally {
+        this.loading = false;
+      }
+    },
+    resetOrder() {
+      this.sitem = null;
+      this.ruleForm.orderCode = "";
+      this.$refs.ruleForm.validateField(["orderCode"]);
+    },
+    async customerChange(e) {
+      const { code, label } = e;
+      this.ruleForm.supplierNo = code ? [code] : [];
+      this.ruleForm.supplierName = label || "";
+    },
+    refresh(id) {
+      this.centerDialogVisible = false;
+      id && this.getSaleOrderData(id);
+    },
+    async getSaleOrderData(id) {
+      this.loading = true;
+      const res = await asyncRequest.saleDetail({ id });
+      if (res && res.code === 0 && res.data) {
+        this.sitem = res.data;
+        this.ruleForm.orderCode = this.sitem.orderCode;
+
+        if (this.mode !== "update") {
+          this.$refs.ruleForm && this.$refs.ruleForm.validateField("orderCode");
+        }
+
+        this.getNewTime();
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+      this.loading = false;
+    },
+    getNewTime() {
+      this.newTime = new Date().valueOf();
+    },
+    async getAllActive() {
+      const res = await asyncRequest.accountall({
+        ...this.dataForm,
+        size: 100000,
+        level: "2"
+      });
+
+      if (res && res.code === 0 && res.data) {
+        this.activeOptions = res.data.list;
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+    }
+  }
+};
+</script>

src/views/dataCorrection/costCorrection/components/waitApproval.vue

@@ -0,0 +1,57 @@
+<template>
+  <el-form ref="ruleForm" label-width="80px" size="mini" :model="ruleForm" :rules="rules">
+    <el-form-item label="状态" prop="status">
+      <el-select v-model="ruleForm.status" style="width:100%">
+        <el-option value="2" label="通过" />
+        <el-option value="3" label="驳回" />
+      </el-select>
+    </el-form-item>
+
+    <el-form-item label="备注" prop="remark">
+      <el-input placeholder="备注" v-model="ruleForm.remark" type="textarea" />
+    </el-form-item>
+
+    <el-form-item>
+      <div class="fr">
+        <el-button type="primary" @click="submit">保 存</el-button>
+      </div>
+    </el-form-item>
+  </el-form>
+</template>
+
+<script>
+export default {
+  name: "waitApproval",
+  computed: {
+    rules() {
+      return {
+        status: [{ required: true, message: "请选择状态", trigger: "change" }],
+        remark: [
+          {
+            required: this.ruleForm.status === "3",
+            message: "请输入备注",
+            trigger: "change"
+          }
+        ]
+      };
+    }
+  },
+  data() {
+    return {
+      ruleForm: {
+        status: "2",
+        remark: ""
+      }
+    };
+  },
+  methods: {
+    submit() {
+      this.$refs.ruleForm.validate(isValid => {
+        if(!isValid) return
+        const { status, remark } = this.ruleForm;
+        this.$emit("confirm", { status, remark });
+      })
+    }
+  }
+};
+</script>

src/views/dataCorrection/costCorrection/detail.vue

@@ -0,0 +1,30 @@
+<template>
+  <el-tabs style="padding:10px">
+    <el-tab-pane :label="title">
+      <correction-form />
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+import CorrectionForm from './components/correctionForm.vue'
+
+export default {
+  name: '',
+  components: {
+    CorrectionForm
+  },
+  computed: {
+    mode() {
+      return this.$route.query.mode || 'create'
+    },
+    title() {
+      const mapTitle = {
+        update: '销售单客户修改申请详情',
+        create: '新建销售单客户修改申请'
+      }
+      return mapTitle[this.mode]
+    }
+  }
+}
+</script>

src/views/dataCorrection/costCorrection/index.vue

@@ -0,0 +1,208 @@
+<template>
+  <div class="pagePadding">
+    <div class="box" v-if="powers.some((i) => i == '001')">
+      <ex-table
+        v-loading="loading"
+        :table="table"
+        :data="tableData"
+        :columns="columns"
+        :page="pageInfo"
+        :size="size"
+        @page-curr-change="handlePageChange"
+        @page-size-change="handleSizeChange"
+        @screen-reset="
+          pageInfo.curr = 1;
+          parmValue.page = 1;
+          searchList();
+        "
+        @screen-submit="
+          pageInfo.curr = 1;
+          parmValue.page = 1;
+          searchList();
+        "
+      >
+        <template #table-header="{}">
+          <div style="width: 100%;">
+            <el-row style="padding-left: 80px">
+              <el-col :span="5" style="width: 230px; float: left;">
+                <el-input
+                  v-model="parmValue.orderCode"
+                  :size="'mini'"
+                  style="width: 100%"
+                  placeholder="销售单编号"
+                  @blur="
+                    pageInfo.curr = 1;
+                    parmValue.page = 1;
+                    searchList();
+                  "
+                />
+              </el-col>
+
+              <el-col :span="3" style="width: 66px; float: right">
+                <el-button
+                  type="primary"
+                  :size="searchSize"
+                  style="float: right"
+                  @click="searchList"
+                >刷新</el-button>
+              </el-col>
+
+              <el-col :span="3" style="width: 66px; float: right">
+                <el-button
+                  type="warning"
+                  :size="searchSize"
+                  style="float: right"
+                  @click="restSearch"
+                >重置</el-button>
+              </el-col>
+
+              <el-col
+                :span="3"
+                class="fr"
+                style="width: 66px; padding: 0 0 0 10px"
+                v-if="powers.some((i) => i == '003')"
+              >
+                <el-button
+                  :size="searchSize"
+                  type="success"
+                  style="float: right"
+                  @click="routeGoto('costCorrectionDetail', {
+                    mode:'create'
+                  })"
+                >添加</el-button>
+              </el-col>
+            </el-row>
+          </div>
+        </template>
+
+        <template #supplierName="{scope}">
+            <el-tooltip :content="'业务公司编码 : ' + scope.row.orderInfo.supplierName" placement="top">
+              <i class="el-icon-warning-outline" style="margin-right:2px;cursor:pointer" />
+            </el-tooltip>
+            {{scope.row.orderInfo.supplierName}}
+        </template>
+
+        <template #operation="{ scope }">
+          <el-tooltip effect="dark" content="详情" placement="top" v-if="powers.some((i) => i == '007')">
+            <i
+              class="el-icon-view tb-icon"
+              @click="routeGoto('costCorrectionDetail', {
+                id: scope.row.id,
+                mode: 'update'
+              })"
+            ></i>
+          </el-tooltip>
+        </template>
+      </ex-table>
+    </div>
+
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+
+<script>
+import asyncRequest from "@/apis/service/dataCorrection/costCorrection";
+import mixinPage from "@/mixins/elPaginationHandle";
+import resToken from "@/mixins/resToken";
+import { columns } from "./columns";
+import { mapGetters } from "vuex";
+import companyHelper from "@/mixins/companyHelper";
+
+export default {
+  mixins: [mixinPage, resToken,companyHelper],
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      const { btnList } = this.$store.getters;
+      const tran =
+        btnList.find(i => i.menu_route == "costCorrection") || {};
+      const { action } = tran ?? {};
+      return action ?? [];
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      statusOptions: [
+        { value: "1", label: "待审核" },
+        { value: "2", label: "审核通过" },
+        { value: "3", label: "审核驳回" }
+      ],
+      parmValue: {
+        orderCode: "",
+        status: "",
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+      },
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"]
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0
+      },
+      // 表格 - 列参数
+      columns: columns
+    };
+  },
+  mounted() {
+    this.searchList();
+  },
+  methods: {
+    async searchList() {
+      this.loading = true;
+      const res = await asyncRequest.list({...this.parmValue, companyNo: this.currentCompany });
+
+      if (res && res.code === 0 && res.data) {
+        this.tableData = res.data.list;
+        this.pageInfo.total = Number(res.data.count);
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.tableData = [];
+        this.pageInfo.total = 0;
+      }
+      this.loading = false;
+    },
+    //重置
+    restSearch() {
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0
+      };
+      this.parmValue = {
+        orderCode: "",
+        status: "",
+        page: 1, // 页码
+        size: 15 // 每页显示条数
+      };
+      this.searchList();
+    },
+    async handleTime(e) {
+      this.parmValue.start = e.startTime || "";
+      this.parmValue.end = e.endTime || "";
+      if (
+        (this.parmValue.start !== "" && this.parmValue.end !== "") ||
+        (this.parmValue.start === "" && this.parmValue.end === "")
+      ) {
+        this.pageInfo.curr = 1;
+        this.parmValue.page = 1;
+        await this.searchList();
+      }
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>