Browse Source

门类管理 字段管理 后台接口调试

master
z_yu 3 years ago
parent
commit
e5028a7516
  1. 44
      src/views/category/fieldManage/index.vue
  2. 16
      src/views/category/fieldManage/module/form.vue

44
src/views/category/fieldManage/index.vue

@ -20,38 +20,47 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="isColumnLength" label="字段长度" min-width="85" /> <el-table-column prop="isColumnLength" label="字段长度" min-width="85" />
<el-table-column prop="isColumnLength" label="著录形式" min-width="85" />
<el-table-column prop="isColumnLength" label="对应字典" min-width="85" />
<el-table-column prop="isColumnLength" label="显示长度" min-width="85" />
<el-table-column label="显示一整行" min-width="110">
<el-table-column label="著录形式" min-width="85">
<template slot-scope="scope"> <template slot-scope="scope">
<el-checkbox v-model="scope.row.isDefaultValue" :disabled="true" />
<span v-if="scope.row.isInputClass === 'select'">下拉框</span>
<span v-if="scope.row.isInputClass === 'text'">文本框</span>
<span v-if="scope.row.isInputClass === 'date'">日期框</span>
<span v-if="scope.row.isInputClass === 'number'">数字框</span>
<span v-if="scope.row.isInputClass === 'popover'">弹出框</span>
<span v-if="scope.row.isInputClass === 'textarea'">文本域</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="输入字段" min-width="85">
<el-table-column prop="sysDictionaryId" label="对应字典" min-width="85" />
<el-table-column prop="editLength" label="显示长度" min-width="85" />
<el-table-column label="显示一整行" min-width="110" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-checkbox v-model="scope.row.isDefaultValue" :disabled="true" />
<el-checkbox v-model="scope.row.isLine" :disabled="true" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="必填字段" min-width="85">
<el-table-column label="输入字段" min-width="85" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-checkbox v-model="scope.row.isDefaultValue" :disabled="true" />
<el-checkbox v-model="scope.row.isInput" :disabled="true" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="自动生成" min-width="85">
<el-table-column label="必填字段" min-width="85" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-checkbox v-model="scope.row.isDefaultValue" :disabled="true" />
<el-checkbox v-model="scope.row.isRequired" :disabled="true" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="自动补零" min-width="85">
<el-table-column label="自动生成" min-width="85" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-checkbox v-model="scope.row.isDefaultValue" :disabled="true" />
<el-checkbox v-model="scope.row.isAuto" :disabled="true" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="isColumnLength" label="位数" min-width="55" />
<el-table-column label="值不重复" min-width="85">
<el-table-column label="自动补零" min-width="85" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-checkbox v-model="scope.row.isDefaultValue" :disabled="true" />
<el-checkbox v-model="scope.row.isFilling" :disabled="true" />
</template>
</el-table-column>
<el-table-column prop="fillingDigit" label="位数" min-width="55" align="center" :formatter="digitFormatter" />
<el-table-column label="值不重复" min-width="85" align="center">
<template slot-scope="scope">
<el-checkbox v-model="scope.row.isNoRepetition" :disabled="true" />
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -173,6 +182,9 @@ export default {
handleClose(done) { handleClose(done) {
this.deleteData = {} this.deleteData = {}
done() done()
},
digitFormatter(row, column, cellValue, index) {
return cellValue || '-'
} }
} }
} }

16
src/views/category/fieldManage/module/form.vue

@ -25,13 +25,13 @@
<el-option v-for="item in inputClassOptions" :key="item.value" :label="item.label" :value="item.value" /> <el-option v-for="item in inputClassOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="对应字典" prop="isDefaultValueType">
<el-form-item label="对应字典" prop="sysDictionaryId">
<el-select v-model="form.isDefaultValueType" placeholder="" :disabled="isDisabled"> <el-select v-model="form.isDefaultValueType" placeholder="" :disabled="isDisabled">
<el-option v-for="item in dictionaryData" :key="item.id" :label="item.dicName" :value="item.dicCode" /> <el-option v-for="item in dictionaryData" :key="item.id" :label="item.dicName" :value="item.dicCode" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="显示长度" prop="isInputLength">
<el-input v-model="form.isInputLength" :disabled="isDisabled" />
<el-form-item label="显示长度" prop="editLength">
<el-input v-model="form.editLength" :disabled="isDisabled" />
</el-form-item> </el-form-item>
<el-form-item label="默认值" prop="isDefaultValue"> <el-form-item label="默认值" prop="isDefaultValue">
<el-input v-model="form.isDefaultValue" :disabled="isDisabled" /> <el-input v-model="form.isDefaultValue" :disabled="isDisabled" />
@ -40,7 +40,7 @@
<el-col :span="9"> <el-col :span="9">
<el-form-item class="checkbox-item"> <el-form-item class="checkbox-item">
<span>显示一整行</span> <span>显示一整行</span>
<el-checkbox v-model="form.isFullrow" label="" name="isFullrow" :disabled="isDisabled" />
<el-checkbox v-model="form.isLine" label="" name="isLine" :disabled="isDisabled" />
</el-form-item> </el-form-item>
<el-form-item class="checkbox-item"> <el-form-item class="checkbox-item">
<span>输入字段</span> <span>输入字段</span>
@ -60,9 +60,9 @@
</el-form-item> </el-form-item>
<el-form-item class="checkbox-item"> <el-form-item class="checkbox-item">
<span>自动补零</span> <span>自动补零</span>
<el-checkbox v-model="form.isSupplement" label="" name="isSupplement" :disabled="isDisabled" @change="changeSupplement" />
<el-checkbox v-model="form.isFilling" label="" name="isFilling" :disabled="isDisabled" @change="changeSupplement" />
</el-form-item> </el-form-item>
<el-form-item class="input-num" label="位数" prop="isSupplementNum">
<el-form-item class="input-num" label="位数" prop="fillingDigit">
<!-- <el-input v-model="form.isSupplementNum" type="number" :min="1" :disabled="isDisabled || !form.isSupplement" /> --> <!-- <el-input v-model="form.isSupplementNum" type="number" :min="1" :disabled="isDisabled || !form.isSupplement" /> -->
<el-input-number v-model="form.isSupplementNum" controls-position="right" :min="1" :disabled="isDisabled || !form.isSupplement" style="width:80px" /> <el-input-number v-model="form.isSupplementNum" controls-position="right" :min="1" :disabled="isDisabled || !form.isSupplement" style="width:80px" />
<span></span> <span></span>
@ -193,10 +193,6 @@ export default {
return false return false
} }
}) })
},
resetForm(formName) {
// this.$refs[formName].resetFields()
// console.log(this.thisFields)
} }
} }
} }

Loading…
Cancel
Save