소스 검색

每日一练样式

xiejiebiao 2 년 전
부모
커밋
ba8d7e27a0

+ 127 - 0
src/views/Marketing/goods/commodityManageMent/DayPracticeSetDialog.vue

@@ -0,0 +1,127 @@
+<template>
+  <Base-dialog
+    title="设置"
+    width="700px"
+    :isShow.sync="isShow"
+    @submit="submit"
+  >
+    <div class="day-set-box">
+      <el-select v-model="atype" placeholder="请选择">
+        <el-option
+          v-for="item in options"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        >
+        </el-option>
+      </el-select>
+      <el-form
+        :model="{ list }"
+        ref="ruleForm"
+        label-width="400px"
+        class="demo-ruleForm"
+        label-position="left"
+      >
+        <el-form-item
+          :label="item.name"
+          v-for="(item, index) in list"
+          :key="item.id"
+          :prop="'list.' + index + '.date1'"
+          :rules="{ validator: validateDate, trigger: 'change' }"
+        >
+          <el-date-picker
+            style="witdh: 150px"
+            v-model="item.date1"
+            type="date"
+            placeholder="选择日期"
+            :picker-options="pickerOptions"
+            value-format="timestamp"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+    </div>
+  </Base-dialog>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      list: [{ name: "213" }],
+      options: [
+        {
+          value: "1",
+          label: "顺序添加",
+        },
+      ],
+      atype: "1",
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 24 * 60 * 60 * 1000;
+        },
+      },
+      isShow: false,
+    };
+  },
+  methods: {
+    init() {
+      this.atype = "1";
+      this.$nextTick(() => {
+        this.$refs.ruleForm.clearValidate();
+      });
+    },
+    open(row) {
+      this.isShow = true;
+    },
+    search() {},
+    submit() {
+      this.$refs.ruleForm.validate((valid) => {
+        if (valid) {
+          alert("submit!");
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    validateDate(rule, value, callback) {
+      if (!value) {
+        return callback();
+      }
+      let list = this.list.filter((e) => e.date1 == value);
+      if (list.length > 1) {
+        return callback(new Error("存在重复时间"));
+      }
+      return callback();
+    },
+  },
+  watch: {
+    isShow: {
+      handler(newVal) {
+        if (newVal) {
+          this.init();
+        }
+      },
+      immediate: true,
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.day-set-box {
+  .demo-ruleForm {
+    max-height: 500px;
+    overflow-x: auto;
+    margin-top: 30px;
+    padding-left: 20px;
+    /deep/ {
+      .el-date-editor.el-input,
+      .el-date-editor.el-input__inner {
+        width: 150px;
+      }
+    }
+  }
+}
+</style>

+ 5 - 1
src/views/Marketing/goods/commodityManageMent/index.vue

@@ -39,6 +39,8 @@
           type="text"
           @click="setTeacher(props.scope.row)"
           >双师制设置</el-button
+        ><el-button type="text" @click="$refs.dayPracticeSet.open()"
+          >每日一练设置</el-button
         >
         <el-button type="text" @click="addClick(props.scope.row, 0)"
           >修改</el-button
@@ -84,6 +86,7 @@
         <el-button type="primary" @click="submit">确 定</el-button>
       </span>
     </el-dialog>
+    <Day-practice-set-dialog ref="dayPracticeSet"></Day-practice-set-dialog>
   </div>
 </template>
 
@@ -91,6 +94,7 @@
 import searchBoxNew from "@/components/searchBoxNew";
 import tableList from "@/components/tableList";
 import pagination from "@/components/pagination";
+import DayPracticeSetDialog from "./DayPracticeSetDialog.vue";
 import {
   getGoodsSpecList,
   goodsUpdateSpec,
@@ -99,7 +103,7 @@ import {
 } from "@/api/resource/good";
 export default {
   name: "CommodityManageMent",
-  components: { searchBoxNew, tableList, pagination },
+  components: { searchBoxNew, tableList, pagination, DayPracticeSetDialog },
   data() {
     return {
       loading: false, //当前表单加载是否加载动画

+ 5 - 0
src/views/resource/bankManagement/chapterVolumeManagement/index.vue

@@ -152,6 +152,11 @@ export default {
           prop: "examNum",
           hidden: true,
         },
+        {
+          label: "题目总数",
+          prop: "examNum",
+          hidden: true,
+        },
         {
           label: "最后编辑时间",
           prop: "updateTime",