终止

src/views/crm/contract/ContractChange.vue

@@ -78,7 +78,7 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="变更项目" prop="changeItem">
-            <el-radio-group v-model="formData.changeItem">
+            <el-radio-group v-model="formData.changeItem" :disabled="formData.contractStatus == 20 && formData.auditStatus == 2">
               <el-radio :value="1">额度</el-radio>
               <el-radio :value="2">授权人</el-radio>
               <el-radio :value="3">延期</el-radio>
@@ -297,6 +297,9 @@ const open = async (type: string) => {
 
       formData.value = Object.assign(formData.value, data)
 
+      //已终止的只能重签
+      if(formData.value.contractStatus == 20 && formData.value.auditStatus == 2) formData.value.changeItem = 6
+
     } finally {
       formLoading.value = false
     }

src/views/crm/contract/components/ContracStop.vue

@@ -14,7 +14,7 @@
               v-model="formData.terminationDate"
               type="date"
               :disabled="formFields.terminationDate !== 2 || isTrue"
-              value-format="x"
+              value-format="YYYY-MM-DD"
               style="width: 100%"
               placeholder="请选择终止日期"
             />
@@ -54,12 +54,14 @@ import * as UserApi from '@/api/system/user'
 import * as DeptApi from '@/api/system/dept'
 import * as BusinessApi from '@/api/crm/business'
 import { propTypes } from '@/utils/propTypes'
+import moment from 'moment';
 
 /** CRM 方案报价 表单 */
 defineOptions({ name: 'QuotationForm' })
 const props = defineProps<{
   formFields: {},
-  isTrue: false
+  isTrue: false,
+  data: {}
 }>()
 
 const { t } = useI18n() // 国际化
@@ -90,17 +92,19 @@ const formRules = reactive({
 })
 
 watch(
-  () => props.formFields,
-  (val) => {
-    console.log('%csrc/views/crm/contract/components/ContracStop.vue:95 formFields', 'color: #007acc;', props.formFields.terminationDate, props.isTrue);
-    // if (!val) {
-    //   return
-    // }
-    // const totalPrice = val.products.reduce((prev, curr) => prev + curr.totalPrice, 0)
-    // 赋值
-    // formData.value.totalPrice = totalPrice
+  () => props.data,
+  async (val) => {
+    if(!val) {
+      val = {}
+    }
+    // 1. 重置表单
+    formData.value = {
+      terminationDate: val.terminationDate || moment(new Date()).format('YYYY-MM-DD'),
+      terminationReason: val.terminationReason || '',
+      note: val.note || '',
+    }
   },
-  { deep: true, immediate: true }
+  { immediate: true }
 )
 const formRef = ref() // 表单 Ref
 

src/views/crm/contract/detail/ContractChangeDetail.vue

@@ -105,7 +105,7 @@
             </div>
             <ContracExtension ref="contractExtensionFormRef" :isTrue="isTrue" :formFields="formFields" v-if="formData.changeItem == 3" :data="formData" />
             <el-col :span="24">
-              <ContractStop ref="contractStopFormRef" :isTrue="false" :formFields="formFields" :formData="formData"  v-if="formData.changeItem == 4" />
+              <ContractStop ref="contractStopFormRef" :isTrue="false" :formFields="formFields" :data="formData"  v-if="formData.changeItem == 4" />
             </el-col>
             <ContractAAuthorizedCompanyForm :formFields="formFields" ref="contractAAuthorizedCompanyFormRef1" :type="true" v-if="formData.changeItem == 5" :data="formData.contractAAuthorizedCompanys" />
             <ContractForm ref="contractFormRef" :type="1" :data="formData" :id="formData.contractId"  v-if="formData.changeItem == 6" />
@@ -309,7 +309,6 @@ const open = async (type: string) => {
       //重签拿contractDetail字段
       if (data.changeItem == 6) formData.value = JSON.parse(data.newContract)
 
-console.log('%csrc/views/crm/contract/detail/ContractChangeDetail.vue:309 object', 'color: red;', formData.value,12345);
       formData.value.contractId = data.contractDetail.id
       formData.value.changeItem = data.changeItem
       formData.value.changeAmount = data.changeAmount
@@ -322,7 +321,8 @@ console.log('%csrc/views/crm/contract/detail/ContractChangeDetail.vue:309 object
       formData.value.id = data.id
       formData.value.creditAmount = data.creditAmount
       formData.value.creditLimit = data.beforeAmount
-      console.log('%csrc/views/crm/contract/detail/ContractChangeDetail.vue:310 object', 'color: #007acc;', formData.value);
+      formData.value.terminationDate = data.terminationDate
+      formData.value.terminationReason = data.terminationReason
 
     } finally {
       formLoading.value = false