imeik-bizui 1.3.0 → 1.3.2

package/dist/bizui/api/applycenter.js

@@ -211,4 +211,4 @@ export function getEmployeeIsForSale(data) {
     method: 'get',
     params: data
   })
-}
+}

package/dist/bizui/api/tagcenter.js

@@ -12,3 +12,16 @@ export function queryTagList(params) {
     params
   })
 }
+
+/**
+ * 获取专家
+ * @param {*} data
+ * @returns
+ */
+export function getExpertsPageQuery(data) {
+  return request({
+    url: '/tagcenter-admin/tagApi/realTimePageQuery',
+    method: 'post',
+    data
+  })
+}

package/dist/bizui/src/FieldApplyTypeView/index.vue

@@ -202,7 +202,7 @@ export default {
     // 处理配置的属性
     handlingConfigurationPrope() {
       const index = this.getFormItemIndex('projectCode')
-      if (!this.formConfig.props.applyType && this.attrs.applyTypeOptions.default) {
+      if (!this.formConfig.props.applyType && this.attrs.applyTypeOptions?.default) {
         this.formConfig.props.applyType = this.attrs.applyTypeOptions.default
       }
       // 是否显示项目编号

package/dist/bizui/src/FieldChargeSelect/index.vue

@@ -22,7 +22,7 @@
           @change="onChange"
           @visible-change="visibleChange"
         >
-          <el-option v-for="item in options" :key="item[prop.value]" :label="item.name || item.employeeNo" :value="item[prop.value]">
+          <el-option v-for="item in options" :key="item.employeeNo" :label="item.name || item.employeeNo" :value="item.employeeNo">
             <!--可以传入自定义的展示模板-->
             <slot name="item" :item="item">
               <div class="flex items-center gap-2">
@@ -48,14 +48,6 @@ import { getLabelByValue } from '../../utils/index'
 export default {
   name: 'EmployeeSelect',
   props: {
-    prop: {
-      type: Object,
-      default() {
-        return {
-          value: 'employeeNo'
-        }
-      }
-    },
     value: {
       type: [Number, String, Array],
       default: undefined
@@ -216,6 +208,6 @@ export default {
 <style lang="scss" scoped>
 .cell-title {
   font-size: 14px;
-  color: #000000D9;
+  color: #595959;
 }
 </style>

package/dist/bizui/src/FieldCustomSelect/index.vue

@@ -30,6 +30,11 @@ export default {
     CustomerSelect,
     CustomShow
   },
+  inject: {
+    formProps: {
+      default: () => {}
+    }
+  },
   props: {
     value: {
       type: Object,
@@ -53,7 +58,7 @@ export default {
   },
   computed: {
     showText() {
-      return this.showSelect && !this.isDeptForSale
+      return this.showSelect && !this.isDeptForSale && this.formProps.formBaseNo !== 'B05'
     },
     isView() {
       return this.attrs.isView

package/dist/bizui/src/FieldDateSelect/index.vue

@@ -223,6 +223,7 @@ export default {
     onUpdate() {
       const myValue = this.timeFormat(this.myValue)
       this.$emit('input', myValue)
+      this.$emit('change', myValue)
     }
   }
 }

package/dist/bizui/src/FieldExpertSelect/index.vue

@@ -1,48 +1,75 @@
 <template>
   <div class="page-view">
     <ImTable :table="tableConfig">
-      <template slot="expertName" slot-scope="{ row }">
-        <el-select v-if="!isView" v-model="row.expertName" filterable placeholder="请选择" @change="(val) => changeExpertName(val, row)">
-          <el-option v-for="item in exportsList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
-        </el-select>
-        <div v-else>{{ row.expertName }}</div>
+      <!-- 专家 -->
+      <template slot="doctorName" slot-scope="{ row }">
+        <ImSelect v-if="!isView" v-model="row.doctorNumber" :class="{ 'is-error': row.valid === false && !row.doctorNumber }" :attrs="doctorAttrs" @input="changedoctorName(row)"></ImSelect>
+        <div v-else>{{ row.doctorName }}</div>
       </template>
+      <!-- 职业机构 -->
       <template slot="organizations" slot-scope="{ row }">
         <div class="expertOther">
-          <p>第一执业：北京苏明成医疗美容有限公司</p>
-          <p>其他执业：北京苏明成医疗美容有限公司</p>
+          <p v-if="row.doctorOrg">第一执业：{{ row.doctorOrg }}</p>
+          <!-- <p>其他执业：北京苏明成医疗美容有限公司</p> -->
         </div>
       </template>
+      <!-- 其他信息 -->
       <template slot="otherInfo" slot-scope="{ row }">
         <div class="expertOther">
-          <p>专家编号：00981</p>
-          <p>手机号：{{ formatPhone('13121889953') }}</p>
-          <p>类型：啊合适的</p>
-          <p>职业：院长</p>
-          <p>支持：主任</p>
+          <p v-if="row.doctorNumber">专家编号：{{ row.doctorNumber }}</p>
+          <p v-if="row.doctorPhone">手机号：{{ formatPhone(row.doctorPhone) }}</p>
+          <p v-if="row.doctorType">类型：{{ row.doctorType }}</p>
+          <p v-if="row.doctorPosition">职业：{{ row.doctorPosition }}</p>
+          <p v-if="row.doctorPost">职称：{{ row.doctorPost }}</p>
         </div>
       </template>
-      <template slot="roleLevel" slot-scope="{ row }">
-        <el-select v-model="row.roleLevel" clearable filterable placeholder="请选择" style="width: 100%;">
-          <el-option v-for="item in exportsList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
-        </el-select>
+      <!-- 角色等级 -->
+      <template slot="doctorLevel" slot-scope="{ row }">
+        <ImSelect v-model="row.doctorLevel" :class="{ 'is-error': row.valid === false && !row.doctorNumber }" :attrs="{ options: row.roleList }"></ImSelect>
       </template>
+      <!-- 服务场景 -->
       <template slot="scenario" slot-scope="{ row }">
-        <el-select v-model="row.scenario" placeholder="请选择" style="width: 100%;">
-          <el-option v-for="item in exportsList" :key="item.value" :label="item.label" :value="item.value"> </el-option>
-        </el-select>
+        <ImSelect
+          v-model="row.doctorServiceSceneCode"
+          :class="{ 'is-error': row.valid === false && !row.doctorNumber }"
+          :attrs="{ options: row.scenarioList }"
+          @input="(val) => changeScenario(val, row)"
+        ></ImSelect>
         <p v-if="false" class="tips-text">收到发斯蒂芬撒旦法戊二醛沃尔沃二位二位</p>
       </template>
+      <!-- 授课名称 -->
       <template slot="className" slot-scope="{ row }">
-        <el-input v-model="row.className" placeholder="请输入" maxlength="100"></el-input>
+        <div v-if="!isView">
+          <el-input v-if="checkHasCourse(row)" v-model="row.courseName" placeholder="请输入" maxlength="100"></el-input>
+          <div v-else>-</div>
+        </div>
+        <div v-else>{{ row.courseName }}</div>
       </template>
+      <!-- 费用金额 -->
       <template slot="price" slot-scope="{ row }">
-        <el-input-number v-model="row.price" style="width: 100%;" controls-position="right" :min="0" placeholder="请输入" @change="handlePriceChange"></el-input-number>
+        <p v-if="checkStandardAmountsIsBeyond(row)" class="standardAmount">费用标准：{{ row.standardAmount }}</p>
+        <el-input-number
+          v-model="row.costAmount"
+          style="width: 100%"
+          :class="{ isBeyound: checkStandardAmountsIsBeyond(row), 'is-error': row.valid === false && !row.doctorNumber }"
+          controls-position="right"
+          :min="0"
+          :placeholder="row.standardAmount ? `费用标准：${row.standardAmount}` : '请输入'"
+        ></el-input-number>
       </template>
+      <!-- 备注 -->
       <template slot="remarks" slot-scope="{ row }">
-        <el-input v-if="!isView" v-model="row.remarks" :class="{ 'is-error': !row.remarks && row.price > 30 }" type="textarea" :rows="5" show-word-limit maxlength="100" placeholder="请输入"></el-input>
+        <el-input
+          v-if="!isView"
+          v-model="row.remarks"
+          :class="{ 'is-error': checkStandardAmountsIsBeyond(row) && !row.remarks }"
+          type="textarea"
+          :rows="5"
+          show-word-limit
+          maxlength="100"
+          placeholder="请输入"
+        ></el-input>
         <p v-else>{{ row.remarks }}</p>
-        <p v-show="!row.remarks && row.valid === false" class="error-message">请输入</p>
       </template>
       <template slot="operation" slot-scope="{ $index }">
         <el-button type="text" @click="addExpert($index)">新增</el-button>
@@ -53,13 +80,14 @@
 </template>
 
 <script>
+import { getExpertsPageQuery } from '../../api/tagcenter'
 export default {
   name: 'FieldExpertSelect',
   props: {
     value: {
       type: Array,
       default() {
-        return []
+        return undefined
       }
     },
     attrs: {
@@ -77,9 +105,9 @@ export default {
         tableItems: [
           {
             label: '专家名称',
-            prop: 'expertName',
+            prop: 'doctorName',
             type: 'slot',
-            slot: 'expertName',
+            slot: 'doctorName',
             attrs: {
               'min-width': '120'
             }
@@ -90,7 +118,7 @@ export default {
             type: 'slot',
             slot: 'organizations',
             attrs: {
-              'min-width': '180'
+              'min-width': '200'
             }
           },
           {
@@ -99,14 +127,14 @@ export default {
             type: 'slot',
             slot: 'otherInfo',
             attrs: {
-              'min-width': '110'
+              'min-width': '150'
             }
           },
           {
             label: '角色/等级',
-            prop: 'roleLevel',
+            prop: 'doctorLevel',
             type: 'slot',
-            slot: 'roleLevel',
+            slot: 'doctorLevel',
             attrs: {
               'min-width': '120'
             }
@@ -144,7 +172,7 @@ export default {
             type: 'slot',
             slot: 'remarks',
             attrs: {
-              'min-width': '120'
+              'min-width': '140'
             }
           },
           {
@@ -154,10 +182,16 @@ export default {
             slot: 'operation',
             attrs: {
               fixed: 'right',
-              width: '80'
+              width: '120'
             }
           }
         ]
+      },
+      doctorAttrs: {
+        options: [],
+        filterable: true,
+        remote: true,
+        'remote-method': this.getExpertsList
       }
     }
   },
@@ -166,21 +200,177 @@ export default {
       return this.attrs.isView
     }
   },
-  mounted() {},
+  watch: {
+    value: {
+      handler(val) {
+        if (val) {
+          this.tableConfig.data = val
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted() {
+    this.handleBusEvent()
+    if (!this.isView) {
+      this.refreshData()
+    }
+  },
   methods: {
+    handleBusEvent() {
+      if (this.$bizui.bus) {
+        // 监听点击表单提交的回调
+        this.$bizui.bus.$on('applySubmit', (val) => {
+          this.handleValidate()
+        })
+      }
+    },
+    handleValidate() {
+      let showMessage = true
+      this.tableConfig.data.forEach((item) => {
+        let res = true
+        if (!item.doctorNumber) {
+          res && showMessage && this.$message.warning('请检查专家名称')
+          res = false
+        } else if (!item.doctorLevel) {
+          res && showMessage && this.$message.warning('请检查角色/等级')
+          res = false
+        } else if (!item.doctorServiceSceneCode) {
+          res && showMessage && this.$message.warning('请检查服务场景')
+          res = false
+        } else if (!item.costAmount) {
+          res && showMessage && this.$message.warning('请检查费用金额')
+          res = false
+        } else if (this.checkStandardAmountsIsBeyond(item) && !item.remarks) {
+          res && showMessage && this.$message.warning('请填写备注')
+          res = false
+        }
+        item.valid = res
+        showMessage = res
+      })
+      this.onUpdate()
+    },
+    // 在编辑的时候刷新数据
+    refreshData() {
+      this.tableConfig.data?.forEach((item) => {
+        this.getExpertsList(item.doctorName, item)
+        this.getSceneList(item)
+      })
+    },
+    // 获取专家列表
+    getExpertsList(val, data) {
+      const params = {
+        tagConditionList: [
+          {
+            op: 'LIKE',
+            tagCode: 'realName',
+            type: 'LEAF_NODE',
+            value: val
+          }
+        ],
+        tagModel: 'USER',
+        page: 1,
+        limit: 10
+      }
+      getExpertsPageQuery(params).then((res) => {
+        if (res.code === 200) {
+          this.doctorAttrs.options = this.formatExpertsList(res.data.list)
+          data && this.changedoctorName(data)
+        } else {
+          this.$message.error(res.message)
+        }
+      })
+    },
+    // 设置默认值
+    setDefaultRoleInfo(data) {
+      // 检查当前选择的专家角色是否在角色列表中
+      if (data.doctorNumber && !this.isView) {
+        const hasCurrentRole = data.roleList.find((item) => item.doctorNumber === data.doctorLevel)
+        if (hasCurrentRole) {
+          data.doctorLevel = hasCurrentRole.value
+          return
+        } else {
+          data.doctorLevel = ''
+          data.doctorServiceSceneName = ''
+        }
+      }
+      // 如果当前选择的专家角色只有一个，则直接写入角色级别
+      if (data.roleList.length === 1) {
+        data.doctorLevel = data.roleList[0].value
+      } else {
+        data.doctorLevel = ''
+      }
+    },
+    getSceneList(data) {
+      // getSceneList().then(res => {
+      //   this.sceneList = res.data
+      // })
+      data.scenarioList = [
+        {
+          label: '授课、实操教学指导',
+          value: '1910592467690790915',
+          standardAmount: '1000'
+        },
+        {
+          label: '研讨',
+          value: '1910592467694985218',
+          standardAmount: '2000'
+        },
+        {
+          label: '授课',
+          value: '1910592467682402307',
+          standardAmount: '3000'
+        }
+      ]
+    },
     // 修改专家回调
-    changeExpertName(val, row) {
+    changedoctorName(row) {
+      // 写入专家信息
+      const doctorInfo = this.doctorAttrs.options.find((item) => item.value === row.doctorNumber)
+      delete doctorInfo.doctorNumber
+      for (const key in doctorInfo) {
+        this.$set(row, key, doctorInfo[key])
+      }
+      row.roleList = [{ label: '专家', value: '1000987' }]
+      this.getSceneList(row)
+      this.setDefaultRoleInfo(row)
+    },
+    // 修改场景回调
+    changeScenario(val, row) {
+      const sceneInfo = row.scenarioList.find((item) => item.value === val)
+      if (sceneInfo) {
+        this.$set(row, 'standardAmount', sceneInfo.standardAmount)
+        this.$set(row, 'doctorServiceSceneName', sceneInfo.label)
+      }
+      this.checkStandardAmountsIsBeyond(row)
     },
-    // 修改价格回调
-    handlePriceChange() {},
     // 添加专家行
     addExpert() {
       this.tableConfig.data.push({})
     },
     // 删除专家行
     deleteExpert(index) {
+      if (this.tableConfig.data.length <= 1) {
+        this.$message.error('至少保留一条专家信息')
+        return
+      }
       this.tableConfig.data.splice(index, 1)
     },
+    onUpdate() {
+      const data = JSON.parse(JSON.stringify(this.tableConfig.data))
+      data.forEach((item) => {
+        if (item.roleList) {
+          delete item.roleList
+        }
+        if (item.scenarioList) {
+          delete item.scenarioList
+        }
+      })
+      console.log(data)
+      this.$emit('input', data)
+      this.$emit('change', data)
+    },
     // 加密电话
     formatPhone(val) {
       if (val) {
@@ -188,6 +378,33 @@ export default {
       } else {
         return ''
       }
+    },
+    // 格式化专家列表
+    formatExpertsList(list = []) {
+      return list.map((item) => {
+        return {
+          doctorNumber: item.userNumber,
+          doctorName: item.realName,
+          doctorPhone: item.phone,
+          doctorOrg: item.oneHospital,
+          doctorPosition: item.doctorPosition,
+          doctorPost: item.realJobTitleName,
+          doctorType: item.doctorType,
+          label: item.realName,
+          value: item.userNumber
+        }
+      })
+    },
+    // 检查专家价格是否超出
+    checkStandardAmountsIsBeyond(data) {
+      return Number(data.costAmount) > Number(data.standardAmount)
+    },
+    // 检查场景有没有授课
+    checkHasCourse(data) {
+      if (!data.doctorServiceSceneName) {
+        return
+      }
+      return data.doctorServiceSceneName.includes('授课')
     }
   }
 }
@@ -201,7 +418,7 @@ export default {
   margin-top: 4px;
 }
 .expertOther {
-  font-size: 12px;
+  font-size: 13px;
   color: #595959;
   line-height: 20px;
 }
@@ -228,4 +445,14 @@ export default {
   padding-left: 8px !important;
   padding-right: 8px !important;
 }
+.isBeyound {
+  /deep/ .el-input__inner {
+    color: #f4334a;
+  }
+}
+.standardAmount {
+  font-size: 13px;
+  color: green;
+  margin-bottom: 4px;
+}
 </style>