jemin_new_test.git

<!doctype html>
<html>
    <head>
        <meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache">
        <title>赠药申请</title>
 
        <script src="../../../jsnew/elementDefault.js?v=20220425"></script>
        <script src="../../../jsnew/vue/vue.js"></script>
        <script src="../../../jsnew/vue/element-ui/element-ui_15/index.js"></script>
        <script src="../../../jsnew/myelement.js?v=20220425"></script>
        <script src="../../../jsnew/page.js?v=20220425"></script>
        <!-- <script src="../../../setting.js"></script> -->
        
        <link href="../../../jsnew/vue/element-ui/element-ui_15/theme-chalk/index.css" rel="stylesheet">
        <link href="../../../jsnew/myelement.css?v=20220426" rel="stylesheet">
        <link href="../../../jsnew/theme.css?v=20220426" rel="stylesheet">
        <link href="../../../css/iconfont.css" rel="stylesheet">
        <link href="../../../jsnew/page.css?v=20220425" rel="stylesheet">
        <link href="//at.alicdn.com/t/font_2374495_13ltsxm2eor.css" rel="stylesheet">
    </head>
    
    <body style="margin: 0px;">
        <div v-cloak id="vbody">
            <div id="page_root">
                <div class="topbar" style="display: flex; justify-content: space-between;">
                    <div>
                        <span>{{title}}</span>
                    </div>
                    
                    <div style="display: flex; justify-content: space-between; width: 80px;">
                        <!-- <div>
                            <span style="font-weight: 500;">折扣金额汇总：{{summary}}</span>
                        </div> -->
                        <div style="margin-right: 18px; ">
                            <el-button-group style="margin-left: 3px">
                                <el-button @click="exportList">导 出</el-button>
                            </el-button-group>
                        </div>
                    </div>
                </div>
            
                <div class="topbar-line">
                    <div class="query-bar">
                        <h-form-filter ref="form1" 
                            :form-attr="filterAttr" 
                            :table-fields="filterFields" 
                            :form-data="filterObj" 
                            :table-field-click="filterfieldClick"
                            :isdraggableorder="false"
                            
                            v-on:on-query="onQuery"
                            v-on:on-init-query="onInitFilter"
                            v-on:order-fields="orderFilterFields"
                            >
                        </h-form-filter>
                    </div>
                </div>
            
                <div class="h_dialog__body">
                    <h-table
                        v-if="isRefresh"
                        ref="table1"
                        :table-fields="tableFields" 
                        :table-data="tableData" 
                        :is-edit-table-data="isEditTableData"
                        :pagesize="pagesize"
                        :pagenum="pagenum"
                        :total="total"
                        :table-height="tableHeight"
                        :table-field-click="tablefieldClick"
                        :is-show-index="false"
                        :tableloading="tableloading"
                        :isdraggableorder="true"
                        
                        v-on:get-data="getData"
                        v-on:edit-data="editData"
                        v-on:del-data="delData"
                        v-on:order-fields="orderTableFields"
                    >
                    </h-table>
                </div>
            </div>
        </div>
        
        <div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 50vh;">
            <div class="spinner">
              <div class="cube1"></div>
              <div class="cube2"></div>
            </div>
        </div>
 
        <script type="text/javascript">
            function initVue() {
                new ListVue({
                    el: "#vbody",
                    data: {
                        dataname: "grant_order_detail",
                        title: "赠药申请",
                        dataurl: "rootjemin/data/getEntitySet",
                        filterTxt: " status = 'open' ",
                        default_filterFields: [
                            {isshow: "T", field: "detail_no", name: "明细编码", filterfield:"", filteroperator: "like", type: ""},
                        ],
                        default_tableFields: [
                            {isshow: "T", field: "state_name", name: "状态", formatter: "formatter_json", formatpattern:"system_status"},
                            {isshow: "T", field: "detail_no", name: "明细编码", filterfield:"", filteroperator: "like", type: ""},
                            {isshow: "T", field: "apply_date", name: "申请日期", type:"span", formatter: "formatter_date",  width: "100",},
                            {isshow: "T", field: "employee_code", name: "申请人编号", width: "150",},
                            {isshow: "T", field: "apply_name", name: "申请人", type:"span", },
                            {isshow: "T", field: "department", name: "申请部门", type:"span", },
                            {isshow: "T", field: "apply_province", name: "申请省份", type:"select", },
                            {isshow: "T", field: "end_date", name: "结束时间", width: "100", type:"date", formatter: "formatter_date"},
                            {isshow: "T", field: "delivery_name", name: "发货主体", width: "200", type:"span",},
                            {isshow: "T", field: "customer_code", name: "商业编码", width: "150", type: "select",},
                            {isshow: "T", field: "customer_name", name: "商业名称", width: "250", type:"span", align: "left"},
                            {isshow: "T", field: "product_code", name: "品种编码", width: "150", type:"select",},
                            {isshow: "T", field: "spec", name: "规格", width: "200", type: "span", align: "left"},
                            {isshow: "T", field: "qty", name: "赠药数量", width: "100", type: "span",},
                            {isshow: "T", field: "price", name: "供货价", width: "100", type: "input", formatter: "formatter_money", align: "right"},
                            {isshow: "T", field: "discount", name: "折扣金额", width: "100", type: "input", formatter: "formatter_money", align: "right"},
                            {isshow: "T", field: "unit", name: "赠药单位", width: "100", type: "span",},
                            {isshow: "T", field: "second_price", name: "二级商业供货价", width: "150", type: "input", formatter: "formatter_money", align: "right"},
                            {isshow: "T", field: "store", name: "赠药药店", width: "100", type: "span",},
                            {isshow: "T", field: "store_price", name: "药店供货价", width: "100", type: "input", formatter: "formatter_money", align: "right"},
                            {isshow: "T", field: "hospital_code", name: "医院编码", width: "150", type: "select",},
                            {isshow: "T", field: "hospital_name", name: "医院名称", width: "200", type:"span", align: "left"},
                            {isshow: "T", field: "pay_type", name: "支付方式", width: "100", type: "span"},
                            // {isshow: "T", field: "policy", name: "赠药政策", width: "100", type: "span"},
                            {isshow: "T", field: "remark", name: "明细备注", type: "input", width: "150"}, 
                        ],
                        filterfieldClick: {},
                        tablefieldClick: {},
                        formfieldClick: {},
                        tableData:[
                            {
                               id: "01",
                               state_name: "有效",
                               detail_no: "30601008",
                               apply_date: "2022-01-03",
                               employee_code: "10010064",
                               apply_name: "",
                               department: "",
                               apply_province: "云南",
                               end_date: "2022-04-03",
                               delivery_name: "货运",
                               customer_code: "10010064",
                               customer_name: "云南博泰药业有限公司",
                               product_code: "30601008",
                               spec: "0.42g*12片*3板**5小盒*40盒/箱",
                               qty: "200盒",
                               price: "3.39",
                               discount: "0.39",
                               unit: "",
                               second_price: "3",
                               store: "长寿大药房",
                               store_price: "3",
                               hospital_code: "",
                               hospital_name: "第一人民医院",
                               pay_type: "现金支付",
                               remark: "",
                            },
                            {
                               id: "02",
                               state_name: "有效",
                               detail_no: "30521004",
                               apply_date: "2018-05-09",
                               employee_code: "10010060",
                               apply_name: "",
                               department: "",
                               apply_province: "河北",
                               end_date: "2018-07-01",
                               delivery_name: "货运",
                               customer_code: "10010060",
                               customer_name: "唐山药材采购供应有限公司第十药品分公司",
                               product_code: "30521004",
                               spec: "5g*20包*120盒",
                               qty: "400盒",
                               price: "3.91",
                               discount: "0.91",
                               unit: "",
                               second_price: "3",
                               store: "健康大药房",
                               store_price: "3",
                               hospital_code: "",
                               hospital_name: "第一人民医院附属医院",
                               pay_type: "银行转账",
                               remark: "",
                            },
                            {
                               id: "03",
                               state_name: "有效",
                               detail_no: "30601005",
                               apply_date: "2019-01-03",
                               employee_code: "30601005",
                               apply_name: "",
                               department: "",
                               apply_province: "河北",
                               end_date: "2019-04-09",
                               delivery_name: "快递",
                               customer_code: "10010058",
                               customer_name: "合肥亿帆医药有限公司",
                               product_code: "30601005",
                               spec: "0.33g*9粒*12板*80盒",
                               qty: "300盒",
                               price: "3.39",
                               discount: "0.39",
                               unit: "",
                               second_price: "3",
                               store: "泰康大药房",
                               store_price: "3",
                               hospital_code: "",
                               hospital_name: "人民医院第二附属医院",
                               pay_type: "银行转账",
                               remark: "",
                            },
                        ],
                        formAttr2: {
                            istitle: false,
                            title: "表单名称",
                            columnnumber: 2,
                            labelwidth: "150px",
                            labelposition: "left",//"left",// right//top
                            size: "mini",
                            border: "3px solid #c6c6c600"
                        },
                        summary: '628',
                    },
                    created() {
                        
                    },
                    
                    mounted() {
                        //获取数据
                        this.initData();
                        this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
                            hideLoading();
                        });
                    },
                    
                    methods:{
                        exportList() {
                            exportList('grantExport', this.getFilterData())
                        },
                        onInitFilter() {
                            //清空
                            this.filterObj = {};
                            this.selectedrow = {};
                            this.initData();
                        },
 
                        // onQuery() {
                        //     this.initData();
                        // },
                        
                        initData() {
                            var me = this;
                            // if (!me.filterFields || (me.filterFields && me.filterFields.length == 0)) {
                            //     me.filterFields = clone(me.default_filterFields);
                            //     me.tableFields = clone(me.default_tableFields);
                            //     me.formFields2 = clone(me.default_formFields2);
                                
                            //     //字段数组转字段obj
                            //     me.fieldsToFieldsObj();
                                
                            //     //设置字段事件
                            //     me.tableFieldClick();
                            // }
                            // this.tableDataAfter();
 
                            this.onQuery(function(result, callback) {//查询后的回调，用于获取字段的
                                if (result.meta && result.meta[me.dataname] && result.meta[me.dataname].fields) {
                                    var metas = clone(result.meta[me.dataname].fields);
                                    var filterFields_ = [];
                                    var tableFields_ = [];
                                    
                                    metas.map(f=>{
                                        f.isshow = "T";
                                        
                                        if (f.isfilter) {
                                            filterFields_.push(clone(f));
                                        }
                                        else {
                                            var filter_f = clone(f);
                                            filter_f.isshow = "F";
                                            filterFields_.push(filter_f);
                                        }
                                        
                                        tableFields_.push(clone(f));
                                    })
                                    if (!me.filterFields || (me.filterFields && me.filterFields.length == 0)) {
                                        me.filterFields = clone(filterFields_);
                                        me.tableFields = clone(tableFields_);
                                        
                                        //字段数组转字段obj
                                        me.fieldsToFieldsObj();
                                        
                                        //设置字段事件
                                        me.tableFieldClick();
                                    }
                                }
                                
                                if (callback) {
                                    callback();
                                }
                            });
                        },
                        
                        tableFieldClick() {
                            var me = this;
                            //筛选字段事件设置
                            this.filterfieldClick = {
                                product_code: {//字段事件设置
                                    popup: {
                                        onclick: function(obj) {//弹窗点击事件
                                            Root.message({
                                                type: 'success',
                                                message: '弹窗点击事件'
                                            });
                                        }
                                    },
                                    visible: {
                                        onchange: function(obj) {//下拉展开事件
                                            Root.message({
                                                type: 'success',
                                                message: '下拉展开事件'
                                            });
                                        }
                                    },
                                    select: {
                                        onchange: function(obj) {//下拉展开事件
                                            Root.message({
                                                type: 'success',
                                                message: '下拉更改事件'
                                            });
                                        }
                                    },
                                    input: {
                                        onchange: function(obj) {//下拉展开事件
                                            Root.message({
                                                type: 'success',
                                                message: '下拉更改事件'
                                            });
                                        }
                                    },
                                },
                            };
                            //表格字段事件设置
                            this.tablefieldClick = {
                                status: {//字段事件设置
                                    val: {//有值时的点击事件
                                        onclick: function(obj) {//数据值点击事件
                                            var config = {
                                                totab: false, //true: 以Tab导航的方式打开
                                                width: "900px",
                                                height: "500px",
                                                icon: "icon-product",
                                                text: "",
                                                id: obj.row.id,//totab: true时需设置，用于判断是否已打开此页面
                                                url: "../approval_new/ApprovalList_page_new.html?flow_id=" + obj.row.flow_id,
                                                data: obj.row,
                                                delta: {},
                                                sceneCode: "change",//"refuseedit",//"approval", //"add"//"browse",
                                                callback: function(obj, callback) {
                                                    if (callback) {
                                                        callback();
                                                    }
                                                }
                                            };
                                            me.doPopupByPublic(config);
                                        },
                                    },
                                },
                            };
                        
                            //表单字段事件设置
                            this.formfieldClick = {
                                product_code: {//字段事件设置
                                    val: {//有值时的点击事件
                                        onclick: function(obj) {//数据值点击事件
                                            Root.message({
                                                type: 'success',
                                                message: obj.val + '点击事件'
                                            }); 
                                        },
                                        onchange: function(obj) {//数据修改事件
                                            Root.message({
                                                type: 'success',
                                                message: '数据修改事件'
                                            });
                                        }
                                    },
                                    popup: {
                                        onclick: function(obj) {//弹窗点击事件
                                            Root.message({
                                                type: 'success',
                                                message: '弹窗点击事件'
                                            });
                                        }
                                    },
                                    visible: {
                                        onchange: function(fieldObj, row, callback) {//下拉展开事件
                                            Root.message({
                                                type: 'success',
                                                message: '下拉展开事件'
                                            });
                                            
                                            //重新设置选择项
                                            if (callback) {
                                                var obj_ = {
                                                    options: []
                                                };
                                                callback(obj_);
                                            }
                                        }
                                    },
                                    select: {
                                        onchange: function(obj) {//下拉更改事件
                                            Root.message({
                                                type: 'success',
                                                message: '下拉更改事件'
                                            });
                                        }
                                    },
                                    input: {
                                        onchange: function(obj) {//输入更改事件
                                            Root.message({
                                                type: 'success',
                                                message: '输入更改事件'
                                            });
                                        }
                                    },
                                    button: {
                                        onclick: function(obj) {//按键点击事件
                                            Root.message({
                                                type: 'success',
                                                message: '按键点击事件'
                                            });
                                        }
                                    },
                                    buttonarray: {
                                        onclick: function(obj) {//按键组点击事件，需要根据按键的code来判断具体事件
                                            Root.message({
                                                type: 'success',
                                                message: '按键组点击事件'
                                            });
                                        }
                                    },
                                    
                                },
                            };
                        },
                        
                        opentest() {
                            var me = this;
                            Root.message({
                                type: 'success',
                                message: '后缀点击事件'
                            });
                            
                            var config = {
                                totab: false, //true: 以Tab导航的方式打开
                                width: "900px",
                                height: "900px",
                                icon: "icon-product",
                                text: "表单样例页面",
                                id: "test_page",//totab: true时需设置，用于判断是否已打开此页面
                                //url: "module/system/page/coming.html",
                                url: "module/system/page/sample/sample_form.html",
                                data: {},
                                delta: {},
                                sceneCode: "edit", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        
                        addData() {
                            let me = this;
                            var config = {
                                totab: false, //true: 以Tab导航的方式打开
                                width: "500px",
                                height: "300px",
                                icon: "icon-product",
                                text: "产品信息",
                                id: "product_edit",//totab: true时需设置，用于判断是否已打开此页面
                                url: "module/md/page/product/page/product_edit.html",
                                data: {},
                                delta: {},
                                sceneCode: "add",//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                        onEditData(config, scope) {
                            var me = this;
                            var row = scope.row;
                            
                            //1. empty row
                            if (!row || !row.id) {
                                Root.message({
                                    type: 'warning',
                                    message: '请选择要编辑的数据'
                                });  
                                return false;
                            }
                                
                            //3. popup
                            var config = {
                                totab: false, //true: 以Tab导航的方式打开
                                width: "500px",
                                height: "300px",
                                icon: "icon-product",
                                text: "产品线信息",
                                id: "product_edit" + row.id,//totab: true时需设置，用于判断是否已打开此页面
                                url: "module/md/page/product/page/product_edit.html",
                                data: row,
                                delta: null,
                                sceneCode: "edit",//"refuseedit",//"approval", //"add"//"browse",
                                callback: function(obj, callback) {
                                    me.onQuery();
                                    if (callback) {
                                        callback();
                                    }
                                }
                            };
                            me.doPopupByPublic(config);
                        },
                    }
                });
            };
            
            initVue();
        </script>
        <style>
            /* 在vue.js中 v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的 */
            [v-cloak] {
                display: none !important;
            }
        </style>
    </body>
</html>