| | |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="工位编码" prop="locationCode"> |
| | | <el-input |
| | | v-model="queryParams.locationCode" |
| | | placeholder="请输入工位编码" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | <el-form-item label-width="120" label="采集时间" prop="timeQuery"> |
| | | <el-date-picker |
| | | v-model="queryParams.timeQuery" |
| | | type="datetimerange" |
| | | range-separator="至" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="参数集编码" prop="paramSetCode">--> |
| | | <!-- <el-input--> |
| | | <!-- v-model="queryParams.paramSetCode"--> |
| | | <!-- placeholder="请输入参数集编码"--> |
| | | <!-- clearable--> |
| | | <!-- @keyup.enter.native="handleQuery"--> |
| | | <!-- />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="参数集名称" prop="paramSetName">--> |
| | | <!-- <el-input--> |
| | | <!-- v-model="queryParams.paramSetName"--> |
| | | <!-- placeholder="请输入参数集名称"--> |
| | | <!-- clearable--> |
| | | <!-- @keyup.enter.native="handleQuery"--> |
| | | <!-- />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="采集时间" prop="collectTime">--> |
| | | <!-- <el-date-picker clearable--> |
| | | <!-- v-model="queryParams.collectTime"--> |
| | | <!-- type="date"--> |
| | | <!-- value-format="yyyy-MM-dd"--> |
| | | <!-- placeholder="请选择采集时间">--> |
| | | <!-- </el-date-picker>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item style="float: right"> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
| | | <!-- <el-button icon="el-icon-setting" size="mini" @click="toggleAdvancedSearch">高级查询</el-button>--> |
| | | <el-button icon="el-icon-setting" size="mini" @click="toggleAdvancedSearch">高级查询</el-button> |
| | | </el-form-item> |
| | | <transition name="fade"> |
| | | <div v-if="advancedSearchVisible" class="advanced-search"> |
| | | <el-form-item label-width="100" label="参数集编码" prop="paramSetCode"> |
| | | <el-input |
| | | v-model="queryParams.paramSetCode" |
| | | placeholder="请输入参数集编码" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label-width="100" label="参数集名称" prop="paramSetName"> |
| | | <el-input |
| | | v-model="queryParams.paramSetName" |
| | | placeholder="请输入参数集名称" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="工位编码" prop="locationCode"> |
| | | <el-input |
| | | v-model="queryParams.locationCode" |
| | | placeholder="请输入工位编码" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-row> |
| | | <el-col :span="24" style="text-align: right;"> |
| | | <el-button type="primary" icon="el-icon-close" size="mini" @click="toggleAdvancedSearch">关闭</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </transition> |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-plus" |
| | | size="mini" |
| | | @click="handleAdd" |
| | | v-hasPermi="['da:tightenCollection:add']" |
| | | >新增</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="el-icon-edit" |
| | | size="mini" |
| | | :disabled="single" |
| | | @click="handleUpdate" |
| | | v-hasPermi="['da:tightenCollection:edit']" |
| | | >修改</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="danger" |
| | | plain |
| | | icon="el-icon-delete" |
| | | size="mini" |
| | | :disabled="multiple" |
| | | @click="handleDelete" |
| | | v-hasPermi="['da:tightenCollection:remove']" |
| | | >删除</el-button> |
| | | </el-col> |
| | | <!-- <el-col :span="1.5">--> |
| | | <!-- <el-button--> |
| | | <!-- type="primary"--> |
| | | <!-- plain--> |
| | | <!-- icon="el-icon-plus"--> |
| | | <!-- size="mini"--> |
| | | <!-- @click="handleAdd"--> |
| | | <!-- v-hasPermi="['da:tightenCollection:add']"--> |
| | | <!-- >新增</el-button>--> |
| | | <!-- </el-col>--> |
| | | <!-- <el-col :span="1.5">--> |
| | | <!-- <el-button--> |
| | | <!-- type="success"--> |
| | | <!-- plain--> |
| | | <!-- icon="el-icon-edit"--> |
| | | <!-- size="mini"--> |
| | | <!-- :disabled="single"--> |
| | | <!-- @click="handleUpdate"--> |
| | | <!-- v-hasPermi="['da:tightenCollection:edit']"--> |
| | | <!-- >修改</el-button>--> |
| | | <!-- </el-col>--> |
| | | <!-- <el-col :span="1.5">--> |
| | | <!-- <el-button--> |
| | | <!-- type="danger"--> |
| | | <!-- plain--> |
| | | <!-- icon="el-icon-delete"--> |
| | | <!-- size="mini"--> |
| | | <!-- :disabled="multiple"--> |
| | | <!-- @click="handleDelete"--> |
| | | <!-- v-hasPermi="['da:tightenCollection:remove']"--> |
| | | <!-- >删除</el-button>--> |
| | | <!-- </el-col>--> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="warning" |
| | |
| | | v-hasPermi="['da:tightenCollection:export']" |
| | | >导出</el-button> |
| | | </el-col> |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | <!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>--> |
| | | </el-row> |
| | | |
| | | <el-table border v-loading="loading" :data="tightenCollectionList" @selection-change="handleSelectionChange"> |
| | |
| | | <el-table-column label="角度值" align="center" prop="angle" /> |
| | | <el-table-column label="角度状态" align="center" prop="angleStatus" /> |
| | | <el-table-column label="采集时间" align="center" prop="collectTime" width="180"> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['da:tightenCollection:edit']" |
| | | >修改</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete(scope.row)" |
| | | v-hasPermi="['da:tightenCollection:remove']" |
| | | >删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | |
| | | name: "TightenCollection", |
| | | data() { |
| | | return { |
| | | advancedSearchVisible: false, |
| | | // 遮罩层 |
| | | loading: true, |
| | | // 选中数组 |
| | |
| | | paramSetName: null, |
| | | torqueStatus: null, |
| | | angleStatus: null, |
| | | collectTime: null |
| | | collectTime: null, |
| | | timeQuery: [] |
| | | }, |
| | | // 表单参数 |
| | | form: {}, |
| | |
| | | handleQuery() { |
| | | this.queryParams.pageNum = 1; |
| | | this.getList(); |
| | | this.advancedSearchVisible = false |
| | | }, |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.clearQueryParams() |
| | | this.resetForm("queryForm"); |
| | | this.handleQuery(); |
| | | }, |
| | |
| | | this.ids = selection.map(item => item.id) |
| | | this.single = selection.length!==1 |
| | | this.multiple = !selection.length |
| | | }, |
| | | clearQueryParams(){ |
| | | this.queryParams.paramSetName = null |
| | | this.queryParams.paramSetName = null |
| | | this.queryParams.locationCode = null |
| | | }, |
| | | /** 新增按钮操作 */ |
| | | handleAdd() { |
| | |
| | | } |
| | | }; |
| | | </script> |
| | | <style scoped>.fade-enter-active, .fade-leave-active { |
| | | transition: opacity 0.3s; |
| | | } |
| | | .fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ { |
| | | opacity: 0; |
| | | } |
| | | |
| | | .advanced-search { |
| | | position: absolute; |
| | | background: #FFFFFF; /* 设置为与页面背景色相同或相近的颜色 */ |
| | | border-left: 1px solid #dcdfe6; |
| | | border-right: 1px solid #dcdfe6; |
| | | border-bottom: 1px solid #dcdfe6; |
| | | /*border: none;*/ |
| | | box-shadow: none; /* 移除阴影 */ |
| | | padding: 10px; |
| | | z-index: 1000; /* 确保浮动在其他元素之上 */ |
| | | top: 70px; /* 调整顶部位置,使其与页面其他元素更协调 */ |
| | | left: 20px; /* 调整左侧位置 */ |
| | | width: 97%; /* 调整宽度 */ |
| | | /*max-width: 1296px; !* 最大宽度 *!*/ |
| | | /*max-width: 1296px; !* 最大宽度 *!*/ |
| | | margin: 0 auto; /* 居中对齐 */ |
| | | } |
| | | </style> |