bjquanjiang
/
DigitalScholl
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
410 Commits
27 Branches
925 MiB
 
 
 
 
 
 
Tree: e8384a214a
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'e8384a214a'
${ noResults }
DigitalScholl/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/crm/order/single.vue

482 lines
16 KiB
Raw Blame History 

  1. <template>

  2.   <view class="page">

  3.     <view v-if="ready">

  4.       <l-select

  5.         @input="setValue('orderData.F_CustomerId', $event)"

  6.         :value="getValue('orderData.F_CustomerId')"

  7.         :disabled="!edit"

  8.         :range="dataSource.orderData.F_CustomerId"

  9.         title="客户名称"

  10.         required

  11.       />

  12.       <l-organize-picker

  13.         @input="setValue('orderData.F_SellerId', $event)"

  14.         :value="getValue('orderData.F_SellerId')"

  15.         :readonly="!edit"

  16.         type="user"

  17.         title="销售人员"

  18.         required

  19.       />

  20.       <l-date-picker

  21.         @input="setValue('orderData.F_OrderDate', $event)"

  22.         :value="getValue('orderData.F_OrderDate')"

  23.         :disabled="!edit"

  24.         title="单据日期"

  25.         required

  26.       />

  27.       <l-input

  28.         :value="getValue('orderData.F_OrderCode')"

  29.         title="单据编号"

  30.         required

  31.         disabled

  32.       />

  33. 

  34.       <view

  35.         v-for="(tableItem, tableIndex) of current.orderProductData"

  36.         :key="tableIndex"

  37.         :class="edit ? '' : 'margin-bottom'"

  38.       >

  39.         <view class="table-item padding-lr flex align-center justify-between" style="font-size: 14px; height: 30px;">

  40.           <view class="table-item-title">产品明细 (第{{ tableIndex + 1 }}项)</view>

  41.           <view

  42.             v-if="tableIndex !== 0 && edit"

  43.             class="table-item-delete text-blue"

  44.             @click="tableDelete('orderProductData', tableIndex)"

  45.           >

  46.             删除

  47.           </view>

  48.         </view>

  49. 

  50.         <l-layer-picker

  51.           @input="layerSet(tableIndex, 'orderProductData', 'F_ProductName', $event)"

  52.           :value="getValue(`orderProductData.${tableIndex}.F_ProductName`)"

  53.           :readonly="!edit"

  54.           :source="dataSource.orderProductData.F_ProductName"

  55.           :layerData="scheme.orderProductData.F_ProductName.layerData"

  56.           title="商品名称"

  57.         />

  58.         <l-input :value="getValue(`orderProductData.${tableIndex}.F_ProductCode`)" title="商品编号" disabled />

  59.         <l-input

  60.           @input="setValue(`orderProductData.${tableIndex}.F_UnitId`, $event)"

  61.           :value="getValue(`orderProductData.${tableIndex}.F_UnitId`)"

  62.           :disabled="!edit"

  63.           title="单位"

  64.         />

  65.         <l-input

  66.           @input="setValue(`orderProductData.${tableIndex}.F_Qty`, $event)"

  67.           @change="calcPrice(tableIndex)"

  68.           :value="getValue(`orderProductData.${tableIndex}.F_Qty`)"

  69.           :disabled="!edit"

  70.           title="数量"

  71.         />

  72.         <l-input

  73.           @input="setValue(`orderProductData.${tableIndex}.F_Price`, $event)"

  74.           @change="calcPrice(tableIndex)"

  75.           :value="getValue(`orderProductData.${tableIndex}.F_Price`)"

  76.           :disabled="!edit"

  77.           title="单价"

  78.         />

  79.         <l-input

  80.           @input="setValue(`orderProductData.${tableIndex}.F_TaxRate`, $event)"

  81.           @change="calcPrice(tableIndex)"

  82.           :value="getValue(`orderProductData.${tableIndex}.F_TaxRate`)"

  83.           :disabled="!edit"

  84.           title="税率 (%)"

  85.         />

  86.         <l-input :value="getValue(`orderProductData.${tableIndex}.F_Taxprice`)" title="含税单价" disabled />

  87.         <l-input :value="getValue(`orderProductData.${tableIndex}.F_Tax`)" title="总税额" disabled />

  88.         <l-input :value="getValue(`orderProductData.${tableIndex}.F_Amount`)" title="不含税总金额" disabled />

  89.         <l-input :value="getValue(`orderProductData.${tableIndex}.F_TaxAmount`)" title="含税总金额" disabled />

  90.         <l-input

  91.           @input="setValue(`orderProductData.${tableIndex}.F_Description`, $event)"

  92.           :value="getValue(`orderProductData.${tableIndex}.F_Description`)"

  93.           :disabled="!edit"

  94.           title="说明信息"

  95.         />

  96.       </view>

  97. 

  98.       <view

  99.         v-if="edit"

  100.         @click="tableAdd('orderProductData')"

  101.         class="bg-white flex flex-wrap justify-center align-center margin-bottom"

  102.       >

  103.         <view class="add-btn text-blue padding">+ 添加一行表格</view>

  104.       </view>

  105. 

  106.       <l-textarea

  107.         @input="setValue('orderData.F_Description', $event)"

  108.         :value="getValue('orderData.F_Description')"

  109.         :readonly="!edit"

  110.         title="备注信息"

  111.       />

  112.       <l-select

  113.         @input="setValue('orderData.F_PaymentState', $event)"

  114.         :value="getValue('orderData.F_PaymentState')"

  115.         :disabled="!edit"

  116.         :range="dataSource.orderData.F_PaymentState"

  117.         title="收款状态"

  118.         required

  119.       />

  120.       <l-input

  121.         @input="setValue('orderData.F_DiscountSum', $event)"

  122.         :value="getValue('orderData.F_DiscountSum')"

  123.         :disabled="!edit"

  124.         title="优惠金额"

  125.         required

  126.       />

  127.       <l-input

  128.         @input="setValue('orderData.F_Accounts', $event)"

  129.         :value="getValue('orderData.F_Accounts')"

  130.         :disabled="!edit"

  131.         title="收款金额"

  132.         required

  133.       />

  134.       <l-date-picker

  135.         @input="setValue('orderData.F_PaymentDate', $event)"

  136.         :value="getValue('orderData.F_PaymentDate')"

  137.         :disabled="!edit"

  138.         title="收款日期"

  139.         required

  140.       />

  141.       <l-select

  142.         @input="setValue('orderData.F_PaymentMode', $event)"

  143.         :value="getValue('orderData.F_PaymentMode')"

  144.         :disabled="!edit"

  145.         :range="dataSource.orderData.F_PaymentMode"

  146.         title="收款方式"

  147.         required

  148.       />

  149.       <l-input

  150.         @input="setValue('orderData.F_SaleCost', $event)"

  151.         :value="getValue('orderData.F_SaleCost')"

  152.         :disabled="!edit"

  153.         title="销售费用"

  154.         required

  155.       />

  156.       <l-organize-picker

  157.         :value="getValue('orderData.F_CreateUserId')"

  158.         type="user"

  159.         title="销售人员"

  160.         readonly

  161.       />

  162.       <l-input

  163.         @input="setValue('orderData.F_ContractCode', $event)"

  164.         :value="getValue('orderData.F_ContractCode')"

  165.         :disabled="!edit"

  166.         title="合同编号"

  167.       />

  168.       <l-textarea

  169.         @input="setValue('orderData.F_AbstractInfo', $event)"

  170.         :value="getValue('orderData.F_AbstractInfo')"

  171.         :readonly="!edit"

  172.         title="摘要信息"

  173.       />

  174.     </view>

  175. 

  176.     <view v-if="ready" class="bg-white margin-tb padding" style="padding-top: 0; overflow: hidden;">

  177.       <l-button v-if="edit" @click="action('save')" size="lg" color="green" class="block margin-top" block>

  178.         提交保存

  179.       </l-button>

  180.       <l-button

  181.         v-if="!edit && mode !== 'create'"

  182.         @click="action('edit')"

  183.         size="lg"

  184.         color="orange"

  185.         class="block margin-top"

  186.         block

  187.       >

  188.         编辑本页

  189.       </l-button>

  190.       <l-button

  191.         v-if="edit && mode !== 'create'"

  192.         @click="action('reset')"

  193.         size="lg"

  194.         line="red"

  195.         class="block margin-top"

  196.         block

  197.       >

  198.         取消编辑

  199.       </l-button>

  200.       <l-button

  201.         v-if="!edit && mode !== 'create'"

  202.         @click="action('delete')"

  203.         size="lg"

  204.         color="red"

  205.         class="block margin-top"

  206.         block

  207.       >

  208.         删除

  209.       </l-button>

  210.     </view>

  211.   </view>

  212. </template>

  213. 

  214. <script>

  215. /*

  216.  * 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn)

  217.  * Copyright (c) 2013-2020 上海力软信息技术有限公司

  218.  * 创建人：超级管理员

  219.  * 日  期：2020-05-27 10:29

  220.  * 描  述：1111

  221.  */

  222. 

  223. import get from 'lodash/get'

  224. import set from 'lodash/set'

  225. import moment from 'moment'

  226. import mixins from '@/common/custompage.js'

  227. 

  228. export default {

  229.   mixins: [mixins],

  230. 

  231.   data() {

  232.     return {

  233.       // 页面参数

  234.       id: null,

  235.       mode: null,

  236.       edit: null,

  237.       ready: false,

  238. 

  239.       // 表单数据

  240.       current: {},

  241.       origin: {},

  242. 

  243.       // 表单项数据结构

  244.       scheme: {

  245.         orderData: {

  246.           F_CustomerId: {

  247.             type: 'select',

  248.             title: '客户名称',

  249.             verify: 'NotNull',

  250.             dataSource: '1',

  251.             dataSourceId: 'crmCustomer,f_fullname,f_customerid'

  252.           },

  253.           F_SellerId: { type: 'organize', title: '销售人员', verify: 'NotNull', dataType: 'user' },

  254.           F_OrderDate: { type: 'datetime', title: '单据日期', dfvalue: '1', verify: 'NotNull', dateformat: '0' },

  255.           F_OrderCode: { type: 'encode', title: '单据编号', rulecode: '10002' },

  256.           F_Description: { type: 'textarea', title: '备注信息' },

  257.           F_PaymentState: { type: 'select', title: '收款状态', verify: 'NotNull', dataSource: '0' },

  258.           F_DiscountSum: { type: 'text', title: '优惠金额', dfvalue: '0', verify: 'Num' },

  259.           F_Accounts: { type: 'text', title: '收款金额', dfvalue: '0', verify: 'Num' },

  260.           F_PaymentDate: { type: 'datetime', title: '收款日期', verify: 'NotNull', dateformat: '0' },

  261.           F_PaymentMode: {

  262.             type: 'select',

  263.             title: '收款方式',

  264.             verify: 'NotNull',

  265.             itemCode: 'Client_PaymentMode',

  266.             dataSource: '0'

  267.           },

  268.           F_SaleCost: { type: 'text', title: '销售费用', dfvalue: '0', verify: 'Num' },

  269.           F_CreateUserId: { type: 'currentInfo', title: '制单人员', dataType: 'user' },

  270.           F_ContractCode: { type: 'text', title: '合同编号' },

  271.           F_AbstractInfo: { type: 'textarea', title: '摘要信息' }

  272.         },

  273.         orderProductData: {

  274.           __GIRDTABLE__: '产品明细',

  275.           F_ProductName: {

  276.             type: 'layer',

  277.             title: '商品名称',

  278.             itemCode: 'Client_ProductInfo',

  279.             dataSource: '0',

  280.             layerData: [

  281.               { label: '商品名称', name: 'F_ItemName', value: 'F_ProductName' },

  282.               { label: '商品编号', name: 'F_ItemValue', value: 'F_ProductCode' }

  283.             ]

  284.           },

  285.           F_ProductCode: { type: 'label', title: '商品编号', dataSource: '0' },

  286.           F_UnitId: { type: 'input', title: '单位', dataSource: '0' },

  287.           F_Qty: { type: 'input', title: '数量', dataSource: '0' },

  288.           F_Price: { type: 'input', title: '单价', dataSource: '0' },

  289.           F_TaxRate: { type: 'input', title: '税率 (%)', dataSource: '0' },

  290.           F_Taxprice: { type: 'input', title: '含税单价', dataSource: '0' },

  291.           F_Tax: { type: 'input', title: '总税额', dataSource: '0' },

  292.           F_Amount: { type: 'input', title: '不含税总金额', dataSource: '0' },

  293.           F_TaxAmount: { type: 'input', title: '含税总金额', dataSource: '0' },

  294.           F_Description: { type: 'input', title: '说明信息', dataSource: '0' }

  295.         }

  296.       },

  297. 

  298.       // 选单数据

  299.       dataSource: {

  300.         orderData: {

  301.           F_CustomerId: [],

  302.           F_PaymentState: [

  303.             { text: '未收款', value: '1' },

  304.             { text: '部分收款', value: '2' },

  305.             { text: '全部收款', value: '3' }

  306.           ],

  307.           F_PaymentMode: Object.values(this.GET_GLOBAL('dataDictionary').Client_PaymentMode).map(t => ({

  308.             value: t.value,

  309.             text: t.text

  310.           }))

  311.         },

  312.         orderProductData: {

  313.           F_ProductName: Object.values(this.GET_GLOBAL('dataDictionary').Client_ProductInfo).map(t => ({

  314.             F_ItemName: t.text,

  315.             F_ItemValue: t.value

  316.           }))

  317.         }

  318.       }

  319.     }

  320.   },

  321. 

  322.   async onLoad({ type, id }) {

  323.     await this.init(type, id)

  324.   },

  325. 

  326.   methods: {

  327.     // 页面初始化

  328.     async init(type, id) {

  329.       this.LOADING('加载数据中…')

  330. 

  331.       this.id = id

  332.       this.mode = type

  333.       this.edit = ['create', 'edit'].includes(this.mode)

  334. 

  335.       // 拉取表单数据，同时拉取所有来自数据源的选单数据

  336.       await Promise.all([

  337.         this.FETCH_DATASOURCE('crmCustomer').then(result => {

  338.           this.dataSource.orderData.F_CustomerId = result.data.map(t => ({

  339.             text: t.f_fullname,

  340.             value: t.f_customerid

  341.           }))

  342.         }),

  343. 

  344.         this.fetchForm()

  345.       ])

  346. 

  347.       this.ready = true

  348.       this.HIDE_LOADING()

  349.     },

  350. 

  351.     // 加载表单数据

  352.     async fetchForm() {

  353.       if (this.mode === 'create') {

  354.         this.origin = await this.getDefaultForm()

  355.       } else {

  356.         const result = await this.HTTP_GET('/crm/order/form', this.id)

  357.         this.origin = await this.formatFormData(result)

  358.       }

  359.       this.current = this.COPY(this.origin)

  360.     },

  361. 

  362.     // 点击 「编辑」、「重置」、「保存」、「删除」 按钮

  363.     async action(type) {

  364.       switch (type) {

  365.         case 'edit':

  366.           this.edit = true

  367.           break

  368. 

  369.         case 'reset':

  370.           this.current = this.COPY(this.origin)

  371.           this.edit = false

  372.           break

  373. 

  374.         case 'save':

  375.           const verifyResult = this.verifyForm()

  376.           if (verifyResult.length > 0) {

  377.             this.CONFIRM('表单验证失败', verifyResult.join('\n'))

  378.             return

  379.           }

  380. 

  381.           if (!(await this.CONFIRM('提交确认', '确定要提交本页表单内容吗？', true))) {

  382.             return

  383.           }

  384. 

  385.           this.LOADING('正在提交…')

  386.           const originPostData = await this.getPostData()

  387.           const postData = {

  388.             crmOrderJson: originPostData.strEntity,

  389.             crmOrderProductJson: originPostData.strorderProductDataEntity

  390.           }

  391.           if (this.mode !== 'create') {

  392.             postData.keyValue = originPostData.keyValue

  393.           }

  394. 

  395.           this.HTTP_POST('/crm/order/save', postData, '表单提交保存失败').then(success => {

  396.             this.HIDE_LOADING()

  397.             if (!success) {

  398.               return

  399.             }

  400. 

  401.             this.EMIT('crm-order-list-change')

  402.             this.NAV_BACK()

  403.             this.TOAST('提交保存成功', 'success')

  404.           })

  405.           break

  406. 

  407.         case 'delete':

  408.           if (!(await this.CONFIRM('删除项目', '确定要删除本项吗？', true))) {

  409.             return

  410.           }

  411. 

  412.           this.LOADING('提交删除中…')

  413.           this.HTTP_POST('/crm/order/delete', this.id, '删除失败').then(success => {

  414.             this.HIDE_LOADING()

  415.             if (!success) {

  416.               return

  417.             }

  418. 

  419.             this.EMIT('crm-order-list-change')

  420.             this.NAV_BACK()

  421.             this.TOAST('删除成功', 'success')

  422.           })

  423.           break

  424. 

  425.         default:

  426.           break

  427.       }

  428.     },

  429. 

  430.     // 计算表单中的单价总价相关项

  431.     calcPrice(index) {

  432.       const listItem = this.COPY(this.current.orderProductData[index])

  433. 

  434.       const singlePrice = Number(listItem.F_Price) || 0

  435.       const num = Number(listItem.F_Qty) || 0

  436.       const taxRate = Number(listItem.F_TaxRate) || 0

  437. 

  438.       listItem.F_Amount = (singlePrice * num).toFixed(2)

  439.       listItem.F_Taxprice = (singlePrice * (1 + taxRate / 100)).toFixed(2)

  440.       listItem.F_Tax = ((singlePrice * num * taxRate) / 100).toFixed(2)

  441.       listItem.F_TaxAmount = (singlePrice * num * (1 + taxRate / 100)).toFixed(2)

  442. 

  443.       this.$set(this.current.orderProductData, index, listItem)

  444.     },

  445. 

  446.     // 子表格删除一行

  447.     tableDelete(tableName, index) {

  448.       this.current[tableName].splice(index, 1)

  449.     },

  450. 

  451.     // 子表格添加一行

  452.     async tableAdd(tableName) {

  453.       const newVal = {}

  454.       for (const [fieldName, schemeItem] of Object.entries(this.scheme[tableName])) {

  455.         if (fieldName !== '__GIRDTABLE__') {

  456.           newVal[fieldName] = await this.getDefaultValue(`${tableName}.${fieldName}`, schemeItem)

  457.         }

  458.       }

  459.       this.current[tableName].push(newVal)

  460.     },

  461. 

  462.     // 子表格弹层输入，可一次性设置多个字段

  463.     layerSet(tableIndex, table, field, layerValue) {

  464.       const layerData = get(this.scheme, `${table}.${field}.layerData`, [])

  465.       layerData.forEach(({ name, value }) => {

  466.         this.setValue(`${table}.${tableIndex}.${value}`, layerValue[name] || '')

  467.       })

  468.     },

  469. 

  470.     // 获取表单值

  471.     getValue(path) {

  472.       return get(this.current, path)

  473.     },

  474. 

  475.     // 设置表单值

  476.     setValue(path, val) {

  477.       set(this.current, path, val)

  478.     }

  479.   }

  480. }

  481. </script>