| | |
| | | </el-select> |
| | | <div v-if="showType === 'radio'" :disabled="disabled"> |
| | | <el-radio-group :value="dictValue" @input="$emit('input', $event)" > |
| | | <el-radio :label="data.dictValue" @change="changeDictValue(data.dictValue,data.dictLabel)" v-for="data in dicts" :key="data.dictValue">{{data.dictLabel}}</el-radio> |
| | | <el-input class="radio-input" v-if="isName" v-model="inputName"></el-input> |
| | | <el-radio :label="data.dictValue" v-for="data in dicts" :key="data.dictValue">{{data.dictLabel}}</el-radio> |
| | | <el-input class="radio-input" v-if="isOtherOptionSelected" v-model="inputName"></el-input> |
| | | </el-radio-group> |
| | | </div> |
| | | <zt-combo-tree v-model="dictValue" :datas="dictTrees" :disabled-filter="disabledFilter" @input="$emit('input', $event)" v-if="showType === 'tree'" :placeholder="placeholder"/> |
| | |
| | | name: 'ZtDict', |
| | | props: { |
| | | inputName:{}, |
| | | origin:{}, // 字典字段 |
| | | value: [Number, String, Boolean], |
| | | dict: { // 字典类型 |
| | | type: String, |
| | |
| | | return { |
| | | dictValue: typeof this.value === 'undefined' ? '' : (this.value + ''), |
| | | isName:false, |
| | | eventIndex:'', |
| | | } |
| | | }, |
| | | computed: { |
| | |
| | | this.wrapTreeId(datas) |
| | | return datas |
| | | }, |
| | | isOtherOptionSelected() { |
| | | const selectedOption = this.dicts.find(data => data.dictValue === this.dictValue); |
| | | return selectedOption && selectedOption.dictLabel.includes('其他'); |
| | | }, |
| | | dicts: function () { |
| | | let dicts = this.$store.getters.getDict(this.dict) |
| | | if (this.excluded.length > 0) { |
| | |
| | | watch: { |
| | | value(val, oldval) { |
| | | this.dictValue = typeof val === 'undefined' ? '' : (val + '') |
| | | }, |
| | | inputName(){ |
| | | this.$emit('getChangeInputData',this.inputName,this.origin) |
| | | } |
| | | }, |
| | | methods: { |
| | | changeDictValue(value,name){ |
| | | if(name.indexOf("其他")!=-1){ |
| | | console.log(this.inputName,'inputName') |
| | | console.log(name,'字典名字q34567') |
| | | this.eventIndex = value |
| | | this.isName = true |
| | | }else { |
| | | this.isName = false |
| | | } |
| | | }, |
| | | wrapTreeId(dictTypes) { |
| | | dictTypes.forEach(item => { |
| | | if ((item.dictType || '').length > 0) { // 字典类型 |
| | |
| | | .table-container { |
| | | position: relative; |
| | | } |
| | | |
| | | .table-container:hover .icon-container { |
| | | opacity: 1; /* 鼠标悬停时显示图标 */ |
| | | } |
| | | .icon-container { |
| | | z-index: 1; |
| | | position: absolute; |
| | |
| | | height: 30px; |
| | | text-align: center; |
| | | line-height: 30px; |
| | | transform: translateX(-50%); |
| | | transform: translate3d(-50%, 0, -20px); |
| | | border: 1px solid #EBEEF5; |
| | | background-color: #fafafa; |
| | | box-shadow: 0 3px 6px 0 rgba(72, 119, 232, 0.14); |
| | | border-radius: 2px; |
| | | transition: transform 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease; |
| | | opacity: 0; |
| | | } |
| | | .icon-container:hover{ |
| | | transform: translate3d(-50%, 0, 0); |
| | | box-shadow: 0 10px 10px 0 rgba(72, 119, 232, 0.34) |
| | | } |
| | | </style> |
| | |
| | | <el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()"> |
| | | <el-form-item> |
| | | <el-input v-model="dataForm.code" placeholder="请输入编号" clearable></el-input> |
| | | |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <zt-button type="query" @click="table.query()"/> |
| | |
| | | <div class="el-border-left" style="width: 98%"> |
| | | <el-form-item style="width: 20%;padding-left:5%;margin-bottom: 0"> |
| | | <zt-dict v-model="dataForm.softwareTestOrder.testBasis" :radio="true" dict="test_basis" |
| | | clearable :inputName="dataForm.softwareTestOrder.otherBasis"></zt-dict> |
| | | clearable :inputName="dataForm.softwareTestOrder.otherBasis" origin="otherBasis" @getChangeInputData="getChangeInputData"></zt-dict> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="el-border-left" style="width: 98%"> |
| | | <el-form-item style="width: 20%;padding-left:5%;margin-bottom: 0"> |
| | | <zt-dict v-model="dataForm.softwareTestOrder.testStandard" :radio="true" |
| | | origin="otherStandard" @getChangeInputData="getChangeInputData" |
| | | dict="test_standard" :inputName="dataForm.softwareTestOrder.otherStandard"> |
| | | </zt-dict> |
| | | </el-form-item> |
| | |
| | | <div class="el-border-left" style="width: 98%;"> |
| | | <el-form-item label="是否盖CNAS章" label-width="130px" style="padding-left:5%;margin-bottom:0"> |
| | | <zt-dict v-model="dataForm.softwareTestOrder.otherRequire" :radio="true" |
| | | dict="other_require"></zt-dict> |
| | | dict="is_or_not"></zt-dict> |
| | | <span>其他:<el-input class="requireOther" v-model="dataForm.softwareTestOrder.requireOther"></el-input></span> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="" style="width: 100%;"> |
| | | <div class="el-flex " style="height: 40px"> |
| | | <div style="width: 60%"> |
| | | <!-- <span>{{ dataForm.softwareTestOrder.entrustSign }}</span>--> |
| | | <zt-select v-model="dataForm.softwareTestOrder.entrustSign" url="/sys/userEx/getUsersList" :multiple="true" :clearable="true" placeholder="委托方人员"/> |
| | | <span>{{ dataForm.softwareTestOrder.entrustSign }}</span> |
| | | <!-- <zt-select v-model="dataForm.softwareTestOrder.entrustSign" url="/sys/userEx/getUsersList" :multiple="true" :clearable="true" placeholder="委托方人员"/>--> |
| | | </div> |
| | | <div class="el-flex" style="margin-left: 10%"> |
| | | <el-date-picker |
| | |
| | | <div class="el-border-left" style="width: 15%"> |
| | | <el-form-item style="width: 98%;padding-left:20px;margin:0;"> |
| | | <zt-dict v-model="dataForm.softwareTestOrder.articleNature" :radio="true" |
| | | origin="otherNature" @getChangeInputData="getChangeInputData" |
| | | dict="article_nature" :inputName="dataForm.softwareTestOrder.otherNature"></zt-dict> |
| | | </el-form-item> |
| | | </div> |
| | |
| | | // this.inputName='q14eeff' |
| | | // } |
| | | // }, |
| | | getChangeInputData(data,ogn){ |
| | | // console.log(ogn) |
| | | this.$set(this.dataForm.softwareTestOrder, ogn, data); |
| | | console.log(this.dataForm.softwareTestOrder[ogn]); |
| | | // console.log(this.dataForm.softwareTestOrder[ogn]) |
| | | }, |
| | | handleCellClick(row, column) { |
| | | this.editingCell = {row, column} |
| | | this.$nextTick(() => { |
| | |
| | | .test-type-line-height>.el-form-item>.el-form-item__content{ |
| | | line-height: 30px; |
| | | } |
| | | .requireOther.el-input{ |
| | | position: absolute; |
| | | } |
| | | </style> |