no message

src/views/setting/workContactLetter/department/index.vue

@@ -46,8 +46,11 @@ import {
   letterManagerDetailUser,
   letterManagerDelUser
 } from '@/api/department.js'
+import { getAccountList } from '@/api/setting'
 import { required } from '@/components/template/rules_verify.js'
 import { commonTemplateDownload } from '@/api/common.js'
+import { getWebsit } from '@/api/customerManagement.js'
+import { letterManagerList } from '@/api/departmentSetting.js'
 export default {
   components: { TemplatePage },
   mixins: [import_mixin, operation_mixin],
@@ -68,7 +71,10 @@ export default {
       recordSelected: [],
       /** 表单变量 */
       formDialog: false,
-      formData: {}
+      formData: {},
+      websitList: [],
+      managerList: [],
+      accountList: []
     }
   },
   computed: {
@@ -117,7 +123,108 @@ export default {
       return []
     },
     formItems() {
-      return []
+      return [
+        {
+          name: 'el-select',
+          options: this.websitList.map(item => ({
+            data: item,
+            label: item.name,
+            value: item.websitId
+          })),
+          echoInsertion: true,
+          md: 8,
+          attributes: {
+            placeholder: '请选择',
+            clearable: true,
+            filterable: true
+          },
+          formItemAttributes: {
+            label: '所属网点',
+            prop: 'websitId',
+            propName: 'websitName',
+            rules: [...required]
+          },
+          events: {
+            change: val => {
+              this.formData.adminUserId = ''
+              this.formData.userName = ''
+              if (val) {
+                this.formData.websitName = this.websitList?.find(item => item.websitId === val)?.name
+                getAccountList({
+                  websitId: val,
+                  pageNum: 1,
+                  pageSize: -1
+                }).then(res => {
+                  this.accountList = res.data.records
+                })
+              } else {
+                this.formData.websitName = ''
+                this.accountList = []
+              }
+            }
+          }
+        },
+        {
+          name: 'el-select',
+          options: this.accountList.map(item => ({
+            data: item,
+            label: item.nickName,
+            value: item.adminUserId
+          })),
+          echoInsertion: true,
+          md: 8,
+          attributes: {
+            placeholder: '请选择',
+            clearable: true,
+            filterable: true
+          },
+          formItemAttributes: {
+            label: '选择账号',
+            prop: 'adminUserId',
+            propName: 'userName',
+            rules: [...required]
+          },
+          events: {
+            change: val => {
+              if (val) {
+                this.formData.userName = this.accountList?.find(item => item.adminUserId === val)?.nickName
+              } else {
+                this.formData.userName = ''
+              }
+            }
+          }
+        },
+        {
+          name: 'el-select',
+          options: this.managerList.map(item => ({
+            data: item,
+            label: item.dapartment,
+            value: item.id
+          })),
+          echoInsertion: true,
+          md: 8,
+          attributes: {
+            placeholder: '请选择',
+            clearable: true,
+            filterable: true
+          },
+          formItemAttributes: {
+            label: '选择科室',
+            prop: 'dapartmentId',
+            propName: 'dapartment',
+            rules: [...required]
+          },
+          events: {
+            change: val => {
+              if (val) {
+                this.formData.dapartment = this.managerList?.find(item => item.id === val)?.dapartment
+              } else {
+                this.formData.dapartment = ''
+              }
+            }
+          }
+        }
+      ]
     }
   },
   methods: {
@@ -135,11 +242,24 @@ export default {
     },
     // 打开创建弹窗
     openForm() {
-      this.formDialog = true
+      //
+      Promise.all([getWebsit({ status: true }), letterManagerList({ pageNum: 1, pageSize: -1, params: [] })]).then(
+        ([res2, res3]) => {
+          this.websitList = res2.data
+          this.managerList = res3.data.records
+          this.formDialog = true
+        }
+      )
     },
     // 打开详情弹窗
     openDetailForm(row) {
-      Promise.all([letterManagerDetailUser({ id: row.id })]).then(([res1, res2]) => {
+      Promise.all([
+        letterManagerDetailUser({ id: row.id }),
+        getWebsit({ status: true }),
+        letterManagerList({ pageNum: 1, pageSize: -1, params: [] })
+      ]).then(([res1, res2, res3]) => {
+        this.websitList = res2.data
+        this.managerList = res3.data.records
         this.formData = { ...res1.data }
         this.formDialog = true
       })