添加userdefine4

ruoyi-ui/src/views/ams/inv/locationView/index.vue

@@ -1,269 +1,348 @@
 <template>
-    <el-container>
-      <el-header style="height: 40px">
-        <div>
-          <div class="divLeft colorYellow">
-            任务中
-          </div>
-          <div class="divLeft colorWhite">
-            空
-          </div>
-          <div class="divLeft colorGreen">
-            有货
-          </div>
-          <div class="divLeft colorRed">
-            不合格
-          </div>
-<!--          <div class="divLeft">-->
-<!--            库存<icon-svg name="steel" class="site-sidebar__menu-icon"></icon-svg>-->
-<!--          </div>-->
-          <div class="divLeft">
-            【托盘】<svg-icon class-name="pallet-icon" icon-class="pallet" @click.stop="click" />
-          </div>
+  <el-container>
+    <el-header style="height: 40px">
+      <div>
+        <div class="divLeft colorYellow">任务中</div>
+        <div class="divLeft colorWhite">空</div>
+        <div class="divLeft colorGreen">有货</div>
+        <div class="divLeft colorRed">不合格</div>
+        <!--          <div class="divLeft">-->
+        <!--            库存<icon-svg name="steel" class="site-sidebar__menu-icon"></icon-svg>-->
+        <!--          </div>-->
+        <div class="divLeft">
+          【托盘】
+          <svg-icon
+            class-name="pallet-icon"
+            icon-class="pallet"
+            @click.stop="click" />
         </div>
-      </el-header>
-      <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="600px" label-position="right">
-        <el-form-item label="仓库" prop="warehouseId" v-show="false">
-          <el-select v-model="queryParams.warehouseId" placeholder="请选择所属仓库" clearable size="small" style="width: 100%" >
-            <el-option
-              v-for="dict in this.warehouseCombo"
-              :key="dict.warehouseId"
-              :label="dict.warehouseName"
-              :value="dict.warehouseId"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="区域" prop="zoneId">
-          <el-select v-model="queryParams.zoneId" placeholder="请选择库区" clearable size="small" style="width: 100%">
-            <el-option
-              v-for="dict in this.locationZoneCombo"
-              :key="dict.zoneId"
-              :label="dict.zoneName"
-              :value="dict.zoneId"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="刷新时间" labelWidth="80px">
-          <el-select v-model="timerValue" @change="timerChange()"  placeholder="" clearable size="small" style="width: 50%" >
-              <el-option
-                v-for="item in timerOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
-              </el-option>
+      </div>
+    </el-header>
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      :inline="true"
+      v-show="showSearch"
+      label-width="600px"
+      label-position="right">
+      <el-form-item label="仓库" prop="warehouseId" v-show="false">
+        <el-select
+          v-model="queryParams.warehouseId"
+          placeholder="请选择所属仓库"
+          clearable
+          size="small"
+          style="width: 100%">
+          <el-option
+            v-for="dict in this.warehouseCombo"
+            :key="dict.warehouseId"
+            :label="dict.warehouseName"
+            :value="dict.warehouseId" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="区域" prop="zoneId">
+        <el-select
+          v-model="queryParams.zoneId"
+          placeholder="请选择库区"
+          clearable
+          size="small"
+          style="width: 100%">
+          <el-option
+            v-for="dict in this.locationZoneCombo"
+            :key="dict.zoneId"
+            :label="dict.zoneName"
+            :value="dict.zoneId" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="刷新时间" labelWidth="80px">
+        <el-select
+          v-model="timerValue"
+          @change="timerChange()"
+          placeholder=""
+          clearable
+          size="small"
+          style="width: 50%">
+          <el-option
+            v-for="item in timerOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery">
+          搜索
+        </el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">
+          重置
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-main>
+      <el-card
+        v-for="zone in locationZoneList"
+        v-bind:key="zone.zoneName"
+        class="box-card">
+        <div slot="header" class="clearfix">
+          <span style="font-weight: bold">{{ zone.zoneName }}</span>
+        </div>
+        <div class="divBoxCol" v-for="col in zone.basLocationGuiColDTOS">
+          <div
+            v-for="o in col.baseLocationGuiDTOList"
+            v-bind:key="o.id"
+            class="text item divBox"
+            @click="changeLocation(o)">
+            <div class="divMinBox" v-show="o.locationNo != null">
+              <p>{{ o.locationNo }}</p>
+              <p v-show="o.isEmptyPlate != 'Y'" style="margin: 0">
+                {{ o.userdefine4 }}
+              </p>
+              <!-- style="color: rgb(255, 255, 255); font-size: 10px" -->
 
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-        </el-form-item>
-      </el-form>
-      <el-main>
-        <el-card v-for="zone in locationZoneList" v-bind:key="zone.zoneName" class="box-card">
-          <div slot="header" class="clearfix">
-            <span style="font-weight: bold">{{zone.zoneName}}</span>
-          </div>
-          <div class="divBoxCol" v-for="col in zone.basLocationGuiColDTOS">
-            <div v-for="o in col.baseLocationGuiDTOList" v-bind:key="o.id" class="text item divBox" @click="changeLocation(o)">
-              <div class="divMinBox" v-show="o.locationNo!=null">
-                {{o.locationNo}}<!--(<font class="pointcss">{{o.agvStation}}</font>)-->
-              </div>
-              <div>
-                <div v-show="o.isEmpty=='Y'" :class="{'locDiv': true,'colorWhite': true, 'colorYellow': o.stockStatus!='00'}">
-                </div>
-                <div v-show="o.isEmpty=='N'" :class="{'locDiv': true,'colorGreen': o.isEmptyPlate != 'Y','colorRed': o.lotatt05 == 'BHG','colorYellow': o.stockStatus!='00'}">
-                  <div class="divMinFontBox" v-show="o.isEmpty=='N' && o.isEmptyPlate != 'Y' ">
-                    <div v-show="o.skuName!=null" style="color: #FFFFFF;font-size:10px;">{{o.skuName}}</div>
-                    <div style="color: #FFFFFF;font-size:10px;">{{o.lotatt01}}&nbsp;&nbsp; </div>
-<!--                    <div v-show="o.lotatt05!=null" style="color: #FFFFFF">{{o.lotatt05}}</div>-->
-<!--                    <div v-show="o.lotatt08!=null" style="color: #FFFFFF">{{o.lotatt08}}</div>-->
+              <!--(<font class="pointcss">{{o.agvStation}}</font>)-->
+            </div>
+            <div>
+              <div
+                v-show="o.isEmpty == 'Y'"
+                :class="{
+                  locDiv: true,
+                  colorWhite: true,
+                  colorYellow: o.stockStatus != '00',
+                }"></div>
+              <div
+                v-show="o.isEmpty == 'N'"
+                :class="{
+                  locDiv: true,
+                  colorGreen: o.isEmptyPlate != 'Y',
+                  colorRed: o.lotatt05 == 'BHG',
+                  colorYellow: o.stockStatus != '00',
+                }">
+                <div
+                  class="divMinFontBox"
+                  v-show="o.isEmpty == 'N' && o.isEmptyPlate != 'Y'">
+                  <div
+                    v-show="o.skuName != null"
+                    style="color: #ffffff; font-size: 10px">
+                    {{ o.skuName }}
                   </div>
-                  <div class="divMinFontBoxEmptyPlate" v-show="o.isEmptyPlate == 'Y'">
-                    <svg-icon class-name="pallet-icon" icon-class="pallet" @click.stop="click" style="width: 60px;height: 35px;">{{o.id}}</svg-icon>
-                    <div style="color: #191970;font-size:12px;">{{o.skuName}}&nbsp;&nbsp;</div>
+                  <div style="color: #ffffff; font-size: 10px">
+                    {{ o.lotatt01 }}&nbsp;&nbsp;
+                  </div>
+                  <!--                    <div v-show="o.lotatt05!=null" style="color: #FFFFFF">{{o.lotatt05}}</div>-->
+                  <!--                    <div v-show="o.lotatt08!=null" style="color: #FFFFFF">{{o.lotatt08}}</div>-->
+                </div>
+                <div
+                  class="divMinFontBoxEmptyPlate"
+                  v-show="o.isEmptyPlate == 'Y'">
+                  <svg-icon
+                    class-name="pallet-icon"
+                    icon-class="pallet"
+                    @click.stop="click"
+                    style="width: 60px; height: 35px">
+                    {{ o.id }}
+                  </svg-icon>
+                  <div style="color: #191970; font-size: 12px">
+                    {{ o.skuName }}&nbsp;&nbsp;
+                    <p style="margin: 0">
+                      {{ o.userdefine4 }}
+                    </p>
                   </div>
                 </div>
               </div>
             </div>
           </div>
-        </el-card>
-      </el-main>
-      <!-- 点击库位弹出展示框做修改  -->
-      <el-dialog title="操作" :visible.sync="open" width="1000px" append-to-body>
-        <el-form>
-          <el-form-item>
-            <el-button type="primary" @click="lockLoc()">锁定/解锁</el-button>
-            <el-button type="primary" @click="occupyLoc()">有货/无货</el-button>
-            <el-button type="primary" @click="clearLoc()">清空</el-button>
-            <!--<el-button type="primary" @click="submitForm">初始化一个空托盘</el-button>-->
-          </el-form-item>
-        </el-form>
-        <el-divider content-position="center">批次属性信息</el-divider>
-        <el-table v-loading="loading" :data="form.lotattList">
-          <el-table-column label="物料" align="center" prop="sku" width="200"/>
-          <el-table-column label="物料名称" align="center" prop="skuName" width="200"/>
-          <el-table-column label="库位" align="center" prop="locationNo" width="200"/>
-          <el-table-column label="库存数量" align="center" prop="qty"/>
-          <el-table-column label="已分配数量" align="center" prop="qtyallocated" width="200"/>
-          <el-table-column
-            v-for="(item, index) in itemOption"
-            :key="index_back"
-            :label="item.label"
-            align="center" :prop="item.prop" width="200">
-          </el-table-column>
-        </el-table>
-        <!--<el-descriptions title="批次属性" :column="2" border>
+        </div>
+      </el-card>
+    </el-main>
+    <!-- 点击库位弹出展示框做修改  -->
+    <el-dialog title="操作" :visible.sync="open" width="1000px" append-to-body>
+      <el-form>
+        <el-form-item>
+          <el-button type="primary" @click="lockLoc()">锁定/解锁</el-button>
+          <el-button type="primary" @click="occupyLoc()">有货/无货</el-button>
+          <el-button type="primary" @click="clearLoc()">清空</el-button>
+          <!--<el-button type="primary" @click="submitForm">初始化一个空托盘</el-button>-->
+        </el-form-item>
+      </el-form>
+      <el-divider content-position="center">批次属性信息</el-divider>
+      <el-table v-loading="loading" :data="form.lotattList">
+        <el-table-column label="物料" align="center" prop="sku" width="200" />
+        <el-table-column
+          label="物料名称"
+          align="center"
+          prop="skuName"
+          width="200" />
+        <el-table-column
+          label="库位"
+          align="center"
+          prop="locationNo"
+          width="200" />
+        <el-table-column label="库存数量" align="center" prop="qty" />
+        <el-table-column
+          label="已分配数量"
+          align="center"
+          prop="qtyallocated"
+          width="200" />
+        <el-table-column
+          v-for="(item, index) in itemOption"
+          :key="index_back"
+          :label="item.label"
+          align="center"
+          :prop="item.prop"
+          width="200"></el-table-column>
+      </el-table>
+      <!--<el-descriptions title="批次属性" :column="2" border>
           <el-descriptions-item v-for="(item, index) in itemOption" :label="item.label">{{form[`${item.prop}`]}}</el-descriptions-item>
         </el-descriptions>-->
-      </el-dialog>
-    </el-container>
+    </el-dialog>
+  </el-container>
 </template>
 <script>
-import { clearLocRequest,locationInvView,queryLocationZoneDict,lockLocRequest,lotattConfigList
-  ,lotattInfo,occupyLocRequest,queryWarehouseDict} from "@/api/ams/locationView";
+import {
+  clearLocRequest,
+  locationInvView,
+  queryLocationZoneDict,
+  lockLocRequest,
+  lotattConfigList,
+  lotattInfo,
+  occupyLocRequest,
+  queryWarehouseDict,
+} from "@/api/ams/locationView";
 
-  export default {
-    data () {
-      return {
-        timerOptions: [{
+export default {
+  data() {
+    return {
+      timerOptions: [
+        {
           value: 60000,
-          label: '1分钟'
-        }, {
+          label: "1分钟",
+        },
+        {
           value: 300000,
-          label: '5分钟'
-        }, {
+          label: "5分钟",
+        },
+        {
           value: 600000,
-          label: '10分钟'
-        }, {
-          value: 900000,
-          label: '15分钟'
-        }, {
-          value: 1200000,
-          label: '20分钟'
+          label: "10分钟",
         },
-          {
-            value: 5000,
-            label: '5秒'
-          }],
-        timerValue: 5000,
-        open: false,
-        showSearch: true,
-        dataForm: {
-          zoneId: ''
+        {
+          value: 900000,
+          label: "15分钟",
         },
-        queryParams: {
-          zoneId: '',
-          warehouseId: ''
+        {
+          value: 1200000,
+          label: "20分钟",
         },
-        locationZoneList: [],
-        locationList: {'a': [1, 2, 3]},
-        locationClearVisible: false,
-        // 表单参数
-        form: {
-          lotatt01: '',
-          lotatt02: '',
-          lotatt03: '',
-          lotatt04: '',
-          lotatt05: '',
-          lotatt06: '',
-          lotatt07: '',
-          lotatt08: '',
-          lotatt09: '',
-          lotatt10: '',
-          lotatt11: '',
-          lotatt12: '',
-          lotatt13: '',
-          lotatt14: '',
-          lotatt15: '',
-          lotatt16: '',
-          lotatt17: '',
-          lotatt18: '',
-          lotattList: null
+        {
+          value: 5000,
+          label: "5秒",
         },
-        itemOption: []
-      }
-    },
-    mounted () {
+      ],
+      timerValue: 5000,
+      open: false,
+      showSearch: true,
+      dataForm: {
+        zoneId: "",
+      },
+      queryParams: {
+        zoneId: "",
+        warehouseId: "",
+      },
+      locationZoneList: [],
+      locationList: { a: [1, 2, 3] },
+      locationClearVisible: false,
+      // 表单参数
+      form: {
+        lotatt01: "",
+        lotatt02: "",
+        lotatt03: "",
+        lotatt04: "",
+        lotatt05: "",
+        lotatt06: "",
+        lotatt07: "",
+        lotatt08: "",
+        lotatt09: "",
+        lotatt10: "",
+        lotatt11: "",
+        lotatt12: "",
+        lotatt13: "",
+        lotatt14: "",
+        lotatt15: "",
+        lotatt16: "",
+        lotatt17: "",
+        lotatt18: "",
+        lotattList: null,
+      },
+      itemOption: [],
+    };
+  },
+  mounted() {},
+  activated() {},
+  created() {
+    // this.getWarehouseList()
+    this.getBasZoneList();
+    this.getDataList();
+    this.getItemopention();
+    this.timer = setInterval(this.getDataList, this.timerValue);
+  },
+  beforeDestroy() {
+    clearInterval(this.timer);
+  },
+  methods: {
+    handleQuery() {
+      this.getDataList();
     },
-    activated () {
+    clearInterval() {
+      clearInterval(this.timer);
     },
-    created () {
-      // this.getWarehouseList()
-      this.getBasZoneList()
-      this.getDataList()
-      this.getItemopention()
+    timerChange() {
+      this.clearInterval();
       this.timer = setInterval(this.getDataList, this.timerValue);
     },
-    beforeDestroy () {
-      clearInterval(this.timer)
-    },
-    methods: {
-      handleQuery() {
-        this.getDataList();
-      },
-      clearInterval () {
-        clearInterval(this.timer)
-      },
-      timerChange(){
-        this.clearInterval ();
-        this.timer = setInterval(this.getDataList, this.timerValue);
-      },
-      getItemopention(){
-        lotattConfigList().then(response => {
-          let data = response.data
-          for(let i=0;i<data.length;i++) {
-            let obj = new Object();
-            obj.label = data[i].lotattName
-            obj.prop = data[i].lotattId
-            this.itemOption.push(obj)
-          }
-        })
-      },
-      getDataList () {
-        this.dataListLoading = true
-        locationInvView(this.queryParams).then(response => {
-          this.locationZoneList = response.data
-        })
-        this.dataListLoading = false
-      },
-      changeLocation(o){
-        this.selected(o)
-        // alert(o.locationNo);
-      },
-      resetQuery() {//重置搜索
-        this.resetForm("queryForm");
-        this.getDataList();
-      },
-      selected(item) {
-        if (item.locationNo) {
-          this.currentSelect = parseInt(item.id)
-          this.open = true;
-          lotattInfo(this.currentSelect).then(response => {
-            this.form.lotattList = response.data
-            this.loading = false;
-          })
+    getItemopention() {
+      lotattConfigList().then((response) => {
+        let data = response.data;
+        for (let i = 0; i < data.length; i++) {
+          let obj = new Object();
+          obj.label = data[i].lotattName;
+          obj.prop = data[i].lotattId;
+          this.itemOption.push(obj);
         }
-
-      },
-      lockLoc() {
-        let that = this
-        this.$modal.confirm('是否确认要锁定/解锁？').then(function() {
-          lockLocRequest(that.currentSelect).then(response => {
-            if (response.code === 200) {
-              that.open = false;
-              that.$modal.msgSuccess(response.msg);
-              that.search();
-            } else {
-              that.$modal.msgError(response.msg);
-            }
-          });
+      });
+    },
+    getDataList() {
+      this.dataListLoading = true;
+      locationInvView(this.queryParams).then((response) => {
+        this.locationZoneList = response.data;
+      });
+      this.dataListLoading = false;
+    },
+    changeLocation(o) {
+      this.selected(o);
+      // alert(o.locationNo);
+    },
+    resetQuery() {
+      //重置搜索
+      this.resetForm("queryForm");
+      this.getDataList();
+    },
+    selected(item) {
+      if (item.locationNo) {
+        this.currentSelect = parseInt(item.id);
+        this.open = true;
+        lotattInfo(this.currentSelect).then((response) => {
+          this.form.lotattList = response.data;
+          this.loading = false;
         });
-      },
-      occupyLoc() {
-        let that = this
-        this.$modal.confirm('是否确认要修改库位状态？').then(function() {
-        occupyLocRequest(that.currentSelect).then(response => {
+      }
+    },
+    lockLoc() {
+      let that = this;
+      this.$modal.confirm("是否确认要锁定/解锁？").then(function () {
+        lockLocRequest(that.currentSelect).then((response) => {
           if (response.code === 200) {
             that.open = false;
             that.$modal.msgSuccess(response.msg);
@@ -271,40 +350,53 @@ import { clearLocRequest,locationInvView,queryLocationZoneDict,lockLocRequest,lo
           } else {
             that.$modal.msgError(response.msg);
           }
-          });
         });
-      },
-      clearLoc() {
-        let that = this
-        this.$modal.confirm('是否确认要清空库存？').then(function() {
-          clearLocRequest(that.currentSelect).then(response => {
-            if (response.code === 200) {
-              that.open = false;
-              that.$modal.msgSuccess(response.msg);
-              that.search();
-            } else {
-              that.$modal.msgError(response.msg);
-            }
-          });
+      });
+    },
+    occupyLoc() {
+      let that = this;
+      this.$modal.confirm("是否确认要修改库位状态？").then(function () {
+        occupyLocRequest(that.currentSelect).then((response) => {
+          if (response.code === 200) {
+            that.open = false;
+            that.$modal.msgSuccess(response.msg);
+            that.search();
+          } else {
+            that.$modal.msgError(response.msg);
+          }
         });
-      },
-      getBasZoneList() {
-        queryLocationZoneDict().then(response => {
-          this.locationZoneCombo = response.data
-        })
-      },
-      getWarehouseList() {
-        queryWarehouseDict().then(response => {
-          this.warehouseCombo = response.data
+      });
+    },
+    clearLoc() {
+      let that = this;
+      this.$modal.confirm("是否确认要清空库存？").then(function () {
+        clearLocRequest(that.currentSelect).then((response) => {
+          if (response.code === 200) {
+            that.open = false;
+            that.$modal.msgSuccess(response.msg);
+            that.search();
+          } else {
+            that.$modal.msgError(response.msg);
+          }
         });
-      },
-    }
-  }
+      });
+    },
+    getBasZoneList() {
+      queryLocationZoneDict().then((response) => {
+        this.locationZoneCombo = response.data;
+      });
+    },
+    getWarehouseList() {
+      queryWarehouseDict().then((response) => {
+        this.warehouseCombo = response.data;
+      });
+    },
+  },
+};
 </script>
 
 <style>
-
-.pointcss{
+.pointcss {
   color: hotpink;
 }
 
@@ -377,11 +469,9 @@ import { clearLocRequest,locationInvView,queryLocationZoneDict,lockLocRequest,lo
   padding-top: 5px;
 }
 
-.box-card{
+.box-card {
   width: 100%;
-  display:inline-block;
+  display: inline-block;
   overflow: hidden;
 }
 </style>
-
-

ruoyi-ui/vue.config.js

@@ -1,15 +1,15 @@
-'use strict'
-const path = require('path')
+"use strict";
+const path = require("path");
 
 function resolve(dir) {
-  return path.join(__dirname, dir)
+  return path.join(__dirname, dir);
 }
 
-const CompressionPlugin = require('compression-webpack-plugin')
+const CompressionPlugin = require("compression-webpack-plugin");
 
-const name = process.env.VUE_APP_TITLE || '若依管理系统' // 网页标题
+const name = process.env.VUE_APP_TITLE || "若依管理系统"; // 网页标题
 
-const port = process.env.port || process.env.npm_config_port || 80 // 端口
+const port = process.env.port || process.env.npm_config_port || 80; // 端口
 
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
@@ -20,116 +20,111 @@ module.exports = {
   // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
   publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
   // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
-  outputDir: 'dist',
+  outputDir: "dist",
   // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
-  assetsDir: 'static',
+  assetsDir: "static",
   // 是否开启eslint保存检测，有效值：ture | false | 'error'
-  lintOnSave: process.env.NODE_ENV === 'development',
+  lintOnSave: process.env.NODE_ENV === "development",
   // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
   productionSourceMap: false,
   // webpack-dev-server 相关配置
   devServer: {
-    host: '0.0.0.0',
+    host: "0.0.0.0",
     port: port,
     open: true,
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://localhost:8008`,
+        target: `http://192.168.1.53:8008`,
         changeOrigin: true,
         pathRewrite: {
-          ['^' + process.env.VUE_APP_BASE_API]: ''
-        }
-      }
+          ["^" + process.env.VUE_APP_BASE_API]: "",
+        },
+      },
     },
-    disableHostCheck: true
+    disableHostCheck: true,
   },
   css: {
     loaderOptions: {
       sass: {
-        sassOptions: { outputStyle: "expanded" }
-      }
-    }
+        sassOptions: { outputStyle: "expanded" },
+      },
+    },
   },
   configureWebpack: {
     name: name,
     resolve: {
       alias: {
-        '@': resolve('src')
-      }
+        "@": resolve("src"),
+      },
     },
     plugins: [
       // http://doc.ruoyi.vip/ruoyi-vue/other/faq.html#使用gzip解压缩静态文件
       new CompressionPlugin({
-        test: /\.(js|css|html)?$/i,     // 压缩文件格式
-        filename: '[path].gz[query]',   // 压缩后的文件名
-        algorithm: 'gzip',              // 使用gzip压缩
-        minRatio: 0.8                   // 压缩率小于1才会压缩
-      })
+        test: /\.(js|css|html)?$/i, // 压缩文件格式
+        filename: "[path].gz[query]", // 压缩后的文件名
+        algorithm: "gzip", // 使用gzip压缩
+        minRatio: 0.8, // 压缩率小于1才会压缩
+      }),
     ],
   },
   chainWebpack(config) {
-    config.plugins.delete('preload') // TODO: need test
-    config.plugins.delete('prefetch') // TODO: need test
+    config.plugins.delete("preload"); // TODO: need test
+    config.plugins.delete("prefetch"); // TODO: need test
 
     // set svg-sprite-loader
+    config.module.rule("svg").exclude.add(resolve("src/assets/icons")).end();
     config.module
-      .rule('svg')
-      .exclude.add(resolve('src/assets/icons'))
-      .end()
-    config.module
-      .rule('icons')
+      .rule("icons")
       .test(/\.svg$/)
-      .include.add(resolve('src/assets/icons'))
+      .include.add(resolve("src/assets/icons"))
       .end()
-      .use('svg-sprite-loader')
-      .loader('svg-sprite-loader')
+      .use("svg-sprite-loader")
+      .loader("svg-sprite-loader")
       .options({
-        symbolId: 'icon-[name]'
+        symbolId: "icon-[name]",
       })
-      .end()
+      .end();
 
-    config
-      .when(process.env.NODE_ENV !== 'development',
-        config => {
-          config
-            .plugin('ScriptExtHtmlWebpackPlugin')
-            .after('html')
-            .use('script-ext-html-webpack-plugin', [{
-            // `runtime` must same as runtimeChunk name. default is `runtime`
-              inline: /runtime\..*\.js$/
-            }])
-            .end()
-          config
-            .optimization.splitChunks({
-              chunks: 'all',
-              cacheGroups: {
-                libs: {
-                  name: 'chunk-libs',
-                  test: /[\\/]node_modules[\\/]/,
-                  priority: 10,
-                  chunks: 'initial' // only package third parties that are initially dependent
-                },
-                elementUI: {
-                  name: 'chunk-elementUI', // split elementUI into a single package
-                  priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
-                  test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
-                },
-                commons: {
-                  name: 'chunk-commons',
-                  test: resolve('src/components'), // can customize your rules
-                  minChunks: 3, //  minimum common number
-                  priority: 5,
-                  reuseExistingChunk: true
-                }
-              }
-            })
-          config.optimization.runtimeChunk('single'),
+    config.when(process.env.NODE_ENV !== "development", (config) => {
+      config
+        .plugin("ScriptExtHtmlWebpackPlugin")
+        .after("html")
+        .use("script-ext-html-webpack-plugin", [
           {
-             from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
-             to: './' //到根目录下
-          }
-        }
-      )
-  }
-}
+            // `runtime` must same as runtimeChunk name. default is `runtime`
+            inline: /runtime\..*\.js$/,
+          },
+        ])
+        .end();
+      config.optimization.splitChunks({
+        chunks: "all",
+        cacheGroups: {
+          libs: {
+            name: "chunk-libs",
+            test: /[\\/]node_modules[\\/]/,
+            priority: 10,
+            chunks: "initial", // only package third parties that are initially dependent
+          },
+          elementUI: {
+            name: "chunk-elementUI", // split elementUI into a single package
+            priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+            test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm
+          },
+          commons: {
+            name: "chunk-commons",
+            test: resolve("src/components"), // can customize your rules
+            minChunks: 3, //  minimum common number
+            priority: 5,
+            reuseExistingChunk: true,
+          },
+        },
+      });
+      config.optimization.runtimeChunk("single"),
+        {
+          from: path.resolve(__dirname, "./public/robots.txt"), //防爬虫文件
+          to: "./", //到根目录下
+        };
+    });
+  },
+};