| | |
| | | <el-card> |
| | | <el-form :rules="rules" ref="formInline" :inline="true" |
| | | :model="formInline" class="demo-form-inline"> |
| | | <el-form-item prop="date"> |
| | | <p><span>*</span>检测日期:</p> |
| | | <el-form-item prop="date" label="检测日期:"> |
| | | <el-date-picker |
| | | size="small" |
| | | v-model="formInline.date" |
| | | format="yyyy-MM-dd" |
| | | value-format="yyyy-MM-dd" |
| | |
| | | end-placeholder="结束日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item prop="type"> |
| | | <p><span>*</span>检验类型:</p> |
| | | <el-select v-model="formInline.type" placeholder="采购入库"> |
| | | <el-form-item prop="type" label="检验类型:"> |
| | | <el-select size="small" v-model="formInline.type" placeholder="采购入库"> |
| | | <el-option label="原材料" value="0"></el-option> |
| | | <el-option label="成品" value="1"></el-option> |
| | | <el-option label="委托品" value="2"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item class="buttons"> |
| | | <el-button @click="resetForm('formInline')">清空</el-button> |
| | | <el-button type="primary" @click="onSubmit('formInline')">查询</el-button> |
| | | <el-button size="small" @click="resetForm('formInline')">清空</el-button> |
| | | <el-button size="small" type="primary" @click="onSubmit('formInline')">查询</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-card> |
| | |
| | | </el-row> |
| | | </div> |
| | | <div class="work-foot"> |
| | | <el-button type="primary">数据导出</el-button> |
| | | <el-button size="small" type="primary">数据导出</el-button> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | }, |
| | | } |
| | | }, |
| | | mounted(){}, |
| | | mounted(){ |
| | | this.queryData(); |
| | | }, |
| | | methods: { |
| | | async queryData(){ |
| | | let date = this.formInline.date; |
| | | let date = []; |
| | | let type; |
| | | if(this.formInline.date == null || this.formInline.date == ""){ |
| | | let currentDate = new Date(); |
| | | let year = currentDate.getFullYear(); |
| | | let month = currentDate.getMonth() + 1; |
| | | let day = currentDate.getDate(); |
| | | date.push(year +"-" + month + "-01"); |
| | | date.push(year +"-" + month + "-" + day); |
| | | type = 0; |
| | | }else{ |
| | | date = this.formInline.date; |
| | | type = this.formInline.type; |
| | | } |
| | | let obj = { |
| | | startTime : date[0], |
| | | endTime : date[1], |
| | | type : this.formInline.type |
| | | type : type |
| | | } |
| | | const dutyMater = await getDutyMater(obj); |
| | | const dutyTimely = await getDutyTimely(obj); |
| | | const executeMater = await getExecuteMater(obj); |
| | | const executeTimely = await getExecuteTimely(obj); |
| | | console.log("dm",dutyMater.data); |
| | | console.log("dt",dutyTimely.data); |
| | | console.log("em",executeMater.data.length); |
| | | console.log("et",executeTimely.data); |
| | | this.initLeaderStatiChart("leaderStati",dutyMater.data); |
| | | this.initLeaderTimelyChart("leaderTimely",dutyTimely.data); |
| | | this.initTesterStatiChart("testerStati",executeMater.data); |
| | |
| | | axisPointer: { |
| | | type: 'shadow' |
| | | }, |
| | | nameTextStyle:{ |
| | | padding:20 |
| | | } |
| | | } |
| | | ], |
| | | yAxis: [ |
| | |
| | | return value + ' %'; |
| | | } |
| | | }, |
| | | data: [{value:20},{value:40}], |
| | | data: data2, |
| | | itemStyle: { |
| | | color: '#d2eec5' |
| | | } |
| | |
| | | z-index: 10; |
| | | .demo-form-inline{ |
| | | margin: 0px 10px; |
| | | p{ |
| | | margin: 0; |
| | | font-size: 16px; |
| | | font-weight: bold; |
| | | span{ |
| | | font-size: 16px; |
| | | font-weight: bold; |
| | | color: red; |
| | | } |
| | | } |
| | | .buttons{ |
| | | margin: 40px 0px 0px 50%; |
| | | margin-left: 10%; |
| | | } |
| | | } |
| | | } |
| | | .work-center{ |
| | | margin: 0px 0px 150px 10px; |
| | | padding: 18vh 0px 5px 0px; |
| | | padding: 13vh 0px 5px 0px; |
| | | .el-card{ |
| | | margin: 5px 0px; |
| | | height:500px; |