检查管理-检查项目(完善)

src/api/business/item.js

+import request from '@/utils/request'
+
+// 查询治疗/检查项目管理列表
+export function listManage(query) {
+  return request({
+    url: '/business/item/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询治疗/检查项目管理详细
+export function getManage(id) {
+  return request({
+    url: '/business/item/' + id,
+    method: 'get'
+  })
+}
+
+// 新增治疗/检查项目管理
+export function addManage(data) {
+  return request({
+    url: '/business/item',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改治疗/检查项目管理
+export function updateManage(data) {
+  return request({
+    url: '/business/item',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除治疗/检查项目管理
+export function delManage(id) {
+  return request({
+    url: '/business/item/' + id,
+    method: 'delete'
+  })
+}

src/assets/styles/element-ui.scss

@@ -92,3 +92,8 @@
   .el-submenu__icon-arrow {
   display: none;
 }
+
+.el-textarea__inner:focus {
+  outline: none;
+  border-color: #5FB54B;
+}

src/views/service-management/medical-record-management/check-item.vue

@@ -17,7 +17,7 @@
         class="card"
       >
         <div class="formTop">
-          <div class="title">班次{{ convertToChineseNumeral( index+ 1) }}</div>
+          <div class="title">项目{{ convertToChineseNumeral( index+ 1) }}</div>
           <div>
             <el-button
               v-if="(!item.id) || (item.id && item.status === '1' && item.isDelete === '1')"
@@ -32,9 +32,9 @@
         <el-row :gutter="41">
           <el-col :span="8">
             <el-form-item
-              :ref="'settingList.'+index+'.name' "
+              :ref="'settingList.'+index+'.name'"
               label="项目名称:"
-              :prop="'settingList.'+index+'.name' "
+              :prop="'settingList.'+index+'.name'"
               :rules="[
                 { required: true, message: '请选择班次名称', trigger: 'blur' }
               ]"
@@ -42,17 +42,15 @@
               <el-input
                 v-model="item.name"
                 :disabled="item.isUpdate === '1'"
-                maxlength="10"
-                show-word-limit
                 placeholder="请输入项目名称"
               />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item
-              :ref="'settingList.'+index+'.type' "
+              :ref="'settingList.'+index+'.type'"
               label="检查类型:"
-              :prop="'settingList.'+index+'.type' "
+              :prop="'settingList.'+index+'.type'"
               :rules="[
                 { required: true, message: '请选择检查类型', trigger: 'change' }
               ]"
@@ -73,53 +71,38 @@
           </el-col>
           <el-col :span="8">
             <el-form-item
-              :ref="'settingList.'+index+'.price' "
+              :ref="'settingList.'+index+'.price'"
               label="项目单价:"
-              :prop="'settingList.'+index+'.price' "
+              :prop="'settingList.'+index+'.price'"
+              :rules="[
+                { required: true, message: '请选择项目单价', trigger: 'change' }
+              ]"
             >
-              <el-input
+              <el-input-number
                 v-model="item.price"
-                :disabled="item.isUpdate === '1'"
-                maxlength="10"
-                show-word-limit
-                placeholder="请输入班次名称"
+                :min="0"
+                controls-position="right"
+                style="width: 240px"
               />
+              元
             </el-form-item>
           </el-col>
         </el-row>
-        <!-- 第二行:支持保险支付、权重、状态  -->
+        <!-- 第二行:支持保险支付、权重、状态 -->
         <el-row :gutter="41">
           <el-col :span="8">
             <el-form-item
-              :ref="'settingList.'+index+'.supportInsure' "
+              :ref="'settingList.'+index+'.supportInsure'"
               label="支持保险支付:"
-              :prop="'settingList.'+index+'.supportInsure' "
+              :prop="'settingList.'+index+'.supportInsure'"
               :rules="[
-                { required: true, message: '请选择保险支付', trigger: 'blur' }
-              ]"
-            >
-              <el-input
-                v-model="item.suportInsure"
-                :disabled="item.isUpdate === '1'"
-                maxlength="10"
-                show-word-limit
-                placeholder="请输入项目名称"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item
-              :ref="'settingList.'+index+'.sort' "
-              label="权重:"
-              :prop="'settingList.'+index+'.sort' "
-              :rules="[
-                { required: true, message: '请输入权重', trigger: 'change' }
+                { required: true, message: '请选择是否支付保险支付', trigger: 'change' }
               ]"
             >
               <el-select
-                v-model="item.sort"
+                v-model="item.supportInsure"
                 style="width: 100%"
-                placeholder="请选择检查类型"
+                placeholder="请选择是否支付保险支付"
               >
                 <el-option
                   v-for="items in statusOptions"
@@ -132,9 +115,29 @@
           </el-col>
           <el-col :span="8">
             <el-form-item
-              :ref="'settingList.'+index+'.status' "
+              :ref="'settingList.'+index+'.sort'"
+              label="权重:"
+              :prop="'settingList.'+index+'.sort'"
+              :rules="[
+                { required: true, message: '请输入权重', trigger: 'change' }
+              ]"
+            >
+              <el-input-number
+                v-model="item.sort"
+                :min="0"
+                controls-position="right"
+                style="width: 256px"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              :ref="'settingList.'+index+'.status'"
               label="状态:"
-              :prop="'settingList.'+index+'.status' "
+              :prop="'settingList.'+index+'.status'"
+              :rules="[
+                { required: true, message: '请选择状态', trigger: 'change' }
+              ]"
             >
               <el-select
                 v-model="item.status"
@@ -151,6 +154,27 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <!-- 第三行:描述 -->
+        <el-row :gutter="41">
+          <el-col :span="24">
+            <el-form-item
+              :ref="'settingList.'+index+'.content'"
+              label="描述:"
+              :prop="'settingList.'+index+'.content'"
+              :rules="[
+                { required: true, message: '请输入描述', trigger: 'blur' }
+              ]"
+            >
+              <el-input
+                v-model="item.content"
+                type="textarea"
+                :rows="2"
+                :disabled="item.isUpdate === '1'"
+                placeholder="请输入描述"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
       </div>
     </el-form>
     <div>
@@ -169,10 +193,20 @@ export default {
     return {
       // 表单内容
       form: {
-        settingList: [{}]
+        settingList: [
+          {
+            name: '',
+            type: '',
+            price: '',
+            supportInsure: '',
+            sort: '',
+            status: '',
+            content: ''
+          }
+        ]
       },
       // 表单规则
-      rules: '',
+      rules: {},
       // 检查类型
       statusOptions: [{
         value: '1',
@@ -221,7 +255,7 @@ export default {
     handleDel(item, index) {
       // 有创建时间的走接口删除，没有的说明还没有新增上去，前端自己过滤
       if (item.id) {
-        this.$confirm('是否确认删除该班次', '提示', {
+        this.$confirm('是否确认删除该项目', '提示', {
           type: 'warning',
           customClass: 'box-logout',
           cancelButtonClass: 'resetBtn',
@@ -233,7 +267,7 @@ export default {
           this.$modal.msgSuccess('删除成功')
         }).catch(() => {})
       } else {
-        this.$confirm('是否确认删除该班次', '提示', {
+        this.$confirm('是否确认删除该项目', '提示', {
           type: 'warning',
           customClass: 'box-logout',
           cancelButtonClass: 'resetBtn',
@@ -247,9 +281,15 @@ export default {
     },
     // 新增项目
     handleAddItem() {
-      if (this.form.settingList.length < 10) {
-        this.form.settingList.push({})
-      }
+      this.form.settingList.push({
+        name: '',
+        type: '',
+        price: '',
+        supportInsure: '',
+        sort: '',
+        status: '',
+        content: ''
+      })
     },
     // 提交
     handleSubmit() {