UDI
/
udiwms-vue-frame
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

初始化动态配置

Browse Source
20231126-yw
yuanwei 2 years ago
parent 9cb09bd672
commit 145adc5f7d
5 changed files with 761 additions and 392 deletions
Show Stats Download Patch File Download Diff File

464
src/views/basic/product/UdiInfoSelectLocalUdi.vue
Unescape Escape View File

@ -2,82 +2,148 @@
<div> <div>
<el-card class="el-card"> <el-card class="el-card">
<div> <div>
<el-form :model="unionQuery" size="mini" label-width="125px" v-show="showSearch"> <el-form v-if="queryList && queryList.length > 0" :model="filterQuery" size="mini" label-width="125px" v-show="showSearch">
<el-row> <el-row style=" display:flex; flex-wrap: wrap; ">
<el-col :span="18"> <template v-for="(item, index) in queryList" >
<el-form-item class="query-form-item" label="UDI码:"> <el-form-item v-if="item.columnType == 'input'" :label="item.columnDesc+`:`" :key="item.id">
<el-input v-model="unionQuery.udiCode"
placeholder="请扫描或输入UDI码"
clearable="true"
@keyup.enter.native="keyup_submit($event)"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="销售单元产品标识:" class="query-form-item">
<el-input <el-input
v-model="unionQuery.nameCode" clearable="true" v-model="filterQuery[item.columnName]"
placeholder="请输入完整DI" :placeholder="item.columnDesc"
@keyup.enter.native="keyup_submit($event)" :disabled="executeEval(null,item.disabledFuc,false)"
@keyup.enter.native="executeFuc($event,null,'5',item.clickFuc)"
clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col> <el-form-item v-if="item.columnType == 'select'" :label="item.columnDesc+`:`">
<el-col :span="6"> <el-select v-model="filterQuery[item.columnName]"
<el-form-item label="医疗器械注册人:" class="query-form-item"> :placeholder="item.columnDesc"
:disabled="executeEval(null,item.disabledFuc,false)"
clearable>
<el-option
v-for="dict in item.lableRuleObj"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item v-if="item.columnType == 'selectServer'" :label="item.columnDesc+`:`">
<el-select <el-select
v-model="unionQuery.ylqxzcrbarmc" v-model="filterQuery[item.columnName]"
:placeholder="item.columnDesc"
:disabled="executeEval(null,item.disabledFuc,false)"
filterable filterable
remote remote
clearable="true" :remote-method="(query) => executeFuc(query, null,'6',item.clickFuc)"
style="width: 100%" clearable>
reserve-keyword
placeholder="请输入医疗器械注册人"
:remote-method="findMethod"
:loading="loading"
@clear="clear"
>
<el-option <el-option
v-for="item in fromOptions" v-for="item in options[item.clickFuc]"
:key="item.ylqxzcrbarmc" :key="item.filterType"
:label="item.ylqxzcrbarmc" :label="item.sysName"
:value="item.ylqxzcrbarmc" :value="item.filterType"
> />
<span style="float: left">{{ item.ylqxzcrbarmc }}</span>
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> <el-form-item v-if="item.columnType == 'datePicker'" :label="item.columnDesc+`:`">
<el-col :span="6"> <el-date-picker
<el-form-item label="器械通用名称:" class="query-form-item"> v-model="dateRange"
<el-input :style="`width:${item.width+'px'}`"
:disabled="unionQuery.ylqxzcrbarmc==null || unionQuery.ylqxzcrbarmc==''" value-format="yyyy-MM-dd HH:mm:ss"
v-model="unionQuery.cpmctymc" clearable="true" :disabled="executeEval(null,item.disabledFuc,false)"
placeholder="请输入器械通用名称" type="daterange"
></el-input> range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
</el-col> <el-form-item v-if="item.columnType == 'date'" :label="item.columnDesc+`:`">
</el-row> <el-date-picker
<el-row> v-model="filterQuery[item.columnName]"
<el-col :span="6"> :style="`width:${item.width+'px'}`"
<el-form-item label="规格型号:" class="query-form-item"> value-format="yyyy-MM-dd"
<el-input :disabled="executeEval(null,item.disabledFuc,false)"
v-model="unionQuery.ggxh" clearable="true" type="date"
:disabled="(unionQuery.cpmctymc=='' && unionQuery.nameCode=='' && (unionQuery.ylqxzcrbarmc==null || unionQuery.ylqxzcrbarmc==''))" :placeholder="item.columnDesc"
placeholder="请输入规格型号" ></el-date-picker>
></el-input>
</el-form-item> </el-form-item>
</el-col> </template>
<el-col :span="6">
<el-form-item label="注册证/备案号:" class="query-form-item">
<el-input
v-model="unionQuery.zczbhhzbapzbh" clearable="true"
:disabled="(unionQuery.cpmctymc=='' && unionQuery.nameCode=='' && (unionQuery.ylqxzcrbarmc==null || unionQuery.ylqxzcrbarmc==''))"
placeholder="请输入注册证/备案号"
></el-input>
</el-form-item>
</el-col>
</el-row> </el-row>
<!-- <el-row>-->
<!-- <el-col :span="18">-->
<!-- <el-form-item class="query-form-item" label="UDI码:">-->
<!-- <el-input v-model="filterQuery.udiCode"-->
<!-- placeholder="请扫描或输入UDI码"-->
<!-- clearable="true"-->
<!-- @keyup.enter.native="keyup_submit($event)"></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <el-row>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item label="销售单元产品标识:" class="query-form-item">-->
<!-- <el-input-->
<!-- v-model="filterQuery.nameCode" clearable="true"-->
<!-- placeholder="请输入完整DI"-->
<!-- @keyup.enter.native="keyup_submit($event)"-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item label="医疗器械注册人:" class="query-form-item">-->
<!-- <el-select-->
<!-- v-model="filterQuery.ylqxzcrbarmc"-->
<!-- filterable-->
<!-- remote-->
<!-- clearable="true"-->
<!-- style="width: 100%"-->
<!-- reserve-keyword-->
<!-- placeholder="请输入医疗器械注册人"-->
<!-- :remote-method="findMethod"-->
<!-- :loading="loading"-->
<!-- @clear="clear"-->
<!-- >-->
<!-- <el-option-->
<!-- v-for="item in fromOptions"-->
<!-- :key="item.ylqxzcrbarmc"-->
<!-- :label="item.ylqxzcrbarmc"-->
<!-- :value="item.ylqxzcrbarmc"-->
<!-- >-->
<!-- <span style="float: left">{{ item.ylqxzcrbarmc }}</span>-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item label="器械通用名称:" class="query-form-item">-->
<!-- <el-input-->
<!-- :disabled="filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''"-->
<!-- v-model="filterQuery.cpmctymc" clearable="true"-->
<!-- placeholder="请输入器械通用名称"-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <el-row>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item label="规格型号:" class="query-form-item">-->
<!-- <el-input-->
<!-- v-model="filterQuery.ggxh" clearable="true"-->
<!-- :disabled="(filterQuery.cpmctymc=='' && filterQuery.nameCode=='' && (filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''))"-->
<!-- placeholder="请输入规格型号"-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item label="注册证/备案号:" class="query-form-item">-->
<!-- <el-input-->
<!-- v-model="filterQuery.zczbhhzbapzbh" clearable="true"-->
<!-- :disabled="(filterQuery.cpmctymc=='' && filterQuery.nameCode=='' && (filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''))"-->
<!-- placeholder="请输入注册证/备案号"-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
</el-form> </el-form>
<div class="top-right-btn"> <div class="top-right-btn">
<el-button-group> <el-button-group>
@ -105,61 +171,147 @@
v-loading="loading" v-loading="loading"
highlight-current-row="true" highlight-current-row="true"
:row-class-name="tableRowClassName" :row-class-name="tableRowClassName"
@current-change="handleErpChange" @current-change="executeFuc"
@selection-change="handleSelectionUdiChange" @selection-change="handleSelectionUdiChange"
> >
<template v-for="(item, index) in tableHeader">
<el-table-column <el-table-column
v-if="relId==null" v-if="item.columnType == 'id'"
type="selection" type="index" :label="item.columnDesc"></el-table-column>
:selectable="checkSelectable" <el-table-column
width="55" v-if="item.columnType == 'selection'"
></el-table-column> type="selection"
<el-table-column label="序号" type="index"></el-table-column> :width="item.width"
<el-table-column :selectable="executeFuc"></el-table-column>
label="产品标识"
prop="nameCode" <el-table-column
show-overflow-tooltip v-if="item.columnType == 'radio'"
></el-table-column> :prop="item.columnName"
<el-table-column :label="item.columnDesc"
label="物资名称" :sortable="item.sort"
prop="cpmctymc" :width="item.width"
show-overflow-tooltip :show-overflow-tooltip="item.tooltip"
></el-table-column> :key="item.columnName"
<el-table-column >
label="规格型号" <template slot-scope="scope">
prop="ggxh" <el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>
show-overflow-tooltip </template>
></el-table-column> </el-table-column>
<el-table-column <el-table-column
label="医疗器械注册人" v-if="item.columnType == 'laber'"
prop="ylqxzcrbarmc" :prop="item.columnName"
show-overflow-tooltip :label="item.columnDesc"
></el-table-column> :sortable="item.sort"
<el-table-column :width="item.width"
label="注册证编号" :show-overflow-tooltip="item.tooltip"
prop="zczbhhzbapzbh" :key="item.columnName"
show-overflow-tooltip >
></el-table-column> <template slot-scope="scope">
<span :style="{color: executeFuc(scope.row,null,'4',item.lableRuleObj[scope.row[item.columnName]])}">{{ item.lableRuleObj[scope.row[item.columnName]] }}</span>
<el-table-column label="操作"> </template>
<template slot-scope="scope"> </el-table-column>
<el-button <el-table-column
type="text" v-if="item.columnType == 'eltag'"
size="small" :prop="item.columnName"
@click="diDetail(scope.row)" :label="item.columnDesc"
>详情 :sortable="item.sort"
</el-button :width="item.width"
> :show-overflow-tooltip="item.tooltip"
</template> :key="item.columnName"
</el-table-column> >
<template slot-scope="scope">
<el-tag :type="executeFuc(scope.row,null,'4',item,item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName])">
<span>{{ item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName] }}</span>
</el-tag>
</template>
</el-table-column>
<el-table-column
v-if="item.columnType == 'button'"
:prop="item.columnName"
:label="item.columnDesc"
:width="item.width"
:key="item.columnName"
fixed="right"
>
<template slot-scope="scope">
<el-button v-for="(buttonItem, buttonIndex) in item.buttonRulObj"
:type="buttonItem.type"
:size="buttonItem.size"
:style="buttonItem.style"
:key="buttonItem"
v-if="executeEval(scope.row,buttonItem.hasPermi,true)"
:disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"
@click.native.stop="executeFuc(scope.row,null,'1',buttonItem.clickFuc)"
>{{ buttonItem.name }}
</el-button>
</template>
</el-table-column>
<el-table-column
v-if="item.columnType == 'text'"
:prop="item.columnName"
:label="item.columnDesc"
:sortable="item.sort"
:width="item.width"
:show-overflow-tooltip="item.tooltip"
:key="item.columnName"
>
<template slot-scope="scope">
<span :style="{color: executeFuc(scope.row,null,'4',item,scope.row[item.columnName])}">{{ scope.row[item.columnName] }}</span>
</template>
</el-table-column>
</template>
<!-- <el-table-column-->
<!-- v-if="relId==null"-->
<!-- type="selection"-->
<!-- :selectable="checkSelectable"-->
<!-- width="55"-->
<!-- ></el-table-column>-->
<!-- <el-table-column label="序号" type="index"></el-table-column>-->
<!-- <el-table-column-->
<!-- label="产品标识"-->
<!-- prop="nameCode"-->
<!-- show-overflow-tooltip-->
<!-- ></el-table-column>-->
<!-- <el-table-column-->
<!-- label="物资名称"-->
<!-- prop="cpmctymc"-->
<!-- show-overflow-tooltip-->
<!-- ></el-table-column>-->
<!-- <el-table-column-->
<!-- label="规格型号"-->
<!-- prop="ggxh"-->
<!-- show-overflow-tooltip-->
<!-- ></el-table-column>-->
<!-- <el-table-column-->
<!-- label="医疗器械注册人"-->
<!-- prop="ylqxzcrbarmc"-->
<!-- show-overflow-tooltip-->
<!-- ></el-table-column>-->
<!-- <el-table-column-->
<!-- label="注册证编号"-->
<!-- prop="zczbhhzbapzbh"-->
<!-- show-overflow-tooltip-->
<!-- ></el-table-column>-->
<!-- <el-table-column label="操作">-->
<!-- <template slot-scope="scope">-->
<!-- <el-button-->
<!-- type="text"-->
<!-- size="small"-->
<!-- @click="diDetail(scope.row)"-->
<!-- >详情-->
<!-- </el-button-->
<!-- >-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total>0"
:total="total" :total="total"
:page.sync="unionQuery.page" :page.sync="filterQuery.page"
:limit.sync="unionQuery.limit" :limit.sync="filterQuery.limit"
@pagination="getList" @pagination="getList"
/> />
</div> </div>
@ -342,6 +494,9 @@ import {superSearch} from "@/api/basic/udiInfo";
import {combineUdi, combineAllUdi, checkExitUdi} from "@/api/basic/product/udiRelevance"; import {combineUdi, combineAllUdi, checkExitUdi} from "@/api/basic/product/udiRelevance";
import selectDiDetail from "./SelectDIDetailDialog" import selectDiDetail from "./SelectDIDetailDialog"
import {isBlank} from "@/utils/strUtil"; import {isBlank} from "@/utils/strUtil";
import {
getHead, executeFuc
} from "@/utils/customConfig";
export default { export default {
name: "closeDialog", name: "closeDialog",
@ -374,7 +529,7 @@ export default {
data() { data() {
return { return {
unionQuery: { filterQuery: {
page: 1, page: 1,
limit: 10, limit: 10,
udiCode: null, udiCode: null,
@ -400,6 +555,10 @@ export default {
udidlList: [], udidlList: [],
erpList: [], erpList: [],
pageTotal: 0, pageTotal: 0,
tableHeader:[],
queryList:[],
fromList:[],
options:[],
total: 0, total: 0,
currentRow: null, currentRow: null,
fromOptions: [], fromOptions: [],
@ -417,7 +576,7 @@ export default {
this.$router.push({ this.$router.push({
path: "", path: "",
}); });
this.unionQuery = { this.filterQuery = {
page: 1, page: 1,
limit: 10, limit: 10,
udiCode: null, udiCode: null,
@ -432,11 +591,11 @@ export default {
this.udidlList = []; this.udidlList = [];
}, },
clear() { clear() {
this.unionQuery.ylqxzcrbarmc == null; this.filterQuery.ylqxzcrbarmc == null;
this.unionQuery.cpmctymc = null; this.filterQuery.cpmctymc = null;
}, },
searchList() { searchList() {
this.unionQuery.page = 1; this.filterQuery.page = 1;
this.getList(); this.getList();
}, },
getSuperSeaech() { getSuperSeaech() {
@ -447,12 +606,12 @@ export default {
type: "warning", type: "warning",
}) })
.then(() => { .then(() => {
if (this.unionQuery.nameCode == "") { if (this.filterQuery.nameCode == "") {
this.$message.warning("请输入完成DI信息进行查询！"); this.$message.warning("请输入完成DI信息进行查询！");
return; return;
} }
this.loading = true; this.loading = true;
superSearch(this.unionQuery) superSearch(this.filterQuery)
.then((response) => { .then((response) => {
this.loading = false; this.loading = false;
if (response.code == 20000) { if (response.code == 20000) {
@ -476,18 +635,18 @@ export default {
getList() { getList() {
if ( if (
this.unionQuery.udiCode == "" && this.filterQuery.udiCode == "" &&
this.unionQuery.nameCode == "" && this.filterQuery.nameCode == "" &&
this.unionQuery.cpmctymc == "" && this.filterQuery.cpmctymc == "" &&
this.unionQuery.ylqxzcrbarmc == "" && this.filterQuery.ylqxzcrbarmc == "" &&
this.unionQuery.ggxh == "" && this.filterQuery.ggxh == "" &&
this.unionQuery.zczbhhzbapzbh == "" this.filterQuery.zczbhhzbapzbh == ""
) { ) {
this.$message.warning("请输入查询条件"); this.$message.warning("请输入查询条件");
return; return;
} }
this.loading = true; this.loading = true;
getUdiInfos(this.unionQuery) getUdiInfos(this.filterQuery)
.then((response) => { .then((response) => {
this.loading = false; this.loading = false;
if (response.code == 20000) { if (response.code == 20000) {
@ -509,32 +668,32 @@ export default {
this.showSearch = !this.showSearch; this.showSearch = !this.showSearch;
}, },
keyup_submit(event) { keyup_submit(_this,event) {
this.unionQuery.page = 1; _this.filterQuery.page = 1;
this.getList(); _this.getList();
event.target.select(); event.target.select();
}, },
checkSelectable(row) { checkSelectable(_this,row) {
return !row.check; return !row.check;
}, },
diDetail(row) { diDetail(_this,row) {
this.diDetails = row; _this.diDetails = row;
this.selectDialog = true; _this.selectDialog = true;
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.unionQuery.page = val; this.filterQuery.page = val;
this.getList(); this.getList();
}, },
tableRowClassName({row, rowIndex}) { tableRowClassName({row, rowIndex}) {
if (row.check) return "warning-row"; if (row.check) return "warning-row";
return ""; return "";
}, },
handleErpChange(val) { handleErpChange(_this,val) {
this.cpmctymc1 = val.cpmctymc; _this.cpmctymc1 = val.cpmctymc;
this.currentRow = val; _this.currentRow = val;
}, },
intentBack() { intentBack() {
this.closeDialog(); this.closeDialog();
@ -656,11 +815,10 @@ export default {
this.$emit("closeUdi", false); this.$emit("closeUdi", false);
}); });
}, },
handleSelectionUdiChange(val) { handleSelectionUdiChange(val) {
this.multipleUdiSelection = val; this.multipleUdiSelection = val;
}, },
findMethod(query) { findMethod(_this,query) {
let cQuery = { let cQuery = {
ylqxzcrbarmc: query, ylqxzcrbarmc: query,
page: 1, page: 1,
@ -668,19 +826,39 @@ export default {
}; };
filterCompany(cQuery) filterCompany(cQuery)
.then((response) => { .then((response) => {
this.loading = false; _this.options.loading = false;
this.fromOptions = response.data || []; _this.options = {
findMethod: response.data || []
};
}) })
.catch(() => { .catch(() => {
this.loading = false; _this.options.loading = false;
this.fromOptions = []; _this.options = {
findMethod: []
};
}); });
}, },
executeFuc(row,number,type,clickFuc,value){
return executeFuc(this,row,number,type,clickFuc,value);
},
executeEval(row,expression,defaultRet){
if(expression){
return eval(expression);
}
return defaultRet;
}
}, },
components: { components: {
selectDiDetail, selectDiDetail,
}, },
created() { created() {
getHead("UdiInfoSelectLocalUdi","1").then((re) => {
// 处理返回的数据
this.tableObj = re.data;
this.tableHeader = re.data.tableList;
this.queryList = re.data.queryList;
this.fromList = re.data.fromList;
});
} }
}; };
</script> </script>

34
src/views/basic/product/product.vue
Unescape Escape View File

@ -49,12 +49,16 @@
<el-input <el-input
v-model="filterQuery[item.columnName]" v-model="filterQuery[item.columnName]"
:placeholder="item.columnDesc" :placeholder="item.columnDesc"
:disabled="executeEval(null,item.disabledFuc,false)"
@keyup.enter.native="executeFuc($event,null,'5',item.clickFuc)" @keyup.enter.native="executeFuc($event,null,'5',item.clickFuc)"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item v-if="item.columnType == 'select'" :label="item.columnDesc+`:`"> <el-form-item v-if="item.columnType == 'select'" :label="item.columnDesc+`:`">
<el-select v-model="filterQuery[item.columnName]" :placeholder="item.columnDesc" clearable> <el-select v-model="filterQuery[item.columnName]"
:placeholder="item.columnDesc"
:disabled="executeEval(null,item.disabledFuc,false)"
clearable>
<el-option <el-option
v-for="dict in item.lableRuleObj" v-for="dict in item.lableRuleObj"
:key="dict.value" :key="dict.value"
@ -67,6 +71,7 @@
<el-select <el-select
v-model="filterQuery[item.columnName]" v-model="filterQuery[item.columnName]"
:placeholder="item.columnDesc" :placeholder="item.columnDesc"
:disabled="executeEval(null,item.disabledFuc,false)"
filterable filterable
remote remote
:remote-method="(query) => executeFuc(query, null,'6',item.clickFuc)" :remote-method="(query) => executeFuc(query, null,'6',item.clickFuc)"
@ -84,6 +89,7 @@
v-model="dateRange" v-model="dateRange"
:style="`width:${item.width+'px'}`" :style="`width:${item.width+'px'}`"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
:disabled="executeEval(null,item.disabledFuc,false)"
type="daterange" type="daterange"
range-separator="-" range-separator="-"
start-placeholder="开始日期" start-placeholder="开始日期"
@ -96,6 +102,7 @@
v-model="filterQuery[item.columnName]" v-model="filterQuery[item.columnName]"
:style="`width:${item.width+'px'}`" :style="`width:${item.width+'px'}`"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
:disabled="executeEval(null,item.disabledFuc,false)"
type="date" type="date"
:placeholder="item.columnDesc" :placeholder="item.columnDesc"
></el-date-picker> ></el-date-picker>
@ -304,13 +311,13 @@
v-if="item.columnType == 'id'" v-if="item.columnType == 'id'"
type="index" :label="item.columnDesc"></el-table-column> type="index" :label="item.columnDesc"></el-table-column>
<el-table-column <el-table-column
v-else-if="item.columnType == 'selection'" v-if="item.columnType == 'selection'"
type="selection" type="selection"
:width="item.width" :width="item.width"
:selectable="executeFuc"></el-table-column> :selectable="executeFuc"></el-table-column>
<el-table-column <el-table-column
v-else-if="item.columnType == 'radio'" v-if="item.columnType == 'radio'"
:prop="item.columnName" :prop="item.columnName"
:label="item.columnDesc" :label="item.columnDesc"
:sortable="item.sort" :sortable="item.sort"
@ -323,7 +330,7 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-else-if="item.columnType == 'laber'" v-if="item.columnType == 'laber'"
:prop="item.columnName" :prop="item.columnName"
:label="item.columnDesc" :label="item.columnDesc"
:sortable="item.sort" :sortable="item.sort"
@ -336,7 +343,7 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-else-if="item.columnType == 'eltag'" v-if="item.columnType == 'eltag'"
:prop="item.columnName" :prop="item.columnName"
:label="item.columnDesc" :label="item.columnDesc"
:sortable="item.sort" :sortable="item.sort"
@ -351,7 +358,7 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-else-if="item.columnType == 'button'" v-if="item.columnType == 'button'"
:prop="item.columnName" :prop="item.columnName"
:label="item.columnDesc" :label="item.columnDesc"
:width="item.width" :width="item.width"
@ -364,14 +371,15 @@
:size="buttonItem.size" :size="buttonItem.size"
:style="buttonItem.style" :style="buttonItem.style"
:key="buttonItem" :key="buttonItem"
:disabled="executeFuc(scope.row,null,'3',buttonItem.disabledFuc)" v-if="executeEval(scope.row,buttonItem.hasPermi,true)"
:disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"
@click.native.stop="executeFuc(scope.row,null,'1',buttonItem.clickFuc)" @click.native.stop="executeFuc(scope.row,null,'1',buttonItem.clickFuc)"
>{{ buttonItem.name }} >{{ buttonItem.name }}
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-else v-if="item.columnType == 'text'"
:prop="item.columnName" :prop="item.columnName"
:label="item.columnDesc" :label="item.columnDesc"
:sortable="item.sort" :sortable="item.sort"
@ -1746,7 +1754,7 @@ import selectUnBindHospProduct from "@/views/basic/product/unbindHospProduct";
import {getBasicHospType, getListTree} from "@/api/basic/basicHospType"; import {getBasicHospType, getListTree} from "@/api/basic/basicHospType";
import {getHslbs} from "@/api/thrsys/thrHsfl"; import {getHslbs} from "@/api/thrsys/thrHsfl";
import { import {
getHead,executeFuc getHead, executeFuc
} from "@/utils/customConfig"; } from "@/utils/customConfig";
export default { export default {
@ -2391,6 +2399,12 @@ export default {
}, },
executeFuc(row,number,type,clickFuc,value){ executeFuc(row,number,type,clickFuc,value){
return executeFuc(this,row,number,type,clickFuc,value); return executeFuc(this,row,number,type,clickFuc,value);
},
executeEval(row,expression,defaultRet){
if(expression){
return eval(expression);
}
return defaultRet;
} }
}, },
mounted() { mounted() {
@ -2408,7 +2422,7 @@ export default {
}, },
created() { created() {
this.findBasicProductSet(); this.findBasicProductSet();
getHead("maintain","1").then((re) => { getHead("product","1").then((re) => {
// 处理返回的数据 // 处理返回的数据
this.tableObj = re.data; this.tableObj = re.data;
this.tableHeader = re.data.tableList; this.tableHeader = re.data.tableList;

643
src/views/basic/product/productCategory.vue
Unescape Escape View File

@ -62,160 +62,227 @@
<el-col style="border-left: 3px solid #dddddd; overflow-y: hidden"> <el-col style="border-left: 3px solid #dddddd; overflow-y: hidden">
<el-form <el-form
:model="filterQuery" :model="filterQuery"
v-if="queryList && queryList.length > 0"
size="mini" size="mini"
label-width="100px" label-width="100px"
v-show="showSearch" v-show="showSearch"
> >
<el-row> <el-row style=" display:flex; flex-wrap: wrap; ">
<el-col :span="18"> <template v-for="(item, index) in queryList" >
<el-form-item class="query-form-item" label="UDI码:"> <el-form-item v-if="item.columnType == 'input'" :label="item.columnDesc+`:`" :key="item.id">
<el-input <el-input
v-model="filterQuery.udiCode" v-model="filterQuery[item.columnName]"
style="width: 97%" :placeholder="item.columnDesc"
placeholder="请扫描或输入UDI码" :disabled="executeEval(null,item.disabledFuc,false)"
clearable="true" @keyup.enter.native="executeFuc($event,null,'5',item.clickFuc)"
@keyup.enter.native="keyup_submit($event)" clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col> <el-form-item v-if="item.columnType == 'select'" :label="item.columnDesc+`:`">
</el-row> <el-select v-model="filterQuery[item.columnName]"
<el-row> :placeholder="item.columnDesc"
<el-col :span="6"> :disabled="executeEval(null,item.disabledFuc,false)"
<el-form-item class="query-form-item" label="最小销售标识:"> clearable>
<el-input <el-option
v-model="filterQuery.unionCode" v-for="dict in item.lableRuleObj"
placeholder="请输入最小销售标识" :key="dict.value"
style="width: 90%" :label="dict.label"
clearable="true" :value="dict.value"
></el-input> />
</el-form-item> </el-select>
</el-col>
<el-col :span="6">
<el-form-item class="query-form-item" label="物资名称:">
<el-input
v-model="filterQuery.cpmctymc"
placeholder="请输入物资名称"
clearable="true"
style="width: 90%"
></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item class="query-form-item" label="规格型号:">
<el-input
v-model="filterQuery.ggxh"
placeholder="请输入规格型号"
clearable="true"
style="width: 90%"
></el-input>
</el-form-item> </el-form-item>
</el-col> <el-form-item v-if="item.columnType == 'selectServer'" :label="item.columnDesc+`:`">
<!--<el-col :span="6">--> <el-select
<!-- <el-form-item class="query-form-item" label="对照条件:">--> v-model="filterQuery[item.columnName]"
<!-- <el-select--> :placeholder="item.columnDesc"
<!-- v-model="filterQuery.filterType"--> :disabled="executeEval(null,item.disabledFuc,false)"
<!-- placeholder="请选择过滤对照条件"--> filterable
<!-- style="width: 90%"--> remote
<!-- >--> :remote-method="(query) => executeFuc(query, null,'6',item.clickFuc)"
<!-- <el-option--> clearable>
<!-- v-for="item in filterList"--> <el-option
<!-- :key="item.filterType"--> v-for="item in options[item.clickFuc]"
<!-- :label="item.sysName"--> :key="item.filterType"
<!-- :value="item.filterType"--> :label="item.sysName"
<!-- >--> :value="item.filterType"
<!-- <span style="float: left">{{ item.sysName }}</span>--> />
<!-- </el-option>--> </el-select>
<!-- </el-select>-->
<!-- </el-form-item>-->
<!--</el-col>-->
</el-row>
<el-row>
<!--<el-col :span="6">-->
<!-- <el-form-item class="query-form-item" label="第三方编码:">-->
<!-- <el-input-->
<!-- v-model="filterQuery.thrPiId"-->
<!-- placeholder="请输入第三方主系统编码"-->
<!-- style="width: 90%"-->
<!-- clearable="true"-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<!--</el-col>-->
<!--<el-col :span="6">-->
<!-- <el-form-item class="query-form-item" label="集采状态:">-->
<!-- <el-select-->
<!-- v-model="filterQuery.groupBuy"-->
<!-- placeholder="请选择集采状态"-->
<!-- clearable-->
<!-- style="width: 90%"-->
<!-- >-->
<!-- <el-option label="全部" value=""></el-option>-->
<!-- <el-option label="集采" value="true"></el-option>-->
<!-- <el-option label="非集采" value="false"></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!--</el-col>-->
<!--<el-col :span="6">-->
<!-- <el-form-item class="query-form-item" label="可配送状态:">-->
<!-- <el-select-->
<!-- v-model="filterQuery.dispatch"-->
<!-- placeholder="请选择可配送状态"-->
<!-- clearable-->
<!-- style="width: 90%"-->
<!-- >-->
<!-- <el-option label="全部" value=""></el-option>-->
<!-- <el-option label="可配送" value="true"></el-option>-->
<!-- <el-option label="不可配送" value="false"></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!--</el-col>-->
</el-row>
<el-row>
<el-col :span="6">
<el-form-item class="query-form-item" label="注册备案人:">
<el-input
v-model="filterQuery.ylqxzcrbarmc"
placeholder="请输入注册备案人"
style="width: 90%"
clearable="true"
></el-input>
</el-form-item> </el-form-item>
</el-col> <el-form-item v-if="item.columnType == 'datePicker'" :label="item.columnDesc+`:`">
<el-col :span="6"> <el-date-picker
<el-form-item class="query-form-item" label="注册/备案号:"> v-model="dateRange"
<el-input :style="`width:${item.width+'px'}`"
v-model="filterQuery.zczbhhzbapzbh" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请输入注册/备案号" :disabled="executeEval(null,item.disabledFuc,false)"
style="width: 90%" type="daterange"
clearable="true" range-separator="-"
></el-input> start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
</el-col> <el-form-item v-if="item.columnType == 'date'" :label="item.columnDesc+`:`">
<el-col :span="6"> <el-date-picker
<el-form-item class="query-form-item" label="生产企业:"> v-model="filterQuery[item.columnName]"
<el-input :style="`width:${item.width+'px'}`"
v-model="filterQuery.manufactory" value-format="yyyy-MM-dd"
placeholder="请输入生产企业" :disabled="executeEval(null,item.disabledFuc,false)"
style="width: 90%" type="date"
clearable="true" :placeholder="item.columnDesc"
></el-input> ></el-date-picker>
</el-form-item> </el-form-item>
</el-col> </template>
<!--<el-col :span="6">-->
<!-- <el-form-item class="query-form-item" label="是否在用:">-->
<!-- <el-select-->
<!-- v-model="filterQuery.isDisable"-->
<!-- placeholder="请选择是否在用"-->
<!-- clearable-->
<!-- style="width: 90%"-->
<!-- >-->
<!-- <el-option label="在用" value="false"></el-option>-->
<!-- <el-option label="停用" value="true"></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!--</el-col>-->
</el-row> </el-row>
<!-- <el-row>-->
<!-- <el-col :span="18">-->
<!-- <el-form-item class="query-form-item" label="UDI码:">-->
<!-- <el-input-->
<!-- v-model="filterQuery.udiCode"-->
<!-- style="width: 97%"-->
<!-- placeholder="请扫描或输入UDI码"-->
<!-- clearable="true"-->
<!-- @keyup.enter.native="keyup_submit($event)"-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <el-row>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item class="query-form-item" label="最小销售标识:">-->
<!-- <el-input-->
<!-- v-model="filterQuery.unionCode"-->
<!-- placeholder="请输入最小销售标识"-->
<!-- style="width: 90%"-->
<!-- clearable="true"-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item class="query-form-item" label="物资名称:">-->
<!-- <el-input-->
<!-- v-model="filterQuery.cpmctymc"-->
<!-- placeholder="请输入物资名称"-->
<!-- clearable="true"-->
<!-- style="width: 90%"-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item class="query-form-item" label="规格型号:">-->
<!-- <el-input-->
<!-- v-model="filterQuery.ggxh"-->
<!-- placeholder="请输入规格型号"-->
<!-- clearable="true"-->
<!-- style="width: 90%"-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- &lt;!&ndash;<el-col :span="6">&ndash;&gt;-->
<!-- &lt;!&ndash; <el-form-item class="query-form-item" label="对照条件:">&ndash;&gt;-->
<!-- &lt;!&ndash; <el-select&ndash;&gt;-->
<!-- &lt;!&ndash; v-model="filterQuery.filterType"&ndash;&gt;-->
<!-- &lt;!&ndash; placeholder="请选择过滤对照条件"&ndash;&gt;-->
<!-- &lt;!&ndash; style="width: 90%"&ndash;&gt;-->
<!-- &lt;!&ndash; >&ndash;&gt;-->
<!-- &lt;!&ndash; <el-option&ndash;&gt;-->
<!-- &lt;!&ndash; v-for="item in filterList"&ndash;&gt;-->
<!-- &lt;!&ndash; :key="item.filterType"&ndash;&gt;-->
<!-- &lt;!&ndash; :label="item.sysName"&ndash;&gt;-->
<!-- &lt;!&ndash; :value="item.filterType"&ndash;&gt;-->
<!-- &lt;!&ndash; >&ndash;&gt;-->
<!-- &lt;!&ndash; <span style="float: left">{{ item.sysName }}</span>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-option>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-select>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-form-item>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-col>&ndash;&gt;-->
<!-- </el-row>-->
<!-- <el-row>-->
<!-- &lt;!&ndash;<el-col :span="6">&ndash;&gt;-->
<!-- &lt;!&ndash; <el-form-item class="query-form-item" label="第三方编码:">&ndash;&gt;-->
<!-- &lt;!&ndash; <el-input&ndash;&gt;-->
<!-- &lt;!&ndash; v-model="filterQuery.thrPiId"&ndash;&gt;-->
<!-- &lt;!&ndash; placeholder="请输入第三方主系统编码"&ndash;&gt;-->
<!-- &lt;!&ndash; style="width: 90%"&ndash;&gt;-->
<!-- &lt;!&ndash; clearable="true"&ndash;&gt;-->
<!-- &lt;!&ndash; ></el-input>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-form-item>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-col>&ndash;&gt;-->
<!-- &lt;!&ndash;<el-col :span="6">&ndash;&gt;-->
<!-- &lt;!&ndash; <el-form-item class="query-form-item" label="集采状态:">&ndash;&gt;-->
<!-- &lt;!&ndash; <el-select&ndash;&gt;-->
<!-- &lt;!&ndash; v-model="filterQuery.groupBuy"&ndash;&gt;-->
<!-- &lt;!&ndash; placeholder="请选择集采状态"&ndash;&gt;-->
<!-- &lt;!&ndash; clearable&ndash;&gt;-->
<!-- &lt;!&ndash; style="width: 90%"&ndash;&gt;-->
<!-- &lt;!&ndash; >&ndash;&gt;-->
<!-- &lt;!&ndash; <el-option label="全部" value=""></el-option>&ndash;&gt;-->
<!-- &lt;!&ndash; <el-option label="集采" value="true"></el-option>&ndash;&gt;-->
<!-- &lt;!&ndash; <el-option label="非集采" value="false"></el-option>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-select>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-form-item>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-col>&ndash;&gt;-->
<!-- &lt;!&ndash;<el-col :span="6">&ndash;&gt;-->
<!-- &lt;!&ndash; <el-form-item class="query-form-item" label="可配送状态:">&ndash;&gt;-->
<!-- &lt;!&ndash; <el-select&ndash;&gt;-->
<!-- &lt;!&ndash; v-model="filterQuery.dispatch"&ndash;&gt;-->
<!-- &lt;!&ndash; placeholder="请选择可配送状态"&ndash;&gt;-->
<!-- &lt;!&ndash; clearable&ndash;&gt;-->
<!-- &lt;!&ndash; style="width: 90%"&ndash;&gt;-->
<!-- &lt;!&ndash; >&ndash;&gt;-->
<!-- &lt;!&ndash; <el-option label="全部" value=""></el-option>&ndash;&gt;-->
<!-- &lt;!&ndash; <el-option label="可配送" value="true"></el-option>&ndash;&gt;-->
<!-- &lt;!&ndash; <el-option label="不可配送" value="false"></el-option>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-select>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-form-item>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-col>&ndash;&gt;-->
<!-- </el-row>-->
<!-- <el-row>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item class="query-form-item" label="注册备案人:">-->
<!-- <el-input-->
<!-- v-model="filterQuery.ylqxzcrbarmc"-->
<!-- placeholder="请输入注册备案人"-->
<!-- style="width: 90%"-->
<!-- clearable="true"-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item class="query-form-item" label="注册/备案号:">-->
<!-- <el-input-->
<!-- v-model="filterQuery.zczbhhzbapzbh"-->
<!-- placeholder="请输入注册/备案号"-->
<!-- style="width: 90%"-->
<!-- clearable="true"-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="6">-->
<!-- <el-form-item class="query-form-item" label="生产企业:">-->
<!-- <el-input-->
<!-- v-model="filterQuery.manufactory"-->
<!-- placeholder="请输入生产企业"-->
<!-- style="width: 90%"-->
<!-- clearable="true"-->
<!-- ></el-input>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- &lt;!&ndash;<el-col :span="6">&ndash;&gt;-->
<!-- &lt;!&ndash; <el-form-item class="query-form-item" label="是否在用:">&ndash;&gt;-->
<!-- &lt;!&ndash; <el-select&ndash;&gt;-->
<!-- &lt;!&ndash; v-model="filterQuery.isDisable"&ndash;&gt;-->
<!-- &lt;!&ndash; placeholder="请选择是否在用"&ndash;&gt;-->
<!-- &lt;!&ndash; clearable&ndash;&gt;-->
<!-- &lt;!&ndash; style="width: 90%"&ndash;&gt;-->
<!-- &lt;!&ndash; >&ndash;&gt;-->
<!-- &lt;!&ndash; <el-option label="在用" value="false"></el-option>&ndash;&gt;-->
<!-- &lt;!&ndash; <el-option label="停用" value="true"></el-option>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-select>&ndash;&gt;-->
<!-- &lt;!&ndash; </el-form-item>&ndash;&gt;-->
<!-- &lt;!&ndash;</el-col>&ndash;&gt;-->
<!-- </el-row>-->
</el-form> </el-form>
<div class="top-right-btn"> <div class="top-right-btn">
<el-button-group> <el-button-group>
@ -234,75 +301,162 @@
border border
key="1" key="1"
> >
<el-table-column label="序号" type="index"></el-table-column> <template v-for="(item, index) in tableHeader">
<el-table-column <el-table-column
label="最小销售产品标识" v-if="item.columnType == 'id'"
prop="nameCode" type="index" :label="item.columnDesc"></el-table-column>
width="140" <el-table-column
show-overflow-tooltip v-if="item.columnType == 'selection'"
></el-table-column> type="selection"
<el-table-column :width="item.width"
label="物资名称" :selectable="executeFuc"></el-table-column>
prop="cpmctymc"
width="160" <el-table-column
show-overflow-tooltip v-if="item.columnType == 'radio'"
></el-table-column> :prop="item.columnName"
<el-table-column :label="item.columnDesc"
label="规格型号" :sortable="item.sort"
prop="ggxh" :width="item.width"
width="160" :show-overflow-tooltip="item.tooltip"
show-overflow-tooltip :key="item.columnName"
></el-table-column> >
<el-table-column <template slot-scope="scope">
label="注册/备案号" <el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>
prop="zczbhhzbapzbh" </template>
width="160" </el-table-column>
show-overflow-tooltip <el-table-column
></el-table-column> v-if="item.columnType == 'laber'"
<el-table-column :prop="item.columnName"
label="注册/备案人" :label="item.columnDesc"
prop="ylqxzcrbarmc" :sortable="item.sort"
width="180" :width="item.width"
show-overflow-tooltip :show-overflow-tooltip="item.tooltip"
></el-table-column> :key="item.columnName"
<el-table-column >
label="生产厂家" <template slot-scope="scope">
prop="manufactory" <span :style="{color: executeFuc(scope.row,null,'4',item.lableRuleObj[scope.row[item.columnName]])}">{{ item.lableRuleObj[scope.row[item.columnName]] }}</span>
width="180" </template>
show-overflow-tooltip </el-table-column>
></el-table-column> <el-table-column
v-if="item.columnType == 'eltag'"
<el-table-column width="180" label="操作" fixed="right"> :prop="item.columnName"
<template slot-scope="scope"> :label="item.columnDesc"
<!--<el-button--> :sortable="item.sort"
<!-- type="text"--> :width="item.width"
<!-- size="small"--> :show-overflow-tooltip="item.tooltip"
<!-- :disabled="scope.row.originUuid != null"--> :key="item.columnName"
<!-- @click.native.stop="intentSelectUdi(scope.row)"--> >
<!--&gt;关联DI--> <template slot-scope="scope">
<!--</el-button>--> <el-tag :type="executeFuc(scope.row,null,'4',item,item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName])">
<!--<el-button--> <span>{{ item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName] }}</span>
<!-- type="text"--> </el-tag>
<!-- size="small"--> </template>
<!-- @click.native.stop="handleModifyClick(scope.row)"--> </el-table-column>
<!--&gt;详情--> <el-table-column
<!--</el-button>--> v-if="item.columnType == 'button'"
:prop="item.columnName"
<el-button :label="item.columnDesc"
type="text" :width="item.width"
size="small" :key="item.columnName"
@click.native.stop="diEdit(scope.row)" fixed="right"
>详情 >
</el-button> <template slot-scope="scope">
<el-button v-for="(buttonItem, buttonIndex) in item.buttonRulObj"
<el-button :type="buttonItem.type"
type="text" :size="buttonItem.size"
size="small" :style="buttonItem.style"
@click.native.stop="deleteDialog(scope.row)" :key="buttonItem"
>删除 v-if="executeEval(scope.row,buttonItem.hasPermi,true)"
</el-button> :disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"
</template> @click.native.stop="executeFuc(scope.row,null,'1',buttonItem.clickFuc)"
</el-table-column> >{{ buttonItem.name }}
</el-button>
</template>
</el-table-column>
<el-table-column
v-if="item.columnType == 'text'"
:prop="item.columnName"
:label="item.columnDesc"
:sortable="item.sort"
:width="item.width"
:show-overflow-tooltip="item.tooltip"
:key="item.columnName"
>
<template slot-scope="scope">
<span :style="{color: executeFuc(scope.row,null,'4',item,scope.row[item.columnName])}">{{ scope.row[item.columnName] }}</span>
</template>
</el-table-column>
</template>
<!-- <el-table-column label="序号" type="index"></el-table-column>-->
<!-- <el-table-column-->
<!-- label="最小销售产品标识"-->
<!-- prop="nameCode"-->
<!-- width="140"-->
<!-- show-overflow-tooltip-->
<!-- ></el-table-column>-->
<!-- <el-table-column-->
<!-- label="物资名称"-->
<!-- prop="cpmctymc"-->
<!-- width="160"-->
<!-- show-overflow-tooltip-->
<!-- ></el-table-column>-->
<!-- <el-table-column-->
<!-- label="规格型号"-->
<!-- prop="ggxh"-->
<!-- width="160"-->
<!-- show-overflow-tooltip-->
<!-- ></el-table-column>-->
<!-- <el-table-column-->
<!-- label="注册/备案号"-->
<!-- prop="zczbhhzbapzbh"-->
<!-- width="160"-->
<!-- show-overflow-tooltip-->
<!-- ></el-table-column>-->
<!-- <el-table-column-->
<!-- label="注册/备案人"-->
<!-- prop="ylqxzcrbarmc"-->
<!-- width="180"-->
<!-- show-overflow-tooltip-->
<!-- ></el-table-column>-->
<!-- <el-table-column-->
<!-- label="生产厂家"-->
<!-- prop="manufactory"-->
<!-- width="180"-->
<!-- show-overflow-tooltip-->
<!-- ></el-table-column>-->
<!-- <el-table-column width="180" label="操作" fixed="right">-->
<!-- <template slot-scope="scope">-->
<!-- &lt;!&ndash;<el-button&ndash;&gt;-->
<!-- &lt;!&ndash; type="text"&ndash;&gt;-->
<!-- &lt;!&ndash; size="small"&ndash;&gt;-->
<!-- &lt;!&ndash; :disabled="scope.row.originUuid != null"&ndash;&gt;-->
<!-- &lt;!&ndash; @click.native.stop="intentSelectUdi(scope.row)"&ndash;&gt;-->
<!-- &lt;!&ndash;&gt;关联DI&ndash;&gt;-->
<!-- &lt;!&ndash;</el-button>&ndash;&gt;-->
<!-- &lt;!&ndash;<el-button&ndash;&gt;-->
<!-- &lt;!&ndash; type="text"&ndash;&gt;-->
<!-- &lt;!&ndash; size="small"&ndash;&gt;-->
<!-- &lt;!&ndash; @click.native.stop="handleModifyClick(scope.row)"&ndash;&gt;-->
<!-- &lt;!&ndash;&gt;详情&ndash;&gt;-->
<!-- &lt;!&ndash;</el-button>&ndash;&gt;-->
<!-- <el-button-->
<!-- type="text"-->
<!-- size="small"-->
<!-- @click.native.stop="diEdit(scope.row)"-->
<!-- >详情-->
<!-- </el-button>-->
<!-- <el-button-->
<!-- type="text"-->
<!-- size="small"-->
<!-- @click.native.stop="deleteDialog(scope.row)"-->
<!-- >删除-->
<!-- </el-button>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table> </el-table>
</el-col> </el-col>
</el-row> </el-row>
@ -1371,6 +1525,9 @@ import {
import {thirdSysDetail} from "@/api/basic/product/udiRelevance"; import {thirdSysDetail} from "@/api/basic/product/udiRelevance";
import {finProductSet} from "@/api/param/systemParamConfig"; import {finProductSet} from "@/api/param/systemParamConfig";
import selectUdiVersion from './UdiinfoSelectVersion' import selectUdiVersion from './UdiinfoSelectVersion'
import {
getHead,executeFuc,executeEval
} from "@/utils/customConfig";
export default { export default {
data() { data() {
@ -1399,6 +1556,10 @@ export default {
subData: {}, subData: {},
formName: null, formName: null,
showSearch: true, showSearch: true,
tableHeader:[],
queryList:[],
fromList:[],
options:[],
treeList: [], treeList: [],
Dictionary: true, //物资字典分类显示、隐藏 Dictionary: true, //物资字典分类显示、隐藏
filterQuery: { filterQuery: {
@ -1495,31 +1656,31 @@ export default {
}, },
diEdit(row) { diEdit(_this,row) {
this.uuid = row.uuid; _this.uuid = row.uuid;
this.relId = row.id; _this.relId = row.id;
this.isImport = false; _this.isImport = false;
this.thisData = row; _this.thisData = row;
this.editDialogVisible = true; _this.editDialogVisible = true;
console.log("row.uuid="+this.uuid) console.log("row.uuid="+_this.uuid)
this.pId = row.id; _this.pId = row.id;
this.relevanceEdit = { _this.relevanceEdit = {
id: row.id, id: row.id,
isUseDy: row.isUseDy, isUseDy: row.isUseDy,
isDisable: row.isDisable, isDisable: row.isDisable,
isLock: row.isLock, isLock: row.isLock,
isAdavence: row.isAdavence, isAdavence: row.isAdavence,
}; };
this.checked = row.isUseDy == 1; _this.checked = row.isUseDy == 1;
this.editQuery = row; _this.editQuery = row;
//获取产品标识列表 //获取产品标识列表
let ttquery = { let ttquery = {
id: row.id, id: row.id,
}; };
this.getDetailList(ttquery); _this.getDetailList(ttquery);
//获取关联第三方系统产品信息列表 //获取关联第三方系统产品信息列表
this.getThirdSysDetail(); _this.getThirdSysDetail();
}, },
@ -1537,8 +1698,8 @@ export default {
this.sysList = []; this.sysList = [];
}); });
}, },
deleteDialog(row) { deleteDialog(_this,row) {
this.$confirm('确认删除吗?', '提示', { _this.$confirm('确认删除吗?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
@ -1550,11 +1711,11 @@ export default {
deleterel(param) deleterel(param)
.then((res) => { .then((res) => {
if (res.code == 20000) { if (res.code == 20000) {
this.$message.success("删除成功!"); _this.$message.success("删除成功!");
} else { } else {
this.$message.error(res.message); _this.$message.error(res.message);
} }
this.getList(); _thisgetList();
}) })
}) })
.catch(() => { .catch(() => {
@ -1742,9 +1903,9 @@ export default {
hideSearch() { hideSearch() {
this.showSearch = !this.showSearch; this.showSearch = !this.showSearch;
}, },
keyup_submit(event) { keyup_submit(_this,event) {
this.filterQuery.page = 1; _this.filterQuery.page = 1;
this.getList(); _this.getList();
event.target.select(); event.target.select();
}, },
getDetailList(detailQuery) { getDetailList(detailQuery) {
@ -1771,6 +1932,15 @@ export default {
this.detailList = []; this.detailList = [];
}); });
}, },
executeFuc(row,number,type,clickFuc,value){
return executeFuc(this,row,number,type,clickFuc,value);
},
executeEval(row,expression,defaultRet){
if(expression){
return eval(expression);
}
return defaultRet;
}
}, },
mounted() { mounted() {
}, },
@ -1778,7 +1948,14 @@ export default {
Treeselect, selectProduct,selectUdiVersion, Treeselect, selectProduct,selectUdiVersion,
}, },
created() { created() {
this.getList(); getHead("productCategory","1").then((re) => {
// 处理返回的数据
this.tableObj = re.data;
this.tableHeader = re.data.tableList;
this.queryList = re.data.queryList;
this.fromList = re.data.fromList;
this.getList();
});
this.getTerrList(); this.getTerrList();
}, },
}; };

4
src/views/system/customConfig/configDetail.vue
Unescape Escape View File

@ -220,8 +220,8 @@
<el-form-item label-width="50px" label="样式" :prop="'buttonList.' + i + '.style'"> <el-form-item label-width="50px" label="样式" :prop="'buttonList.' + i + '.style'">
<el-input type="input" style="width: 120px;" v-model="item.style" placeholder="请输入样式"></el-input> <el-input type="input" style="width: 120px;" v-model="item.style" placeholder="请输入样式"></el-input>
</el-form-item> </el-form-item>
<el-form-item label-width="70px" label="禁用判断方法" :prop="'buttonList.' + i + '.disabledFuc'"> <el-form-item label-width="70px" label="禁用eval表达式" :prop="'buttonList.' + i + '.disabledFuc'">
<el-input type="input" style="width: 120px;" v-model="item.disabledFuc" placeholder="请输入禁用判断方法"></el-input> <el-input type="input" style="width: 120px;" v-model="item.disabledFuc" placeholder="请输入禁用eval表达式"></el-input>
</el-form-item> </el-form-item>
<el-form-item label-width="70px" label="点击方法" :prop="'buttonList.' + i + '.clickFuc'"> <el-form-item label-width="70px" label="点击方法" :prop="'buttonList.' + i + '.clickFuc'">
<el-input type="input" style="width: 120px;" v-model="item.clickFuc" placeholder="请输入点击方法"></el-input> <el-input type="input" style="width: 120px;" v-model="item.clickFuc" placeholder="请输入点击方法"></el-input>

6
src/views/system/customConfig/configQueryDetail.vue
Unescape Escape View File

@ -33,7 +33,7 @@
<el-table-column prop="width" label="宽度"></el-table-column> <el-table-column prop="width" label="宽度"></el-table-column>
<el-table-column prop="lableRule" show-overflow-tooltip="true" label="字典替换规则"></el-table-column> <el-table-column prop="lableRule" show-overflow-tooltip="true" label="字典替换规则"></el-table-column>
<el-table-column prop="clickFuc" label="事件"></el-table-column> <el-table-column prop="clickFuc" label="事件"></el-table-column>
<el-table-column prop="disabledFuc" label="禁用方法"></el-table-column> <el-table-column prop="disabledFuc" label="禁用eval表达式"></el-table-column>
<el-table-column label="操作"> <el-table-column label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@ -137,8 +137,8 @@
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<el-form-item label="禁用方法" prop="clickFuc" class="query-form-item"> <el-form-item label="禁用eval表达式" prop="clickFuc" class="query-form-item">
<el-input v-model="subData.disabledFuc" style="width: 80%" placeholder="请输入禁用方法" <el-input v-model="subData.disabledFuc" style="width: 80%" placeholder="请输入禁用eval表达式"
auto-complete="off"></el-input> auto-complete="off"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>

Write Preview
Loading…
Cancel
Save