|
|
@@ -23,39 +23,34 @@
|
|
|
:title="title"
|
|
|
:visible="visible"
|
|
|
:reload="reload"
|
|
|
+ :width="width"
|
|
|
@confirm="handleConfirm"
|
|
|
@cancel="handleCancel"
|
|
|
>
|
|
|
- <div>
|
|
|
- <el-row
|
|
|
+ <el-form ref="form" :model="params" label-width="80px">
|
|
|
+ <el-form-item
|
|
|
v-for="({ label, props, type, options }, index) in dialog_content"
|
|
|
+ :label="label"
|
|
|
:key="index"
|
|
|
- :gutter="24"
|
|
|
- class="padding-bottom-20"
|
|
|
- ><el-col :span="2" />
|
|
|
- <el-col :span="6">
|
|
|
- <!-- 标签 -->
|
|
|
- {{ label }}
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-input v-if="type === 'input'" v-model="params[props]" />
|
|
|
- <el-select v-if="type === 'select'" v-model="params[props]">
|
|
|
- <el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- <el-cascader
|
|
|
- v-model="params[props]"
|
|
|
- :options="options"
|
|
|
- v-if="type === 'cascader'"
|
|
|
- @change="handleCascader"
|
|
|
- />
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
+ >
|
|
|
+ <el-input v-if="type === 'input'" v-model="params[props]" />
|
|
|
+ <el-select v-if="type === 'select'" v-model="params[props]">
|
|
|
+ <el-option
|
|
|
+ v-for="item in options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-cascader-panel
|
|
|
+ v-if="type === 'cascader'"
|
|
|
+ v-model="params[props]"
|
|
|
+ :options="options"
|
|
|
+ clearable
|
|
|
+ @change="handleCascader"
|
|
|
+ ></el-cascader-panel>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
</simple-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -80,6 +75,7 @@ export default {
|
|
|
title: "权限设置",
|
|
|
visible: false,
|
|
|
reload: 0,
|
|
|
+ width: "800px",
|
|
|
params: {},
|
|
|
// 弹出层具体的内容
|
|
|
dialog_content: [
|
|
|
@@ -149,8 +145,8 @@ export default {
|
|
|
},
|
|
|
{
|
|
|
label: "下发月份",
|
|
|
- props: "date",
|
|
|
- type: "date",
|
|
|
+ props: "month",
|
|
|
+ type: "month",
|
|
|
},
|
|
|
{
|
|
|
label: "状态",
|
|
|
@@ -289,16 +285,20 @@ export default {
|
|
|
this.visible = true;
|
|
|
},
|
|
|
// 级联选择
|
|
|
- handleCascader() {},
|
|
|
+ handleCascader(data) {
|
|
|
+ console.log(data, "data");
|
|
|
+ },
|
|
|
handleCheck() {},
|
|
|
handleDelete() {},
|
|
|
handleConfirm(visible) {
|
|
|
this.reload++;
|
|
|
+ this.params = {};
|
|
|
this.visible = visible;
|
|
|
console.log(this.params, "handleConFirm");
|
|
|
},
|
|
|
handleCancel(data) {
|
|
|
this.reload++;
|
|
|
+ this.params = {};
|
|
|
this.visible = data;
|
|
|
console.log(data, "handleCancel");
|
|
|
},
|
