业务员-我的线索-编辑新增客户资料

src/api/customermanagement/customerList/types.ts

@@ -46,6 +46,7 @@ export type CustomerListRecord = {
   extraData?: Array<detailFormItem>
   channelType?: number
   channelIdentifying?: Array<string>
+  customInformation: string
 }
 /**
  * 编辑表单
@@ -55,6 +56,7 @@ export interface SysEdit {
   clueStageName: string
   clueStageId: number | undefined
   clueLabelList: Array<any>
+  customInformation: string
 }
 //详情表单
 interface detailFormItem {

src/hooks/websocket.ts

@@ -19,7 +19,7 @@ const useAdminWebSocket = () => {
     const baseUri = import.meta.env.VITE_API_URL
     const host = window.location.host
     console.log(host, 'host')
-    const wsUri = `ws://${host}${baseUri}/ws?access_token=${accessToken}`
+    const wsUri = `wss://${host}${baseUri}/ws?access_token=${accessToken}`
     console.log(baseUri, 'baseUri')
 
     //使用useWebSocket函数创建WebSocket连接，并配置自动重连和心跳机制

src/views/customermanagement/customerList/customerListEditModal.vue

@@ -55,6 +55,16 @@
         </a-checkbox-group>
         <a-empty v-else />
       </a-form-item>
+      <a-form-item
+        ref="customInformation"
+        label="客户资料"
+        :label-col="{ span: 4 }"
+        :wrapper-col="{ span: 19 }"
+        name="customInformation"
+        v-bind="validateInfos.customInformation"
+      >
+        <a-textarea v-model:value="formModel.customInformation" class="customInformationInput" />
+      </a-form-item>
     </a-form>
   </a-modal>
 </template>
@@ -184,7 +194,12 @@ const formModel = reactive<SysEdit>({
   clueId: undefined,
   clueStageName: '',
   clueStageId: undefined,
-  clueLabelList: []
+  clueLabelList: [],
+  customInformation: ''
+})
+// 表单的校验规则
+const formRule = reactive({
+  customInformation: [{ required: true, message: '请输入客户资料', trigger: ['blur', 'change'] }]
 })
 
 // 表单的提交请求
@@ -193,10 +208,11 @@ const formRequestMapping: FormRequestMapping<SysEdit> = {
   [FormAction.UPDATE]: updateResource
 }
 
-const { submitLoading, validateAndSubmit, resetFields } = useAdminForm(
+const { submitLoading, validateAndSubmit, resetFields, validateInfos } = useAdminForm(
   formAction,
   formRequestMapping,
-  formModel
+  formModel,
+  formRule
 )
 
 //表单提交处理
@@ -268,6 +284,7 @@ defineExpose({
     title.value = '编辑'
     resourcesId.value = record.clueId
     formModel.clueId = record.clueId
+    formModel.customInformation = record.customInformation
     // formModel.clueLabelList
     label.length = 0
     clueStage.length = 0
@@ -388,4 +405,17 @@ defineExpose({
     max-width: 100%;
   }
 }
+//客户资料textarea
+.customInformationInput {
+  // margin-left: 10px;
+}
+::v-deep textarea.ant-input {
+  min-height: 90px;
+}
+//客户资料label
+::v-deep .ant-form-item-required {
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  font-size: 16px;
+}
 </style>