|
@@ -5,42 +5,42 @@
|
|
|
<div class="paren_header">
|
|
|
<p>{{ title }}</p>
|
|
|
<div class="header_right">
|
|
|
- <el-radio v-model="form.radio" :label="item.id" v-for="(item, index) in option" :key="index">{{ item.label }}</el-radio>
|
|
|
+ <el-radio v-model="form.radio" :label="item.id" v-for="(item, index) in option" :key="index" :disabled="disabled">{{ item.label }}</el-radio>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="juris_list" :style="{ marginBottom: marginB }">
|
|
|
<p>时效范围起</p>
|
|
|
- <el-date-picker @change="setTime" v-model="form.firstWeeks" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择时间" size="mini" :picker-options="pickerOptionsStart">
|
|
|
+ <el-date-picker @change="setTime" v-model="form.firstWeeks" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择时间" size="mini" :picker-options="pickerOptionsStart" :disabled="disabled">
|
|
|
</el-date-picker>
|
|
|
</div>
|
|
|
<div class="juris_list" :style="{ marginBottom: marginB }">
|
|
|
<p>至</p>
|
|
|
- <el-date-picker @change="setTime" v-model="form.endWeeks" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="选择时间" size="mini" :picker-options="pickerOptionsEnd">
|
|
|
+ <el-date-picker @change="setTime" v-model="form.endWeeks" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="选择时间" size="mini" :picker-options="pickerOptionsEnd" :disabled="disabled">
|
|
|
</el-date-picker>
|
|
|
</div>
|
|
|
<div class="juris_list" :style="{ marginBottom: marginB }">
|
|
|
<p>许可查询行</p>
|
|
|
- <el-input v-model.trim="form.input1" placeholder="请输入内容" size="mini"></el-input>
|
|
|
+ <el-input v-model.trim="form.input1" placeholder="请输入内容" size="mini" :disabled="disabled"></el-input>
|
|
|
</div>
|
|
|
<div class="juris_list" :style="{ marginBottom: marginB }">
|
|
|
<p>许可查询列</p>
|
|
|
- <el-input v-model.trim="form.input2" placeholder="请输入内容" size="mini"></el-input>
|
|
|
+ <el-input v-model.trim="form.input2" placeholder="请输入内容" size="mini" :disabled="disabled"></el-input>
|
|
|
</div>
|
|
|
<div class="juris_list" :style="{ marginBottom: marginB }">
|
|
|
<p>许可删除行</p>
|
|
|
- <el-input v-model.trim="form.input3" placeholder="请输入内容" size="mini"></el-input>
|
|
|
+ <el-input v-model.trim="form.input3" placeholder="请输入内容" size="mini" :disabled="disabled"></el-input>
|
|
|
</div>
|
|
|
<div class="juris_list" :style="{ marginBottom: marginB }">
|
|
|
<p>许可新增列</p>
|
|
|
- <el-input v-model.trim="form.input4" placeholder="请输入内容" size="mini"></el-input>
|
|
|
+ <el-input v-model.trim="form.input4" placeholder="请输入内容" size="mini" :disabled="disabled"></el-input>
|
|
|
</div>
|
|
|
<div class="juris_list" :style="{ marginBottom: marginB }">
|
|
|
<p>许可编辑行</p>
|
|
|
- <el-input v-model.trim="form.input5" placeholder="请输入内容" size="mini"></el-input>
|
|
|
+ <el-input v-model.trim="form.input5" placeholder="请输入内容" size="mini" :disabled="disabled"></el-input>
|
|
|
</div>
|
|
|
<div class="juris_list" :style="{ marginBottom: marginB }">
|
|
|
<p>许可编辑列</p>
|
|
|
- <el-input v-model.trim="form.input6" placeholder="请输入内容" size="mini"></el-input>
|
|
|
+ <el-input v-model.trim="form.input6" placeholder="请输入内容" size="mini" :disabled="disabled"></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-form>
|
|
@@ -63,6 +63,10 @@ export default {
|
|
|
authList: {
|
|
|
type: Array,
|
|
|
default: () => []
|
|
|
+ },
|
|
|
+ disabled: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
}
|
|
|
},
|
|
|
data () {
|
|
@@ -143,6 +147,22 @@ export default {
|
|
|
},
|
|
|
deep: true
|
|
|
},
|
|
|
+ disabled: {
|
|
|
+ handler(val) {
|
|
|
+ if (val) {
|
|
|
+ this.form.radio = 1
|
|
|
+ this.form.firstWeeks =
|
|
|
+ this.form.endWeeks =
|
|
|
+ this.form.input1 =
|
|
|
+ this.form.input2 =
|
|
|
+ this.form.input3 =
|
|
|
+ this.form.input4 =
|
|
|
+ this.form.input5 =
|
|
|
+ this.form.input6 =
|
|
|
+ ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
setTime () {
|