| | |
| | | @GetMapping("/list") |
| | | public TableDataInfo list(BsOrderScheduling bsOrderScheduling) |
| | | { |
| | | startPage(); |
| | | // startPage(); |
| | | List<BsOrderScheduling> list = bsOrderSchedulingService.selectBsOrderSchedulingList(bsOrderScheduling); |
| | | return getDataTable(list); |
| | | } |
| | |
| | | <include refid="selectDaParamCollectionVo"/> |
| | | <where> |
| | | <if test="workOrderNo != null and workOrderNo != ''"> and work_order_no = #{workOrderNo}</if> |
| | | <if test="type != null and type != ''"> and type = #{type}</if> |
| | | <if test="sfcCode != null and sfcCode != ''"> and sfc_code = #{sfcCode}</if> |
| | | <if test="productCode != null and productCode != ''"> and product_code = #{productCode}</if> |
| | | <if test="productionLine != null and productionLine != ''"> and production_line = #{productionLine}</if> |
| | |
| | | <el-table v-loading="loading" border :data="paramCollectionList" @selection-change="handleSelectionChange" v-if="paramCollectionList.length > 0"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="主é®id" align="center" prop="id" /> |
| | | <el-table-column label="å·¥åç¼å·" align="center" prop="workOrderNo"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.workOrderNo"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="æ»æåºåå·" align="center" width="100" prop="sfcCode"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.sfcCode"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="产åç¼å·" align="center" prop="productCode"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.productCode"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="产线ç¼å·" align="center" prop="productionLine"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.productionLine"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="å·¥ä½ç¼å·" align="center" prop="locationCode"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.locationCode"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="设å¤ç¼å·" align="center" prop="equipmentNo"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.equipmentNo"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="åæ°ç¼ç " align="center" prop="paramCode"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.paramCode"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="åæ°å¼" align="center" prop="paramValue"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.paramValue"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="åæ°ä¸é" align="center" prop="paramUpper"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.paramUpper"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="åæ°ä¸é" align="center" prop="paramLower"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.paramLower"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="æ åå¼" align="center" prop="paramStandard"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.paramStandard"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="å·¥åç¼å·" align="center" prop="workOrderNo"></el-table-column> |
| | | <el-table-column label="æ»æåºåå·" align="center" width="100" prop="sfcCode"></el-table-column> |
| | | <el-table-column label="产åç¼å·" align="center" prop="productCode"></el-table-column> |
| | | <el-table-column label="产线ç¼å·" align="center" prop="productionLine"></el-table-column> |
| | | <el-table-column label="å·¥ä½ç¼å·" align="center" prop="locationCode"></el-table-column> |
| | | <el-table-column label="设å¤ç¼å·" align="center" prop="equipmentNo"></el-table-column> |
| | | <el-table-column label="åæ°ç¼ç " align="center" prop="paramCode"></el-table-column> |
| | | <el-table-column label="åæ°å¼" align="center" prop="paramValue"></el-table-column> |
| | | <el-table-column label="åæ°ä¸é" align="center" prop="paramUpper"></el-table-column> |
| | | <el-table-column label="åæ°ä¸é" align="center" prop="paramLower"></el-table-column> |
| | | <el-table-column label="æ åå¼" align="center" prop="paramStandard"></el-table-column> |
| | | <el-table-column label="ééæ¶é´" align="center" prop="collectionTime" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.collectionTime, '{y}-{m}-{d}') }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="ç¶æ" align="center" prop="state"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.state"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="åæ°å称" align="center" prop="paramName"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.paramName"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="åä½" align="center" prop="unit"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.unit"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="ç±»å" align="center" prop="type"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.type"/>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column label="ç¶æ" align="center" prop="state"></el-table-column> |
| | | <el-table-column label="åæ°å称" align="center" prop="paramName"></el-table-column> |
| | | <el-table-column label="åä½" align="center" prop="unit"></el-table-column> |
| | | <el-table-column label="ç±»å" align="center" prop="type"></el-table-column> |
| | | <el-table-column label="æä½" align="center" class-name="small-padding fixed-width" > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | |
| | | placeholder="请éæ©ééæ¶é´"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="é¢çå段1" prop="spareField1">--> |
| | | <!-- <el-input v-model="form.spareField1" type="textarea" placeholder="请è¾å
¥å
容" />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="é¢çå段2" prop="spareField2">--> |
| | | <!-- <el-input v-model="form.spareField2" type="textarea" placeholder="请è¾å
¥å
容" />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="å建ç¨æ·" prop="createUser">--> |
| | | <!-- <el-input v-model="form.createUser" type="textarea" placeholder="请è¾å
¥å
容" />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="æ´æ¹ç¨æ·" prop="updateUser">--> |
| | | <!-- <el-input v-model="form.updateUser" type="textarea" placeholder="请è¾å
¥å
容" />--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="ç¶æ" prop="state"> |
| | | <el-input v-model="form.state" placeholder="请è¾å
¥ç¶æ" /> |
| | | </el-form-item> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="ç±»å" prop="type"> |
| | | <el-select v-model="form.type" placeholder="请éæ©ç±»å"> |
| | | <!-- <el-option--> |
| | | <!-- v-for="dict in dict.type.${dictType}"--> |
| | | <!-- :key="dict.value"--> |
| | | <!-- :label="dict.label"--> |
| | | <!-- :value="dict.value"--> |
| | | <!-- ></el-option>--> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-card style="height: 70px;margin-bottom: 10px" class="box-card" > |
| | | <el-card class="box-card" > |
| | | <template> |
| | | <div class="container"> |
| | | <el-row type="flex" justify="center" style="text-align: center" > |
| | |
| | | </div> |
| | | </template> |
| | | </el-card> |
| | | <el-row :gutter="5" style="margin-top: 10px"> |
| | | <el-col :span="10" style=" height:600px;width:800px" > |
| | | <el-card class="bottom-card"> |
| | | <el-descriptions :column="1" > |
| | | <el-descriptions-item> |
| | | <el-row :gutter="0" > |
| | | |
| | | <el-col :span="14"> |
| | | <el-card class="box-card" > |
| | | <el-form ref="form" :model="form" label-width="200px" style="height: 60px;margin-top: 20px" > |
| | | <el-form-item prop="engineNo" > |
| | | <span slot="label" style="font-size:45px;color:black"><strong>åå¨æºå·</strong></span> |
| | | <span slot="label" style="font-size:40px;color:black"><strong>åå¨æºå·</strong></span> |
| | | <el-input style="font-size:30px" v-model="form.engineNo" placeholder="请è¾å
¥åå¨æºå·" clearable @keyup.enter.native="EngineNohandleChange" > |
| | | <el-button slot="append" plain type="info" @click="EngineNohandleChange(form.engineNo)" icon="el-icon-search"></el-button> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item> |
| | | <el-form ref="form" :model="form" label-width="200px" style="height: 60px;margin-top: 20px" > |
| | | <el-form-item prop="productType" > |
| | | <span slot="label" style="font-size:45px;color:black"><strong>æºå</strong></span> |
| | | <span slot="label" style="font-size:40px;color:black"><strong>æºå</strong></span> |
| | | <el-input disabled style="font-size:30px" value="form.productType" v-model="form.productType" placeholder="" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item> |
| | | <el-form ref="form" :model="form" label-width="200px" style="height: 60px;margin-top: 20px" > |
| | | <el-form-item prop="orderNo" > |
| | | <span slot="label" style="font-size:45px;color:black"><strong>å·¥åç¼å·</strong></span> |
| | | <span slot="label" style="font-size:40px;color:black"><strong>å·¥åç¼å·</strong></span> |
| | | <el-input disabled style="font-size:30px" v-model="form.orderNo" placeholder="" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item> |
| | | <el-form ref="form" :model="form" label-width="200px" style="height: 60px;margin-top: 20px" > |
| | | <el-form-item prop="currentWorkstation" > |
| | | <span slot="label" style="font-size:45px;color:black"><strong>è´¨éç¶æ</strong></span> |
| | | <span slot="label" style="font-size:40px;color:black"><strong>è´¨éç¶æ</strong></span> |
| | | <el-input disabled style="font-size:30px" v-model:value="form.add" placeholder="" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-descriptions-item> |
| | | </el-descriptions> |
| | | <el-divider></el-divider> |
| | | <el-row :gutter="10" class="mb8" type="flex" justify="center" style="text-align: center"> |
| | | <el-col :span="1.5"> |
| | | <el-button plain :disabled="buttondisabled" type="primary" style="width:400px;height:160px" v-hasPermi="['bs:formula:add']" @click="forceOnline"> |
| | | <span class="el-icon-thumb" style="font-size:45px;color:black"></span> |
| | | <span class="el-icon-thumb" style="font-size:40px;color:black"></span> |
| | | <span style="font-size:45px;color:black"><strong>强å¶ä¸çº¿</strong></span> |
| | | </el-button> |
| | | </el-col> |
| | |
| | | </el-card> |
| | | </el-col> |
| | | |
| | | <el-col :span="14" inline style="height:600px;width:600px "> |
| | | <el-col :span="10" inline > |
| | | <el-tabs type="border-card" > |
| | | <el-card> |
| | | <el-col :span="14"style="height: 270px;width:800px "> |
| | | <el-col :span="14"style="height: 248px;width:800px "> |
| | | <span style="font-size:25px"><strong>è´¨éç¶æ</strong></span> |
| | | <el-divider></el-divider> |
| | | {{this.form.engineCheckList}} |
| | | </el-col> |
| | | </el-card> |
| | | <el-card style="margin-top: 10px" > |
| | | <el-col :span="14"style="height: 270px;width:800px "> |
| | | <el-col :span="14"style="height: 248px;width:800px "> |
| | | <span style="font-size:25px"><strong>æç»ç»æ</strong></span> |
| | | <el-divider></el-divider> |
| | | {{queryParams.productType}} |
| | |
| | | else{ |
| | | this.reset(); |
| | | this.buttondisabled = true |
| | | // this.$modal.msgError('è¾å
¥çåå¨æºå·æ误'); |
| | | const h = this.$createElement; |
| | | this.$message({ |
| | | message: h('p',null, [ |
| | |
| | | <style scoped> |
| | | ::v-deep .el-input__inner{ |
| | | height: 50px; |
| | | width: 450px; |
| | | } |
| | | ::v-deep .el-form-item__label { |
| | | line-height: 50px; |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-card class="box-card"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px"> |
| | | <el-form-item label-width="120" label="å·¥èºæµç¨ç¼ç " prop="routeCode"> |
| | | <el-card class="box-card" > |
| | | <el-form :model="queryParams.orderNo" ref="queryForm" :inline="true" label-width="68px" > |
| | | <el-form-item label-width="120" label="å·¥åç¼å·:" prop="orderNo"> |
| | | <el-input |
| | | v-model="queryParams.routeCode" |
| | | placeholder="请è¾å
¥å·¥èºæµç¨ç¼ç " |
| | | v-model="queryParams.orderNo" |
| | | placeholder="请è¾å
¥å·¥åç¼å·" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item style="float: right"> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">æç´¢</el-button> |
| | | <el-form-item style="margin-left: 20px"> |
| | | <el-button type="primary" icon="el-icon-refresh" @click="handleQuery">æ¥è¯¢</el-button> |
| | | </el-form-item> |
| | | <el-form-item style="margin-left: 360px"> |
| | | <el-checkbox-group v-model="queryParams.isRepairFlag"> |
| | | <el-checkbox name="type"></el-checkbox> |
| | | </el-checkbox-group> |
| | | </el-form-item> |
| | | <el-form-item label-width="120" label="è¿ä¿®åå¨æºå·:" prop="engineNo" style="margin-left: 5px"> |
| | | |
| | | <el-input |
| | | :disabled="!queryParams.isRepairFlag" |
| | | v-model="queryParams.engineNo" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | |
| | | |
| | | </el-form> |
| | | </el-card> |
| | | <el-row :gutter="0"> |
| | | <el-col :span="18"> |
| | | <div style="height: 490px; overflow: auto"> |
| | | <el-card style="margin-top: 10px" class="box-card"> |
| | | <el-table border v-loading="loading" :data="dataList" height="490" |
| | | <el-col :span="20"> |
| | | <div style="height: 490px;"> |
| | | <el-card style="margin-top: 10px; height: 490px; " class="box-card"> |
| | | <el-table border v-loading="loading" :data="dataList" height="460" |
| | | style="width: 100%" v-if="dataList.length > 0"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column :show-overflow-tooltip='true' label="å·¥åç¼å·" width="130" align="center" prop="orderNo"> |
| | | |
| | | <el-table-column :show-overflow-tooltip='true' label="å·¥åç¼å·" width="230" align="center" prop="orderNo"> |
| | | </el-table-column> |
| | | <el-table-column :show-overflow-tooltip='true' label="产åå°ç³»å" width="130" align="center" prop="model"> |
| | | <el-table-column :show-overflow-tooltip='true' label="产åå°ç³»å" width="230" align="center" prop="model"> |
| | | </el-table-column> |
| | | <el-table-column label="SNæµæ°´å·" width="180" align="center" prop="engineNo"> |
| | | <el-table-column :show-overflow-tooltip='true' label="SNæµæ°´å·" width="230" align="center" prop="engineNo"> |
| | | </el-table-column> |
| | | <el-table-column label="ç¶æ" width="80" align="center" prop="productionStatus"> |
| | | <!-- <template slot-scope="scope">--> |
| | | <!-- <span v-if="scope.row.productionStatus === '1'">æ¯</span>--> |
| | | <!-- <span v-if="scope.row.productionStatus === '0'">å¦</span>--> |
| | | <!-- </template>--> |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.whetherOrPrint === '1'">æ¯</span> |
| | | <span v-if="scope.row.whetherOrPrint === '0'">å¦</span> |
| | | <dict-tag :options="dict.type.order_scheduling_produce_status" :value="scope.row.productionStatus"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="æ¯å¦æå°" align="center" prop="whetherOrPrint"> |
| | | <el-table-column label="æ¯å¦æå°" width="80" align="center" prop="whetherOrPrint"> |
| | | |
| | | <template slot-scope="scope"> |
| | | <span v-if="scope.row.whetherOrPrint === '1'">æ¯</span> |
| | | <span v-if="scope.row.whetherOrPrint === '0'">å¦</span> |
| | | <dict-tag :options="dict.type.print_status" :value="scope.row.whetherOrPrint"/> |
| | | </template> |
| | | |
| | | </el-table-column> |
| | | <el-table-column label="æå°æ¶é´" align="center" prop="null"> |
| | | </el-table-column> |
| | |
| | | </div> |
| | | |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-col :span="4"> |
| | | <el-card style="margin-top: 10px; min-height: 490px" class="box-card"> |
| | | <div style="min-width: 180px;min-height: 185px"> |
| | | <vue-qr |
| | | v-if="qrCode !==''" |
| | | ref="qrCode" |
| | | :text="qrCode" |
| | | width="180" |
| | | height="180" |
| | | ></vue-qr> |
| | | </div> |
| | | |
| | | <el-button type="success" style="margin-top: 190px; margin-left: 50px; width: 100px">ç³»ç»è®¾ç½®</el-button> |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | import VueQr from 'vue-qr' |
| | | export default { |
| | | name: "index", |
| | | dicts: ['sys_normal_disable'], |
| | | dicts: ['sys_normal_disable','order_scheduling_produce_status','print_status'], |
| | | components: { |
| | | VueQr, |
| | | }, |
| | | data(){ |
| | | return{ |
| | | qrCode: '', |
| | | // æ¥è¯¢åæ° |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | routeCode: null, |
| | | routeName: null, |
| | | productCode: null, |
| | | productName: null, |
| | | status: null, |
| | | dataSource: null, |
| | | orderNo: '', |
| | | isRepairFlag: '', |
| | | engineNo: '' |
| | | }, |
| | | dataList: [] |
| | | } |
| | |
| | | methods:{ |
| | | /** æç´¢æé®æä½ */ |
| | | handleQuery() { |
| | | this.queryParams.pageNum = 1; |
| | | this.getList(); |
| | | }, |
| | | getList(){ |
| | | listOrderScheduling(this.queryParams).then(response => { |
| | | console.log("--------------------"+response.rows) |
| | | this.dataList = response.rows |
| | | if (this.queryParams.orderNo === '' || this.queryParams.orderNo === null){ |
| | | this.qrCode = '' |
| | | }else { |
| | | if (this.dataList.length > 0){ |
| | | this.qrCode = this.queryParams.orderNo |
| | | }else { |
| | | this.qrCode = '' |
| | | } |
| | | } |
| | | console.log("qrcode",this.qrCode) |
| | | |
| | | }); |
| | | }, |
| | | filterTag(value, row) { |
| | |
| | | filterHandler(value, row, column) { |
| | | const property = column['property']; |
| | | return row[property] === value; |
| | | } |
| | | }, |
| | | |
| | | }, |
| | | mounted() { |
| | | this.getList() |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | ::v-deep .el-form-item__label{ |
| | | font-size: large; |
| | | } |
| | | ::v-deep .el-card__body{ |
| | | padding: 15px 20px 0px 20px; |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-card class="box-card" > |
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px" > |
| | | <el-form-item label-width="120" label="ç®±ä½ç¼ç :" prop="sfcCode"> |
| | | <el-input clearable |
| | | v-model="queryParams.sfcCode" |
| | | placeholder="请è¾å
¥ç®±ä½ç¼ç " |
| | | @keyup.enter.native="handleQuery"/> |
| | | </el-form-item> |
| | | <el-form-item label-width="120" label="å·¥ä½å·:" prop="locationCode"> |
| | | <el-input clearable |
| | | v-model="queryParams.locationCode" |
| | | placeholder="请è¾å
¥å·¥ä½å·" |
| | | @keyup.enter.native="handleQuery"/> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label-width="120" label="ééæ¶é´" prop="startDate"> |
| | | <el-date-picker |
| | | v-model="dateRange" |
| | | type="daterange" |
| | | range-separator="è³" |
| | | start-placeholder="å¼å§æ¥æ" |
| | | end-placeholder="ç»ææ¥æ"> |
| | | </el-date-picker> |
| | | <button @click="fetchData">æ¥è¯¢</button> |
| | | </el-form-item> |
| | | <el-form-item style="float: right"> |
| | | <el-button type="primary" icon="el-icon-refresh" @click="handleQuery">æ¥è¯¢</el-button> |
| | | <el-button type="" icon="el-icon-refresh" @click="resetQuery">éç½®</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-card> |
| | | |
| | | <el-card style="margin-top: 10px" class="box-card"> |
| | | <el-table v-loading="loading" border :data="tightenReportList" @selection-change="handleSelectionChange" v-if="tightenReportList.length > 0"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="ç®±ä½ç¼ç " align="center" width="200" prop="sfcCode"></el-table-column> |
| | | <el-table-column label="å·¥ä½" align="center" prop="locationCode"></el-table-column> |
| | | <el-table-column label="åæ°ç¼ç " align="center" prop="paramCode"></el-table-column> |
| | | <el-table-column label="åæ°å称" align="center" prop="paramName"></el-table-column> |
| | | <el-table-column label="åæ°å¼" align="center" prop="paramValue"></el-table-column> |
| | | <el-table-column label="ééæ¶é´" align="center" prop="collectionTime" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.collectionTime, '{y}-{m}-{d}') }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="ç¶æ" align="center" prop="state"></el-table-column> |
| | | <el-table-column label="åä½" align="center" prop="unit"></el-table-column> |
| | | </el-table> |
| | | <el-empty v-else> |
| | | <span slot="description">ææ æ°æ®</span> |
| | | </el-empty> |
| | | </el-card> |
| | | |
| | | <pagination |
| | | v-show="total>0" |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import { listParamCollection, getParamCollection, delParamCollection, addParamCollection, updateParamCollection } from "@/api/main/da/paramCollection/paramCollection"; |
| | | export default { |
| | | name: "index", |
| | | computed: { |
| | | }, |
| | | dicts: ['sys_normal_disable','order_scheduling_produce_status','print_status'], |
| | | components: { |
| | | }, |
| | | data(){ |
| | | return{ |
| | | dateRange: '', |
| | | // ç¨äºåå¨éæ©çæ¥æèå´ |
| | | total: 0, |
| | | ids: [], |
| | | tightenReportList: [], |
| | | loading: true, |
| | | single: true, |
| | | // éå¤ä¸ªç¦ç¨ |
| | | multiple: true, |
| | | // æ¾ç¤ºæç´¢æ¡ä»¶ |
| | | showSearch: true, |
| | | // æ¥è¯¢åæ° |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | workOrderNo: null, |
| | | sfcCode: null, |
| | | productCode: null, |
| | | productionLine: null, |
| | | locationCode: null, |
| | | equipmentNo: null, |
| | | paramCode: null, |
| | | paramValue: null, |
| | | paramUpper: null, |
| | | paramLower: null, |
| | | paramStandard: null, |
| | | collectionTime: null, |
| | | spareField1: null, |
| | | spareField2: null, |
| | | createUser: null, |
| | | createTime: null, |
| | | updateUser: null, |
| | | updateTime: null, |
| | | state: null, |
| | | paramName: null, |
| | | unit: null, |
| | | type: 'æ§ç´§æ°æ®', |
| | | startDate: null, |
| | | endDate: null |
| | | }, |
| | | } |
| | | }, |
| | | created() { |
| | | this.getList(); |
| | | }, |
| | | methods:{ |
| | | |
| | | async fetchData() { |
| | | // æ建API请æ±çURLï¼ä½¿ç¨éæ©çæ¥æèå´ä½ä¸ºæ¥è¯¢åæ° |
| | | const url = `@/api/main/da/paramCollection/paramCollection?startDate=${this.dateRange[0]}&endDate=${this.dateRange[1]}`; |
| | | |
| | | try { |
| | | // åéAPI请æ±ï¼è·åæ¥è¯¢ç»æ |
| | | const response = await fetch(url); |
| | | const data = await response.json(); |
| | | console.log(data); // å¤çæ¥è¯¢ç»æï¼æ¯å¦å¨æ§å¶å°è¾åºææ¾ç¤ºå¨é¡µé¢ä¸ |
| | | } catch (error) { |
| | | console.error('Error fetching data:', error); |
| | | } |
| | | }, |
| | | }, |
| | | |
| | | reset() { |
| | | this.form = { |
| | | id: null, |
| | | workOrderNo: null, |
| | | sfcCode: null, |
| | | productCode: null, |
| | | productionLine: null, |
| | | locationCode: null, |
| | | equipmentNo: null, |
| | | paramCode: null, |
| | | paramValue: null, |
| | | paramUpper: null, |
| | | paramLower: null, |
| | | paramStandard: null, |
| | | collectionTime: null, |
| | | spareField1: null, |
| | | spareField2: null, |
| | | createUser: null, |
| | | createTime: null, |
| | | updateUser: null, |
| | | updateTime: null, |
| | | state: null, |
| | | paramName: null, |
| | | unit: null, |
| | | type: 'æ§ç´§æ°æ®', |
| | | }; |
| | | this.resetForm("form"); |
| | | }, |
| | | /** æç´¢æé®æä½ */ |
| | | handleQuery() { |
| | | this.queryParams.pageNum = 1; |
| | | this.getList(); |
| | | }, |
| | | /** éç½®æé®æä½ */ |
| | | resetQuery() { |
| | | this.resetForm("queryForm"); |
| | | this.handleQuery(); |
| | | }, |
| | | // å¤éæ¡éä¸æ°æ® |
| | | handleSelectionChange(selection) { |
| | | this.ids = selection.map(item => item.id) |
| | | this.single = selection.length!==1 |
| | | this.multiple = !selection.length |
| | | }, |
| | | |
| | | getList() { |
| | | this.loading = true; |
| | | // const startDate = new Date(this.queryParams.startDate); |
| | | // const endDate = new Date(this.queryParams.endDate); |
| | | // const resultList = []; |
| | | // // æ建æ¥è¯¢æ¡ä»¶ï¼ä½¿ç¨ParamCollection表çcreatetimeä½ä¸ºå¤ææ¡ä»¶ |
| | | // const query = { |
| | | // createTime: date // 使ç¨å½åæ¥æä½ä¸ºæ¥è¯¢æ¡ä»¶ |
| | | // }; |
| | | // for (let date = startDate; date <= endDate; date.setDate(date.getDate() + 1)) { |
| | | // // æ ¹æ®å½åæ¥ææ§è¡æ¥è¯¢æä½ï¼å¹¶å°ç»ææ·»å å°ç»ææ°ç»ä¸ |
| | | // listParamCollection(query).then(response => { |
| | | // resultList.push(...response.rows); |
| | | // // å¤ææ¯å¦æ¯æåä¸ä¸ªæ¥æï¼å¦ææ¯ï¼åæ´æ°é¡µé¢æ°æ® |
| | | // if (date.getTime() === endDate.getTime()) { |
| | | // this.tightenReportList = resultList; |
| | | // this.total = resultList.length; |
| | | // this.loading = false; |
| | | // } |
| | | // }); |
| | | // } |
| | | listParamCollection(this.queryParams).then(response => { |
| | | this.tightenReportList = response.rows; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | |
| | | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | ::v-deep .el-form-item__label{ |
| | | font-size: large; |
| | | } |
| | | ::v-deep .el-card__body{ |
| | | padding: 15px 20px 0px 20px; |
| | | } |
| | | </style> |