md

src/views/emis/emisQuotePrice/batchQuotePriceUpdateForm.vue

@@ -0,0 +1,168 @@
+<template>
+  <div >
+        <el-form ref="form" size="mini" :model="form" :rules="rules" label-width="80px">
+          <el-row :gutter="0"  style="display: flex;flex-wrap: wrap;">
+            <el-col :span="8">
+                  <el-form-item label="开始日期" prop="startDate">
+                    <el-date-picker
+                      style="width:100%"
+                      clearable
+                      v-model="form.startDate"
+                      type="datetime"
+                      value-format="yyyy-MM-dd HH:mm:ss"
+                      default-time = "00:00:00"
+                      placeholder="请选择开始日期"
+                      @change="onStartDateChange"
+                      >
+                    </el-date-picker>
+                  </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                  <el-form-item label="结束日期" prop="endDate">
+                    <el-date-picker
+                      style="width:100%"
+                      clearable
+                      v-model="form.endDate"
+                      type="datetime"
+                      value-format="yyyy-MM-dd HH:mm:ss"
+                      default-time = "23:59:59"
+                      placeholder="请选择结束日期">
+                    </el-date-picker>
+                  </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                  <el-form-item label="启用状态" prop="status">
+                  <el-radio-group v-model="form.status">
+                    <el-radio :label="1">启用</el-radio>
+                    <el-radio :label="0">停用</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+          </el-row>
+
+
+        </el-form>
+
+      <div style="text-align: center;margin-bottom: 10px;">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+
+  </div>
+</template>
+
+<script>
+
+import { updateEmisQuotePrice } from "@/api/emis/emisQuotePrice";
+
+export default {
+  name: "emisCustomerUserForm",
+  props:{
+    ids:{
+        type:[Number,Array]
+    },
+  },
+  components: {
+  },
+  dicts: ['emis_cus_settled_type'],
+  data() {
+    return {
+      openSiteSelectTreeForm:false,
+      emisCustomerUserOptions: [],
+      // 遮罩层
+      loading: true,
+      // 表单参数
+      form: {},
+      isDataChangeCount:0,
+      // 表单校验
+      rules: {
+
+      }
+    };
+  },
+   watch: {
+      "ids": {
+        handler (newValue, oldValue) {
+          this.id = newValue;
+        },
+        deep: true
+      },
+      form: {
+        handler (n, o) {
+          this.isDataChangeCount++
+        },
+        deep: true
+      }
+
+  },
+  created() {
+    this.isDataChangeCount=0;
+    this.reset();
+  },
+
+  methods: {
+    handleSelectSite(){
+      this.openSiteSelectTreeForm=true;
+    },
+    onSelectSiteTreeCheckChange(item){
+        this.openSiteSelectTreeForm=false;
+        this.form.bizSiteName=item.selectSiteNameStr;
+        this.form.bizSite=item.selectSiteCodeStr;
+        // console.log(item)
+    },
+    // 取消按钮
+    cancel() {
+      this.reset();
+      this.$emit("on-cancel");
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        quoteId: null,
+        startDate: null,
+        endDate: null,
+        status:null,
+      };
+      this.resetForm("form");
+    },
+    /** 提交按钮 */
+    async submitForm() {
+      // 判断是否有变动
+      if (this.isDataChangeCount>0 ) {
+          console.log(this.ids);
+          if(this.ids.length==0){
+            this.form.quoteId=item;
+            await updateEmisQuotePrice(this.form).then(response => {
+                // console.log(response);
+              });
+          }else{
+            this.ids.forEach(async item => {
+                this.form.quoteId=item;
+                await updateEmisQuotePrice(this.form).then(response => {
+                  // console.log(response);
+                });
+            });
+          }
+          this.$modal.msgSuccess("修改成功");
+          this.$emit("on-changed");
+
+      }else{
+        this.$modal.msgSuccess("无变动，无需修改");
+      }
+    },
+
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+// .el-row{
+//   display:flex;
+//   flex-wrap: wrap;
+// }
+
+// .el-col{
+//     min-height: 1px;
+// }
+
+</style>