优化

package-lock.json

@@ -14,6 +14,7 @@
         "less": "^3.9.0",
         "less-loader": "^4.1.0",
         "lib-flexible": "^0.3.2",
+        "seiminutils": "^1.0.1",
         "vconsole": "^3.9.4",
         "vue": "^2.5.2",
         "vue-axios": "^2.1.4",
@@ -12369,6 +12370,11 @@
       "integrity": "sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A=",
       "dev": true
     },
+    "node_modules/seiminutils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/seiminutils/-/seiminutils-1.0.1.tgz",
+      "integrity": "sha512-0J/lxdy9sHflsS88k/8Ll9Nq4jwLbxxaobKwS7FH8iJ3wQ+pY7zarsvnFMyJNYE/L13r6aSoWXWR37Lja/f8cQ=="
+    },
     "node_modules/select-hose": {
       "version": "2.0.0",
       "resolved": "https://registry.npm.taobao.org/select-hose/download/select-hose-2.0.0.tgz",
@@ -25359,6 +25365,11 @@
         }
       }
     },
+    "seiminutils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/seiminutils/-/seiminutils-1.0.1.tgz",
+      "integrity": "sha512-0J/lxdy9sHflsS88k/8Ll9Nq4jwLbxxaobKwS7FH8iJ3wQ+pY7zarsvnFMyJNYE/L13r6aSoWXWR37Lja/f8cQ=="
+    },
     "select-hose": {
       "version": "2.0.0",
       "resolved": "https://registry.npm.taobao.org/select-hose/download/select-hose-2.0.0.tgz",

package.json

@@ -18,6 +18,7 @@
     "less": "^3.9.0",
     "less-loader": "^4.1.0",
     "lib-flexible": "^0.3.2",
+    "seiminutils": "^1.0.1",
     "vconsole": "^3.9.4",
     "vue": "^2.5.2",
     "vue-axios": "^2.1.4",

src/custom/seiminSearch.vue

@@ -67,7 +67,7 @@
       },
       //HM修改 触发组件input事件
       inputChange(event) {
-        var keyword = event.detail.value;
+        var keyword = event.target.value;
         this.$emit('input', keyword);
         if (this.inputVal) {
           this.isDelShow = true;
@@ -146,7 +146,7 @@
       display: flex;
       align-items: center;
       width: 100%;
-      height: 60upx;
+      height: 0.6rem;
       background: #fff;
       overflow: hidden;
       transition: all 0.2s linear;
@@ -162,10 +162,10 @@
         }
 
         .icon {
-          padding: 0 15upx;
+          padding: 0 0.15rem;
 
           &.icon-del {
-            font-size: 38upx;
+            font-size: 0.38rem;
 
             &:before {
               content: "\e644";
@@ -180,12 +180,16 @@
         .input {
           width: 100%;
           max-width: 100%;
-          line-height: 60upx;
-          height: 60upx;
+          line-height: 0.6rem;
+          height: 0.6rem;
           transition: all 0.2s linear;
 
+          &:focus-visible {
+            outline: none;
+          }
+
           &.center {
-            width: 600upx;
+            width: 6rem;
           }
 
           &.sub {
@@ -198,9 +202,9 @@
       .serachBtn {
         height: 100%;
         flex-shrink: 0;
-        padding: 0 30upx;
-        background: linear-gradient(to right, #72c172, #3bb197);
-        line-height: 60upx;
+        padding: 0 0.3rem;
+        background: #005395;
+        line-height: 0.6rem;
         color: #fff;
         transition: all 0.3s;
       }
@@ -218,8 +222,8 @@
       overflow: hidden;
 
       &.active {
-        padding-left: 15upx;
-        width: 100upx;
+        padding-left: 0.15rem;
+        width: 1rem;
       }
     }
   }
@@ -233,7 +237,7 @@
 
   .icon {
     font-family: iconfont;
-    font-size: 32upx;
+    font-size: 0.32rem;
     font-style: normal;
     color: #999;
 

src/views/newIncident.vue

@@ -27,11 +27,14 @@
     >
       <cube-form-group>
         <cube-form-item
+          :field="fields[24]"
+          class="btn_plcaeholde"
+        ></cube-form-item>
+        <cube-form-item
           :field="fields[20]"
           v-if="valConfig == 2"
           class="btn_plcaeholde btn_local"
         >
-          <!-- <cube-button @click="showPlacePicker()">{{selectedPlaceTxt?selectedPlaceTxt:'请输入故障地点'}}</cube-button> -->
           <input
             type="text"
             class="inp_local"
@@ -42,6 +45,20 @@
           />
         </cube-form-item>
         <cube-form-item
+          :field="fields[25]"
+          v-if="valConfig == 2"
+          class="btn_plcaeholde btn_local"
+        >
+          <input
+            type="text"
+            class="inp_local"
+            placeholder="请输入报修人"
+            v-model="userInpVal"
+            @input="changeUserList()"
+            @click="showUserPicker()"
+          />
+        </cube-form-item>
+        <cube-form-item
           v-if="valConfig == 1"
           :field="fields[0]"
         ></cube-form-item>
@@ -52,43 +69,20 @@
         <cube-form-item :field="fields[1]"></cube-form-item>
         <cube-form-item :field="fields[2]" class="btn_plcaeholde">
           <cube-button @click="showPlacePicker()">{{
-            selectedPlaceTxt ? selectedPlaceTxt : "请选择区域地点"
+            selectedPlaceTxt ? selectedPlaceTxt : "请选择院区楼栋"
           }}</cube-button>
         </cube-form-item>
         <cube-form-item :field="fields[23]" v-if="ifRoom == 1"></cube-form-item>
-        <!-- 故障地点： -->
-        <!-- <cube-form-item :field="fields[19]" class="btn_plcaeholde btn_local"> -->
-        <!-- <cube-button @click="showPlacePicker()">{{selectedPlaceTxt?selectedPlaceTxt:'请输入故障地点'}}</cube-button> -->
-        <!-- <input
-            type="text"
-            class="inp_local"
-            placeholder="请输入故障地点"
-            v-model="inpLocalVal"
-            @input="changeLocalList()"
-            @click="showPlacePicker()"
-          />
-        </cube-form-item> -->
         <cube-form-item :field="fields[3]"></cube-form-item>
         <cube-form-item :field="fields[4]" class="btn_plcaeholde">
           <cube-button @click="showCategoryPicker()">{{
-            selectedCategoryTxt ? selectedCategoryTxt : "请选择事件分类"
+            selectedCategoryTxt ? selectedCategoryTxt : "请选择故障现象"
           }}</cube-button>
         </cube-form-item>
         <cube-form-item
           :field="fields[5]"
           class="btn_plcaeholde"
         ></cube-form-item>
-        <!-- <cube-form-item :field="fields[6]" class="btn_plcaeholde incidentTitle">
-          <div class="titleRefer">
-            <textarea
-              class="titleTxtArea fl"
-              placeholder="请输入事件主题"
-              v-model="incidentTitle"
-              @input="inpTitle()"
-            ></textarea>
-            <span class="abtn fl" @click="referKnowledge()">引入知识库</span>
-          </div>
-        </cube-form-item>-->
         <cube-form-item :field="fields[7]"></cube-form-item>
         <div class="label formLabel">
           报修图片
@@ -96,7 +90,8 @@
         </div>
         <div class="uplod">
           <cube-upload
-            ref="upload"
+            ref="upload" 
+            v-model="imgFiles"
             :max="3"
             :action="action"
             :simultaneous-uploads="3"
@@ -104,8 +99,6 @@
             @file-submitted="fileSubmitted"
           />
         </div>
-        <!-- <cube-form-item :field="fields[8]" class="btn_plcaeholde"></cube-form-item>
-        <cube-form-item :field="fields[9]" class="btn_plcaeholde"></cube-form-item>-->
         <cube-form-item
           :field="fields[10]"
           class="btn_plcaeholde"
@@ -117,6 +110,11 @@
           ></cube-form-item>
           <span class="icon dash dash-saoyisao zc-sao" @click="scan()"></span>
         </div>
+        <cube-form-item :field="fields[26]" class="btn_plcaeholde">
+          <cube-button @click="showTimePicker()">{{
+            selectedYytimeTxt ? selectedYytimeTxt : "请选择预约时间"
+          }}</cube-button>
+        </cube-form-item>
         <div class="label" id="handlerInfo">处理信息</div>
         <div class="handleRadio">
           <cube-radio-group
@@ -128,11 +126,11 @@
           />
         </div>
         <!-- 直接处理 begin -->
-        <cube-form-item
+        <!-- <cube-form-item
           v-if="order == 1"
           :field="fields[11]"
           class="btn_plcaeholde"
-        ></cube-form-item>
+        ></cube-form-item> -->
         <cube-form-item
           v-if="order == 1"
           :field="fields[12]"
@@ -143,7 +141,7 @@
           :field="fields[13]"
           class="btn_plcaeholde"
         ></cube-form-item>
-        <div v-if="order == 1" class="label formLabel">
+        <!-- <div v-if="order == 1" class="label formLabel">
           报修图片
           <span>(最多可上传3张JPG或PNG,每张不能超过10M)</span>
         </div>
@@ -156,8 +154,8 @@
             @files-added="filesAdded1"
             @file-submitted="fileSubmitted1"
           />
-        </div>
-        <cube-form-item v-if="order == 1" :field="fields[14]"></cube-form-item>
+        </div> -->
+        <!-- <cube-form-item v-if="order == 1" :field="fields[14]"></cube-form-item> -->
         <cube-form-item
           v-if="order == 1 && model.knowledge == true"
           :field="fields[15]"
@@ -192,6 +190,7 @@
   </div>
 </template>
 <script>
+import dateFormat from 'seiminutils/es/dateFormat';
 import seiminModel from "./../custom/seiminModel";
 import CubePage from "./../components/cube-page.vue";
 import CubeButtonGroup from "./../components/cube-button-group.vue";
@@ -214,7 +213,7 @@ const solution = {
     return {
       selected: [],
       selectData: [],
-      initVal: JSON.parse(localStorage.getItem("solution")) || [0, 0, 0],
+      initVal: [0, 0, 0],
       allPlace: {}, //存放请求到的所有区域地点
       sleectHouseNumber: {}, //区域地点
       initSjList: [], //原始事件列表
@@ -251,7 +250,6 @@ const solution = {
       });
       this.selected = selected;
       this.$emit("input", selectedVal);
-      localStorage.setItem("solution", JSON.stringify(selectedIndex));
     },
     // 获取事件分类数据
     getTree() {
@@ -318,8 +316,11 @@ const solution = {
 export default {
   data() {
     return {
+      imgFiles: [],
+      selectDeptIndex:[0],
+      selectUserIndex:[0],
+      selectedPlaceIndex:[0, 0],
       validity: {},
-
       valid: undefined,
       action: {
         target:
@@ -349,22 +350,28 @@ export default {
       incidentTitle: "", //事件主题
       referenceInfo: {}, //引用信息
       placeSelectData: [], //区域地点下拉框选项
-      inpLocalVal: "", //故障地点输入框
+      // inpLocalVal: "", //故障地点输入框
       faultLocationList: [], //区域地点拼接下拉框选项
       deptInpVal: "", //报修科室输入框
       deptList: [], //报修科室下拉选项
       deptRes: "", //下拉框科室信息
+      userInpVal: "", //报修人输入框
+      userList: [], //报修人下拉选项
+      userRes: "", //下拉框报修人信息
       model: {
+        contacts: "",
         contactsInformation: "",
         placeValue: [],
         address: "", //故障地点
         requester: "", //报修科室
+        requesterUser: "", //报修人
         houseNumber: "", //详细地址
         description: "", //事件描述
         // bxcode: "",
         assetId: "", //资产
         category: [],
         source: "", //事件来源
+        branch: "", //院区
         title: "", //事件主题
         priority: "", //优先级
         emergency: "", //紧急度
@@ -377,14 +384,17 @@ export default {
         candidateGroups: "", //处理组
         solutionType: [], //知识库类型
         handleUserOrGroup: false, //处理人or处理组
-        room: "" //房间号
+        room: "", //房间号
       },
       selectedCategoryTxt: "", //事件分类选中展示
       selectedPlaceTxt: "", //区域地点选中展示
+      selectedYytimeTxt: dateFormat(Date.now(),'yyyy-MM-dd hh:mm'), //预约时间
+      selectedYytimeStamp: 0, //预约时间戳
       // showPrompting:false,
       promptingConent: "",
       promptingStatus: "",
       order: 1, //处理方式  1：直接处理，2:派单
+      branchArr: [], //院区数组
       sourceArr: [], //事件来源数组
       priorityArr: [], //优先级数组
       emergencyArr: [], //紧急度数组
@@ -431,12 +441,12 @@ export default {
         {
           component: "button",
           modelKey: "placeValue",
-          label: "区域地点:",
+          label: "院区楼栋:",
           rules: {
             required: false
           },
           messages: {
-            required: "请选择区域地点"
+            required: "请选择院区楼栋"
           }
         },
         {
@@ -454,7 +464,7 @@ export default {
         {
           component: "button",
           modelKey: "category",
-          label: "事件分类:",
+          label: "故障现象:",
           rules: {
             required: true
           }
@@ -472,7 +482,7 @@ export default {
             placeholder: "请选择事件来源"
           },
           rules: {
-            required: true
+            required: false
           }
         },
         {
@@ -490,7 +500,7 @@ export default {
         {
           type: "textarea",
           modelKey: "description",
-          label: "事件描述:",
+          label: "故障描述:",
           props: {
             placeholder: "请详细描述故障，并上传故障图片，例如：网络故障。"
           },
@@ -694,7 +704,7 @@ export default {
           modelKey: "requester",
           label: "报修科室:",
           props: {
-            options: this.requesterList,
+            options: [],
             title: "请选择报修科室",
             placeholder: "请选择报修科室"
           },
@@ -736,7 +746,56 @@ export default {
           rules: {
             required: false
           }
-        }
+        },
+        {
+          type: "select",
+          modelKey: "branch",
+          label: "院区:",
+          props: {
+            options: this.branchArr,
+            title: "请选择院区",
+            placeholder: "请选择院区"
+          },
+          events: {
+            change: (value, index, text) => {
+              console.log(value, index, text);
+              console.log(this.model);
+              if (this.valConfig == 2) {
+                this.getDept();
+                this.getAreaData();
+                this.model.contactsInformation = '';
+                this.model.requester = '';
+                this.deptInpVal = '';
+                this.model.placeValue = [];
+                this.selectedPlaceTxt = '';
+              }
+            }
+          },
+          rules: {
+            required: true
+          }
+        },
+        {
+          type: "select",
+          modelKey: "requesterUser",
+          label: "报修人:",
+          props: {
+            options: [],
+            title: "请选择报修人",
+            placeholder: "请选择报修人"
+          },
+          rules: {
+            required: false
+          }
+        },
+        {
+          component: "button",
+          modelKey: "yyTime",
+          label: "预约时间:",
+          rules: {
+            required: false
+          }
+        },
       ]
     };
   },
@@ -765,11 +824,28 @@ export default {
     }
   },
   methods: {
+    // 选择预约时间
+    showTimePicker() {
+      let timePicker = this.$createTimePicker({
+        title: '选择预约时间',
+        showNow: false,
+        delay: 1,
+        minuteStep: 1,
+        onSelect: (selectedTime, selectedText, formatedTime) => {
+          console.log(selectedTime, selectedText, formatedTime);
+          this.selectedYytimeTxt = formatedTime;
+          this.selectedYytimeStamp = selectedTime;
+        },
+        onCancel: () => {}
+      }).show();
+      timePicker.setTime(this.selectedYytimeStamp)
+    },
     // 切换处理方式
     changeHandleTypes() {
-      let reverseArr = this.model.category.filter(Boolean).reverse(); //数组翻转，取第一项不为空的
-      let sjId = reverseArr[0]; //事件Id baba
-      let sj = this.initSjList.filter(v => v.id == sjId)[0];
+      // let reverseArr = this.model.category.filter(Boolean).reverse(); //数组翻转，取第一项不为空的
+      // let sjId = reverseArr[0]; //事件Id baba
+      // let sj = this.initSjList.filter(v => v.id == sjId)[0];
+      let sj = this.model.category;
       console.log(this.order, sj);
       this.isShowDes = !(this.order == 1 && sj && sj.hasSimple == 1);
     },
@@ -823,6 +899,33 @@ export default {
             });
           });
           that.fields[5].props.options = that.sourceArr;
+          that.model.source = 1547;//默认电话
+        });
+    },
+    // 获取院区
+    getBranch() {
+      this.$http
+        .post("service/user/data/fetchDataList/branch", {"idx":0,"sum":100})
+        .then((res) => {
+          if(res.data.status == 200){
+            res.data.list.forEach((v) => {
+              this.branchArr.push({
+                text: v.hosName,
+                value: v.id
+              });
+            });
+            this.fields[24].props.options = this.branchArr;
+            if(this.loginUser.duty){
+              this.model.branch = this.loginUser.duty.branch;
+            }else if(this.loginUser.branch){
+              this.model.branch = this.loginUser.branch.id;
+            }
+            // 获取报修科室
+            if (this.valConfig == 2) {
+              this.getDept();
+              this.getAreaData();
+            }
+          }
         });
     },
     // 获取优先级
@@ -913,6 +1016,7 @@ export default {
             });
           });
           that.fields[12].props.options = that.closecodeArr;
+          that.model.closecode = 1572;//设计如此，默认“完全解决”
         });
     },
     // 获取处理人
@@ -963,12 +1067,7 @@ export default {
         a2 = [],
         category = [],
         solutionType = [];
-      that.model.category.forEach(function(v, i) {
-        if (v) {
-          a1.push(v);
-        }
-      });
-      category = a1;
+      category = that.model.category;
       that.model.solutionType.forEach(function(v, i) {
         if (v) {
           a2.push(v);
@@ -1089,9 +1188,6 @@ export default {
       var that = this;
       if (!that.model.title) return;
       that.setLocalStroageData();
-      localStorage.setItem("modelData", JSON.stringify(that.modelData));
-      localStorage.setItem("model", JSON.stringify(that.model));
-      localStorage.setItem("order", that.order);
 
       this.$router.push({
         name: "ReferenceList",
@@ -1120,55 +1216,12 @@ export default {
         if (inspecInfo.handlerUser) {
           that.model.handlerUser = inspecInfo.handlerUser.id;
         }
-        // that.modelData.incident.handlingPersonnelUser = {
-        //   id: that.model.handlerUser
-        // };
 
         if (that.$route.params.abnormal) {
           that.model.description = that.modelData.incident.description =
             that.$route.params.abnormal;
         }
-      } else {
-        that.name = that.loginUser.name;
-        that.model.contactsInformation = that.loginUser.phone;
-        that.model.contacts = that.loginUser.name;
-        that.model.houseNumber = that.loginUser.houseNumber;
-      }
-      if (that.loginUser.place && that.loginUser.place.length) {
-        if (that.loginUser.place.id) {
-          if (that.loginUser.place.area) {
-            that.model.placeValue[0] = that.loginUser.place.area.id;
-          }
-          that.model.placeValue[1] = that.loginUser.place.id;
-        }
-      }
-
-      if (localStorage.getItem("model")) {
-        that.model = JSON.parse(localStorage.getItem("model"));
-        that.incidentTitle = that.model.title;
-      }
-      if (localStorage.getItem("modelData")) {
-        that.modelData = JSON.parse(localStorage.getItem("modelData"));
-      }
-      if (localStorage.getItem("referenceInfo")) {
-        that.referenceInfo = JSON.parse(localStorage.getItem("referenceInfo"));
-        that.incidentTitle = that.model.title = that.referenceInfo.title;
-        that.model.handleDescription = that.referenceInfo.content;
-      }
-      if (localStorage.getItem("order")) {
-        that.order = localStorage.getItem("order") - 0;
-      }
-
-      // if (localStorage.getItem("category")) {
-      //   that.selectedCategoryTxt = JSON.parse(
-      //     localStorage.getItem("category")
-      //   ).txt;
-      //   console.log(that.selectedCategoryTxt);
-      // }
-      // if (localStorage.getItem("place")) {
-      //   that.selectedPlaceTxt = JSON.parse(localStorage.getItem("place")).txt;
-      //   console.log(that.selectedPlaceTxt);
-      // }
+      } else {}
     },
     // 提交
     submitHandler() {
@@ -1350,15 +1403,6 @@ export default {
 
       that.validity = result.validity;
       that.valid = result.valid;
-      // if (that.vali == true) {
-      //   $("#fade").fadeIn();
-      //   that.promptingConent = "提交失败,请填写必填信息!";
-      //   that.promptingStatus = false;
-      //   setTimeout(function() {
-      //     $("#fade").fadeOut();
-      //   }, 2000);
-      // }
-      // that.vali = false;
     },
 
     dateSelectHandler(selectedVal) {
@@ -1370,7 +1414,7 @@ export default {
     },
     filesAdded(files) {
       let hasIgnore = false;
-      const maxSize = 1000 * 1024 * 1024; // 1M
+      const maxSize = 10000 * 1024 * 1024; // 1M
       for (let k in files) {
         const file = files[k];
         if (file.size > maxSize) {
@@ -1382,7 +1426,7 @@ export default {
         this.$createToast({
           type: "warn",
           time: 1000,
-          txt: "不能上传超过100M的文件"
+          txt: "不能上传超过10M的文件"
         }).show();
     },
     filesAdded1(files) {
@@ -1410,31 +1454,51 @@ export default {
     },
     // 展示事件分类选择器
     showCategoryPicker() {
-      this.categoryPicker.show();
+      let other = {
+        selectedPlaceTxt: this.selectedPlaceTxt,
+        userInpVal: this.userInpVal,
+        deptInpVal: this.deptInpVal,
+        selectUserIndex: this.selectUserIndex,
+        selectDeptIndex: this.selectDeptIndex,
+        selectedPlaceIndex: this.selectedPlaceIndex,
+        order: this.order,
+        imgFiles: this.imgFiles,
+        selectedYytimeTxt: this.selectedYytimeTxt,
+        selectedYytimeStamp: this.selectedYytimeStamp,
+      }
+      console.log(this.model, '传');
+      console.log(this.imgFiles);
+      console.log(other)
+      this.$router.push(`/searchDept?model=${JSON.stringify(this.model)}&other=${JSON.stringify(other)}`)
+      // this.categoryPicker.show();
     },
     // 选择事件分类
-    selectCategoryHandler(selectedVal, selectedIndex, selectedTxt) {
-      // console.log(this.initSjList, "事件分类列表");
-      // console.log(this.model.category.slice(-1)[0], "事件分类");
-      var selected = [];
-      selectedTxt.forEach(function(v, i) {
-        if (v != "") {
-          selected.push(v);
-        }
-      });
-      this.selectedCategoryTxt = this.model.title = this.model.description = this.incidentTitle =
-        selected[selected.length - 1];
-      this.model.category = selectedVal;
-      // var category = {
-      //   index: selectedIndex,
-      //   txt: this.selectedCategoryTxt
-      // };
-      // localStorage.setItem("category", JSON.stringify(category));
+    selectCategoryHandler() {
+      this.$createDialog({
+        type: 'confirm',
+        icon: 'cubeic-alert',
+        title: '提示',
+        content: '是否覆盖故障描述？',
+        confirmBtn: {
+          text: '确认覆盖',
+          active: true,
+          disabled: false,
+          href: 'javascript:;'
+        },
+        cancelBtn: {
+          text: '取消操作',
+          active: false,
+          disabled: false,
+          href: 'javascript:;'
+        },
+        onConfirm: () => {
+          this.model.description = this.model.title = this.incidentTitle = this.model.category.mutiCategory;
+        },
+        onCancel: () => {}
+      }).show()
+      this.selectedCategoryTxt = this.model.category.mutiCategory;
       // ----------------------回显其他数据---------------------
-      console.log(selectedVal, "seimin");
-      let reverseArr = selectedVal.filter(Boolean).reverse(); //数组翻转，取第一项不为空的
-      let sjId = reverseArr[0]; //事件Id baba
-      let sj = this.initSjList.filter(v => v.id == sjId)[0];
+      let sj = this.model.category;
       console.log(sj);
       this.model.priority = sj.priority?sj.priority.id:null;
       if (sj.branchType == 0) {
@@ -1558,9 +1622,7 @@ export default {
           that.categoryPicker = that.$createCascadePicker({
             title: "事件分类选择",
             data: that.selectData,
-            // selectedIndex: localStorage.getItem("category")
-            //   ? JSON.parse(localStorage.getItem("category")).index
-            //   : [0, 0, 0],
+            // selectedIndex: [0, 0, 0],
             selectedIndex:[0, 0, 0],
             onSelect: that.selectCategoryHandler
           });
@@ -1596,7 +1658,8 @@ export default {
       console.log(selectedVal, selectedIndex, selectedTxt);
       console.log(selectedVal[0], "区域");
       console.log(this.initSjList, "事件分类列表");
-      console.log(this.model.category.slice(-1)[0], "事件分类");
+      this.selectedPlaceIndex = selectedIndex;
+      // console.log(this.model.category.slice(-1)[0], "事件分类");
       if (this.ifRoom == 1) {
         this.getRoomData(selectedVal[1]);
       }
@@ -1604,10 +1667,11 @@ export default {
       this.selectedPlaceTxt = selectedTxt.join(" ");
       // 分院区
       // --------------------start---------------------
-      let categoryId = this.model.category.slice(-1)[0];
+      // let categoryId = this.model.category.slice(-1)[0];
+      let categoryId = this.model.category.id;
       if (categoryId) {
-        // 选择了事件分类 liaomingming
-        let categoryObj = this.initSjList.find(v => v.id == categoryId);
+        // 选择了事件分类
+        let categoryObj = this.model.category;
         if (categoryObj) {
           if (categoryObj.branchType == 1) {
             // 分院区开关打开的情况下
@@ -1656,40 +1720,42 @@ export default {
         this.model.candidateGroups = "";
       }
       // --------------------end---------------------
-      // var place = {
-      //   index: selectedIndex,
-      //   txt: this.model.houseNumber
-      // };
-      // localStorage.setItem("place", JSON.stringify(place));
     },
     // 报修科室
     showDeptPicker() {
+      this.deptList = [];
       this.deptPicker.show();
+      this.getDept(true);
+    },
+    // 报修人
+    showUserPicker() {
+      this.userList = [];
+      this.userPicker.show();
+      this.getUser(true);
     },
     // 选中报修科室
     selectDeptHandler(selectedVal, selectedIndex, selectedTxt) {
       console.log(selectedVal, selectedIndex, selectedTxt);
-      this.deptInpVal = selectedTxt;
-      this.model.requester = this.deptRes[selectedIndex];
-      console.log(this.deptRes[selectedIndex]);
-      this.inpLocalVal = this.model.address = this.deptRes[selectedIndex].place
-        .area
-        ? this.deptRes[selectedIndex].place.area.area
-          ? this.deptRes[selectedIndex].place.place
-            ? this.deptRes[selectedIndex].place.area.area +
-              this.deptRes[selectedIndex].place.place
-            : this.deptRes[selectedIndex].place.area.area
-          : this.deptRes[selectedIndex].place.area
-        : this.deptRes[selectedIndex].place.place;
-      if (this.deptRes[selectedIndex].phone) {
-        this.model.contactsInformation = this.deptRes[selectedIndex].phone;
+      this.deptInpVal = selectedTxt[0];
+      this.selectDeptIndex = selectedIndex;
+      if(!selectedVal[0]){
+        return;
+      }
+      let index = selectedIndex[0].toString();
+      this.model.requester = this.deptRes[index];
+      console.log(this.deptRes[index]);
+      console.log(this.model);
+      if(this.deptRes[index].place){
+        console.log(this.placeSelectData);
+        this.model.placeValue = [this.deptRes[index].place.area.id, this.deptRes[index].place.id];
+        this.selectedPlaceTxt = `${this.deptRes[index].place.area.area} ${this.deptRes[index].place.place}`;
+        let areaIndex = this.placeSelectData.findIndex(v=>v.value == this.deptRes[index].place.area.id);
+        let placeIndex = this.placeSelectData[areaIndex].children.findIndex(v=>v.value == this.deptRes[index].place.id);
+        this.placePicker.setData(this.placeSelectData, [areaIndex, placeIndex]);
+      }
+      if (this.deptRes[index].phone) {
+        this.model.contactsInformation = this.deptRes[index].phone;
       }
-      // this.model.houseNumber = this.selectedPlaceTxt = selectedTxt.join(" ");
-      // var place = {
-      //   index: selectedIndex,
-      //   txt: this.model.houseNumber
-      // };
-      // localStorage.setItem("place", JSON.stringify(place));
     },
     // 取消选中报修科室
     cancelDeptHandler() {
@@ -1699,12 +1765,53 @@ export default {
         this.deptInpVal = "";
         this.model.requester = "";
       }
-      // this.model.houseNumber = this.selectedPlaceTxt = selectedTxt.join(" ");
-      // var place = {
-      //   index: selectedIndex,
-      //   txt: this.model.houseNumber
-      // };
-      // localStorage.setItem("place", JSON.stringify(place));
+    },
+    // 选中报修人
+    selectUserHandler(selectedVal, selectedIndex, selectedTxt) {
+      console.log(selectedVal, selectedIndex, selectedTxt);
+      this.userInpVal = selectedTxt[0];
+      this.selectUserIndex = selectedIndex;
+      if(!selectedVal[0]){
+        return;
+      }
+      let index = selectedIndex[0].toString();
+      console.log(this.model,'model');
+      this.model.contacts = this.userRes[index].name;
+      this.model.requesterUser = this.userRes[index];
+      console.log(this.userRes[index]);
+      // if (this.userRes[index].mphone) {
+      this.$createDialog({
+        type: 'confirm',
+        icon: 'cubeic-alert',
+        title: '提示',
+        content: '是否覆盖联系电话？',
+        confirmBtn: {
+          text: '确认覆盖',
+          active: true,
+          disabled: false,
+          href: 'javascript:;'
+        },
+        cancelBtn: {
+          text: '取消操作',
+          active: false,
+          disabled: false,
+          href: 'javascript:;'
+        },
+        onConfirm: () => {
+          this.model.contactsInformation = this.userRes[index].mphone;
+        },
+        onCancel: () => {}
+      }).show()
+      // }
+    },
+    // 取消选中报修人
+    cancelUserHandler() {
+      if (this.model.requesterUser) {
+        this.userInpVal = this.model.requesterUser.name + '('+ this.model.requesterUser.account +')';
+      } else if (!this.model.requesterUser) {
+        this.userInpVal = "";
+        this.model.requesterUser = "";
+      }
     },
     getAreaData() {
       this.$http
@@ -1712,12 +1819,14 @@ export default {
           idx: 0,
           sum: 1000,
           area: {
+            branch: this.model.branch,
             wechatArea: true
           }
         })
         .then(res => {
           this.initAreaList = JSON.parse(JSON.stringify(res.data.list));
           var data = res.data.list;
+          this.placeSelectData = [];
           for (var i = 0; i < data.length; i++) {
             this.placeSelectData.push({
               text: data[i].area,
@@ -1725,6 +1834,7 @@ export default {
               children: []
             });
           }
+          this.getPlaceData();
         });
     },
     getPlaceData() {
@@ -1737,7 +1847,7 @@ export default {
             wechatAreaId: ""
           }
         })
-        .then(function(res) {
+        .then((res) => {
           var data = res.data.list;
           for (var i = 0; i < data.length; i++) {
             for (var j = 0; j < that.placeSelectData.length; j++) {
@@ -1751,14 +1861,37 @@ export default {
           }
 
           that.placePicker = that.$createCascadePicker({
-            title: "区域地点选择",
+            title: "院区楼栋选择",
             data: that.placeSelectData,
-            // selectedIndex: localStorage.getItem("place")
-            //   ? JSON.parse(localStorage.getItem("place")).index
-            //   : [0, 0],
+            selectedIndex: this.selectedPlaceIndex || [0, 0],
             selectedIndex: [0, 0],
             onSelect: that.selectPlaceHandler
           });
+          console.log(this.$route,'路由参数');
+          if(this.$route.params.id){
+            let other = this.$route.params.other;
+            this.model = this.$route.params.model;
+            this.selectedPlaceTxt = other.selectedPlaceTxt;
+            this.userInpVal = other.userInpVal;
+            this.deptInpVal = other.deptInpVal;
+            this.selectUserIndex = other.selectUserIndex;
+            this.selectDeptIndex = other.selectDeptIndex;
+            this.selectedPlaceIndex = other.selectedPlaceIndex;
+            this.order = other.order;
+            this.imgFiles = other.imgFiles;
+            this.selectedYytimeTxt = other.selectedYytimeTxt,
+            this.selectedYytimeStamp = other.selectedYytimeStamp,
+
+
+            this.placePicker.setData(this.placeSelectData, this.selectedPlaceIndex);
+            console.log(this.model);
+            console.log(other);
+            this.selectCategoryHandler();
+            //回显事件分类
+            // this.$http.get(`service/bpm/data/fetchData/incidentcategory/${this.$route.query.id}`).then(res=>{
+            //   console.log(res);
+            // })
+          }
         });
     },
     // 故障地点
@@ -1793,9 +1926,7 @@ export default {
           that.placePicker = that.$createCascadePicker({
             title: "区域地点选择",
             data: that.faultLocationList,
-            // selectedIndex: localStorage.getItem("place")
-            //   ? JSON.parse(localStorage.getItem("place")).index
-            //   : [0, 0],
+            // selectedIndex: [0, 0],
             onSelect: that.selectPlaceHandler
           });
           // that.fields[19].props.options = that.faultLocationList;
@@ -1812,47 +1943,85 @@ export default {
       }, 600);
     },
     // 报修科室
-    getDept(type) {
-      var that = this;
+    getDept(isFirst) {
       this.$http
         .post("service/user/data/fetchDataList/department", {
           idx: 0,
-          sum: 50,
-          department: { dept: that.deptInpVal || "" }
+          sum: 1000,
+          department: {
+            branch: this.model.branch,
+            selectType:"pinyin_qs",
+            dept: isFirst ? '': (this.deptInpVal || "")
+          }
         })
-        .then(function(res) {
+        .then((res) => {
           var data = res.data.list;
-          if (type == 1) {
-            that.deptList.length = 0;
-            that.$set(that.deptList, true, []);
-            that.deptList;
-          }
-          that.deptRes = res.data.list;
+          this.deptRes = res.data.list;
+          this.deptList = [];
           for (var i = 0; i < data.length; i++) {
-            that.deptList.push({
+            this.deptList.push({
               text: data[i].dept,
               value: data[i].id
             });
           }
-
-          that.deptPicker = that.$createCascadePicker({
-            title: "报修科室选择",
-            data: that.deptList,
-            onSelect: that.selectDeptHandler,
-            onCancel: that.cancelDeptHandler
-          });
+          console.log(this.deptList)
+          this.deptPicker.setData(this.deptList, isFirst?this.selectDeptIndex:[0])
+        });
+    },
+    // 报修人
+    getUser(isFirst) {
+      this.$http
+        .post("service/user/data/fetchDataList/requester", {
+          idx: 0,
+          sum: 1000,
+          requester: {
+            searchKey: isFirst ? '': (this.userInpVal || "")
+          }
+        })
+        .then((res) => {
+          var data = res.data.list;
+          this.userRes = res.data.list;
+          this.userList = [];
+          for (var i = 0; i < data.length; i++) {
+            this.userList.push({
+              text: data[i].name + '('+ data[i].account +')',
+              value: data[i].id
+            });
+          }
+          console.log(this.userList)
+          this.userPicker.setData(this.userList, isFirst?this.selectUserIndex:[0])
         });
     },
     changeDeptList() {
       var that = this;
       clearTimeout(that.timer);
       that.timer = setTimeout(() => {
-        this.getDept(1);
+        this.getDept();
+      }, 600);
+    },
+    changeUserList() {
+      clearTimeout(this.timer);
+      this.timer = setTimeout(() => {
+        this.getUser();
       }, 600);
     }
   },
   created() {
     console.log(this.$route.params.data);
+    this.deptPicker = this.$createCascadePicker({
+      title: "报修科室选择",
+      data: this.deptList,
+      onSelect: this.selectDeptHandler,
+      onCancel: this.cancelDeptHandler
+    });
+    this.userPicker = this.$createCascadePicker({
+      title: "报修人选择",
+      data: this.userList,
+      onSelect: this.selectUserHandler,
+      onCancel: this.cancelUserHandler
+    });
+    //获取院区
+    this.getBranch();
     //获取事件来源
     this.getSource();
     // 优先级
@@ -1874,14 +2043,11 @@ export default {
     // 事件单号
     this.getsjnum();
     // 事件分类
-    this.getIncidentcategory();
-    this.getAreaData();
-    this.getPlaceData();
+    // this.getIncidentcategory();
+    // this.getAreaData();
+    // this.getPlaceData();
     // 获取故障地点
     // this.getFaultLocation();
-    if (this.valConfig == 2) {
-      this.getDept();
-    }
   },
   beforeRouteLeave(to, from, next) {
     console.log(to);
@@ -1925,9 +2091,9 @@ export default {
   border: none;
 }
 
-.btn_local {
-  /* z-index: 101; */
-}
+/* .btn_local {
+  z-index: 101;
+} */
 .inp_local {
   outline: none;
   width: 100%;

src/views/searchDept.vue

@@ -1,32 +1,49 @@
 <template>
   <div class="content">
     <div class="search-box">
-      <seiminSearch class="mSearch-input-box" :mode="2" button="inside" placeholder="输入关键字"
-        @search="doSearch(false)" @input="changeInp" @confirm="doSearch(false)" v-model="keyword"></seiminSearch>
+      <seiminSearch
+        class="mSearch-input-box"
+        :mode="2"
+        button="inside"
+        placeholder="输入关键字"
+        @search="doSearch(false)"
+        @input="changeInp"
+        @confirm="doSearch(false)"
+        v-model="keyword"
+      ></seiminSearch>
     </div>
     <div class="search-keyword">
-      <cube-scroll class="keyword-list-box" v-show="isShowKeywordList" scroll-y>
-        <block v-for="(row, index) in keywordList" :key="index">
-          <div class="keyword-entry" hover-class="keyword-entry-tap">
-            <div class="keyword-text" @tap.stop="doSearch(keywordList[index].keyword)">
-              <rich-text :nodes="row.htmlStr"></rich-text>
-            </div>
-            <div class="keyword-img" @tap.stop="doSearch(keywordList[index].keyword)">
-              <image src="/static/HM-search/back.png"></image>
-            </div>
+      <cube-scroll class="keyword-list-box" v-show="isShowKeywordList">
+        <div class="keyword-entry" v-for="(row, index) in keywordList" :key="index">
+          <div
+            class="keyword-text"
+            @click.stop="doSearch(keywordList[index].keyword)"
+          >
+            <span v-html="row.htmlStr"></span>
+          </div>
+          <div
+            class="keyword-img"
+            @click.stop="doSearch(keywordList[index].keyword)"
+          >
+            <img src="../assets/HM-search/back.png" />
           </div>
-        </block>
+        </div>
       </cube-scroll>
-      <cube-scroll class="keyword-box" v-show="!isShowKeywordList" scroll-y>
+      <cube-scroll class="keyword-box" v-show="!isShowKeywordList">
         <div class="keyword-block" v-if="oldKeywordList.length > 0">
           <div class="keyword-list-header">
             <div>历史搜索</div>
             <div>
-              <image @tap="oldDelete" src="/static/HM-search/delete.png"></image>
+              <img @click="oldDelete" src="../assets/HM-search/delete.png" />
             </div>
           </div>
           <div class="keyword">
-            <div v-for="(keyword, index) in oldKeywordList" @tap="changeInp(keyword)" :key="index">{{ keyword }}
+            <div
+              v-for="(keyword, index) in oldKeywordList"
+              @click="changeInp(keyword)"
+              :key="index"
+            >
+              {{ keyword }}
             </div>
           </div>
         </div>
@@ -37,14 +54,16 @@
 </template>
 
 <script>
-import seiminSearch from '../custom/seiminSearch.vue'
+import seiminSearch from "../custom/seiminSearch.vue";
 export default {
-  components:{
+  components: {
     seiminSearch
   },
   data() {
     return {
-      reFresh: '',
+      other: {},
+      model: {},
+      reFresh: "",
       keyword: "",
       oldKeywordList: [],
       keywordList: [],
@@ -52,7 +71,7 @@ export default {
       deptList: [],
       timer: null, //定时器
       searchText: "", //搜索文本
-      searchData: [], //搜索结果
+      searchData: [] //搜索结果
     };
   },
   beforeDestroy() {
@@ -62,6 +81,11 @@ export default {
     }
   },
   mounted() {
+    if(this.$route.query.model){
+      let other = JSON.parse(this.$route.query.other);
+      this.model = JSON.parse(this.$route.query.model);
+      this.other = other;
+    }
     this.init();
   },
   methods: {
@@ -76,7 +100,7 @@ export default {
     },
     //加载历史搜索,自动读取本地Storage
     loadOldKeyword() {
-      this.oldKeywordList = JSON.parse(localStorage.getItem('OldKeys'));
+      this.oldKeywordList = JSON.parse(localStorage.getItem("OldKeys")) || [];
     },
     //防抖搜索
     changeInp(event) {
@@ -87,9 +111,9 @@ export default {
       }, 500);
     },
     //监听输入
-    inputChange(event) {
+    inputChange(event = "") {
       //兼容引入组件时传入参数情况
-      var keyword = event.detail ? event.detail.value : event;
+      var keyword = event.target ? event.target.value : event;
       if (!keyword) {
         this.keywordList = [];
         this.isShowKeywordList = false;
@@ -99,42 +123,49 @@ export default {
       this.isShowKeywordList = true;
       let postData = {
         idx: 0,
-        sum: 20,
-        department: {},
+        sum: 9999,
+        incidentcategory: {
+          category: keyword,
+          selectType: "pinyin_qs",
+          hierarchyQuery: "three"
+        }
       };
       this.toast = this.$createToast({
         time: 0,
         mask: true,
-        txt: "正在加载中",
+        txt: "正在加载中"
       });
       this.toast.show();
-      reqFetchDataList("data", "department", postData).then((res) => {
-        this.toast.hide();
-        if (res.status == 200) {
-          this.searchData.push({
-            name: keyword,
-            list: res.list || [],
-          });
-          let searchText = this.searchText.detail ?
-            this.searchText.detail.value :
-            this.searchText;
-          let index = this.searchData.findIndex(
-            (item) => item.name === searchText
-          );
-          this.deptList = index >= 0 ? this.searchData[index].list : [];
-          this.keywordList = this.drawCorrelativeKeyword(
-            this.deptList,
-            keyword
-          );
-        } else {
-          this.$refs.seiminModel.show({
-            skin: "toast",
-            icon: "error",
-            content: res.msg || "获取数据失败",
-          });
-          throw new Error(res.msg || "获取数据失败");
-        }
-      });
+      this.$http
+        .post("service/user/data/fetchDataList/incidentcategory", postData)
+        .then(res => {
+          res = res.data;
+          this.toast.hide();
+          if (res.status == 200) {
+            this.searchData.push({
+              name: keyword,
+              list: res.list || []
+            });
+            let searchText = this.searchText.detail
+              ? this.searchText.detail.value
+              : this.searchText;
+            let index = this.searchData.findIndex(
+              item => item.name === searchText
+            );
+            this.deptList = index >= 0 ? this.searchData[index].list : [];
+            this.keywordList = this.drawCorrelativeKeyword(
+              this.deptList,
+              keyword
+            );
+          } else {
+            this.$refs.seiminModel.show({
+              skin: "toast",
+              icon: "error",
+              content: res.msg || "获取数据失败"
+            });
+            throw new Error(res.msg || "获取数据失败");
+          }
+        });
     },
     //高亮关键字
     drawCorrelativeKeyword(keywords, keyword) {
@@ -144,23 +175,15 @@ export default {
         var row = keywords[i];
         //定义高亮#9f9f9f
         var html = "";
-        if (this.deptDisplay == 1) {
-          // 科室名称
-          html = row.dept.replace(
-            keyword,
-            "<span style='color: #9f9f9f;'>" + keyword + "</span>"
-          );
-        } else if (this.deptDisplay == 2) {
-          // 科室别称
-          html = row.deptalias.replace(
-            keyword,
-            "<span style='color: #9f9f9f;'>" + keyword + "</span>"
-          );
-        }
+        // 科室名称
+        html = row.mutiCategory.replace(
+          keyword,
+          "<span style='color: #9f9f9f;'>" + keyword + "</span>"
+        );
         html = "<div>" + html + "</div>";
         var tmpObj = {
-          keyword: this.deptDisplay == 1 ? row.dept : row.deptalias,
-          htmlStr: html,
+          keyword: row.mutiCategory,
+          htmlStr: html
         };
         keywordArr.push(tmpObj);
       }
@@ -169,47 +192,55 @@ export default {
     //清除历史搜索
     oldDelete() {
       this.$createDialog({
-        type: 'confirm',
-        icon: 'cubeic-alert',
-        title: '提示',
-        content: '确定清除历史搜索记录？',
+        type: "confirm",
+        icon: "cubeic-alert",
+        title: "提示",
+        content: "确定清除历史搜索记录？",
         confirmBtn: {
-          text: '确定',
+          text: "确定",
           active: true,
           disabled: false,
-          href: 'javascript:;'
+          href: "javascript:;"
         },
         cancelBtn: {
-          text: '取消',
+          text: "取消",
           active: false,
           disabled: false,
-          href: 'javascript:;'
+          href: "javascript:;"
         },
         onConfirm: () => {
           this.oldKeywordList = [];
-          localStorage.removeItem('OldKeys');
+          localStorage.removeItem("OldKeys");
         },
         onCancel: () => {}
-      }).show()
+      }).show();
     },
     //执行搜索
     doSearch(keyword) {
       keyword = keyword === false ? this.keyword : keyword;
       this.keyword = keyword;
       this.saveKeyword(keyword); //保存为历史
-      let arr = this.deptList.filter((item) => {
-        return this.deptDisplay == 1 ?
-          item.dept === keyword :
-          item.deptalias === keyword;
+      let arr = this.deptList.filter(item => {
+        return item.mutiCategory === keyword;
       });
       if (arr.length) {
-        this.changeSearchDeptResult(arr[0]);
+        // model
+        this.model.category = arr[0];
+        // this.$router.push(`/newIncident?id=${arr[0].id}&model=${JSON.stringify(this.model)}&other=${JSON.stringify(this.other)}`);
+        this.$router.push({
+          name: 'NewIncident',
+          params: {
+            id: arr[0].id,
+            model: this.model,
+            other: this.other,
+          },
+        })
       }
     },
     //保存关键字到历史记录
     saveKeyword(keyword) {
-      var OldKeys = JSON.parse(localStorage.getItem('OldKeys'));
-      if(OldKeys){
+      var OldKeys = JSON.parse(localStorage.getItem("OldKeys"));
+      if (OldKeys) {
         var findIndex = OldKeys.indexOf(keyword);
         if (findIndex == -1) {
           OldKeys.unshift(keyword);
@@ -219,172 +250,172 @@ export default {
         }
         //最多10个纪录
         OldKeys.length > 10 && OldKeys.pop();
-        localStorage.setItem('OldKeys',JSON.stringify(OldKeys))
+        localStorage.setItem("OldKeys", JSON.stringify(OldKeys));
         this.oldKeywordList = OldKeys; //更新历史搜索
-      }else{
+      } else {
         OldKeys = [keyword];
-        localStorage.setItem('OldKeys',JSON.stringify(OldKeys))
+        localStorage.setItem("OldKeys", JSON.stringify(OldKeys));
         this.oldKeywordList = OldKeys; //更新历史搜索
       }
-    },
-  },
+    }
+  }
 };
 </script>
 <style lang="less" scoped>
-  view {
-    display: block;
-  }
+view {
+  display: block;
+}
 
-  .search-box {
-    background-color: rgb(242, 242, 242);
-    padding: 15upx 2.5%;
-    display: flex;
-    justify-content: space-between;
-    position: sticky;
-    top: 0;
-  }
+.search-box {
+  background-color: rgb(242, 242, 242);
+  padding: 0.15rem 2.5%;
+  display: flex;
+  justify-content: space-between;
+  position: sticky;
+  top: 0;
+}
 
-  .search-box .mSearch-input-box {
-    width: 100%;
-  }
+.search-box .mSearch-input-box {
+  width: 100%;
+}
 
-  .search-box .input-box {
-    width: 85%;
-    flex-shrink: 1;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
+.search-box .input-box {
+  width: 85%;
+  flex-shrink: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 
-  .search-box .search-btn {
-    width: 15%;
-    margin: 0 0 0 2%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-shrink: 0;
-    font-size: 28upx;
-    color: #fff;
-    background: linear-gradient(to right, #ff9801, #ff570a);
-    border-radius: 60upx;
-  }
+.search-box .search-btn {
+  width: 15%;
+  margin: 0 0 0 2%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-shrink: 0;
+  font-size: 0.28rem;
+  color: #fff;
+  background: linear-gradient(to right, #ff9801, #ff570a);
+  border-radius: 0.6rem;
+}
 
-  .search-box .input-box>input {
-    width: 100%;
-    height: 60upx;
-    font-size: 32upx;
-    border: 0;
-    border-radius: 60upx;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    padding: 0 3%;
-    margin: 0;
-    background-color: #ffffff;
-  }
+.search-box .input-box > input {
+  width: 100%;
+  height: 0.6rem;
+  font-size: 0.32rem;
+  border: 0;
+  border-radius: 0.6rem;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  padding: 0 3%;
+  margin: 0;
+  background-color: #ffffff;
+}
 
-  .placeholder-class {
-    color: #9e9e9e;
-  }
+.placeholder-class {
+  color: #9e9e9e;
+}
 
-  .search-keyword {
-    width: 100%;
-    background-color: rgb(242, 242, 242);
-  }
+.search-keyword {
+  width: 100%;
+  background-color: rgb(242, 242, 242);
+}
 
-  .keyword-list-box {
-    height: calc(100vh - 110upx);
-    padding-top: 10upx;
-    border-radius: 20upx 20upx 0 0;
-    background-color: #fff;
-  }
+.keyword-list-box {
+  height: calc(100vh - 1.1rem);
+  padding-top: 0.1rem;
+  border-radius: 0.2rem 0.2rem 0 0;
+  background-color: #fff;
+}
 
-  .keyword-entry-tap {
-    background-color: #eee;
-  }
+.keyword-entry-tap {
+  background-color: #eee;
+}
 
-  .keyword-entry {
-    width: 94%;
-    height: 80upx;
-    margin: 0 3%;
-    font-size: 30upx;
-    color: #333;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-bottom: solid 1upx #e7e7e7;
-  }
+.keyword-entry {
+  width: 94%;
+  height: 0.8rem;
+  margin: 0 3%;
+  font-size: 0.3rem;
+  color: #333;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: solid 1px #e7e7e7;
+}
 
-  .keyword-entry image {
-    width: 60upx;
-    height: 60upx;
-  }
+.keyword-entry img {
+  width: 0.6rem;
+  height: 0.6rem;
+}
 
-  .keyword-entry .keyword-text,
-  .keyword-entry .keyword-img {
-    height: 80upx;
-    display: flex;
-    align-items: center;
-  }
+.keyword-entry .keyword-text,
+.keyword-entry .keyword-img {
+  height: 0.8rem;
+  display: flex;
+  align-items: center;
+}
 
-  .keyword-entry .keyword-text {
-    width: 90%;
-  }
+.keyword-entry .keyword-text {
+  width: 90%;
+}
 
-  .keyword-entry .keyword-img {
-    width: 10%;
-    justify-content: center;
-  }
+.keyword-entry .keyword-img {
+  width: 10%;
+  justify-content: center;
+}
 
-  .keyword-box {
-    height: calc(100vh - 110upx);
-    border-radius: 20upx 20upx 0 0;
-    background-color: #fff;
-  }
+.keyword-box {
+  height: calc(100vh - 1.1rem);
+  border-radius: 0.2rem 0.2rem 0 0;
+  background-color: #fff;
+}
 
-  .keyword-box .keyword-block {
-    padding: 10upx 0;
-  }
+.keyword-box .keyword-block {
+  padding: 0.1rem 0;
+}
 
-  .keyword-box .keyword-block .keyword-list-header {
-    width: 94%;
-    padding: 10upx 3%;
-    font-size: 27upx;
-    color: #333;
-    display: flex;
-    justify-content: space-between;
-  }
+.keyword-box .keyword-block .keyword-list-header {
+  width: 94%;
+  padding: 0.1rem 3%;
+  font-size: 0.27rem;
+  color: #333;
+  display: flex;
+  justify-content: space-between;
+}
 
-  .keyword-box .keyword-block .keyword-list-header image {
-    width: 40upx;
-    height: 40upx;
-  }
+.keyword-box .keyword-block .keyword-list-header img {
+  width: 0.4rem;
+  height: 0.4rem;
+}
 
-  .keyword-box .keyword-block .keyword {
-    width: 94%;
-    padding: 3px 3%;
-    display: flex;
-    flex-flow: wrap;
-    justify-content: flex-start;
-  }
+.keyword-box .keyword-block .keyword {
+  width: 94%;
+  padding: 3px 3%;
+  display: flex;
+  flex-flow: wrap;
+  justify-content: flex-start;
+}
 
-  .keyword-box .keyword-block .hide-hot-tis {
-    display: flex;
-    justify-content: center;
-    font-size: 28upx;
-    color: #6b6b6b;
-  }
+.keyword-box .keyword-block .hide-hot-tis {
+  display: flex;
+  justify-content: center;
+  font-size: 0.28rem;
+  color: #6b6b6b;
+}
 
-  .keyword-box .keyword-block .keyword>view {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 60upx;
-    padding: 0 20upx;
-    margin: 10upx 20upx 10upx 0;
-    height: 60upx;
-    font-size: 28upx;
-    background-color: rgb(242, 242, 242);
-    color: #6b6b6b;
-  }
+.keyword-box .keyword-block .keyword > view {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 0.6rem;
+  padding: 0 0.2rem;
+  margin: 0.1rem 0.2rem 0.1rem 0;
+  height: 0.6rem;
+  font-size: 0.28rem;
+  background-color: rgb(242, 242, 242);
+  color: #6b6b6b;
+}
 </style>