给角色页面增加价格屏蔽字段

jshERP-web/src/views/system/RoleList.vue

@@ -134,6 +134,9 @@
           {
             title: '数据类型', align:"left", dataIndex: 'type', width: 100
           },
+          {
+            title: '价格屏蔽', align:"left", dataIndex: 'priceLimitStr', width: 100
+          },
           {
             title: '描述', align:"left", dataIndex: 'description', width: 150
           },

jshERP-web/src/views/system/modules/RoleModal.vue

@@ -8,7 +8,7 @@
     @cancel="handleCancel"
     cancelText="关闭"
     wrapClassName="ant-modal-cust-warp"
-    style="top:25%;height: 50%;overflow-y: hidden">
+    style="top:20%;height: 60%;overflow-y: hidden">
     <template slot="footer">
       <a-button key="back" v-if="isReadOnly" @click="handleCancel">
         关闭
@@ -20,13 +20,20 @@
           <a-input placeholder="请输入角色名称" v-decorator.trim="[ 'name', validatorRules.name]" />
         </a-form-item>
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="数据类型">
+          <a-select placeholder="请选择数据类型" v-decorator="[ 'type', validatorRules.type]" style="width:94%">
+            <a-select-option value="全部数据">全部数据</a-select-option>
+            <a-select-option value="本机构数据">本机构数据</a-select-option>
+            <a-select-option value="个人数据">个人数据</a-select-option>
+          </a-select>
           <a-tooltip title="1、全部数据-该角色对应的用户可以看到全部单据；2、本机构数据-该角色对应的用户可以看到自己所在机构的全部单据；
-          3、个人数据-该角色对应的用户只可以看到自己的单据。单据是指采购入库、销售出库等">
+              3、个人数据-该角色对应的用户只可以看到自己的单据。单据是指采购入库、销售出库等">
-            <a-select placeholder="请选择数据类型" v-decorator="[ 'type', validatorRules.type]">
+            <a-icon type="question-circle" style="width:6%; padding-left: 5px; font-size: 18px;" />
-              <a-select-option value="全部数据">全部数据</a-select-option>
+          </a-tooltip>
-              <a-select-option value="本机构数据">本机构数据</a-select-option>
+        </a-form-item>
-              <a-select-option value="个人数据">个人数据</a-select-option>
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="价格屏蔽">
-            </a-select>
+          <j-select-multiple style="width:94%" placeholder="请选择价格屏蔽" v-model="priceLimitList.value" :options="priceLimitList.options"/>
+          <a-tooltip title="价格屏蔽支持多选，主要用于控制首页界面和物料的价格屏蔽">
+            <a-icon type="question-circle" style="width:6%; padding-left: 5px; font-size: 18px;" />
           </a-tooltip>
         </a-form-item>
         <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="描述">
@@ -41,10 +48,14 @@
 </template>
 <script>
   import pick from 'lodash.pick'
+  import JSelectMultiple from '@/components/jeecg/JSelectMultiple'
   import {addRole,editRole,checkRole } from '@/api/api'
   import {autoJumpNextInput} from "@/utils/util"
   export default {
     name: "RoleModal",
+    components: {
+      JSelectMultiple
+    },
     data () {
       return {
         title:"操作",
@@ -59,6 +70,14 @@
           xs: { span: 24 },
           sm: { span: 16 },
         },
+        priceLimitList: {
+          options: [
+            { 'value': '1', 'text': '屏蔽采购价'},
+            { 'value': '2', 'text': '屏蔽零售价'},
+            { 'value': '3', 'text': '屏蔽销售价'}
+          ],
+          value: ''
+        },
         confirmLoading: false,
         form: this.$form.createForm(this),
         validatorRules:{
@@ -91,6 +110,7 @@
       edit (record) {
         this.form.resetFields();
         this.model = Object.assign({}, record);
+        this.priceLimitList.value = this.model.priceLimit
         this.visible = true;
         this.$nextTick(() => {
           this.form.setFieldsValue(pick(this.model,'name', 'type', 'sort', 'description'))
@@ -108,6 +128,7 @@
           if (!err) {
             that.confirmLoading = true;
             let formData = Object.assign(this.model, values);
+            formData.priceLimit = this.priceLimitList.value
             let obj;
             if(!this.model.id){
               obj=addRole(formData);