From 2e7f310d526225f6790d4ac14cff20722760c030 Mon Sep 17 00:00:00 2001
From: bawei <95887577@qq.com>
Date: Tue, 20 Jun 2023 16:03:34 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=88=E5=90=8C=E6=9B=BF=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../basicInformation/contractfile/index.vue   |  17 +-
 .../contractfile/replaceForm.vue              | 478 ++++++++++++++++++
 2 files changed, 494 insertions(+), 1 deletion(-)
 create mode 100644 SC-web/src/views/scm/basicInformation/contractfile/replaceForm.vue

diff --git a/SC-web/src/views/scm/basicInformation/contractfile/index.vue b/SC-web/src/views/scm/basicInformation/contractfile/index.vue
index 55d5e522..f4612aea 100644
--- a/SC-web/src/views/scm/basicInformation/contractfile/index.vue
+++ b/SC-web/src/views/scm/basicInformation/contractfile/index.vue
@@ -257,6 +257,8 @@
               </el-button>
               <!--							<el-button type="text" @click="addOrUpdateHandle(scope.row.id)">编辑-->
               <!--							</el-button>-->
+              <el-button v-has="'btn_addreplace'" type="text" @click="addreplace(scope.row.id)">合同替换
+              </el-button>
 <!--              <el-button-->
 <!--                type="text"-->
 <!--                class="JNPF-table-delBtn"-->
@@ -281,6 +283,7 @@
       </div>
     </div>
     <JNPF-Form v-if="formVisible" ref="JNPFForm" @refresh="refresh" />
+    <JNPF-Form2 v-if="formVisible2" ref="JNPFForm2" @refresh="refresh2" />
     <ExportBox v-if="exportBoxVisible" ref="ExportBox" @download="download" />
     <Detail
       v-if="detailVisible"
@@ -298,6 +301,7 @@ import ImportForm from "./ImportForm";
 import request from "@/utils/request";
 import { getDictionaryDataSelector } from "@/api/systemData/dictionary";
 import JNPFForm from "./Form";
+import JNPFForm2 from "./replaceForm";
 import ExportBox from "./ExportBox";
 import { getDataInterfaceRes } from "@/api/systemData/dataInterface";
 import Detail from "./Detail";
@@ -305,6 +309,7 @@ import Detail from "./Detail";
 export default {
   components: {
     JNPFForm,
+    JNPFForm2,
     ExportBox,
     Detail,
 
@@ -336,7 +341,7 @@ export default {
         sidx: "contractCode",
       },
       formVisible: false,
-
+      formVisible2: false,
       importFormVisible: false,
 
       exportBoxVisible: false,
@@ -587,6 +592,12 @@ export default {
         this.$refs.JNPFForm.init(id, isDetail);
       });
     },
+    addreplace(id, isDetail) {
+      this.formVisible2 = true;
+      this.$nextTick(() => {
+        this.$refs.JNPFForm2.init(id, isDetail);
+      });
+    },
     exportData() {
       this.exportBoxVisible = true;
       this.$nextTick(() => {
@@ -625,6 +636,10 @@ export default {
       this.formVisible = false;
       if (isrRefresh) this.reset();
     },
+    refresh2(isrRefresh) {
+      this.formVisible2 = false;
+      if (isrRefresh) this.reset();
+    },
     reset() {
       // for (let key in this.query) {
       //   this.query[key] = undefined
diff --git a/SC-web/src/views/scm/basicInformation/contractfile/replaceForm.vue b/SC-web/src/views/scm/basicInformation/contractfile/replaceForm.vue
new file mode 100644
index 00000000..d6444ba0
--- /dev/null
+++ b/SC-web/src/views/scm/basicInformation/contractfile/replaceForm.vue
@@ -0,0 +1,478 @@
+<template>
+	<transition name="el-zoom-in-center">
+		<div class="JNPF-preview-main">
+			<div class="JNPF-common-page-header">
+				<el-page-header @back="goBack" :content="!dataForm.id ? '新建' : isDetail ? '详情' : '编辑'" />
+				<div class="options">
+					<el-button type="primary" @click="dataFormSubmit()" v-if="!isDetail"> 保 存</el-button>
+					<el-button @click="goBack"> 取 消</el-button>
+				</div>
+			</div>
+			<el-row :gutter="15" class=" main" :style="{ margin: '0 auto', width: '100%' }">
+				<el-form ref="elForm" :model="dataForm" :rules="rules" size="small" label-width="100px"
+					label-position="right">
+					<template v-if="!loading">
+<!--						<el-col :span="8">-->
+<!--							<el-form-item label="合同类型 " prop="contractType">-->
+<!--								<el-select v-model="dataForm.contractType" placeholder="请选择" clearable-->
+<!--									:style='{ "width": "100%" }'>-->
+<!--									<el-option v-for="(item, index) in contractTypeOptions" :key="index"-->
+<!--										:label="item.fullName" :value="item.id" :disabled="item.disabled"></el-option>-->
+
+<!--								</el-select>-->
+<!--							</el-form-item>-->
+<!--						</el-col>-->
+						<el-col :span="8">
+							<el-form-item label="合同编码" prop="contractCode">
+								<el-input v-model="dataForm.contractCode" placeholder="请输入" clearable
+									:style='{ "width": "100%" }'>
+
+								</el-input>
+							</el-form-item>
+						</el-col>
+						<el-col :span="8">
+							<el-form-item label="合同名称" prop="contractName">
+								<el-input v-model="dataForm.contractName" placeholder="请输入" clearable
+									:style='{ "width": "100%" }'>
+
+								</el-input>
+							</el-form-item>
+						</el-col>
+<!--						<el-col :span="8">-->
+<!--							<el-form-item label="合同状态" prop="status">-->
+<!--								<el-input v-model="dataForm.status" placeholder="请输入" clearable-->
+<!--									:style='{ "width": "100%" }'>-->
+
+<!--								</el-input>-->
+<!--							</el-form-item>-->
+<!--						</el-col>-->
+<!--						<el-col :span="8">-->
+<!--							<el-form-item label="开标日期" prop="bidOpeningDate">-->
+<!--								<el-date-picker v-model="dataForm.bidOpeningDate" placeholder="请选择" clearable-->
+<!--									:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">-->
+
+<!--								</el-date-picker>-->
+<!--							</el-form-item>-->
+<!--						</el-col>-->
+<!--						<el-col :span="8">-->
+<!--							<el-form-item label="开始日期" prop="startDate">-->
+<!--								<el-date-picker v-model="dataForm.startDate" placeholder="请选择" clearable-->
+<!--									:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">-->
+
+<!--								</el-date-picker>-->
+<!--							</el-form-item>-->
+<!--						</el-col>-->
+<!--						<el-col :span="8">-->
+<!--							<el-form-item label="审核日期" prop="auditDate">-->
+<!--								<el-date-picker v-model="dataForm.auditDate" placeholder="请选择" clearable-->
+<!--									:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">-->
+
+<!--								</el-date-picker>-->
+<!--							</el-form-item>-->
+<!--						</el-col>-->
+<!--						<el-col :span="8">-->
+<!--							<el-form-item label="供货完成日期" prop="completionDate">-->
+<!--								<el-date-picker v-model="dataForm.completionDate" placeholder="请选择" clearable-->
+<!--									:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">-->
+
+<!--								</el-date-picker>-->
+<!--							</el-form-item>-->
+<!--						</el-col>-->
+<!--						<el-col :span="8">-->
+<!--							<el-form-item label="关闭日期" prop="closingDate">-->
+<!--								<el-date-picker v-model="dataForm.closingDate" placeholder="请选择" clearable-->
+<!--									:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">-->
+
+<!--								</el-date-picker>-->
+<!--							</el-form-item>-->
+<!--						</el-col>-->
+<!--						<el-col :span="8">-->
+<!--							<el-form-item label="回款周期(日)" prop="collectionCycle">-->
+<!--								&lt;!&ndash; <el-input v-model="dataForm.collectionCycle" placeholder="请输入" clearable-->
+<!--									:style='{"width":"100%"}'>-->
+
+<!--								</el-input> &ndash;&gt;-->
+<!--								<el-input-number v-model="dataForm.collectionCycle" :min="0" label="请输入"-->
+<!--									:style='{ "width": "100%" }'></el-input-number>-->
+<!--							</el-form-item>-->
+<!--						</el-col>-->
+<!--						<el-col :span="8">-->
+<!--							<el-form-item label="签订日期" prop="signingDate">-->
+<!--								<el-date-picker v-model="dataForm.signingDate" placeholder="请选择" clearable-->
+<!--									:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">-->
+
+<!--								</el-date-picker>-->
+<!--							</el-form-item>-->
+<!--						</el-col>-->
+<!--						<el-col :span="8">-->
+<!--							<el-form-item label="截止日期" prop="endDate">-->
+<!--								<el-date-picker v-model="dataForm.endDate" placeholder="请选择" clearable-->
+<!--									:style='{ "width": "100%" }' type="date" format="yyyy-MM-dd" value-format="timestamp">-->
+
+<!--								</el-date-picker>-->
+<!--							</el-form-item>-->
+<!--						</el-col>-->
+<!--						<el-col :span="8">-->
+<!--							<el-form-item label="供应商/客户" prop="code">-->
+<!--								<template v-if="dataForm.contractType === '0'">-->
+<!--									<popupSelect v-model="dataForm.code" propsValue="id" relationField='supplier_name'-->
+<!--										vModel='code' :columnOptions="codeColumnOptions" interfaceId="382494924156735557"-->
+<!--										:pageSize="20" placeholder="请选择供应商" type="popup">-->
+<!--									</popupSelect>-->
+<!--								</template>-->
+<!--								<template v-else-if="dataForm.contractType === '1'">-->
+<!--									<popupSelect v-model="dataForm.code" propsValue="id" relationField='supplier_nm'-->
+<!--										vModel='dataForm.code' :columnOptions="nameColumnOptions"-->
+<!--										interfaceId="395936123471343749" :pageSize="20" placeholder="请选择客户" type="popup">-->
+<!--									</popupSelect>-->
+<!--								</template>-->
+<!--								<template v-else>-->
+<!--									无-->
+<!--								</template>-->
+<!--							</el-form-item>-->
+<!--							-->
+<!--						</el-col>-->
+						<el-col :span="8">
+
+						</el-col>
+						<el-col :span="8">
+							<el-form-item label="对方合同号" prop="contractNo">
+								<el-input v-model="dataForm.contractNo" placeholder="请输入" clearable
+									:style='{ "width": "100%" }'>
+
+								</el-input>
+							</el-form-item>
+						</el-col>
+<!--						<el-col :span="8">-->
+<!--							<el-form-item label="币种 " prop="currency">-->
+<!--								<el-select v-model="dataForm.currency" placeholder="请选择" clearable-->
+<!--									:style='{ "width": "100%" }'>-->
+<!--									<el-option v-for="(item, index) in currencyOptions" :key="index" :label="item.fullName"-->
+<!--										:value="item.id" :disabled="item.disabled"></el-option>-->
+
+<!--								</el-select>-->
+<!--							</el-form-item>-->
+<!--						</el-col>-->
+						<el-col :span="8">
+							<el-form-item label="数量" prop="num">
+								<el-input-number v-model="dataForm.num" :min="0" label="请输入"
+									:style='{ "width": "100%" }'></el-input-number>
+							</el-form-item>
+						</el-col>
+						<el-col :span="8">
+							<el-form-item label="金额" prop="amount">
+								<el-input v-model="dataForm.amount" placeholder="请输入" clearable
+									:style='{ "width": "100%" }'></el-input>
+							</el-form-item>
+						</el-col>
+
+						<el-col :span="16">
+							<el-form-item label="备注" prop="remark">
+								<el-input v-model="dataForm.remark" placeholder="请输入" clearable
+									:style='{ "width": "100%" }'>
+
+								</el-input>
+							</el-form-item>
+						</el-col>
+
+
+					</template>
+				</el-form>
+			</el-row>
+		</div>
+	</transition>
+</template>
+<script>
+import request from '@/utils/request'
+import {
+	getDataInterfaceRes
+} from '@/api/systemData/dataInterface'
+import {
+	getDictionaryDataSelector
+} from '@/api/systemData/dictionary'
+export default {
+	components: {},
+	props: [],
+	data() {
+		return {
+			codeColumnOptions: [
+				{
+					"label": "供应商Code",
+					"value": "supplier_code"
+				},
+				{
+					"label": "供应商",
+					"value": "supplier_name"
+				},
+			],
+			nameColumnOptions: [
+				{
+					"label": "ID",
+					"value": "id"
+				},
+				{
+					"label": "客户编码",
+					"value": "supplier_cd"
+				},
+				{
+					"label": "客户名称",
+					"value": "supplier_nm"
+				},
+			],
+			visible: false,
+			loading: false,
+			isDetail: false,
+			dataForm: {
+				contractType: "",
+				contractCode: '',
+				contractName: '',
+				status: '',
+				bidOpeningDate: '',
+				startDate: '',
+				auditDate: '',
+				completionDate: '',
+				closingDate: '',
+				collectionCycle: '',
+				signingDate: '',
+				endDate: '',
+				code: '',
+				name: '',
+				contractNo: '',
+				currency: '',
+				num: '',
+				amount: '',
+				organization: '',
+				remark: '',
+				classification: '',
+				declarationDate: '',
+				deptCode: '',
+				creatorusername: '',
+				deptName: '',
+				approval: 0,
+				contract_item0List: [],
+				contract_item1List: [],
+			},
+			activemdfrsi: '0',
+			rules: {
+				contractType: [{
+					required: true,
+					message: '请选择',
+					trigger: 'change'
+				},],
+				contractCode: [{
+					required: true,
+					message: '请输入',
+					trigger: 'blur'
+				},],
+				contractName: [{
+					required: true,
+					message: '请输入',
+					trigger: 'blur'
+				},],
+				bidOpeningDate: [{
+					required: true,
+					message: '请选择',
+					trigger: 'change'
+				},],
+			},
+			currencyOptions: [{
+				"fullName": "人民币",
+				"id": "0"
+			}, {
+				"fullName": "美元",
+				"id": "1"
+			}, {
+				"fullName": "英镑",
+				"id": "2"
+			}],
+
+			contractTypeOptions: [{
+				"fullName": "采购合同",
+				"id": "0"
+			}, {
+				"fullName": "销售合同",
+				"id": "1"
+			},
+			{
+				"fullName": "租赁合同",
+				"id": "2"
+			}, {
+				"fullName": "仓储合同",
+				"id": "3"
+			}, {
+				"fullName": "运输合同",
+				"id": "4"
+			},
+			{
+				"fullName": "施工合同",
+				"id": "5"
+			}
+			],
+			rateOptions: [
+				{ "fullName": "13", "id": "0" },
+				{ "fullName": "9", "id": "1" },
+				{ "fullName": "6", "id": "2" },
+				{ "fullName": "5", "id": "3" },
+				{ "fullName": "3", "id": "4" },
+				{ "fullName": "0", "id": "5" }],
+		}
+	},
+	computed: {},
+	watch: {
+		'dataForm.contractType': function (newQuestion, oldQuestion) {
+			this.dataForm.code = '';
+		}
+	},
+	created() { },
+	mounted() { },
+	methods: {
+		contract_item0Exist() {
+			let isOk = true;
+			for (let i = 0; i < this.dataForm.contract_item0List.length; i++) {
+				const e = this.dataForm.contract_item0List[i];
+			}
+			return isOk;
+		},
+		contract_item1Exist() {
+			let isOk = true;
+			for (let i = 0; i < this.dataForm.contract_item1List.length; i++) {
+				const e = this.dataForm.contract_item1List[i];
+			}
+			return isOk;
+		},
+		goBack() {
+			this.$emit('refresh')
+		},
+		clearData(data) {
+			for (let key in data) {
+				if (data[key] instanceof Array) {
+					data[key] = [];
+				} else if (data[key] instanceof Object) {
+					this.clearData(data[key]);
+				} else {
+					data[key] = "";
+				}
+			}
+		},
+		init(id, isDetail) {
+			this.dataForm.id = id || 0;
+			this.visible = true;
+			this.isDetail = isDetail || false;
+			this.$nextTick(() => {
+				this.$refs['elForm'].resetFields();
+				if (this.dataForm.id) {
+					this.loading = true
+					request({
+						url: '/api/example/ContractFile/' + this.dataForm.id,
+						method: 'get'
+					}).then(res => {
+						this.dataInfo(res.data)
+						this.loading = false
+					});
+				} else {
+					this.clearData(this.dataForm)
+				}
+			});
+			this.$store.commit('generator/UPDATE_RELATION_DATA', {})
+		},
+		// 表单提交
+		dataFormSubmit() {
+			this.$refs['elForm'].validate((valid) => {
+				if (valid) {
+					if (!this.contract_item0Exist()) return
+					if (!this.contract_item1Exist()) return
+					this.request()
+				}
+			})
+		},
+		request() {
+			var _data = this.dataList()
+			if (!this.dataForm.id) {
+				request({
+					url: '/api/example/ContractFile',
+					method: 'post',
+					data: _data
+				}).then((res) => {
+					this.$message({
+						message: res.msg,
+						type: 'success',
+						duration: 1000,
+						onClose: () => {
+							this.visible = false
+							this.$emit('refresh', true)
+						}
+					})
+				})
+			} else {
+				request({
+					url: '/api/example/ContractFile/' + this.dataForm.id,
+					method: 'PUT',
+					data: _data
+				}).then((res) => {
+					this.$message({
+						message: res.msg,
+						type: 'success',
+						duration: 1000,
+						onClose: () => {
+							this.visible = false
+							this.$emit('refresh', true)
+						}
+					})
+				})
+			}
+		},
+		addcontract_item0List() {
+			let item = {
+				materialCode: undefined,
+				materialName: undefined,
+				specification: undefined,
+				unit: undefined,
+				num: undefined,
+				price: undefined,
+				amount: undefined,
+				rate: undefined,
+				notPrice: undefined,
+				notAmount: undefined,
+				remark: undefined,
+			}
+			this.dataForm.contract_item0List.push(item)
+		},
+		delcontract_item0List(index) {
+			this.dataForm.contract_item0List.splice(index, 1);
+		},
+		addcontract_item1List() {
+			let item = {
+				enclosure: undefined,
+			}
+			this.dataForm.contract_item1List.push(item)
+		},
+		delcontract_item1List(index) {
+			this.dataForm.contract_item1List.splice(index, 1);
+		},
+		dataList() {
+			var _data = JSON.parse(JSON.stringify(this.dataForm));
+			_data.approval = parseInt(_data.approval)
+			for (let i = 0; i < _data.contract_item0List.length; i++) {
+				var _list = _data.contract_item0List[i];
+			}
+			for (let i = 0; i < _data.contract_item1List.length; i++) {
+				var _list = _data.contract_item1List[i];
+				_list.enclosure = JSON.stringify(_list.enclosure)
+			}
+			return _data;
+		},
+		dataInfo(dataAll) {
+			let _dataAll = dataAll
+			_dataAll.approval = parseInt(_dataAll.approval)
+			for (let i = 0; i < _dataAll.contract_item0List.length; i++) {
+				var _list = _dataAll.contract_item0List[i];
+			}
+			for (let i = 0; i < _dataAll.contract_item1List.length; i++) {
+				var _list = _dataAll.contract_item1List[i];
+				_list.enclosure = JSON.parse(_list.enclosure)
+			}
+			this.dataForm = _dataAll
+		},
+	},
+}
+</script>