提交订阅

hh
1 parent 96e46dfd
Showing 2 changed files with 373 additions and 2 deletions
src/components/jeecgbiz/JSelectUserByDep.vue
src/views/system/modules/newsOrderPartCopy.vue
@@ -91,14 +91,16 @@
         console.log("当前选中用户ID", idstr)
         if (!rows) {
           this.userNames = ''
-          this.userIds = ''
+          this.userIds = []
         } else {
           let temp = ''
+          let ids = []
           for (let item of rows) {
             temp += ',' + item.realname
+            ids.push(item.id)
           }
           this.userNames = temp.substring(1)
-          this.userIds = idstr
+          this.userIds = ids
         }
         this.$emit("change", this.userIds)
       }
+<template>
+  <a-modal
+    :width="modalWidth"
+    :style="modalStyle"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    :maskClosable="false"
+    @cancel="handleCancel">
+    <template slot="footer">
+      <a-button @click="handleCancel">关闭</a-button>
+    </template>
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+        <a-row>
+          <a-col :span="24/3">
+            <a-form-item label="工作令" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['workNo']" disabled></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24/3">
+            <a-form-item label="物料编码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input v-decorator="['cno']" placeholder="请输入物料编码" disabled></a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-row>
+          <a-col :span="24/3">
+            <a-form-item
+              :labelCol="labelCol"
+              :wrapperCol="wrapperCol"
+              label="采购"
+              hasFeedback>
+              <a-switch checkedChildren="订阅" unCheckedChildren="不订阅" @change="onChose" v-model="visibleCheck"/>
+            </a-form-item>
+          </a-col>
+
+          <a-col :span="24/3">
+            <a-form-item
+              :labelCol="labelCol"
+              :wrapperCol="wrapperCol"
+              label="到货"
+              hasFeedback>
+              <a-switch checkedChildren="订阅" unCheckedChildren="不订阅" @change="onChose2" v-model="visibleCheck2"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24/3">
+            <a-form-item
+              :labelCol="labelCol"
+              :wrapperCol="wrapperCol"
+              label="入库"
+              hasFeedback>
+              <a-switch checkedChildren="订阅" unCheckedChildren="不订阅" @change="onChose3" v-model="visibleCheck3"/>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :span="24/3">
+            <a-form-item
+              :labelCol="labelCol"
+              :wrapperCol="wrapperCol"
+              label="领料"
+              hasFeedback>
+              <a-switch checkedChildren="订阅" unCheckedChildren="不订阅" @change="onChose4" v-model="visibleCheck4"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24/3">
+            <a-form-item
+              :labelCol="labelCol"
+              :wrapperCol="wrapperCol"
+              label="制作"
+              hasFeedback>
+              <a-switch checkedChildren="订阅" unCheckedChildren="不订阅" @change="onChose5" v-model="visibleCheck5"/>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24/3">
+            <a-form-item
+              :labelCol="labelCol"
+              :wrapperCol="wrapperCol"
+              label="工艺"
+              hasFeedback>
+              <a-switch checkedChildren="订阅" unCheckedChildren="不订阅" @change="onChose6" v-model="visibleCheck6"/>
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <!--  通过部门选择用户控件 -->
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <a-form-item label="选择订阅人员">
+              <j-select-user-by-dep v-model="userIds" :multi="true"></j-select-user-by-dep>
+            </a-form-item>
+          </a-col>
+        </a-row>
+
+        <a-row>
+          <a-col :span="24" style="text-align: center" class="table-page-search-submitButtons">
+            <a-button type="primary" @click="submitForm" icon="check-circle">提 交</a-button>
+          </a-col>
+        </a-row>
+
+      </a-form>
+    </a-spin>
+  </a-modal>
+</template>
+
+<script>
+
+import {httpAction} from '@/api/manage'
+import {JeecgListMixin} from '@/mixins/JeecgListMixin'
+import pick from 'lodash.pick'
+
+export default {
+  name: 'PbomTypeForm',
+  mixins: [JeecgListMixin],
+  components: {},
+  props: {
+    //流程表单data
+    formData: {
+      type: Object,
+      default: () => {
+      },
+      required: false
+    },
+    //表单模式：true流程表单 false普通表单
+    formBpm: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    //表单禁用
+    disabled: {
+      type: Boolean,
+      default: false,
+      required: false
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      modalWidth: '50%',
+      modalStyle: {'top': '20px'},
+      form: this.$form.createForm(this),
+      excludeFlag: "",
+      visibleCheck: false,
+      excludeFlag2: "",
+      visibleCheck2: false,
+      excludeFlag3: "",
+      visibleCheck3: false,
+      excludeFlag4: "",
+      visibleCheck4: false,
+      excludeFlag5: "",
+      visibleCheck5: false,
+      excludeFlag6: "",
+      visibleCheck6: false,
+      model: {},
+      no: '',
+      flag: false,
+      flag2: false,
+      labelCol: {
+        xs: {span: 24},
+        sm: {span: 5},
+      },
+      wrapperCol: {
+        xs: {span: 24},
+        sm: {span: 16},
+      },
+      confirmLoading: false,
+      validatorRules: {},
+      searchOptions: [{
+        text: "外协",
+        value: "外协"
+      }, {
+        text: "自制",
+        value: "自制"
+      }, {
+        text: "外购",
+        value: "外购"
+      }, {
+        text: "工序外协",
+        value: "工序外协"
+      }],
+      url: {
+        list: "1",
+        add: "/news/userNewsOrder/addUserNewsOrders",
+        edit: "/pbom_type/pbomType/edit",
+        queryById: "/pbom_type/pbomType/queryById"
+      }
+    }
+  },
+  computed: {
+    formDisabled() {
+      if (this.formBpm === true) {
+        if (this.formData.disabled === false) {
+          return false
+        }
+        return true
+      }
+      return this.disabled
+    },
+    showFlowSubmitButton() {
+      if (this.formBpm === true) {
+        if (this.formData.disabled === false) {
+          return true
+        }
+      }
+      return false
+    },
+
+  },
+  created() {
+    //如果是流程中表单，则需要加载流程表单data
+    this.showFlowData();
+  },
+  methods: {
+    add() {
+      this.edit({});
+    },
+    edit(record, workNo) {
+      this.visible = true;
+      this.form.resetFields();
+      this.no = record.cno;
+      this.model = Object.assign({}, record);
+      this.visible = true;
+      this.$nextTick(() => {
+        this.form.setFieldsValue(pick(this.model, 'cno', 'uuid', 'f04', 'code'))
+        this.form.setFieldsValue({
+          workNo: workNo
+        })
+      })
+      if (record.purchase == '1') {
+        this.visibleCheck = true
+      } else {
+        this.visibleCheck = false
+      }
+      if (record.arrival == '1') {
+        this.visibleCheck2 = true
+      } else {
+        this.visibleCheck2 = false
+      }
+      if (record.warehousing == '1') {
+        this.visibleCheck3 = true
+      } else {
+        this.visibleCheck3 = false
+      }
+      if (record.picking == '1') {
+        this.visibleCheck4 = true
+      } else {
+        this.visibleCheck4 = false
+      }
+      if (record.make == '1') {
+        this.visibleCheck5 = true
+      } else {
+        this.visibleCheck5 = false
+      }
+      if (record.craft == '1') {
+        this.visibleCheck6 = true
+      } else {
+        this.visibleCheck6 = false
+      }
+    },
+    handleCancel() {
+      this.visible = false
+    },
+
+    onChose(checked) {
+      if (checked) {
+        this.excludeFlag = 1
+        this.visibleCheck = true
+      } else {
+        this.excludeFlag = 0
+        this.visibleCheck = false
+      }
+    },
+
+    onChose2(checked) {
+      if (checked) {
+        this.excludeFlag2 = 1
+        this.visibleCheck2 = true
+      } else {
+        this.excludeFlag2 = 0
+        this.visibleCheck2 = false
+      }
+    },
+
+    onChose3(checked) {
+      if (checked) {
+        this.excludeFlag3 = 1
+        this.visibleCheck3 = true
+      } else {
+        this.excludeFlag3 = 0
+        this.visibleCheck3 = false
+      }
+    },
+
+    onChose4(checked) {
+      if (checked) {
+        this.excludeFlag4 = 1
+        this.visibleCheck4 = true
+      } else {
+        this.excludeFlag4 = 0
+        this.visibleCheck4 = false
+      }
+    },
+
+    onChose5(checked) {
+      if (checked) {
+        this.excludeFlag5 = 1
+        this.visibleCheck5 = true
+      } else {
+        this.excludeFlag5 = 0
+        this.visibleCheck5 = false
+      }
+    },
+
+    onChose6(checked) {
+      if (checked) {
+        this.excludeFlag6 = 1
+        this.visibleCheck6 = true
+      } else {
+        this.excludeFlag6 = 0
+        this.visibleCheck6 = false
+      }
+    },
+
+    submitForm() {
+      const that = this;
+      console.log("当前选中用户?????", that.userIds)
+      
+      // 触发表单验证
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          that.confirmLoading = true;
+          let httpurl = '';
+          let method = '';
+          httpurl += this.url.add;
+          method = 'post';
+          let formData = Object.assign(this.model, values);
+          formData.no = this.no
+          formData.purchase = this.excludeFlag
+          formData.arrival = this.excludeFlag2
+          formData.warehousing = this.excludeFlag3
+          formData.picking = this.excludeFlag4
+          formData.make = this.excludeFlag5
+          formData.craft = this.excludeFlag6
+          formData.userIds = that.userIds
+          httpAction(httpurl, formData, method).then((res) => {
+            if (res.success) {
+              that.$message.success(res.message);
+              this.visible = false
+              that.$emit('ok');
+              that.$emit('fatherMethod', '');
+
+            } else {
+              that.$message.warning(res.message);
+            }
+          }).finally(() => {
+            that.confirmLoading = false;
+          })
+        }
+
+      })
+    },
+    popupCallback(row) {
+      this.form.setFieldsValue(pick(row, 'cno', 'uuid', 'f04', 'code'))
+    },
+  }
+}
+</script>
 \ No newline at end of file