修改

src/views/system/trainingOrder/index.vue

@@ -8,6 +8,11 @@
       v-show="showSearch"
       label-width="100px"
     >
+      <el-form-item label="所属护理站" prop="nurseStationName">
+        <el-button type class="stationbtn" @click="ParamsStation(true)">
+          {{ queryParams.nurseStationName }}
+        </el-button>
+      </el-form-item>
       <el-form-item label="护理员姓名" prop="nursePersonName">
         <el-input
           v-model="queryParams.nursePersonName"
@@ -73,6 +78,12 @@
       :data="trainingOrderList"
       @selection-change="handleSelectionChange"
     >
+      ]
+      <el-table-column
+        label="所属护理站"
+        align="center"
+        prop="nurseStationName"
+      />
       <el-table-column
         label="护理员姓名"
         align="center"
@@ -349,16 +360,30 @@
         label-width="130px"
         :model="formlist"
       >
-        <el-form-item label="培训课程详情" prop="trainingItemDetails"   v-if="formlist.trainingItemType == 'VIDEO_LEARNING'||formlist.trainingItemType == 'LEARNING_ITEM_GROUP'">
+        <el-form-item
+          label="培训课程详情"
+          prop="trainingItemDetails"
+          v-if="
+            formlist.trainingItemType == 'VIDEO_LEARNING' ||
+            formlist.trainingItemType == 'LEARNING_ITEM_GROUP'
+          "
+        >
           <div class="textdetails">{{ formlist.trainingItemDetails }}</div>
         </el-form-item>
-        <el-form-item  :label="
+        <el-form-item
+          :label="
             formlist.trainingItemType == 'GRAPHIC_LEARNING'
               ? '培训课程内容'
               : formlist.trainingItemType == 'LEARNING_ITEM_GROUP'
               ? '培训课程介绍'
               : ''
-          " prop="trainingItemContent"  v-if="formlist.trainingItemType == 'GRAPHIC_LEARNING'||formlist.trainingItemType == 'LEARNING_ITEM_GROUP'">
+          "
+          prop="trainingItemContent"
+          v-if="
+            formlist.trainingItemType == 'GRAPHIC_LEARNING' ||
+            formlist.trainingItemType == 'LEARNING_ITEM_GROUP'
+          "
+        >
           <editor
             @imgs="imgs"
             :url="'/common/uploadTrainingItemContentUrl'"
@@ -412,6 +437,99 @@
         </el-table>
       </el-form>
     </el-dialog>
+    <!-- 护理站 -->
+    <el-dialog
+      title="选择护理站"
+      :visible.sync="nurseStationshow"
+      width="1100px"
+      append-to-body
+      :before-close="clicknurseStationshow"
+    >
+      <el-form
+        ref="form"
+        :model="getListByUserquery"
+        label-width="110px"
+        :inline="true"
+      >
+        <el-form-item label="护理站编码" prop="nurseStationCode">
+          <el-input
+            v-model="getListByUserquery.nurseStationCode"
+            placeholder="请输入护理站编码"
+          />
+        </el-form-item>
+        <el-form-item label="护理站名称" prop="nurseStationName">
+          <el-input
+            v-model="getListByUserquery.nurseStationName"
+            placeholder="请输入护理站名称"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="info"
+            >搜索</el-button
+          >
+          <el-button icon="el-icon-refresh" size="mini" @click="stationcancel"
+            >重置</el-button
+          >
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="loading"
+        :data="nurseStationlist"
+        @cell-dblclick="choicestationid"
+      >
+        <el-table-column label="请选择" width="70" align="center">
+          <template slot-scope="scope">
+            <el-button
+              type="primary"
+              style="width: 15px; height: 15px"
+              circle
+              @click="choicestationid(scope.row)"
+              v-if="queryParams.nurseStationId == scope.row.id"
+            ></el-button>
+
+            <el-button
+              style="width: 15px; height: 15px"
+              circle
+              v-else
+              @click="choicestationid(scope.row)"
+            ></el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          property="nurseStationCode"
+          label="护理站编码"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          property="nurseStationName"
+          label="护理站名称"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          property="phone"
+          label="联系电话"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          property="address"
+          label="护理站地址"
+          align="center"
+          :show-overflow-tooltip="true"
+        ></el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="stationtotal > 0"
+        :total="stationtotal"
+        :page.sync="getListByUserquery.pageNum"
+        :limit.sync="getListByUserquery.pageSize"
+        @pagination="info"
+      />
+    </el-dialog>
   </div>
 </template>
   
@@ -429,7 +547,7 @@ import {
 import baseurl from "@/api/baseurl.js";
 import stationAcatar from "../stationAvatar/index.vue";
 import editor from "@/components/Editor";
-
+import { getListByUser } from "@/api/system/userlist.js";
 export default {
   name: "TrainingOrder",
   components: { stationAcatar, editor },
@@ -458,6 +576,8 @@ export default {
           label: "已取消",
         },
       ],
+      nurseStationshow: false,
+
       // 遮罩层
       loading: true,
       innerrefund: false,
@@ -504,6 +624,10 @@ export default {
           label: "支付宝小程序",
         },
       ],
+      getListByUserquery: {
+        pageNum: 1,
+        pageSize: 10,
+      },
       // 非单个禁用
       single: true,
       // 非多个禁用
@@ -512,6 +636,7 @@ export default {
       showSearch: true,
       // 总条数
       total: 0,
+      stationtotal: 0,
       // 学习培训订单主表格数据
       trainingOrderList: [],
       // 弹出层标题
@@ -523,7 +648,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
         nurseStationId: null,
-        trainingOrderAmount:null,
+        trainingOrderAmount: null,
         nurseStationPersonId: null,
         nursePersonName: null,
         trainingOrderNo: null,
@@ -535,6 +660,7 @@ export default {
       // 表单参数
       form: {},
       list: [],
+      nurseStationlist: [],
       trainingOrderDetailsList: [],
       // 表单校验
       rules: {},
@@ -545,6 +671,35 @@ export default {
     this.baseurl = baseurl;
   },
   methods: {
+    //页面所属护理站
+    ParamsStation(item) {
+      this.info();
+      this.nurseStationshow = true;
+    },
+    //护理站list
+    info() {
+      getListByUser(this.getListByUserquery).then((res) => {
+        this.nurseStationlist = res.rows;
+        this.stationtotal = res.total;
+      });
+    },
+    clicknurseStationshow() {
+      this.nurseStationshow = false;
+    },
+    //护理站重置
+    stationcancel() {
+      this.getListByUserquery = {
+        pageNum: 1,
+        pageSize: 10,
+      };
+      this.info();
+    },
+    //护理站页面选择护理站
+    choicestationid(item) {
+      this.queryParams.nurseStationName = item.nurseStationName;
+      this.queryParams.nurseStationId = item.id;
+      this.nurseStationshow = false;
+    },
     // 章节视频
     itemDirectoryUrl(item) {
       let items = JSON.parse(item);
@@ -654,6 +809,10 @@ export default {
     /** 重置按钮操作 */
     resetQuery() {
       this.resetForm("queryForm");
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+      };
       this.handleQuery();
     },
     // 多选框选中数据
@@ -673,7 +832,7 @@ export default {
       this.reset();
       const id = row.id || this.ids;
       getTrainingOrder(id).then((response) => {
-        console.log(response)
+        console.log(response);
         this.form = response.data;
         this.form.trainingOrderDetailsList =
           response.data.trainingOrderDetailsList;
@@ -764,6 +923,13 @@ export default {
   padding: 0 15px;
   border: 1px solid #e6ebf5;
 }
+.stationbtn {
+  width: 208px;
+  text-align: left;
+  height: 32px;
+  overflow: hidden;
+  font-size: 14px;
+}
 .textdetails {
   width: 600px;
   // height: 300px;