专家质控-收藏条件、查看常用条件静态页面

src/views/recordsRoom/qc/components/expertQualityControl/CollectListModal.vue

@@ -0,0 +1,178 @@
+<template>
+    <el-dialog :visible.sync="dialogVisible" class="custom-dialog" :modal="false" :title="getDialogTitle()" width="600px" @close="onCancel">
+        <el-form :model="formData"
+            :rules="rules" ref="formDataRef" label-width="0px">
+            <el-form-item label="" prop="tjmc">
+                <el-input v-model="formData.tjmc" clearable placeholder="请输入需查询的条件名称">
+                  <el-button
+                    slot="suffix"
+                    class="el-icon-search el-input__icon"
+                    @click="getListData"
+                    type="text"
+                  />
+                </el-input>
+            </el-form-item>
+            <el-form-item label="" prop="sfgg">
+                <el-tabs v-model="formData.sfgg" @tab-click="getListData">
+                  <el-tab-pane label="个人" name="0" />
+                  <el-tab-pane label="公共" name="1" />
+                </el-tabs>
+            </el-form-item>
+        </el-form>
+        <div>
+          <div v-for="(item, index) in listData">
+            <el-row  :gutter="24" type="flex" align="middle">
+              <el-col :span="16" style="display: flex">
+                <h5>条件{{index + 1}}：</h5>
+                <span>{{item.tjmc}}</span>
+              </el-col>
+              <el-col :span="8" style="text-align: right">
+                <el-radio v-model="item.mrtj" :label="1">默认</el-radio>
+                <el-button
+                  class="el-icon-edit-outline"
+                  @click="openCollectModal(item)"
+                  type="text"
+                />
+                <el-button
+                  class="el-icon-delete"
+                  @click="onRemove(item)"
+                  type="text"
+                  style="color: #ef1f3a"
+                />
+              </el-col>
+            </el-row>
+            <el-divider></el-divider>
+          </div>
+        </div>
+        <template #footer>
+            <!-- <el-button type="primary" @click="onSubmit()">保存 </el-button>
+            <el-button @click="onCancel()">取消 </el-button> -->
+        </template>
+        <CollectModalBox ref="CollectModalBoxRef" @onUpdate="getListData"/>
+    </el-dialog>
+</template>
+<script>
+import { examineAppeal } from '@/api/qc';
+import CollectModalBox from './CollectModal.vue'
+
+export default {
+  components: {
+    CollectModalBox,
+  },
+  emits: ['onUpdate'],
+  data() {
+    return {
+        action: 'ADD',
+      dialogVisible: false,
+      formData: {
+        tjmc: '',
+        sfgg: '0',
+      },
+      rules: {},
+      listData: []
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {},
+  beforeDestroy() {},
+
+  methods: {
+    getDialogTitle() {
+      return '常用收藏条件'
+    },
+        
+    async openModal(params) {
+      this.dialogVisible = true;
+      this.getListData()
+    },
+
+    getListData() {
+      this.$message.success(`请求了${this.formData.tjmc}, ${this.formData.sfgg}`)
+      this.listData = [
+        {tjmc: '11111111', mrtj: 1},
+        {tjmc: '2222222', mrtj: 0}
+      ]
+    },
+
+    openCollectModal(row) {
+      this.$refs.CollectModalBoxRef.openModal('EDIT', row);
+    },
+
+    onRemove() {
+      this.$confirm('确定要删除吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.$message({
+            type: 'success',
+            message: '删除成功!'
+          });
+          this.getListData()
+        }).catch(() => {          
+        });
+    },
+    
+    onSubmit() {
+      this.$refs.formDataRef.validate((valid) => {
+        if (valid) {
+            return
+            // 申诉逻辑
+            const pramse = {
+              id: this.currentId,
+              zyh: this.MEDRECID,
+              type: 2,
+              quality_type: this.qualityType,
+              defect_content: this.formData.reason, // 使用 formData 中的原因
+              appeal_docter: this.formData.tjmc, // 使用 formData 中的医师
+            };
+            console.log(pramse, 'pramse');
+
+            examineAppeal(pramse).then(res => {
+              if(res.code == 200) {
+                this.$message({
+                  message: '提交申诉成功',
+                  type: 'success',
+                });
+                // 提交后关闭弹框
+                this.dialogVisible = false;
+                this.$emit('onUpdate')
+              }
+            });
+          // 申诉审核通过和驳回逻辑
+        
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+      
+    },
+    onCancel() {
+        this.dialogVisible = false;
+        this.$refs.formDataRef && this.$refs.formDataRef.resetFields()
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog__header {
+  background-color: hsl(205.32deg 43.43% 49.22%);
+}
+
+::v-deep .el-dialog__close {
+  color: #fff;
+  border: 1px solid #fff;
+  border-radius: 20px;
+}
+
+::v-deep .el-dialog__title {
+  color: #fff;
+}
+::v-deep .el-divider--horizontal {
+  margin: 5px 0
+}
+</style>

src/views/recordsRoom/qc/components/expertQualityControl/CollectModal.vue

@@ -0,0 +1,137 @@
+<template>
+    <el-dialog :visible.sync="dialogVisible" class="custom-dialog" :modal="false" :title="getDialogTitle()" width="500px" @close="onCancel">
+        <el-form :model="formData"
+            :rules="rules" ref="formDataRef" label-width="80px">
+            <el-form-item label="条件名称" prop="tjmc">
+                <el-input v-model="formData.tjmc" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-form-item label="是否公共" prop="sfgg">
+                <el-radio-group v-model="formData.sfgg">
+                    <el-radio :label="1">是</el-radio>
+                    <el-radio :label="0">否</el-radio>
+                </el-radio-group>
+            </el-form-item>
+            <el-form-item label="默认条件" prop="mrtj">
+                <el-radio-group v-model="formData.mrtj">
+                    <el-radio :label="1">是</el-radio>
+                    <el-radio :label="0">否</el-radio>
+                </el-radio-group>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <el-button type="primary" @click="onSubmit()">保存 </el-button>
+            <el-button @click="onCancel()">取消 </el-button>
+        </template>
+    </el-dialog>
+</template>
+<script>
+import { examineAppeal } from '@/api/qc';
+export default {
+  emits: ['onUpdate'],
+  data() {
+    return {
+        action: 'ADD',
+      dialogVisible: false,
+      formData: {
+        tjmc: '',
+        sfgg: 0,
+        mrtj: 0
+      },
+      rules: {
+        tjmc: [{ required: true, message: '请输入' }],
+        sfgg: [{ required: true, message: '请选择' }],
+        mrtj: [{ required: true, message: '请选择' }],
+      },
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {},
+  beforeDestroy() {},
+
+  methods: {
+    getDialogTitle() {
+      if(this.action === 'ADD') {
+        return '收藏条件'
+      }
+      if(this.action === 'EDIT') {
+        return '编辑条件'
+      }
+    },
+        
+    async openModal(action = 'ADD', params) {
+        this.action = action;
+        if(action == 'EDIT') {
+            this.$nextTick(() => {
+                for(let keys in this.formData) {
+                    this.formData[keys] = params[keys]
+                }
+            })
+        }
+      this.dialogVisible = true;
+    },
+    
+    onSubmit() {
+      this.$refs.formDataRef.validate((valid) => {
+        if (valid) {
+            if(this.action == 'EDIT') {
+                this.$emit('onUpdate')
+                this.dialogVisible = false;
+            }
+            
+            return
+            // 申诉逻辑
+            const pramse = {
+              id: this.currentId,
+              zyh: this.MEDRECID,
+              type: 2,
+              quality_type: this.qualityType,
+              defect_content: this.formData.reason, // 使用 formData 中的原因
+              appeal_docter: this.formData.tjmc, // 使用 formData 中的医师
+            };
+            console.log(pramse, 'pramse');
+
+            examineAppeal(pramse).then(res => {
+              if(res.code == 200) {
+                this.$message({
+                  message: '提交申诉成功',
+                  type: 'success',
+                });
+                // 提交后关闭弹框
+                this.dialogVisible = false;
+                this.$emit('onUpdate')
+              }
+            });
+          // 申诉审核通过和驳回逻辑
+        
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+      
+    },
+    onCancel() {
+        this.dialogVisible = false;
+        this.$refs.formDataRef && this.$refs.formDataRef.resetFields()
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog__header {
+  background-color: hsl(205.32deg 43.43% 49.22%);
+}
+
+::v-deep .el-dialog__close {
+  color: #fff;
+  border: 1px solid #fff;
+  border-radius: 20px;
+}
+
+::v-deep .el-dialog__title {
+  color: #fff;
+}
+</style>

src/views/recordsRoom/qc/components/expertQualityControl/SearchBox.vue

@@ -1,162 +1,183 @@
 <template>
-  <el-form style="width: 100%" ref="filterListFormRef" :model="formData" class="demo-form-inline" label-suffix=":"
-    label-width="90px">
-    <el-row :gutter="24">
-      <el-radio-group v-model="formData.in_hospital" @input="onSubmit" style="margin-bottom:15px">
-        <el-radio-button label="全部"></el-radio-button>
-        <el-radio-button label="出院"></el-radio-button>
-        <el-radio-button label="在院"></el-radio-button>
-      </el-radio-group>
-    </el-row>
-    <el-row :gutter="24">
-      <el-col :span="7">
-        <el-form-item label="出院日期">
-          <div style="width: 100%;display: flex;gap: 5px;">
-            <el-form-item prop="AAC01_START">
-              <el-date-picker style="width: 100%" v-model="formData.AAC01_START" type="date" placeholder="开始日期"
-                :picker-options="AAC01PickerOptions" value-format="yyyyMMdd" format="yyyy年MM月dd日">
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item prop="AAC01_END">
-              <el-date-picker style="width: 100%" v-model="formData.AAC01_END" type="date" placeholder="结束日期"
-                value-format="yyyyMMdd" format="yyyy年MM月dd日">
-              </el-date-picker>
-            </el-form-item>
-          </div>
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="出院科室" prop="KS_CODE">
-          <el-cascader style="width: 100%;" placeholder="请选择" v-model="formData.KS_CODE"
-            :options="searchOptions.ksArray" filterable :props="searchOptions.cascaderProps" clearable collapse-tags
-            @change="ksChange">
-          </el-cascader>
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="出院病区" prop="BQ_CODE">
-          <el-cascader style="width: 100%;" placeholder="请选择" v-model="formData.BQ_CODE"
-            :options="searchOptions.bqArray" filterable :props="searchOptions.cascaderProps" clearable collapse-tags>
-          </el-cascader>
-        </el-form-item>
-      </el-col>
-      <el-col :span="7">
-        <el-form-item label="病案号" prop="AAA28">
-          <el-input style="width: 100%" v-model="formData.AAA28" placeholder="请输入"></el-input>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="24">
-      <el-col :span="7">
-        <el-form-item label="入院日期">
-          <div style="width: 100%;display: flex;gap: 5px;">
-            <el-form-item prop="AAB01_START">
-              <el-date-picker style="width: 100%" v-model="formData.AAB01_START" type="date" placeholder="开始日期"
-                :picker-options="AAB01PickerOptions" value-format="yyyyMMdd" format="yyyy年MM月dd日">
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item prop="AAB01_END">
-              <el-date-picker style="width: 100%" v-model="formData.AAB01_END" type="date" placeholder="结束日期"
-                value-format="yyyyMMdd" format="yyyy年MM月dd日">
-              </el-date-picker>
-            </el-form-item>
-          </div>
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="医嘱名称" prop="yzmc">
-          <el-input v-model="formData.yzmc" placeholder="请输入"></el-input>
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="费用名称" prop="fymc">
-          <el-input v-model="formData.fymc" placeholder="请输入"></el-input>
-        </el-form-item>
-      </el-col>
-      <el-col :span="7">
-        <el-form-item label="住院天数" prop="">
-          <div style="width: 100%;display: flex;gap: 5px;">
-            <el-form-item prop="endDay1">
-              <el-input style="width: 100%;" v-model="formData.endDay1">
-                <template slot="append">天</template>
-              </el-input>
-            </el-form-item>
-            -
-            <el-form-item prop="endDay2">
-              <el-input style="width: 100%;" v-model="formData.endDay2">
-                <template slot="append">天</template>
-              </el-input>
-            </el-form-item>
-          </div>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="24" v-show="expand">
-      <el-col :span="7">
-        <el-form-item label="非计划手术" prop="unplannedSurgery">
-          <el-select style="width: 100%" v-model="formData.unplannedSurgery" placeholder="请选择">
-            <el-option v-for="item in searchOptions.unplannedSurgeryArray" :key="item.value" :label="item.label" :value="item.value">
-            </el-option>
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="手术安排" prop="surgicalPlanning">
-          <el-select style="width: 100%" v-model="formData.surgicalPlanning" placeholder="请选择">
-            <el-option v-for="item in searchOptions.surgicalPlanningArray" :key="item.value" :label="item.label" :value="item.value">
-            </el-option>
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="离院方式" prop="AEM01C">
-          <el-select v-model="formData.AEM01C" clearable filterable placeholder="请选择" style="width: 100%;">
-            <el-option v-for="(item, index) in searchOptions.lyTypeArray" :label="item.name" :value="item.id" :key="index"></el-option>
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="7">
-        <el-form-item label="住院天数" prop="">
-          <div style="width: 100%;display: flex;gap: 5px;">
-            <el-form-item prop="const1">
-              <el-input style="width: 100%;" v-model="formData.const1">
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-            -
-            <el-form-item prop="const2">
-              <el-input style="width: 100%;" v-model="formData.const2">
-                <template slot="append">元</template>
-              </el-input>
-            </el-form-item>
-          </div>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row :gutter="24">
-      <el-col :span="7">
-        <el-form-item label="" prop="">
-          <el-row type="flex" justify="start" style="margin-left: -90px">
-            <el-button type="text" :icon="`el-icon-arrow-${expand? 'up' : 'down'}`" @click="expand = !expand">{{
-              expand ? '收起' : '展开'}}</el-button>
-          </el-row>
-        </el-form-item>
-      </el-col>
-      <el-col :span="7" :offset="10">
-        <el-form-item label="" prop="">
-          <el-row type="flex" justify="end">
-            <el-button type="primary" @click="onSubmit">查询</el-button>
-            <el-button @click="onReset">重置</el-button>
-          </el-row>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
+  <div>
+    <el-form style="width: 100%" ref="filterListFormRef" :model="formData" class="demo-form-inline" label-suffix=":"
+      label-width="90px">
+      <el-row :gutter="24">
+        <el-col :span="7">
+          <el-radio-group v-model="formData.in_hospital" @input="onSubmit" style="margin-bottom:15px">
+            <el-radio-button label="全部"></el-radio-button>
+            <el-radio-button label="出院"></el-radio-button>
+            <el-radio-button label="在院"></el-radio-button>
+          </el-radio-group>
+        </el-col>
+        <el-col :span="7" :offset="10">
+          <el-form-item label="" prop="">
+            <el-row type="flex" justify="end">
+              <el-button type="text" @click="openCollectListModal" icon="el-icon-star-on">常用查询条件</el-button>
+            </el-row>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="7">
+          <el-form-item label="出院日期">
+            <div style="width: 100%;display: flex;gap: 5px;">
+              <el-form-item prop="AAC01_START">
+                <el-date-picker style="width: 100%" v-model="formData.AAC01_START" type="date" placeholder="开始日期"
+                  :picker-options="AAC01PickerOptions" value-format="yyyyMMdd" format="yyyy年MM月dd日">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item prop="AAC01_END">
+                <el-date-picker style="width: 100%" v-model="formData.AAC01_END" type="date" placeholder="结束日期"
+                  value-format="yyyyMMdd" format="yyyy年MM月dd日">
+                </el-date-picker>
+              </el-form-item>
+            </div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="出院科室" prop="KS_CODE">
+            <el-cascader style="width: 100%;" placeholder="请选择" v-model="formData.KS_CODE"
+              :options="searchOptions.ksArray" filterable :props="searchOptions.cascaderProps" clearable collapse-tags
+              @change="ksChange">
+            </el-cascader>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="出院病区" prop="BQ_CODE">
+            <el-cascader style="width: 100%;" placeholder="请选择" v-model="formData.BQ_CODE"
+              :options="searchOptions.bqArray" filterable :props="searchOptions.cascaderProps" clearable collapse-tags>
+            </el-cascader>
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="病案号" prop="AAA28">
+            <el-input style="width: 100%" v-model="formData.AAA28" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="7">
+          <el-form-item label="入院日期">
+            <div style="width: 100%;display: flex;gap: 5px;">
+              <el-form-item prop="AAB01_START">
+                <el-date-picker style="width: 100%" v-model="formData.AAB01_START" type="date" placeholder="开始日期"
+                  :picker-options="AAB01PickerOptions" value-format="yyyyMMdd" format="yyyy年MM月dd日">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item prop="AAB01_END">
+                <el-date-picker style="width: 100%" v-model="formData.AAB01_END" type="date" placeholder="结束日期"
+                  value-format="yyyyMMdd" format="yyyy年MM月dd日">
+                </el-date-picker>
+              </el-form-item>
+            </div>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="医嘱名称" prop="yzmc">
+            <el-input v-model="formData.yzmc" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="费用名称" prop="fymc">
+            <el-input v-model="formData.fymc" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="住院天数" prop="">
+            <div style="width: 100%;display: flex;gap: 5px;">
+              <el-form-item prop="endDay1">
+                <el-input style="width: 100%;" v-model="formData.endDay1">
+                  <template slot="append">天</template>
+                </el-input>
+              </el-form-item>
+              -
+              <el-form-item prop="endDay2">
+                <el-input style="width: 100%;" v-model="formData.endDay2">
+                  <template slot="append">天</template>
+                </el-input>
+              </el-form-item>
+            </div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24" v-show="expand">
+        <el-col :span="7">
+          <el-form-item label="非计划手术" prop="unplannedSurgery">
+            <el-select style="width: 100%" v-model="formData.unplannedSurgery" placeholder="请选择">
+              <el-option v-for="item in searchOptions.unplannedSurgeryArray" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="手术安排" prop="surgicalPlanning">
+            <el-select style="width: 100%" v-model="formData.surgicalPlanning" placeholder="请选择">
+              <el-option v-for="item in searchOptions.surgicalPlanningArray" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="5">
+          <el-form-item label="离院方式" prop="AEM01C">
+            <el-select v-model="formData.AEM01C" clearable filterable placeholder="请选择" style="width: 100%;">
+              <el-option v-for="(item, index) in searchOptions.lyTypeArray" :label="item.name" :value="item.id" :key="index"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="住院天数" prop="">
+            <div style="width: 100%;display: flex;gap: 5px;">
+              <el-form-item prop="const1">
+                <el-input style="width: 100%;" v-model="formData.const1">
+                  <template slot="append">元</template>
+                </el-input>
+              </el-form-item>
+              -
+              <el-form-item prop="const2">
+                <el-input style="width: 100%;" v-model="formData.const2">
+                  <template slot="append">元</template>
+                </el-input>
+              </el-form-item>
+            </div>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="7">
+          <el-form-item label="" prop="">
+            <el-row type="flex" justify="start" style="margin-left: -90px">
+              <el-button type="text" :icon="`el-icon-arrow-${expand? 'up' : 'down'}`" @click="expand = !expand">{{
+                expand ? '收起' : '展开'}}</el-button>
+                <el-button type="warning" plain icon="el-icon-star-off" @click="openCollectModal">收藏</el-button>
+            </el-row>
+          </el-form-item>
+        </el-col>
+        <el-col :span="7" :offset="10">
+          <el-form-item label="" prop="">
+            <el-row type="flex" justify="end">
+              <el-button type="primary" @click="onSubmit">查询</el-button>
+              <el-button @click="onReset">重置</el-button>
+            </el-row>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <CollectModalBox ref="CollectModalBoxRef"/>
+    <CollectListModalBox ref="CollectListModalBoxRef"/>
+  </div>
 </template>
 <script>
 import moment from 'moment/moment';
+import CollectModalBox from './CollectModal.vue'
+import CollectListModalBox from './CollectListModal.vue'
+
 
 export default {
+  components: {
+    CollectModalBox,
+    CollectListModalBox
+  },
   emits: ['search', 'reset'],
   data() {
     const that = this
@@ -390,6 +411,12 @@ export default {
         return item
       })
     },
+    openCollectModal() {
+      this.$refs.CollectModalBoxRef.openModal();
+    },
+    openCollectListModal() {
+      this.$refs.CollectListModalBoxRef.openModal();
+    }
   }
 }
 </script>

src/views/recordsRoom/qc/components/expertQualityControl/TableBox.vue

@@ -9,7 +9,7 @@
     <el-table-column type="index" label="序号" width="50" />
     <el-table-column prop="AAA28" label="病案号" width="80">
       <template slot-scope="scope">
-        <el-button class="blue-link" type="text" @click="toPage(scope.row)">{{ scope.row.AAA28 }}</el-button>
+        <el-button type="text" @click="toPage(scope.row)">{{ scope.row.AAA28 }}</el-button>
       </template>
     </el-table-column>
     <el-table-column prop="BRXM" label="患者姓名" width="90" />