输单原因审核

src/views/crm/business/Detail.vue

@@ -177,7 +177,7 @@ import {
   crmBusinessAdvanceAPI,
   crmBusinessStatusByIdAPI
 } from '@/api/crm/business'
-
+import { userListAPI } from '@/api/common'
 import SlideView from '@/components/SlideView'
 import CRMDetailHead from '../components/CRMDetailHead'
 import Activity from '../components/Activity' // 活动
@@ -241,6 +241,9 @@ export default {
   data() {
     return {
       // 展示加载loading
+      userOptions: [],
+      value: '',
+      inputValue: '',
       loading: false,
       crmType: 'business',
       headDetails: [
@@ -397,11 +400,37 @@ export default {
       }]
     }
   },
-  mounted() {},
+  mounted() {
+    this.getUserList()
+  },
   methods: {
     /**
      * 详情
      */
+    getUserList() {
+      this.userLoading = true
+      let request = userListAPI
+      let params = {}
+      if (this.userRequest) {
+        request = this.userRequest
+        params = this.userParams || {}
+      } else {
+        params = { pageType: 0 }
+      }
+      request(params)
+        .then(res => {
+          const userList = res.data.list || res.data
+          console.log(userList)
+          this.userOptions = userList.map(item => {
+            return item
+          })
+          console.log(this.userOptions)
+          this.userLoading = false
+        })
+        .catch(() => {
+          this.userLoading = false
+        })
+    },
     getDetial() {
       this.firstContactsId = ''
       this.loading = true
@@ -566,21 +595,52 @@ export default {
       }
       /** 输单 和 无效 */
       if (item.type == 2 || item.type == 3) {
-        var message = '请填写' + item.name + '原因：'
+        var message = '请填写' + item.name + '原因:'
         var title = item.name + '原因'
 
-        // this.$prompt(message, title, {
-        //   inputType: 'text',
-        //   confirmButtonText: '确定',
-        //   cancelButtonText: '取消'
-        // })
         const h = this.$createElement
+        const msgBoxContent = h('div', [
+          h('p', message),
+          h('textarea', {
+            attrs: {
+              class: 'el-textarea__inner',
+              type: 'textarea',
+              autocomplete: 'off',
+              rows: 4
+            },
+            value: this.inputValue
+          }),
+          h('p', '审核人:'),
+          h('el-select', {
+            ref: 'selectView',
+            props: {
+              clearable: true,
+              filterable: true,
+              placeholder: '请选择',
+              value: this.value
+            },
+            on: {
+              input: val => {
+                this.value = val
+                console.log(val)
+              },
+              change: e => {
+                this.value = e
+                this.$refs['selectView'].value = e
+              }
+            }
+          }, this.userOptions.map(option => {
+            return h('el-option', {
+              props: {
+                value: option.id,
+                label: option.username
+              }
+            })
+          }))
+        ])
         this.$msgbox({
           title: title,
-          message: h('p', message, [
-            h('i', { style: 'color: teal' }, 'VNode'),
-            h('<xh-user-cell :radio="false" :value="baseFrom.adminUsers" @value-change="userChange" />')
-          ]),
+          message: msgBoxContent,
           showCancelButton: true,
           confirmButtonText: '确定',
           cancelButtonText: '取消'
@@ -652,6 +712,12 @@ export default {
       console.log('ok')
       this.$emit('handle', { type: 'save-success' })
       this.getDetial()
+    },
+    /**
+     * 刷新value的值
+     */
+    updateVal(val) {
+      this.value = val
     }
   }
 }
@@ -870,5 +936,9 @@ export default {
   .state-handel-item:hover {
     background-color: #f7f8fa;
   }
+  .el-textarea__inner{
+    width: max-content;
+    border: 1px solid #C0C4CC;
+  }
 }
 </style>