优化

mes/qd/src/views/wms/pdm/produce/mouthtask/AddDialog.vue

@@ -0,0 +1,212 @@
+<template>
+  <el-dialog
+    width="800px"
+    :visible.sync="dialogVisible"
+    :show-close="false"
+    @close="close"
+  >
+     <span slot="title" class="dialog-footer">
+      <div class="crud-opts2">
+        <span class="el-dialog__title2">月计划修改</span>
+        <span class="crud-opts-right2">
+          <!--左侧插槽-->
+          <slot name="left" />
+          <el-button slot="left" type="info" @click="dialogVisible = false">关闭</el-button>
+          <el-button slot="left" type="primary" @click="submit">保存</el-button>
+        </span>
+      </div>
+    </span>
+    <el-form ref="form" style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;" :inline="true" :model="form" size="mini" label-width="120px" label-suffix=":">
+      <el-form-item label="计划月份" prop="plan_code">
+        <label slot="label">计划月份:</label>
+        <el-input v-model="form.plan_month" disabled clearable style="width: 210px" />
+      </el-form-item>
+      <el-form-item label="任务号" prop="task_code">
+        <label slot="label">任务号:</label>
+        <el-input v-model="form.task_code" style="width: 210px"  disabled/>
+      </el-form-item>
+      <el-form-item label="申报单位" prop="plan_org_name">
+        <label slot="label">申报单位:</label>
+        <el-input v-model="form.plan_org_name" style="width: 210px"  disabled/>
+      </el-form-item>
+      <el-form-item label="关键设备" prop="device_id">
+        <label slot="label">关键设备:</label>
+        <el-select
+          v-model="form.device_id"
+          size="mini"
+          placeholder="关键设备"
+          class="filter-item"
+          style="width: 210px"
+        >
+          <el-option
+            v-for="item in Devices"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          /></el-select>
+      </el-form-item>
+      <el-form-item label="交货日期" prop="plan_finish_date">
+        <label slot="label">交货日期:</label>
+        <el-input v-model="form.plan_finish_date" style="width: 210px"  disabled/>
+      </el-form-item>
+      <el-form-item label="牌号" prop="old_mark">
+        <label slot="label">牌号:</label>
+        <el-input v-model="form.old_mark" style="width: 210px"  disabled/>
+      </el-form-item>
+      <el-form-item label="物料编码" prop="material_code">
+        <label slot="label">物料编码:</label>
+        <el-input v-model="form.material_code" style="width: 210px"  disabled/>
+      </el-form-item>
+      <el-form-item label="系列" prop="product_series">
+        <el-select
+          v-model="form.product_series"
+          placeholder=""
+          style="width: 210px"
+          class="filter-item"
+          disabled
+        >
+          <el-option
+            v-for="item in XLList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="生产重量Kg" prop="fact_weight">
+        <label slot="label">生产重量Kg:</label>
+        <el-input-number
+          v-model="form.fact_weight"
+          :controls="false"
+          :precision="0"
+          disabled
+          style="width: 210px"
+        />
+      </el-form-item>
+      <el-form-item label="每批重量Kg" prop="standard_weight">
+        <label slot="label">每批重量Kg:</label>
+        <el-input-number
+          v-model="form.standard_weight"
+          :controls="false"
+          :precision="0"
+          disabled
+          style="width: 210px"
+        />
+      </el-form-item>
+      <el-form-item label="状态" prop="is_proc">
+        <el-select
+          v-model="form.is_proc"
+          placeholder=""
+          style="width: 210px"
+          class="filter-item"
+          disabled
+        >
+          <el-option
+            v-for="item in dict.is_proc2"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="提交人" prop="update_optname">
+        <label slot="label">提交人:</label>
+        <el-input v-model="form.update_optname" style="width: 210px"  disabled />
+      </el-form-item>
+      <el-form-item label="提交时间" prop="update_time">
+        <label slot="label">提交时间:</label>
+        <el-input v-model="form.update_time" style="width: 210px"  disabled />
+      </el-form-item>
+      <el-form-item label="备注" prop="remark">
+        <label slot="label">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:</label>
+        <el-input v-model="form.remark" style="width: 480px;" rows="3" type="textarea" disabled />
+      </el-form-item>
+    </el-form>
+  </el-dialog>
+</template>
+
+<script>
+
+import crudseriesProcessRoute from '@/api/wms/pdm/seriesProcessRoute'
+import workorder from '@/api/wms/pdm/workorder'
+import producetask from '@/api/wms/pdm/producetask'
+
+export default {
+  name: 'AddDialog',
+  components: { },
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    rowmst: {
+      type: Object
+    }
+  },
+  dicts: ['product_series', 'is_proc2'],
+  data() {
+    return {
+      dialogVisible: false,
+      fullscreenLoading: false,
+      Depts: [],
+      Devices: [],
+      XLList: [],
+      form: {}
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue) {
+        this.dialogVisible = newValue
+      }
+    },
+    rowmst: {
+      handler(newValue) {
+        this.form = newValue
+      }
+    }
+  },
+  created() {
+    crudseriesProcessRoute.getXLlist2().then(res => {
+      this.XLList = res
+    })
+    workorder.getDepts().then(res => {
+      this.Depts = res
+    })
+    producetask.getDevices().then(res => {
+      this.Devices = res
+    })
+  },
+  methods: {
+    close() {
+      this.$emit('update:dialogShow', false)
+      this.form = {}
+      this.$emit('AddChanged')
+    },
+    submit() {
+      producetask.submit3(this.form).then(res => {
+        debugger
+        this.$emit('update:dialogShow', false)
+        this.form = {}
+        this.$emit('AddChanged')
+      })
+    }
+  }
+}
+</script>
+
+<style>
+.crud-opts2 {
+  padding: 0 0;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+}
+.crud-opts2 .crud-opts-right2 {
+  margin-left: auto;
+  padding: 4px 4px;
+}
+.input-with-select  {
+  background-color: #fff;
+}
+</style>

mes/qd/src/views/wms/pdm/produce/mouthtask/index.vue

@@ -154,6 +154,16 @@
 
       <!--表格渲染-->
       <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
+        <el-table-column
+          min-width="125"
+          label="操作"
+          align="center"
+          fixed="right"
+        >
+          <template scope="scope">
+            <el-button  :disabled="scope.row.is_proc==='2'" type="primary" class="filter-item" size="mini" icon="el-icon-edit" @click="handleEdit(scope.$index, scope.row)"></el-button>
+          </template>
+        </el-table-column>
         <el-table-column type="index" label="序号" width="55" align="center" />
         <el-table-column :selectable="checkboxT" type="selection" width="55" />
         <el-table-column prop="plan_month" label="计划月份" />
@@ -164,7 +174,6 @@
         <el-table-column prop="old_mark" min-width="100" label="牌号" />
         <el-table-column prop="material_code" label="物料编码" min-width="150"/>
         <el-table-column :formatter="seriesFormat" min-width="80" prop="product_series" label="系列" />
-        <el-table-column prop="product_type_name" label="生产方式" />
         <el-table-column prop="fact_weight" label="生产重量Kg" :formatter="crud.formatNum0" min-width="95" />
         <el-table-column prop="standard_weight" label="每批重量Kg" width="95" :formatter="crud.formatNum0"/>
         <el-table-column prop="pcsn_num" label="批数" :formatter="pcsn_num_format"/>
@@ -176,6 +185,7 @@
       <!--分页组件-->
       <pagination />
     </div>
+    <AddDialog :dialog-show.sync="changeShow" :rowmst="mstrow" @AddChanged="querytable" />
   </div>
 </template>
 
@@ -184,6 +194,7 @@ import producetask from '@/api/wms/pdm/producetask'
 import CRUD, { presenter, header, crud } from '@crud/crud'
 import rrOperation from '@crud/RR.operation'
 import crudOperation from '@crud/CRUD.operation'
+import AddDialog from '@/views/wms/pdm/produce/mouthtask/AddDialog'
 import pagination from '@crud/Pagination'
 import { getToken } from '@/utils/auth'
 import { mapGetters } from 'vuex'
@@ -194,12 +205,17 @@ import Date from '@/utils/datetime'
 export default {
   name: 'mouthtask',
   dicts: ['product_mode', 'is_proc2'],
-  components: { pagination, crudOperation, rrOperation },
+  components: { pagination, crudOperation, rrOperation, AddDialog },
   mixins: [presenter(), header(), crud()],
   cruds() {
     return CRUD({
       title: '月计划管理',
       url: 'api/producetask/mouthtask',
+      permission: {
+        add: ['admin', 'producetask:add'],
+        edit: ['admin', 'producetask:edit'],
+        del: ['admin', 'producetask:del']
+      },
       idField: 'plan_id',
       sort: '',
       query:{ nowstart_date: new Date(), captemplate_id: '',is_proc: '1'},
@@ -217,6 +233,8 @@ export default {
       dialogVisible: false,
       save_flag: true,
       sub_flag: true,
+      changeShow: false,
+      mstrow: {},
       Depts: [],
       Devices: [],
       Capacitytes: [],
@@ -256,6 +274,9 @@ export default {
       }
       return true
     },
+    canUd(row) {
+      return row.is_proc !== '2'
+    },
     checkboxT(row) {
       return row.is_proc === '1'
     },
@@ -286,6 +307,10 @@ export default {
         }
       }
     },
+    handleEdit(index, row) {
+      this.changeShow = true
+      this.mstrow = row
+    },
     save() {
       if(this.crud.query.captemplate_id === '' || this.crud.query.captemplate_id === undefined ){
         this.crud.notify('请先选择排产模板！')