fix: cost修改为下拉框

src/api/select.js

@@ -43,6 +43,9 @@ export const reqSelectProjectTitle = (projectName) => request({ url: `/WRD-admin
 // 查询全部成本中心号
 export const reqSelectCostCenter = (costCenter) => request({ url: `/WRD-admin/sys/workorder/listCostCenter`, method: 'get', params: { costCenter }})
 
+// 查询全部成本中心号
+export const reqSelectAllCostCenter = () => request({ url: `/WRD-admin/sys/cost/get`, method: 'get' })
+
 // 查询各部门工作效率
 export const getDeptEfficiency = (startDate, endDate) => request({ url: `/WRD-admin/sys/workorder/productivity`, method: 'get', params: { startDate, endDate }})
 // 查询各部门工作效率

src/views/record/index.vue

@@ -275,10 +275,6 @@
                           row.workRecordsList[index].endTime
                         }}</span>
                       <el-divider />
-                      <!-- <span
-                        >成本中心:
-                        {{ row.workRecordsList[index].costCenter }}
-                      </span> -->
                       <span>
                         成本中心:
                         {{ row.workRecordsList[index].costCenter ? row.workRecordsList[index].costCenter : "未录入成本号" }}
@@ -474,14 +470,22 @@
                 </el-col>
               </el-form-item>
               <el-form-item label="成本号" prop="costCenter">
-                <el-autocomplete
+                <!-- <el-autocomplete
                   v-model="addStatusForm.costCenter"
                   class="inline-input"
                   :fetch-suggestions="queryCostCenterSearchAsync"
                   placeholder="请输入成本中心号"
                   :trigger-on-focus="false"
                   @select="handleSelect"
-                />
+                /> -->
+                <el-select v-model="addStatusForm.costCenter" placeholder="请选择成本号">
+                  <el-option
+                    v-for="(item, index) in costList"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
               </el-form-item>
             </el-form>
           </div>
@@ -608,14 +612,22 @@
                 </el-col>
               </el-form-item>
               <el-form-item label="成本号" prop="costCenter">
-                <el-autocomplete
+                <!-- <el-autocomplete
                   v-model="editStatusForm.workRecordsList[0].costCenter"
                   class="inline-input"
                   :fetch-suggestions="queryCostCenterSearchAsync"
                   placeholder="请输入成本中心号"
                   :trigger-on-focus="false"
                   @select="handleSelect"
-                />
+                /> -->
+                <el-select v-model="editStatusForm.workRecordsList[0].costCenter" placeholder="请选择成本号">
+                  <el-option
+                    v-for="(item, index) in costList"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
               </el-form-item>
 
               <!-- 【子表单】修改表单时 新增任务 -->
@@ -711,14 +723,22 @@
                   </el-col>
                 </el-form-item>
                 <el-form-item label="成本号" prop="costCenter">
-                  <el-autocomplete
+                  <!-- <el-autocomplete
                     v-model="editStatusForm.costCenterOfNewOrder"
                     class="inline-input"
                     :fetch-suggestions="queryCostCenterSearchAsync"
                     placeholder="请输入成本中心号"
                     :trigger-on-focus="false"
                     @select="handleSelect"
-                  />
+                  /> -->
+                  <el-select v-model="editStatusForm.costCenterOfNewOrder" placeholder="请选择成本号">
+                    <el-option
+                      v-for="(item, index) in costList"
+                      :key="index"
+                      :label="item.label"
+                      :value="item.value"
+                    />
+                  </el-select>
                 </el-form-item>
               </div>
             </el-form>
@@ -783,6 +803,7 @@ export default {
       regionAndCityList: [],
       regionList: [],
       cityList: [],
+      costList: [],
       region: '',
       city: '',
       departmentId: ' ',
@@ -1000,6 +1021,9 @@ export default {
     })
     this.cityList = cities.flat()
     this.regionList = result.data.map(item => { return { value: item.region, label: item.region } })
+    // 初始化cost列表
+    const costs = await this.$API.select.reqSelectAllCostCenter()
+    this.costList = costs.data.map(item => { return { value: item.internalOrder, label: `${item.region} - ${item.internalOrder}` } })
   },
   // 初始化部门选项为不限
   created() {
@@ -1429,7 +1453,9 @@ export default {
     // 添加工程师工作记录
     addStatus(row) {
       this.$nextTick(() => {
-        this.$refs.addWorkRecordForm.resetFields()
+        if (this.$refs.addWorkRecordForm) {
+          this.$refs.addWorkRecordForm.resetFields()
+        }
       })
 
       this.addDialogVisible = true
@@ -1439,7 +1465,9 @@ export default {
     editStatus(row, index) {
       if (this.permissions.indexOf('btn.UpdateRecord') !== -1) {
         this.$nextTick(() => {
-          this.$refs.editWorkRecordForm.clearValidate()
+          if (this.$refs.editWorkRecordForm) {
+            this.$refs.editWorkRecordForm.clearValidate()
+          }
         })
 
         this.editDialogVisible = true