修改弹框

src/views/system/poser/index.vue

@@ -6,17 +6,25 @@
       size="small"
       :inline="true"
       v-show="showSearch"
-      label-width="110px"
+      label-width="100px"
     >
       <el-form-item label="护理站名称" prop="nurseStationId">
-        <el-button type="" class="stationbtn" @click="ParamsStation(true)">{{
-          queryParams.nurseStationName
-        }}</el-button>
+        <!-- <el-input placeholder="请输入内容" v-model="queryParams.nurseStationName" readonly>
+          <template slot="prepend"><span @click="ParamsStation(true)">选择</span></template>
+          <template slot="append">X</template>
+        </el-input> -->
+        <!-- <div  @click="ParamsStation(true)">
+          <el-input v-model="queryParams.nurseStationName" clearable></el-input>
+        </div> -->
+        <el-button type="" class="stationbtn" @click="ParamsStation(true)">
+          {{ aa }}
+          <i class="el-icon-delete el-icon--right" @click.stop="clearTest"></i>
+        </el-button>
       </el-form-item>
       <el-form-item label="护理项目" prop="nurseItemId" label-width="100px">
-        <el-button type="" class="stationbtn" @click="ParamsStationxm(true)">{{
-          queryParams.nurseItemName
-        }}</el-button>
+        <el-button type="" class="stationbtn" @click="ParamsStationxm(true)">{{bb}}
+          <i class="el-icon-delete el-icon--right" @click.stop="clearTest1"></i>
+        </el-button>
       </el-form-item>
       <el-form-item label="海报名称" prop="poserName">
         <el-input
@@ -26,6 +34,14 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
+      <el-form-item label="海报编号" prop="poserCode">
+        <el-input
+          v-model="queryParams.poserCode"
+          placeholder="请输入海报编号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
       <el-form-item label="海报所属模块" prop="moduleType">
         <el-select
           v-model="queryParams.moduleType"
@@ -41,14 +57,7 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="海报编号" prop="poserCode">
-        <el-input
-          v-model="queryParams.poserCode"
-          placeholder="请输入海报编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
+
       <el-form-item>
         <el-button
           type="primary"
@@ -146,7 +155,11 @@
               : ""
           }}
           {{ scope.row.moduleType == "HOME_PAGE_MODULE" ? "首页模块" : "" }}
-           {{ scope.row.moduleType == "NURSE_AGENCY_INTRODUCE_MODULE" ? "护理机构简介模块" : "" }}
+          {{
+            scope.row.moduleType == "NURSE_AGENCY_INTRODUCE_MODULE"
+              ? "护理机构简介模块"
+              : ""
+          }}
         </template>
       </el-table-column>
       <el-table-column label="海报显示顺序" align="center" prop="poserSort" />
@@ -589,11 +602,15 @@ import {
 import { list } from "@/api/system/nurseItem";
 import stationAcatar from "../stationAvatar/index.vue";
 import editor from "@/components/Editor";
+import { blob } from "stream/consumers";
 export default {
   name: "Poser",
   components: { stationAcatar, editor },
   data() {
     return {
+      aa: "",
+      bb:"",
+
       // 遮罩层
       loading: true,
       getListByUserquery: {
@@ -795,6 +812,7 @@ export default {
     //选中护理项目
     choicenurseItem(e) {
       this.nurseitemid = e.id;
+
       if (this.homenumber) {
         this.queryParams.nurseItemName = e.nurseItemName;
         this.queryParams.nurseItemId = e.id;
@@ -839,6 +857,7 @@ export default {
         this.nurseItemlistInfo();
         this.homenumber = item;
         this.nurseItemshow = true;
+        this.bb = item.nurseItemName;
         if (this.homenumber) {
           this.nurseitemid = this.queryParams.nurseItemId;
         } else {
@@ -871,6 +890,8 @@ export default {
     },
     //护理站页面  =》选择护理站
     choicestationid(item) {
+      this.aa = item.nurseStationName;
+      // console.error(this.aa);
       if (this.homenumber) {
         this.queryParams.nurseStationName = item.nurseStationName;
         this.queryParams.nurseStationId = item.id;
@@ -932,6 +953,9 @@ export default {
           },
         ],
         id: null,
+  
+       aa:"",
+       bb:"",
         poserName: null,
         posterPictureUrl: null,
         posterVideoUrl: null,
@@ -954,6 +978,8 @@ export default {
         pageNum: 1,
         pageSize: 10,
       };
+      this.aa="";
+      this.bb="";
       this.stationid = "";
       this.nurseitemid = "";
       this.queryParams = {
@@ -1042,6 +1068,22 @@ export default {
         `poser_${new Date().getTime()}.xlsx`
       );
     },
+
+    clearTest(e) {
+      this.aa = "";
+      this.queryParams.nurseStationName = "";
+      this.queryParams.nurseStationId = undefined;
+      this.$set(this.queryParams, "nurseStationName", "");
+      console.error(this.queryParams);
+    },
+    clearTest1(e) {
+      this.bb = "";
+      this.queryParams.nurseItemName = "";
+      this.queryParams.nurseItemId = undefined;
+      this.$set(this.queryParams, "nurseItemName", "");
+      console.error(this.queryParams);
+    },
+    
   },
 };
 </script>