From 1773d150604c40650fd8d477189c4f3ed1057327 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BA=AA=E5=AF=92?= <2533659732@qq.com>
Date: Tue, 1 Nov 2022 09:30:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=A4=E7=90=86=E7=AB=99=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=86=B2=E7=AA=81=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/station/index.vue | 1242 ++++++++++++++--------------
 1 file changed, 613 insertions(+), 629 deletions(-)

diff --git a/src/views/system/station/index.vue b/src/views/system/station/index.vue
index bbaa99c..edeaf37 100644
--- a/src/views/system/station/index.vue
+++ b/src/views/system/station/index.vue
@@ -113,10 +113,10 @@
           icon="el-icon-search"
           size="mini"
           @click="handleQuery"
-          >搜索</el-button
+        >搜索</el-button
         >
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-          >重置</el-button
+        >重置</el-button
         >
       </el-form-item>
     </el-form>
@@ -130,7 +130,7 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['system:station:add']"
-          >新增</el-button
+        >新增</el-button
         >
       </el-col>
       <el-col :span="1.5">
@@ -142,7 +142,7 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['system:station:edit']"
-          >修改</el-button
+        >修改</el-button
         >
       </el-col>
       <el-col :span="1.5">
@@ -154,7 +154,7 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['system:station:remove']"
-          >删除</el-button
+        >删除</el-button
         >
       </el-col>
       <el-col :span="1.5">
@@ -165,7 +165,7 @@
           size="mini"
           @click="handledata"
           v-hasPermi="['system:station:importData']"
-          >导入</el-button
+        >导入</el-button
         >
       </el-col>
       <!-- <el-col :span="1.5">
@@ -201,12 +201,11 @@
         label="护理站名称"
         align="center"
         prop="nurseStationName"
-        :show-overflow-tooltip="true"
       />
       <el-table-column label="护理站类型" align="center" prop="nurseTypeName">
         <template slot-scope="scope">
           <el-button size="mini" type="text" @click="looktype(scope.row)"
-            >查看</el-button
+          >查看</el-button
           >
         </template>
       </el-table-column>
@@ -215,7 +214,7 @@
           <span>{{ scope.row.sysAreaVOList[0].cityName }}-</span>
           <span>{{ scope.row.sysAreaVOList[0].streetName }}</span> -->
       </el-table-column>
-      <el-table-column label="护理站地址" align="center" prop="address" :show-overflow-tooltip="true"/>
+      <el-table-column label="护理站地址" align="center" prop="address" />
       <!-- <el-table-column
         label="护理站简介"
         align="center"
@@ -245,7 +244,7 @@
             type="text"
             icon="el-icon-search"
             @click="looknurseStationLabelList(scope.row)"
-            >查看标签信息</el-button
+          >查看标签信息</el-button
           >
           <el-button
             size="mini"
@@ -253,7 +252,7 @@
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['system:station:edit']"
-            >修改</el-button
+          >修改</el-button
           >
           <el-button
             size="mini"
@@ -261,7 +260,7 @@
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['system:station:remove']"
-            >删除</el-button
+          >删除</el-button
           >
         </template>
       </el-table-column>
@@ -295,7 +294,7 @@
       </el-table>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" plain @click="typeopen = false" size="small"
-          >关闭窗口</el-button
+        >关闭窗口</el-button
         >
       </div>
     </el-dialog>
@@ -322,7 +321,7 @@
           plain
           @click="nurseStationLabelopen = false"
           size="small"
-          >关闭窗口</el-button
+        >关闭窗口</el-button
         >
       </div>
     </el-dialog>
@@ -478,7 +477,7 @@
             placeholder="排序不可输入小数点"
             type="number"
             min="0"
-            oninput="if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+0)} if(value.length>8){value=value.slice(0,8)}"
+            oninput="if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+0)} if(value.length>10){value=value.slice(0,10)}"
           />
         </el-form-item>
         <el-form-item label="护理站总概述" prop="nurseStationDescription">
@@ -542,13 +541,13 @@
                   size="mini"
                   type="text"
                   @click="addnurseStationLabelList"
-                  >新增</el-button
+                >新增</el-button
                 >
                 <el-button
                   size="mini"
                   type="text"
                   @click="delnurseStationLabelList(scope.row)"
-                  >删除</el-button
+                >删除</el-button
                 >
               </template>
             </el-table-column>
@@ -589,7 +588,7 @@
             :underline="false"
             style="font-size: 12px; vertical-align: baseline"
             @click="importTemplate"
-            >下载模板</el-link
+          >下载模板</el-link
           >
         </div>
       </el-upload>
@@ -602,398 +601,136 @@
 </template>
 
 <script>
-import {
-  listStation,
-  getStation,
-  delStation,
-  addStation,
-  updateStation,
-  getFirstLevelInfo,
-  getSecondaryLevelInfo,
-  getSubordinateRegions,
-  getInfoLists,
-  nurseStationlabel,
-  getLabelList,
-} from "@/api/system/station";
-import { getInfoList } from "@/api/system/nurseItem";
-import stationAcatar from "../stationAvatar/index.vue";
-import { getListByUser } from "@/api/system/userlist.js";
-import { getToken } from "@/utils/auth";
-import editor from "@/components/Editor";
-export default {
-  components: { stationAcatar, editor },
-  name: "Station",
-  data() {
-    var checkMobile = (rule, value, cb) => {
-      // 验证手机号的正则表达式
-      const regMobile =
-        /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57]|19[0-9])[0-9]{8}$/;
-      if (regMobile.test(value)) {
-        return cb();
-      }
-      cb(new Error("请输入正确的联系电话"));
-    };
-    // 验证手机号的规则
-    var checkMobile2 = (rule, value, cb) => {
-      // 验证手机号的正则表达式
-      const regMobile =
-        /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57]|19[0-9])[0-9]{8}$/;
-      if (!value) {
-        //所以当没有值的时候，我们直接callback，让他不校验直接执行下一步
-        return cb();
-      } else {
+  import {
+    listStation,
+    getStation,
+    delStation,
+    addStation,
+    updateStation,
+    getFirstLevelInfo,
+    getSecondaryLevelInfo,
+    getSubordinateRegions,
+    getInfoLists,
+    nurseStationlabel,
+    getLabelList,
+  } from "@/api/system/station";
+  import { getInfoList } from "@/api/system/nurseItem";
+  import stationAcatar from "../stationAvatar/index.vue";
+  import { getListByUser } from "@/api/system/userlist.js";
+  import { getToken } from "@/utils/auth";
+  import editor from "@/components/Editor";
+  export default {
+    components: { stationAcatar, editor },
+    name: "Station",
+    data() {
+      var checkMobile = (rule, value, cb) => {
+        // 验证手机号的正则表达式
+        const regMobile =
+          /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57]|19[0-9])[0-9]{8}$/;
         if (regMobile.test(value)) {
           return cb();
-        } else {
-          cb(new Error("请输入正确的联系电话"));
         }
-      }
-    };
-    return {
-      imageUrl: "",
-      imageUrl2: "",
-      // 用户导入参数
-      upload: {
-        // 是否显示弹出层（用户导入）
-        open: false,
-        // 弹出层标题（用户导入）
-        title: "",
-        // 是否禁用上传
-        isUploading: false,
-        // 设置上传的请求头部
-        headers: { Authorization: "Bearer " + getToken() },
-        // 上传的地址
-        url:
-          process.env.VUE_APP_BASE_API +
-          "/system/station/insertNurseStationImportList",
-      },
-      //护理类型
-      nurseTypeCode: "nurse_type_code",
-      nurseStationTypelist: [],
-      nurseStationType2: null,
-      //shengshiqu
-      value3: "",
-      value2: "",
-      value1: "",
-      value: "",
-      // 遮罩层
-      loading: true,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      total2: 0,
-      //所属护理类型
-      typelooks: [],
-      //所属标签
-      looknurseStationLabel: [
-        {
-          labelDescription: "",
-          sort: "",
-          ids: 1,
-        },
-      ],
-      // 护理站信息表格数据
-      stationList: [
-        {
-          sysAreaVOList: [
-            {
-              provinceName: null,
-              cityName: null,
-              streetName: null,
-            },
-          ],
-        },
-      ],
-      nurseStationlist: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      typeopen: false,
-      nurseStationLabelopen: false,
-      //权限查询
-      getListByUserquery: {
-        pageNum: 1,
-        pageSize: 10,
-      },
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        areaCode: null,
-        userId: null,
-        nurseStationCode: null,
-        nurseStationName: null,
-        id: null,
-        nurseStationType: null,
-        agencyIntroduce: null,
-        nurseStationDescription: null,
-        longitude: null,
-        latitude: null,
-        phone: null,
-        address: null,
-        dutyPerson: null,
-        dutyPhone: null,
-        stationPictureUrl: null,
-        sort: null,
-      },
-      // 表单参数
-      form: {},
-      ids: 1,
-      provincelist: [],
-      arealist: [],
-      citylist: [],
-      streetlist: [],
-      resid: null,
-      // 表单校验
-      rules: {
-        agencyIntroduce: [
-          { required: true, message: "请输入护理站简介", trigger: "blur" },
-        ],
-        stationIntroducePcitureUrl: [
-          { required: true, message: "请上传护理站简介头像", trigger: "blur" },
-        ],
-        stationPictureUrl: [
-          { required: true, message: "请上传护理站头像", trigger: "blur" },
-        ],
-        nurseStationDescription: [
-          { required: true, message: "护理站总概述不能为空", trigger: "blur" },
-        ],
-        phone: [
-          {
-            required: true,
-            validator: checkMobile,
-            trigger: "blur",
-            message: "",
-          },
-          // { required: true, message: "联系电话不能为空", trigger: "blur" },
-        ],
-        // dutyPerson: [
-        //   { required: true, message: "负责人不能为空", trigger: "blur" },
-        // ],
-        dutyPhone: [
-          {
-            validator: checkMobile2,
-            trigger: "blur",
-            message: "",
-          },
-          // { required: false, message: "负责人电话不能为空", trigger: "blur" },
-        ],
-        sort: [{ required: true, message: "排序不能为空", trigger: "blur" }],
-        address: [{ required: true, message: "地址不能为空", trigger: "blur" }],
-        longitude: [
-          { required: true, message: "经度不能为空", trigger: "blur" },
-        ],
-        latitude: [
-          { required: true, message: "纬度不能为空", trigger: "blur" },
-        ],
-        areaCode: [
-          { required: true, message: "所属区域不能为空", trigger: "blur" },
-        ],
-        nurseStationName: [
-          { required: true, message: "护理站名称不能为空", trigger: "blur" },
-        ],
-        nurseStationType: [
-          { required: true, message: "请选择护理站类型", trigger: "blur" },
-        ],
-      },
-    };
-  },
-  created() {
-    this.getList();
-    this.info();
-  },
-  methods: {
-    imgUrl(imgUrl) {
-      console.log(imgUrl);
-      this.form.stationPictureUrl = imgUrl;
-    },
-    imgUrl2(imgUrl) {
-      console.log(imgUrl);
-      this.form.stationIntroducePcitureUrl = imgUrl;
-    },
-
-
-    delnurseStationLabelList(item) {
-      console.log(item);
-      if (item.ids && !item.id) {
-        if (this.looknurseStationLabel.length == 1) {
-          this.$message.error("最后一条不可删除");
-        } else {
-          this.looknurseStationLabel = this.looknurseStationLabel.filter(
-            (e) => e.ids != item.ids
-          );
-        }
-      } else if (!item.ids && item.id) {
-        if (this.looknurseStationLabel.length == 1) {
-          this.$message.error("最后一条不可删除");
-        } else {
-          this.looknurseStationLabel = this.looknurseStationLabel.filter(
-            (e) => e.id != item.id
-          );
-        }
-      }
-      console.log(this.form.nurseStationLabelList);
-    },
-
-    addnurseStationLabelList() {
-      if (this.looknurseStationLabel.length == 5) {
-        this.$message.error("最多只能5条");
-      } else {
-        this.ids++;
-        var obj = {
-          labelDescription: "",
-          sort: "",
-          ids: this.ids,
-        };
-        this.looknurseStationLabel.push(obj);
-      }
-      console.log(this.looknurseStationLabel);
-    },
-    //查看标签
-    looknurseStationLabelList(item) {
-      console.log(item);
-      nurseStationlabel(item.id).then((res) => {
-        this.looknurseStationLabel = res.rows;
-        this.nurseStationLabelopen = true;
-        console.log(this.looknurseStationLabel);
-      });
-    },
-    //查看类型
-    looktype(item) {
-      // console.log(item);
-      this.typelooks = [];
-      getInfoLists(item.nurseStationType).then((res) => {
-        console.log(res);
-        this.typelooks = res.data;
-        this.typeopen = true;
-      });
-    },
-    //点击街道
-    clickstreet(item) {
-      this.form.areaCode = item.areaCode;
-      this.value3 = item.areaCode;
-      console.log(this.form);
-    },
-    //点击区县城
-    clickarea(item) {
-      this.value3 = "";
-      console.log(item);
-      getSecondaryLevelInfo(item.id).then((res) => {
-        console.log(res);
-        this.streetlist = res.data;
-      });
-    },
-    //点击市
-    clickcity(item) {
-      this.value2 = "";
-      this.value3 = "";
-      console.log(item);
-      getSecondaryLevelInfo(item.id).then((res) => {
-        console.log(res);
-        this.arealist = res.data;
-      });
-    },
-    //点击省
-    province(item) {
-      this.value1 = "";
-      this.value2 = "";
-      this.value3 = "";
-      getSecondaryLevelInfo(item.id).then((res) => {
-        this.citylist = res.data;
-      });
-    },
-    /** 查询护理站信息列表 */
-    getList() {
-      this.liststationinfo();
-      getFirstLevelInfo().then((res) => {
-        this.provincelist = res.data;
-      });
-      getInfoList().then((res) => {
-        this.nurseStationTypelist = res.data;
-      });
-      this.loading = true;
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-      this.value3 = "";
-      this.value2 = "";
-      this.value1 = "";
-      this.value = "";
-    },
-    // 表单重置
-    reset() {
-      this.nurseStationType2 = [];
-      this.form = {
-        id: null,
-        areaCode: null,
-        nurseStationCode: null,
-        nurseStationName: null,
-        nurseStationType: null,
-
-        agencyIntroduce: null,
-        nurseStationDescription: null,
-        longitude: null,
-        latitude: null,
-        phone: null,
-        address: null,
-        dutyPerson: null,
-        dutyPhone: null,
-        stationPictureUrl: null,
-        stationIntroducePcitureUrl: null,
-        sort: null,
-        nurseStationLabelList: [],
+        cb(new Error("请输入正确的联系电话"));
       };
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    liststationinfo() {
-      listStation(this.queryParams).then((response) => {
-        response.rows.forEach((e) => {
-          if (e.sysAreaVOList == []) {
-          } else if (e.sysAreaVOList == null) {
-          } else if (!e.sysAreaVOList) {
-          } else if (e.sysAreaVOList.length == 0) {
-          } else if (e.sysAreaVOList.length > 0) {
-            e.area =
-              e.sysAreaVOList[0].provinceName +
-              "-" +
-              e.sysAreaVOList[0].cityName +
-              "-" +
-              e.sysAreaVOList[0].regionName +
-              "-" +
-              e.sysAreaVOList[0].streetName;
+      // 验证手机号的规则
+      var checkMobile2 = (rule, value, cb) => {
+        // 验证手机号的正则表达式
+        const regMobile =
+          /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57]|19[0-9])[0-9]{8}$/;
+        if (!value) {
+          //所以当没有值的时候，我们直接callback，让他不校验直接执行下一步
+          return cb();
+        } else {
+          if (regMobile.test(value)) {
+            return cb();
+          } else {
+            cb(new Error("请输入正确的联系电话"));
           }
-        });
-        this.stationList = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
-    },
-    handleQuery() {
-      this.loading = true;
-      this.queryParams.pageNum = 1;
-      this.liststationinfo();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      if (this.nurseStationlist[0].isAdmin == "1") {
-        this.queryParams = {
+        }
+      };
+      return {
+        imageUrl: "",
+        imageUrl2: "",
+        // 用户导入参数
+        upload: {
+          // 是否显示弹出层（用户导入）
+          open: false,
+          // 弹出层标题（用户导入）
+          title: "",
+          // 是否禁用上传
+          isUploading: false,
+          // 设置上传的请求头部
+          headers: { Authorization: "Bearer " + getToken() },
+          // 上传的地址
+          url:
+            process.env.VUE_APP_BASE_API +
+            "/system/station/insertNurseStationImportList",
+        },
+        //护理类型
+        nurseTypeCode: "nurse_type_code",
+        nurseStationTypelist: [],
+        nurseStationType2: null,
+        //shengshiqu
+        value3: "",
+        value2: "",
+        value1: "",
+        value: "",
+        // 遮罩层
+        loading: true,
+        // 选中数组
+        ids: [],
+        // 非单个禁用
+        single: true,
+        // 非多个禁用
+        multiple: true,
+        // 显示搜索条件
+        showSearch: true,
+        // 总条数
+        total: 0,
+        total2: 0,
+        //所属护理类型
+        typelooks: [],
+        //所属标签
+        looknurseStationLabel: [
+          {
+            labelDescription: "",
+            sort: "",
+            ids: 1,
+          },
+        ],
+        // 护理站信息表格数据
+        stationList: [
+          {
+            sysAreaVOList: [
+              {
+                provinceName: null,
+                cityName: null,
+                streetName: null,
+              },
+            ],
+          },
+        ],
+        nurseStationlist: [],
+        // 弹出层标题
+        title: "",
+        // 是否显示弹出层
+        open: false,
+        typeopen: false,
+        nurseStationLabelopen: false,
+        //权限查询
+        getListByUserquery: {
+          pageNum: 1,
+          pageSize: 10,
+        },
+        // 查询参数
+        queryParams: {
           pageNum: 1,
           pageSize: 10,
           areaCode: null,
           userId: null,
           nurseStationCode: null,
           nurseStationName: null,
+          id: null,
           nurseStationType: null,
           agencyIntroduce: null,
           nurseStationDescription: null,
@@ -1005,244 +742,491 @@ export default {
           dutyPhone: null,
           stationPictureUrl: null,
           sort: null,
-        };
-        this.resetForm("queryForm");
-        this.handleQuery();
-      } else {
-        console.log(1);
-        // this.queryParams.nurseStationCode = null;
-        this.queryParams.pageSize = 10;
-        this.queryParams.pageNum = 1;
-        this.queryParams.nurseStationType = null;
-        this.handleQuery();
-      }
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
-      this.single = selection.length !== 1;
-      this.multiple = !selection.length;
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.value3 = "";
-      this.value2 = "";
-      this.value1 = "";
-      this.value = "";
-      this.open = true;
-      this.looknurseStationLabel = [
-        {
-          labelDescription: "",
-          sort: "",
-          ids: 1,
         },
-      ];
-      this.title = "添加护理站信息";
+        // 表单参数
+        form: {},
+        ids: 1,
+        provincelist: [],
+        arealist: [],
+        citylist: [],
+        streetlist: [],
+        resid: null,
+        // 表单校验
+        rules: {
+          agencyIntroduce: [
+            { required: true, message: "请输入护理站简介", trigger: "blur" },
+          ],
+          stationIntroducePcitureUrl: [
+            { required: true, message: "请上传护理站简介头像", trigger: "blur" },
+          ],
+          stationPictureUrl: [
+            { required: true, message: "请上传护理站头像", trigger: "blur" },
+          ],
+          nurseStationDescription: [
+            { required: true, message: "护理站总概述不能为空", trigger: "blur" },
+          ],
+          phone: [
+            {
+              required: true,
+              validator: checkMobile,
+              trigger: "blur",
+              message: "",
+            },
+            // { required: true, message: "联系电话不能为空", trigger: "blur" },
+          ],
+          // dutyPerson: [
+          //   { required: true, message: "负责人不能为空", trigger: "blur" },
+          // ],
+          dutyPhone: [
+            {
+              validator: checkMobile2,
+              trigger: "blur",
+              message: "",
+            },
+            // { required: false, message: "负责人电话不能为空", trigger: "blur" },
+          ],
+          sort: [{ required: true, message: "排序不能为空", trigger: "blur" }],
+          address: [{ required: true, message: "地址不能为空", trigger: "blur" }],
+          longitude: [
+            { required: true, message: "经度不能为空", trigger: "blur" },
+          ],
+          latitude: [
+            { required: true, message: "纬度不能为空", trigger: "blur" },
+          ],
+          areaCode: [
+            { required: true, message: "所属区域不能为空", trigger: "blur" },
+          ],
+          nurseStationName: [
+            { required: true, message: "护理站名称不能为空", trigger: "blur" },
+          ],
+          nurseStationType: [
+            { required: true, message: "请选择护理站类型", trigger: "blur" },
+          ],
+        },
+      };
     },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      this.loading = true;
-      const id = row.id || this.ids;
-      getStation(id)
-        .then((response) => {
-          this.resid = response.data.nurseStationList.id;
-          this.form = response.data.nurseStationList;
-          if (
-            !this.form.nurseStationType ||
-            this.form.nurseStationType == null ||
-            this.form.nurseStationType.length == 0
-          ) {
+    created() {
+      this.getList();
+      this.info();
+    },
+    methods: {
+      imgUrl(imgUrl) {
+        console.log(imgUrl);
+        this.form.stationPictureUrl = imgUrl;
+      },
+      imgUrl2(imgUrl) {
+        console.log(imgUrl);
+        this.form.stationIntroducePcitureUrl = imgUrl;
+      },
+      delnurseStationLabelList(item) {
+        console.log(item);
+        if (item.ids && !item.id) {
+          if (this.looknurseStationLabel.length == 1) {
+            this.$message.error("最后一条不可删除");
           } else {
-            this.nurseStationType2 = this.form.nurseStationType.split(",");
-            this.form.nurseStationType = this.nurseStationType2;
+            this.looknurseStationLabel = this.looknurseStationLabel.filter(
+              (e) => e.ids != item.ids
+            );
           }
-          // this.form.nurseStationLabelList = [];
-          this.title = "修改护理站信息";
-          getSubordinateRegions(response.data.sysAreaVOList.streetCode).then(
-            (res) => {
-              if (res.data) {
-                this.value = String(res.data.provinceCode);
-                this.value1 = res.data.cityName;
-                this.value2 = res.data.regionName;
-                this.value3 = res.data.streetName;
-                console.log(typeof this.value);
-              }
-            }
-          });
-        })
-        .then(() => {
-          this.looknurseStationLabel = [];
-          getLabelList(this.resid).then((res) => {
-            this.looknurseStationLabel = res;
-            if (this.looknurseStationLabel.length == 0) {
-              var obj = {
-                labelDescription: "",
-                sort: "",
-                ids: 1,
-              };
-              this.looknurseStationLabel.push(obj);
-            } else if (this.looknurseStationLabel == []) {
-              var obj = {
-                labelDescription: "",
-                sort: "",
-                ids: 1,
-              };
-              this.looknurseStationLabel.push(obj);
-            } else if (this.looknurseStationLabel == null) {
-              var obj = {
-                labelDescription: "",
-                sort: "",
-                ids: 1,
-              };
-              this.looknurseStationLabel.push(obj);
-            }
-            // console.log(this.form);
-            // console.log(this.form.nurseStationLabelList);
-            // this.form.nurseStationLabelList = obj;
-
-            // res.rows.forEach((e) => {
-            //   this.form.nurseStationLabelList.push(e);
-            // });
-          });
-          this.open = true;
-          this.loading = false;
-          console.log(this.form);
-        });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.form.nurseStationLabelList = this.looknurseStationLabel;
-      this.form.nurseStationType = this.nurseStationType2;
-      console.log(this.form);
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          this.form.areaCode = Number(this.form.areaCode);
-          this.form.nurseStationType = this.nurseStationType2.join(",");
-          if (this.form.id != null) {
-            updateStation(this.form).then((response) => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
+        } else if (!item.ids && item.id) {
+          if (this.looknurseStationLabel.length == 1) {
+            this.$message.error("最后一条不可删除");
           } else {
-            addStation(this.form).then((response) => {
-              if (response.code) {
-                this.$modal.msgSuccess("新增成功");
-                this.open = false;
-                this.getList();
-              } else {
-                this.form.nurseStationType = obj;
-              }
-            });
+            this.looknurseStationLabel = this.looknurseStationLabel.filter(
+              (e) => e.id != item.id
+            );
           }
         }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      this.$modal
-        .confirm("是否确认删除此护理站信息？")
-        .then(function () {
-          return delStation(ids);
-        })
-        .then(() => {
-          this.getList();
-          this.$modal.msgSuccess("删除成功");
-        })
-        .catch(() => {});
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      this.download(
-        "system/station/export",
-        {
-          ...this.queryParams,
-        },
-        `station_${new Date().getTime()}.xlsx`
-      );
-    },
-    /** 导入按钮操作 */
-    handledata() {
-      this.upload.title = "用户导入";
-      this.upload.open = true;
-    },
-    /** 下载模板操作 */
-    importTemplate() {
-      this.download(
-        "/system/station/downloadTemplate?fileType=nurseStation",
-        {},
-        `护理站信息导入模板.xlsx`
-      );
-    },
-    // 提交上传文件
-    submitFileForm() {
-      this.$refs.upload.submit();
-    },
-    // 文件上传成功处理
-    handleFileSuccess(response, file, fileList) {
-      this.upload.open = false;
-      this.upload.isUploading = false;
-      this.$refs.upload.clearFiles();
-      this.$alert(
-        "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
-          response.msg +
-          "</div>",
-        "导入结果",
-        { dangerouslyUseHTMLString: true }
-      );
-      this.getList();
-    },
-    // 文件上传中处理
-    handleFileUploadProgress(event, file, fileList) {
-      this.upload.isUploading = true;
-    },
-    //权限列表
-    info() {
-      getListByUser(this.getListByUserquery).then((res) => {
-        if (res.rows[0].isAdmin == "1") {
-          this.nurseStationlist = res.rows;
-          this.total2 = res.total;
+        console.log(this.form.nurseStationLabelList);
+      },
+      addnurseStationLabelList() {
+        if (this.looknurseStationLabel.length == 5) {
+          this.$message.error("最多只能5条");
         } else {
-          this.total2 = res.total;
-          this.nurseStationlist = res.rows;
-          this.queryParams.id = res.rows[0].id;
+          this.ids++;
+          var obj = {
+            labelDescription: "",
+            sort: "",
+            ids: this.ids,
+          };
+          this.looknurseStationLabel.push(obj);
+        }
+        console.log(this.looknurseStationLabel);
+      },
+      //查看标签
+      looknurseStationLabelList(item) {
+        console.log(item);
+        nurseStationlabel(item.id).then((res) => {
+          this.looknurseStationLabel = res.rows;
+          this.nurseStationLabelopen = true;
+          console.log(this.looknurseStationLabel);
+        });
+      },
+      //查看类型
+      looktype(item) {
+        // console.log(item);
+        this.typelooks = [];
+        getInfoLists(item.nurseStationType).then((res) => {
+          console.log(res);
+          this.typelooks = res.data;
+          this.typeopen = true;
+        });
+      },
+      //点击街道
+      clickstreet(item) {
+        this.form.areaCode = item.areaCode;
+        this.value3 = item.areaCode;
+        console.log(this.form);
+      },
+      //点击区县城
+      clickarea(item) {
+        this.value3 = "";
+        console.log(item);
+        getSecondaryLevelInfo(item.id).then((res) => {
+          console.log(res);
+          this.streetlist = res.data;
+        });
+      },
+      //点击市
+      clickcity(item) {
+        this.value2 = "";
+        this.value3 = "";
+        console.log(item);
+        getSecondaryLevelInfo(item.id).then((res) => {
+          console.log(res);
+          this.arealist = res.data;
+        });
+      },
+      //点击省
+      province(item) {
+        this.value1 = "";
+        this.value2 = "";
+        this.value3 = "";
+        getSecondaryLevelInfo(item.id).then((res) => {
+          this.citylist = res.data;
+        });
+      },
+      /** 查询护理站信息列表 */
+      getList() {
+        this.liststationinfo();
+        getFirstLevelInfo().then((res) => {
+          this.provincelist = res.data;
+        });
+        getInfoList().then((res) => {
+          this.nurseStationTypelist = res.data;
+        });
+        this.loading = true;
+      },
+      // 取消按钮
+      cancel() {
+        this.open = false;
+        this.reset();
+        this.value3 = "";
+        this.value2 = "";
+        this.value1 = "";
+        this.value = "";
+      },
+      // 表单重置
+      reset() {
+        this.nurseStationType2 = [];
+        this.form = {
+          id: null,
+          areaCode: null,
+          nurseStationCode: null,
+          nurseStationName: null,
+          nurseStationType: null,
+
+          agencyIntroduce: null,
+          nurseStationDescription: null,
+          longitude: null,
+          latitude: null,
+          phone: null,
+          address: null,
+          dutyPerson: null,
+          dutyPhone: null,
+          stationPictureUrl: null,
+          stationIntroducePcitureUrl: null,
+          sort: null,
+          nurseStationLabelList: [],
+        };
+        this.resetForm("form");
+      },
+      /** 搜索按钮操作 */
+      liststationinfo() {
+        listStation(this.queryParams).then((response) => {
+          response.rows.forEach((e) => {
+            if (e.sysAreaVOList == []) {
+            } else if (e.sysAreaVOList == null) {
+            } else if (!e.sysAreaVOList) {
+            } else if (e.sysAreaVOList.length == 0) {
+            } else if (e.sysAreaVOList.length > 0) {
+              e.area =
+                e.sysAreaVOList[0].provinceName +
+                "-" +
+                e.sysAreaVOList[0].cityName +
+                "-" +
+                e.sysAreaVOList[0].regionName +
+                "-" +
+                e.sysAreaVOList[0].streetName;
+            }
+          });
+          this.stationList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        });
+      },
+      handleQuery() {
+        this.loading = true;
+        this.queryParams.pageNum = 1;
+        this.liststationinfo();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+        if (this.nurseStationlist[0].isAdmin == "1") {
+          this.queryParams = {
+            pageNum: 1,
+            pageSize: 10,
+            areaCode: null,
+            userId: null,
+            nurseStationCode: null,
+            nurseStationName: null,
+            nurseStationType: null,
+            agencyIntroduce: null,
+            nurseStationDescription: null,
+            longitude: null,
+            latitude: null,
+            phone: null,
+            address: null,
+            dutyPerson: null,
+            dutyPhone: null,
+            stationPictureUrl: null,
+            sort: null,
+          };
+          this.resetForm("queryForm");
+          this.handleQuery();
+        } else {
+          console.log(1);
+          // this.queryParams.nurseStationCode = null;
+          this.queryParams.pageSize = 10;
+          this.queryParams.pageNum = 1;
+          this.queryParams.nurseStationType = null;
           this.handleQuery();
         }
-      });
-    },
-    //滑动下拉框
-    loadMore() {
-      var a = Math.ceil(this.total2 / 10);
-      if (this.nurseStationlist.length + 1 >= this.total2) {
-      } else {
-        if (this.getListByUserquery.pageNum >= a) {
-        } else {
-          this.getListByUserquery.pageNum++;
-          console.log(this.getListByUserquery.pageNum);
-          getListByUser(this.getListByUserquery).then((res) => {
-            console.log(res);
-            res.rows.forEach((e) => {
-              this.nurseStationlist.push(e);
-            });
-          });
-        }
-      }
-    },
-  },
-};
-</script>
-<style>
-::v-deep .el-table_1_column_6  is-center   is-leaf el-table__cell {
-text-overflow: -o-ellipsis-lastline;
-    overflow: hidden;
-     text-overflow: ellipsis;
-     display: -webkit-box;
-     -webkit-line-clamp: 4;
-     line-clamp: 4;
-     -webkit-box-orient: vertical;
-}
-</style>
+      },
+      // 多选框选中数据
+      handleSelectionChange(selection) {
+        this.ids = selection.map((item) => item.id);
+        this.single = selection.length !== 1;
+        this.multiple = !selection.length;
+      },
+      /** 新增按钮操作 */
+      handleAdd() {
+        this.reset();
+        this.value3 = "";
+        this.value2 = "";
+        this.value1 = "";
+        this.value = "";
+        this.open = true;
+        this.looknurseStationLabel = [
+          {
+            labelDescription: "",
+            sort: "",
+            ids: 1,
+          },
+        ];
+        this.title = "添加护理站信息";
+      },
+      /** 修改按钮操作 */
+      handleUpdate(row) {
+        this.reset();
+        this.loading = true;
+        const id = row.id || this.ids;
+        getStation(id)
+          .then((response) => {
+            this.resid = response.data.nurseStationList.id;
+            this.form = response.data.nurseStationList;
+            if (
+              !this.form.nurseStationType ||
+              this.form.nurseStationType == null ||
+              this.form.nurseStationType.length == 0
+            ) {
+            } else {
+              this.nurseStationType2 = this.form.nurseStationType.split(",");
+              this.form.nurseStationType = this.nurseStationType2;
+            }
+            // this.form.nurseStationLabelList = [];
+            this.title = "修改护理站信息";
+            getSubordinateRegions(response.data.sysAreaVOList.streetCode).then(
+              (res) => {
+                if (res.data) {
+                  this.value = String(res.data.provinceCode);
+                  this.value1 = res.data.cityName;
+                  this.value2 = res.data.regionName;
+                  this.value3 = res.data.streetName;
+                  console.log(typeof this.value);
+                }
+              }
+            );
+          })
+          .then(() => {
+            this.looknurseStationLabel = [];
+            getLabelList(this.resid).then((res) => {
+              this.looknurseStationLabel = res;
+              if (this.looknurseStationLabel.length == 0) {
+                var obj = {
+                  labelDescription: "",
+                  sort: "",
+                  ids: 1,
+                };
+                this.looknurseStationLabel.push(obj);
+              } else if (this.looknurseStationLabel == []) {
+                var obj = {
+                  labelDescription: "",
+                  sort: "",
+                  ids: 1,
+                };
+                this.looknurseStationLabel.push(obj);
+              } else if (this.looknurseStationLabel == null) {
+                var obj = {
+                  labelDescription: "",
+                  sort: "",
+                  ids: 1,
+                };
+                this.looknurseStationLabel.push(obj);
+              }
+              // console.log(this.form);
+              // console.log(this.form.nurseStationLabelList);
+              // this.form.nurseStationLabelList = obj;
 
+              // res.rows.forEach((e) => {
+              //   this.form.nurseStationLabelList.push(e);
+              // });
+            });
+            this.open = true;
+            this.loading = false;
+            console.log(this.form);
+          });
+      },
+      /** 提交按钮 */
+      submitForm() {
+        this.form.nurseStationLabelList = this.looknurseStationLabel;
+        this.form.nurseStationType = this.nurseStationType2;
+        console.log(this.form);
+        this.$refs["form"].validate((valid) => {
+          if (valid) {
+            this.form.areaCode = Number(this.form.areaCode);
+            this.form.nurseStationType = this.nurseStationType2.join(",");
+            if (this.form.id != null) {
+              updateStation(this.form).then((response) => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
+            } else {
+              addStation(this.form).then((response) => {
+                if (response.code) {
+                  this.$modal.msgSuccess("新增成功");
+                  this.open = false;
+                  this.getList();
+                } else {
+                  this.form.nurseStationType = obj;
+                }
+              });
+            }
+          }
+        });
+      },
+      /** 删除按钮操作 */
+      handleDelete(row) {
+        const ids = row.id || this.ids;
+        this.$modal
+          .confirm("是否确认删除此护理站信息？")
+          .then(function () {
+            return delStation(ids);
+          })
+          .then(() => {
+            this.getList();
+            this.$modal.msgSuccess("删除成功");
+          })
+          .catch(() => {});
+      },
+      /** 导出按钮操作 */
+      handleExport() {
+        this.download(
+          "system/station/export",
+          {
+            ...this.queryParams,
+          },
+          `station_${new Date().getTime()}.xlsx`
+        );
+      },
+      /** 导入按钮操作 */
+      handledata() {
+        this.upload.title = "用户导入";
+        this.upload.open = true;
+      },
+      /** 下载模板操作 */
+      importTemplate() {
+        this.download(
+          "/system/station/downloadTemplate?fileType=nurseStation",
+          {},
+          `护理站信息导入模板.xlsx`
+        );
+      },
+      // 提交上传文件
+      submitFileForm() {
+        this.$refs.upload.submit();
+      },
+      // 文件上传成功处理
+      handleFileSuccess(response, file, fileList) {
+        this.upload.open = false;
+        this.upload.isUploading = false;
+        this.$refs.upload.clearFiles();
+        this.$alert(
+          "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
+          response.msg +
+          "</div>",
+          "导入结果",
+          { dangerouslyUseHTMLString: true }
+        );
+        this.getList();
+      },
+      // 文件上传中处理
+      handleFileUploadProgress(event, file, fileList) {
+        this.upload.isUploading = true;
+      },
+      //权限列表
+      info() {
+        getListByUser(this.getListByUserquery).then((res) => {
+          if (res.rows[0].isAdmin == "1") {
+            this.nurseStationlist = res.rows;
+            this.total2 = res.total;
+          } else {
+            this.total2 = res.total;
+            this.nurseStationlist = res.rows;
+            this.queryParams.id = res.rows[0].id;
+            this.handleQuery();
+          }
+        });
+      },
+      //滑动下拉框
+      loadMore() {
+        var a = Math.ceil(this.total2 / 10);
+        if (this.nurseStationlist.length + 1 >= this.total2) {
+        } else {
+          if (this.getListByUserquery.pageNum >= a) {
+          } else {
+            this.getListByUserquery.pageNum++;
+            console.log(this.getListByUserquery.pageNum);
+            getListByUser(this.getListByUserquery).then((res) => {
+              console.log(res);
+              res.rows.forEach((e) => {
+                this.nurseStationlist.push(e);
+              });
+            });
+          }
+        }
+      },
+    },
+  };
+</script>