1

lzhe

2024-05-20 834b60cd68111f2bfda46976e1c92bc9fad6017c

1

 src/views/configuration/custom/index.vue

@@ -16,7 +16,7 @@
            <div class="card">
                <div class="card-title">计划</div>
                <div class="card-desc">
                    <span @click="goSetField">字段配置</span>
                    <span @click="goSetField(1)">字段配置</span>
                    <span>计划设置</span>
                </div>
            </div>
@@ -29,7 +29,7 @@
            <div class="card">
                <div class="card-title">产品</div>
                <div class="card-desc">
                    <span>字段配置</span>
                    <span @click="goSetField(2)">字段配置</span>
                    <span>显示设置</span>
                </div>
            </div>
@@ -54,8 +54,8 @@

        },
        methods: {
            goSetField() {
                this.$router.push({path: '/configuration/custom/setField'});
            goSetField(type) {
                this.$router.push({path: '/configuration/custom/setField',query: {type: type}});
            }
        }
    }

 src/views/configuration/custom/setField.vue

@@ -8,7 +8,7 @@
-->
<template>
    <div class="aposcope-main">
        <div class="title">计划字段</div>
        <div class="title">{{$route.query.type == 1?"计划":"产品"}}字段</div>
        <el-button type="primary" @click="addField" style="margin: 4px 0px 10px;">添加自定义字段</el-button>
        <div class="field-table">
            <el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef">
@@ -65,7 +65,7 @@

            },
            getTableData() {
                this.$HTTP.get(`/api/blade-system/custom-template-field/list?businessType=1`).then(res=> {
                this.$HTTP.get(`/api/blade-system/custom-template-field/list?businessType=${this.$route.query.type}`).then(res=> {
                    if(res.code == 200) {
                        this.tableData = res.data;
                    }

 src/views/console/basic-data/addProduct.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,147 @@
<template>
    <el-dialog :title="titleMap[mode]" v-model="visible" :width="800" destroy-on-close @closed="$emit('closed')">
        <el-form :model="addDictForm" :rules="addDictRules" :disabled="mode=='show'" ref="dialogForm" label-width="120px" label-position="center">
            <el-row>
                <el-col :span="24">
                    <el-form-item label="字典编号" prop="code">
                        <el-input v-model="addDictForm.code" placeholder="字典编号" clearable></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="字典名称" prop="dictValue">
                        <el-input v-model="addDictForm.dictValue" placeholder="字典名称" clearable></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="字典排序" prop="sort">
                        <el-input v-model="addDictForm.sort" placeholder="字典排序" clearable></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="封存">
                        <el-switch v-model="addDictForm.isSealed" />
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="字典备注">
                        <el-input v-model="addDictForm.remark" placeholder="字典备注" clearable></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
        <template #footer>
            <el-button @click="visible=false" >取 æ¶ˆ</el-button>
            <el-button v-if="mode!='show'" type="primary" :loading="isSaveing" @click="dictSubmit()">保 å­˜</el-button>
        </template>
    </el-dialog>
</template>

<script>
    export default {
        emits: ['success', 'closed'],
        data() {
            return {
                value1: true,
                mode: "add",
                titleMap: {
                    add: '新增',
                    edit: '修改',
                    show: '查看'
                },
                visible: false,
                isSaveing: false,
                //表单数据
                addDictForm: {
                    code: "",
                    dictValue: "",
                    sort: "",
                    isSealed: false,
                    remark: "",
                    dictKey: "-1",
                    $isSealed: "否"
                },
                //验证规则
                addDictRules: {
                    code:[{required: true, message: '请输入字典编号'}],
                    dictValue:[{required: true, message: '请输入字典名称'}],
                    sort:[{required: true, message: '请输入字典排序'}]
                },
                //所需数据选项
                groups: [],
                groupsProps: {
                    value: "id",
                    multiple: true,
                    checkStrictly: true
                },
                depts: [],
                deptsProps: {
                    value: "id",
                    checkStrictly: true
                }
            }
        },
        mounted() {
            // this.getGroup()
            // this.getDept()
        },
        methods: {
            //显示
            open(mode='add'){
                this.mode = mode;
                this.visible = true;
                return this
            },
            //加载树数据
            async getGroup(){
                var res = await this.$API.system.role.list.get();
                this.groups = res.data.rows;
            },
            async getDept(){
                var res = await this.$API.system.dept.list.get();
                this.depts = res.data;
            },
            //表单提交方法
            dictSubmit(){
                var obj = Object.assign({},this.addDictForm);
                if(obj.isSealed === true) {
                    obj.$isSealed = "是";
                    obj.isSealed = "1";
                }else {
                    obj.$isSealed = "否";
                    obj.isSealed = "0";
                }
                this.$refs.dialogForm.validate(async (valid) => {
                    if (valid) {
                        this.isSaveing = true;
                        this.$HTTP.post("/api/blade-system/dict/submit",obj).then(res=> {
                            this.isSaveing = false;
                            if(res.code == 200) {
                                this.$emit('success', this.addDictForm, this.mode);
                                this.visible = false;
                                this.$message.success("操作成功");
                            }else {
                                this.$alert(res.message, "提示", {type: 'error'});
                            }
                        })
                    }else{
                        return false;
                    }
                })
            },
            //表单注入数据
            setData(data){
                console.log(data)
                //可以和上面一样单个注入，也可以像下面一样直接合并进去
                if(data.isSealed == "1") {
                    data.isSealed = true;
                }else {
                    data.isSealed = false;
                }
                Object.assign(this.addDictForm, data);
            }
        }
    }
</script>

<style>
</style>

 src/views/console/basic-data/product.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,309 @@
<!--
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-03-26 10:28:33
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-04-02 17:48:31
 * @FilePath: /smart-web/src/views/master/person/main/index.vue
 * @Description: è¿™æ˜¯é»˜è®¤è®¾ç½®,请设置`customMade`, æ‰“å¼€koroFileHeader查看配置 è¿›è¡Œè®¾ç½®: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="Product-main">
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="产品" name="first">
                <div class="first-tabs" v-if="activeName == 'first'">
                    <div>
                        <el-button type="primary" @click="addData" class="marginR12">新建产品</el-button>
                        <!-- å¯¼å…¥ -->
                        <import-table class="marginR12" :exportUrl="exportUrl" :uploadUrl="uploadUrl"></import-table>
                        <!-- å¯¼å‡º -->
                        <el-button type="primary" @click="getExport" class="marginR4">导出</el-button>
                        <el-button type="danger" plain @click="delData" class="marginR12">删除</el-button>
                    </div>
                    <el-row class="search-condition">
                        <el-col :span="5">
                            <el-select v-model="searchData.test" :prefix-icon="Search" placeholder="请选择" style="width: 100%;padding-right: 20px;">
                                <template #prefix><span style="margin-right: 6px;">产品类型</span></template>
                                <el-option v-for="item in testList" :key="item.value" :label="item.label" :value="item.value" />
                            </el-select>
                        </el-col>
                        <el-col :span="5">
                            <el-input v-model="searchData.test" placeholder="请输入" style="padding-right: 20px;">
                                <template #prefix><span style="margin-right: 6px;">规格型号</span></template>
                            </el-input>
                        </el-col>
                        <el-col :span="5">
                            <el-select v-model="searchData.test" :prefix-icon="Search" placeholder="请选择" style="width: 100%;padding-right: 20px;">
                                <template #prefix><span style="margin-right: 6px;">状态</span></template>
                                <el-option v-for="item in testList" :key="item.value" :label="item.label" :value="item.value" />
                            </el-select>
                        </el-col>
                        <el-col :span="5">
                            <el-input v-model="searchData.test" placeholder="请输入">
                                <template #prefix><span style="margin-right: 6px;">编号/名称</span></template>
                            </el-input>
                        </el-col>
                        <el-col :span="4">
                            <el-icon @click="addDrawer" class="searchi-icon"><Setting /></el-icon>
                        </el-col>
                    </el-row>
                    <el-drawer title="查询设置" v-model="drawer" :direction="direction" :before-close="handleClose" size="780" class="drawerClass">
                        <div>
							
                        </div>
                        <div class="drawer-foot">
                            <el-button @click="closeDrawer">关闭</el-button>
                            <el-button type="primary" @click="drawerConfirm" disabled>保存</el-button>
                        </div>
                    </el-drawer>
                </div>
            </el-tab-pane>
            <el-tab-pane label="产品类型" name="second">
                <!-- <person-post v-if="activeName == 'second'"></person-post> -->
            </el-tab-pane>
        </el-tabs>
        <!-- <div>
            <div class="Product-table">
                <el-table ref="multipleTableRef" :data="tableData" border style="width: 100%" class="multipleTableRef" @selection-change="handleSelectionChange">
                    <el-table-column type="selection" width="55" />
                    <el-table-column prop="ProductValue" label="字典名称"></el-table-column>
                    <el-table-column prop="sort" label="字典排序"></el-table-column>
                    <el-table-column prop="isSealed" label="封存">
                        <template #default="scope">
                            <div>{{scope.row.isSealed == 0?"否":"是"}}</div>
                        </template>
                    </el-table-column>
                    <el-table-column fixed="right" label="操作">
                        <template #default="scope">
                            <el-button text type="primary" size="small" @click="table_show(scope.row, scope.$index)">查看</el-button>
                            <el-button type="text" size="small" @click="table_edit(scope.row, scope.$index)">编辑</el-button>
                            <el-button text type="primary" size="small" @click="table_del(scope.row, scope.$index)">删除</el-button>
                            <el-button text type="primary" size="small" @click="table_allocation(scope.row, scope.$index)">字典配置</el-button>
                        </template>
                    </el-table-column>
                </el-table>
                <el-pagination
                    style="margin-top: 12px;"
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="currentPage4"
                    :page-sizes="[15, 50, 100]"
                    :page-size="15"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="total">
                </el-pagination>
            </div> -->
    </div>
	
    <save-dialog v-if="dialog.save" ref="saveDialog" @success="addProductSuccess" @closed="dialog.save=false"></save-dialog>
</template>
<script>
    import * as ElementPlusIconsVue from '@element-plus/icons-vue'
    let icons = []
    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
        icons.push(key)
    }
    import importTable from '@/layout/components/importTable.vue'
    import saveDialog from './addProduct'
    export default {
        name: "allocation",
        data(){
            return {
                direction: "rtl",
                drawer: false,
                testList: [],
                uploadUrl: "/api/blade-cps/employee/import-employee",
                exportUrl: "/api/blade-cps/employee/export-template",
                activeName: 'first',
                selection: [],
                total: 0,
                searchData: {
                    test: "",
                    current: "1",
                    size: "15"
                },
                dialog: {
                    save: false
                },
                tableData: []
            }
        },
        created(){
			
        },
        mounted(){
            //this.searchBtn();
        },
        components: {
            ...ElementPlusIconsVue,saveDialog,importTable
        },
        methods: {
            addDrawer() {
                this.drawer = true;
            },
            closeDrawer() {
                this.drawer = false;
            },
            drawerConfirm() {
                this.drawer = false;
            },
            handleClose(done) {
                done();
            },
            getExport() {
                this.$HTTP.get(`/api/blade-cps/employee/export-employee?` + this.$TOOL.qsStringify(this.searchData)).then(res => {
                    if (res.code == 200) {
                        window.open(res.data.link);
                    }
                })
            },
            delProduct() {
				
            },
            addProduct() {

            },
            handleClick(tab, event) {
                console.log(tab.props.label, this.activeName);
            },
            addProductSuccess(addProductForm) {
                this.searchClearBtn();
            },
            searchClearBtn() {
                this.searchData = {
                    code: "",
                    ProductValue: "",
                    current: "1",
                    size: "15"
                }
                this.searchBtn();
            },
            searchclick() {
                this.searchData.current = "1";
                this.searchData.size = "15";
                this.searchBtn();
            },
            searchBtn() {
                this.$HTTP.get("/api/blade-system/Product/parent-list",this.searchData).then(res=> {
                    if(res.code == 200) {
                        this.tableData = res.data.records;
                        this.total = res.data.total;
                    }
                })
            },
            //字典配置
            table_allocation(row) {
                this.dialog.allocation = true;
                this.$nextTick(() => {
                    this.$refs.allocationDialog.open('edit').setData(row);
                })
            },
            //删除
            table_del(row) {
                var that = this;
                this.$confirm(`确定将选择数据删除?`, '', {
                    type: 'warning'
                }).then(() => {
                    this.$HTTP.post("/api/blade-system/Product/remove?ids="+row.id).then(res=> {
                        if(res.code == 200) {
                            that.$message.success("操作成功");
                            that.searchBtn();
                        }
                    })
                }).catch(() => {

                })
            },
            //添加
            addData(){
                this.dialog.save = true
                this.$nextTick(() => {
                    this.$refs.saveDialog.open()
                })
            },
            table_edit(row){
                this.dialog.save = true
                this.$HTTP.get("/api/blade-system/Product/detail?id="+row.id).then(res=> {
                    if(res.code == 200) {
                        this.dialog.save = true;
                        this.$nextTick(() => {
                            this.$refs.saveDialog.open('edit').setData(res.data);
                        })
                    }
                })
            },
            //查看
            table_show(row){
                this.dialog.save = true
                this.$nextTick(() => {
                    this.$refs.saveDialog.open('show').setData(row)
                })
            },
            handleSelectionChange(selection) {
                this.selection = selection;
            },
            delData() {
                if(this.selection.length == 0) {
                    this.$message({
                      message: '请选择至少一条数据',
                      type: 'warning'
                    });
                    return;
                }
                var selStr = "";
                this.selection.map(item=> {
                    selStr += item.id + ","
                })
                selStr = selStr.replace(/,$/, '');
                var that = this;
                this.$HTTP.post("/api/blade-system/Product/remove?ids="+selStr).then(res=> {
                    if(res.code == 200) {
                        that.$message.success("操作成功");
                        that.searchclick();
                    }
                })
            },
            handleSizeChange(val) {
                console.log(`每页 ${val} æ¡`);
                this.searchData.current = "1";
                this.searchData.size = val;
                this.searchBtn();
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
                this.searchData.current = val;
                this.searchBtn();
            }
        }
    }
</script>

<style scoped>
    .Product-main {
        background-color: #fff;
        margin: 8px;
        padding: 8px;
    }
    .Product-btn-bottom {
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 8px;
    }
    .multipleTableRef {
        margin-bottom: 8px;
    }
    .search-condition {
        margin-top: 12px;
    }
    .marginR4 {
        margin-right: 4px;
    }
    .marginR12 {
        margin-right: 12px;
    }
    .searchi-icon {
        vertical-align: middle;
        font-size: 18px;
        margin-left: 12px;
        margin-top: 7px;
    }
</style>