From 67fe169c17dfb35feb566ba3d0116b01d97b72af Mon Sep 17 00:00:00 2001
From: wangxinbo <wangxinbo@corpvip.com>
Date: Wed, 18 Nov 2020 21:12:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/assets/styles/ruoyi.scss         |   2 +-
 .../src/views/benyi/schoolcalendar/index.vue  | 236 ++++++++++--------
 ruoyi-ui/src/views/benyi/strategy/index.vue   |   4 +-
 ruoyi-ui/vue.config.js                        |   4 +-
 4 files changed, 135 insertions(+), 111 deletions(-)

diff --git a/ruoyi-ui/src/assets/styles/ruoyi.scss b/ruoyi-ui/src/assets/styles/ruoyi.scss
index 0806eae43..f1f55abeb 100644
--- a/ruoyi-ui/src/assets/styles/ruoyi.scss
+++ b/ruoyi-ui/src/assets/styles/ruoyi.scss
@@ -57,7 +57,7 @@
 	margin-top: 6vh !important;
 }
 
-.el-table .el-table__header-wrapper th {
+.el-table th {
 	word-break: break-word;
 	background-color: #f8f8f9;
 	color: #515a6e;
diff --git a/ruoyi-ui/src/views/benyi/schoolcalendar/index.vue b/ruoyi-ui/src/views/benyi/schoolcalendar/index.vue
index 46e8e1621..4d4eca4df 100644
--- a/ruoyi-ui/src/views/benyi/schoolcalendar/index.vue
+++ b/ruoyi-ui/src/views/benyi/schoolcalendar/index.vue
@@ -1,80 +1,87 @@
 <template>
   <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      :inline="true"
-      label-width="68px"
-    >
-      <el-form-item label="活动类型" prop="type">
-        <el-select
-          v-model="queryParams.type"
-          placeholder="请选择活动类型"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in schoolcalendartypeOptions"
-            :key="dict.dictValue"
-            :label="dict.dictLabel"
-            :value="dict.dictValue"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="适用范围" prop="scope">
-        <el-select
-          v-model="queryParams.scope"
-          placeholder="请选择适用范围"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in scopeOptions"
-            :key="dict.dictValue"
-            :label="dict.dictLabel"
-            :value="dict.dictValue"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="学年学期" prop="xnxq">
-        <el-select
-          v-model="queryParams.xnxq"
-          placeholder="请选择学年学期"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="dict in xnxqOptions"
-            :key="dict.dictValue"
-            :label="dict.dictLabel"
-            :value="dict.dictValue"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="活动时间" prop="activitytime">
-        <el-date-picker
-          v-model="dateRange"
-          size="small"
-          style="width: 240px"
-          value-format="yyyy-MM-dd"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-        ></el-date-picker>
-      </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 :model="queryParams" ref="queryForm" label-width="70px">
+      <el-row :gutter="10">
+        <el-col :xs="24" :ms="12" :md="5">
+          <el-form-item label="活动类型" prop="type">
+            <el-select
+              v-model="queryParams.type"
+              placeholder="请选择活动类型"
+              clearable
+              size="small"
+            >
+              <el-option
+                v-for="dict in schoolcalendartypeOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="12" :md="5">
+          <el-form-item label="适用范围" prop="scope">
+            <el-select
+              v-model="queryParams.scope"
+              placeholder="请选择适用范围"
+              clearable
+              size="small"
+            >
+              <el-option
+                v-for="dict in scopeOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="12" :md="5">
+          <el-form-item label="学年学期" prop="xnxq">
+            <el-select
+              v-model="queryParams.xnxq"
+              placeholder="请选择学年学期"
+              clearable
+              size="small"
+            >
+              <el-option
+                v-for="dict in xnxqOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="12" :md="5">
+          <el-form-item label="活动时间" prop="activitytime">
+            <el-date-picker
+              class="my-date-picker"
+              v-model="dateRange"
+              size="small"
+              value-format="yyyy-MM-dd"
+              type="daterange"
+              range-separator="-"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+            ></el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :ms="12" :md="4">
+          <el-form-item class="no-margin">
+            <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-col>
+      </el-row>
     </el-form>
 
     <div class="mb8 btn-list">
@@ -122,7 +129,7 @@
     >
       <el-table-column
         type="selection"
-        width="55"
+        width="38"
         align="center"
         :selectable="checkSelectable"
       />
@@ -172,8 +179,8 @@
         fixed="right"
         label="操作"
         align="center"
-        width="120"
-        class-name="small-padding fixed-width"
+        width="60"
+        class-name="small-padding fixed-width edit-btns"
       >
         <template slot-scope="scope">
           <el-button
@@ -278,7 +285,7 @@ import {
   delSchoolcalendar,
   addSchoolcalendar,
   updateSchoolcalendar,
-  exportSchoolcalendar,
+  exportSchoolcalendar
 } from "@/api/benyi/schoolcalendar";
 
 export default {
@@ -315,7 +322,7 @@ export default {
       pickerOptions0: {
         disabledDate(time) {
           return time.getTime() < Date.now() - 8.64e7;
-        },
+        }
       },
       // 查询参数
       queryParams: {
@@ -328,7 +335,7 @@ export default {
         deptid: undefined,
         activitytime: undefined,
         createuserid: undefined,
-        createtime: undefined,
+        createtime: undefined
       },
       // 表单参数
       form: {},
@@ -336,26 +343,26 @@ export default {
       rules: {
         name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
         type: [
-          { required: true, message: "活动类型不能为空", trigger: "blur" },
+          { required: true, message: "活动类型不能为空", trigger: "blur" }
         ],
         scope: [
-          { required: true, message: "活动范围不能为空", trigger: "blur" },
+          { required: true, message: "活动范围不能为空", trigger: "blur" }
         ],
         activitytime: [
-          { required: true, message: "活动时间不能为空", trigger: "blur" },
-        ],
-      },
+          { required: true, message: "活动时间不能为空", trigger: "blur" }
+        ]
+      }
     };
   },
   created() {
     this.getList();
-    this.getDicts("sys_schoolcalendartype").then((response) => {
+    this.getDicts("sys_schoolcalendartype").then(response => {
       this.schoolcalendartypeOptions = response.data;
     });
-    this.getDicts("sys_yebjlx").then((response) => {
+    this.getDicts("sys_yebjlx").then(response => {
       this.scopeOptions = response.data;
     });
-    this.getDicts("sys_xnxq").then((response) => {
+    this.getDicts("sys_xnxq").then(response => {
       this.xnxqOptions = response.data;
     });
   },
@@ -397,7 +404,7 @@ export default {
       this.loading = true;
       listSchoolcalendar(
         this.addDateRange(this.queryParams, this.dateRange)
-      ).then((response) => {
+      ).then(response => {
         this.schoolcalendarList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -415,7 +422,7 @@ export default {
         name: undefined,
         type: undefined,
         scope: undefined,
-        activitytime: undefined,
+        activitytime: undefined
       };
       this.resetForm("form");
     },
@@ -432,7 +439,7 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
+      this.ids = selection.map(item => item.id);
       this.single = selection.length != 1;
       this.multiple = !selection.length;
     },
@@ -447,7 +454,7 @@ export default {
       this.reset();
       const id = row.id || this.ids;
       var myArray = new Array(2);
-      getSchoolcalendar(id).then((response) => {
+      getSchoolcalendar(id).then(response => {
         this.form = response.data;
         myArray[0] = response.data.activitytime;
         myArray[1] = response.data.activityendtime;
@@ -460,8 +467,8 @@ export default {
       });
     },
     /** 提交按钮 */
-    submitForm: function () {
-      this.$refs["form"].validate((valid) => {
+    submitForm: function() {
+      this.$refs["form"].validate(valid => {
         if (valid) {
           var arrscope = this.form.scope;
           this.form.scope = arrscope.join(";");
@@ -472,7 +479,7 @@ export default {
           this.form.activityendtime = v2;
 
           if (this.form.id != undefined) {
-            updateSchoolcalendar(this.form).then((response) => {
+            updateSchoolcalendar(this.form).then(response => {
               if (response.code === 200) {
                 this.msgSuccess("修改成功");
                 this.open = false;
@@ -483,7 +490,7 @@ export default {
             });
           } else {
             //console.log(this.form.activitytime[1]);
-            addSchoolcalendar(this.form).then((response) => {
+            addSchoolcalendar(this.form).then(response => {
               if (response.code === 200) {
                 this.msgSuccess("新增成功");
                 this.open = false;
@@ -505,17 +512,17 @@ export default {
         {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
-          type: "warning",
+          type: "warning"
         }
       )
-        .then(function () {
+        .then(function() {
           return delSchoolcalendar(ids);
         })
         .then(() => {
           this.getList();
           this.msgSuccess("删除成功");
         })
-        .catch(function () {});
+        .catch(function() {});
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -523,16 +530,33 @@ export default {
       this.$confirm("是否确认导出所有园历管理数据项?", "警告", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
-        .then(function () {
+        .then(function() {
           return exportSchoolcalendar(queryParams);
         })
-        .then((response) => {
+        .then(response => {
           this.download(response.msg);
         })
-        .catch(function () {});
-    },
-  },
+        .catch(function() {});
+    }
+  }
 };
 </script>
+<style lang="scss" scoped>
+.el-select {
+  width: 100%;
+}
+.my-date-picker {
+  width: 100%;
+}
+.edit-btns {
+  .el-button {
+    display: block;
+    margin: 0 auto;
+  }
+}
+.no-margin ::v-deep.el-form-item__content {
+  margin: 0 !important;
+}
+</style>
diff --git a/ruoyi-ui/src/views/benyi/strategy/index.vue b/ruoyi-ui/src/views/benyi/strategy/index.vue
index 15374fdd0..383a5ac7b 100644
--- a/ruoyi-ui/src/views/benyi/strategy/index.vue
+++ b/ruoyi-ui/src/views/benyi/strategy/index.vue
@@ -89,7 +89,7 @@ export default {
 };
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .text {
   font-size: 14px;
 }
@@ -135,4 +135,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/ruoyi-ui/vue.config.js b/ruoyi-ui/vue.config.js
index 32815c581..70dff57cd 100644
--- a/ruoyi-ui/vue.config.js
+++ b/ruoyi-ui/vue.config.js
@@ -33,8 +33,8 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://localhost:8083`,
-        // target: `http://120.53.14.147:9990/`,
+        // target: `http://localhost:8083`,
+        target: `http://120.53.14.147:9990/`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''