¶Ô±ÈÐÂÎļþ |
| | |
| | | <style scoped> |
| | | .title { |
| | | height: 60px; |
| | | line-height: 60px; |
| | | } |
| | | |
| | | .search { |
| | | background-color: #fff; |
| | | height: 80px; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .search_thing { |
| | | display: flex; |
| | | align-items: center; |
| | | height: 50px; |
| | | } |
| | | .search_label { |
| | | width: 80px; |
| | | font-size: 14px; |
| | | text-align: right; |
| | | } |
| | | |
| | | .search_input { |
| | | width: calc(100% - 120px); |
| | | } |
| | | .table { |
| | | margin-top: 10px; |
| | | background-color: #fff; |
| | | width: calc(100% - 40px); |
| | | height: calc(100% - 60px - 80px - 10px - 40px); |
| | | padding: 20px; |
| | | } |
| | | |
| | | </style> |
| | | <template> |
| | | <div class="below-standard-main"> |
| | | <div style="width: 100%;height: 100%;"> |
| | | <div> |
| | | <el-row class="title"> |
| | | <el-col :span="12" style="padding-left: 20px;">夿¥äººå管ç</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-button size="medium" type="primary" @click="$refs['ValueTable'].openAddDia('æ°å¢æ¥å£')" v-if="addPower">æ° å¢</el-button> |
| | | <el-button size="medium" @click="$refs['ValueTable'].openDownDia()">导 åº</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <div class="search"> |
| | | <div class="search_thing"> |
| | | <div class="search_label">æ¥æï¼</div> |
| | | <div class="search_input"> |
| | | <el-date-picker |
| | | v-model="componentData.entity.sample" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | type="date" |
| | | size="small" |
| | | @change="refreshTable()" |
| | | placeholder="éæ©æ¥æ"> |
| | | </el-date-picker> |
| | | </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> |
| | | <div class="table"> |
| | | <ValueTable ref="ValueTable" :url="$api.unPass.pageInsUnPass" :componentData="componentData" |
| | | :key="upIndex" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import ValueTable from '../tool/value-table.vue' |
| | | export default { |
| | | components: { |
| | | ValueTable, |
| | | }, |
| | | data() { |
| | | return { |
| | | componentData: { |
| | | entity: { |
| | | sample: null, |
| | | model: null, |
| | | orderBy: { |
| | | field: 'id', |
| | | order: 'asc' |
| | | } |
| | | }, |
| | | isIndex: true, |
| | | showSelect: false, |
| | | select: false, |
| | | do: [], |
| | | tagField: [], |
| | | selectField: [], |
| | | requiredAdd: [], |
| | | requiredUp: [] |
| | | }, |
| | | entityCopy: {}, |
| | | upIndex: 0, |
| | | stateList: [], |
| | | addPower:true, |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.entityCopy = this.HaveJson(this.componentData.entity) |
| | | this.getPower() |
| | | }, |
| | | methods :{ |
| | | refreshTable() { |
| | | this.$refs['ValueTable'].selectList() |
| | | }, |
| | | refresh() { |
| | | this.componentData.entity = this.HaveJson(this.entityCopy) |
| | | this.upIndex++ |
| | | }, |
| | | // æéåé
|
| | | getPower(radio) { |
| | | let power = JSON.parse(sessionStorage.getItem('power')) |
| | | }, |
| | | } |
| | | } |
| | | </script> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <style scoped> |
| | | .title { |
| | | height: 60px; |
| | | line-height: 60px; |
| | | } |
| | | |
| | | .search { |
| | | background-color: #fff; |
| | | height: 80px; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .search_thing { |
| | | display: flex; |
| | | align-items: center; |
| | | height: 50px; |
| | | } |
| | | .search_label { |
| | | width: 120px; |
| | | font-size: 14px; |
| | | text-align: right; |
| | | } |
| | | |
| | | .search_input { |
| | | width: calc(100% - 120px); |
| | | } |
| | | .table { |
| | | margin-top: 10px; |
| | | background-color: #fff; |
| | | width: calc(100% - 40px); |
| | | height: calc(100% - 60px - 80px - 10px - 40px); |
| | | padding: 20px; |
| | | } |
| | | |
| | | </style> |
| | | <template> |
| | | <div class="below-standard-main"> |
| | | <div style="width: 100%;height: 100%;"> |
| | | <div> |
| | | <el-row class="title"> |
| | | <el-col :span="12" style="padding-left: 20px;">æ åç©è´¨æ¸
å</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-button size="medium" type="primary" @click="$refs['ValueTable'].openAddDia('æ°å¢æ¥å£')" v-if="addPower">æ° å¢</el-button> |
| | | <el-button size="medium" @click="$refs['ValueTable'].openDownDia()">导 åº</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <div class="search"> |
| | | <div class="search_thing"> |
| | | <div class="search_label">åç§°ï¼</div> |
| | | <div class="search_input"> |
| | | <el-input size="small" placeholder="请è¾å
¥" clearable v-model="componentData.entity.model" |
| | | @keyup.enter.native="refreshTable()"></el-input></div> |
| | | </div> |
| | | <div class="search_thing"> |
| | | <div class="search_label">ç产åå®¶ï¼</div> |
| | | <div class="search_input"> |
| | | <el-input size="small" placeholder="请è¾å
¥" clearable v-model="componentData.entity.sample" |
| | | @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> |
| | | <div class="table"> |
| | | <ValueTable ref="ValueTable" :url="$api.unPass.pageInsUnPass" :componentData="componentData" |
| | | :key="upIndex" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import ValueTable from '../tool/value-table.vue' |
| | | export default { |
| | | components: { |
| | | ValueTable, |
| | | }, |
| | | data() { |
| | | return { |
| | | componentData: { |
| | | entity: { |
| | | sample: null, |
| | | model: null, |
| | | orderBy: { |
| | | field: 'id', |
| | | order: 'asc' |
| | | } |
| | | }, |
| | | isIndex: true, |
| | | showSelect: false, |
| | | select: false, |
| | | do: [ |
| | | { |
| | | id: 'update', |
| | | font: 'ç¼è¾', |
| | | type: 'text', |
| | | method: 'doDiy', |
| | | field:['createUserName','updateUserName'] |
| | | },{ |
| | | id: 'delete', |
| | | font: 'å é¤', |
| | | type: 'text', |
| | | method: 'doDiy' |
| | | } |
| | | ], |
| | | tagField: [], |
| | | selectField: [], |
| | | requiredAdd: ['model','sample',], |
| | | requiredUp: [] |
| | | }, |
| | | entityCopy: {}, |
| | | upIndex: 0, |
| | | stateList: [], |
| | | addPower:true, |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.entityCopy = this.HaveJson(this.componentData.entity) |
| | | this.getPower() |
| | | }, |
| | | methods :{ |
| | | refreshTable() { |
| | | this.$refs['ValueTable'].selectList() |
| | | }, |
| | | refresh() { |
| | | this.componentData.entity = this.HaveJson(this.entityCopy) |
| | | this.upIndex++ |
| | | }, |
| | | // æéåé
|
| | | getPower(radio) { |
| | | let power = JSON.parse(sessionStorage.getItem('power')) |
| | | }, |
| | | } |
| | | } |
| | | </script> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <style scoped> |
| | | .title { |
| | | height: 60px; |
| | | line-height: 60px; |
| | | } |
| | | |
| | | .search { |
| | | background-color: #fff; |
| | | height: 80px; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | .search_thing { |
| | | display: flex; |
| | | align-items: center; |
| | | height: 50px; |
| | | } |
| | | .search_label { |
| | | width: 100px; |
| | | font-size: 14px; |
| | | text-align: right; |
| | | } |
| | | |
| | | .search_input { |
| | | width: calc(100% - 120px); |
| | | } |
| | | .table { |
| | | margin-top: 10px; |
| | | background-color: #fff; |
| | | width: calc(100% - 40px); |
| | | padding: 20px; |
| | | } |
| | | .standard-main{ |
| | | overflow-y: auto; |
| | | scrollbar-width: none; |
| | | } |
| | | |
| | | </style> |
| | | <template> |
| | | <div class="standard-main"> |
| | | <div style="width: 100%;height: 100%;"> |
| | | <div> |
| | | <el-row class="title"> |
| | | <el-col :span="12" style="padding-left: 20px;">åºç©å¤ç交æ¥è®°å½</el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-button size="medium" type="primary" @click="$refs['ValueTable'].openAddDia('æ°å¢æ¥å£')" v-if="addPower">æ° å¢</el-button> |
| | | <el-button size="medium" type="primary" @click="openAddDetail" v-if="addPower">æ°å¢æç»</el-button> |
| | | <el-button size="medium" @click="$refs['ValueTable'].openDownDia()">导 åº</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <div class="search"> |
| | | <div class="search_thing"> |
| | | <div class="search_label">æ¥æï¼</div> |
| | | <div class="search_input"> |
| | | <el-date-picker |
| | | v-model="componentData.entity.sample" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | type="date" |
| | | size="small" |
| | | @change="refreshTable()" |
| | | placeholder="éæ©æ¥æ"> |
| | | </el-date-picker> |
| | | </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> |
| | | <div class="table"> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%;margin-bottom: 10px;" |
| | | height="200px"> |
| | | <el-table-column |
| | | prop="value0" |
| | | label="æä»¶ç¼ç " |
| | | width="180"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="value1" |
| | | label="NO:" |
| | | width="180"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="value2" |
| | | label="å½å
¥æ¥æ"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="value3" |
| | | label="å½å
¥äºº"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="value4" |
| | | label="æ´æ°äºº"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="value5" |
| | | label="æ´æ°æ¶é´"> |
| | | </el-table-column> |
| | | </el-table> |
| | | <ValueTable ref="ValueTable" :url="$api.unPass.pageInsUnPass" :componentData="componentData" |
| | | :key="upIndex" style="height: 400px;" /> |
| | | </div> |
| | | </div> |
| | | <el-dialog title="æç»æ°å¢" :visible.sync="addDetailVisible" width="400px"> |
| | | <div class="body" style="max-height: 60vh;"> |
| | | <el-row> |
| | | <el-col class="search_thing" :span="22"> |
| | | <div class="search_label"><span class="required-span">* </span>åç§°ï¼</div> |
| | | <div class="search_input"> |
| | | <el-input v-model="form.value0" size="small" placeholder="请è¾å
¥"></el-input> |
| | | </div> |
| | | </el-col> |
| | | <el-col class="search_thing" :span="22"> |
| | | <div class="search_label"><span class="required-span">* </span>ä½ç§¯ï¼</div> |
| | | <div class="search_input"> |
| | | <el-input v-model="form.value1" size="small" placeholder="请è¾å
¥"></el-input> |
| | | </div> |
| | | </el-col> |
| | | <el-col class="search_thing" :span="22"> |
| | | <div class="search_label">éå¤çæ¥æï¼</div> |
| | | <div class="search_input"> |
| | | <el-date-picker |
| | | v-model="form.value2" |
| | | type="date" |
| | | size="small" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="éæ©æ¥æ" |
| | | style="width: 100%;"> |
| | | </el-date-picker> |
| | | </div> |
| | | </el-col> |
| | | <el-col class="search_thing" :span="22"> |
| | | <div class="search_label">移交人ï¼</div> |
| | | <div class="search_input"> |
| | | <el-select v-model="form.value3" placeholder="è¯·éæ©" size="small" style="width: 100%;"> |
| | | <el-option |
| | | v-for="item in personList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | </el-col> |
| | | <el-col class="search_thing" :span="22"> |
| | | <div class="search_label">æ¥æ¶äººï¼</div> |
| | | <div class="search_input"> |
| | | <el-select v-model="form.value3" placeholder="è¯·éæ©" size="small" style="width: 100%;"> |
| | | <el-option |
| | | v-for="item in personList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | </el-col> |
| | | <el-col class="search_thing" :span="22"> |
| | | <div class="search_label">æ¥æ¶åä½ï¼</div> |
| | | <div class="search_input"> |
| | | <el-select v-model="form.value3" placeholder="è¯·éæ©" size="small" style="width: 100%;"> |
| | | <el-option |
| | | v-for="item in compList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-row> |
| | | <el-button @click="noDialogVisible=false,tell=''">å æ¶</el-button> |
| | | <el-button type="primary" @click="addDetail" :loading="addDetailLoading">ç¡® å®</el-button> |
| | | </el-row> |
| | | </span> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import ValueTable from '../tool/value-table.vue' |
| | | export default { |
| | | components: { |
| | | ValueTable, |
| | | }, |
| | | data() { |
| | | return { |
| | | componentData: { |
| | | entity: { |
| | | sample: null, |
| | | model: null, |
| | | orderBy: { |
| | | field: 'id', |
| | | order: 'asc' |
| | | } |
| | | }, |
| | | isIndex: true, |
| | | showSelect: false, |
| | | select: false, |
| | | do: [ |
| | | { |
| | | id: 'update', |
| | | font: 'ç¼è¾', |
| | | type: 'text', |
| | | method: 'doDiy', |
| | | field:['createUserName','updateUserName'] |
| | | },{ |
| | | id: 'delete', |
| | | font: 'å é¤', |
| | | type: 'text', |
| | | method: 'doDiy' |
| | | } |
| | | ], |
| | | tagField: [], |
| | | selectField: [], |
| | | requiredAdd: ['model','sample',], |
| | | requiredUp: [] |
| | | }, |
| | | tableData:[], |
| | | entityCopy: {}, |
| | | upIndex: 0, |
| | | stateList: [], |
| | | addPower:true, |
| | | addDetailLoading:false, |
| | | addDetailVisible:false, |
| | | form:{}, |
| | | personList:[], |
| | | compList:[] |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.entityCopy = this.HaveJson(this.componentData.entity) |
| | | this.getPower() |
| | | }, |
| | | methods :{ |
| | | refreshTable() { |
| | | this.$refs['ValueTable'].selectList() |
| | | }, |
| | | refresh() { |
| | | this.componentData.entity = this.HaveJson(this.entityCopy) |
| | | this.upIndex++ |
| | | }, |
| | | // æéåé
|
| | | getPower(radio) { |
| | | let power = JSON.parse(sessionStorage.getItem('power')) |
| | | }, |
| | | openAddDetail(){ |
| | | this.form = {} |
| | | this.addDetailVisible = true |
| | | }, |
| | | addDetail(){ |
| | | if(!this.form.value0){ |
| | | this.$message.error('请è¾å
¥åç§°') |
| | | return |
| | | } |
| | | if(!this.form.value0){ |
| | | this.$message.error('ä½ç§¯') |
| | | return |
| | | } |
| | | this.addDetailLoading = true |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | |
| | | type: 'text', |
| | | method: 'doDiy', |
| | | field: ['roleName', 'è§è²=roleId', 'å¯ç =password', |
| | | 'å§åEN=nameEn', 'å¹´é¾=age', 'é®ç®±=email', 'åä½=company', 'ç¾å=pictureUrl', '个人ç
§ç=signatureUrl' |
| | | 'å§åEN=nameEn', 'å¹´é¾=age', 'é®ç®±=email', 'åä½=company', 'ç¾å=signatureUrl', '个人ç
§ç=pictureUrl' |
| | | ] |
| | | }], |
| | | tagField: { |
| | |
| | | }, { |
| | | v: "夿¥äººå管ç", |
| | | i: "font icon-erjidaohang", |
| | | u: "", |
| | | u: "a6-external-personnel-management", |
| | | g: "6.3 设æ½åç¯å¢æ¡ä»¶", |
| | | p: "" |
| | | }, { |
| | |
| | | }, { |
| | | v: "åºç©å¤ç交æ¥è®°å½", |
| | | i: "font icon-erjidaohang", |
| | | u: "", |
| | | u: "a6-waste-handover", |
| | | g: "6.3 设æ½åç¯å¢æ¡ä»¶", |
| | | p: "" |
| | | }, { |
| | |
| | | }, { |
| | | v: "æ åç©è´¨æ¸
å", |
| | | i: "font icon-erjidaohang", |
| | | u: "", |
| | | u: "a6-standard-material-list", |
| | | g: "6.5 è®¡éæº¯æºæ§", |
| | | p: "" |
| | | }, { |