imeik-bizui 1.9.5 → 1.9.7

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

@@ -1,13 +1,25 @@
 <template>
   <div class="page-view">
     <ImTable :table="tableConfig" style="margin-bottom: 20px">
+      <template slot="doctorNameHead">
+        <p><span v-if="!isView" class="start">*</span>专家名称</p>
+      </template>
+      <template slot="doctorLevelHead">
+        <p><span v-if="!isView" class="start">*</span>角色/等级</p>
+      </template>
+      <template slot="scenarioHead">
+        <p><span v-if="!isView" class="start">*</span>服务场景</p>
+      </template>
+      <template slot="costAmountHead">
+        <p><span v-if="!isView" class="start">*</span>费用金额(元)</p>
+      </template>
       <!-- 专家 -->
       <template slot="doctorName" slot-scope="{ row }">
         <ImSelect
           v-if="!isView"
           v-model="row.doctorNumber"
           :class="{ 'is-error': row.valid === false && !row.doctorNumber }"
-          :attrs="{ ...doctorAttrs, disabled: row.acceptanceDoctorTimes }"
+          :attrs="{ ...doctorAttrs, disabled: !!row.acceptanceDoctorTimes }"
           :listeners="{ focus: onDoctorFocus }"
           @input="changedoctorName(row)"
         ></ImSelect>
@@ -51,7 +63,7 @@
           v-if="!isView"
           v-model="row.doctorLevel"
           :class="{ 'is-error': row.valid === false && !row.doctorLevel }"
-          :attrs="{ options: row.roleList, disabled: row.acceptanceDoctorTimes }"
+          :attrs="{ options: row.roleList, disabled: !!row.acceptanceDoctorTimes }"
           @input="changeDoctorLevel(row)"
         ></ImSelect>
         <div v-else>
@@ -64,8 +76,8 @@
         <div v-if="!isView">
           <ImSelect
             v-model="row.doctorServiceSceneCode"
-            :class="{ 'is-error': row.valid === false && !row.doctorLevel }"
-            :attrs="{ options: row.scenarioList, loading: scenarioLoading, disabled: row.acceptanceDoctorTimes }"
+            :class="{ 'is-error': row.valid === false && !row.doctorServiceSceneCode }"
+            :attrs="{ options: row.scenarioList, loading: scenarioLoading, disabled: !!row.acceptanceDoctorTimes }"
             @input="(val) => changeScenario(val, row)"
           ></ImSelect>
           <p v-if="row.describe" class="tips-text">{{ row.describe }}</p>
@@ -84,7 +96,7 @@
             v-else
             v-model="row.identity"
             :class="{ 'is-error': row.valid === false && !row.identity }"
-            :attrs="{ options: row.shenfenList_new, disabled: row.acceptanceDoctorTimes }"
+            :attrs="{ options: row.shenfenList_new, disabled: !!row.acceptanceDoctorTimes }"
             @input="(val) => handleChangeIdentity(val, row)"
           ></ImSelect>
         </div>
@@ -96,13 +108,7 @@
       <!-- 授课名称 -->
       <template slot="className" slot-scope="{ row }">
         <div v-if="!isView && checkHasCourse(row)">
-          <ImInput
-            v-model="row.courseName"
-            :attrs="{ disabled: row.acceptanceDoctorTimes }"
-            :class="{ 'is-error': row.valid === false && checkHasCourse(row) }"
-            placeholder="请输入"
-            maxlength="100"
-          ></ImInput>
+          <ImInput v-model="row.courseName" :attrs="{ disabled: !!row.acceptanceDoctorTimes }" placeholder="请输入" maxlength="100"></ImInput>
         </div>
         <div v-else>
           <ImDiffText v-if="showDiff" :show-diff="showDiff" :old-value="row.courseName" :no-absolute="true" :new-value="row._newData?.courseName" />
@@ -147,7 +153,7 @@
       </template>
       <template slot="operation" slot-scope="{ row, $index }">
         <el-button type="text" @click="addExpert($index)">新增</el-button>
-        <el-button :disabled="row.acceptanceDoctorTimes" class="delete-button" type="text" @click="deleteExpert($index)">移除</el-button>
+        <el-button :disabled="!!row.acceptanceDoctorTimes" class="delete-button" type="text" @click="deleteExpert($index)">移除</el-button>
       </template>
       <template slot="changeType" slot-scope="{ row }">
         <p>{{ formatChangeType(row._changeType) }}</p>
@@ -219,6 +225,7 @@ export default {
           prop: 'doctorName',
           type: 'slot',
           slot: 'doctorName',
+          headSlot: 'doctorNameHead',
           attrs: {
             'min-width': '120'
           }
@@ -246,6 +253,7 @@ export default {
           prop: 'doctorLevel',
           type: 'slot',
           slot: 'doctorLevel',
+          headSlot: 'doctorLevelHead',
           attrs: {
             'min-width': '150'
           }
@@ -255,6 +263,7 @@ export default {
           prop: 'scenario',
           type: 'slot',
           slot: 'scenario',
+          headSlot: 'scenarioHead',
           attrs: {
             'min-width': '150'
           }
@@ -282,6 +291,7 @@ export default {
           prop: 'costAmount',
           type: 'slot',
           slot: 'costAmount',
+          headSlot: 'costAmountHead',
           attrs: {
             'min-width': '160'
           }
@@ -375,9 +385,6 @@ export default {
         } else if (!item.doctorServiceSceneCode) {
           res && showMessage && this.$message.warning('请检查服务场景')
           res = false
-        } else if (this.checkHasCourse(item) && !item.courseName) {
-          res && showMessage && this.$message.warning('请填写授课名称')
-          res = false
         } else if (!item.costAmount) {
           res && showMessage && this.$message.warning('请检查费用金额')
           res = false
@@ -563,14 +570,6 @@ export default {
     },
     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
-        }
-      })
       this.$emit('input', data)
       this.$emit('change', data)
     },
@@ -719,4 +718,8 @@ export default {
   font-weight: 500;
   cursor: pointer;
 }
+.start {
+  color: #f56c6c;
+  margin-right: 4px;
+}
 </style>