Merge branch 'sit'

src/apis/service/youzan/othOrderCancell/detail.js

@@ -0,0 +1,36 @@
+// 物业管理员
+import http from "@/apis/axios";
+const api = "admin/";
+export default {
+  // 添加
+  add: (data, params) => http(api + "salecreate", data, "post", params),
+  // 删除
+  delete: (data, params) => http(api + "saledelect", data, "post", params),
+  // 详情
+  detail: (data, params) => http(api + "saleinfo", data, "post", params),
+  // 更新
+  update: (data, params) => http(api + "saleedit", data, "post", params),
+  // 修改状态
+  status: (data, params) => http(api + "salestatus", data, "post", params),
+  // 获取仓库商品列表
+  getGoodStock: (data, params) => http(api + "checkflist", data, "post", params),
+  // 采购反馈物流费用
+  salefee: (data, params) => http(api + "salefee", data, "post", params),
+  // 新建发货申请单
+  saleout: (data, params) => http(api + "saleoutadd", data, "post", params),
+  //延时发货追加地址
+  saleaddr: (data, params) => http(api + "saleaddr", data, "post", params),
+
+
+
+  // 新建入库单详情
+  orderininfo: (data, params) => http(api + "orderininfo", data, "post", params),
+  // 异常原因列表
+  resultlist: (data, params) => http(api + "resultlist", data, "post", params),
+  // 入库单验货
+  orderincheck: (data, params) => http(api + "orderincheck", data, "post", params),
+  // 入库单退货换货
+  orderinreturn: (data, params) => http(api + "orderinreturn", data, "post", params),
+  // 发货单状态修改
+  orderinstatus: (data, params) => http(api + "orderinstatus", data, "post", params),
+};

src/apis/service/youzan/othOrderCancell/index.js

@@ -0,0 +1,33 @@
+// 物业管理员
+import http from "@/apis/axios";
+const api = "admin/";
+export default {
+  // 添加
+  add: (data, params) => http(api + "salecreate", data, "post", params),
+  // 删除
+  delete: (data, params) => http(api + "delete", data, "post", params),
+  // 分页查询
+  list: (data, params) => http(api + "salelist", data, "post", params),
+  // 详情
+  detail: (data, params) => http(api + "detail", data, "post", params),
+  // 更新
+  update: (data, params) => http(api + "update", data, "post", params),
+  // 修改状态
+  status: (data, params) => http(api + "accountstatus", data, "post", params),
+  //验证售价
+  salegetprice: (data, params) => http(api + "salegetprice", data, "post", params),
+  // 线上商品详情
+  goods_detail: (data, params) => http(api + "goodinfo", data, "post", params),
+  // 线上商品获取活动
+  goods_active: (data, params) => http(api + "actquery", data, "post", params),
+  //订单用途绑定
+  saleuse: (data, params) => http(api + "saleuse", data, "post", params),
+  //订单用途列表
+  uselist: (data, params) => http(api + "uselist", data, "post", params),
+  //添加其他业管、PO、承诺回款时间
+  saleaddother: (data, params) => http(api + "saleaddother", data, "post", params),
+  //延时发货追加地址
+  saleaddr: (data, params) => http(api + "saleaddr", data, "post", params),
+  // 区编码获取省市区汉字
+  addrall: (data, params) => http(api + "addrall", data, "post", params),
+};

src/apis/service/youzan/othOrderModifyAddress/detail.js

@@ -0,0 +1,36 @@
+// 物业管理员
+import http from "@/apis/axios";
+const api = "admin/";
+export default {
+  // 添加
+  add: (data, params) => http(api + "salecreate", data, "post", params),
+  // 删除
+  delete: (data, params) => http(api + "saledelect", data, "post", params),
+  // 详情
+  detail: (data, params) => http(api + "saleinfo", data, "post", params),
+  // 更新
+  update: (data, params) => http(api + "saleedit", data, "post", params),
+  // 修改状态
+  status: (data, params) => http(api + "salestatus", data, "post", params),
+  // 获取仓库商品列表
+  getGoodStock: (data, params) => http(api + "checkflist", data, "post", params),
+  // 采购反馈物流费用
+  salefee: (data, params) => http(api + "salefee", data, "post", params),
+  // 新建发货申请单
+  saleout: (data, params) => http(api + "saleoutadd", data, "post", params),
+  //延时发货追加地址
+  saleaddr: (data, params) => http(api + "saleaddr", data, "post", params),
+
+
+
+  // 新建入库单详情
+  orderininfo: (data, params) => http(api + "orderininfo", data, "post", params),
+  // 异常原因列表
+  resultlist: (data, params) => http(api + "resultlist", data, "post", params),
+  // 入库单验货
+  orderincheck: (data, params) => http(api + "orderincheck", data, "post", params),
+  // 入库单退货换货
+  orderinreturn: (data, params) => http(api + "orderinreturn", data, "post", params),
+  // 发货单状态修改
+  orderinstatus: (data, params) => http(api + "orderinstatus", data, "post", params),
+};

src/apis/service/youzan/othOrderModifyAddress/index.js

@@ -0,0 +1,33 @@
+// 物业管理员
+import http from "@/apis/axios";
+const api = "admin/";
+export default {
+  // 添加
+  add: (data, params) => http(api + "salecreate", data, "post", params),
+  // 删除
+  delete: (data, params) => http(api + "delete", data, "post", params),
+  // 分页查询
+  list: (data, params) => http(api + "salelist", data, "post", params),
+  // 详情
+  detail: (data, params) => http(api + "detail", data, "post", params),
+  // 更新
+  update: (data, params) => http(api + "update", data, "post", params),
+  // 修改状态
+  status: (data, params) => http(api + "accountstatus", data, "post", params),
+  //验证售价
+  salegetprice: (data, params) => http(api + "salegetprice", data, "post", params),
+  // 线上商品详情
+  goods_detail: (data, params) => http(api + "goodinfo", data, "post", params),
+  // 线上商品获取活动
+  goods_active: (data, params) => http(api + "actquery", data, "post", params),
+  //订单用途绑定
+  saleuse: (data, params) => http(api + "saleuse", data, "post", params),
+  //订单用途列表
+  uselist: (data, params) => http(api + "uselist", data, "post", params),
+  //添加其他业管、PO、承诺回款时间
+  saleaddother: (data, params) => http(api + "saleaddother", data, "post", params),
+  //延时发货追加地址
+  saleaddr: (data, params) => http(api + "saleaddr", data, "post", params),
+  // 区编码获取省市区汉字
+  addrall: (data, params) => http(api + "addrall", data, "post", params),
+};

src/views/youzan/othOrderCancell/columns.js

@@ -0,0 +1,347 @@
+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: "商品数量",
+  },
+  {
+    prop: "sale_price",
+    label: "销售单价",
+  },
+  {
+    prop: "total_price",
+    label: "总价",
+  },
+
+
+
+
+  {
+    prop: "status",
+    label: "订单状态",
+    _slot_: "status",
+    width: "120px",
+  },
+  
+  {
+    prop: "order_source",
+    label: "订单来源",
+    _slot_: "order_source",
+    width: "90px",
+  },
+  {
+    prop: "order_type",
+    label: "商品来源",
+    _slot_: "order_type",
+    width: "90px",
+  },
+  {
+    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: "60px",
+  },
+
+  {
+    prop: "addtime",
+    label: "创建时间",
+    width: "145px",
+  },
+  {
+    prop: "",
+    label: "操作",
+    fixed: "right",
+    _noset_: true,
+    width: "50px",
+    _slot_: "operation",
+  },
+]
+
+
+const addColumns = [
+  {
+    prop: "good_name",
+    label: "商品名称",
+    _slot_: "good_name",
+    span: 24,
+  },
+  // {
+  //   prop: "good_info_img",
+  //   _slot_: "good_info_img",
+  //   label: "详情图",
+  //   span: 24,
+  // },
+  {
+    prop: "cat",
+    label: "分类",
+    _slot_: "cat",
+    span: 24,
+  },
+
+  {
+    prop: "is_stock",
+    label: "是否库存品",
+    _slot_: "is_stock",
+    span: 8,
+  },
+
+  {
+    prop: "unit",
+    label: "单位",
+    span: 8,
+  },
+  {
+    prop: "tax",
+    label: "税点",
+    append: '%',
+    span: 8,
+  },
+
+  {
+    prop: "exclusive",
+    label: "专属类型",
+    _slot_: "exclusive",
+    span: 12,
+  },
+  {
+    prop: "brand_name",
+    label: "品牌",
+    span: 12,
+  },
+  {
+    prop: "weight",
+    label: "商品总克重",
+    _slot_: "weight",
+    span: 24,
+  },
+  {
+    prop: "lead_time",
+    label: "工期",
+    span: 8,
+  },
+  {
+    prop: "delivery_day",
+    label: "物流",
+    span: 8,
+  },
+  {
+    prop: "purchase",
+    label: "采购人员",
+    span: 8,
+  },
+  {
+    prop: "delivery_place_cn",
+    label: "发货地",
+    span: 24,
+  },
+  {
+    prop: "after_sales",
+    label: "售后说明",
+    span: 24,
+  },
+]
+const showColumns = [
+  {
+    prop: "orderCode",
+    label: "订单编号",
+    span: 6,
+  },
+  {
+    prop: "status",
+    label: "订单状态",
+    _slot_: "status",
+    span: 6,
+  },
+  {
+    prop: "order_source",
+    label: "订单来源",
+    _slot_: "order_source",
+    span: 4,
+  },
+  {
+    prop: "order_type",
+    label: "商品来源",
+    _slot_: "order_type",
+    span: 4,
+  }, {
+    prop: "apply_name",
+    label: "创建人",
+    span: 4,
+  },
+
+  {
+    prop: "supplierName",
+    label: "销售方公司",
+    _slot_: "supplierName",
+    span: 12,
+  },
+  {
+    prop: "companyName",
+    label: "购买方公司",
+    _slot_: "companyName",
+    span: 12,
+  },
+
+
+  {
+    prop: "platform_name",
+    label: "所属平台",
+    span: 6,
+  },
+
+  {
+    prop: "arrive_time",
+    label: "要求到货时间",
+    span: 6,
+  },
+  {
+    prop: "paytime",
+    label: "承诺付款时间",
+    span: 6,
+  },
+  {
+    prop: "addtime",
+    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: "proof_id",
+    label: "凭证文件",
+    _slot_: "proof_id",
+    span: 8,
+  },
+
+
+  {
+    prop: "sale_price",
+    label: "售价",
+    append: '元',
+    span: 6,
+  },
+  {
+    prop: "total_price",
+    label: "总金额",
+    append: '元',
+    span: 6,
+  },
+
+
+  {
+    prop: "post_fee",
+    label: "物流费用",
+    append: '元',
+    span: 6,
+  },
+  {
+    prop: "send_type",
+    label: "发货类型",
+    _slot_: "send_type",
+    span: 6,
+  },
+
+  {
+    prop: "is_active",
+    label: "活动类型",
+    _slot_: "is_active",
+    span: 12,
+  },
+  {
+    prop: "useage",
+    label: "订单用途",
+    span: 12,
+  },
+
+  {
+    prop: "remark",
+    label: "备注",
+    span: 24,
+  },
+
+  {
+    prop: "platform_order",
+    label: "平台订单号",
+    span: 24,
+  },
+  {
+    prop: "workNo",
+    label: "其他单号",
+    span: 24,
+  },
+]
+
+export{
+  columns,
+  addColumns,showColumns
+}

src/views/youzan/othOrderCancell/detail.vue

@@ -0,0 +1,374 @@
+<template>
+  <div class="othOrderCancellDetail pagePadding">
+    <div
+      style="width: 100%"
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+    >
+      <div style="height: 30px" v-if="queryType !== 'add'">
+        <span>订单编号：</span><span v-if="sitem">{{ sitem.orderCode }}</span>
+        <el-button
+          style="margin: 0 0 0 10px"
+          class="fr"
+          type="primary"
+          :size="'mini'"
+          @click="setShowModel = true"
+          >设置部分字段
+        </el-button>
+      </div>
+      <el-tabs v-model="activeTabs">
+        <el-tab-pane label="业务详情" name="1" v-if="queryType !== 'add'">
+          <el-collapse v-model="activeNames" style="margin: -18px 0 0 0">
+            <el-collapse-item title="销售订单信息" name="-1">
+              <show-data-table
+                style="margin: 0; padding: 0"
+                :sitem="sitem"
+                v-if="status"
+                :columns="showColumns"
+              >
+                <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.companyNo }}</span>
+                      </li>
+                    </ul>
+                    <i class="el-icon-warning-outline fr" slot="reference"></i>
+                  </el-popover>
+                </template>
+                <template slot="is_active">
+                  <span
+                    v-if="sitem.order_type === '1' || sitem.order_type === '2'"
+                    ><span
+                      >{{
+                        sitem.is_activity === "1" ? "参与活动" : "不参与活动"
+                      }}/{{
+                        (
+                          goodtype_options.find(
+                            (item) => item.value == sitem.good_type
+                          ) || {}
+                        ).label || "--"
+                      }}</span
+                    ></span
+                  >
+                  <span v-else>--</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>
+            </el-collapse-item>
+            <!-- <el-collapse-item title="商品信息" name="2">
+              <show-goods-data-table
+                :newTime="newTime"
+                v-if="newTime !== ''"
+                :type="sitem.order_type"
+                :skucode="sitem.skuCode"
+                :spucode="sitem.good_code"
+              />
+            </el-collapse-item>
+            <el-collapse-item title="发货申请" name="3">
+              <order-out-table
+                :newTime="newTime"
+                v-if="newTime !== ''"
+                :sitem="sitem"
+                :id="queryId"
+                @refresh="initData()"
+              />
+            </el-collapse-item> -->
+          </el-collapse>
+        </el-tab-pane>
+        <el-tab-pane label="审批记录" name="2" v-if="queryType !== 'add'">
+          <process-time-line
+            v-if="newTime !== ''"
+            :newTime="newTime"
+            :type="'XSQRD'"
+            :orderCode="queryId"
+          />
+        </el-tab-pane>
+      </el-tabs>
+
+      <!-- <edit-add
+        :id="modelId"
+        :sitem="sitem"
+        :show-model="showModell"
+        :is-detail="isDetail"
+        @refresh="searchList"
+        @cancel="showModel = false"
+      /> -->
+      <set-partial
+        :sitem="sitem"
+        :show-model="setShowModel"
+        @refresh="initData"
+        @cancel="setShowModel = false"
+      />
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+   <script>
+import mixinPage from "@/mixins/elPaginationHandle";
+import resToken from "@/mixins/resToken";
+import asyncRequest from "@/apis/service/youzan/othOrderCancell/detail";
+// import orderOutTable from "./components/order-out-table";
+
+import { showColumns } from "./columns";
+// import setPartial from "./setPartial";
+import {  xs_order_source_options,xs_order_type_options } from "@/assets/js/statusList";
+export default {
+  name: "othOrderCancellDetail",
+  mixins: [mixinPage, resToken],
+  components: {
+    // orderOutTable,
+    // setPartial,
+  },
+  computed: {
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find(
+          (item) => item.menu_route == "othOrderCancellDetail"
+        ) || {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  data() {
+    return {
+      finishStatus: "finish",
+      activeTabs: "1",
+      activeNames: ["-1", "0", "1", "2", "3", "4", "5", "6"],
+      showColumns: showColumns,
+      setShowModel: false,
+      goodtype_options: [
+        {
+          value: "1",
+          label: "常规商品",
+        },
+        {
+          value: "2",
+          label: "赠品",
+        },
+        {
+          value: "3",
+          label: "样品",
+        },
+      ],
+      xs_order_type_options,
+       xs_order_source_options,
+      statusOptions: [
+        { value: "0", label: "待发货" },
+        { value: "1", label: "待发货完成" },
+        { value: "2", label: "发货已完成" },
+        { value: "3", label: "订单已取消" },
+      ],
+      sitem: null,
+
+      orderCode: "",
+      status: "",
+      newTime: "",
+      loading: false,
+      queryId: "",
+      queryType: "",
+    };
+  },
+  mounted() {
+    this.status = "";
+    const { id, type } = this.$route.query;
+    this.queryId = id;
+    this.queryType = type;
+    this.activeTabs = type === "add" ? "0" : "1";
+    this.loading = true;
+    if (this.queryType === "add") {
+      this.sitem = {};
+      this.getNewTime();
+    } else {
+      this.initData();
+    }
+    this.loading = false;
+  },
+  methods: {
+    async statusConfirm(status, message) {
+      await this.$confirm(`确定要${message}？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          if (status === "-1") {
+            await this.deleteById(message);
+          } else {
+            await this.setStatus(status, message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    getNewTime() {
+      this.newTime = new Date().valueOf() + "";
+    },
+
+    async deleteById(message) {
+      const res = await asyncRequest.delete({ id: this.queryId });
+      if (res && res.code === 0) {
+        this.$notify.success({
+          title: message + "成功！",
+          message: "",
+        });
+
+        this.routeGoto("check", {});
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+    },
+
+    async setStatus(status, message, remark) {
+      let model = {
+        id: this.queryId,
+        remark: remark || "",
+        status: status,
+      };
+      const res = await asyncRequest.status(model);
+      this.loading = false;
+      if (res && res.code === 0) {
+        this.$notify.success({
+          title: message + "成功！",
+          message: "",
+        });
+        this.initData();
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+    },
+    async examForm(e) {
+      if (!this.loading) {
+        let type = e.state === "1" ? "2" : "0";
+        await this.setStatus(type, "提交入库方审核", e.remark);
+      }
+    },
+    async initData() {
+      this.loading = true;
+      const res = await asyncRequest.detail({ id: this.queryId });
+      if (res && res.code === 0 && res.data) {
+        this.sitem = res.data;
+        this.status = this.sitem.status;
+        this.orderCode = this.sitem.orderCode;
+        this.getNewTime();
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+      this.loading = false;
+    },
+  },
+};
+</script>
+   <style lang="scss" scoped>
+.othOrderCancellDetail {
+}
+</style>
+   
+   

src/views/youzan/othOrderCancell/index.vue

@@ -0,0 +1,519 @@
+<template>
+  <div class="othOrderCancell pagePadding">
+    <div v-if="powers && powers.length > 0 && powers.some((item) => item == '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="{ selection }">
+          <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: 240px; padding: 0 0 0 10px">
+                <search-work-company
+                  :type="'1'"
+                  :value="parmValue.supplierNo"
+                  :size="'mini'"
+                  :placeholder="'销售方公司'"
+                  :disabled="false"
+                  :isDetail="false"
+                  @searchChange="supplierChange"
+                />
+              </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-col :span="3" style="width: 66px; float: right">
+                <el-button
+                  :size="searchSize"
+                  type="primary"
+                  style="float: right; margin-left: 5px"
+                  @click="set_user(selection)"
+                >
+                  设置订单用途
+                </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_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="6" style="width: 325px; padding: 0 0 0 10px">
+                <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_code"
+                    ></el-option> -->
+                    <!-- <el-option
+                      label="供应商编号"
+                      value="supplierNo"
+                    ></el-option> -->
+                    <!-- <el-option
+                      label="客户编号"
+                      value="customer_code"
+                    ></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-input>
+              </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-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 }}]</span>
+          </span>
+        </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>
+
+        <template #operation="{ scope }">
+          <el-tooltip effect="dark" content="详情" placement="top">
+            <i
+              class="el-icon-view tb-icon"
+              @click="getRouter('othOrderCancellDetail', scope.row.id)"
+            ></i>
+          </el-tooltip>
+        </template>
+      </ex-table>
+
+  
+      <!--订单用途设置-->
+      <user-add-edit
+        :code="orderCodeList"
+        :show-model="userShowModel"
+        @refresh="searchList"
+        @cancel="userShowModel = false"
+      />
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+<script>
+import mixinPage from "@/mixins/elPaginationHandle";
+import resToken from "@/mixins/resToken";
+import asyncRequest from "@/apis/service/youzan/othOrderCancell";
+import { columns } from "./columns"; //表格列参数
+import userAddEdit from "./userAddEdit";
+import { mapGetters } from "vuex";
+import { xs_order_type_options, xs_order_source_options } from "@/assets/js/statusList";
+export default {
+  name: "othOrderCancell",
+  mixins: [mixinPage, resToken],
+  components: {
+    userAddEdit,
+  },
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find((item) => item.menu_route == "othOrderCancell") || {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  data() {
+    return {
+      sitem: null,
+      select: "orderCode",
+
+      input: "",
+      customerCode: [],
+      // 状态
+      statusOptions: [
+        { id: "0", label: "待发货" },
+        { id: "1", label: "待发货完成" },
+        { id: "2", label: "发货已完成" },
+        { id: "3", label: "订单已取消" },
+      ],
+      xs_order_type_options,
+      xs_order_source_options,
+      loading: false,
+      showModel: false,
+      isDetail: false,
+      modelId: 0,
+      parmValue: {
+        order_type: "", //订单类型
+        orderCode: "", //销售订单code
+        apply_name: "", // 申请人
+        good_name: "", // 产品名称
+        good_code: "", // 产品属性编号
+        status: "", //状态
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        supplierNo: "", //供应商编号
+        customer_code: "", //客户编号
+        start: "", //新建起始时间
+        end: "", // 新建结束时间
+        company_name: "", //创建人部门
+      },
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"],
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns: columns,
+      orderCodeList: [],
+      userShowModel: false,
+    };
+  },
+  mounted() {
+    const { back } = this.$route.query;
+    if (back) {
+      this.parmValue = JSON.parse(back);
+      console.log(this.parmValue);
+      const { page, size } = this.parmValue;
+      // this.parmValue.start = start || last_start;
+      // this.parmValue.end = end || last_end;
+      if (this.parmValue.customer_code.length > 0) {
+        this.customerCode = [this.parmValue.customer_code];
+      }
+
+      this.pageInfo = {
+        size: size,
+        curr: page,
+        total: 0,
+      };
+      //多选条件
+      this.select = this.parmValue.select;
+      // this.sselect = this.parmValue.sselect;
+      this.input = this.parmValue.input;
+    } else {
+      this.select = "orderCode";
+      //  this.sselect = "创建时间"
+    }
+    this.searchList();
+  },
+
+  methods: {
+    getRouter(toRouter, queryId) {
+      if (toRouter && queryId) {
+        let model = {
+          id: queryId,
+          type: "view",
+        };
+
+        //有多选框的条件
+        this.parmValue.select = this.select;
+        // this.parmValue.sselect = this.sselect ;
+        this.parmValue.input = this.input;
+        //
+        let routerModel = {
+          options: JSON.parse(JSON.stringify(this.parmValue)),
+          router: this.$route.path,
+        };
+        model.preModel = JSON.stringify(routerModel);
+
+        this.routeGoto(toRouter, model);
+      } else {
+        this.$message.warning("暂未找到相关流程！");
+      }
+    },
+    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: "", //部门
+      };
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.searchList();
+    },
+    openModal(id, isDetail, sitem) {
+      this.modelId = id;
+      this.isDetail = isDetail;
+      this.sitem = sitem;
+      this.showModel = true;
+    },
+    async supplierChange(e) {
+      const { id, code, label } = e;
+      this.parmValue.supplierNo = code || "";
+      this.parmValue.page = 1;
+      this.pageInfo.curr = 1;
+      await this.searchList();
+    },
+    set_user(selection) {
+      if (selection.length === 0) {
+        this.$message.warning("至少选择一个订单！");
+        return;
+      }
+      this.orderCodeList = [];
+      let isok = true;
+      selection.forEach((e) => {
+        this.orderCodeList.push(e.orderCode);
+        if (e.use_order) {
+          isok = false;
+        }
+      });
+
+      if (!isok) {
+        this.$message.warning("只能选择未绑定的订单！");
+        return;
+      }
+      this.userShowModel = true;
+    },
+    // 客户选择
+    async customerChange(e) {
+      if (e && e.id) {
+        this.customerCode = [e.code];
+        this.parmValue.supplierName = e.label;
+        this.parmValue.customer_code = e.code;
+      } else {
+        this.customerCode = [];
+        this.parmValue.supplierName = "";
+        this.parmValue.customer_code = "";
+      }
+      this.parmValue.page = 1;
+      this.pageInfo.curr = 1;
+      await this.searchList();
+    },
+    async stockChange(e) {
+      if (e && e.id) {
+        this.parmValue.stockNo = [e.code];
+      } else {
+        this.parmValue.stockNo = [];
+      }
+
+      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.list(this.parmValue);
+      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.parmValue.start = e.startTime;
+      } else {
+        this.parmValue.start = "";
+      }
+      if (e.endTime !== "") {
+        this.parmValue.end = e.endTime;
+      } else {
+        this.parmValue.end = "";
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.othOrderCancell {
+  // text-align: right;
+}
+</style>

src/views/youzan/othOrderCancell/userAddEdit.vue

@@ -0,0 +1,169 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="'设置订单用途'"
+    :center="true"
+    align="left"
+    top="18vh"
+    width="500px"
+    :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: -20px 0 0 0">
+      <el-row :gutter="10">
+        <el-col :span="24">
+          <el-form
+            ref="ruleForm"
+            :model="ruleForm"
+            status-icon
+            :rules="rulesThis"
+            label-width="80px"
+            class="demo-ruleForm"
+          >
+            <el-form-item label="订单用途" prop="useid">
+              <el-select
+                v-model="ruleForm.useid"
+                filterable
+                style="width: 100%"
+                clearable
+                placeholder="订单用途"
+              >
+                <el-option
+                  v-for="item in options"
+                  :key="item.id"
+                  :label="item.order_use"
+                  :value="item.id"
+                  :disabled="item.status !== '1'"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :span="24" style="text-align: right">
+          <span class="fl" v-if="code">已选{{ code.length }}个订单</span>
+          <el-button type="primary" @click="submitForm">保 存 </el-button>
+          <el-button @click="showModelThis = false">取 消</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+<script>
+import asyncRequest from "@/apis/service/youzan/othOrderCancell";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "brand",
+  props: ["showModel", "code"],
+  mixins: [resToken],
+  data() {
+    return {
+      loading: false,
+      title: "添加单位",
+      showModelThis: this.showModel,
+      options: [],
+      ruleForm: {
+        orderCode: [],
+        useid: "",
+      },
+      rulesThis: this.rules,
+      rules: {
+        useid: [
+          { required: true, message: "请选择订单用途", trigger: "change" },
+        ],
+      },
+    };
+  },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.initForm();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+  },
+  methods: {
+    async initForm() {
+      this.loading = true;
+      this.rulesThis = this.rules;
+      this.options = [];
+      await this.resetForm();
+      await this.get_options();
+      this.loading = false;
+    },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+
+          this.ruleForm = {
+            orderCode: this.code || [],
+            useid: "",
+          };
+        }
+      });
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          if (this.loading) {
+            return;
+          }
+          this.loading = true;
+          let model = JSON.parse(JSON.stringify(this.ruleForm));
+          let res = (res = await asyncRequest.saleuse(model));
+
+          this.loading = false;
+          if (res && res.code === 0) {
+            this.$notify.success({
+              title: "设置成功！",
+              message: "",
+            });
+            this.showModelThis = false;
+            // 刷新
+            this.$emit("refresh");
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    async get_options() {
+      const { code, data, message } = await asyncRequest.uselist({
+        page: 1,
+        size: 10000,
+      });
+      if (code === 0) {
+        const { list } = data;
+        this.options = list;
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.options = [];
+        this.$message.warning(message);
+      }
+    },
+  },
+};
+</script>
+
+   <style lang="scss" scoped>
+.brand {
+}
+</style>

src/views/youzan/othOrderModifyAddress/columns.js

@@ -0,0 +1,347 @@
+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: "商品数量",
+  },
+  {
+    prop: "sale_price",
+    label: "销售单价",
+  },
+  {
+    prop: "total_price",
+    label: "总价",
+  },
+
+
+
+
+  {
+    prop: "status",
+    label: "订单状态",
+    _slot_: "status",
+    width: "120px",
+  },
+  
+  {
+    prop: "order_source",
+    label: "订单来源",
+    _slot_: "order_source",
+    width: "90px",
+  },
+  {
+    prop: "order_type",
+    label: "商品来源",
+    _slot_: "order_type",
+    width: "90px",
+  },
+  {
+    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: "60px",
+  },
+
+  {
+    prop: "addtime",
+    label: "创建时间",
+    width: "145px",
+  },
+  {
+    prop: "",
+    label: "操作",
+    fixed: "right",
+    _noset_: true,
+    width: "50px",
+    _slot_: "operation",
+  },
+]
+
+
+const addColumns = [
+  {
+    prop: "good_name",
+    label: "商品名称",
+    _slot_: "good_name",
+    span: 24,
+  },
+  // {
+  //   prop: "good_info_img",
+  //   _slot_: "good_info_img",
+  //   label: "详情图",
+  //   span: 24,
+  // },
+  {
+    prop: "cat",
+    label: "分类",
+    _slot_: "cat",
+    span: 24,
+  },
+
+  {
+    prop: "is_stock",
+    label: "是否库存品",
+    _slot_: "is_stock",
+    span: 8,
+  },
+
+  {
+    prop: "unit",
+    label: "单位",
+    span: 8,
+  },
+  {
+    prop: "tax",
+    label: "税点",
+    append: '%',
+    span: 8,
+  },
+
+  {
+    prop: "exclusive",
+    label: "专属类型",
+    _slot_: "exclusive",
+    span: 12,
+  },
+  {
+    prop: "brand_name",
+    label: "品牌",
+    span: 12,
+  },
+  {
+    prop: "weight",
+    label: "商品总克重",
+    _slot_: "weight",
+    span: 24,
+  },
+  {
+    prop: "lead_time",
+    label: "工期",
+    span: 8,
+  },
+  {
+    prop: "delivery_day",
+    label: "物流",
+    span: 8,
+  },
+  {
+    prop: "purchase",
+    label: "采购人员",
+    span: 8,
+  },
+  {
+    prop: "delivery_place_cn",
+    label: "发货地",
+    span: 24,
+  },
+  {
+    prop: "after_sales",
+    label: "售后说明",
+    span: 24,
+  },
+]
+const showColumns = [
+  {
+    prop: "orderCode",
+    label: "订单编号",
+    span: 6,
+  },
+  {
+    prop: "status",
+    label: "订单状态",
+    _slot_: "status",
+    span: 6,
+  },
+  {
+    prop: "order_source",
+    label: "订单来源",
+    _slot_: "order_source",
+    span: 4,
+  },
+  {
+    prop: "order_type",
+    label: "商品来源",
+    _slot_: "order_type",
+    span: 4,
+  }, {
+    prop: "apply_name",
+    label: "创建人",
+    span: 4,
+  },
+
+  {
+    prop: "supplierName",
+    label: "销售方公司",
+    _slot_: "supplierName",
+    span: 12,
+  },
+  {
+    prop: "companyName",
+    label: "购买方公司",
+    _slot_: "companyName",
+    span: 12,
+  },
+
+
+  {
+    prop: "platform_name",
+    label: "所属平台",
+    span: 6,
+  },
+
+  {
+    prop: "arrive_time",
+    label: "要求到货时间",
+    span: 6,
+  },
+  {
+    prop: "paytime",
+    label: "承诺付款时间",
+    span: 6,
+  },
+  {
+    prop: "addtime",
+    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: "proof_id",
+    label: "凭证文件",
+    _slot_: "proof_id",
+    span: 8,
+  },
+
+
+  {
+    prop: "sale_price",
+    label: "售价",
+    append: '元',
+    span: 6,
+  },
+  {
+    prop: "total_price",
+    label: "总金额",
+    append: '元',
+    span: 6,
+  },
+
+
+  {
+    prop: "post_fee",
+    label: "物流费用",
+    append: '元',
+    span: 6,
+  },
+  {
+    prop: "send_type",
+    label: "发货类型",
+    _slot_: "send_type",
+    span: 6,
+  },
+
+  {
+    prop: "is_active",
+    label: "活动类型",
+    _slot_: "is_active",
+    span: 12,
+  },
+  {
+    prop: "useage",
+    label: "订单用途",
+    span: 12,
+  },
+
+  {
+    prop: "remark",
+    label: "备注",
+    span: 24,
+  },
+
+  {
+    prop: "platform_order",
+    label: "平台订单号",
+    span: 24,
+  },
+  {
+    prop: "workNo",
+    label: "其他单号",
+    span: 24,
+  },
+]
+
+export{
+  columns,
+  addColumns,showColumns
+}

src/views/youzan/othOrderModifyAddress/detail.vue

@@ -0,0 +1,374 @@
+<template>
+  <div class="othOrderModifyAddressDetail pagePadding">
+    <div
+      style="width: 100%"
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+    >
+      <div style="height: 30px" v-if="queryType !== 'add'">
+        <span>订单编号：</span><span v-if="sitem">{{ sitem.orderCode }}</span>
+        <el-button
+          style="margin: 0 0 0 10px"
+          class="fr"
+          type="primary"
+          :size="'mini'"
+          @click="setShowModel = true"
+          >设置部分字段
+        </el-button>
+      </div>
+      <el-tabs v-model="activeTabs">
+        <el-tab-pane label="业务详情" name="1" v-if="queryType !== 'add'">
+          <el-collapse v-model="activeNames" style="margin: -18px 0 0 0">
+            <el-collapse-item title="销售订单信息" name="-1">
+              <show-data-table
+                style="margin: 0; padding: 0"
+                :sitem="sitem"
+                v-if="status"
+                :columns="showColumns"
+              >
+                <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.companyNo }}</span>
+                      </li>
+                    </ul>
+                    <i class="el-icon-warning-outline fr" slot="reference"></i>
+                  </el-popover>
+                </template>
+                <template slot="is_active">
+                  <span
+                    v-if="sitem.order_type === '1' || sitem.order_type === '2'"
+                    ><span
+                      >{{
+                        sitem.is_activity === "1" ? "参与活动" : "不参与活动"
+                      }}/{{
+                        (
+                          goodtype_options.find(
+                            (item) => item.value == sitem.good_type
+                          ) || {}
+                        ).label || "--"
+                      }}</span
+                    ></span
+                  >
+                  <span v-else>--</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>
+            </el-collapse-item>
+            <!-- <el-collapse-item title="商品信息" name="2">
+              <show-goods-data-table
+                :newTime="newTime"
+                v-if="newTime !== ''"
+                :type="sitem.order_type"
+                :skucode="sitem.skuCode"
+                :spucode="sitem.good_code"
+              />
+            </el-collapse-item>
+            <el-collapse-item title="发货申请" name="3">
+              <order-out-table
+                :newTime="newTime"
+                v-if="newTime !== ''"
+                :sitem="sitem"
+                :id="queryId"
+                @refresh="initData()"
+              />
+            </el-collapse-item> -->
+          </el-collapse>
+        </el-tab-pane>
+        <el-tab-pane label="审批记录" name="2" v-if="queryType !== 'add'">
+          <process-time-line
+            v-if="newTime !== ''"
+            :newTime="newTime"
+            :type="'XSQRD'"
+            :orderCode="queryId"
+          />
+        </el-tab-pane>
+      </el-tabs>
+
+      <!-- <edit-add
+        :id="modelId"
+        :sitem="sitem"
+        :show-model="showModell"
+        :is-detail="isDetail"
+        @refresh="searchList"
+        @cancel="showModel = false"
+      /> -->
+      <set-partial
+        :sitem="sitem"
+        :show-model="setShowModel"
+        @refresh="initData"
+        @cancel="setShowModel = false"
+      />
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+   <script>
+import mixinPage from "@/mixins/elPaginationHandle";
+import resToken from "@/mixins/resToken";
+import asyncRequest from "@/apis/service/youzan/othOrderModifyAddress/detail";
+// import orderOutTable from "./components/order-out-table";
+
+import { showColumns } from "./columns";
+// import setPartial from "./setPartial";
+import {  xs_order_source_options,xs_order_type_options } from "@/assets/js/statusList";
+export default {
+  name: "othOrderModifyAddressDetail",
+  mixins: [mixinPage, resToken],
+  components: {
+    // orderOutTable,
+    // setPartial,
+  },
+  computed: {
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find(
+          (item) => item.menu_route == "othOrderModifyAddressDetail"
+        ) || {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  data() {
+    return {
+      finishStatus: "finish",
+      activeTabs: "1",
+      activeNames: ["-1", "0", "1", "2", "3", "4", "5", "6"],
+      showColumns: showColumns,
+      setShowModel: false,
+      goodtype_options: [
+        {
+          value: "1",
+          label: "常规商品",
+        },
+        {
+          value: "2",
+          label: "赠品",
+        },
+        {
+          value: "3",
+          label: "样品",
+        },
+      ],
+      xs_order_type_options,
+       xs_order_source_options,
+      statusOptions: [
+        { value: "0", label: "待发货" },
+        { value: "1", label: "待发货完成" },
+        { value: "2", label: "发货已完成" },
+        { value: "3", label: "订单已取消" },
+      ],
+      sitem: null,
+
+      orderCode: "",
+      status: "",
+      newTime: "",
+      loading: false,
+      queryId: "",
+      queryType: "",
+    };
+  },
+  mounted() {
+    this.status = "";
+    const { id, type } = this.$route.query;
+    this.queryId = id;
+    this.queryType = type;
+    this.activeTabs = type === "add" ? "0" : "1";
+    this.loading = true;
+    if (this.queryType === "add") {
+      this.sitem = {};
+      this.getNewTime();
+    } else {
+      this.initData();
+    }
+    this.loading = false;
+  },
+  methods: {
+    async statusConfirm(status, message) {
+      await this.$confirm(`确定要${message}？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          if (status === "-1") {
+            await this.deleteById(message);
+          } else {
+            await this.setStatus(status, message);
+          }
+        })
+        .catch(() => {
+          console.log("取消");
+        });
+    },
+    getNewTime() {
+      this.newTime = new Date().valueOf() + "";
+    },
+
+    async deleteById(message) {
+      const res = await asyncRequest.delete({ id: this.queryId });
+      if (res && res.code === 0) {
+        this.$notify.success({
+          title: message + "成功！",
+          message: "",
+        });
+
+        this.routeGoto("check", {});
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+    },
+
+    async setStatus(status, message, remark) {
+      let model = {
+        id: this.queryId,
+        remark: remark || "",
+        status: status,
+      };
+      const res = await asyncRequest.status(model);
+      this.loading = false;
+      if (res && res.code === 0) {
+        this.$notify.success({
+          title: message + "成功！",
+          message: "",
+        });
+        this.initData();
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+    },
+    async examForm(e) {
+      if (!this.loading) {
+        let type = e.state === "1" ? "2" : "0";
+        await this.setStatus(type, "提交入库方审核", e.remark);
+      }
+    },
+    async initData() {
+      this.loading = true;
+      const res = await asyncRequest.detail({ id: this.queryId });
+      if (res && res.code === 0 && res.data) {
+        this.sitem = res.data;
+        this.status = this.sitem.status;
+        this.orderCode = this.sitem.orderCode;
+        this.getNewTime();
+      } else if (res && res.code >= 100 && res.code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(res.message);
+      }
+      this.loading = false;
+    },
+  },
+};
+</script>
+   <style lang="scss" scoped>
+.othOrderModifyAddressDetail {
+}
+</style>
+   
+   

src/views/youzan/othOrderModifyAddress/index.vue

@@ -0,0 +1,519 @@
+<template>
+  <div class="othOrderModifyAddress pagePadding">
+    <div v-if="powers && powers.length > 0 && powers.some((item) => item == '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="{ selection }">
+          <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: 240px; padding: 0 0 0 10px">
+                <search-work-company
+                  :type="'1'"
+                  :value="parmValue.supplierNo"
+                  :size="'mini'"
+                  :placeholder="'销售方公司'"
+                  :disabled="false"
+                  :isDetail="false"
+                  @searchChange="supplierChange"
+                />
+              </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-col :span="3" style="width: 66px; float: right">
+                <el-button
+                  :size="searchSize"
+                  type="primary"
+                  style="float: right; margin-left: 5px"
+                  @click="set_user(selection)"
+                >
+                  设置订单用途
+                </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_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="6" style="width: 325px; padding: 0 0 0 10px">
+                <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_code"
+                    ></el-option> -->
+                    <!-- <el-option
+                      label="供应商编号"
+                      value="supplierNo"
+                    ></el-option> -->
+                    <!-- <el-option
+                      label="客户编号"
+                      value="customer_code"
+                    ></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-input>
+              </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-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 }}]</span>
+          </span>
+        </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>
+
+        <template #operation="{ scope }">
+          <el-tooltip effect="dark" content="详情" placement="top">
+            <i
+              class="el-icon-view tb-icon"
+              @click="getRouter('othOrderModifyAddressDetail', scope.row.id)"
+            ></i>
+          </el-tooltip>
+        </template>
+      </ex-table>
+
+  
+      <!--订单用途设置-->
+      <user-add-edit
+        :code="orderCodeList"
+        :show-model="userShowModel"
+        @refresh="searchList"
+        @cancel="userShowModel = false"
+      />
+    </div>
+    <div v-else>
+      <no-auth></no-auth>
+    </div>
+  </div>
+</template>
+<script>
+import mixinPage from "@/mixins/elPaginationHandle";
+import resToken from "@/mixins/resToken";
+import asyncRequest from "@/apis/service/youzan/othOrderModifyAddress";
+import { columns } from "./columns"; //表格列参数
+import userAddEdit from "./userAddEdit";
+import { mapGetters } from "vuex";
+import { xs_order_type_options, xs_order_source_options } from "@/assets/js/statusList";
+export default {
+  name: "othOrderModifyAddress",
+  mixins: [mixinPage, resToken],
+  components: {
+    userAddEdit,
+  },
+  computed: {
+    ...mapGetters(["tablebtnSize", "searchSize", "size"]),
+    powers() {
+      let tran =
+        this.$store.getters.btnList.find((item) => item.menu_route == "othOrderModifyAddress") || {};
+      if (tran && tran.action && tran.action.length > 0) {
+        return tran.action;
+      } else {
+        return [];
+      }
+    },
+  },
+  data() {
+    return {
+      sitem: null,
+      select: "orderCode",
+
+      input: "",
+      customerCode: [],
+      // 状态
+      statusOptions: [
+        { id: "0", label: "待发货" },
+        { id: "1", label: "待发货完成" },
+        { id: "2", label: "发货已完成" },
+        { id: "3", label: "订单已取消" },
+      ],
+      xs_order_type_options,
+      xs_order_source_options,
+      loading: false,
+      showModel: false,
+      isDetail: false,
+      modelId: 0,
+      parmValue: {
+        order_type: "", //订单类型
+        orderCode: "", //销售订单code
+        apply_name: "", // 申请人
+        good_name: "", // 产品名称
+        good_code: "", // 产品属性编号
+        status: "", //状态
+        page: 1, // 页码
+        size: 15, // 每页显示条数
+        supplierNo: "", //供应商编号
+        customer_code: "", //客户编号
+        start: "", //新建起始时间
+        end: "", // 新建结束时间
+        company_name: "", //创建人部门
+      },
+      // 表格 - 数据
+      tableData: [],
+      // 表格 - 参数
+      table: {
+        stripe: true,
+        border: true,
+        _defaultHeader_: ["setcol"],
+      },
+      // 表格 - 分页
+      pageInfo: {
+        size: 15,
+        curr: 1,
+        total: 0,
+      },
+      // 表格 - 列参数
+      columns: columns,
+      orderCodeList: [],
+      userShowModel: false,
+    };
+  },
+  mounted() {
+    const { back } = this.$route.query;
+    if (back) {
+      this.parmValue = JSON.parse(back);
+      console.log(this.parmValue);
+      const { page, size } = this.parmValue;
+      // this.parmValue.start = start || last_start;
+      // this.parmValue.end = end || last_end;
+      if (this.parmValue.customer_code.length > 0) {
+        this.customerCode = [this.parmValue.customer_code];
+      }
+
+      this.pageInfo = {
+        size: size,
+        curr: page,
+        total: 0,
+      };
+      //多选条件
+      this.select = this.parmValue.select;
+      // this.sselect = this.parmValue.sselect;
+      this.input = this.parmValue.input;
+    } else {
+      this.select = "orderCode";
+      //  this.sselect = "创建时间"
+    }
+    this.searchList();
+  },
+
+  methods: {
+    getRouter(toRouter, queryId) {
+      if (toRouter && queryId) {
+        let model = {
+          id: queryId,
+          type: "view",
+        };
+
+        //有多选框的条件
+        this.parmValue.select = this.select;
+        // this.parmValue.sselect = this.sselect ;
+        this.parmValue.input = this.input;
+        //
+        let routerModel = {
+          options: JSON.parse(JSON.stringify(this.parmValue)),
+          router: this.$route.path,
+        };
+        model.preModel = JSON.stringify(routerModel);
+
+        this.routeGoto(toRouter, model);
+      } else {
+        this.$message.warning("暂未找到相关流程！");
+      }
+    },
+    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: "", //部门
+      };
+      // 表格 - 分页
+      this.pageInfo = {
+        size: 15,
+        curr: 1,
+        total: 0,
+      };
+      this.searchList();
+    },
+    openModal(id, isDetail, sitem) {
+      this.modelId = id;
+      this.isDetail = isDetail;
+      this.sitem = sitem;
+      this.showModel = true;
+    },
+    async supplierChange(e) {
+      const { id, code, label } = e;
+      this.parmValue.supplierNo = code || "";
+      this.parmValue.page = 1;
+      this.pageInfo.curr = 1;
+      await this.searchList();
+    },
+    set_user(selection) {
+      if (selection.length === 0) {
+        this.$message.warning("至少选择一个订单！");
+        return;
+      }
+      this.orderCodeList = [];
+      let isok = true;
+      selection.forEach((e) => {
+        this.orderCodeList.push(e.orderCode);
+        if (e.use_order) {
+          isok = false;
+        }
+      });
+
+      if (!isok) {
+        this.$message.warning("只能选择未绑定的订单！");
+        return;
+      }
+      this.userShowModel = true;
+    },
+    // 客户选择
+    async customerChange(e) {
+      if (e && e.id) {
+        this.customerCode = [e.code];
+        this.parmValue.supplierName = e.label;
+        this.parmValue.customer_code = e.code;
+      } else {
+        this.customerCode = [];
+        this.parmValue.supplierName = "";
+        this.parmValue.customer_code = "";
+      }
+      this.parmValue.page = 1;
+      this.pageInfo.curr = 1;
+      await this.searchList();
+    },
+    async stockChange(e) {
+      if (e && e.id) {
+        this.parmValue.stockNo = [e.code];
+      } else {
+        this.parmValue.stockNo = [];
+      }
+
+      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.list(this.parmValue);
+      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.parmValue.start = e.startTime;
+      } else {
+        this.parmValue.start = "";
+      }
+      if (e.endTime !== "") {
+        this.parmValue.end = e.endTime;
+      } else {
+        this.parmValue.end = "";
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.othOrderModifyAddress {
+  // text-align: right;
+}
+</style>

src/views/youzan/othOrderModifyAddress/userAddEdit.vue

@@ -0,0 +1,169 @@
+<template>
+  <el-dialog
+    v-loading="loading"
+    :title="'设置订单用途'"
+    :center="true"
+    align="left"
+    top="18vh"
+    width="500px"
+    :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: -20px 0 0 0">
+      <el-row :gutter="10">
+        <el-col :span="24">
+          <el-form
+            ref="ruleForm"
+            :model="ruleForm"
+            status-icon
+            :rules="rulesThis"
+            label-width="80px"
+            class="demo-ruleForm"
+          >
+            <el-form-item label="订单用途" prop="useid">
+              <el-select
+                v-model="ruleForm.useid"
+                filterable
+                style="width: 100%"
+                clearable
+                placeholder="订单用途"
+              >
+                <el-option
+                  v-for="item in options"
+                  :key="item.id"
+                  :label="item.order_use"
+                  :value="item.id"
+                  :disabled="item.status !== '1'"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :span="24" style="text-align: right">
+          <span class="fl" v-if="code">已选{{ code.length }}个订单</span>
+          <el-button type="primary" @click="submitForm">保 存 </el-button>
+          <el-button @click="showModelThis = false">取 消</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-dialog>
+</template>
+<script>
+import asyncRequest from "@/apis/service/youzan/othOrderModifyAddress";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "brand",
+  props: ["showModel", "code"],
+  mixins: [resToken],
+  data() {
+    return {
+      loading: false,
+      title: "添加单位",
+      showModelThis: this.showModel,
+      options: [],
+      ruleForm: {
+        orderCode: [],
+        useid: "",
+      },
+      rulesThis: this.rules,
+      rules: {
+        useid: [
+          { required: true, message: "请选择订单用途", trigger: "change" },
+        ],
+      },
+    };
+  },
+  watch: {
+    showModel: function (val) {
+      this.showModelThis = val;
+      if (val) {
+        this.initForm();
+      }
+    },
+    showModelThis(val) {
+      if (!val) {
+        this.$emit("cancel");
+      }
+    },
+  },
+  methods: {
+    async initForm() {
+      this.loading = true;
+      this.rulesThis = this.rules;
+      this.options = [];
+      await this.resetForm();
+      await this.get_options();
+      this.loading = false;
+    },
+    async resetForm() {
+      // 重置
+      await this.$nextTick(() => {
+        if (this.$refs.ruleForm) {
+          this.$refs.ruleForm.resetFields();
+          this.$refs.ruleForm.clearValidate();
+
+          this.ruleForm = {
+            orderCode: this.code || [],
+            useid: "",
+          };
+        }
+      });
+    },
+    async submitForm() {
+      await this.$refs.ruleForm.validate(async (valid) => {
+        if (valid) {
+          if (this.loading) {
+            return;
+          }
+          this.loading = true;
+          let model = JSON.parse(JSON.stringify(this.ruleForm));
+          let res = (res = await asyncRequest.saleuse(model));
+
+          this.loading = false;
+          if (res && res.code === 0) {
+            this.$notify.success({
+              title: "设置成功！",
+              message: "",
+            });
+            this.showModelThis = false;
+            // 刷新
+            this.$emit("refresh");
+          } else if (res && res.code >= 100 && res.code <= 104) {
+            await this.logout();
+          } else {
+            this.$message.warning(res.message);
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    async get_options() {
+      const { code, data, message } = await asyncRequest.uselist({
+        page: 1,
+        size: 10000,
+      });
+      if (code === 0) {
+        const { list } = data;
+        this.options = list;
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.options = [];
+        this.$message.warning(message);
+      }
+    },
+  },
+};
+</script>
+
+   <style lang="scss" scoped>
+.brand {
+}
+</style>