|
@@ -89,6 +89,11 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="产品线" prop="productLine" v-if="isFlag">
|
|
|
+ <treeselect v-model="ruleForm.productLine" :multiple="false" :options="productOptions" :append-to-body="true" placeholder="请选择产品线" :disabled="disable" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
<span class="title">辅助属性</span>
|
|
|
<el-row :gutter="20">
|
|
@@ -190,7 +195,10 @@ import {
|
|
|
edit,
|
|
|
downLoadClassify,
|
|
|
} from "@/api/classify/basic";
|
|
|
+import Treeselect from '@riophae/vue-treeselect';
|
|
|
+import '@riophae/vue-treeselect/dist/vue-treeselect.css';
|
|
|
export default {
|
|
|
+ components: { Treeselect },
|
|
|
name: "classify",
|
|
|
dicts: ["material_enable", "sys_assist_condtion"],
|
|
|
data() {
|
|
@@ -241,6 +249,13 @@ export default {
|
|
|
trigger: "blur",
|
|
|
},
|
|
|
],
|
|
|
+ productLine: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入产品线",
|
|
|
+ trigger: "blur",
|
|
|
+ }
|
|
|
+ ]
|
|
|
},
|
|
|
checkList: [],
|
|
|
disable: true,
|
|
@@ -251,7 +266,43 @@ export default {
|
|
|
isAdd: true,
|
|
|
defaultExpanded: [],
|
|
|
// 是否过滤停用
|
|
|
- refreshName: false
|
|
|
+ refreshName: false,
|
|
|
+ // 生产线字段判断标志
|
|
|
+ isFlag: false,
|
|
|
+ // selectTree: [],
|
|
|
+ // searchForm: {
|
|
|
+ // componentsName: '', //组件名称
|
|
|
+ // componentsCode: '', //组件编码
|
|
|
+ // },
|
|
|
+ productOptions: [{
|
|
|
+ id: 1,
|
|
|
+ label: "介入产品线"
|
|
|
+ },{
|
|
|
+ id: 2,
|
|
|
+ label: "骨科产品线"
|
|
|
+ },{
|
|
|
+ id :3,
|
|
|
+ label: "检验产品线"
|
|
|
+ },{
|
|
|
+ id: 4,
|
|
|
+ label: "综合耗材产品线",
|
|
|
+ children: [{
|
|
|
+ id: 5,
|
|
|
+ label: "消毒管控"
|
|
|
+ },{
|
|
|
+ id: 6,
|
|
|
+ label: "血统"
|
|
|
+ },{
|
|
|
+ id: 7,
|
|
|
+ label: "麻醉"
|
|
|
+ },{
|
|
|
+ id: 8,
|
|
|
+ label: "护理"
|
|
|
+ },{
|
|
|
+ id: 9,
|
|
|
+ label: "外科"
|
|
|
+ }]
|
|
|
+ }],
|
|
|
};
|
|
|
},
|
|
|
watch: {
|
|
@@ -284,6 +335,10 @@ export default {
|
|
|
let { code, data } = res;
|
|
|
if (code === 200) {
|
|
|
console.log("data", data);
|
|
|
+ this.isFlag = false;
|
|
|
+ if (data.twoClass != null && data.threeClass == null) {
|
|
|
+ this.isFlag = true;
|
|
|
+ }
|
|
|
this.ruleForm = data;
|
|
|
this.ruleForm.isInventory = data.isInventory === "0" ? true : false;
|
|
|
this.ruleForm.isProductBatch =
|