jufubao-admin-library 1.0.0-beta1

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

@@ -0,0 +1,550 @@
+<template>
+  <div>
+    <div class="app-container__list-table-option">
+      <template v-for="event in events">
+        <el-button type="primary" size="small" @click="handleClick(event.action)">{{event.text}}</el-button>
+      </template>
+    </div>
+    <xd-dialog
+      title="清单结算金额"
+      v-if="dialogVisibleSetAmount"
+      :show.sync="dialogVisibleSetAmount"
+      width="50%"
+      @onConfirm="handleSetAmount"
+      @onClose="dialogVisibleSetAmount = false"
+      @onCancel="dialogVisibleSetAmount = false"
+    >
+      <xd-base-dynamic-field
+        ref="amountForm"
+        v-if="listFormSetAmount.length > 0"
+        v-model="listValueSetAmount"
+        :key="renderFormSetAmountKey"
+        :list="listFormSetAmount"
+        label-width="140px"
+      ></xd-base-dynamic-field>
+    </xd-dialog>
+    <xd-dialog
+      title="上传发票"
+      v-if="dialogVisibleUploadInvoice"
+      :show.sync="dialogVisibleUploadInvoice"
+      width="50%"
+      @onConfirm="handleConfirmUploadInvoice"
+      @onClose="dialogVisibleUploadInvoice = false"
+      @onCancel="dialogVisibleUploadInvoice = false"
+    >
+      <xd-base-dynamic-field
+        ref="invoiceForm"
+        v-if="listFormUploadInvoice.length > 0"
+        v-model="listValueUploadInvoice"
+        :key="renderFormUploadInvoiceKey"
+        :list="listFormUploadInvoice"
+        label-width="140px"
+        @success="handleSuccess"
+        @onApiSuccessUrl="handleApiSuccessUrl"
+        @onGetParamsAndHeader="handleGetParamsAndHeader"
+      >
+        <template slot="tableform">
+          <el-table
+            :data="tableData"
+            border
+            >
+           <el-table-column
+            prop="supplier_name"
+            label="供货商"
+            width="120">
+          </el-table-column>
+          <el-table-column
+            prop="invoice_url"
+            label="发票地址">
+          </el-table-column>
+          <el-table-column
+            fixed="right"
+            label="操作"
+            width="100">
+            <template slot-scope="scope">
+               <xd-upload
+                  style-type="one"
+                  v-model="tableUrl"
+                  action="aliyun"
+                  :size=1
+                  :type="uploadType"
+                  upload-type="aliyun"
+                  @success="handleSuccess"
+                  @onApiSuccessUrl="handleApiSuccessUrl"
+                  @onGetParamsAndHeader="(file,resolve)=>{handleGetParamsAndHeader1(file, resolve,scope.$index)}"
+                >
+                </xd-upload>
+            </template>
+          </el-table-column>
+        </el-table>
+        </template>
+      </xd-base-dynamic-field>
+    </xd-dialog>
+  </div>
+</template>
+
+<script>
+
+import XdDialog from "@/components/XdDialog"
+import XdTable from "@/components/XdTable"
+import { mapActions } from 'vuex'
+import XdBaseDynamicField from "@/components/XdBaseDynamicField"
+import XdUpload from "@/components/XdUpload"
+import { getOptions } from "@/utils/options"
+import { Loading } from 'element-ui'
+
+export default {
+  name: 'orderButton',
+  components: {
+    XdDialog,
+    XdTable,
+    XdBaseDynamicField,
+    XdUpload
+  },
+  props: {
+    purchase_main_order_id: "",
+    events: {
+      type: Array,
+      default: () => {
+      }
+    },
+  },
+  data () {
+    return {
+      isBorder: false,
+      headersExperss: [{ "type": "selection" },
+      { "type": "normal", "prop": "info", "align": "center", "width": 120, "label": "商品信息" },
+      {
+        type: 'priceNumber',
+        prop: "priceNumber",
+        align: 'center',
+        width: 150,
+        label: '价格&数量',
+        message: ['price', 'buy_num']
+      },
+      { "type": "normal", "prop": "allow_send_num", "align": "center", "minWidth": 120, "label": "可发数量" },
+      { "type": "input", "prop": "send_num", "align": "center", "minWidth": 120, "label": "发货数量" },
+      ],
+  
+      //设置结算金额
+      dialogVisibleSetAmount:false,
+      renderFormSetAmountKey:'renderFormSetAmountKey',
+      listFormSetAmount:[],
+      listValueSetAmount:{},
+      //上传发票
+      listFormUploadInvoice:[],
+      renderFormUploadInvoiceKey:'renderFormUploadInvoiceKey',
+      dialogVisibleUploadInvoice:false,
+      listValueUploadInvoice:{},
+      uploadType:["jpg", "png", "jpeg"],
+      tableUrl:'',
+    }
+  },
+  watch:{
+    'listValueUploadInvoice.invoice_type':{
+      handler(n,o){
+        console.log(n,o,'llll')
+        if(n&&n!==o){
+           this.initFormUploadInvoice(this.listValueUploadInvoice)
+        }
+      }
+    }
+  },
+  created () {
+
+  },
+  methods: {
+    ...mapActions('enterprise_buy',
+      [
+        'purchaseMainOrderReceive',//接单
+        'purchaseMainOrderCancel',//取消
+       //确定价格
+        'userSettlementAmount',//设置结算金额
+        'purchaseMainOrderConfirmAmount',//确定结算金额
+        'purchaseMainOrderConfirmPaid',//确定买家支付
+        //上传发票
+        'purchaseMainOrderConfirmPartnerPaid',//确定加盟商付款
+        'purchaseMainOrderSuppliers',//供货商列表
+        'purchaseMainOrderPartnerUpload',//上传加盟商发票
+        'purchaseMainOrderSupplierUpload',//上传供应商发票
+        'purchaseMainOrderCreateOrder',//生成订单
+      ]
+    ),
+    ...mapActions('oss', [
+      'getOssSign'
+    ]),
+
+    // 接单
+    handleGetOrder () {
+      this.$confirm('是否确定接单？', '接单', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+      }).then(() => {
+        let data = {
+          purchase_main_order_id: this.purchase_main_order_id,
+        }
+        console.log(data, 'data')
+        this.purchaseMainOrderReceive(data).then(() => {
+          this.$message({
+            message: '接单成功',
+            type: 'success'
+          })
+          this.$emit('refresh', true)
+        }).catch(err => {
+          console.log(err, 'aapapapa')
+        })
+      })
+    },
+    //取消集采单
+    handleCancel () {
+      this.$confirm('是否确定取消集采单？', '取消集采单', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+      }).then(() => {
+        let data = {
+          purchase_main_order_id: this.purchase_main_order_id,
+        }
+        console.log(data, 'data')
+        this.purchaseMainOrderCancel(data).then(() => {
+          this.$message({
+            message: '取消集采单成功',
+            type: 'success'
+          })
+          this.$emit('refresh', true)
+        }).catch(err => {
+          console.log(err, 'aapapapa')
+        })
+      })
+    },
+    //超管-确定价格
+    handleSettlementAmount(){
+      console.log('222www')
+      this.$emit('confirmPrice',true)
+    },
+    //设置主单结算金额
+    handleUserSettlementAmount(){
+      this.initFormSetAmount()
+    },
+     //设置结算金额form初始化
+    initFormSetAmount () {
+      this.listFormSetAmount = [
+        {
+          label: '清单结算金额:', //label
+          ele: 'el-input', //package 名称
+          type: 'text',
+          valueKey: 'amount', //form[valueKey]
+          value: '', //v-model
+          placeholder: '输入清单结算金额',
+          classNmae: 'input40',
+          notice:'结算金额为最终支付金额',
+          rules: [
+            {
+              validator: (rule, value, callback) => {
+                const reg = /^\d+.?\d{0,2}$/
+                if (!value) {
+                  callback(new Error('请输入清单结算金额'))
+                } else if (!Number(value)) {
+                  callback(new Error('请输入数字值'))
+                } else {
+                  if (reg.test(value)) {
+                    callback()
+                  } else {
+                    callback(new Error('小数点后最多只能输入两位'))
+                  }
+                }
+              },
+              trigger: 'blur'
+            }
+          ]
+        },
+      ]
+
+      this.renderFormSetAmountKey = Date.now()
+      this.dialogVisibleSetAmount = true
+    },
+    //设置结算金额确定
+    handleSetAmount(){
+      this.$refs.amountForm.submit()
+        .then(res => {
+          let data = {
+            purchase_main_order_id: this.purchase_main_order_id,
+            amount:this.$xdHelper.multiplyFloatNumber(this.listValueSetAmount.amount,100),
+          }
+          this.userSettlementAmount(data).then(res=>{
+            this.$message({
+              message: '设置结算金额成功',
+              type: 'success'
+            })
+            this.dialogVisibleSetAmount = false
+            this.$emit('refresh', true)
+          }).catch(err=>{
+            console.log(err,'err')
+          })
+        })
+        .catch(err=>{
+          console.log(err,'err')
+        })
+      
+    },
+    //确定结算金额
+    handleConfirmUserSettlementAmount(){
+      this.$confirm('是否确定结算金额？', '确定结算金额', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+      }).then(() => {
+        let data = {
+          purchase_main_order_id: this.purchase_main_order_id,
+        }
+        console.log(data, 'data')
+        this.purchaseMainOrderConfirmAmount(data).then(() => {
+          this.$message({
+            message: '确定结算金额成功',
+            type: 'success'
+          })
+          this.$emit('refresh', true)
+        }).catch(err => {
+          console.log(err, 'aapapapa')
+        })
+      })
+    },
+    //确认收款（买家支付）
+    handleConfirmConsumerPaid(){
+      this.$confirm('是否确定确认收款？', '确认收款', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+      }).then(() => {
+        let data = {
+          purchase_main_order_id: this.purchase_main_order_id,
+        }
+        console.log(data, 'data')
+        this.purchaseMainOrderConfirmPaid(data).then(() => {
+          this.$message({
+            message: '确认收款成功',
+            type: 'success'
+          })
+          this.$emit('refresh', true)
+        }).catch(err => {
+          console.log(err, 'aapapapa')
+        })
+      })
+    },
+    //上传发票
+    handleUploadInvoice(){
+      this.purchaseMainOrderSuppliers({purchase_main_order_id: this.purchase_main_order_id,})
+        .then(res=>{
+          console.log(res,'sss')
+          this.tableData = res.data.list
+          // this.tableData = [
+          //   {
+          //     purchase_sub_order_id: "s590608994439380993",
+          //     supplier_id: 500006,
+          //     supplier_name: "礼包--供应商1"
+          //   },
+          //   {
+          //     purchase_sub_order_id: "s590608994439380994",
+          //     supplier_id: 500005,
+          //     supplier_name: "礼包--供应商2"
+          //   },
+          // ]
+          this.initFormUploadInvoice({})
+        }).catch(err=>{
+          console.log(err,'err')
+        })
+    },
+    //上传发票form初始化
+    initFormUploadInvoice (params) {
+      console.log(params,123123123)
+      this.listFormUploadInvoice = [
+        {
+          label: " ",
+          ele: "xd-radio",
+          value: params.invoice_type||'partner',
+          valueKey: "invoice_type",
+          list: [{label:'加盟商',value:'partner'},{label:'供货商',value:'supplier'},],
+          rules: [
+            { required: true, message: "请选择" }
+          ]
+        },
+        params.invoice_type!=='supplier'&&{
+          label: ' ', //label
+          ele: 'xd-upload', //package 名称
+          valueKey: 'invoice_url', //form[valueKey]
+          value: null, //v-model
+          defaultValue: params.invoice_url || null,
+          slot: true, //按钮是否使用slot
+          tipsformet: '上传文件格式：@imageType@，不超过@size@MB.，建议尺寸：800*800像素',
+          type: ['jpg', 'png', 'jpeg'],
+          styleType: 'one', //其值：one=>单文件上传 auth=>证件正反面上传 list=>多文件上传
+          uploadType: 'aliyun', //''=>API服务上传  qiniu=>七牛云OSS上传  aliyun=> 阿里云OSS上传
+          size: 5, //5M
+          action: 'aliyun',
+          rules: [
+            { required: true, message: '请上传发票', trigger: ['blur', 'change'] },
+          ]
+        },
+        params.invoice_type==='supplier'&&{
+          lebel:'',
+          ele:'slot',
+          slot:'tableform'
+        }
+      ].filter(i=>i)
+      this.dialogVisibleUploadInvoice = true
+      this.renderFormUploadInvoiceKey = Date.now()
+      
+    },
+    handleGetParamsAndHeader1(file,resolve,index){
+      console.log(file,index,'aaaaaa')
+      this.getOssSign({name: file.name})
+        .then((res) => {
+          console.log(res,'ssss')
+          this.$set(this.tableData[index],'invoice_url',res.data.cdn_url)
+          console.log(this.tableData,'ttttt')
+          let OSSAccessKeyId = res.data['id']
+          let cdnUrl = res.data['cdn_url']
+          delete res.data['id']
+          delete res.data['cdn_url']
+          resolve({
+            params: {
+              ...res.data,
+              OSSAccessKeyId: OSSAccessKeyId,
+              name: file.name,
+              cdnUrl: cdnUrl,
+              success_action_status: 200
+            }
+          })
+        })
+        .catch(this.$xdLog.catch)
+    },
+    //上传发票确定
+    handleConfirmUploadInvoice(){
+      // 'purchaseMainOrderPartnerUpload',//上传加盟商发票
+      //   'purchaseMainOrderSupplierUpload',//上传供应商发票
+      // listValueUploadInvoice
+      this.$refs.invoiceForm.submit().then(res => {
+        if(this.listValueUploadInvoice.invoice_type==='partner'){
+          let data ={
+            purchase_main_order_id:this.purchase_main_order_id,
+            invoice_url:this.listValueUploadInvoice.invoice_url.url
+          }
+          this.purchaseMainOrderPartnerUpload(data).then(res=>{
+             this.$message({
+              message: '上传发票成功',
+              type: 'success'
+            })
+            this.dialogVisibleUploadInvoice = false
+            this.$emit('refresh', true)
+          }).catch(err=>{
+            console.log(err,'err')
+          })
+        }else{
+          let data ={
+            purchase_main_order_id:this.purchase_main_order_id,
+            items:this.tableData
+          }
+          this.purchaseMainOrderSupplierUpload(data).then(res=>{
+             this.$message({
+              message: '上传发票成功',
+              type: 'success'
+            })
+            this.dialogVisibleUploadInvoice = false
+            this.$emit('refresh', true)
+          }).catch(err=>{
+            console.log(err,'err')
+          })
+        }
+      }).catch(err=>{
+
+      })
+      
+    },
+    //确定加盟商付款
+    handleConfirmPartnerPaid(){
+      this.$confirm('是否确认加盟商付款？', '确认加盟商付款', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+      }).then(() => {
+        let data = {
+          purchase_main_order_id: this.purchase_main_order_id,
+        }
+        this.purchaseMainOrderConfirmPartnerPaid(data).then(() => {
+          this.$message({
+            message: '确认加盟商付款成功',
+            type: 'success'
+          })
+          this.$emit('refresh', true)
+        }).catch(err => {
+          console.log(err, 'aapapapa')
+        })
+      })
+    },
+    //生成订单
+    handleCreateOrder(){
+      this.$confirm('是否确定生成订单？', '确定生成订单', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+      }).then(() => {
+        let data = {
+          purchase_main_order_id: this.purchase_main_order_id,
+        }
+        this.purchaseMainOrderCreateOrder(data).then(() => {
+          this.$message({
+            message: '生成订单成功',
+            type: 'success'
+          })
+          this.$emit('refresh', true)
+        }).catch(err => {
+          console.log(err, 'aapapapa')
+        })
+      })
+    },
+    /**按钮操作**/
+    handleClick (value) {
+      if (value === 'receive') {
+        //接单
+        this.handleGetOrder()
+      } else if (value === 'cancel') {
+        //取消
+        this.handleCancel()
+      } else if (value === 'confirmSupplierSettlementAmount') {
+        //确定价格
+        this.handleSettlementAmount()
+      } else if (value === 'setUserSettlementAmount') {
+        //设置主单结算金额
+        this.handleUserSettlementAmount()
+      } else if (value === 'confirmUserSettlementAmount') {
+        //确定结算金额
+        this.handleConfirmUserSettlementAmount()
+      } else if (value === 'confirmConsumerPaid') {
+        //确认收款（买家支付）
+        this.handleConfirmConsumerPaid()
+      } else if (value === 'uploadInvoice') {
+        //上传发票
+        this.handleUploadInvoice()
+      }else if(value==='confirmPartnerPaid'){
+        //确定加盟商付款
+        this.handleConfirmPartnerPaid()
+      }else if(value==='createOrder'){
+        //生成订单
+        this.handleCreateOrder()
+      }
+    },
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.change_product {
+  ::v-deep .el-radio__input {
+    top: 38% !important;
+  }
+
+  ::v-deep .el-radio__label {
+    display: none;
+  }
+
+  img {
+    margin: 10px 5px;
+  }
+}
+</style>

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

@@ -0,0 +1,119 @@
+<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="point" slot-scope="scope">
+            <div>{{$xdHelper.divisionFloatNumber(scope.row.point, 100)}}</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: "card_list",
+  components: {
+    XdTable,
+  },
+
+  data () {
+    return {
+      tables: [],
+      tableRefresh: 'tableRefresh',
+      total: 0,
+      headers: [{
+        "type": "normal",
+        "prop": "card_number",
+        "align": "left",
+        "width": 200,
+        "label": "卡号"
+      }, {
+        "type": "normal",
+        "prop": "point",
+        "align": "center",
+        "minWidth": 200,
+        "label": "消费点（次）"
+      }, {
+        "type": "normal",
+        "prop": "type_name",
+        "align": "center",
+        "minWidth": 200,
+        "label": "卡类型"
+      }, {
+        "type": "normal",
+        "prop": "status_name",
+        "align": "center",
+        "minWidth": 200,
+        "label": "卡消费是否成功"
+      }],
+    }
+  },
+  props: {
+    main_order_id: "",
+    sub_order_id: '',
+    data: {
+      type: Array,
+      default () {
+        return []
+      }
+    }
+  },
+  created () {
+    this.title = this.$route.meta.title
+    this.getList()
+  },
+
+  methods: {
+
+    ...mapActions('corders',
+      [
+        'workOrderList',
+      ]
+    ),
+    getList () {
+      this.tables = this.$xdHelper.cloneDeep(this.data)
+      this.tables.map(item => {
+        if (item.status === 'Y') {
+          item.status_name = '是'
+        } else {
+          item.status_name = '否'
+        }
+      })
+    },
+    /**
+    /**跳转工单列表**/
+    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;
+  }
+}
+</style>