|
|
@@ -84,16 +84,20 @@
|
|
|
prop="needProduce"
|
|
|
style="margin-bottom: 22px"
|
|
|
>
|
|
|
- <el-radio v-model="form.needProduce" :label="1">{{
|
|
|
- clientEnvironmentId == 5 ? '有客户生产性订单' : '生产性订单'
|
|
|
- }}</el-radio>
|
|
|
+ <el-radio v-model="form.needProduce" :label="1"
|
|
|
+ >有客户生产性订单</el-radio
|
|
|
+ >
|
|
|
<el-radio v-model="form.needProduce" disabled :label="0"
|
|
|
>库存式订单</el-radio
|
|
|
>
|
|
|
<el-radio v-model="form.needProduce" disabled :label="2"
|
|
|
>无客户生产性订单</el-radio
|
|
|
>
|
|
|
- <el-radio v-model="form.needProduce" disabled :label="4" v-if="clientEnvironmentId != 5"
|
|
|
+ <el-radio
|
|
|
+ v-model="form.needProduce"
|
|
|
+ disabled
|
|
|
+ :label="4"
|
|
|
+ v-if="clientEnvironmentId != 5"
|
|
|
>不定向订单</el-radio
|
|
|
>
|
|
|
</el-form-item>
|
|
|
@@ -229,120 +233,120 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getSaleOrderDetail } from '@/api/saleManage/saleorder';
|
|
|
-import invoiceList from '@/views/saleManage/saleOrder/orderAssociation/invoiceList.vue';
|
|
|
-import returnGoodsList from '@/views/saleManage/saleOrder/orderAssociation/returnGoodsList.vue';
|
|
|
-import accountstatementList from '@/views/saleManage/saleOrder/orderAssociation/accountstatementList.vue';
|
|
|
-import { getFile } from '@/api/system/file';
|
|
|
-import dictMixins from '@/mixins/dictMixins';
|
|
|
-import { copyObj } from '@/utils/util';
|
|
|
-import bpmDetail from '@/views/bpm/processInstance/detail.vue';
|
|
|
-import inventoryTabledetail from '@/BIZComponents/inventoryTableDetails.vue';
|
|
|
-import fileMain from '@/components/addDoc/index.vue';
|
|
|
-import typeList from './typeList.vue';
|
|
|
+ import { getSaleOrderDetail } from '@/api/saleManage/saleorder';
|
|
|
+ import invoiceList from '@/views/saleManage/saleOrder/orderAssociation/invoiceList.vue';
|
|
|
+ import returnGoodsList from '@/views/saleManage/saleOrder/orderAssociation/returnGoodsList.vue';
|
|
|
+ import accountstatementList from '@/views/saleManage/saleOrder/orderAssociation/accountstatementList.vue';
|
|
|
+ import { getFile } from '@/api/system/file';
|
|
|
+ import dictMixins from '@/mixins/dictMixins';
|
|
|
+ import { copyObj } from '@/utils/util';
|
|
|
+ import bpmDetail from '@/views/bpm/processInstance/detail.vue';
|
|
|
+ import inventoryTabledetail from '@/BIZComponents/inventoryTableDetails.vue';
|
|
|
+ import fileMain from '@/components/addDoc/index.vue';
|
|
|
+ import typeList from './typeList.vue';
|
|
|
|
|
|
-export default {
|
|
|
- mixins: [dictMixins],
|
|
|
- components: {
|
|
|
- fileMain,
|
|
|
- invoiceList,
|
|
|
- returnGoodsList,
|
|
|
- accountstatementList,
|
|
|
- bpmDetail,
|
|
|
- inventoryTabledetail,
|
|
|
- typeList
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- activeComp: 'order',
|
|
|
- tabOptions: [
|
|
|
- { key: 'order', name: '订单详情' },
|
|
|
- { key: 'bpm', name: '流程详情' },
|
|
|
- { key: 'invoice', name: '发货列表' },
|
|
|
- { key: 'returnorder', name: '退货列表' },
|
|
|
- { key: 'accountstatement', name: '对账列表' }
|
|
|
- ],
|
|
|
- visible: false,
|
|
|
- detailId: '',
|
|
|
- title: '详情',
|
|
|
- cacheKeyUrl: 'eos-saleManage-saleOrder-inventoryTableDetails',
|
|
|
- form: {
|
|
|
- orderFiles: []
|
|
|
- }
|
|
|
- };
|
|
|
- },
|
|
|
- computed: {
|
|
|
+ export default {
|
|
|
+ mixins: [dictMixins],
|
|
|
+ components: {
|
|
|
+ fileMain,
|
|
|
+ invoiceList,
|
|
|
+ returnGoodsList,
|
|
|
+ accountstatementList,
|
|
|
+ bpmDetail,
|
|
|
+ inventoryTabledetail,
|
|
|
+ typeList
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ activeComp: 'order',
|
|
|
+ tabOptions: [
|
|
|
+ { key: 'order', name: '订单详情' },
|
|
|
+ { key: 'bpm', name: '流程详情' },
|
|
|
+ { key: 'invoice', name: '发货列表' },
|
|
|
+ { key: 'returnorder', name: '退货列表' },
|
|
|
+ { key: 'accountstatement', name: '对账列表' }
|
|
|
+ ],
|
|
|
+ visible: false,
|
|
|
+ detailId: '',
|
|
|
+ title: '详情',
|
|
|
+ cacheKeyUrl: 'eos-saleManage-saleOrder-inventoryTableDetails',
|
|
|
+ form: {
|
|
|
+ orderFiles: []
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
clientEnvironmentId() {
|
|
|
return this.$store.state.user.info.clientEnvironmentId;
|
|
|
}
|
|
|
},
|
|
|
- methods: {
|
|
|
- async open(row) {
|
|
|
- this.form = row;
|
|
|
- this.visible = true;
|
|
|
- this.getDetailData(row.id);
|
|
|
- this.detailId = row.id;
|
|
|
- },
|
|
|
- toSendTab(tabName) {
|
|
|
- this.activeComp = tabName;
|
|
|
- },
|
|
|
- cancel() {
|
|
|
- this.$nextTick(() => {
|
|
|
- // 关闭后,销毁所有的表单数据
|
|
|
- (this.form = copyObj(this.formDef)),
|
|
|
- (this.otherForm = copyObj(this.otherFormDef)),
|
|
|
- (this.tableBankData = []);
|
|
|
- this.tableLinkData = [];
|
|
|
- this.visible = false;
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- async getDetailData(id) {
|
|
|
- this.loading = true;
|
|
|
- const data = await getSaleOrderDetail(id);
|
|
|
- this.loading = false;
|
|
|
- if (data) {
|
|
|
- this.form = data;
|
|
|
+ methods: {
|
|
|
+ async open(row) {
|
|
|
+ this.form = row;
|
|
|
+ this.visible = true;
|
|
|
+ this.getDetailData(row.id);
|
|
|
+ this.detailId = row.id;
|
|
|
+ },
|
|
|
+ toSendTab(tabName) {
|
|
|
+ this.activeComp = tabName;
|
|
|
+ },
|
|
|
+ cancel() {
|
|
|
this.$nextTick(() => {
|
|
|
- this.$refs.inventoryTabledetailRef &&
|
|
|
- this.$refs.inventoryTabledetailRef.putTableValue(data);
|
|
|
- this.$refs.typeListRef &&
|
|
|
- this.$refs.typeListRef.putTableValue(data.typedetailList);
|
|
|
+ // 关闭后,销毁所有的表单数据
|
|
|
+ (this.form = copyObj(this.formDef)),
|
|
|
+ (this.otherForm = copyObj(this.otherFormDef)),
|
|
|
+ (this.tableBankData = []);
|
|
|
+ this.tableLinkData = [];
|
|
|
+ this.visible = false;
|
|
|
});
|
|
|
+ },
|
|
|
+
|
|
|
+ async getDetailData(id) {
|
|
|
+ this.loading = true;
|
|
|
+ const data = await getSaleOrderDetail(id);
|
|
|
+ this.loading = false;
|
|
|
+ if (data) {
|
|
|
+ this.form = data;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.inventoryTabledetailRef &&
|
|
|
+ this.$refs.inventoryTabledetailRef.putTableValue(data);
|
|
|
+ this.$refs.typeListRef &&
|
|
|
+ this.$refs.typeListRef.putTableValue(data.typedetailList);
|
|
|
+ });
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-};
|
|
|
+ };
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
-.ele-dialog-form {
|
|
|
- .el-form-item {
|
|
|
- margin-bottom: 10px;
|
|
|
+ .ele-dialog-form {
|
|
|
+ .el-form-item {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.headbox {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- .amount {
|
|
|
- font-size: 14px;
|
|
|
- font-weight: bold;
|
|
|
- margin-right: 20px;
|
|
|
+ .headbox {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ .amount {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-.switch_left ul .active {
|
|
|
- border-top: 4px solid var(--color-primary);
|
|
|
- color: var(--color-primary-5);
|
|
|
-}
|
|
|
+ .switch_left ul .active {
|
|
|
+ border-top: 4px solid var(--color-primary);
|
|
|
+ color: var(--color-primary-5);
|
|
|
+ }
|
|
|
|
|
|
-.switch {
|
|
|
- padding-bottom: 20px;
|
|
|
-}
|
|
|
+ .switch {
|
|
|
+ padding-bottom: 20px;
|
|
|
+ }
|
|
|
|
|
|
-:deep .divider .content {
|
|
|
- justify-content: flex-start;
|
|
|
-}
|
|
|
+ :deep .divider .content {
|
|
|
+ justify-content: flex-start;
|
|
|
+ }
|
|
|
</style>
|