add.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <el-card shadow="never" style="border: 0;">
  3. <template #header>
  4. <el-alert type="warning" :closable="false">{:__('【所属分组】请前往常规管理->系统配置->配置分组中进行管理')}</el-alert>
  5. </template>
  6. <yun-form
  7. :data="data"
  8. :columns="columns">
  9. <template #default>
  10. {:token_field()}
  11. </template>
  12. <template v-slot:pid="{rows}">
  13. <el-form-item label="{:__('父级')}:" prop="pid">
  14. <el-select placeholder="{:__('请选择父级')}" v-model="rows.pid" :clearable="true" style="width: 100%">
  15. <el-option key="all" label="无" value="0"></el-option>
  16. {foreach name="parentList" item="vo"}
  17. <el-option v-if="rows.type=='{$vo.type}'" key="{$key}" label="{:str_replace('&amp;','&',$vo.name)}" value="{$key}"></el-option>
  18. {/foreach}
  19. </el-select>
  20. </el-form-item>
  21. </template>
  22. </yun-form>
  23. </el-card>
  24. </template>
  25. <script>
  26. import form from "@components/Form.js";
  27. export default{
  28. components:{'YunForm':form},
  29. data:{
  30. data:Yunqi.data.row || {},
  31. columns:[
  32. {field: 'id',title:'ID',edit:'hidden'},
  33. {field: 'type', title: __('所属分组'),searchList:Yunqi.data.typeList,edit: {form:'select',change:'changeType'},rules:'required'},
  34. {field: 'pid',title:__('父级'),edit: {form:'slot',value:'0'}},
  35. {field: 'name',title:__('名称'),edit:'text',rules:'required'},
  36. {field: 'nickname',title:__('昵称'),edit:'text'},
  37. {field: 'image', title: __('图片'),edit:'image'},
  38. {field: 'weigh', title: __('权重'),edit:(Yunqi.config.action=='edit')?'number':false},
  39. {field: 'status', title: __('状态'),edit:'switch',searchList: {'normal': __('正常'),'hidden': __('隐藏')}},
  40. ]
  41. },
  42. methods: {
  43. changeType:function (data,row){
  44. row.pid='0';
  45. }
  46. }
  47. }
  48. </script>
  49. <style>
  50. </style>