| | |
| | | <template> |
| | | <!-- 文件受控申请 --> |
| | | <div class="controlled-file-application" style="height: 100%;"> |
| | | <div class="search"> |
| | | <div class="search_thing"> |
| | | <div class="search_label">申请文件编号:</div> |
| | | <div class="search_input"><el-input size="small" placeholder="请输入" clearable v-model="queryParams.documentCode" |
| | | @keyup.enter.native="refreshTable()"></el-input></div> |
| | | <div> |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 128px;font-size: 14px;font-weight: 700;color: #606266;">申请文件编号</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="queryParams.documentCode" |
| | | @keyup.enter.native="refreshTable()"></el-input> |
| | | </div> |
| | | <div style="line-height: 30px;"> |
| | | <el-button type="primary" size="mini" @click="refreshTable">查询</el-button> |
| | | <el-button size="mini" @click="refresh">重置</el-button> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="search_thing"> |
| | | <div class="search_label">申请人:</div> |
| | | <div class="search_input"><el-input size="small" placeholder="请输入" clearable |
| | | v-model="queryParams.createUserName" @keyup.enter.native="refreshTable()"></el-input></div> |
| | | </div> --> |
| | | <div class="search_thing" style="padding-left: 30px;"> |
| | | <el-button size="small" @click="refresh()">重 置</el-button> |
| | | <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button> |
| | | </div> |
| | | <div class="btns" style="padding-left: 30px;"> |
| | | <el-button size="small" type="primary" |
| | | @click="addDialogVisible = true, addInfo = {}, file = null">文件受控申请</el-button> |
| | | <div style="line-height: 30px;"> |
| | | <el-button size="small" type="primary" icon="el-icon-plus" |
| | | @click="addDialogVisible = true, addInfo = {}, file = null">文件受控申请</el-button> |
| | | </div> |
| | | </div> |
| | | <div class="table"> |
| | |
| | | { |
| | | label: "文件类别", prop: "type", width: "120px", dataType: "tag", |
| | | formatData: (params) => { |
| | | return this.fileType.find((m) => m.value == params).label; |
| | | if(this.fileType.find((m) => m.value == params)) { |
| | | return this.fileType.find((m) => m.value == params).label; |
| | | } else { |
| | | return null |
| | | } |
| | | }, |
| | | formatType: (params) => { |
| | | return this.fileType.find((m) => m.value == params).type; |
| | | if(this.fileType.find((m) => m.value == params)) { |
| | | return this.fileType.find((m) => m.value == params).type; |
| | | } else { |
| | | return null |
| | | } |
| | | }, |
| | | }, |
| | | { |
| | |
| | | this.handleCheck(row); |
| | | }, |
| | | disabled: (row) => { |
| | | return !row.dutyUserName.includes(this.nickName) || row.state == '通过' |
| | | if(row.dutyUserName != null && row.dutyUserName != "") { |
| | | return !row.dutyUserName.includes(this.nickName) || row.state == '通过' |
| | | }else { |
| | | return false |
| | | } |
| | | |
| | | } |
| | | }, |
| | | { |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .title { |
| | | height: 60px; |
| | | line-height: 60px; |
| | | } |
| | | |
| | | .search { |
| | | background-color: #fff; |
| | | height: 40px; |
| | | display: flex; |
| | | align-items: center; |
| | | position: relative; |
| | | } |
| | | |
| | | .search_thing { |
| | | width: 350px; |
| | | display: flex; |
| | |
| | | .search_input { |
| | | width: calc(100% - 110px); |
| | | } |
| | | |
| | | .table { |
| | | background-color: #fff; |
| | | height: calc(100% - 60px - 80px); |
| | | padding: 20px; |
| | | } |
| | | |
| | | .btns { |
| | | position: absolute; |
| | | right: 20px; |
| | | top: 5px; |
| | | } |
| | | |
| | | .stamp { |
| | | cursor: pointer; |
| | | border: #fff 1px solid; |