jufubao-admin-library 1.0.0-beta1

package/library/viewModules/viewsEnterpriseBuy/viewsEnterpriseBuy/compontents/send_list.vue

@@ -0,0 +1,395 @@
+<template>
+  <div class="app-container">
+    <div class="app-container__title">{{title}}</div>
+    <el-card class="app-container__search">
+      <el-form :model="searchForm">
+        <el-form-item label="发货方式">
+          <el-radio v-model="searchForm.is_need_logistics" label="Y">需要物流</el-radio>
+          <el-radio v-model="searchForm.is_need_logistics" label="N">不需要物流</el-radio>
+        </el-form-item>
+        <el-form-item label="快递公司" v-if="searchForm.is_need_logistics==='Y'">
+          <el-select v-model="searchForm.company_id" placeholder="快递公司">
+            <el-option label="顺丰" value="1"></el-option>
+            <el-option label="京东" value="2"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-card class="app-container__list">
+      <div class="app-container__list-pagination">
+        <div>
+          <el-button size="medium" type="primary" @click="batchFilling">批量填写快递单号</el-button>
+          <el-button size="medium" type="primary" @click="handleImport">导入发货</el-button>
+        </div>
+      </div>
+      <div class="app-container__list-table">
+        <xd-table
+          :default-select="['12987122','12987126']"
+          :get-link="getLink"
+          :headers="orderHeaders"
+          :list="tables"
+          :hasExpand="true"
+          :stripe="false"
+          :custom-function="handleCustom"
+          ref="saveTableRef"
+          default-expand-all
+          @onClick="handleCilck"
+          @onSelect="handleSelect"
+        >
+          <template slot="expand" slot-scope="scope">
+            <xd-table
+              is-border
+              :stripe="false"
+              :show-header="false"
+              :get-link="getLinkChild"
+              :headers="orderHeadersIn"
+              :list="scope.row.product_list"
+              :custom-function="handleInCustom"
+              @change="saveTableChange"
+              default-expand-all
+              @onSelect="handleSelectChild"
+            >
+              <template slot="info" slot-scope="scope">
+                <xd-store-product
+                  :key="tableRefresh"
+                  :list="getProductInfo(scope.row)"
+                  width="60"
+                  height="60"
+                ></xd-store-product>
+              </template>
+              <template slot="comment" slot-scope="scopes">
+                <div>收货人：{{scope.row.receipt_username}}</div>
+                <div>手机号：{{scope.row.receipt_phone_number}}</div>
+                <div>收货地址：{{scope.row.address_detail}}</div>
+                <div>配送时间：{{scope.row.subscribe_time}}</div>
+                <div>订单备注：{{scope.row.comment}}</div>
+              </template>
+              <template slot="operate" slot-scope="scopes">
+                <el-button
+                  v-if="scope.row.product_list.length>1"
+                  style="text-align: center"
+                  type="primary"
+                  size="small"
+                  @click="handleAlone(scope,scopes)"
+                >单独发货</el-button>
+              </template>
+            </xd-table>
+          </template>
+        </xd-table>
+      </div>
+      <div style="padding-left: 150px">
+        <el-button @click="goBack" type="primary">返回</el-button>
+        <el-button @click="handleConfirm" type="primary">批量发货</el-button>
+      </div>
+    </el-card>
+    <xd-dialog
+      title="填写快递单号"
+      :show.sync="dialogVisibleNumber"
+      width="50%"
+      @onConfirm="handleVisibleNumber"
+      @onClose="handleClose"
+      @onCancel="handleClose"
+    >
+      <div style="margin-bottom: 10px">快递单号:</div>
+      <el-input type="input" v-model="express_code"></el-input>
+    </xd-dialog>
+  </div>
+</template>
+
+<script>
+import XdSearch from "@/components/XdSearch"
+import XdTableImage from "@/components/XdTableImage"
+import {
+  mapActions,
+  mapState,
+} from 'vuex'
+import { Loading } from 'element-ui'
+import XdPagination from "@/components/XdPagination.vue"
+import XdTable from "@/components/XdTable"
+import XdTablePrice from "@/components/XdTablePrice"
+import XdStoreProduct from "@/components/XdStoreProduct"
+import { getOptions } from "@/utils/options"
+import XdDialog from "@/components/XdDialog"
+
+export default {
+  name: "cake_order",
+  components: {
+    XdPagination,
+    XdSearch,
+    XdTableImage,
+    XdTable,
+    XdTablePrice,
+    XdStoreProduct,
+    XdDialog
+  },
+  props: {
+    selectData: {
+      type: Array | null,
+      default: null
+    },
+  },
+  // mixins: [downloadString, getChannelList],
+
+  data () {
+    return {
+      searchForm: {
+        is_need_logistics: 'Y',
+        company_id: '',
+      },
+      tables: [],
+      multipleSelection: [],
+      orderNumber: "",
+      subOrderNumber: '',
+      tableRefresh: 'tableRefresh',
+      orderHeaders: [
+        { type: 'selection' },
+        { type: 'expand', hide: true },
+        { type: 'index', prop: 'index', align: 'center', width: 120, },
+        { type: 'normal', sort: true, prop: 'info', align: 'center', minWidth: 150, label: '商品信息' },
+        { type: 'normal', prop: 'num', align: 'center', width: 120, label: '数量' },
+        { type: 'normal', prop: 'comment', align: 'left', label: '配送信息及备注' },
+        { type: 'normal', prop: 'logistics_number', align: 'center', width: 150, label: '快递单号' },
+        {
+          type: 'operate',
+          align: 'center',
+          prop: 'operate',
+          width: 110,
+          label: '操作',
+          values: [
+            { ui: 'text-link', target: '_blank', name: '查看订单', type: 'text' },
+          ]
+        }
+      ],
+      orderHeadersIn: [
+        { type: 'normal', sort: true, prop: 'info', align: 'left', minWidth: 150, label: '商品信息', rowspan: 4 },
+        { type: 'normal', prop: 'num', align: 'center', width: 120, label: '数量' },
+        { type: 'normal', prop: 'comment', align: 'left', label: '配送信息及备注' },
+        { type: 'input', prop: 'logistics_number', align: 'center', width: 150, label: '快递单号' },
+        {
+          type: 'operate',
+          align: 'center',
+          prop: 'operate',
+          width: 110,
+          label: '操作',
+          // values: [
+          //   {ui: 'text-button', target: '_blank', name: '单独发货', type: 'text'},
+          // ]
+        }
+      ],
+      list: [],
+      express_code: '',
+      dialogVisibleNumber: false,
+      tableKey: '',
+      multipleSelectionData: [],
+    }
+  },
+  watch: {
+    selectData: {
+      handler (n, o) {
+        if (n) {
+          this.tables = n
+        }
+      },
+      deep: true
+    },
+  },
+  created () {
+    this.title = this.$route.meta.title
+    this.tables = this.selectData
+    this.tables.map(item => {
+      item.logistics_number = ''
+      item.product_list.map(ls => {
+        ls.logistics_number = ''
+        ls.main_order_id = item.main_order_id
+        ls.sub_order_id = item.sub_order_id
+      })
+    })
+  },
+
+  methods: {
+    ...mapActions('corders',
+      ['getMainOrderList',
+        'logisticsCheckUnableSend',
+        'logisticsMultiSend'
+      ]
+    ),
+
+    /**
+     * @description 选中
+     */
+    handleSelect ({ value, select }) {
+      this.multipleSelection = this.$xdHelper.getListKeyForValue(select, 'main_order_id')
+      this.multipleSelectionData = select.map(item => item.main_order_id)
+    },
+
+    handleSelectChild ({ value, select }) {
+      console.log(value, select, 'selectchild')
+    },
+
+    /**单独发货**/
+    handleAlone (e, row) {
+      let onlyData = row
+      onlyData['product_list'] = [row.row]
+      this.tables.push(onlyData)
+      this.tables = this.tables[e.index]['product_list'].splice(row.index, 1)
+    },
+
+    handlePagination (page) {
+      this.pageSize = page
+      this.getList()
+    },
+
+    getLink ({ row, value, index }) {
+      return `/corders/detail/${row.main_order_id}/${row.business_code}`
+    },
+
+    handleCustom ({ action, data }) {
+      if (action === 'merge') {
+        //这里必须启用懂下来列才能使用下来功能
+        //合并列操作 从第3列开始一共合并5列，被合并列必须返回[0,0]
+        let mergeColumn = 4
+        let startColumn = 2
+
+        //rowIndex，columnIndex的值是从0开始
+        let { row, column, rowIndex, columnIndex } = data
+
+        if (columnIndex === startColumn) {
+          return [1, mergeColumn]
+        }
+        if (columnIndex > startColumn && columnIndex < startColumn + mergeColumn) {
+          return [0, 0]
+        }
+      }
+    },
+
+    handleInCustom ({ action, data }) {
+      if (action === 'merge') {
+        let mergeRow = 1
+        let maxRow = 100 //需要合并的最大行数
+        let { row, column, rowIndex, columnIndex } = data
+
+        //rowIndex，columnIndex的值是从0开始
+        let mergeColumns = [2, 3,] //第4列需要合并行，并且合并到数组最大值,
+
+        const check = (i) => {
+          return mergeColumns.filter(key => {
+            return key === i
+          }).length > 0
+        }
+
+        if (rowIndex === 0) {
+          if (check(columnIndex)) {
+            return [maxRow, 1]
+          } else return [1, 1]
+        } else {
+          if (check(columnIndex)) {
+            return [0, 0]
+          } else return [1, 1]
+        }
+      }
+
+    },
+
+
+    getInfo (row) {
+      return `运单`
+    },
+    handleCilck ({ row, value, index }) {
+      console.log('handleCilck', row, value, index)
+    },
+
+    getLinkChild ({ row, value, index }) {
+      return `/table/form/${row.id}`
+    },
+
+    /**商品信息**/
+    getProductInfo (value) {
+      return {
+        thumb: this.getImageFullPath(value.product_thumb),
+        title: value.product_name,
+        icon: value.type === 'good' ? '实' : value.type === 'virtual' ? '虚' : value.type === 'card' ? '卡' : value.type === 'network' ? '生' : value.type === 'settle' ? '核' : '',
+        specific: value.product_sku_name, params: { width: 150, height: 150 },
+        status: value.aftersale_status_name
+      }
+    },
+    goBack () {
+      this.$emit('back', 1)
+    },
+    /**确定批量发货**/
+    handleConfirm () {
+      if (this.multipleSelection.length === 0) {
+        this.$message({
+          type: 'error',
+          message: '请选择运单'
+        })
+        return
+      }
+      let data = {
+        ...this.searchForm,
+        package_list: this.tables.filter(item => this.multipleSelectionData.includes(item.main_order_id)),
+      }
+      this.logisticsMultiSend(data).then(res => {
+        this.$message({
+          type: 'error',
+          message: '发货成功'
+        })
+        this.goBack()
+      }).catch(err => {
+        console.log(err, 'errrr')
+      })
+
+    },
+    /**批量填写快递单号**/
+    batchFilling () {
+      this.dialogVisibleNumber = true
+    },
+    /**批量填写快递单号确定**/
+    handleVisibleNumber () {
+      this.tableKey = Date.now()
+      this.tables.map((item, index) => {
+        item.logistics_number = Number(this.express_code) + index
+        item.product_list.map(ls => {
+          ls.logistics_number = item.logistics_number
+        })
+      })
+      this.dialogVisibleNumber = false
+    },
+    handleClose () {
+      this.dialogVisibleNumber = false
+    },
+    /**运单号改变**/
+    saveTableChange ({ value, data }) {
+      this.tables = this.tables.map(item => {
+        let hasProd = item['product_list'].find(prod => prod.product_id == data.product_id)
+        if (hasProd) {
+          item['logistics_number'] = value
+        }
+        item['product_list'] = item['product_list'].map(prod => {
+          if (prod.product_id == data.product_id) item['logistics_number'] = value
+          return prod
+        })
+        return item
+      })
+    },
+    /**导入发货**/
+    handleImport () {
+      this.$router.push('/corders/import_list')
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.app-container__title {
+  font-size: 16px;
+  line-height: 24px;
+  padding: 0 0 20px;
+  font-weight: bold;
+}
+
+@media screen and (max-width: 768px) {
+  .app-container__title {
+    padding: 0 0 10px;
+  }
+}
+</style>

package/library/viewModules/viewsEnterpriseBuy/viewsEnterpriseBuy/compontents/storeList.vue

@@ -0,0 +1,100 @@
+<template>
+  <div class="app-container__list-card" style="margin-bottom: 10px;">
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>门店信息</span>
+      </div>
+      <div class="app-container__list-table">
+        <xd-table :headers="headers" :list="tables" is-border>
+          <template slot="info" slot-scope="scope">
+            <div>{{scope.row.shop_name}}</div>
+          </template>
+        </xd-table>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {
+  mapActions,
+  mapState,
+} from 'vuex'
+import { Loading } from 'element-ui'
+import XdTable from "@/components/XdTable"
+
+export default {
+  name: "store_list",
+  components: {
+    XdTable,
+  },
+
+  data () {
+    return {
+      tables: [],
+      multipleSelection: [],
+      tableRefresh: 'tableRefresh',
+      total: 0,
+      headers: [{
+        "type": "normal",
+        "prop": "shop_id",
+        "align": "left",
+        "width": 200,
+        "label": "门店ID"
+      }, {
+        "type": "normal",
+        "prop": "info",
+        "align": "center",
+        "minWidth": 200,
+        "label": "门店信息"
+      }, {
+        "type": "normal",
+        "prop": "shop_phone_number",
+        "align": "center",
+        "minWidth": 200,
+        "label": "联系方式"
+      }, {
+        "type": "normal",
+        "prop": "shop_address",
+        "align": "center",
+        "minWidth": 200,
+        "label": "门店地址"
+      }],
+    }
+  },
+  props: {
+    data: {
+      type: Array,
+      default () {
+        return []
+      }
+    }
+  },
+  created () {
+    this.title = this.$route.meta.title
+    this.getList()
+  },
+
+  methods: {
+    getList () {
+      this.tables = this.$xdHelper.cloneDeep(this.data)
+      console.log(this.tables, 'this.tables')
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.app-container__title {
+  font-size: 16px;
+  line-height: 24px;
+  padding: 0 0 20px;
+  font-weight: bold;
+}
+
+@media screen and (max-width: 768px) {
+  .app-container__title {
+    padding: 0 0 10px;
+  }
+}
+</style>

package/library/viewModules/viewsEnterpriseBuy/viewsEnterpriseBuy/compontents/workHistory.vue

@@ -0,0 +1,163 @@
+<template>
+  <div class="app-container__list-card" style="margin-bottom: 10px;">
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>工单记录</span>
+      </div>
+      <div class="app-container__list-table">
+        <xd-table :headers="headers" :list="tables" is-border>
+          <template slot="work_order_id" slot-scope="scope">
+            <router-link target="_self" :to="toWorkList(scope.row.work_order_id)">
+                <el-link type="primary" size="small">{{scope.row.work_order_id}}</el-link>
+            </router-link>
+          </template>
+          <template slot="customer_feedback" slot-scope="scope">
+            <div v-html="scope.row.customer_feedback" class="feedBox"></div>
+          </template>
+        </xd-table>
+      </div>
+      <div class="app-container__list-pagination">
+        <xd-pagination
+          :total="total"
+          :limit.sync="limit"
+          :page="pageSize"
+          :auto-scroll="false"
+          @onPagination="handlePagination"
+        ></xd-pagination>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {
+  mapActions,
+  mapState,
+} from 'vuex'
+import { Loading } from 'element-ui'
+import XdPagination from "@/components/XdPagination.vue"
+import XdTable from "@/components/XdTable"
+
+export default {
+  name: "work_history",
+  components: {
+    XdPagination,
+    XdTable,
+  },
+
+  // mixins: [downloadString, getChannelList],
+
+  data () {
+    return {
+      pageSize: 1,//当前页面数量
+      hasNextPage: true,
+      limit: 20,
+      tables: [],
+      multipleSelection: [],
+      tableRefresh: 'tableRefresh',
+      total: 0,
+      headers: [
+        {
+          "type": "normal",
+          "prop": "deal_user_name",
+          "align": "center",
+          "width": 200,
+          "label": "工单创建人"
+        }, {
+          "type": "normal",
+          "prop": "customer_feedback",
+          "align": "center",
+          "minWidth": 200,
+          "label": "反馈内容"
+        }, {
+          "type": "normal",
+          "prop": "work_order_id",
+          "align": "center",
+          "minWidth": 200,
+          "label": "工单号"
+        }, {
+          "type": "normal",
+          "prop": "created_time",
+          "align": "center",
+          "minWidth": 200,
+          "label": "工单创建时间"
+        },
+      ],
+    }
+  },
+  props: {
+    main_order_id: "",
+    sub_order_id: '',
+  },
+  created () {
+    this.title = this.$route.meta.title
+    this.getList()
+  },
+
+  methods: {
+
+    ...mapActions('corders',
+      [
+        'workOrderListByOrder',
+      ]
+    ),
+    getList () {
+      console.log(!this.main_order_id, 'main_order_id')
+      //请求数据
+      let params = {
+        page_token: this.pageSize,
+        page_size: this.limit,
+        main_order_id: !this.main_order_id ? '' : this.main_order_id,
+        sub_order_id: !this.sub_order_id ? '' : this.sub_order_id,
+      }
+      console.log(params)
+      let loading = Loading.service({})
+      this.workOrderListByOrder(params).then(res => {
+        const { list, total_size } = res.data
+        list.map(item => {
+          item.updated_time = window.getTimeFormat(item.updated_time)
+          item.created_time = window.getTimeFormat(item.created_time)
+        })
+        this.tables = list
+        console.log(this.tables, ' this.tables,11')
+        this.total = total_size
+        loading.close()
+      }).catch(e => loading.close())
+    },
+    /**
+     * @description 翻页处理方法
+     * @param page {Number} 访问页面页码数
+     */
+    handlePagination (page) {
+      this.pageSize = page
+      this.getList()
+    }, //todo
+
+    /**跳转工单列表**/
+    toWorkList (item) {
+      return `/corders/work_detail/${item}`
+    },
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.app-container__title {
+  font-size: 16px;
+  line-height: 24px;
+  padding: 0 0 20px;
+  font-weight: bold;
+}
+
+@media screen and (max-width: 768px) {
+  .app-container__title {
+    padding: 0 0 10px;
+  }
+}
+.feedBox{
+  & ::v-deep img{
+    max-width: 160px!important;
+  }
+}
+</style>