devbox
码创造者
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

若依前端-APP中使用数据字典_dict-tag

作者：码创造者 | 2024-07-11 16:33:59

赞

踩

dict-tag

 

  1. <template>
  2.   <div class="app-container">
  3.     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
  4.       <el-form-item label="入库单编号" prop="recptCode">
  5.         <el-input
  6.           v-model="queryParams.recptCode"
  7.           placeholder="请输入入库单编号"
  8.           clearable
  9.           @keyup.enter.native="handleQuery"
  10.         />
  11.       </el-form-item>
  12.       <el-form-item label="入库单名称" prop="recptName">
  13.         <el-input
  14.           v-model="queryParams.recptName"
  15.           placeholder="请输入入库单名称"
  16.           clearable
  17.           @keyup.enter.native="handleQuery"
  18.         />
  19.       </el-form-item>
  20.       <el-form-item label="生产工单" prop="workorderCode">
  21.         <el-input
  22.           v-model="queryParams.workorderCode"
  23.           placeholder="请输入生产工单编码"
  24.           clearable
  25.           @keyup.enter.native="handleQuery"
  26.         />
  27.       </el-form-item>
  28.       <el-form-item label="仓库" prop="warehouseName">
  29.         <el-input
  30.           v-model="queryParams.warehouseName"
  31.           placeholder="请输入仓库名称"
  32.           clearable
  33.           @keyup.enter.native="handleQuery"
  34.         />
  35.       </el-form-item>
  36.       <el-form-item>
  37.         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  38.         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
  39.       </el-form-item>
  40.     </el-form>
  41.  
  42.     <el-row :gutter="10" class="mb8">
  43.       <el-col :span="1.5">
  44.         <el-button
  45.           type="primary"
  46.           plain
  47.           icon="el-icon-plus"
  48.           size="mini"
  49.           @click="handleAdd"
  50.           v-hasPermi="['mes:wm:productrecpt:add']"
  51.         >新增</el-button>
  52.       </el-col>
  53.       <el-col :span="1.5">
  54.         <el-button
  55.           type="success"
  56.           plain
  57.           icon="el-icon-edit"
  58.           size="mini"
  59.           :disabled="single"
  60.           @click="handleUpdate"
  61.           v-hasPermi="['mes:wm:productrecpt:edit']"
  62.         >修改</el-button>
  63.       </el-col>
  64.       <el-col :span="1.5">
  65.         <el-button
  66.           type="danger"
  67.           plain
  68.           icon="el-icon-delete"
  69.           size="mini"
  70.           :disabled="multiple"
  71.           @click="handleDelete"
  72.           v-hasPermi="['mes:wm:productrecpt:remove']"
  73.         >删除</el-button>
  74.       </el-col>
  75.       <el-col :span="1.5">
  76.         <el-button
  77.           type="warning"
  78.           plain
  79.           icon="el-icon-download"
  80.           size="mini"
  81.           @click="handleExport"
  82.           v-hasPermi="['mes:wm:productrecpt:export']"
  83.         >导出</el-button>
  84.       </el-col>
  85.       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
  86.     </el-row>
  87.  
  88.     <el-table v-loading="loading" :data="productrecptList" @selection-change="handleSelectionChange">
  89.       <el-table-column type="selection" width="55" align="center" />
  90.       <el-table-column label="入库单编号" width="130px" align="center" prop="recptCode" >
  91.         <template slot-scope="scope">
  92.           <el-button
  93.             type="text"
  94.             @click="handleView(scope.row)"
  95.             v-hasPermi="['mes:wm:productrecpt:query']"
  96.           >{{scope.row.recptCode}}</el-button>
  97.         </template>
  98.       </el-table-column>
  99.       <el-table-column label="入库单名称" width="150px" align="center" prop="recptName" :show-overflow-tooltip="true"/>
  100.       <el-table-column label="生产工单编码" width="150px" align="center" prop="workorderCode" />
  101.       <el-table-column label="产品编码" align="center" prop="itemCode" />
  102.       <el-table-column label="产品名称" align="center" prop="itemName" />
  103.       <el-table-column label="入库日期" align="center" prop="recptDate" width="120">
  104.         <template slot-scope="scope">
  105.           <span>{{ parseTime(scope.row.recptDate, '{y}-{m}-{d}') }}</span>
  106.         </template>
  107.       </el-table-column>
  108.       <el-table-column label="单据状态" align="center" prop="status">
  109.         <template slot-scope="scope">
  110.           <dict-tag :options="dict.type.mes_order_status" :value="scope.row.status"/>
  111.         </template>
  112.       </el-table-column>
  113.       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
  114.         <template slot-scope="scope">
  115.           <el-button
  116.             size="mini"
  117.             type="text"
  118.             icon="el-icon-video-play"
  119.             v-if="scope.row.status =='PREPARE'"
  120.             @click="handleExecute(scope.row)"
  121.             v-hasPermi="['mes:wm:productrecpt:edit']"
  122.           >执行入库</el-button>
  123.           <el-button
  124.             size="mini"
  125.             type="text"
  126.             icon="el-icon-edit"
  127.             @click="handleUpdate(scope.row)"
  128.             v-if="scope.row.status =='PREPARE'"
  129.             v-hasPermi="['mes:wm:productrecpt:edit']"
  130.           >修改</el-button>
  131.           <el-button
  132.             size="mini"
  133.             type="text"
  134.             icon="el-icon-delete"
  135.             @click="handleDelete(scope.row)"
  136.             v-if="scope.row.status =='PREPARE'"
  137.             v-hasPermi="['mes:wm:productrecpt:remove']"
  138.           >删除</el-button>
  139.         </template>
  140.       </el-table-column>
  141.     </el-table>
  142.     
  143.     <pagination
  144.       v-show="total>0"
  145.       :total="total"
  146.       :page.sync="queryParams.pageNum"
  147.       :limit.sync="queryParams.pageSize"
  148.       @pagination="getList"
  149.     />
  150.  
  151.     <!-- 添加或修改产品入库录对话框 -->
  152.     <el-dialog :title="title" :visible.sync="open" width="960px" append-to-body>
  153.       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
  154.         <el-row>
  155.           <el-col :span="8">
  156.             <el-form-item label="入库单编号" prop="recptCode">
  157.               <el-input v-model="form.recptCode" placeholder="请输入入库单编号" />
  158.             </el-form-item>
  159.           </el-col>
  160.           <el-col :span="4">
  161.             <el-form-item  label-width="80">
  162.               <el-switch v-model="autoGenFlag"
  163.                   active-color="#13ce66"
  164.                   active-text="自动生成"
  165.                   @change="handleAutoGenChange(autoGenFlag)" v-if="optType != 'view' && form.status =='PREPARE'">               
  166.               </el-switch>
  167.             </el-form-item>
  168.           </el-col>
  169.           <el-col :span="12">
  170.             <el-form-item label="入库单名称" prop="recptName">
  171.               <el-input v-model="form.recptName" placeholder="请输入入库单名称" />
  172.             </el-form-item>
  173.           </el-col>
  174.         </el-row>
  175.         <el-row>
  176.           <el-col :span="8">
  177.             <el-form-item label="生产工单" prop="workorderCode">
  178.               <el-input v-model="form.workorderCode" placeholder="请选择生产工单" >
  179.                 <el-button slot="append" icon="el-icon-search" @click="handleWorkorderSelect"></el-button>
  180.               </el-input>
  181.               <WorkorderSelect ref="woSelect" @onSelected="onWorkorderSelected"></WorkorderSelect>
  182.             </el-form-item>
  183.           </el-col>
  184.           <el-col :span="8">
  185.             <el-form-item label="生产工单名称" prop="workorderName">
  186.               <el-input v-model="form.workorderName" readonly="readonly" />
  187.             </el-form-item>
  188.           </el-col>
  189.           <el-col :span="8">
  190.             <el-form-item label="入库日期" prop="recptDate">
  191.               <el-date-picker clearable
  192.                 v-model="form.recptDate"
  193.                 type="date"
  194.                 value-format="yyyy-MM-dd"
  195.                 placeholder="请选择入库日期">
  196.               </el-date-picker>
  197.             </el-form-item>
  198.           </el-col>
  199.         </el-row>       
  200.         <el-row>
  201.           <el-col :span="24">
  202.             <el-form-item label="备注" prop="remark">
  203.               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
  204.             </el-form-item>
  205.           </el-col>
  206.         </el-row>
  207.       </el-form>
  208.       <el-divider v-if="form.recptId !=null" content-position="center">物料信息</el-divider> 
  209.       <el-card shadow="always" v-if="form.recptId !=null" class="box-card">
  210.         <Productrecptline :recptId="form.recptId" :optType="optType" :workorderId="form.workorderId" :itemId="form.itemId"></Productrecptline>
  211.       </el-card>
  212.       <div slot="footer" class="dialog-footer">
  213.         <el-button type="primary" @click="cancel" v-if="optType =='view' || form.status !='PREPARE' ">返回</el-button>
  214.         <el-button type="primary" @click="submitForm" v-if="form.status =='PREPARE' && optType !='view' ">保 存</el-button>        
  215.         <el-button @click="cancel">取 消</el-button>
  216.       </div>
  217.     </el-dialog>
  218.   </div>
  219. </template>
  220.  
  221. <script>
  222. import { listProductrecpt, getProductrecpt, delProductrecpt, addProductrecpt, updateProductrecpt ,execute} from "@/api/mes/wm/productrecpt";
  223. import WorkorderSelect from "@/components/workorderSelect/single.vue"
  224. import Productrecptline from "./line.vue"
  225. import {getTreeList} from "@/api/mes/wm/warehouse"
  226. import {genCode} from "@/api/system/autocode/rule"
  227. export default {
  228.   name: "Productrecpt",
  229.   dicts: ['mes_order_status'],
  230.   components:{WorkorderSelect,Productrecptline},
  231.   data() {
  232.     return {
  233.       //自动生成编码
  234.       autoGenFlag:false,
  235.       optType: undefined,
  236.       warehouseInfo:[],
  237.       warehouseOptions:[],
  238.       warehouseProps:{
  239.         multiple: false,
  240.         value: 'pId',
  241.         label: 'pName',
  242.       },
  243.       // 遮罩层
  244.       loading: true,
  245.       // 选中数组
  246.       ids: [],
  247.       // 非单个禁用
  248.       single: true,
  249.       // 非多个禁用
  250.       multiple: true,
  251.       // 显示搜索条件
  252.       showSearch: true,
  253.       // 总条数
  254.       total: 0,
  255.       // 产品入库录表格数据
  256.       productrecptList: [],
  257.       // 弹出层标题
  258.       title: "",
  259.       // 是否显示弹出层
  260.       open: false,
  261.       // 查询参数
  262.       queryParams: {
  263.         pageNum: 1,
  264.         pageSize: 10,
  265.         recptCode: null,
  266.         recptName: null,
  267.         workorderId: null,
  268.         workorderCode: null,
  269.         workorderName: null,
  270.         warehouseId: null,
  271.         warehouseCode: null,
  272.         warehouseName: null,
  273.         locationId: null,
  274.         locationCode: null,
  275.         locationName: null,
  276.         areaId: null,
  277.         areaCode: null,
  278.         areaName: null,
  279.         recptDate: null,
  280.         status: null,
  281.       },
  282.       // 表单参数
  283.       form: {},
  284.       // 表单校验
  285.       rules: {
  286.         recptCode: [
  287.           { required: true, message: "入库单编号不能为空", trigger: "blur" }
  288.         ],
  289.         recptDate: [
  290.           { required: true, message: "请选择入库日期", trigger: "blur" }
  291.         ],
  292.         workorderCode: [
  293.           { required: true, message: "请选择生产工单", trigger: "blur" }
  294.         ],
  295.       }
  296.     };
  297.   },
  298.   created() {
  299.     this.getList();
  300.     this.getWarehouseList();
  301.   },
  302.   methods: {
  303.     /** 查询产品入库录列表 */
  304.     getList() {
  305.       this.loading = true;
  306.       listProductrecpt(this.queryParams).then(response => {
  307.         this.productrecptList = response.rows;
  308.         this.total = response.total;
  309.         this.loading = false;
  310.       });
  311.     },
  312.     getWarehouseList(){
  313.       getTreeList().then( response =>{        
  314.         this.warehouseOptions = response.data;
  315.         this.warehouseOptions.map(w =>{
  316.           w.children.map(l =>{
  317.                   let lstr =JSON.stringify(l.children).replace(/locationId/g,'lId').replace(/areaId/g, 'pId').replace(/areaName/g,'pName');                  
  318.                   l.children = JSON.parse(lstr);
  319.           });
  320.             
  321.           let wstr = JSON.stringify(w.children).replace(/warehouseId/g,'wId').replace(/locationId/g, 'pId').replace(/locationName/g,'pName');  
  322.           w.children =  JSON.parse(wstr); 
  323.  
  324.         });
  325.         let ostr=JSON.stringify(this.warehouseOptions).replace(/warehouseId/g,'pId').replace(/warehouseName/g, 'pName');
  326.         this.warehouseOptions = JSON.parse(ostr);
  327.       });
  328.     },
  329.     // 取消按钮
  330.     cancel() {
  331.       this.open = false;
  332.       this.reset();
  333.     },
  334.     // 表单重置
  335.     reset() {
  336.       this.form = {
  337.         recptId: null,
  338.         recptCode: null,
  339.         recptName: null,
  340.         workorderId: null,
  341.         workorderCode: null,
  342.         workorderName: null,
  343.         warehouseId: null,
  344.         warehouseCode: null,
  345.         warehouseName: null,
  346.         locationId: null,
  347.         locationCode: null,
  348.         locationName: null,
  349.         itemId: null,
  350.         itemCode: null,
  351.         itemName: null,
  352.         unitOfMeasure: null,
  353.         clientCode: null,
  354.         clientName: null,
  355.         areaId: null,
  356.         areaCode: null,
  357.         areaName: null,
  358.         recptDate: new Date(),
  359.         status: "PREPARE",
  360.         remark: null,
  361.         attr1: null,
  362.         attr2: null,
  363.         attr3: null,
  364.         attr4: null,
  365.         createBy: null,
  366.         createTime: null,
  367.         updateBy: null,
  368.         updateTime: null
  369.       };
  370.       this.autoGenFlag = false;
  371.       this.resetForm("form");
  372.     },
  373.     /** 搜索按钮操作 */
  374.     handleQuery() {
  375.       this.queryParams.pageNum = 1;
  376.       this.getList();
  377.     },
  378.     /** 重置按钮操作 */
  379.     resetQuery() {
  380.       this.resetForm("queryForm");
  381.       this.handleQuery();
  382.     },
  383.     // 多选框选中数据
  384.     handleSelectionChange(selection) {
  385.       this.ids = selection.map(item => item.recptId)
  386.       this.single = selection.length!==1
  387.       this.multiple = !selection.length
  388.     },
  389.         // 查询明细按钮操作
  390.     handleView(row){
  391.  
  392.       this.reset();
  393.       const recptId = row.recptId || this.ids
  394.       getProductrecpt(recptId).then(response => {
  395.         this.form = response.data;
  396.         this.open = true;
  397.         this.title = "查看产品入库单";
  398.         this.optType = "view";
  399.       });
  400.  
  401.  
  402.     },
  403.     /** 新增按钮操作 */
  404.     handleAdd() {
  405.       this.reset();
  406.       this.open = true;
  407.       this.title = "添加产品入库单";
  408.     },
  409.     /** 修改按钮操作 */
  410.     handleUpdate(row) {
  411.       this.reset();
  412.       const recptId = row.recptId || this.ids
  413.       getProductrecpt(recptId).then(response => {
  414.         this.form = response.data;
  415.         this.open = true;
  416.         this.title = "修改产品入库单";
  417.       });
  418.     },
  419.     //执行入库
  420.     handleExecute(row){
  421.       const recptIds = row.recptId || this.ids;
  422.       this.$modal.confirm('确认执行入库？').then(function() {
  423.         return execute(recptIds)//执行入库
  424.       }).then(() => {
  425.         this.getList();
  426.         this.$modal.msgSuccess("入库成功");
  427.       }).catch(() => {});
  428.     },
  429.     /** 提交按钮 */
  430.     submitForm() {
  431.       this.$refs["form"].validate(valid => {
  432.         if (valid) {
  433.           if (this.form.recptId != null) {
  434.             updateProductrecpt(this.form).then(response => {
  435.               this.$modal.msgSuccess("修改成功");
  436.               this.open = false;
  437.               this.getList();
  438.             });
  439.           } else {
  440.             addProductrecpt(this.form).then(response => {
  441.               this.$modal.msgSuccess("新增成功");
  442.               this.open = false;
  443.               this.getList();
  444.             });
  445.           }
  446.         }
  447.       });
  448.     },
  449.     /** 删除按钮操作 */
  450.     handleDelete(row) {
  451.       const recptIds = row.recptId || this.ids;
  452.       this.$modal.confirm('是否确认删除产品入库单编号为"' + recptIds + '"的数据项？').then(function() {
  453.         return delProductrecpt(recptIds);
  454.       }).then(() => {
  455.         this.getList();
  456.         this.$modal.msgSuccess("删除成功");
  457.       }).catch(() => {});
  458.     },
  459.     /** 导出按钮操作 */
  460.     handleExport() {
  461.       this.download('wm/productrecpt/export', {
  462.         ...this.queryParams
  463.       }, `productrecpt_${new Date().getTime()}.xlsx`)
  464.     },
  465.     //选择生产工单
  466.     handleWorkorderSelect(){
  467.       this.$refs.woSelect.showFlag = true;
  468.     },
  469.     onWorkorderSelected(row){
  470.       if(row != undefined && row != null){
  471.         debugger;
  472.         this.form.workorderId = row.workorderId;
  473.         this.form.workorderCode = row.workorderCode;
  474.         this.form.workorderName = row.workorderName;
  475.         this.form.itemId = row.productId;
  476.         this.form.itemCode = row.productCode;
  477.         this.form.itemName = row.productName;
  478.         this.form.unitOfMeasure = row.unitOfMeasure;
  479.         this.form.clientCode = row.clientCode;
  480.         this.form.clientName = row.clientName;
  481.       }
  482.     },
  483.     //选择默认的仓库、库区、库位
  484.     handleWarehouseChanged(obj){      
  485.       if(obj !=null){
  486.         this.form.warehouseId = obj[0];
  487.         this.form.locationId = obj[1];
  488.         this.form.areaId = obj[2];
  489.       }
  490.     },
  491.     //自动生成编码
  492.     handleAutoGenChange(autoGenFlag){
  493.       if(autoGenFlag){
  494.         genCode('PRODUCTRECPT_CODE').then(response =>{
  495.           this.form.recptCode = response;
  496.         });
  497.       }else{
  498.         this.form.recptCode = null;
  499.       }
  500.     }
  501.   }
  502. };
  503. </script>

 

  1. <template>
  2.   <div class="app-container">
  3.     <el-row :gutter="10" class="mb8">
  4.       <el-col :span="1.5">
  5.         <el-button
  6.           type="primary"
  7.           plain
  8.           icon="el-icon-plus"
  9.           size="mini"
  10.           @click="handleAdd"
  11.           v-hasPermi="['mes:wm:productrecpt:add']"
  12.         >新增</el-button>
  13.       </el-col>
  14.       <el-col :span="1.5">
  15.         <el-button
  16.           type="success"
  17.           plain
  18.           icon="el-icon-edit"
  19.           size="mini"
  20.           :disabled="single"
  21.           @click="handleUpdate"
  22.           v-if="optType != 'view'"
  23.           v-hasPermi="['mes:wm:productrecpt:edit']"
  24.         >修改</el-button>
  25.       </el-col>
  26.       <el-col :span="1.5">
  27.         <el-button
  28.           type="danger"
  29.           plain
  30.           icon="el-icon-delete"
  31.           size="mini"
  32.           :disabled="multiple"
  33.           @click="handleDelete"
  34.           v-if="optType != 'view'"
  35.           v-hasPermi="['mes:wm:productrecpt:remove']"
  36.         >删除</el-button>
  37.       </el-col>     
  38.       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
  39.     </el-row>
  40.  
  41.     <el-table v-loading="loading" :data="productrecptlineList" @selection-change="handleSelectionChange">
  42.       <el-table-column type="selection" width="55" align="center" />
  43.       <el-table-column label="产品物料编码" width="120px" align="center" prop="itemCode" />
  44.       <el-table-column label="产品物料名称" width="150px" align="center" prop="itemName" :show-overflow-tooltip="true"/>
  45.       <el-table-column label="规格型号" width="120px" align="center" prop="specification" :show-overflow-tooltip="true"/>
  46.       <el-table-column label="单位" align="center" prop="unitOfMeasure" />
  47.       <el-table-column label="入库数量" align="center" prop="quantityRecived" />
  48.       <el-table-column label="良品数" align="center" prop="quantityQualified" />
  49.       <el-table-column label="不良品数" align="center" prop="quantityUnqualified" />
  50.       <el-table-column label="批次号" align="center" prop="batchCode" />
  51.       <el-table-column label="仓库名称" align="center" prop="warehouseName" />
  52.       <el-table-column label="库区名称" align="center" prop="locationName" />
  53.       <el-table-column label="库位名称" align="center" prop="areaName" />
  54.       <el-table-column label="操作" align="center"  class-name="small-padding fixed-width">
  55.         <template slot-scope="scope">
  56.           <el-button
  57.             size="mini"
  58.             type="text"
  59.             icon="el-icon-edit"
  60.             @click="handleUpdate(scope.row)"
  61.             v-if="optType != 'view'"
  62.             v-hasPermi="['mes:wm:productrecpt:edit']"
  63.           >修改</el-button>
  64.           <el-button
  65.             size="mini"
  66.             type="text"
  67.             icon="el-icon-delete"
  68.             @click="handleDelete(scope.row)"
  69.             v-if="optType != 'view'"
  70.             v-hasPermi="['mes:wm:productrecpt:remove']"
  71.           >删除</el-button>
  72.         </template>
  73.       </el-table-column>
  74.     </el-table>
  75.     
  76.     <pagination
  77.       v-show="total>0"
  78.       :total="total"
  79.       :page.sync="queryParams.pageNum"
  80.       :limit.sync="queryParams.pageSize"
  81.       @pagination="getList"
  82.     />
  83.  
  84.     <!-- 添加或修改产品入库记录行对话框 -->
  85.     <el-dialog :title="title" :visible.sync="open" width="960px" append-to-body>
  86.       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
  87.         <el-row>
  88.           <el-col :span="8">
  89.             <el-form-item label="产品物料编码" prop="itemCode">
  90.               <el-input v-model="form.itemCode" placeholder="请输入产品物料编码" >
  91.                 <el-button slot="append" @click="handleSelectStock" icon="el-icon-search"></el-button>
  92.               </el-input>
  93.               <StockSelect ref="stockSelect" :workorderId="workorderId" :itemId="itemId" warehouseCode="XBK_VIRTUAL" @onSelected="onStockSelected"></StockSelect>
  94.             </el-form-item>
  95.           </el-col>
  96.           <el-col :span="8">
  97.             <el-form-item label="产品物料名称" prop="itemName">
  98.               <el-input v-model="form.itemName" placeholder="请输入产品物料名称" />
  99.             </el-form-item>
  100.           </el-col>
  101.           <el-col :span="8">
  102.             <el-form-item label="单位" prop="unitOfMeasure">
  103.               <el-input v-model="form.unitOfMeasure" placeholder="请输入单位" />
  104.             </el-form-item>
  105.           </el-col>
  106.         </el-row>
  107.         <el-row>
  108.           <el-col :span="24">
  109.             <el-form-item label="规格型号" prop="specification">
  110.               <el-input v-model="form.specification" type="textarea" placeholder="请输入内容" />
  111.             </el-form-item>
  112.           </el-col>
  113.         </el-row>
  114.         <el-row>
  115.           <el-col :span="8">
  116.             <el-form-item label="入库数量" prop="quantityRecived">
  117.               <el-input-number :min="0" :max="form.quantityMax" v-model="form.quantityRecived" placeholder="请输入入库数量" />
  118.             </el-form-item>
  119.           </el-col>
  120.           <el-col :span="8">
  121.             <el-form-item label="批次号" prop="batchCode">
  122.               <el-input v-model="form.batchCode" placeholder="请输入批次号" />
  123.             </el-form-item>
  124.           </el-col>
  125.           <el-col :span="8">
  126.             <el-form-item label="入库仓库" prop="warehouseId">
  127.               <el-cascader v-model="warehouseInfo"
  128.                 :options="warehouseOptions"
  129.                 :props="warehouseProps"
  130.                 @change="handleWarehouseChanged"
  131.               >                  
  132.               </el-cascader>
  133.             </el-form-item>
  134.           </el-col>
  135.         </el-row>
  136.         <el-row>
  137.           <el-col :span="24">
  138.             <el-form-item label="备注" prop="remark">
  139.               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
  140.             </el-form-item>
  141.           </el-col>
  142.         </el-row>
  143.       </el-form>
  144.       <div slot="footer" class="dialog-footer">
  145.         <el-button type="primary" @click="submitForm">确 定</el-button>
  146.         <el-button @click="cancel">取 消</el-button>
  147.       </div>
  148.     </el-dialog>
  149.   </div>
  150. </template>
  151.  
  152. <script>
  153. import { listProductrecptline, getProductrecptline, delProductrecptline, addProductrecptline, updateProductrecptline } from "@/api/mes/wm/productrecptline";
  154. import StockSelect from "@/components/stockSelect/single.vue"
  155. import {getTreeList} from "@/api/mes/wm/warehouse"
  156. export default {
  157.   name: "Productrecptline",
  158.   components:{
  159.     StockSelect
  160.   },
  161.   props: {
  162.     recptId: null,
  163.     optType: null,
  164.     workorderId:null,
  165.     itemId: null
  166.   },
  167.   data() {
  168.     return {
  169.       warehouseInfo:[],
  170.       warehouseOptions:[],
  171.       warehouseProps:{
  172.         multiple: false,
  173.         value: 'pId',
  174.         label: 'pName',
  175.       },
  176.       // 遮罩层
  177.       loading: true,
  178.       // 选中数组
  179.       ids: [],
  180.       // 非单个禁用
  181.       single: true,
  182.       // 非多个禁用
  183.       multiple: true,
  184.       // 显示搜索条件
  185.       showSearch: true,
  186.       // 总条数
  187.       total: 0,
  188.       // 产品入库记录行表格数据
  189.       productrecptlineList: [],
  190.       // 弹出层标题
  191.       title: "",
  192.       // 是否显示弹出层
  193.       open: false,
  194.       // 查询参数
  195.       queryParams: {
  196.         pageNum: 1,
  197.         pageSize: 10,
  198.         recptId: this.recptId,
  199.         materialStockId: null,
  200.         itemId: null,
  201.         itemCode: null,
  202.         itemName: null,
  203.         specification: null,
  204.         unitOfMeasure: null,
  205.         quantityRecived: null,
  206.         batchCode: null,
  207.         warehouseId: null,
  208.         warehouseCode: null,
  209.         warehouseName: null,
  210.         locationId: null,
  211.         locationCode: null,
  212.         locationName: null,
  213.         areaId: null,
  214.         areaCode: null,
  215.         areaName: null,
  216.       },
  217.       // 表单参数
  218.       form: {},
  219.       // 表单校验
  220.       rules: {
  221.         itemId: [
  222.           { required: true, message: "产品不能为空", trigger: "blur" }
  223.         ],
  224.         warehouseId: [
  225.           { required: true, message: "入库仓库不能为空", trigger: "blur" }
  226.         ],
  227.         quantityRecived: [
  228.           { required: true, message: "入库数量不能为空", trigger: "blur" }
  229.         ],
  230.       }
  231.     };
  232.   },
  233.   created() {
  234.     this.getList();
  235.     this.getWarehouseList();
  236.   },
  237.   methods: {
  238.     /** 查询产品入库记录行列表 */
  239.     getList() {
  240.       this.loading = true;
  241.       listProductrecptline(this.queryParams).then(response => {
  242.         this.productrecptlineList = response.rows;
  243.         this.total = response.total;
  244.         this.loading = false;
  245.       });
  246.     },
  247.     getWarehouseList(){
  248.       getTreeList().then( response =>{        
  249.         this.warehouseOptions = response.data;
  250.         this.warehouseOptions.map(w =>{
  251.           w.children.map(l =>{
  252.                   let lstr =JSON.stringify(l.children).replace(/locationId/g,'lId').replace(/areaId/g, 'pId').replace(/areaName/g,'pName');                  
  253.                   l.children = JSON.parse(lstr);
  254.           });
  255.             
  256.           let wstr = JSON.stringify(w.children).replace(/warehouseId/g,'wId').replace(/locationId/g, 'pId').replace(/locationName/g,'pName');  
  257.           w.children =  JSON.parse(wstr); 
  258.  
  259.         });
  260.         let ostr=JSON.stringify(this.warehouseOptions).replace(/warehouseId/g,'pId').replace(/warehouseName/g, 'pName');
  261.         this.warehouseOptions = JSON.parse(ostr);
  262.       });
  263.     },
  264.     // 取消按钮
  265.     cancel() {
  266.       this.open = false;
  267.       this.reset();
  268.     },
  269.     // 表单重置
  270.     reset() {
  271.       this.form = {
  272.         lineId: null,
  273.         recptId: this.recptId,
  274.         materialStockId: null,
  275.         itemId: null,
  276.         itemCode: null,
  277.         itemName: null,
  278.         specification: null,
  279.         unitOfMeasure: null,
  280.         quantityRecived: null,
  281.         batchCode: null,
  282.         warehouseId: null,
  283.         warehouseCode: null,
  284.         warehouseName: null,
  285.         locationId: null,
  286.         locationCode: null,
  287.         locationName: null,
  288.         areaId: null,
  289.         areaCode: null,
  290.         areaName: null,
  291.         remark: null,
  292.         attr1: null,
  293.         attr2: null,
  294.         attr3: null,
  295.         attr4: null,
  296.         createBy: null,
  297.         createTime: null,
  298.         updateBy: null,
  299.         updateTime: null
  300.       };
  301.       this.resetForm("form");
  302.     },
  303.     /** 搜索按钮操作 */
  304.     handleQuery() {
  305.       this.queryParams.pageNum = 1;
  306.       this.getList();
  307.     },
  308.     /** 重置按钮操作 */
  309.     resetQuery() {
  310.       this.resetForm("queryForm");
  311.       this.handleQuery();
  312.     },
  313.     // 多选框选中数据
  314.     handleSelectionChange(selection) {
  315.       this.ids = selection.map(item => item.lineId)
  316.       this.single = selection.length!==1
  317.       this.multiple = !selection.length
  318.     },
  319.     /** 新增按钮操作 */
  320.     handleAdd() {
  321.       this.reset();
  322.       this.open = true;
  323.       this.title = "添加产品入库记录行";
  324.     },
  325.     /** 修改按钮操作 */
  326.     handleUpdate(row) {
  327.       this.reset();
  328.       const lineId = row.lineId || this.ids
  329.       getProductrecptline(lineId).then(response => {
  330.         this.form = response.data;
  331.         this.open = true;
  332.         this.title = "修改产品入库记录行";
  333.       });
  334.     },
  335.     /** 提交按钮 */
  336.     submitForm() {
  337.       this.$refs["form"].validate(valid => {
  338.         if (valid) {
  339.           if (this.form.lineId != null) {
  340.             updateProductrecptline(this.form).then(response => {
  341.               this.$modal.msgSuccess("修改成功");
  342.               this.open = false;
  343.               this.getList();
  344.             });
  345.           } else {
  346.             addProductrecptline(this.form).then(response => {
  347.               this.$modal.msgSuccess("新增成功");
  348.               this.open = false;
  349.               this.getList();
  350.             });
  351.           }
  352.         }
  353.       });
  354.     },
  355.     /** 删除按钮操作 */
  356.     handleDelete(row) {
  357.       const lineIds = row.lineId || this.ids;
  358.       this.$modal.confirm('是否确认删除产品入库记录行编号为"' + lineIds + '"的数据项？').then(function() {
  359.         return delProductrecptline(lineIds);
  360.       }).then(() => {
  361.         this.getList();
  362.         this.$modal.msgSuccess("删除成功");
  363.       }).catch(() => {});
  364.     },
  365.     /** 导出按钮操作 */
  366.     handleExport() {
  367.       this.download('wm/productrecptline/export', {
  368.         ...this.queryParams
  369.       }, `productrecptline_${new Date().getTime()}.xlsx`)
  370.     },
  371.     handleSelectStock(){
  372.       this.$refs.stockSelect.showFlag = true;
  373.       this.$refs.stockSelect.getList();
  374.     },
  375.     //物料选择弹出框
  376.     onStockSelected(obj){
  377.         if(obj != undefined && obj != null){
  378.           this.form.materialStockId = obj.materialStockId;
  379.           this.form.itemId = obj.itemId;
  380.           this.form.itemCode = obj.itemCode;
  381.           this.form.itemName = obj.itemName;
  382.           this.form.specification = obj.specification;
  383.           this.form.unitOfMeasure = obj.unitOfMeasure;  
  384.           this.form.batchCode = obj.batchCode;
  385.           this.form.quantityRecived = obj.quantityOnhand;
  386.           this.form.quantityMax = obj.quantityOnhand;
  387.         }
  388.     },
  389.     //选择默认的仓库、库区、库位
  390.     handleWarehouseChanged(obj){      
  391.       if(obj !=null){
  392.         this.form.warehouseId = obj[0];
  393.         this.form.locationId = obj[1];
  394.         this.form.areaId = obj[2];
  395.       }
  396.     },
  397.   }
  398. };
  399. </script>
  1. <template>
  2. 	<view class="container">
  3. 		<!-- 显示收料单表头 -->
  4. 		<uni-section title="扫码委外收料表身" type="line" class="mb-10">
  5. 			<template v-slot:right>
  6. 				查询清单
  7. 			</template>
  8.  
  9. 			<uni-collapse>
  10. 				<uni-collapse-item :title="'委外收料单:'+outreceive.receiveCode+'  状态:'+outreceive.status"
  11. 					thumb="/static/images/workorder.png">
  12.  
  13. 					<view class="content">
  14.  
  15. 						<view class="container">
  16. 							<uni-list>
  17.  
  18.  
  19. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'location-filled'}" title="ID"
  20. 									:rightText="outreceive.receiveId" />
  21.  
  22.  
  23. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'wallet-filled'}" title="类型"
  24. 									:rightText="outreceive.receiveType" />
  25.  
  26. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'wallet-filled'}" title="供应商"
  27. 									:rightText="outreceive.vendorCode" />
  28. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'chat-filled'}" title="供应商名称"
  29. 									:rightText="outreceive.vendorName" />
  30.  
  31.  
  32. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'calendar-filled'}" title="开单时间"
  33. 									:rightText="outreceive.createTime" />
  34.  
  35. 							</uni-list>
  36.  
  37.  
  38. 						</view>
  39.  
  40. 					</view>
  41.  
  42. 				</uni-collapse-item>
  43.  
  44.  
  45. 				<view class="dist-flex">
  46. 					<button type="primary" class="uni-btn-small" size="mini"
  47. 						@click="openAddOutreceiveLine">增加收料数量</button>
  48. 					<button type="primary" class="uni-btn-small" size="mini" @click="openEditOutissueLine"
  49. 						v-show="false">修改收料数量</button>
  50. 					<button type="primary" class="uni-btn-small" size="mini"
  51. 						@click="openQueryOutreceiveLine">查询收料明细</button>
  52. 				</view>
  53.  
  54.  
  55.  
  56. 			</uni-collapse>
  57. 		</uni-section>
  58. 		<!-- 显示收料单表头 -->
  59.  
  60. 		<!-- 显示收料单明细 -->
  61. 		<uni-section title="查询收料单明细" type="line" class="mb-10" v-show="showQueryOutreceiveLine">
  62. 			<template v-slot:right>
  63. 			</template>
  64.  
  65. 			<uni-collapse v-for="(value, key, index) in outrececLineList">
  66. 				<uni-collapse-item :title="'料号:'+value.productCode+' 良品数:'+value.quantityQualified"
  67. 					thumb="/static/images/workorder.png">
  68.  
  69.  
  70. 					<view class="container">
  71. 						<view class="container">
  72. 							<uni-list>
  73.  
  74. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'location-filled'}" title="ID"
  75. 									:rightText="value.receiveLineId" />
  76.  
  77.  
  78. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'wallet-filled'}" title="委外工单号码"
  79. 									:rightText="value.outworkorderCode" />
  80.  
  81. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'wallet-filled'}" title="生产工单号码"
  82. 									:rightText="value.workorderCode" />
  83.  
  84. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'wallet-filled'}" title="委外工序"
  85. 									:rightText="value.productCode" />
  86.  
  87. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'wallet-filled'}" title="工序名称"
  88. 									:rightText="value.productName" />
  89.  
  90. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'wallet-filled'}" title="需求数量"
  91. 									:rightText="value.quantityScrot" />
  92.  
  93. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'wallet-filled'}" title="发料数量"
  94. 									:rightText="value.quantityIssue" />
  95.  
  96. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'wallet-filled'}" title="收料良品数"
  97. 									:rightText="value.quantityQualified" />
  98.  
  99. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'wallet-filled'}" title="收料不良品数"
  100. 									:rightText="value.quantityUnquanlified" />
  101.  
  102. 								<uni-list-item showExtraIcon="true" :extraIcon="{type: 'wallet-filled'}" title="收料时间"
  103. 									:rightText="value.createTime" />
  104.  
  105. 							</uni-list>
  106. 						</view>
  107. 					</view>
  108.  
  109.  
  110. 				</uni-collapse-item>
  111.  
  112. 			</uni-collapse>
  113. 		</uni-section>
  114. 		<!-- 显示收料单明细 -->
  115. 		<!-- 编辑收料单明细 -->
  116. 		<view class="content example" v-show="showEditOutreceiveLine">
  117.  
  118. 			<uni-forms ref="form" :model="outreceiveLine" labelWidth="100px">
  119.  
  120. 				<uni-forms-item label="扫码委外发料行码" name="issueCode" label-width="100">
  121.  
  122. 					<view class="dist-flex">
  123. 						<uni-easyinput v-model="outreceiveLine.issueCode" placeholder="委外工单号码"></uni-easyinput>
  124. 						<uni-icons type="camera-filled" size="30" @click="onH5Scan"></uni-icons>
  125. 					</view>
  126.  
  127. 				</uni-forms-item>
  128.  
  129. 				<uni-forms-item label="收料单ID" name="receiveId" labelWidth="100">
  130. 					<uni-easyinput disabled v-model="outreceiveLine.receiveId" placeholder="收料单" />
  131. 				</uni-forms-item>
  132.  
  133. 				<uni-forms-item label="收料单号" name="receiveCode" labelWidth="100">
  134. 					<uni-easyinput disabled v-model="outreceiveLine.receiveCode" placeholder="收料单" />
  135. 				</uni-forms-item>
  136.  
  137. 				<uni-forms-item label="发料行ID" name="issueLineId" labelWidth="100">
  138. 					<uni-easyinput disabled v-model="outreceiveLine.issueLineId" placeholder="系统自动生成" />
  139. 				</uni-forms-item>
  140.  
  141.  
  142. 				<uni-forms-item label="委外工单" name="outworkorderCode" label-width="100">
  143. 					<uni-easyinput disabled v-model="outreceiveLine.outworkorderCode" placeholder="收料数量" />
  144. 				</uni-forms-item>
  145.  
  146. 				<uni-forms-item label="生厂工单" name="workorderCode" label-width="100">
  147. 					<uni-easyinput disabled v-model="outreceiveLine.workorderCode" placeholder="收料数量" />
  148. 				</uni-forms-item>
  149.  
  150. 				<uni-forms-item label="需求数量" name="quantityScrot" labelWidth="100">
  151. 					<uni-easyinput disabled v-model="outreceiveLine.quantityScrot" placeholder="需求数量" />
  152. 				</uni-forms-item>
  153.  
  154. 				<uni-forms-item label="发料数量" name="quantity" label-width="100">
  155. 					<uni-easyinput disabled v-model="outreceiveLine.quantity" placeholder="收料数量" />
  156. 				</uni-forms-item>
  157.  
  158.  
  159. 				<uni-forms-item label="收料良品数" name="quantityQualifiedReceive" label-width="100">
  160. 					<uni-easyinput v-model="outreceiveLine.quantityQualifiedReceive" placeholder="收料良品数" />
  161. 				</uni-forms-item>
  162.  
  163. 				<uni-forms-item label="收料不良品数" name="quantityUnqualifiedReceive" label-width="100">
  164. 					<uni-easyinput v-model="outreceiveLine.quantityUnqualifiedReceive" placeholder="收料不良品数" />
  165. 				</uni-forms-item>
  166.  
  167.  
  168.  
  169.  
  170. 			</uni-forms>
  171.  
  172.  
  173.  
  174.  
  175. 			</uni-section>
  176.  
  177. 			<view style="text-align: center;">
  178.  
  179. 				<button type="primary" @click="submitForm" size="mini">保存委外收料单明细</button>
  180.  
  181. 			</view>
  182.  
  183. 		</view>
  184. 		<!-- 编辑收料单明细 -->
  185.  
  186.  
  187.  
  188. 	</view>
  189. </template>
  190.  
  191. <script>
  192. 	import {
  193. 		getUserProfile
  194. 	} from "@/api/system/user"
  195. 	import {
  196. 		updateUserProfile
  197. 	} from "@/api/system/user"
  198. 	import {
  199. 		listWorkorder
  200. 	} from "@/api/mes/pro/workorder"
  201. 	import {
  202. 		listOutworkorder
  203. 	} from "@/api/mes/pro/outworkorder"
  204. 	import {
  205. 		getOutissue,
  206. 		addOutissue,
  207. 		listOutissue,
  208. 		updateOutissue,
  209. 		getOutissueByIssueCode
  210. 	} from "@/api/mes/pro/outissue.js"
  211. 	import {
  212. 		getOutissueLine,
  213. 		addOutissueLine,
  214. 		listOutissueLine,
  215. 		updateOutissueLine
  216. 	} from "@/api/mes/pro/outissueLine.js"
  217. 	import {
  218. 		getOutrececive,
  219. 		addOutrececive,
  220. 		listOutrececive,
  221. 		updateOutrececive,
  222. 		getOutreceiveByReceiveCode
  223. 	} from "@/api/mes/pro/outreceive.js"
  224. 	import {
  225. 		getOutreceiveLine,
  226. 		addOutreceiveLine,
  227. 		listOutreceiveLine,
  228. 		updateOutreceiveLine
  229. 	} from "@/api/mes/pro/outreceiveLine.js"
  230.  
  231.  
  232. 	import {
  233. 		listUser,
  234. 		getUser,
  235. 		delUser,
  236. 		addUser,
  237. 		updateUser,
  238. 		resetUserPwd,
  239. 		changeUserStatus
  240. 	} from "@/api/system/user"
  241. 	import {
  242. 		getJsapiSignature
  243. 	} from "@/api/notice/qywx.js"
  244. 	import storage from '@/utils/storage'
  245. 	import {
  246. 		getDicts
  247. 	} from "@/api/system/dict/data"
  248. 	import {
  249. 		listVendor,
  250. 		getVendor,
  251. 		delVendor,
  252. 		addVendor,
  253. 		updateVendor
  254. 	} from "@/api/mes/md/vendor"
  255. 	import {
  256. 		genCode
  257. 	} from "@/api/system/autocode/rule"
  258. 	import {
  259. 		listOutworkorderline
  260. 	} from "../../../../api/mes/pro/outworkorderline"
  261.  
  262.  
  263. 	export default {
  264. 		dicts: ['mes_order_status'],
  265. 		data() {
  266. 			return {
  267. 				vendorList: [],
  268. 				selectVendorCode: null,
  269. 				rules: {
  270. 					nickName: {
  271. 						rules: [{
  272. 							required: true,
  273. 							errorMessage: '用户昵称不能为空'
  274. 						}]
  275. 					},
  276. 					phonenumber: {
  277. 						rules: [{
  278. 							required: true,
  279. 							errorMessage: '手机号码不能为空'
  280. 						}, {
  281. 							pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
  282. 							errorMessage: '请输入正确的手机号码'
  283. 						}]
  284. 					},
  285. 					email: {
  286. 						rules: [{
  287. 							required: true,
  288. 							errorMessage: '邮箱地址不能为空'
  289. 						}, {
  290. 							format: 'email',
  291. 							errorMessage: '请输入正确的邮箱地址'
  292. 						}]
  293. 					}
  294. 				},
  295. 				workorderCodeList: [],
  296. 				selectWorkorderCode: null,
  297. 				outworkorderCodeList: [],
  298. 				selectOutworkorderCode: null,
  299. 				outworkorderLineProductList: [],
  300. 				outworkorderLineWorkorderList: [],
  301. 				outissueCodeList: [],
  302. 				outissueLineList: [],
  303. 				selectOutissueCode: null,
  304. 				selectProductCode: null,
  305. 				workorderList: [],
  306. 				protaskList: [],
  307. 				receiveCode: null,
  308. 				outissue: {
  309. 					issueId: null,
  310. 					issueCode: null,
  311. 					issueName: null,
  312. 					issueType: null,
  313. 					orderSource: null,
  314. 					sourceCode: null,
  315. 					productId: null,
  316. 					productCode: null,
  317. 					productName: null,
  318. 					productSpc: null,
  319. 					unitOfMeasure: null,
  320. 					quantity: null,
  321. 					quantityProduced: null,
  322. 					quantityChanged: null,
  323. 					quantityScheduled: null,
  324. 					clientId: null,
  325. 					clientCode: null,
  326. 					clientName: null,
  327. 					vendorId: null,
  328. 					vendorCode: null,
  329. 					vendorName: null,
  330. 					requestDate: null,
  331. 					parentId: null,
  332. 					status: null,
  333. 					remark: null,
  334. 					createBy: null,
  335. 					createTime: null,
  336. 					updateBy: null,
  337. 					updateTime: null
  338. 				},
  339. 				outissueline: {
  340. 					issueLineId: null,
  341. 					issueId: null,
  342. 					issueCode: null,
  343. 					issueName: null,
  344. 					issueType: null,
  345. 					outworkorderId: null,
  346. 					outwrkorderCode: null,
  347. 					outworkorderLineId: null,
  348. 					workorderId: null,
  349. 					workorderCode: null,
  350. 					lineNo: null,
  351. 					routeId: null,
  352. 					routeCode: null,
  353. 					processId: null,
  354. 					processCode: null,
  355. 					processName: null,
  356. 					productId: null,
  357. 					productCode: null,
  358. 					productName: null,
  359. 					productSpc: null,
  360. 					unitOfMeasure: null,
  361. 					quantity: null,
  362. 					quantityProduced: null,
  363. 					quantityChanged: null,
  364. 					quantityScheduled: null,
  365. 					quantityScrot: null,
  366. 					clientId: null,
  367. 					clientCode: null,
  368. 					clientName: null,
  369. 					vendorId: null,
  370. 					vendorCode: null,
  371. 					vendorName: null,
  372. 					requestDate: null,
  373. 					parentId: null,
  374. 					status: null,
  375. 					remark: null,
  376. 					createBy: null,
  377. 					createTime: null,
  378. 					updateBy: null,
  379. 					updateTime: null
  380. 				},
  381. 				outissueLineList: [],
  382. 				outreceive: {
  383. 					receiveId: null,
  384. 					receiveCode: null,
  385. 					receiveName: null,
  386. 					receiveType: null,
  387. 					orderSource: null,
  388. 					sourceCode: null,
  389. 					productId: null,
  390. 					productCode: null,
  391. 					productName: null,
  392. 					productSpc: null,
  393. 					unitOfMeasure: null,
  394. 					quantity: null,
  395. 					quantityProduced: null,
  396. 					quantityChanged: null,
  397. 					quantityScheduled: null,
  398. 					clientId: null,
  399. 					clientCode: null,
  400. 					clientName: null,
  401. 					vendorId: null,
  402. 					vendorCode: null,
  403. 					vendorName: null,
  404. 					requestDate: null,
  405. 					parentId: null,
  406. 					status: null,
  407. 					remark: null,
  408. 					createBy: null,
  409. 					createTime: null,
  410. 					updateBy: null,
  411. 					updateTime: null
  412. 				},
  413. 				outreceiveLine: {
  414. 					receiveLineId: null,
  415. 					receiveId: null,
  416. 					receiveCode: null,
  417. 					receiveName: null,
  418. 					receiveType: null,
  419. 					issueId: null,
  420. 					issueCode: null,
  421. 					issueName: null,
  422. 					issueType: null,
  423. 					issueLineId: null,
  424. 					outworkorderId: null,
  425. 					outwrkorderCode: null,
  426. 					outworkorderLineId: null,
  427. 					workorderId: null,
  428. 					workorderCode: null,
  429. 					lineNo: null,
  430. 					routeId: null,
  431. 					routeCode: null,
  432. 					processId: null,
  433. 					processCode: null,
  434. 					processName: null,
  435. 					productId: null,
  436. 					productCode: null,
  437. 					productName: null,
  438. 					productSpc: null,
  439. 					unitOfMeasure: null,
  440. 					quantity: null,
  441. 					quantityProduced: null,
  442. 					quantityChanged: null,
  443. 					quantityScheduled: null,
  444. 					quantityScrot: null,
  445. 					quantityIssue: null,
  446. 					quantityUnquanlified: null,
  447. 					clientId: null,
  448. 					clientCode: null,
  449. 					clientName: null,
  450. 					vendorId: null,
  451. 					vendorCode: null,
  452. 					vendorName: null,
  453. 					requestDate: null,
  454. 					parentId: null,
  455. 					status: null,
  456. 					remark: null,
  457. 					createBy: null,
  458. 					createTime: null,
  459. 					updateBy: null,
  460. 					updateTime: null
  461. 				},
  462. 				outreceiveLineList: [],
  463.  
  464.  
  465. 				workorderStatus: [],
  466. 				// 遮罩层
  467. 				loading: true,
  468. 				showEditOutworkorderLine: false,
  469. 				showQueryOutworkorderLine: false,
  470. 				showOutissueLine: false,
  471. 				showQueryOutreceiveLine: false,
  472. 				showEditOutreceiveLine: false,
  473. 				// 查询参数
  474. 				queryOutissueParams: {
  475. 					issueCode: null,
  476. 				},
  477. 				queryOutissueLineParams: {
  478. 					issueCode: null,
  479. 				},
  480. 				queryOutreceiveParams: {
  481. 					receiveCode: null,
  482. 				},
  483. 				queryOutreceiveLineParams: {
  484. 					receiveCode: null,
  485. 				},
  486.  
  487. 				queryOutworkorderLineParams: {
  488. 					outworkorderCode: null,
  489. 				},
  490. 				//卡片相关数据
  491. 				cover: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
  492. 				avatar: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
  493. 				extraIcon: {
  494. 					color: '#4cd964',
  495. 					size: '22',
  496. 					type: 'gear-filled'
  497. 				}
  498.  
  499. 			}
  500. 		},
  501. 		created() {
  502.  
  503. 		},
  504. 		onLoad: function(option) {
  505.  
  506. 			this.receiveCode = JSON.parse(decodeURIComponent(option.item));
  507. 			console.log("receiveCode:" + this.receiveCode)
  508. 			this.outreceive.receiveCode = this.receiveCode
  509. 			this.queryOutreceiveParams.receiveCode = this.receiveCode
  510. 			this.queryOutreceiveLineParams.receiveCode = this.receiveCode
  511. 			this.queryOutreceive();
  512. 			this.queryOutreceiveLineList();
  513. 			this.queryListOutworkorder();
  514.  
  515. 			//调用微信扫一扫的配置
  516. 			this.getCofig()
  517. 		},
  518. 		onReady() {
  519. 			//设定Form提交的规则
  520. 			this.$refs.form.setRules(this.rules)
  521. 		},
  522. 		methods: {
  523. 			/** 提交按钮 保存报工按钮 */
  524. 			submitForm() {
  525. 				console.log("保存委外收料单开始")
  526. 				console.log(this.outissueLineList)
  527. 				this.$refs.form.validate().then(res => {
  528.  
  529.  
  530. 					console.log("收料行数据");
  531. 					console.log(this.outreceiveLine);
  532. 					addOutreceiveLine(this.outreceiveLine).then(response => {
  533.  
  534. 						//this.showEditOutworkorderLine=false						
  535. 						this.$modal.msgSuccess("新增成功:" + this.outreceiveLine.productName);
  536. 					});
  537.  
  538.  
  539.  
  540. 				});
  541.  
  542. 				console.log("保存委外收料单结束")
  543. 			},
  544. 			changeOutissue(e) {
  545. 				console.log("选择委外发料单号码")
  546. 				console.log(e)
  547. 				let row = JSON.parse(e)
  548. 				console.log(row.issueCode)
  549. 				this.showOutissueLine = true
  550.  
  551.  
  552. 				this.queryOutissueParams.issueCode = row.issueCode;
  553. 				this.outworkorderLineProductList = []
  554. 				this.outworkorderLineWorkorderList = []
  555.  
  556. 				this.outissueline.productCode = null
  557. 				this.outissueline.productName = null
  558. 				this.outissueline.quantityScrot = null
  559. 				this.outissueline.quantity = null
  560.  
  561. 				this.outworkorderCodeList = []
  562.  
  563. 				listOutissueLine(this.queryOutissueParams).then(response => {
  564.  
  565. 					this.loading = false;
  566. 					this.outissueLineList = response.rows;
  567.  
  568. 					for (var i in response.rows) {
  569.  
  570. 						this.outworkorderCodeList.push({
  571. 							value: JSON.stringify(response.rows[i]),
  572. 							text: response.rows[i].outworkorderCode
  573. 						});
  574. 					}
  575.  
  576. 				})
  577. 				//委外工单发料列表
  578. 				console.log(row.outworkorderCodeList)
  579.  
  580.  
  581. 			},
  582. 			changeOutworkorder(e) {
  583. 				console.log("选择委外工单号码")
  584. 				console.log(e)
  585. 				let row = JSON.parse(e)
  586. 				console.log(row.outworkorderCode)
  587. 				this.queryOutworkorderLineParams.outworkorderCode = row.outworkorderCode;
  588. 				this.outworkorderLineProductList = []
  589. 				this.outworkorderLineWorkorderList = []
  590.  
  591. 				this.outissueline.productCode = null
  592. 				this.outissueline.productName = null
  593. 				this.outissueline.quantityScrot = null
  594. 				this.outissueline.quantity = null
  595.  
  596.  
  597. 				listOutworkorderline(this.queryOutworkorderLineParams).then(response => {
  598. 					//this.protaskList = response.rows;
  599. 					this.loading = false;
  600. 					for (var i in response.rows) {
  601. 						this.outworkorderLineProductList.push({
  602. 							value: JSON.stringify(response.rows[i]),
  603. 							text: response.rows[i].productCode + "|" + response.rows[i].productName
  604. 						});
  605. 						this.outworkorderLineWorkorderList.push({
  606. 							value: JSON.stringify(response.rows[i]),
  607. 							text: response.rows[i].workorderCode
  608. 						});
  609. 					}
  610.  
  611. 				})
  612. 				//委外工单发料列表
  613. 				console.log(row.outworkorderLineProductList)
  614.  
  615.  
  616. 			},
  617. 			changeOutworkorderLineWorkorder(e) {
  618. 				console.log("选择委外工单明细的生产工单")
  619. 				console.log(e)
  620. 				let row = JSON.parse(e)
  621. 				console.log(row)
  622.  
  623. 				this.outissueline.processId = row.processId
  624. 				this.outissueline.productCode = row.productCode
  625. 				this.outissueline.productName = row.productName
  626. 				this.outissueline.quantityScrot = row.quantity
  627.  
  628. 				this.outissueline.outworkorderId = row.outworkorderId
  629. 				this.outissueline.outworkorderCode = row.outworkorderCode
  630. 				this.outissueline.outworkorderLineId = row.outworkorderLineId
  631.  
  632. 				this.outissueline.workorderId = row.workorderId
  633. 				this.outissueline.workorderCode = row.workorderCode
  634.  
  635. 				this.outissueline.routeId = row.routeId
  636. 				this.outissueline.routeCode = row.routeCode
  637. 				this.outissueline.routeName = row.routeName
  638.  
  639. 				this.outissueline.processId = row.processId
  640. 				this.outissueline.processCode = row.processCode
  641. 				this.outissueline.processName = row.processName
  642.  
  643.  
  644. 			},
  645. 			changeUser(e) {
  646. 				console.log("选择审核人")
  647. 				console.log(e)
  648. 				let row = JSON.parse(e)
  649. 				console.log(row.userName)
  650. 				this.feedback.recordUser = row.userName
  651. 				this.feedback.recordNick = row.nickNamethis.outissueline.outworkorderId = row.outworkorderId
  652. 				this.loading = true
  653. 				getOutissueByreceiveCode(this.receiveCode).then(response => {
  654. 					this.loading = false;
  655. 					console.log("委外收料单表头");
  656. 					console.log(response.data);
  657. 					this.outissue = response.data;
  658. 					this.outissueline.issueId = response.data.issueId;
  659. 					this.outissueline.receiveCode = response.data.receiveCode;
  660.  
  661. 				});
  662. 			},
  663. 			queryOutreceive() {
  664. 				this.loading = true
  665. 				getOutreceiveByReceiveCode(this.receiveCode).then(response => {
  666. 					this.loading = false;
  667. 					console.log("委外收料单表头");
  668. 					console.log(response.data);
  669. 					this.outreceive = response.data;
  670. 				});
  671. 			},
  672. 			queryOutreceiveLineList() {
  673. 				this.loading = true
  674. 				listOutreceiveLine(this.queryOutreceiveLineParams).then(response => {
  675. 					this.loading = false;
  676. 					console.log("委外收料单明细");
  677. 					console.log(response.rows);
  678. 					this.outrececLineList = response.rows;
  679.  
  680. 				});
  681. 			},
  682. 			queryListOutissue() {
  683. 				console.log("查询委外发料单-可发料范围")
  684. 				listOutissue().then(response => {
  685. 					this.loading = false;
  686. 					for (var i in response.rows) {
  687. 						this.outissueCodeList.push({
  688. 							value: JSON.stringify(response.rows[i]),
  689. 							text: response.rows[i].issueCode
  690. 						});
  691. 					}
  692.  
  693. 				});
  694. 				console.log(this.outissueCodeList);
  695. 				console.log("查询委外发料单-可发料范围")
  696. 			},
  697. 			queryListOutworkorder() {
  698. 				console.log("查询委外工单清单-可发料范围")
  699. 				listOutworkorder().then(response => {
  700. 					this.loading = false;
  701. 					for (var i in response.rows) {
  702. 						this.outworkorderCodeList.push({
  703. 							value: JSON.stringify(response.rows[i]),
  704. 							text: response.rows[i].outworkorderCode
  705. 						});
  706. 					}
  707.  
  708. 				});
  709. 				console.log(this.outworkorderCodeList);
  710. 				console.log("查询委外工单清单-可发料范围")
  711. 			},
  712. 			getListProTask() {
  713. 				console.log("查询排产任务开始")
  714. 				listProtask(this.queryProTaskParams).then(response => {
  715. 					//this.protaskList = response.rows;
  716. 					this.loading = false;
  717. 					for (var i in response.rows) {
  718. 						this.protaskList.push({
  719. 							value: JSON.stringify(response.rows[i]),
  720. 							text: response.rows[i].taskCode + "|" + response.rows[i].workstationName
  721. 						});
  722. 					}
  723.  
  724. 				});
  725.  
  726. 				console.log(this.protaskList);
  727. 				console.log("查询排产任务结束")
  728. 			},
  729. 			openAddOutreceiveLine() {
  730. 				//this.$refs.showRight.open();
  731. 				//this.$tab.navigateTo('/pages/mes/pro/workorder/saveowoissueline?item=' + encodeURIComponent(JSON.stringify(this
  732. 				//	.outissue)));
  733. 				this.showEditOutreceiveLine = true;
  734. 				this.showQueryOutreceiveLine = false;
  735. 				//查询发料单可发料列表
  736. 				//this.queryListOutissue();
  737.  
  738. 			},
  739. 			openQueryOutreceiveLine() {
  740. 				console.log("查询委外工单收料明细")
  741.  
  742. 				this.showQueryOutreceiveLine = true;
  743. 				this.showEditOutreceiveLine = false;
  744.  
  745. 				this.queryOutreceiveLineList();
  746. 			},
  747.  
  748. 			closeDrawer() {
  749. 				this.$refs.showRight.close();
  750. 			},
  751.  
  752. 			//微信扫描save
  753. 			onH5Scan() {
  754. 				//如果有调用相关的内容，要使用that的这个常量
  755. 				const that = this;
  756. 				console.log('onH5Scan进来了');
  757. 				this.$wx.scanQRCode({
  758. 					needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
  759. 					scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
  760. 					success: function(res) {
  761. 						//alert(JSON.stringify(res))  //测试使用
  762. 						var result = res.resultStr; // 当 needResult 为 1 时，扫码返回的结果
  763. 						var resultArr = result.split(',') // 扫描结果以逗号分割数组
  764. 						var codeContent = resultArr[resultArr.length - 1] // 获取数组最后一个元素，也就是最终的内容
  765. 						扫描结果赋值
  766. 						console.log('onH5Scan——success');
  767. 						console.log("onH5Scan" + result + "===" + resultArr + "===" + codeContent);
  768.  
  769. 						var str = codeContent.trim();
  770.  
  771. 						var array = str.split('^');
  772. 						alert(array);
  773. 						
  774. 						that.outreceiveLine.receiveId=that.outreceive.receiveId
  775. 						that.outreceiveLine.receiveCode=that.outreceive.receiveCode
  776.  
  777. 						that.outreceiveLine.issueLineId = parseInt(array[0])
  778. 						that.outreceiveLine.issueId = parseInt(array[1])
  779. 						that.outreceiveLine.issueCode = array[2]
  780.  
  781.  
  782. 						that.outreceiveLine.outworkorderLineId = parseInt(array[3])
  783. 						that.outreceiveLine.outworkorderId = parseInt(array[4])
  784. 						that.outreceiveLine.outworkorderCode = array[5]
  785.  
  786.  
  787. 						that.outreceiveLine.workorderId = parseInt(array[6])
  788. 						that.outreceiveLine.workorderCode = array[7]
  789.  
  790.  
  791. 						that.outreceiveLine.productId = parseInt(array[8])
  792. 						that.outreceiveLine.productCode = array[9]
  793. 						that.outreceiveLine.productName = array[10]
  794.  
  795.  
  796. 						that.outreceiveLine.routeId = parseInt(array[11])
  797. 						that.outreceiveLine.routeCode = array[12]
  798. 						//that.outissueline.routeName = array[13]
  799.  
  800. 						that.outreceiveLine.processId = parseInt(array[14])
  801. 						that.outreceiveLine.processCode = array[15]
  802. 						that.outreceiveLine.processName = array[16]
  803.  
  804. 						that.outreceiveLine.quantityScrot = parseFloat(array[17])
  805. 						that.outreceiveLine.quantity = array[18]
  806.  
  807.  
  808.  
  809.  
  810. 					},
  811. 					fail: function(response) {
  812. 						if (res.errMsg.indexOf('function_not_exist') > 0) {
  813. 							console.log('onH5Scan版本过低请升级');
  814. 						}
  815. 						uni.showToast({
  816. 							icon: "none",
  817. 							title: "onH5Scan——调用扫码失败" + response.errMsg
  818. 						})
  819. 					},
  820. 				});
  821. 			},
  822. 			// 配置信息
  823. 			getCofig() {
  824.  
  825. 				const that = this;
  826. 				let url = window.location.href.split('#')[0];
  827. 				let params = {
  828. 					'url': url
  829. 				}
  830. 				getJsapiSignature(params).then(res => {
  831. 					const result = res;
  832.  
  833. 					if (res) {
  834. 						that.wxConfig(
  835. 							result.appId,
  836. 							result.timestamp,
  837. 							result.nonceStr,
  838. 							result.signature
  839. 						);
  840. 					} else {
  841. 						alert('获取配置信息返回为空');
  842. 					}
  843. 				})
  844. 			},
  845. 			//wx.config的配置
  846. 			wxConfig(appId, timestamp, nonceStr, signature) {
  847. 				this.$wx.config({
  848. 					debug: false, // 开启调试模式,
  849. 					appId: appId, // 必填，企业号的唯一标识
  850. 					timestamp: timestamp, // 必填，生成签名的时间戳
  851. 					nonceStr: nonceStr, // 必填，生成签名的随机串
  852. 					signature: signature, // 必填，签名
  853. 					jsApiList: [
  854. 						'chooseImage',
  855. 						'previewImage',
  856. 						'uploadImage',
  857. 						'downloadImage',
  858. 						'scanQRCode',
  859. 						'checkJsApi'
  860. 					], // 必填，需要使用的JS接口列表
  861. 				});
  862.  
  863.  
  864. 				this.$wx.ready(() => {
  865. 					this.$wx.checkJsApi({ //判断当前客户端版本是否支持指定JS接口
  866. 						jsApiList: [
  867. 							'chooseImage',
  868. 							'previewImage',
  869. 							'uploadImage',
  870. 							'downloadImage',
  871. 							'scanQRCode',
  872. 						],
  873. 						success: function(
  874. 							res
  875. 						) { // 以键值对的形式返回，可用true，不可用false。如：{"checkResult":{"scanQRCode":true},"errMsg":"checkJsApi:ok"}
  876. 							//alert(res)
  877. 							//取消配置提示框
  878. 							this.$modal.msgSuccess(res.checkResult)
  879. 							if (res.checkResult.scanQRCode != true) {
  880. 								this.$modal.msgSuccess('抱歉，当前客户端版本不支持扫一扫')
  881. 							}
  882.  
  883. 						},
  884. 						fail: function(res) { //检测getNetworkType该功能失败时处理
  885. 							this.$modal.msgSuccess(res)
  886. 							alert('checkJsApi error');
  887. 						}
  888. 					});
  889.  
  890. 					console.log("wxConfig配置完成，扫码前准备完成");
  891. 					//this.$modal.msgSuccess("wxConfig配置完成，扫码前准备完成")
  892. 				})
  893. 				this.$wx.error(function(res) {
  894. 					this.$modal.msgSuccess('wxConfig出错了：' + res.errMsg)
  895. 					console.log('wxConfig出错了：' + res.errMsg);
  896. 					//wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。
  897. 				});
  898. 			},
  899.  
  900. 		}
  901. 	}
  902. </script>
  903.  
  904. <style lang="scss">
  905. 	page {
  906. 		background-color: #ffffff;
  907. 	}
  908.  
  909. 	.example {
  910. 		padding: 15px;
  911. 		background-color: #ffffff;
  912. 	}
  913.  
  914. 	.segmented-control {
  915. 		margin-bottom: 15px;
  916. 	}
  917.  
  918. 	.button-group {
  919. 		margin-top: 15px;
  920. 		display: flex;
  921. 		justify-content: space-around;
  922. 	}
  923.  
  924. 	.form-item {
  925. 		display: flex;
  926. 		align-items: center;
  927. 		flex: 1;
  928. 	}
  929.  
  930. 	.button {
  931. 		display: flex;
  932. 		align-items: center;
  933. 		height: 35px;
  934. 		line-height: 35px;
  935. 		margin-left: 10px;
  936. 	}
  937.  
  938. 	.dist-flex {
  939. 		display: flex !important;
  940. 	}
  941.  
  942. 	/*卡片格式*/
  943. 	.container {
  944. 		overflow: hidden;
  945. 	}
  946.  
  947. 	.custom-cover {
  948. 		flex: 1;
  949. 		flex-direction: row;
  950. 		position: relative;
  951. 	}
  952.  
  953. 	.cover-content {
  954. 		position: absolute;
  955. 		bottom: 0;
  956. 		left: 0;
  957. 		right: 0;
  958. 		height: 40px;
  959. 		background-color: rgba($color: #000000, $alpha: 0.4);
  960. 		display: flex;
  961. 		flex-direction: row;
  962. 		align-items: center;
  963. 		padding-left: 15px;
  964. 		font-size: 14px;
  965. 		color: #fff;
  966. 	}
  967.  
  968. 	.card-actions {
  969. 		display: flex;
  970. 		flex-direction: row;
  971. 		justify-content: space-around;
  972. 		align-items: center;
  973. 		height: 45px;
  974. 		border-top: 1px #eee solid;
  975. 	}
  976.  
  977. 	.card-actions-item {
  978. 		display: flex;
  979. 		flex-direction: row;
  980. 		align-items: center;
  981. 	}
  982.  
  983. 	.card-actions-item-text {
  984. 		font-size: 12px;
  985. 		color: #666;
  986. 		margin-left: 5px;
  987. 	}
  988.  
  989. 	.cover-image {
  990. 		flex: 1;
  991. 		height: 150px;
  992. 	}
  993.  
  994. 	.no-border {
  995. 		border-width: 0;
  996. 	}
  997. </style>
  1. ALTER TABLE ryvue_mes.pro_task ADD first_flag INT NULL COMMENT '首道工序(0否/1是)';
  2. ALTER TABLE ryvue_mes.pro_task ADD last_flag INT NULL COMMENT '末道工序(0否/1是)';
  3. ALTER TABLE ryvue_mes.pro_task ADD bf_flag INT NULL COMMENT 'BFFlag 倒冲工序(0否/1是)';
  4. ALTER TABLE ryvue_mes.pro_task ADD report_flag INT NULL COMMENT 'ReportFlag 报告点 (0否/1是)';
  5. ALTER TABLE ryvue_mes.pro_task ADD fee_flag INT NULL COMMENT 'FeeFlag 计费点(0否/1是)';
  6. ALTER TABLE ryvue_mes.pro_task ADD delivery_days DECIMAL NULL COMMENT 'DeliveryDays 交货天数';
 1 在main.js文件中注册有关字典的组件和相关的属性等，如下所示，有添加字典注解的地方
  1. import Vue from 'vue'
  2. import App from './App'
  3. import wx from 'weixin-js-sdk'
  4. import store from './store' // store
  5. import plugins from './plugins' // plugins
  6. import './permission' // permission
  7. //字典
  8. import { getDicts } from "@/api/system/dict/data"
  9. // 字典标签组件
  10. import DictTag from '@/components/DictTag'
  11. // 字典数据组件
  12. import DictData from '@/components/DictData'
  13.  
  14. Vue.use(plugins)
  15. //安装字典
  16. DictData.install()
  17.  
  18. Vue.config.productionTip = false
  19. Vue.prototype.$store = store
  20. Vue.prototype.getDicts = getDicts
  21. //全局注册字典
  22. Vue.component('DictTag', DictTag)
  23.  
  24.  
  25. App.mpType = 'app'
  26.  
  27. const app = new Vue({
  28.   ...App
  29. })
  30.  
  31. app.$mount()
2  在D:\ideaProject\RuoYi-App-master\components目录，添加从前端的项目复制DictData,DictTag两个目录的全部文件
3在D:\ideaProject\RuoYi-App-master\utils目录，添加从前端的项目复制utils的文件，存在的文件就跳过
4 在组件文件中直接使用<dict-tag :options="dict.type.mes_order_status" value="CONFIRMED" />来表示字典显示的内容

4.1 定义字典的内容

dicts: ['mes_order_status','mes_workorder_sourcetype','mes_workorder_type'],

 4.2 在要显示标签的地方，写下dict-tag标签的语法，vaule属性可以使用变量

<dict-tag :options="dict.type.mes_order_status" value="CONFIRMED" />
  1. <template>
  2. 	<view class="normal-login-container">
  3. 		<view class="logo-content align-center justify-center flex">
  4. 			<image style="width: 100rpx;height: 100rpx;" :src="globalConfig.appInfo.logo" mode="widthFix">
  5. 			</image>
  6. 			<text class="title">若依移动端登录</text>
  7. 			<view>
  8. 				 
  9. 					<dict-tag :options="dict.type.mes_order_status" value="CONFIRMED" />
  10. 			 
  11. 			</view>
  12. 		</view>
  13. 		<view class="login-form-content">
  14. 			<view class="input-item flex align-center">
  15. 				<view class="iconfont icon-user icon"></view>
  16. 				<input v-model="loginForm.username" class="input" type="text" placeholder="请输入账号" maxlength="30" />
  17. 			</view>
  18. 			<view class="input-item flex align-center">
  19. 				<view class="iconfont icon-password icon"></view>
  20. 				<input v-model="loginForm.password" type="password" class="input" placeholder="请输入密码" maxlength="20" />
  21. 			</view>
  22. 			<view class="input-item flex align-center" style="width: 60%;margin: 0px;" v-if="captchaEnabled">
  23. 				<view class="iconfont icon-code icon"></view>
  24. 				<input v-model="loginForm.code" type="number" class="input" placeholder="请输入验证码" maxlength="4" />
  25. 				<view class="login-code">
  26. 					<image :src="codeUrl" @click="getCode" class="login-code-img"></image>
  27. 				</view>
  28. 			</view>
  29. 			<view class="action-btn">
  30. 				<button @click="handleLogin" class="login-btn cu-btn block bg-blue lg round">登录</button>
  31. 			</view>
  32. 			<view class="reg text-center" v-if="register">
  33. 				<text class="text-grey1">没有账号？</text>
  34. 				<text @click="handleUserRegister" class="text-blue">立即注册</text>
  35. 			</view>
  36. 			<view class="xieyi text-center">
  37. 				<text class="text-grey1">登录即代表同意</text>
  38. 				<text @click="handleUserAgrement" class="text-blue">《用户协议》</text>
  39. 				<text @click="handlePrivacy" class="text-blue">《隐私协议》</text>
  40. 			</view>
  41.  
  42. 		</view>
  43. 	</view>
  44. </template>
  45.  
  46. <script>
  47. 	import {
  48. 		getCodeImg
  49. 	} from '@/api/login'
  50.  
  51. 	export default {
  52. 		dicts: ['mes_order_status','mes_workorder_sourcetype','mes_workorder_type'],
  53. 		data() {
  54. 			return {
  55. 				codeUrl: "",
  56. 				captchaEnabled: true,
  57. 				// 用户注册开关
  58. 				register: false,
  59. 				globalConfig: getApp().globalData.config,
  60. 				loginForm: {
  61. 					username: "admin",
  62. 					password: "admin123",
  63. 					code: "",
  64. 					uuid: ''
  65. 				}
  66. 			}
  67. 		},
  68. 		created() {
  69. 			this.getCode()
  70. 		},
  71. 		methods: {
  72. 			// 用户注册
  73. 			handleUserRegister() {
  74. 				this.$tab.redirectTo(`/pages/register`)
  75. 			},
  76. 			// 隐私协议
  77. 			handlePrivacy() {
  78. 				let site = this.globalConfig.appInfo.agreements[0]
  79. 				this.$tab.navigateTo(`/pages/common/webview/index?title=${site.title}&url=${site.url}`)
  80. 			},
  81. 			// 用户协议
  82. 			handleUserAgrement() {
  83. 				let site = this.globalConfig.appInfo.agreements[1]
  84. 				this.$tab.navigateTo(`/pages/common/webview/index?title=${site.title}&url=${site.url}`)
  85. 			},
  86. 			// 获取图形验证码
  87. 			getCode() {
  88. 				getCodeImg().then(res => {
  89. 					this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled
  90. 					if (this.captchaEnabled) {
  91. 						this.codeUrl = 'data:image/gif;base64,' + res.img
  92. 						this.loginForm.uuid = res.uuid
  93. 					}
  94. 				})
  95. 			},
  96. 			// 登录方法
  97. 			async handleLogin() {
  98. 				if (this.loginForm.username === "") {
  99. 					this.$modal.msgError("请输入您的账号")
  100. 				} else if (this.loginForm.password === "") {
  101. 					this.$modal.msgError("请输入您的密码")
  102. 				} else if (this.loginForm.code === "" && this.captchaEnabled) {
  103. 					this.$modal.msgError("请输入验证码")
  104. 				} else {
  105. 					this.$modal.loading("登录中，请耐心等待...")
  106. 					this.pwdLogin()
  107. 				}
  108. 			},
  109. 			// 密码登录
  110. 			async pwdLogin() {
  111. 				this.$store.dispatch('Login', this.loginForm).then(() => {
  112. 					this.$modal.closeLoading()
  113. 					this.loginSuccess()
  114. 				}).catch(() => {
  115. 					if (this.captchaEnabled) {
  116. 						this.getCode()
  117. 					}
  118. 				})
  119. 			},
  120. 			// 登录成功后，处理函数
  121. 			loginSuccess(result) {
  122. 				// 设置用户信息
  123. 				this.$store.dispatch('GetInfo').then(res => {
  124. 					this.$tab.reLaunch('/pages/index')
  125. 				})
  126. 			}
  127. 		}
  128. 	}
  129. </script>
  130.  
  131. <style lang="scss">
  132. 	page {
  133. 		background-color: #ffffff;
  134. 	}
  135.  
  136. 	.normal-login-container {
  137. 		width: 100%;
  138.  
  139. 		.logo-content {
  140. 			width: 100%;
  141. 			font-size: 21px;
  142. 			text-align: center;
  143. 			padding-top: 15%;
  144.  
  145. 			image {
  146. 				border-radius: 4px;
  147. 			}
  148.  
  149. 			.title {
  150. 				margin-left: 10px;
  151. 			}
  152. 		}
  153.  
  154. 		.login-form-content {
  155. 			text-align: center;
  156. 			margin: 20px auto;
  157. 			margin-top: 15%;
  158. 			width: 80%;
  159.  
  160. 			.input-item {
  161. 				margin: 20px auto;
  162. 				background-color: #f5f6f7;
  163. 				height: 45px;
  164. 				border-radius: 20px;
  165.  
  166. 				.icon {
  167. 					font-size: 38rpx;
  168. 					margin-left: 10px;
  169. 					color: #999;
  170. 				}
  171.  
  172. 				.input {
  173. 					width: 100%;
  174. 					font-size: 14px;
  175. 					line-height: 20px;
  176. 					text-align: left;
  177. 					padding-left: 15px;
  178. 				}
  179.  
  180. 			}
  181.  
  182. 			.login-btn {
  183. 				margin-top: 40px;
  184. 				height: 45px;
  185. 			}
  186.  
  187. 			.reg {
  188. 				margin-top: 15px;
  189. 			}
  190.  
  191. 			.xieyi {
  192. 				color: #333;
  193. 				margin-top: 20px;
  194. 			}
  195.  
  196. 			.login-code {
  197. 				height: 38px;
  198. 				float: right;
  199.  
  200. 				.login-code-img {
  201. 					height: 38px;
  202. 					position: absolute;
  203. 					margin-left: 10px;
  204. 					width: 200rpx;
  205. 				}
  206. 			}
  207. 		}
  208. 	}
  209. </style>

1 为表添加数据同步相关的信息 

  1. ALTER TABLE ryvue_mes.out_workorder ADD sync_id varchar(100) NULL COMMENT '同步ID(接名名称或AP名行或JOB名称等）';
  2. ALTER TABLE ryvue_mes.out_workorder ADD sync_status INT NULL COMMENT '同步状态(0成功1失败2执行3重传）';
  3. ALTER TABLE ryvue_mes.out_workorder ADD sync_time DATETIME NULL COMMENT '同步完成时间';
  4. ALTER TABLE ryvue_mes.out_workorder ADD sync_qty INT NULL COMMENT '同步记录数';
  5. ALTER TABLE ryvue_mes.out_workorder ADD sync_message varchar(100) NULL COMMENT '同步消息';
  1. ALTER TABLE ryvue_mes.pro_route ADD run_card_flag INT NULL COMMENT '启用流转卡 (0否1是）';
  2. ALTER TABLE ryvue_mes.pro_route ADD aux_unit_code varchar(100) NULL COMMENT '辅助计量单位';
  3. ALTER TABLE ryvue_mes.pro_route ADD runcard_batch_qty DECIMAL NULL COMMENT '流转卡批量数据';
  4. ALTER TABLE ryvue_mes.pro_route ADD route_tyype INT NULL COMMENT 'RountingType 类型(1-主要/2-替代)  ';
  5. ALTER TABLE ryvue_mes.pro_route ADD route_version varchar(100) NULL COMMENT '版本';
  6. ALTER TABLE ryvue_mes.pro_route ADD version_desc varchar(100) NULL COMMENT '版本说明';
  7. ALTER TABLE ryvue_mes.pro_route ADD version_start_date DATE NULL COMMENT '版本生效日期';
  8. ALTER TABLE ryvue_mes.pro_route ADD version_end_date DATE NULL COMMENT '版本结束日期';
  9. ALTER TABLE ryvue_mes.pro_route ADD ident_code varchar(100) NULL COMMENT '替代标识';
  10. ALTER TABLE ryvue_mes.pro_route ADD ident_desc varchar(100) NULL COMMENT '替代说明';
  11. ALTER TABLE ryvue_mes.pro_route ADD auditor_user varchar(100) NULL COMMENT '审核人员';
  12. ALTER TABLE ryvue_mes.pro_route ADD auditor_time DATETIME NULL;
  13. ALTER TABLE ryvue_mes.pro_route ADD close_user varchar(100) NULL COMMENT '关闭人员';
  14. ALTER TABLE ryvue_mes.pro_route ADD close_time varchar(100) NULL;
  15. ALTER TABLE ryvue_mes.pro_route ADD change_rate DECIMAL NULL COMMENT '换算率';
  16. ALTER TABLE ryvue_mes.pro_route ADD update_count varchar(100) NULL COMMENT '修改次数';
  17. ALTER TABLE ryvue_mes.pro_route ADD print_count varchar(100) NULL COMMENT '打印次数';
  1.  
  2.     <select id="checkFirstProTask" parameterType="ProTask" resultMap="ProTaskResult">
  3.         <include refid="selectProTaskVo"/>
  4.         <where>
  5.             <if test="workorderCode != null  and workorderCode != ''"> and t.workorder_code = #{workorderCode}</if>
  6.             <if test="processCode != null"> and t.process_code = #{processCode} </if>
  7.             <if test="workorderCode != null  and workorderCode != ''"> and (workorder_code,process_order_num)  in (select workorder_code,min(process_order_num) from  ryvue_mes.pro_task  where workorder_code =#{workorderCode} ) </if>
  8.  
  9.         </where>
  10.     </select>
  11.  
  12.     <select id="checkLastProTask" parameterType="ProTask" resultMap="ProTaskResult">
  13.         <include refid="selectProTaskVo"/>
  14.         <where>
  15.             <if test="workorderCode != null  and workorderCode != ''"> and t.workorder_code = #{workorderCode}</if>
  16.             <if test="processCode != null"> and t.process_code = #{processCode} </if>
  17.             <if test="workorderCode != null  and workorderCode != ''"> and (workorder_code,process_order_num)  in (select workorder_code,min(process_order_num) from  pro_task  where workorder_code =#{workorderCode} ) </if>
  18.         </where>
  19.     </select>
  20.  
  21.  
  22.     <select id="queryPreviousProTask" parameterType="ProTask" resultMap="ProTaskResult">
  23.         <include refid="selectProTaskVo"/>
  24.         <where>
  25.             <if test="workorderCode != null  and workorderCode != ''"> and t.workorder_code = #{workorderCode}</if>
  26.             <if test="workorderCode != null  and workorderCode != '' and  processCode != null  "> and process_order_num  &lt; (select  min(process_order_num) from  pro_task  where workorder_code =#{workorderCode}  and process_code = #{processCode} ) </if>
  27.         </where>
  28.         order by process_order_num desc  limit 1
  29.     </select>
  30.     
  31.     <select id="queryNextProTask" parameterType="ProTask" resultMap="ProTaskResult">
  32.         <include refid="selectProTaskVo"/>
  33.         <where>
  34.             <if test="workorderCode != null  and workorderCode != ''"> and t.workorder_code = #{workorderCode}</if>
  35.             <if test="workorderCode != null  and workorderCode != '' and  processCode != null  "> and process_order_num  &gt; (select  min(process_order_num) from  pro_task  where workorder_code =#{workorderCode}  and process_code = #{processCode} ) </if>
  36.         </where>
  37.         order by process_order_num    limit 1
  38.     </select>
https://blog.csdn.net/hmmmmm/article/details/124625612

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/码创造者/article/detail/810872
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号